@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";

.wp-block-accordion{box-sizing:border-box}.wp-block-accordion-item.is-open>.wp-block-accordion-heading .wp-block-accordion-heading__toggle-icon{transform:rotate(45deg)}@media (prefers-reduced-motion:no-preference){.wp-block-accordion-item{transition:grid-template-rows .3s ease-out}.wp-block-accordion-item>.wp-block-accordion-heading .wp-block-accordion-heading__toggle-icon{transition:transform .2s ease-in-out}}.wp-block-accordion-heading__toggle{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;overflow:hidden;padding:var(--wp--preset--spacing--20,1em) 0;text-align:inherit;text-decoration:inherit;text-transform:inherit;width:100%;word-spacing:inherit}.wp-block-accordion-heading__toggle:not(:focus-visible){outline:none}.wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title{text-decoration:underline}.wp-block-accordion-heading__toggle-title{flex:1}.wp-block-accordion-heading__toggle-icon{align-items:center;display:flex;height:1.2em;justify-content:center;width:1.2em}.wp-block-accordion-panel[aria-hidden=true],.wp-block-accordion-panel[inert]{display:none;margin-block-start:0}.wp-block-archives{box-sizing:border-box}.wp-block-archives-dropdown label{display:block}.wp-block-avatar{line-height:0}.wp-block-avatar,.wp-block-avatar img{box-sizing:border-box}.wp-block-avatar.aligncenter{text-align:center}.wp-block-audio{box-sizing:border-box}.wp-block-audio :where(figcaption){margin-bottom:1em;margin-top:.5em}.wp-block-audio audio{min-width:300px;width:100%}.wp-block-breadcrumbs{box-sizing:border-box}.wp-block-breadcrumbs ol{flex-wrap:wrap;list-style:none}.wp-block-breadcrumbs li,.wp-block-breadcrumbs ol{align-items:center;display:flex;margin:0;padding:0}.wp-block-breadcrumbs li:not(:last-child):after{content:var(--separator,"/");margin:0 .5em;opacity:.7}.wp-block-breadcrumbs span{color:inherit}.wp-block-button__link{align-content:center;box-sizing:border-box;cursor:pointer;display:inline-block;height:100%;text-align:center;word-break:break-word}.wp-block-button__link.aligncenter{text-align:center}.wp-block-button__link.alignright{text-align:right}:where(.wp-block-button__link){border-radius:9999px;box-shadow:none;padding:calc(.667em + 2px) calc(1.333em + 2px);text-decoration:none}.wp-block-button[style*=text-decoration] .wp-block-button__link{text-decoration:inherit}.wp-block-buttons>.wp-block-button.has-custom-width{max-width:none}.wp-block-buttons>.wp-block-button.has-custom-width .wp-block-button__link{width:100%}.wp-block-buttons>.wp-block-button.has-custom-font-size .wp-block-button__link{font-size:inherit}.wp-block-buttons>.wp-block-button.wp-block-button__width-25{width:calc(25% - var(--wp--style--block-gap, .5em)*.75)}.wp-block-buttons>.wp-block-button.wp-block-button__width-50{width:calc(50% - var(--wp--style--block-gap, .5em)*.5)}.wp-block-buttons>.wp-block-button.wp-block-button__width-75{width:calc(75% - var(--wp--style--block-gap, .5em)*.25)}.wp-block-buttons>.wp-block-button.wp-block-button__width-100{flex-basis:100%;width:100%}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-25{width:25%}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-50{width:50%}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-75{width:75%}.wp-block-button.is-style-squared,.wp-block-button__link.wp-block-button.is-style-squared{border-radius:0}.wp-block-button.no-border-radius,.wp-block-button__link.no-border-radius{border-radius:0!important}:root :where(.wp-block-button .wp-block-button__link.is-style-outline),:root :where(.wp-block-button.is-style-outline>.wp-block-button__link){border:2px solid;padding:.667em 1.333em}:root :where(.wp-block-button .wp-block-button__link.is-style-outline:not(.has-text-color)),:root :where(.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-text-color)){color:currentColor}:root :where(.wp-block-button .wp-block-button__link.is-style-outline:not(.has-background)),:root :where(.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background)){background-color:initial;background-image:none}.wp-block-buttons{box-sizing:border-box}.wp-block-buttons.is-vertical{flex-direction:column}.wp-block-buttons.is-vertical>.wp-block-button:last-child{margin-bottom:0}.wp-block-buttons>.wp-block-button{display:inline-block;margin:0}.wp-block-buttons.is-content-justification-left{justify-content:flex-start}.wp-block-buttons.is-content-justification-left.is-vertical{align-items:flex-start}.wp-block-buttons.is-content-justification-center{justify-content:center}.wp-block-buttons.is-content-justification-center.is-vertical{align-items:center}.wp-block-buttons.is-content-justification-right{justify-content:flex-end}.wp-block-buttons.is-content-justification-right.is-vertical{align-items:flex-end}.wp-block-buttons.is-content-justification-space-between{justify-content:space-between}.wp-block-buttons.aligncenter{text-align:center}.wp-block-buttons:not(.is-content-justification-space-between,.is-content-justification-right,.is-content-justification-left,.is-content-justification-center) .wp-block-button.aligncenter{margin-left:auto;margin-right:auto;width:100%}.wp-block-buttons[style*=text-decoration] .wp-block-button,.wp-block-buttons[style*=text-decoration] .wp-block-button__link{text-decoration:inherit}.wp-block-buttons.has-custom-font-size .wp-block-button__link{font-size:inherit}.wp-block-buttons .wp-block-button__link{width:100%}.wp-block-button.aligncenter,.wp-block-calendar{text-align:center}.wp-block-calendar td,.wp-block-calendar th{border:1px solid;padding:.25em}.wp-block-calendar th{font-weight:400}.wp-block-calendar caption{background-color:inherit}.wp-block-calendar table{border-collapse:collapse;width:100%}.wp-block-calendar table.has-background th{background-color:inherit}.wp-block-calendar table.has-text-color th{color:inherit}.wp-block-calendar :where(table:not(.has-text-color)){color:#40464d}.wp-block-calendar :where(table:not(.has-text-color)) td,.wp-block-calendar :where(table:not(.has-text-color)) th{border-color:#ddd}:where(.wp-block-calendar table:not(.has-background) th){background:#ddd}.wp-block-categories{box-sizing:border-box}.wp-block-categories.alignleft{margin-right:2em}.wp-block-categories.alignright{margin-left:2em}.wp-block-categories.wp-block-categories-dropdown.aligncenter{text-align:center}.wp-block-categories .wp-block-categories__label:not(.screen-reader-text){display:block;width:100%}.wp-block-code{box-sizing:border-box}.wp-block-code code{direction:ltr;display:block;font-family:inherit;overflow-wrap:break-word;text-align:initial;white-space:pre-wrap}.wp-block-columns{box-sizing:border-box;display:flex;flex-wrap:wrap!important}@media (min-width:782px){.wp-block-columns{flex-wrap:nowrap!important}}.wp-block-columns{align-items:normal!important}.wp-block-columns.are-vertically-aligned-top{align-items:flex-start}.wp-block-columns.are-vertically-aligned-center{align-items:center}.wp-block-columns.are-vertically-aligned-bottom{align-items:flex-end}@media (max-width:781px){.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{flex-basis:100%!important}}@media (min-width:782px){.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{flex-basis:0;flex-grow:1}.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column[style*=flex-basis]{flex-grow:0}}.wp-block-columns.is-not-stacked-on-mobile{flex-wrap:nowrap!important}.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column{flex-basis:0;flex-grow:1}.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column[style*=flex-basis]{flex-grow:0}:where(.wp-block-columns){margin-bottom:1.75em}:where(.wp-block-columns.has-background){padding:1.25em 2.375em}.wp-block-column{flex-grow:1;min-width:0;overflow-wrap:break-word;word-break:break-word}.wp-block-column.is-vertically-aligned-top{align-self:flex-start}.wp-block-column.is-vertically-aligned-center{align-self:center}.wp-block-column.is-vertically-aligned-bottom{align-self:flex-end}.wp-block-column.is-vertically-aligned-stretch{align-self:stretch}.wp-block-column.is-vertically-aligned-bottom,.wp-block-column.is-vertically-aligned-center,.wp-block-column.is-vertically-aligned-top{width:100%}.wp-block-post-comments{box-sizing:border-box}.wp-block-post-comments .alignleft{float:left}.wp-block-post-comments .alignright{float:right}.wp-block-post-comments .navigation:after{clear:both;content:"";display:table}.wp-block-post-comments .commentlist{clear:both;list-style:none;margin:0;padding:0}.wp-block-post-comments .commentlist .comment{min-height:2.25em;padding-left:3.25em}.wp-block-post-comments .commentlist .comment p{font-size:1em;line-height:1.8;margin:1em 0}.wp-block-post-comments .commentlist .children{list-style:none;margin:0;padding:0}.wp-block-post-comments .comment-author{line-height:1.5}.wp-block-post-comments .comment-author .avatar{border-radius:1.5em;display:block;float:left;height:2.5em;margin-right:.75em;margin-top:.5em;width:2.5em}.wp-block-post-comments .comment-author cite{font-style:normal}.wp-block-post-comments .comment-meta{font-size:.875em;line-height:1.5}.wp-block-post-comments .comment-meta b{font-weight:400}.wp-block-post-comments .comment-meta .comment-awaiting-moderation{display:block;margin-bottom:1em;margin-top:1em}.wp-block-post-comments .comment-body .commentmetadata{font-size:.875em}.wp-block-post-comments .comment-form-author label,.wp-block-post-comments .comment-form-comment label,.wp-block-post-comments .comment-form-email label,.wp-block-post-comments .comment-form-url label{display:block;margin-bottom:.25em}.wp-block-post-comments .comment-form input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments .comment-form textarea{box-sizing:border-box;display:block;width:100%}.wp-block-post-comments .comment-form-cookies-consent{display:flex;gap:.25em}.wp-block-post-comments .comment-form-cookies-consent #wp-comment-cookies-consent{margin-top:.35em}.wp-block-post-comments .comment-reply-title{margin-bottom:0}.wp-block-post-comments .comment-reply-title :where(small){font-size:var(--wp--preset--font-size--medium,smaller);margin-left:.5em}.wp-block-post-comments .reply{font-size:.875em;margin-bottom:1.4em}.wp-block-post-comments input:not([type=submit]),.wp-block-post-comments textarea{border:1px solid #949494;font-family:inherit;font-size:1em}.wp-block-post-comments input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments textarea{padding:calc(.667em + 2px)}:where(.wp-block-post-comments input[type=submit]){border:none}.wp-block-comments{box-sizing:border-box}.wp-block-comments-pagination>.wp-block-comments-pagination-next,.wp-block-comments-pagination>.wp-block-comments-pagination-numbers,.wp-block-comments-pagination>.wp-block-comments-pagination-previous{font-size:inherit}.wp-block-comments-pagination .wp-block-comments-pagination-previous-arrow{display:inline-block;margin-right:1ch}.wp-block-comments-pagination .wp-block-comments-pagination-previous-arrow:not(.is-arrow-chevron){transform:scaleX(1)}.wp-block-comments-pagination .wp-block-comments-pagination-next-arrow{display:inline-block;margin-left:1ch}.wp-block-comments-pagination .wp-block-comments-pagination-next-arrow:not(.is-arrow-chevron){transform:scaleX(1)}.wp-block-comments-pagination.aligncenter{justify-content:center}.wp-block-comment-template{box-sizing:border-box;list-style:none;margin-bottom:0;max-width:100%;padding:0}.wp-block-comment-template li{clear:both}.wp-block-comment-template ol{list-style:none;margin-bottom:0;max-width:100%;padding-left:2rem}.wp-block-comment-template.alignleft{float:left}.wp-block-comment-template.aligncenter{margin-left:auto;margin-right:auto;width:fit-content}.wp-block-comment-template.alignright{float:right}.wp-block-comment-date{box-sizing:border-box}.comment-awaiting-moderation{display:block;font-size:.875em;line-height:1.5}.wp-block-comment-author-name,.wp-block-comment-content,.wp-block-comment-edit-link,.wp-block-comment-reply-link{box-sizing:border-box}.wp-block-cover,.wp-block-cover-image{align-items:center;background-position:50%;box-sizing:border-box;display:flex;justify-content:center;min-height:430px;overflow:hidden;overflow:clip;padding:1em;position:relative}.wp-block-cover .has-background-dim:not([class*=-background-color]),.wp-block-cover-image .has-background-dim:not([class*=-background-color]),.wp-block-cover-image.has-background-dim:not([class*=-background-color]),.wp-block-cover.has-background-dim:not([class*=-background-color]){background-color:#000}.wp-block-cover .has-background-dim.has-background-gradient,.wp-block-cover-image .has-background-dim.has-background-gradient{background-color:initial}.wp-block-cover-image.has-background-dim:before,.wp-block-cover.has-background-dim:before{background-color:inherit;content:""}.wp-block-cover .wp-block-cover__background,.wp-block-cover .wp-block-cover__gradient-background,.wp-block-cover-image .wp-block-cover__background,.wp-block-cover-image .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim:not(.has-background-gradient):before,.wp-block-cover.has-background-dim:not(.has-background-gradient):before{bottom:0;left:0;opacity:.5;position:absolute;right:0;top:0}.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient):before{opacity:.1}.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-20:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient):before{opacity:.2}.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-30:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient):before{opacity:.3}.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-40:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient):before{opacity:.4}.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-50:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient):before{opacity:.5}.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-60:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient):before{opacity:.6}.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-70:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient):before{opacity:.7}.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-80:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient):before{opacity:.8}.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-90:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient):before{opacity:.9}.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-100:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient):before{opacity:1}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-0,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-0,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0{opacity:0}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-10,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-10,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10{opacity:.1}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-20,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-20,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20{opacity:.2}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-30,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-30,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30{opacity:.3}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-40,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-40,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40{opacity:.4}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-50,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-50,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50{opacity:.5}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-60,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-60,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60{opacity:.6}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-70,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-70,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70{opacity:.7}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-80,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-80,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80{opacity:.8}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-90,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-90,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90{opacity:.9}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-100,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-100,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100{opacity:1}.wp-block-cover-image.alignleft,.wp-block-cover-image.alignright,.wp-block-cover.alignleft,.wp-block-cover.alignright{max-width:420px;width:100%}.wp-block-cover-image.aligncenter,.wp-block-cover-image.alignleft,.wp-block-cover-image.alignright,.wp-block-cover.aligncenter,.wp-block-cover.alignleft,.wp-block-cover.alignright{display:flex}.wp-block-cover .wp-block-cover__inner-container,.wp-block-cover-image .wp-block-cover__inner-container{color:inherit;position:relative;width:100%}.wp-block-cover-image.is-position-top-left,.wp-block-cover.is-position-top-left{align-items:flex-start;justify-content:flex-start}.wp-block-cover-image.is-position-top-center,.wp-block-cover.is-position-top-center{align-items:flex-start;justify-content:center}.wp-block-cover-image.is-position-top-right,.wp-block-cover.is-position-top-right{align-items:flex-start;justify-content:flex-end}.wp-block-cover-image.is-position-center-left,.wp-block-cover.is-position-center-left{align-items:center;justify-content:flex-start}.wp-block-cover-image.is-position-center-center,.wp-block-cover.is-position-center-center{align-items:center;justify-content:center}.wp-block-cover-image.is-position-center-right,.wp-block-cover.is-position-center-right{align-items:center;justify-content:flex-end}.wp-block-cover-image.is-position-bottom-left,.wp-block-cover.is-position-bottom-left{align-items:flex-end;justify-content:flex-start}.wp-block-cover-image.is-position-bottom-center,.wp-block-cover.is-position-bottom-center{align-items:flex-end;justify-content:center}.wp-block-cover-image.is-position-bottom-right,.wp-block-cover.is-position-bottom-right{align-items:flex-end;justify-content:flex-end}.wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container,.wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container{margin:0}.wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-bottom-left .wp-block-cover__inner-container,.wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-bottom-right .wp-block-cover__inner-container,.wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-center-left .wp-block-cover__inner-container,.wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-center-right .wp-block-cover__inner-container,.wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-top-left .wp-block-cover__inner-container,.wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-top-right .wp-block-cover__inner-container,.wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-bottom-left .wp-block-cover__inner-container,.wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-bottom-right .wp-block-cover__inner-container,.wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-center-left .wp-block-cover__inner-container,.wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-center-right .wp-block-cover__inner-container,.wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-top-left .wp-block-cover__inner-container,.wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-top-right .wp-block-cover__inner-container{margin:0;width:auto}.wp-block-cover .wp-block-cover__image-background,.wp-block-cover video.wp-block-cover__video-background,.wp-block-cover-image .wp-block-cover__image-background,.wp-block-cover-image video.wp-block-cover__video-background{border:none;bottom:0;box-shadow:none;height:100%;left:0;margin:0;max-height:none;max-width:none;object-fit:cover;outline:none;padding:0;position:absolute;right:0;top:0;width:100%}.wp-block-cover .wp-block-cover__embed-background,.wp-block-cover-image .wp-block-cover__embed-background{border:none;bottom:0;box-shadow:none;height:100%;left:0;margin:0;max-height:none;max-width:none;outline:none;padding:0;pointer-events:none;position:absolute;right:0;top:0;width:100%}.wp-block-cover .wp-block-cover__embed-background .wp-block-embed__wrapper,.wp-block-cover-image .wp-block-cover__embed-background .wp-block-embed__wrapper{bottom:0;height:100%;left:0;margin:0;padding:0;position:absolute;right:0;top:0;width:100%}.wp-block-cover .wp-block-cover__embed-background .wp-block-embed__wrapper iframe,.wp-block-cover .wp-block-cover__embed-background iframe,.wp-block-cover-image .wp-block-cover__embed-background .wp-block-embed__wrapper iframe,.wp-block-cover-image .wp-block-cover__embed-background iframe{height:100vh;left:50%;min-height:100%;min-width:100%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:100vw}.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax,.wp-block-cover__image-background.has-parallax,video.wp-block-cover__video-background.has-parallax{background-attachment:fixed;background-repeat:no-repeat;background-size:cover}@supports (-webkit-touch-callout:inherit){.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax,.wp-block-cover__image-background.has-parallax,video.wp-block-cover__video-background.has-parallax{background-attachment:scroll}}@media (prefers-reduced-motion:reduce){.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax,.wp-block-cover__image-background.has-parallax,video.wp-block-cover__video-background.has-parallax{background-attachment:scroll}}.wp-block-cover-image.is-repeated,.wp-block-cover.is-repeated,.wp-block-cover__image-background.is-repeated,video.wp-block-cover__video-background.is-repeated{background-repeat:repeat;background-size:auto}.wp-block-cover-image-text,.wp-block-cover-image-text a,.wp-block-cover-image-text a:active,.wp-block-cover-image-text a:focus,.wp-block-cover-image-text a:hover,.wp-block-cover-text,.wp-block-cover-text a,.wp-block-cover-text a:active,.wp-block-cover-text a:focus,.wp-block-cover-text a:hover,section.wp-block-cover-image h2,section.wp-block-cover-image h2 a,section.wp-block-cover-image h2 a:active,section.wp-block-cover-image h2 a:focus,section.wp-block-cover-image h2 a:hover{color:#fff}.wp-block-cover-image .wp-block-cover.has-left-content{justify-content:flex-start}.wp-block-cover-image .wp-block-cover.has-right-content{justify-content:flex-end}.wp-block-cover-image.has-left-content .wp-block-cover-image-text,.wp-block-cover.has-left-content .wp-block-cover-text,section.wp-block-cover-image.has-left-content>h2{margin-left:0;text-align:left}.wp-block-cover-image.has-right-content .wp-block-cover-image-text,.wp-block-cover.has-right-content .wp-block-cover-text,section.wp-block-cover-image.has-right-content>h2{margin-right:0;text-align:right}.wp-block-cover .wp-block-cover-text,.wp-block-cover-image .wp-block-cover-image-text,section.wp-block-cover-image>h2{font-size:2em;line-height:1.25;margin-bottom:0;max-width:840px;padding:.44em;text-align:center;z-index:1}:where(.wp-block-cover-image:not(.has-text-color)),:where(.wp-block-cover:not(.has-text-color)){color:#fff}:where(.wp-block-cover-image.is-light:not(.has-text-color)),:where(.wp-block-cover.is-light:not(.has-text-color)){color:#000}:root :where(.wp-block-cover h1:not(.has-text-color)),:root :where(.wp-block-cover h2:not(.has-text-color)),:root :where(.wp-block-cover h3:not(.has-text-color)),:root :where(.wp-block-cover h4:not(.has-text-color)),:root :where(.wp-block-cover h5:not(.has-text-color)),:root :where(.wp-block-cover h6:not(.has-text-color)),:root :where(.wp-block-cover p:not(.has-text-color)){color:inherit}body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background+.wp-block-cover__inner-container)) .wp-block-cover__embed-background,body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background+.wp-block-cover__inner-container)) .wp-block-cover__image-background,body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background+.wp-block-cover__inner-container)) .wp-block-cover__video-background{z-index:0}body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background+.wp-block-cover__inner-container)) .wp-block-cover__background,body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background+.wp-block-cover__inner-container)) .wp-block-cover__gradient-background,body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background+.wp-block-cover__inner-container)) .wp-block-cover__inner-container,body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background+.wp-block-cover__inner-container)).has-background-dim:not(.has-background-gradient):before{z-index:1}.has-modal-open body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background+.wp-block-cover__inner-container)) .wp-block-cover__inner-container{z-index:auto}.wp-block-details{box-sizing:border-box}.wp-block-details summary{cursor:pointer}.wp-block-embed.alignleft,.wp-block-embed.alignright,.wp-block[data-align=left]>[data-type="core/embed"],.wp-block[data-align=right]>[data-type="core/embed"]{max-width:360px;width:100%}.wp-block-embed.alignleft .wp-block-embed__wrapper,.wp-block-embed.alignright .wp-block-embed__wrapper,.wp-block[data-align=left]>[data-type="core/embed"] .wp-block-embed__wrapper,.wp-block[data-align=right]>[data-type="core/embed"] .wp-block-embed__wrapper{min-width:280px}.wp-block-cover .wp-block-embed{min-height:240px;min-width:320px}.wp-block-group.is-layout-flex .wp-block-embed{flex:1 1 0%;min-width:0}.wp-block-embed{overflow-wrap:break-word}.wp-block-embed :where(figcaption){margin-bottom:1em;margin-top:.5em}.wp-block-embed iframe{max-width:100%}.wp-block-embed__wrapper{position:relative}.wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper:before{content:"";display:block;padding-top:50%}.wp-embed-responsive .wp-has-aspect-ratio iframe{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.wp-embed-responsive .wp-embed-aspect-21-9 .wp-block-embed__wrapper:before{padding-top:42.85%}.wp-embed-responsive .wp-embed-aspect-18-9 .wp-block-embed__wrapper:before{padding-top:50%}.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper:before{padding-top:56.25%}.wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper:before{padding-top:75%}.wp-embed-responsive .wp-embed-aspect-1-1 .wp-block-embed__wrapper:before{padding-top:100%}.wp-embed-responsive .wp-embed-aspect-9-16 .wp-block-embed__wrapper:before{padding-top:177.77%}.wp-embed-responsive .wp-embed-aspect-1-2 .wp-block-embed__wrapper:before{padding-top:200%}.wp-block-file{box-sizing:border-box}.wp-block-file:not(.wp-element-button){font-size:.8em}.wp-block-file.aligncenter{text-align:center}.wp-block-file.alignright{text-align:right}.wp-block-file *+.wp-block-file__button{margin-left:.75em}:where(.wp-block-file){margin-bottom:1.5em}.wp-block-file__embed{margin-bottom:1em}:where(.wp-block-file__button){border-radius:2em;display:inline-block;padding:.5em 1em}:where(.wp-block-file__button):where(a):active,:where(.wp-block-file__button):where(a):focus,:where(.wp-block-file__button):where(a):hover,:where(.wp-block-file__button):where(a):visited{box-shadow:none;color:#fff;opacity:.85;text-decoration:none}.wp-block-form-input__label{display:flex;flex-direction:column;gap:.25em;margin-bottom:.5em;width:100%}.wp-block-form-input__label.is-label-inline{align-items:center;flex-direction:row;gap:.5em}.wp-block-form-input__label.is-label-inline .wp-block-form-input__label-content{margin-bottom:.5em}.wp-block-form-input__label:has(input[type=checkbox]){flex-direction:row;width:fit-content}.wp-block-form-input__label:has(input[type=checkbox]) .wp-block-form-input__label-content{margin:0}.wp-block-form-input__label:has(.wp-block-form-input__label-content+input[type=checkbox]){flex-direction:row-reverse}.wp-block-form-input__label-content{width:fit-content}:where(.wp-block-form-input__input){font-size:1em;margin-bottom:.5em;padding:0 .5em}:where(.wp-block-form-input__input)[type=date],:where(.wp-block-form-input__input)[type=datetime-local],:where(.wp-block-form-input__input)[type=datetime],:where(.wp-block-form-input__input)[type=email],:where(.wp-block-form-input__input)[type=month],:where(.wp-block-form-input__input)[type=number],:where(.wp-block-form-input__input)[type=password],:where(.wp-block-form-input__input)[type=search],:where(.wp-block-form-input__input)[type=tel],:where(.wp-block-form-input__input)[type=text],:where(.wp-block-form-input__input)[type=time],:where(.wp-block-form-input__input)[type=url],:where(.wp-block-form-input__input)[type=week]{border-style:solid;border-width:1px;line-height:2;min-height:2em}textarea.wp-block-form-input__input{min-height:10em}.blocks-gallery-grid:not(.has-nested-images),.wp-block-gallery:not(.has-nested-images){display:flex;flex-wrap:wrap;list-style-type:none;margin:0;padding:0}.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item{display:flex;flex-direction:column;flex-grow:1;justify-content:center;margin:0 1em 1em 0;position:relative;width:calc(50% - 1em)}.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image:nth-of-type(2n),.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item:nth-of-type(2n),.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image:nth-of-type(2n),.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item:nth-of-type(2n){margin-right:0}.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figure,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figure,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figure,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figure{align-items:flex-end;display:flex;height:100%;justify-content:flex-start;margin:0}.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image img,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item img,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image img,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item img{display:block;height:auto;max-width:100%;width:auto}.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption{background:linear-gradient(0deg,#000000b3,#0000004d 70%,#0000);bottom:0;box-sizing:border-box;color:#fff;font-size:.8em;margin:0;max-height:100%;overflow:auto;padding:3em .77em .7em;position:absolute;text-align:center;width:100%;z-index:2}.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption img,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption img,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption img,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption img{display:inline}.blocks-gallery-grid:not(.has-nested-images) figcaption,.wp-block-gallery:not(.has-nested-images) figcaption{flex-grow:1}.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-image a,.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-image img,.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-item a,.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-item img,.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-image a,.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-image img,.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-item a,.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-item img{flex:1;height:100%;object-fit:cover;width:100%}.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item{margin-right:0;width:100%}@media (min-width:600px){.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-item{margin-right:1em;width:calc(33.33333% - .66667em)}.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-item{margin-right:1em;width:calc(25% - .75em)}.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-item{margin-right:1em;width:calc(20% - .8em)}.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-item{margin-right:1em;width:calc(16.66667% - .83333em)}.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-item{margin-right:1em;width:calc(14.28571% - .85714em)}.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-item{margin-right:1em;width:calc(12.5% - .875em)}.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image:nth-of-type(1n),.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-item:nth-of-type(1n),.blocks-gallery-grid:not(.has-nested-images).columns-2 .blocks-gallery-image:nth-of-type(2n),.blocks-gallery-grid:not(.has-nested-images).columns-2 .blocks-gallery-item:nth-of-type(2n),.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-image:nth-of-type(3n),.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-item:nth-of-type(3n),.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-image:nth-of-type(4n),.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-item:nth-of-type(4n),.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-image:nth-of-type(5n),.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-item:nth-of-type(5n),.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-image:nth-of-type(6n),.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-item:nth-of-type(6n),.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-image:nth-of-type(7n),.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-item:nth-of-type(7n),.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-image:nth-of-type(8n),.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-item:nth-of-type(8n),.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image:nth-of-type(1n),.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item:nth-of-type(1n),.wp-block-gallery:not(.has-nested-images).columns-2 .blocks-gallery-image:nth-of-type(2n),.wp-block-gallery:not(.has-nested-images).columns-2 .blocks-gallery-item:nth-of-type(2n),.wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-image:nth-of-type(3n),.wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-item:nth-of-type(3n),.wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-image:nth-of-type(4n),.wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-item:nth-of-type(4n),.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-image:nth-of-type(5n),.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-item:nth-of-type(5n),.wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-image:nth-of-type(6n),.wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-item:nth-of-type(6n),.wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-image:nth-of-type(7n),.wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-item:nth-of-type(7n),.wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-image:nth-of-type(8n),.wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-item:nth-of-type(8n){margin-right:0}}.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image:last-child,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item:last-child,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image:last-child,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item:last-child{margin-right:0}.blocks-gallery-grid:not(.has-nested-images).alignleft,.blocks-gallery-grid:not(.has-nested-images).alignright,.wp-block-gallery:not(.has-nested-images).alignleft,.wp-block-gallery:not(.has-nested-images).alignright{max-width:420px;width:100%}.blocks-gallery-grid:not(.has-nested-images).aligncenter .blocks-gallery-item figure,.wp-block-gallery:not(.has-nested-images).aligncenter .blocks-gallery-item figure{justify-content:center}.wp-block-gallery:not(.is-cropped) .blocks-gallery-item{align-self:flex-start}figure.wp-block-gallery.has-nested-images{align-items:normal}.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image){margin:0;width:calc(50% - var(--wp--style--unstable-gallery-gap, 16px)/2)}.wp-block-gallery.has-nested-images figure.wp-block-image{box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;justify-content:center;max-width:100%;position:relative}.wp-block-gallery.has-nested-images figure.wp-block-image>a,.wp-block-gallery.has-nested-images figure.wp-block-image>div{flex-direction:column;flex-grow:1;margin:0}.wp-block-gallery.has-nested-images figure.wp-block-image img{display:block;height:auto;max-width:100%!important;width:auto}.wp-block-gallery.has-nested-images figure.wp-block-image figcaption,.wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption):before{bottom:0;left:0;max-height:100%;position:absolute;right:0}.wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption):before{backdrop-filter:blur(3px);content:"";height:100%;-webkit-mask-image:linear-gradient(0deg,#000 20%,#0000);mask-image:linear-gradient(0deg,#000 20%,#0000);max-height:3em;pointer-events:none}.wp-block-gallery.has-nested-images figure.wp-block-image figcaption{box-sizing:border-box;color:#fff;font-size:13px;margin:0;overflow:auto;padding:1em;text-align:center;text-shadow:0 0 1.5px #000}.wp-block-gallery.has-nested-images figure.wp-block-image figcaption::-webkit-scrollbar{height:12px;width:12px}.wp-block-gallery.has-nested-images figure.wp-block-image figcaption::-webkit-scrollbar-track{background-color:initial}.wp-block-gallery.has-nested-images figure.wp-block-image figcaption::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:initial;border:3px solid #0000;border-radius:8px}.wp-block-gallery.has-nested-images figure.wp-block-image figcaption:focus-within::-webkit-scrollbar-thumb,.wp-block-gallery.has-nested-images figure.wp-block-image figcaption:focus::-webkit-scrollbar-thumb,.wp-block-gallery.has-nested-images figure.wp-block-image figcaption:hover::-webkit-scrollbar-thumb{background-color:#fffc}.wp-block-gallery.has-nested-images figure.wp-block-image figcaption{scrollbar-color:#0000 #0000;scrollbar-gutter:stable both-edges;scrollbar-width:thin}.wp-block-gallery.has-nested-images figure.wp-block-image figcaption:focus,.wp-block-gallery.has-nested-images figure.wp-block-image figcaption:focus-within,.wp-block-gallery.has-nested-images figure.wp-block-image figcaption:hover{scrollbar-color:#fffc #0000}.wp-block-gallery.has-nested-images figure.wp-block-image figcaption{will-change:transform}@media (hover:none){.wp-block-gallery.has-nested-images figure.wp-block-image figcaption{scrollbar-color:#fffc #0000}}.wp-block-gallery.has-nested-images figure.wp-block-image figcaption{background:linear-gradient(0deg,#0006,#0000)}.wp-block-gallery.has-nested-images figure.wp-block-image figcaption img{display:inline}.wp-block-gallery.has-nested-images figure.wp-block-image figcaption a{color:inherit}.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border img{box-sizing:border-box}.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border>a,.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border>div,.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded>a,.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded>div{flex:1 1 auto}.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border figcaption,.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded figcaption{background:none;color:inherit;flex:initial;margin:0;padding:10px 10px 9px;position:relative;text-shadow:none}.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border:before,.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded:before{content:none}.wp-block-gallery.has-nested-images figcaption{flex-basis:100%;flex-grow:1;text-align:center}.wp-block-gallery.has-nested-images:not(.is-cropped) figure.wp-block-image:not(#individual-image){margin-bottom:auto;margin-top:0}.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image){align-self:inherit}.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image)>a,.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image)>div:not(.components-drop-zone){display:flex}.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) a,.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img{flex:1 0 0%;height:100%;object-fit:cover;width:100%}.wp-block-gallery.has-nested-images.columns-1 figure.wp-block-image:not(#individual-image){width:100%}@media (min-width:600px){.wp-block-gallery.has-nested-images.columns-3 figure.wp-block-image:not(#individual-image){width:calc(33.33333% - var(--wp--style--unstable-gallery-gap, 16px)*.66667)}.wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image){width:calc(25% - var(--wp--style--unstable-gallery-gap, 16px)*.75)}.wp-block-gallery.has-nested-images.columns-5 figure.wp-block-image:not(#individual-image){width:calc(20% - var(--wp--style--unstable-gallery-gap, 16px)*.8)}.wp-block-gallery.has-nested-images.columns-6 figure.wp-block-image:not(#individual-image){width:calc(16.66667% - var(--wp--style--unstable-gallery-gap, 16px)*.83333)}.wp-block-gallery.has-nested-images.columns-7 figure.wp-block-image:not(#individual-image){width:calc(14.28571% - var(--wp--style--unstable-gallery-gap, 16px)*.85714)}.wp-block-gallery.has-nested-images.columns-8 figure.wp-block-image:not(#individual-image){width:calc(12.5% - var(--wp--style--unstable-gallery-gap, 16px)*.875)}.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image){width:calc(33.33% - var(--wp--style--unstable-gallery-gap, 16px)*.66667)}.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2),.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2)~figure.wp-block-image:not(#individual-image){width:calc(50% - var(--wp--style--unstable-gallery-gap, 16px)*.5)}.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:last-child{width:100%}}.wp-block-gallery.has-nested-images.alignleft,.wp-block-gallery.has-nested-images.alignright{max-width:420px;width:100%}.wp-block-gallery.has-nested-images.aligncenter{justify-content:center}.wp-block-group{box-sizing:border-box}:where(.wp-block-group.wp-block-group-is-layout-constrained){position:relative}h1:where(.wp-block-heading).has-background,h2:where(.wp-block-heading).has-background,h3:where(.wp-block-heading).has-background,h4:where(.wp-block-heading).has-background,h5:where(.wp-block-heading).has-background,h6:where(.wp-block-heading).has-background{padding:1.25em 2.375em}h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]){rotate:180deg}.wp-block-icon{line-height:0}.wp-block-icon.aligncenter{display:flex;justify-content:center}.wp-block-icon svg{fill:currentColor;box-sizing:border-box}:where(.wp-block-icon) svg{height:100%;width:100%}.wp-block-image>a,.wp-block-image>figure>a{display:inline-block}.wp-block-image img{box-sizing:border-box;height:auto;max-width:100%;vertical-align:bottom}@media not (prefers-reduced-motion){.wp-block-image img.hide{visibility:hidden}.wp-block-image img.show{animation:show-content-image .4s}}.wp-block-image[style*=border-radius] img,.wp-block-image[style*=border-radius]>a{border-radius:inherit}.wp-block-image.has-custom-border img{box-sizing:border-box}.wp-block-image.aligncenter{text-align:center}.wp-block-image.alignfull>a,.wp-block-image.alignwide>a{width:100%}.wp-block-image.alignfull img,.wp-block-image.alignwide img{height:auto;width:100%}.wp-block-image .aligncenter,.wp-block-image .alignleft,.wp-block-image .alignright,.wp-block-image.aligncenter,.wp-block-image.alignleft,.wp-block-image.alignright{display:table}.wp-block-image .aligncenter>figcaption,.wp-block-image .alignleft>figcaption,.wp-block-image .alignright>figcaption,.wp-block-image.aligncenter>figcaption,.wp-block-image.alignleft>figcaption,.wp-block-image.alignright>figcaption{caption-side:bottom;display:table-caption}.wp-block-image .alignleft{float:left;margin:.5em 1em .5em 0}.wp-block-image .alignright{float:right;margin:.5em 0 .5em 1em}.wp-block-image .aligncenter{margin-left:auto;margin-right:auto}.wp-block-image :where(figcaption){margin-bottom:1em;margin-top:.5em}.wp-block-image.is-style-circle-mask img{border-radius:9999px}@supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none){.wp-block-image.is-style-circle-mask img{border-radius:0;-webkit-mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');mask-mode:alpha;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}}:root :where(.wp-block-image.is-style-rounded img,.wp-block-image .is-style-rounded img){border-radius:9999px}.wp-block-image figure{margin:0}.wp-lightbox-container{display:flex;flex-direction:column;position:relative}.wp-lightbox-container img{cursor:zoom-in}.wp-lightbox-container img:hover+button{opacity:1}.wp-lightbox-container button{align-items:center;backdrop-filter:blur(16px) saturate(180%);background-color:#5a5a5a40;border:none;border-radius:4px;cursor:zoom-in;display:flex;height:20px;justify-content:center;opacity:0;padding:0;position:absolute;right:16px;text-align:center;top:16px;width:20px;z-index:100}@media not (prefers-reduced-motion){.wp-lightbox-container button{transition:opacity .2s ease}}.wp-lightbox-container button:focus-visible{outline:3px auto #5a5a5a40;outline:3px auto -webkit-focus-ring-color;outline-offset:3px}.wp-lightbox-container button:hover{cursor:pointer;opacity:1}.wp-lightbox-container button:focus{opacity:1}.wp-lightbox-container button:focus,.wp-lightbox-container button:hover,.wp-lightbox-container button:not(:hover):not(:active):not(.has-background){background-color:#5a5a5a40;border:none}.wp-lightbox-overlay{box-sizing:border-box;cursor:zoom-out;height:100vh;left:0;overflow:hidden;position:fixed;top:0;visibility:hidden;width:100%;z-index:100000}.wp-lightbox-overlay .wp-lightbox-close-button{align-items:center;cursor:pointer;display:flex;font-family:inherit;gap:8px;justify-content:center;line-height:1;min-height:40px;min-width:40px;padding:0 4px;position:absolute;right:calc(env(safe-area-inset-right) + 16px);top:calc(env(safe-area-inset-top) + 16px);z-index:5000000}.wp-lightbox-overlay .wp-lightbox-close-button:focus,.wp-lightbox-overlay .wp-lightbox-close-button:hover,.wp-lightbox-overlay .wp-lightbox-close-button:not(:hover):not(:active):not(.has-background){background:none;border:none}.wp-lightbox-overlay .wp-lightbox-close-button:has(.wp-lightbox-close-text:not([hidden])) .wp-lightbox-close-icon svg{height:1em;width:1em}.wp-lightbox-overlay .wp-lightbox-close-icon svg{display:block}.wp-lightbox-overlay .wp-lightbox-navigation-button-next,.wp-lightbox-overlay .wp-lightbox-navigation-button-prev{align-items:center;bottom:16px;cursor:pointer;display:flex;font-family:inherit;gap:4px;justify-content:center;line-height:1;min-height:40px;min-width:40px;padding:0 8px;position:absolute;z-index:2000002}.wp-lightbox-overlay .wp-lightbox-navigation-button-next[hidden],.wp-lightbox-overlay .wp-lightbox-navigation-button-prev[hidden]{display:none}@media (min-width:960px){.wp-lightbox-overlay .wp-lightbox-navigation-button-next,.wp-lightbox-overlay .wp-lightbox-navigation-button-prev{bottom:50%;transform:translateY(-50%)}}.wp-lightbox-overlay .wp-lightbox-navigation-button-next:focus,.wp-lightbox-overlay .wp-lightbox-navigation-button-next:hover,.wp-lightbox-overlay .wp-lightbox-navigation-button-next:not(:hover):not(:active):not(.has-background),.wp-lightbox-overlay .wp-lightbox-navigation-button-prev:focus,.wp-lightbox-overlay .wp-lightbox-navigation-button-prev:hover,.wp-lightbox-overlay .wp-lightbox-navigation-button-prev:not(:hover):not(:active):not(.has-background){background:none;border:none;padding:0 8px}.wp-lightbox-overlay .wp-lightbox-navigation-button-next:has(.wp-lightbox-navigation-text:not([hidden])) .wp-lightbox-navigation-icon svg,.wp-lightbox-overlay .wp-lightbox-navigation-button-prev:has(.wp-lightbox-navigation-text:not([hidden])) .wp-lightbox-navigation-icon svg{display:block;height:1.5em;width:1.5em}.wp-lightbox-overlay .wp-lightbox-navigation-button-prev{left:calc(env(safe-area-inset-left) + 16px)}.wp-lightbox-overlay .wp-lightbox-navigation-button-next{right:calc(env(safe-area-inset-right) + 16px)}.wp-lightbox-overlay .wp-lightbox-navigation-icon svg{vertical-align:middle}.wp-lightbox-overlay .lightbox-image-container{height:var(--wp--lightbox-container-height);left:50%;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%);transform-origin:top left;width:var(--wp--lightbox-container-width);z-index:2000001}.wp-lightbox-overlay .wp-block-image{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:center;margin:0;position:relative;transform-origin:0 0;width:100%;z-index:3000000}.wp-lightbox-overlay .wp-block-image img{height:var(--wp--lightbox-image-height);min-height:var(--wp--lightbox-image-height);min-width:var(--wp--lightbox-image-width);width:var(--wp--lightbox-image-width)}.wp-lightbox-overlay .wp-block-image figcaption{display:none}.wp-lightbox-overlay button{background:none;border:none}.wp-lightbox-overlay .scrim{background-color:#fff;height:100%;opacity:.9;position:absolute;width:100%;z-index:2000000}.wp-lightbox-overlay.active{visibility:visible}@media not (prefers-reduced-motion){.wp-lightbox-overlay.active{animation:turn-on-visibility .25s both}.wp-lightbox-overlay.active img{animation:turn-on-visibility .35s both}.wp-lightbox-overlay.show-closing-animation:not(.active){animation:turn-off-visibility .35s both}.wp-lightbox-overlay.show-closing-animation:not(.active) img{animation:turn-off-visibility .25s both}.wp-lightbox-overlay.zoom.active{animation:none;opacity:1;visibility:visible}.wp-lightbox-overlay.zoom.active .lightbox-image-container{animation:lightbox-zoom-in .4s}.wp-lightbox-overlay.zoom.active .lightbox-image-container img{animation:none}.wp-lightbox-overlay.zoom.active .scrim{animation:turn-on-visibility .4s forwards}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active){animation:none}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .lightbox-image-container{animation:lightbox-zoom-out .4s}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .lightbox-image-container img{animation:none}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .scrim{animation:turn-off-visibility .4s forwards}}@keyframes show-content-image{0%{visibility:hidden}99%{visibility:hidden}to{visibility:visible}}@keyframes turn-on-visibility{0%{opacity:0}to{opacity:1}}@keyframes turn-off-visibility{0%{opacity:1;visibility:visible}99%{opacity:0;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes lightbox-zoom-in{0%{transform:translate(calc((-100vw + var(--wp--lightbox-scrollbar-width))/2 + var(--wp--lightbox-initial-left-position)),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale))}to{transform:translate(-50%,-50%) scale(1)}}@keyframes lightbox-zoom-out{0%{transform:translate(-50%,-50%) scale(1);visibility:visible}99%{visibility:visible}to{transform:translate(calc((-100vw + var(--wp--lightbox-scrollbar-width))/2 + var(--wp--lightbox-initial-left-position)),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale));visibility:hidden}}ol.wp-block-latest-comments{box-sizing:border-box;margin-left:0}:where(.wp-block-latest-comments:not([style*=line-height] .wp-block-latest-comments__comment)){line-height:1.1}:where(.wp-block-latest-comments:not([style*=line-height] .wp-block-latest-comments__comment-excerpt p)){line-height:1.8}.has-dates :where(.wp-block-latest-comments:not([style*=line-height])),.has-excerpts :where(.wp-block-latest-comments:not([style*=line-height])){line-height:1.5}.wp-block-latest-comments .wp-block-latest-comments{padding-left:0}.wp-block-latest-comments__comment{list-style:none;margin-bottom:1em}.has-avatars .wp-block-latest-comments__comment{list-style:none;min-height:2.25em}.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta{margin-left:3.25em}.wp-block-latest-comments__comment-excerpt p{font-size:.875em;margin:.36em 0 1.4em}.wp-block-latest-comments__comment-date{display:block;font-size:.75em}.wp-block-latest-comments .avatar,.wp-block-latest-comments__comment-avatar{border-radius:1.5em;display:block;float:left;height:2.5em;margin-right:.75em;width:2.5em}.wp-block-latest-comments[class*=-font-size] a,.wp-block-latest-comments[style*=font-size] a{font-size:inherit}.wp-block-latest-posts{box-sizing:border-box}.wp-block-latest-posts.alignleft{margin-right:2em}.wp-block-latest-posts.alignright{margin-left:2em}.wp-block-latest-posts.wp-block-latest-posts__list{list-style:none}.wp-block-latest-posts.wp-block-latest-posts__list li{clear:both;overflow-wrap:break-word}.wp-block-latest-posts.is-grid{display:flex;flex-wrap:wrap}.wp-block-latest-posts.is-grid li{margin:0 1.25em 1.25em 0;width:100%}@media (min-width:600px){.wp-block-latest-posts.columns-2 li{width:calc(50% - .625em)}.wp-block-latest-posts.columns-2 li:nth-child(2n){margin-right:0}.wp-block-latest-posts.columns-3 li{width:calc(33.33333% - .83333em)}.wp-block-latest-posts.columns-3 li:nth-child(3n){margin-right:0}.wp-block-latest-posts.columns-4 li{width:calc(25% - .9375em)}.wp-block-latest-posts.columns-4 li:nth-child(4n){margin-right:0}.wp-block-latest-posts.columns-5 li{width:calc(20% - 1em)}.wp-block-latest-posts.columns-5 li:nth-child(5n){margin-right:0}.wp-block-latest-posts.columns-6 li{width:calc(16.66667% - 1.04167em)}.wp-block-latest-posts.columns-6 li:nth-child(6n){margin-right:0}}:root :where(.wp-block-latest-posts.is-grid){padding:0}:root :where(.wp-block-latest-posts.wp-block-latest-posts__list){padding-left:0}.wp-block-latest-posts__post-author,.wp-block-latest-posts__post-date{display:block;font-size:.8125em}.wp-block-latest-posts__post-excerpt,.wp-block-latest-posts__post-full-content{margin-bottom:1em;margin-top:.5em}.wp-block-latest-posts__featured-image a{display:inline-block}.wp-block-latest-posts__featured-image img{height:auto;max-width:100%;width:auto}.wp-block-latest-posts__featured-image.alignleft{float:left;margin-right:1em}.wp-block-latest-posts__featured-image.alignright{float:right;margin-left:1em}.wp-block-latest-posts__featured-image.aligncenter{margin-bottom:1em;text-align:center}ol,ul{box-sizing:border-box}:root :where(.wp-block-list.has-background){padding:1.25em 2.375em}.wp-block-loginout{box-sizing:border-box}.wp-block-math{overflow-x:auto;overflow-y:hidden}.wp-block-media-text{box-sizing:border-box;direction:ltr;display:grid;grid-template-columns:50% 1fr;grid-template-rows:auto}.wp-block-media-text.has-media-on-the-right{grid-template-columns:1fr 50%}.wp-block-media-text.is-vertically-aligned-top>.wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-top>.wp-block-media-text__media{align-self:start}.wp-block-media-text.is-vertically-aligned-center>.wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-center>.wp-block-media-text__media,.wp-block-media-text>.wp-block-media-text__content,.wp-block-media-text>.wp-block-media-text__media{align-self:center}.wp-block-media-text.is-vertically-aligned-bottom>.wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-bottom>.wp-block-media-text__media{align-self:end}.wp-block-media-text>.wp-block-media-text__media{grid-column:1;grid-row:1;margin:0}.wp-block-media-text>.wp-block-media-text__content{direction:ltr;grid-column:2;grid-row:1;padding:0 8%;word-break:break-word}.wp-block-media-text.has-media-on-the-right>.wp-block-media-text__media{grid-column:2;grid-row:1}.wp-block-media-text.has-media-on-the-right>.wp-block-media-text__content{grid-column:1;grid-row:1}.wp-block-media-text__media a{display:block}.wp-block-media-text__media img,.wp-block-media-text__media video{height:auto;max-width:unset;vertical-align:middle;width:100%}.wp-block-media-text.is-image-fill>.wp-block-media-text__media{background-size:cover;height:100%;min-height:250px}.wp-block-media-text.is-image-fill>.wp-block-media-text__media>a{display:block;height:100%}.wp-block-media-text.is-image-fill>.wp-block-media-text__media img{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.wp-block-media-text.is-image-fill-element>.wp-block-media-text__media{height:100%;min-height:250px;position:relative}.wp-block-media-text.is-image-fill-element>.wp-block-media-text__media>a{display:block;height:100%}.wp-block-media-text.is-image-fill-element>.wp-block-media-text__media img{height:100%;object-fit:cover;position:absolute;width:100%}@media (max-width:600px){.wp-block-media-text.is-stacked-on-mobile{grid-template-columns:100%!important}.wp-block-media-text.is-stacked-on-mobile>.wp-block-media-text__media{grid-column:1;grid-row:1}.wp-block-media-text.is-stacked-on-mobile>.wp-block-media-text__content{grid-column:1;grid-row:2}}.wp-block-navigation{position:relative}.wp-block-navigation ul{margin-bottom:0;margin-left:0;margin-top:0;padding-left:0}.wp-block-navigation ul,.wp-block-navigation ul li{list-style:none;padding:0}.wp-block-navigation .wp-block-navigation-item{align-items:center;display:flex;position:relative}.wp-block-navigation .wp-block-navigation-item .wp-block-navigation__submenu-container:empty{display:none}.wp-block-navigation .wp-block-navigation-item__content{display:block;z-index:1}.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content{color:inherit}.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content,.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:active,.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:focus{text-decoration:underline}.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content,.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:active,.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:focus{text-decoration:line-through}.wp-block-navigation :where(a),.wp-block-navigation :where(a:active),.wp-block-navigation :where(a:focus){text-decoration:none}.wp-block-navigation .wp-block-navigation__submenu-icon{align-self:center;background-color:inherit;border:none;color:currentColor;display:inline-block;font-size:inherit;height:.6em;line-height:0;margin-left:.25em;padding:0;width:.6em}.wp-block-navigation .wp-block-navigation__submenu-icon svg{stroke:currentColor;display:inline-block;height:inherit;margin-top:.075em;width:inherit}.wp-block-navigation{--navigation-layout-justification-setting:flex-start;--navigation-layout-direction:row;--navigation-layout-wrap:wrap;--navigation-layout-justify:flex-start;--navigation-layout-align:center}.wp-block-navigation.is-vertical{--navigation-layout-direction:column;--navigation-layout-justify:initial;--navigation-layout-align:flex-start}.wp-block-navigation.no-wrap{--navigation-layout-wrap:nowrap}.wp-block-navigation.items-justified-center{--navigation-layout-justification-setting:center;--navigation-layout-justify:center}.wp-block-navigation.items-justified-center.is-vertical{--navigation-layout-align:center}.wp-block-navigation.items-justified-right{--navigation-layout-justification-setting:flex-end;--navigation-layout-justify:flex-end}.wp-block-navigation.items-justified-right.is-vertical{--navigation-layout-align:flex-end}.wp-block-navigation.items-justified-space-between{--navigation-layout-justification-setting:space-between;--navigation-layout-justify:space-between}.wp-block-navigation .has-child .wp-block-navigation__submenu-container{align-items:normal;background-color:inherit;color:inherit;display:flex;flex-direction:column;opacity:0;position:absolute;z-index:2}@media not (prefers-reduced-motion){.wp-block-navigation .has-child .wp-block-navigation__submenu-container{transition:opacity .1s linear}}.wp-block-navigation .has-child .wp-block-navigation__submenu-container{height:0;overflow:hidden;visibility:hidden;width:0}.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content{display:flex;flex-grow:1;padding:.5em 1em}.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content .wp-block-navigation__submenu-icon{margin-left:auto;margin-right:0}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content{margin:0}.wp-block-navigation .has-child .wp-block-navigation__submenu-container{left:-1px;top:100%}@media (min-width:782px){.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{left:100%;top:-1px}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container:before{background:#0000;content:"";display:block;height:100%;position:absolute;right:100%;width:.5em}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon{margin-right:.25em}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon svg{transform:rotate(-90deg)}}@media (hover:hover){.wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container{height:auto;min-width:200px;opacity:1;overflow:visible;visibility:visible;width:auto}}.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container,.wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within>.wp-block-navigation__submenu-container{height:auto;min-width:200px;opacity:1;overflow:visible;visibility:visible;width:auto}.wp-block-navigation .has-child.open-always{align-items:var(--navigation-layout-align,initial);flex-direction:var(--navigation-layout-direction,initial);flex-wrap:var(--navigation-layout-wrap,wrap);gap:var(--wp--style--block-gap,2em)}.wp-block-navigation .has-child.open-always,.wp-block-navigation .has-child.open-always .wp-block-navigation-item{justify-content:var(--navigation-layout-justify,initial)}.wp-block-navigation .has-child.open-always .wp-block-navigation__submenu-container,.wp-block-navigation .has-child.open-always.wp-block-navigation-submenu{gap:var(--wp--style--block-gap,2em)}.wp-block-navigation .has-child.open-always .wp-block-navigation-item,.wp-block-navigation .has-child.open-always .wp-block-navigation__submenu-container,.wp-block-navigation .has-child.open-always.wp-block-navigation-submenu{padding-bottom:0;padding-top:0}.wp-block-navigation .has-child.open-always .wp-block-navigation__submenu-container{padding-left:var(--wp--style--block-gap,2em);padding-right:var(--wp--style--block-gap,2em)}.wp-block-navigation .has-child.open-always .wp-block-navigation__submenu-container .wp-block-navigation-item__content{padding:0}.wp-block-navigation .has-child.open-always .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content,.wp-block-navigation .has-child.open-always>.wp-block-navigation-item__content{flex-grow:0}.wp-block-navigation .has-child.open-always>.wp-block-navigation__submenu-container{background-color:initial;border:none;color:inherit;flex-basis:100%;height:auto;opacity:1;overflow:visible;position:static;visibility:visible;width:auto}.wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container{left:0;top:100%}@media (min-width:782px){.wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{left:100%;top:0}}.wp-block-navigation-submenu{display:flex;position:relative}.wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg{stroke:currentColor}button.wp-block-navigation-item__content{background-color:initial;border:none;color:currentColor;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;text-align:left;text-transform:inherit}.wp-block-navigation-submenu__toggle{cursor:pointer}.wp-block-navigation-submenu__toggle[aria-expanded=true]+.wp-block-navigation__submenu-icon>svg,.wp-block-navigation-submenu__toggle[aria-expanded=true]>svg{transform:rotate(180deg)}.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle{padding-left:0;padding-right:.85em}.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle+.wp-block-navigation__submenu-icon{margin-left:-.6em;pointer-events:none}.wp-block-navigation-item.open-on-click button.wp-block-navigation-item__content:not(.wp-block-navigation-submenu__toggle){padding:0}.wp-block-navigation .wp-block-page-list,.wp-block-navigation__container,.wp-block-navigation__responsive-close,.wp-block-navigation__responsive-container,.wp-block-navigation__responsive-container-content,.wp-block-navigation__responsive-dialog{gap:inherit}:where(.wp-block-navigation.has-background .wp-block-navigation-item a:not(.wp-element-button)),:where(.wp-block-navigation.has-background .wp-block-navigation-submenu a:not(.wp-element-button)){padding:.5em 1em}:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:not(.wp-element-button)),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu a:not(.wp-element-button)),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu button.wp-block-navigation-item__content),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-pages-list__item button.wp-block-navigation-item__content){padding:.5em 1em}.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container{left:auto;right:0}.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{left:-1px;right:-1px}@media (min-width:782px){.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{left:auto;right:100%}}.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container{background-color:#fff;border:1px solid #00000026}.wp-block-navigation.has-background .wp-block-navigation__submenu-container{background-color:inherit}.wp-block-navigation:not(.has-text-color) .wp-block-navigation__submenu-container{color:#000}.wp-block-navigation__container{align-items:var(--navigation-layout-align,initial);display:flex;flex-direction:var(--navigation-layout-direction,initial);flex-wrap:var(--navigation-layout-wrap,wrap);justify-content:var(--navigation-layout-justify,initial);list-style:none;margin:0;padding-left:0}.wp-block-navigation__container .is-responsive{display:none}.wp-block-navigation__container:only-child,.wp-block-page-list:only-child{flex-grow:1}@keyframes overlay-menu__fade-in-animation{0%{opacity:0;transform:translateY(.5em)}to{opacity:1;transform:translateY(0)}}.wp-block-navigation__responsive-container{bottom:0;display:none;left:0;position:fixed;right:0;top:0}.wp-block-navigation__responsive-container :where(.wp-block-navigation-item a){color:inherit}.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content{align-items:var(--navigation-layout-align,initial);display:flex;flex-direction:var(--navigation-layout-direction,initial);flex-wrap:var(--navigation-layout-wrap,wrap);justify-content:var(--navigation-layout-justify,initial)}.wp-block-navigation__responsive-container:not(.is-menu-open.is-menu-open){background-color:inherit!important;color:inherit!important}.wp-block-navigation__responsive-container.is-menu-open{background-color:inherit;display:flex;flex-direction:column}@media not (prefers-reduced-motion){.wp-block-navigation__responsive-container.is-menu-open{animation:overlay-menu__fade-in-animation .1s ease-out;animation-fill-mode:forwards}}.wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay){padding:clamp(1rem,var(--wp--style--root--padding-top),20rem) clamp(1rem,var(--wp--style--root--padding-right),20rem) clamp(1rem,var(--wp--style--root--padding-bottom),20rem) clamp(1rem,var(--wp--style--root--padding-left),20rem)}.wp-block-navigation__responsive-container.is-menu-open{overflow:auto;z-index:100000}.wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) .wp-block-navigation__responsive-container-content{padding-top:calc(2rem + 24px)}.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content{align-items:var(--navigation-layout-justification-setting,inherit);display:flex;flex-direction:column;flex-wrap:nowrap;overflow:visible}.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content,.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-page-list{justify-content:flex-start}.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon{display:none}.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container{border:none;height:auto;min-width:200px;opacity:1;overflow:initial;padding-left:2rem;padding-right:2rem;position:static;visibility:visible;width:auto}.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container{gap:inherit}.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container{padding-top:var(--wp--style--block-gap,2em)}.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content{padding:0}.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation-item,.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-page-list{align-items:var(--navigation-layout-justification-setting,initial);display:flex;flex-direction:column}.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation-item,.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation-item .wp-block-navigation__submenu-container,.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-page-list{background:#0000!important;color:inherit!important}.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container{left:auto;right:auto}.wp-block-navigation__responsive-container.disable-default-overlay .wp-block-navigation__overlay-container{display:none;width:100%}.wp-block-navigation__responsive-container.disable-default-overlay .wp-block-navigation__responsive-close{max-width:none}.wp-block-navigation__responsive-container.disable-default-overlay.is-menu-open .wp-block-navigation__responsive-container-content>:not(.wp-block-navigation__overlay-container){display:none}.wp-block-navigation__responsive-container.disable-default-overlay.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__overlay-container{display:block}.wp-block-navigation__responsive-container.disable-default-overlay.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__overlay-container .wp-block-navigation__submenu-container{left:0;right:auto}@media (min-width:600px){.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open){background-color:inherit;display:block;position:relative;width:100%;z-index:auto}.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close{display:none}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container{left:0}}.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay){background-color:#fff}.wp-block-navigation:not(.has-text-color) .wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay){color:#000}.wp-block-navigation__toggle_button_label{font-size:1rem;font-weight:700}.wp-block-navigation__responsive-container-close,.wp-block-navigation__responsive-container-open{background:#0000;border:none;color:currentColor;cursor:pointer;margin:0;padding:0;text-transform:inherit;vertical-align:middle}.wp-block-navigation__responsive-container-close svg,.wp-block-navigation__responsive-container-open svg{fill:currentColor;display:block;height:24px;pointer-events:none;width:24px}.wp-block-navigation__responsive-container-open{display:flex}.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open{font-family:inherit;font-size:inherit;font-weight:inherit}@media (min-width:600px){.wp-block-navigation__responsive-container-open:not(.always-shown){display:none}}.wp-block-navigation__responsive-container-close{position:absolute;right:0;top:0;z-index:2}.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close{font-family:inherit;font-size:inherit;font-weight:inherit}.disable-default-overlay .wp-block-navigation__responsive-container-close{right:clamp(1rem,var(--wp--style--root--padding-left),20rem);top:clamp(1rem,var(--wp--style--root--padding-left),20rem)}.wp-block-navigation__responsive-close{width:100%}.has-modal-open .wp-block-navigation__responsive-close{margin-left:auto;margin-right:auto;max-width:var(--wp--style--global--wide-size,100%)}.wp-block-navigation__responsive-close:focus{outline:none}.is-menu-open .wp-block-navigation__responsive-close,.is-menu-open .wp-block-navigation__responsive-container-content,.is-menu-open .wp-block-navigation__responsive-dialog{box-sizing:border-box}.wp-block-navigation__responsive-dialog{position:relative}.has-modal-open .admin-bar .is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-dialog{margin-top:46px}@media (min-width:782px){.has-modal-open .admin-bar .is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-dialog{margin-top:32px}}html.has-modal-open{overflow:hidden}.wp-block-navigation .wp-block-navigation-item__label{overflow-wrap:break-word}.wp-block-navigation .wp-block-navigation-item__description{display:none}.link-ui-tools{outline:1px solid #f0f0f0;padding:8px}.link-ui-block-inserter{padding-top:8px}.link-ui-block-inserter__back{margin-left:8px;text-transform:uppercase}.wp-block-navigation-overlay-close{align-items:center;background:#0000;border:none;cursor:pointer;display:inline-flex;gap:.5em;justify-content:center;padding:0;text-decoration:none}.wp-block-navigation-overlay-close:focus{outline-offset:2px}.wp-block-navigation-overlay-close svg{fill:currentColor;display:block;flex-shrink:0;height:24px;width:24px}.wp-block-navigation-overlay-close .wp-block-navigation-overlay-close__text{align-items:center;display:inline-flex}.wp-block-navigation .wp-block-page-list{align-items:var(--navigation-layout-align,initial);background-color:inherit;display:flex;flex-direction:var(--navigation-layout-direction,initial);flex-wrap:var(--navigation-layout-wrap,wrap);justify-content:var(--navigation-layout-justify,initial)}.wp-block-navigation .wp-block-navigation-item{background-color:inherit}.wp-block-page-list{box-sizing:border-box}.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}.wp-block-playlist .wp-block-playlist__current-item{align-items:center;align-self:stretch;display:flex;gap:var(--wp--preset--spacing--40,1.5em);margin-bottom:var(--wp--preset--spacing--30,1em);padding-bottom:var(--wp--preset--spacing--30,1em)}.wp-block-playlist .wp-block-playlist__current-item div{align-items:flex-start;display:flex;flex-direction:column;gap:var(--wp--preset--spacing--20,.5em)}.wp-block-playlist .wp-block-playlist__current-item .wp-block-playlist__current-item-artist-album{flex-direction:row}.wp-block-playlist .wp-block-playlist__current-item .wp-block-playlist__item-title{word-break:break-all}.wp-block-playlist audio{margin-top:var(--wp--preset--spacing--20,.625em);width:100%}.wp-block-playlist .wp-block-playlist__tracklist{list-style:none;margin:0;padding-left:0}.wp-block-playlist .wp-block-playlist__tracklist.wp-block-playlist__tracklist-artist-is-hidden .wp-block-playlist-track__artist,.wp-block-playlist .wp-block-playlist__tracklist.wp-block-playlist__tracklist-is-hidden{display:none}.wp-block-playlist .wp-block-playlist__tracklist.wp-block-playlist__tracklist-show-numbers{counter-reset:playlist-track}.wp-block-playlist li.block-list-appender.block-list-appender{margin-top:var(--wp--preset--spacing--30,1em);position:static}.wp-block-playlist-track:has([aria-current=true]){background-color:color-mix(in srgb,currentColor 10%,#0000)}.wp-block-playlist-track:hover{background-color:color-mix(in srgb,currentColor 15%,#0000)}.wp-block-playlist__tracklist-show-numbers .wp-block-playlist-track{counter-increment:playlist-track}.wp-block-playlist-track .wp-block-playlist-track__button{align-items:center;background-color:initial;border:0;color:inherit;cursor:pointer;display:flex;font-family:inherit;font-size:inherit;outline-offset:2px;padding:var(--wp--preset--spacing--20,.5em);text-align:left;width:100%}.wp-block-playlist__tracklist-show-numbers .wp-block-playlist-track .wp-block-playlist-track__button:before{content:counter(playlist-track);font-size:.85em;margin-right:var(--wp--preset--spacing--20,.5em);opacity:.7;width:2ch}.wp-block-playlist-track .wp-block-playlist-track__button .wp-block-playlist-track__content{flex:1 1 0;min-width:0}.wp-block-playlist-track .wp-block-playlist-track__button .wp-block-playlist-track__title{display:block}.wp-block-playlist-track .wp-block-playlist-track__button .wp-block-playlist-track__artist{display:block;font-size:.85em;margin-top:.125em;opacity:.7}.wp-block-playlist-track .wp-block-playlist-track__button .wp-block-playlist-track__length{font-size:.85em;margin-left:auto;opacity:.7}.wp-block-post-author{box-sizing:border-box;display:flex;flex-wrap:wrap}.wp-block-post-author__byline{font-size:.5em;margin-bottom:0;margin-top:0;width:100%}.wp-block-post-author__avatar{margin-right:1em}.wp-block-post-author__bio{font-size:.7em;margin-bottom:.7em}.wp-block-post-author__content{flex-basis:0;flex-grow:1}.wp-block-post-author__name{margin:0}.wp-block-post-author-biography{box-sizing:border-box}:where(.wp-block-post-comments-form input:not([type=submit])),:where(.wp-block-post-comments-form textarea){border:1px solid #949494;font-family:inherit;font-size:1em}:where(.wp-block-post-comments-form input:where(:not([type=submit]):not([type=checkbox]))),:where(.wp-block-post-comments-form textarea){padding:calc(.667em + 2px)}.wp-block-post-comments-form{box-sizing:border-box}.wp-block-post-comments-form[style*=font-weight] :where(.comment-reply-title){font-weight:inherit}.wp-block-post-comments-form[style*=font-family] :where(.comment-reply-title){font-family:inherit}.wp-block-post-comments-form[class*=-font-size] :where(.comment-reply-title),.wp-block-post-comments-form[style*=font-size] :where(.comment-reply-title){font-size:inherit}.wp-block-post-comments-form[style*=line-height] :where(.comment-reply-title){line-height:inherit}.wp-block-post-comments-form[style*=font-style] :where(.comment-reply-title){font-style:inherit}.wp-block-post-comments-form[style*=letter-spacing] :where(.comment-reply-title){letter-spacing:inherit}.wp-block-post-comments-form :where(input[type=submit]){box-shadow:none;cursor:pointer;display:inline-block;overflow-wrap:break-word;text-align:center}.wp-block-post-comments-form .comment-form input:not([type=submit]):not([type=checkbox]):not([type=hidden]),.wp-block-post-comments-form .comment-form textarea{box-sizing:border-box;display:block;width:100%}.wp-block-post-comments-form .comment-form-author label,.wp-block-post-comments-form .comment-form-email label,.wp-block-post-comments-form .comment-form-url label{display:block;margin-bottom:.25em}.wp-block-post-comments-form .comment-form-cookies-consent{display:flex;gap:.25em}.wp-block-post-comments-form .comment-form-cookies-consent #wp-comment-cookies-consent{margin-top:.35em}.wp-block-post-comments-form .comment-reply-title{margin-bottom:0}.wp-block-post-comments-form .comment-reply-title :where(small){font-size:var(--wp--preset--font-size--medium,smaller);margin-left:.5em}.wp-block-post-comments-count{box-sizing:border-box}.wp-block-post-content{display:flow-root}.wp-block-post-comments-link,.wp-block-post-date{box-sizing:border-box}:where(.wp-block-post-excerpt){box-sizing:border-box;margin-bottom:var(--wp--style--block-gap);margin-top:var(--wp--style--block-gap)}.wp-block-post-excerpt__excerpt{margin-bottom:0;margin-top:0}.wp-block-post-excerpt__more-text{margin-bottom:0;margin-top:var(--wp--style--block-gap)}.wp-block-post-excerpt__more-link{display:inline-block}.wp-block-post-featured-image{margin-left:0;margin-right:0}.wp-block-post-featured-image a{display:block;height:100%}.wp-block-post-featured-image :where(img){box-sizing:border-box;height:auto;max-width:100%;vertical-align:bottom;width:100%}.wp-block-post-featured-image.alignfull img,.wp-block-post-featured-image.alignwide img{width:100%}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim{background-color:#000;inset:0;position:absolute}.wp-block-post-featured-image{position:relative}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-gradient{background-color:initial}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-0{opacity:0}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-10{opacity:.1}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-20{opacity:.2}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-30{opacity:.3}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-40{opacity:.4}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-50{opacity:.5}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-60{opacity:.6}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-70{opacity:.7}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-80{opacity:.8}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-90{opacity:.9}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-100{opacity:1}.wp-block-post-featured-image:where(.alignleft,.alignright){width:100%}.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-previous{display:inline-block;margin-right:1ch}.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-previous:not(.is-arrow-chevron){transform:scaleX(1)}.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-next{display:inline-block;margin-left:1ch}.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-next:not(.is-arrow-chevron){transform:scaleX(1)}.wp-block-post-navigation-link.has-text-align-left[style*="writing-mode: vertical-lr"],.wp-block-post-navigation-link.has-text-align-right[style*="writing-mode: vertical-rl"]{rotate:180deg}.wp-block-post-terms{box-sizing:border-box}.wp-block-post-terms .wp-block-post-terms__separator{white-space:pre-wrap}.wp-block-post-time-to-read,.wp-block-post-title{box-sizing:border-box}.wp-block-post-title{word-break:break-word}.wp-block-post-title :where(a){display:inline-block;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;text-decoration:inherit}.wp-block-post-author-name{box-sizing:border-box}.wp-block-preformatted{box-sizing:border-box;white-space:pre-wrap}:where(.wp-block-preformatted.has-background){padding:1.25em 2.375em}.wp-block-pullquote{box-sizing:border-box;margin:0 0 1em;overflow-wrap:break-word;padding:4em 0;text-align:center}.wp-block-pullquote blockquote,.wp-block-pullquote p{color:inherit}.wp-block-pullquote blockquote{margin:0}.wp-block-pullquote p{margin-top:0}.wp-block-pullquote p:last-child{margin-bottom:0}.wp-block-pullquote.alignleft,.wp-block-pullquote.alignright{max-width:420px}.wp-block-pullquote cite,.wp-block-pullquote footer{position:relative}.wp-block-pullquote .has-text-color a{color:inherit}.wp-block-pullquote.has-text-align-left blockquote{text-align:left}.wp-block-pullquote.has-text-align-right blockquote{text-align:right}.wp-block-pullquote.has-text-align-center blockquote{text-align:center}.wp-block-pullquote.is-style-solid-color{border:none}.wp-block-pullquote.is-style-solid-color blockquote{margin-left:auto;margin-right:auto;max-width:60%}.wp-block-pullquote.is-style-solid-color blockquote p{font-size:2em;margin-bottom:0;margin-top:0}.wp-block-pullquote.is-style-solid-color blockquote cite{font-style:normal;text-transform:none}.wp-block-pullquote :where(cite){color:inherit;display:block}.wp-block-post-template{box-sizing:border-box;list-style:none;margin-bottom:0;margin-top:0;max-width:100%;padding:0}.wp-block-post-template.is-flex-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:1.25em}.wp-block-post-template.is-flex-container>li{margin:0;width:100%}@media (min-width:600px){.wp-block-post-template.is-flex-container.is-flex-container.columns-2>li{width:calc(50% - .625em)}.wp-block-post-template.is-flex-container.is-flex-container.columns-3>li{width:calc(33.33333% - .83333em)}.wp-block-post-template.is-flex-container.is-flex-container.columns-4>li{width:calc(25% - .9375em)}.wp-block-post-template.is-flex-container.is-flex-container.columns-5>li{width:calc(20% - 1em)}.wp-block-post-template.is-flex-container.is-flex-container.columns-6>li{width:calc(16.66667% - 1.04167em)}}@media (max-width:600px){.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid{grid-template-columns:1fr}}.wp-block-post-template-is-layout-constrained>li>.alignright,.wp-block-post-template-is-layout-flow>li>.alignright{float:right;margin-inline-end:0;margin-inline-start:2em}.wp-block-post-template-is-layout-constrained>li>.alignleft,.wp-block-post-template-is-layout-flow>li>.alignleft{float:left;margin-inline-end:2em;margin-inline-start:0}.wp-block-post-template-is-layout-constrained>li>.aligncenter,.wp-block-post-template-is-layout-flow>li>.aligncenter{margin-inline-end:auto;margin-inline-start:auto}.wp-block-query-pagination.is-content-justification-space-between>.wp-block-query-pagination-next:last-of-type{margin-inline-start:auto}.wp-block-query-pagination.is-content-justification-space-between>.wp-block-query-pagination-previous:first-child{margin-inline-end:auto}.wp-block-query-pagination .wp-block-query-pagination-previous-arrow{display:inline-block;margin-right:1ch}.wp-block-query-pagination .wp-block-query-pagination-previous-arrow:not(.is-arrow-chevron){transform:scaleX(1)}.wp-block-query-pagination .wp-block-query-pagination-next-arrow{display:inline-block;margin-left:1ch}.wp-block-query-pagination .wp-block-query-pagination-next-arrow:not(.is-arrow-chevron){transform:scaleX(1)}.wp-block-query-pagination.aligncenter{justify-content:center}.wp-block-query-title,.wp-block-query-total,.wp-block-quote{box-sizing:border-box}.wp-block-quote{overflow-wrap:break-word}.wp-block-quote.is-large:where(:not(.is-style-plain)),.wp-block-quote.is-style-large:where(:not(.is-style-plain)){margin-bottom:1em;padding:0 1em}.wp-block-quote.is-large:where(:not(.is-style-plain)) p,.wp-block-quote.is-style-large:where(:not(.is-style-plain)) p{font-size:1.5em;font-style:italic;line-height:1.6}.wp-block-quote.is-large:where(:not(.is-style-plain)) cite,.wp-block-quote.is-large:where(:not(.is-style-plain)) footer,.wp-block-quote.is-style-large:where(:not(.is-style-plain)) cite,.wp-block-quote.is-style-large:where(:not(.is-style-plain)) footer{font-size:1.125em;text-align:right}.wp-block-quote>cite{display:block}.wp-block-read-more{display:block;width:fit-content}.wp-block-read-more:where(:not([style*=text-decoration])){text-decoration:none}.wp-block-read-more:where(:not([style*=text-decoration])):active,.wp-block-read-more:where(:not([style*=text-decoration])):focus{text-decoration:none}ul.wp-block-rss.alignleft{margin-right:2em}ul.wp-block-rss.alignright{margin-left:2em}ul.wp-block-rss.is-grid{display:flex;flex-wrap:wrap;padding:0}ul.wp-block-rss.is-grid li{margin:0 1em 1em 0;width:100%}@media (min-width:600px){ul.wp-block-rss.columns-2 li{width:calc(50% - 1em)}ul.wp-block-rss.columns-3 li{width:calc(33.33333% - 1em)}ul.wp-block-rss.columns-4 li{width:calc(25% - 1em)}ul.wp-block-rss.columns-5 li{width:calc(20% - 1em)}ul.wp-block-rss.columns-6 li{width:calc(16.66667% - 1em)}}.wp-block-rss__item-author,.wp-block-rss__item-publish-date{display:block;font-size:.8125em}.wp-block-rss{box-sizing:border-box;list-style:none;padding:0}.wp-block-search__button{margin-left:10px;word-break:normal}.wp-block-search__button.has-icon{line-height:0}.wp-block-search__button svg{fill:currentColor;height:1.25em;min-height:24px;min-width:24px;vertical-align:text-bottom;width:1.25em}:where(.wp-block-search__button){border:1px solid #ccc;padding:6px 10px}.wp-block-search__inside-wrapper{display:flex;flex:auto;flex-wrap:nowrap;max-width:100%}.wp-block-search__label{width:100%}.wp-block-search.wp-block-search__button-only .wp-block-search__button{box-sizing:border-box;display:flex;flex-shrink:0;justify-content:center;margin-left:0;max-width:100%}.wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper{min-width:0!important;transition-property:width}.wp-block-search.wp-block-search__button-only .wp-block-search__input{flex-basis:100%;transition-duration:.3s}.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden,.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden .wp-block-search__inside-wrapper{overflow:hidden}.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden .wp-block-search__input{border-left-width:0!important;border-right-width:0!important;flex-basis:0;flex-grow:0;margin:0;min-width:0!important;padding-left:0!important;padding-right:0!important;width:0!important}:where(.wp-block-search__input){appearance:none;border:1px solid #949494;flex-grow:1;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin-left:0;margin-right:0;min-width:3rem;padding:8px;text-decoration:unset!important;text-transform:inherit}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper){background-color:#fff;border:1px solid #949494;box-sizing:border-box;padding:4px}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input{border:none;border-radius:0;padding:0 4px}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input:focus{outline:none}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) :where(.wp-block-search__button){padding:4px 8px}.wp-block-search.aligncenter .wp-block-search__inside-wrapper{margin:auto}.wp-block[data-align=right] .wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper{float:right}.wp-block-separator{border:none;border-top:2px solid}:root :where(.wp-block-separator.is-style-dots){height:auto;line-height:1;text-align:center}:root :where(.wp-block-separator.is-style-dots):before{color:currentColor;content:"···";font-family:serif;font-size:1.5em;letter-spacing:2em;padding-left:2em}.wp-block-separator.is-style-dots{background:none!important;border:none!important}.wp-block-site-logo{box-sizing:border-box;line-height:0}.wp-block-site-logo a{display:inline-block;line-height:0}.wp-block-site-logo.is-default-size img{height:auto;width:120px}.wp-block-site-logo img{height:auto;max-width:100%}.wp-block-site-logo a,.wp-block-site-logo img{border-radius:inherit}.wp-block-site-logo.aligncenter{margin-left:auto;margin-right:auto;text-align:center}:root :where(.wp-block-site-logo.is-style-rounded){border-radius:9999px}.wp-block-site-tagline,.wp-block-site-title{box-sizing:border-box}.wp-block-site-title :where(a){color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;text-decoration:inherit}.wp-block-social-links{background:none;box-sizing:border-box;margin-left:0;padding-left:0;padding-right:0;text-indent:0}.wp-block-social-links .wp-social-link a,.wp-block-social-links .wp-social-link a:hover{border-bottom:0;box-shadow:none;text-decoration:none}.wp-block-social-links .wp-social-link svg{height:1em;width:1em}.wp-block-social-links .wp-social-link span:not(.screen-reader-text){font-size:.65em;margin-left:.5em;margin-right:.5em}.wp-block-social-links.has-small-icon-size{font-size:16px}.wp-block-social-links,.wp-block-social-links.has-normal-icon-size{font-size:24px}.wp-block-social-links.has-large-icon-size{font-size:36px}.wp-block-social-links.has-huge-icon-size{font-size:48px}.wp-block-social-links.aligncenter{display:flex;justify-content:center}.wp-block-social-links.alignright{justify-content:flex-end}.wp-block-social-link{border-radius:9999px;display:block}@media not (prefers-reduced-motion){.wp-block-social-link{transition:transform .1s ease}}.wp-block-social-link{height:auto}.wp-block-social-link a{align-items:center;display:flex;line-height:0}.wp-block-social-link:hover{transform:scale(1.1)}.wp-block-social-links .wp-block-social-link.wp-social-link{display:inline-block;margin:0;padding:0}.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor,.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor svg,.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:active,.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:hover,.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:visited{fill:currentColor;color:currentColor}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link{background-color:#f0f0f0;color:#444}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-amazon{background-color:#f90;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-bandcamp{background-color:#1ea0c3;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-behance{background-color:#0757fe;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-bluesky{background-color:#0a7aff;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-codepen{background-color:#1e1f26;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-deviantart{background-color:#02e49b;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-discord{background-color:#5865f2;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-dribbble{background-color:#e94c89;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-dropbox{background-color:#4280ff;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-etsy{background-color:#f45800;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-facebook{background-color:#0866ff;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-fivehundredpx{background-color:#000;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-flickr{background-color:#0461dd;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-foursquare{background-color:#e65678;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-github{background-color:#24292d;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-goodreads{background-color:#eceadd;color:#382110}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-google{background-color:#ea4434;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-gravatar{background-color:#1d4fc4;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-instagram{background-color:#f00075;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-lastfm{background-color:#e21b24;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-linkedin{background-color:#0d66c2;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-mastodon{background-color:#3288d4;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-medium{background-color:#000;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-meetup{background-color:#f6405f;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-patreon{background-color:#000;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-pinterest{background-color:#e60122;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-pocket{background-color:#ef4155;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-reddit{background-color:#ff4500;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-skype{background-color:#0478d7;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-snapchat{stroke:#000;background-color:#fefc00;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-soundcloud{background-color:#ff5600;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-spotify{background-color:#1bd760;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-telegram{background-color:#2aabee;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-threads{background-color:#000;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-tiktok{background-color:#000;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-tumblr{background-color:#011835;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-twitch{background-color:#6440a4;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-twitter{background-color:#1da1f2;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-vimeo{background-color:#1eb7ea;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-vk{background-color:#4680c2;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-wordpress{background-color:#3499cd;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-whatsapp{background-color:#25d366;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-x{background-color:#000;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-yelp{background-color:#d32422;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-youtube{background-color:red;color:#fff}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link{background:none}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link svg{height:1.25em;width:1.25em}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-amazon{color:#f90}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-bandcamp{color:#1ea0c3}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-behance{color:#0757fe}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-bluesky{color:#0a7aff}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-codepen{color:#1e1f26}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-deviantart{color:#02e49b}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-discord{color:#5865f2}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-dribbble{color:#e94c89}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-dropbox{color:#4280ff}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-etsy{color:#f45800}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-facebook{color:#0866ff}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-fivehundredpx{color:#000}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-flickr{color:#0461dd}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-foursquare{color:#e65678}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-github{color:#24292d}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-goodreads{color:#382110}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-google{color:#ea4434}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-gravatar{color:#1d4fc4}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-instagram{color:#f00075}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-lastfm{color:#e21b24}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-linkedin{color:#0d66c2}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-mastodon{color:#3288d4}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-medium{color:#000}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-meetup{color:#f6405f}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-patreon{color:#000}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-pinterest{color:#e60122}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-pocket{color:#ef4155}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-reddit{color:#ff4500}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-skype{color:#0478d7}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-snapchat{stroke:#000;color:#fff}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-soundcloud{color:#ff5600}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-spotify{color:#1bd760}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-telegram{color:#2aabee}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-threads{color:#000}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-tiktok{color:#000}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-tumblr{color:#011835}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-twitch{color:#6440a4}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-twitter{color:#1da1f2}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-vimeo{color:#1eb7ea}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-vk{color:#4680c2}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-whatsapp{color:#25d366}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-wordpress{color:#3499cd}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-x{color:#000}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-yelp{color:#d32422}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-youtube{color:red}.wp-block-social-links.is-style-pill-shape .wp-social-link{width:auto}:root :where(.wp-block-social-links .wp-social-link a){padding:.25em}:root :where(.wp-block-social-links.is-style-logos-only .wp-social-link a){padding:0}:root :where(.wp-block-social-links.is-style-pill-shape .wp-social-link a){padding-left:.6666666667em;padding-right:.6666666667em}.wp-block-social-links:not(.has-icon-color):not(.has-icon-background-color) .wp-social-link-snapchat .wp-block-social-link-label{color:#000}.wp-block-spacer{clear:both}.wp-block-tag-cloud{box-sizing:border-box}.wp-block-tag-cloud.aligncenter{justify-content:center;text-align:center}.wp-block-tag-cloud a{display:inline-block;margin-right:5px}.wp-block-tag-cloud span{display:inline-block;margin-left:5px;text-decoration:none}:root :where(.wp-block-tag-cloud.is-style-outline){display:flex;flex-wrap:wrap;gap:1ch}:root :where(.wp-block-tag-cloud.is-style-outline a){border:1px solid;font-size:unset!important;margin-right:0;padding:1ch 2ch;text-decoration:none!important}.wp-block-tab{box-sizing:border-box;flex-basis:100%;flex-grow:1;max-width:100%}.wp-block-tab>:first-child{margin-top:0}.wp-block-tab>:last-child{margin-bottom:0}.wp-block-tab:empty,.wp-block-tab[hidden]{display:none!important}.wp-block-tab.wp-block.has-background,.wp-block-tab:not(.wp-block).has-background{padding:var(--wp--preset--spacing--30)}.wp-block-tab-panel{flex-grow:1;min-width:0}.wp-block-table{overflow-x:auto}.wp-block-table table{border-collapse:collapse;width:100%}.wp-block-table thead{border-bottom:3px solid}.wp-block-table tfoot{border-top:3px solid}.wp-block-table td,.wp-block-table th{border:1px solid;padding:.5em}.wp-block-table .has-fixed-layout{table-layout:fixed;width:100%}.wp-block-table .has-fixed-layout td,.wp-block-table .has-fixed-layout th{word-break:break-word}.wp-block-table.aligncenter,.wp-block-table.alignleft,.wp-block-table.alignright{display:table;width:auto}.wp-block-table.aligncenter td,.wp-block-table.aligncenter th,.wp-block-table.alignleft td,.wp-block-table.alignleft th,.wp-block-table.alignright td,.wp-block-table.alignright th{word-break:break-word}.wp-block-table .has-subtle-light-gray-background-color{background-color:#f3f4f5}.wp-block-table .has-subtle-pale-green-background-color{background-color:#e9fbe5}.wp-block-table .has-subtle-pale-blue-background-color{background-color:#e7f5fe}.wp-block-table .has-subtle-pale-pink-background-color{background-color:#fcf0ef}.wp-block-table.is-style-stripes{background-color:initial;border-collapse:inherit;border-spacing:0}.wp-block-table.is-style-stripes tbody tr:nth-child(odd){background-color:#f0f0f0}.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd){background-color:#f3f4f5}.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd){background-color:#e9fbe5}.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd){background-color:#e7f5fe}.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd){background-color:#fcf0ef}.wp-block-table.is-style-stripes td,.wp-block-table.is-style-stripes th{border-color:#0000}.wp-block-table.is-style-stripes{border-bottom:1px solid #f0f0f0}.wp-block-table .has-border-color td,.wp-block-table .has-border-color th,.wp-block-table .has-border-color tr,.wp-block-table .has-border-color>*{border-color:inherit}.wp-block-table table[style*=border-top-color] tr:first-child,.wp-block-table table[style*=border-top-color] tr:first-child td,.wp-block-table table[style*=border-top-color] tr:first-child th,.wp-block-table table[style*=border-top-color]>*,.wp-block-table table[style*=border-top-color]>* td,.wp-block-table table[style*=border-top-color]>* th{border-top-color:inherit}.wp-block-table table[style*=border-top-color] tr:not(:first-child){border-top-color:initial}.wp-block-table table[style*=border-right-color] td:last-child,.wp-block-table table[style*=border-right-color] th,.wp-block-table table[style*=border-right-color] tr,.wp-block-table table[style*=border-right-color]>*{border-right-color:inherit}.wp-block-table table[style*=border-bottom-color] tr:last-child,.wp-block-table table[style*=border-bottom-color] tr:last-child td,.wp-block-table table[style*=border-bottom-color] tr:last-child th,.wp-block-table table[style*=border-bottom-color]>*,.wp-block-table table[style*=border-bottom-color]>* td,.wp-block-table table[style*=border-bottom-color]>* th{border-bottom-color:inherit}.wp-block-table table[style*=border-bottom-color] tr:not(:last-child){border-bottom-color:initial}.wp-block-table table[style*=border-left-color] td:first-child,.wp-block-table table[style*=border-left-color] th,.wp-block-table table[style*=border-left-color] tr,.wp-block-table table[style*=border-left-color]>*{border-left-color:inherit}.wp-block-table table[style*=border-style] td,.wp-block-table table[style*=border-style] th,.wp-block-table table[style*=border-style] tr,.wp-block-table table[style*=border-style]>*{border-style:inherit}.wp-block-table table[style*=border-width] td,.wp-block-table table[style*=border-width] th,.wp-block-table table[style*=border-width] tr,.wp-block-table table[style*=border-width]>*{border-style:inherit;border-width:inherit}:root :where(.wp-block-table-of-contents){box-sizing:border-box}.wp-block-tabs{box-sizing:border-box}.wp-block-tabs .wp-block-tabs__title{display:none}.wp-block-tabs-menu{align-items:flex-end;border-bottom:1px solid #000;display:flex;min-width:fit-content}.wp-block-tabs-menu-item{appearance:none;-webkit-appearance:none;background:none;border:none;box-sizing:border-box;color:inherit;cursor:pointer;display:block;flex-basis:inherit!important;flex-grow:inherit!important;font-family:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding-block:var(--tab-padding-block,var(--wp--preset--spacing--20,.5em));padding-inline:var(--tab-padding-inline,var(--wp--preset--spacing--30,1em));text-align:inherit;text-decoration:none;text-transform:inherit;width:max-content}.wp-block-tabs-menu-item:focus{outline:none}.wp-block-tabs-menu-item:focus-visible{outline:2px solid var(--tab-border-color-active,#000);outline-offset:2px}.wp-block-tabs-menu-item:hover{background-color:var(--custom-tab-hover-color,#eaeaea)!important;color:var(--custom-tab-hover-text-color,#000)!important}.wp-block-tabs-menu-item.is-active,.wp-block-tabs-menu-item[aria-selected=true]{background-color:var(--custom-tab-active-color,#000)!important;color:var(--custom-tab-active-text-color,#fff)!important}.wp-block-term-count{box-sizing:border-box}:where(.wp-block-term-description){box-sizing:border-box;margin-bottom:var(--wp--style--block-gap);margin-top:var(--wp--style--block-gap)}.wp-block-term-description p{margin-bottom:0;margin-top:0}.wp-block-term-name{box-sizing:border-box}.wp-block-term-template{box-sizing:border-box;list-style:none;margin-bottom:0;margin-top:0;max-width:100%;padding:0}.wp-block-text-columns,.wp-block-text-columns.aligncenter{display:flex}.wp-block-text-columns .wp-block-column{margin:0 1em;padding:0}.wp-block-text-columns .wp-block-column:first-child{margin-left:0}.wp-block-text-columns .wp-block-column:last-child{margin-right:0}.wp-block-text-columns.columns-2 .wp-block-column{width:50%}.wp-block-text-columns.columns-3 .wp-block-column{width:33.3333333333%}.wp-block-text-columns.columns-4 .wp-block-column{width:25%}pre.wp-block-verse{box-sizing:border-box;min-width:1em;overflow:auto;white-space:pre-wrap;word-break:break-word}:where(pre.wp-block-verse){font-family:inherit}.wp-block-video{box-sizing:border-box}.wp-block-video video{height:auto;vertical-align:middle;width:100%}@supports (position:sticky){.wp-block-video [poster]{object-fit:cover}}.wp-block-video.aligncenter{text-align:center}.wp-block-video :where(figcaption){margin-bottom:1em;margin-top:.5em}.editor-styles-wrapper,.entry-content{counter-reset:footnotes}a[data-fn].fn{counter-increment:footnotes;display:inline-flex;font-size:smaller;text-decoration:none;text-indent:-9999999px;vertical-align:super}a[data-fn].fn:after{content:"[" counter(footnotes) "]";float:left;text-indent:0}:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-color]){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css);
.block-container{
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media(min-width:600px){
.block-container{
max-width:600px;
}}
@media(min-width:768px){
.block-container{
max-width:768px;
}}
@media(min-width:992px){
.block-container{
max-width:992px;
}}
@media(min-width:1200px){
.block-container{
max-width:1200px;
}}
.block-row{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.block-col-2, .block-col-3, .block-col-4, .block-col-5, .block-col-6, .block-col-7, .block-col-8, .block-col-9{
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
@media (min-width: 768px){
.block-col-1{
-webkit-box-flex: 0;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.block-col-2{
-webkit-box-flex: 0;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;}
.block-col-3{
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;}
.block-col-4{
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;}
.block-col-5{
-webkit-box-flex: 0;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.block-col-6{
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.block-col-7{
-webkit-box-flex: 0;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.block-col-8{
-webkit-box-flex: 0;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;}
.block-col-9{
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;}
}
@media (min-width: 576px){
.block-col-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
} .spice-panel-edit.margin > div {
margin-top: 20px;
}
.spice-block-side-margin > div {
margin-top: 20px;
}
.spice-block-color-tab-panel .components-tools-panel-header{
display: none;
}
.spice-block-color-tab-panel{
border-top: unset !important;
margin-top: -30px !important;
padding: calc(10px) !important;
}
.block-editor-block-inspector .components-panel__body.spice-panel-edit{
border-top: none;
}
.spice-panel-edit button span svg{display: none;}
.spice-panel-edit button.components-panel__body-toggle:after{
content: '\f464';
font-family: 'dashicons';
font-size: large;
position: absolute;
right: 16px;    
border: 2px solid #ccc;
background: #e2e2e2;
}
.components-panel__body.spice-panel-edit.is-opened{background: #f3f3f3;margin: 10px auto;}
@media (min-width:1281px){
body.block-editor-page  .hide-desktop, 
body.block-editor-page  div > .spice-block-container-fluid.hide-desktop,
body.block-editor-iframe__body  div > .spice-block-container-fluid.hide-desktop,
body.block-editor-iframe__body .hide-desktop{
opacity: 0.3;
display: block;
animation-fill-mode: unset;
pointer-events: none;
}
body.block-editor-page  .spice-block-countdown .hide-desktop,
body.block-editor-iframe__body  .spice-block-countdown .hide-desktop {
display: flex;
}
}
@media (min-width:692px) and (max-width:1100px){
body.block-editor-page  .hide-tablet, 
body.block-editor-page div>.spice-block-container-fluid.hide-tablet,
body.block-editor-iframe__body div>.spice-block-container-fluid.hide-tablet, 
body.block-editor-iframe__body .hide-tablet {
opacity: 0.3;
display: block;
animation-fill-mode: unset;
pointer-events: none;
}
body.block-editor-page  .spice-block-countdown .hide-tablet,
body.block-editor-iframe__body  .spice-block-countdown .hide-tablet {
display: flex;
}
}
@media (max-width:691px){
body.block-editor-page  .hide-mobile, 
body.block-editor-page  div>.spice-block-container-fluid.hide-mobile,     
body.block-editor-iframe__body  div>.spice-block-container-fluid.hide-mobile, 
body.block-editor-iframe__body .hide-mobile  {
opacity: 0.3;
display: block;
animation-fill-mode: unset;
pointer-events: none;
}
body.block-editor-page  .spice-block-countdown .hide-mobile,
body.block-editor-iframe__body  .spice-block-countdown .hide-mobile {
display: flex;
}
}
.animated.slow{animation-duration:2s}
.animated.fast{animation-duration:.7s}
.components-button.block-editor-block-types-list__item:not(:disabled).editor-block-list-item-spice-blocks-spice-heading:not(:disabled):hover,
.components-button.block-editor-block-types-list__item:not(:disabled).editor-block-list-item-spice-blocks-spice-text-editor:not(:disabled):hover,
.components-button.block-editor-block-types-list__item:not(:disabled).editor-block-list-item-spice-blocks-spice-spacer:not(:disabled):hover,
.components-button.block-editor-block-types-list__item:not(:disabled).editor-block-list-item-spice-blocks-spice-button:not(:disabled):hover,
.components-button.block-editor-block-types-list__item:not(:disabled).editor-block-list-item-spice-blocks-spice-image:not(:disabled):hover,
.components-button.block-editor-block-types-list__item:not(:disabled).editor-block-list-item-spice-blocks-spice-divider:not(:disabled):hover,
.components-button.block-editor-block-types-list__item:not(:disabled).editor-block-list-item-spice-blocks-spice-section:not(:disabled):hover,
.components-button.block-editor-block-types-list__item:not(:disabled).editor-block-list-item-spice-blocks-spice-column:not(:disabled):hover,
.components-button.block-editor-block-types-list__item:not(:disabled).editor-block-list-item-spice-blocks-spice-image:not(:disabled):hover,
.components-button.block-editor-block-types-list__item:not(:disabled).editor-block-list-item-spice-blocks-spice-blockquote:not(:disabled):hover,
.components-button.block-editor-block-types-list__item:not(:disabled).editor-block-list-item-spice-blocks-spice-call-to-action:not(:disabled):hover{
color: #09A223!important;
}
.components-button.block-editor-block-types-list__item:not(:disabled).editor-block-list-item-spice-blocks-spice-heading:not(:disabled):focus,
.components-button.block-editor-block-types-list__item:not(:disabled).editor-block-list-item-spice-blocks-spice-text-editor:not(:disabled):focus,
.components-button.block-editor-block-types-list__item:not(:disabled).editor-block-list-item-spice-blocks-spice-spacer:not(:disabled):focus,
.components-button.block-editor-block-types-list__item:not(:disabled).editor-block-list-item-spice-blocks-spice-button:not(:disabled):focus,
.components-button.block-editor-block-types-list__item:not(:disabled).editor-block-list-item-spice-blocks-spice-image:not(:disabled):focus,
.components-button.block-editor-block-types-list__item:not(:disabled).editor-block-list-item-spice-blocks-spice-divider:not(:disabled):focus,
.components-button.block-editor-block-types-list__item:not(:disabled).editor-block-list-item-spice-blocks-spice-section:not(:disabled):focus,
.components-button.block-editor-block-types-list__item:not(:disabled).editor-block-list-item-spice-blocks-spice-column:not(:disabled):focus,
.components-button.block-editor-block-types-list__item:not(:disabled).editor-block-list-item-spice-blocks-spice-image:not(:disabled):focus,
.components-button.block-editor-block-types-list__item:not(:disabled).editor-block-list-item-spice-blocks-spice-blockquote:not(:disabled):focus,
.components-button.block-editor-block-types-list__item:not(:disabled).editor-block-list-item-spice-blocks-spice-call-to-action:not(:disabled):focus
{
box-shadow: inset 0 0 0 2px #09A223;
}
.spice-blocks-spacer{
background-color: #ddd;
}
.spice-blocks-divider-line{
border-top-width: 1px;
border-right-width: 0;
border-left-width: 0;
border-bottom-width: 0;
display: inline-block;
}
.wp-block-spice-blocks-spice-button{
background-color: #4CAF50;
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px; cursor: pointer;
}
.wp-block-spice-blocks-spice-button{
padding: 15px 32px
}
.image-upload-wrapper img{
display: block;
}
.spice-blocks-image-button[type="image"]{
display: inline-grid;
}
.spice-blocks-image-button[type="image"]{
border: none;
background-color: none;
height: auto;
}
.spice-blocks-image-button[type="image"]:focus{
outline: none;
box-shadow: none;
}
div[id^=font-picker].spice-blocks-font-family ul.font-list {
z-index: 3;
}
 .animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
@keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
} @-webkit-keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.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: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.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: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-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);
}
}
.headShake {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-name: headShake;
animation-name: headShake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
from {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes wobble {
from {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: none;
transform: none;
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
@keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center;
}
@-webkit-keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
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: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
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: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.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);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
} @-webkit-keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
.text-editor-inner p.spice-blocks-text-editor.has-dropcap:first-child:first-letter{
margin: 10px 10px 10px 10px;
padding: 18px 12px 18px 12px;
} .spice-dual-edit span.component-color-indicator, .spice-dual-edit svg{
display:none;
}
.spice-dual-edit .components-panel__body>.components-panel__body-title:hover {
background: transparent;}
.spice-blocks-normal-button .components-panel__body-title,
.spice-blocks-hover-button .components-panel__body-title{
display: none;
}
.selector-popup-wrap{
left: 0!important;
}
.icons-selector.fip-grey .selector-popup,
.icons-selector.fip-grey .selector-popup-wrap{
width: 265px;
}
.icons-selector.fip-grey .fip-box {
width: 57px;
}
.rfip .rfipdropdown {
position: relative;
left: 0 !important;
top: 0 !important;
}
.rfipdropdown--default.rfipdropdown {
-webkit-box-shadow: 0 15px 24px rgb(0 0 0 / 5%), 0 19px 76px rgb(0 0 0 / 5%);
box-shadow: 0 15px 24px rgb(0 0 0 / 5%), 0 19px 76px rgb(0 0 0 / 5%);
width: 264px;   
}
.spice-blocks-icon i{
font-size: 4em;
}
.spice-panel-edit .rfipdropdown--default.rfipdropdown{
width: 222px;
}
.spice-panel-edit .rfip .rfipdropdown{
left: -30px !important;
} .wp-block-spice-blocks-spice-column{
flex-basis: 0;
flex-grow: 1;
}
.spice-blocks-overlay {
height: 100%;
width: 100%;
top: 0;
left: 0;
position: absolute;
border-radius: inherit;
}
div>.spice-block-container {
width: 100%;
display: flex;
gap: 2em;
flex-wrap: nowrap;
}
@media (min-width: 782px)
{
.wp-block-spice-blocks-spice-section {
flex-wrap: nowrap!important;
}
}
@media (min-width: 782px)
{.wp-block-spice-blocks-spice-section:not(.is-not-stacked-on-mobile)>.wp-block-spice-blocks-spice-column {
flex-basis: 0;
flex-grow: 1;
}}
.spice-column-wrapper{
position: relative;
}
.spice-block-container-fulid > .spice-block-container{
width: 100%;
max-width: 100%;
margin: 0;
padding: 0;
}
.wp-block-spice-blocks-spice-column {
flex-basis: 0;
flex-grow: 1;
}
.spice_block_section_flex_panel, .spice_block_col_flex_panel {
display: flex;
align-items: center;
justify-content: space-between;
margin: 16px 0 !important;
}
p.spice_block_section_panel_label, p.spice_block_col_panel_label {
margin: 0;
}
.spice_block_section_color_point {
background: none !important;
border: none !important;
cursor: pointer !important;
margin: 0 !important;
padding: 0 !important;
}
.spice_block_section_color_point .component-color-indicator {
width: 25px;
height: 25px;
}
.spice_block_section_panel button, .spice_block_col_panel button {
border-right: 1px solid #e0e0e0;
border-radius: 0 !important;
padding: 0 5px !important;
}
.spice_block_section_panel .svg-stroke, .spice_block_col_panel .svg-stroke {
fill: #d5d5d5;
}
.spice_block_section_panel .svg-fill, .spice_block_col_panel .svg-fill {
fill: #8d96a0;
}
.spice_block_section_panel button.is-pressed, .spice_block_col_panel button.is-pressed {
background-color: #e0e0e0 !important;
}
button.spice_block_section_custom_upload, button.spice_block_col_custom_upload {
width: 100%;
height: 180px;
display: flex;
align-items: center;
justify-content: center;
background: #fff;
flex-direction: column;
border: 1px dashed #c1c1c1;
border-radius: 3px;
cursor: pointer;
}
.spice_block_section_preview_actions, .spice_block_col_preview_actions {
position: absolute;
top: 10px;
right: 5px;
}
.spice_block_section_preview_actions button, .spice_block_col_preview_actions button {
background: #fff;
border: none;
padding: 0;
width: 25px;
height: 25px;
border-radius: 50%;
cursor: pointer;
}
.spice_block_section_preview_actions span.dashicons, .spice_block_col_preview_actions span.dashicons {
font-size: 20px;
line-height: 20px;
color: #7c0f0f;
}
.spice_block_section_remove_icon, .spice_block_col_remove_icon {
background: none;
border: none;
margin: 0;
padding: 0;
color: #d30606;
cursor: pointer;
}
.spice_block_section_preview_container, .spice_block_col_preview_container {
position: relative;
}
.spice-block-section-bg-color, .spice-block-col-bg-color, .spice-block-section-bg-overlay {border-top: 0 !important; padding: 0 !important;}
.spice-block-section-bg-color .components-panel__body-title, .spice-block-col-bg-color .components-panel__body-title, .spice-block-section-bg-overlay .components-panel__body-title{display: none;}
.spice-block-section-bg-overlay{margin-bottom: 20px;} .sb-color-style svg{
display: none;
}
.sb-color-style button.components-item.block-editor-panel-color-gradient-settings__item{
background: #f8f8f8;
}
.components-panel__body.block-editor-panel-color-gradient-settings.sb-color-style.is-opened {
padding: 0;
border: none;
}
.sb-color-style.is-opened h2{
display: none;
}
.spice-section-columns div.components-input-control__container{
background: #dddddd;
}
.spice-section-columns input[type=number]::-webkit-inner-spin-button, 
.spice-section-columns input[type=number]::-webkit-outer-spin-button { 
-webkit-appearance: none; 
margin: 0; 
} .spice-blocks-dual-color .block-editor-block-list__block{
margin:0
}
.spice-blocks-dual-color .spice-blocks-normal-button,
.spice-blocks-dual-color .spice-blocks-hover-button{
border: none;
padding: 0;
}
.spice-blocks-dual-color button.components-tab-panel__tabs-item{
height:14px;
}
.spice-blocks-dual-color .components-tab-panel__tabs-item:focus:not(:disabled){
box-shadow:none;
}
.spice-blocks-dual-color .components-tab-panel__tabs-item.active-tab{
color:#007cba;
}
.spice-blocks-dual-color.margin-bottom .components-tab-panel__tabs-item{
margin-bottom: 15px;
}
.spice-blocks-color-style.components-tools-panel{
border: none;
padding: 0;
}
.components-border-box-control {
padding-bottom: 12px;
}
.spice-blocks-border-radius .components-unit-control-wrapper{
width: 48%;
display: inline-block;
margin: 2px;
}
.spice-blocks-border-radius .components-base-control__label{display: block;}
.wp-block-spice-blocks-spice-column.is-vertically-aligned-top{align-self:flex-start}
.wp-block-spice-blocks-spice-column.is-vertically-aligned-center{align-self:center}
.wp-block-spice-blocks-spice-column.is-vertically-aligned-bottom{align-self:flex-end;}
.wp-block-spice-blocks-spice-column.is-vertically-aligned-bottom,
.wp-block-spice-blocks-spice-column.is-vertically-aligned-center,
.wp-block-spice-blocks-spice-column.is-vertically-aligned-top{width:100%;}
div[data-title="Blockquote"], div[data-title="Blockquote"].block-editor-block-list__block:hover{
box-shadow: unset!important;
} .timeline-block .timeline-content {
position: relative;
}
.timeline-block .timeline-content:hover .spice-timeline-button {
opacity: 1;
}
.timeline-block .timeline-content .spice-timeline-button {
opacity: 0;
}
.timeline-block .timeline-content .spice-timeline-button {
position: absolute;
top: 1px;
right: 1px;
padding: 0;
border: 0;
background: #000;
border-radius: 50%;
color: white;
z-index: 99;
cursor: pointer;
font-size: 20px;
line-height: 1;
font-family: dashicons;
font-weight: 400;
font-style: normal;
vertical-align: top;
}
.spice-blocks-timeline-addbtn
{
position: absolute;
bottom: 4px;
left: 50%;
-webkit-transform: translate(-50%);
-ms-transform: translate(-50%);
transform: translate(-50%);
border-radius: 5px;
padding: 10px;
border: 0;
background: #000;
background: #c7c7c7;
-webkit-box-shadow: inset 0 0 50px white;
cursor: pointer;
text-align: center;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width:1025px){
.timeline-block .block-container .timeline .timeline-content .block-row .block-col-6 {display: flex;}} section.spice-gp-accordion-section{
min-height: unset;
}
.spice-blocks-plus-accordion-icon1 label{display: block; padding-left: 10px;} .spice-block-iconlist-normal-button .components-panel__body-title, .spice-block-iconlist-hover-button .components-panel__body-title {
display: none;
}
@media (min-width:1281px){
body.block-editor-page .spice-block-plus-list-icon.hide-desktop {
display: flex !important;
}
}
@media (min-width:692px) and (max-width:1100px){
body.block-editor-page .spice-block-plus-list-icon.hide-tablet {
display: flex !important;
}
}
@media (max-width:691px){
body.block-editor-page .spice-block-plus-list-icon.hide-mobile  {
display: flex !important;
}
} @media (min-width:1281px){
body .gallery-hide-desktop {
opacity: 0.3;
animation-fill-mode: unset;
}
}
@media (min-width:692px) and (max-width:1100px){
body .gallery-hide-tablet {
opacity: 0.3;
animation-fill-mode: unset;
}
}
@media (max-width:691px){
body .gallery-hide-mobile  {
opacity: 0.3;
animation-fill-mode: unset;
}
} .img-com-media-wrapper {
position: relative;
z-index: 999;
display: flex;
justify-content: space-between;
}
.img-com-media-wrapper-panel {
position: relative;
z-index: 999;
display: flex;
justify-content: space-between;
}
.img-com-media-wrapper .spice-gb-image-button {
height: 400px;
width: 49.5%;
padding: 0 !important;
z-index: 1;
}
.img-com-media-wrapper .img-com-section {
height: 400px;
width: 49.5%;
padding: 0 !important;
z-index: 1;
}
.spice-gb-image-button[type="image"] {
border: none;
background-color: none;
}
.spice-gb-image-button[type="image"] {
display: inline-grid;
}
.spice-blocks-tabs-panel {
width: 100%;
justify-content: center;
border-top: 1px solid #e0e0e0;
}
.spice-blocks-tabs-panel.last {
border-left: 1px solid #e0e0e0;
border-right: 1px solid #e0e0e0;
}
.spice-blocks-tabs-panel.active-tab {
border-top: 2px solid #09A223;
color: #09A223;
background: #d4f1d9;
}
.spice-blocks-tabs-panel:focus {
outline: none !important;
box-shadow: none !important;
}
.editor-styles-wrapper .spice-blocks-button-wrapper .wp-block-spice-blocks-spice-button{
background-color: #4CAF50;
}
.block-editor-block-inspector .components-font-size-picker {
margin-bottom: 24px;
}
li.spice-social {
display: flex;
}
.spice-blocks-plus-slides {
background: #ffffff;
margin: 15px auto;
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
}
.spice-blocks-plus-slides-title-bar .components-button.spice-blocks-plus-slide-mini.has-icon{
position: absolute;
right: 30px;
}
.spice-blocks-plus-slides-title-bar .components-button.spice-blocks-plus-slide-mini.has-icon .dashicon {
font-size: 24px;
margin-bottom: 5px
}
.components-button.has-icon.spice-blocks-plus-slide-remove{
position: relative;
right: -14px;
} 
.components-button.has-icon.spice-blocks-plus-slide-remove .dashicon {
font-size: 18px;
}
.spice-blocks-plus-slides-title-bar{
padding: 2px 15px 2px 15px;
display: flex;
align-items: center;
justify-content: space-between;
line-height: 1;
position: relative;
}
.spice-blocks-plus-slides-title-bar:first-child{
border: 1px solid transparent;
}
.spice-blocks-plus-slides-title-bar:first-child:hover{
border: 1px solid #999;
}
.spice-blocks-plus-slides-title-bar:nth-child(2){
padding-top: 15px;
}
.components-button.spice-blocks-plus-add-slide.has-icon{
padding: 6px 16px 6px 12px;
display: flex;
margin: 0 auto;
}
.spice-blocks-plus-slides-title-bar.show{
border: 1px solid #e5e5e5;
}
.components-button.spice-blocks-plus-add-slide.has-icon:hover{
background: #f0f0f0;
}
.components-button.spice-blocks-plus-add-slide.has-icon .dashicons{
margin: 0;
margin-top: 3px;
margin-right: 6px;
}
.spice-blocks-plus-slides-title-bar .components-button.has-icon:focus{
outline: none;
box-shadow: none;
}
.spice-blocks-plus-slide-remove .components-button.has-icon .dashicon {
background: red;
color: white;
}
.spice-blocks-plus-slides h3.spice-blocks-plus-slide-title{
float: left;
margin: 0;
}
.spice_block_responsive_typo_flex_panel .components-button.is-small {
height: 40px;
width:80px;
border: 1px solid #e0e0e0;
}
.spice_block_responsive_typo_flex_panel .components-button.is-pressed {
color: #000;
}
.spice_block_responsive_typo_flex_panel .components-button svg {
margin: auto;
}
.spice_block_responsive_typo_flex_panel .spice_block_section_panel {
margin: 10px auto;
}
.spice-block-plus-panel.components-panel__body.is-opened,
.spice-panel-edit.components-panel__body.is-opened {
padding: 10px;
} .team-card:hover .team-card-wrapper{
transform: unset;
} .active-side{
background-color: #2c7bfe;
color: white;
border: 1px solid #2c7bfe;
}
.active-side:hover{
color: white;
}
.components-flex.components-datetime__time-wrapper{
align-items: unset;
}
.wp-block[data-type="spice-block/spice-social-icon"]{
margin: 0;
}
.spice-add-image .components-focal-point-picker__icon_container,
.spice-add-image .focal-point-picker__controls,
.spice-add-image .components-focal-point-picker__grid div{
display: none;
}
html :where(.editor-styles-wrapper) .price-card ul {
padding: 0;
}
.sbp-scroll-up {
display: block;
}
.sbp-scroll-up {
position: unset;
}
.spice-blocks-position span.components-base-control__label{
display: block;
}
.spice-blocks-position .components-base-control.spice-blocks-position-right,
.spice-blocks-position .components-base-control.spice-blocks-position-left,
.spice-blocks-position .components-base-control.spice-blocks-position-bottom{
width: 45%;
display: inline-block;
}
.spice-blocks-position .components-base-control.spice-blocks-position-bottom{
float: right;
}
.spice-blocks-position.components-base-control{
margin-bottom: 1px;
}  
.components-border-box-control label
{
margin-bottom: 24px;
}
body .components-popover.block-editor-block-popover{
z-index: 1111;
}
.block-editor-page .sbp-scroll-up,
.block-editor-iframe__body .sbp-scroll-up{
position: relative;
display: block;
bottom: 0;
}
.block-editor-page .sbp-scroll-up.left,
.block-editor-iframe__body .sbp-scroll-up.left{
right: 20px;
float: right;
}
.preview-icon button.preview-options{
height: 26px;
padding: 6px 6px;
box-shadow: unset;
}
.preview-icon {
display: block;
text-align: right;
margin-bottom: -22px;
position: relative;
z-index: 2;
}
.spice-blocks-stroke-width .components-flex.components-input-base{
display: flex; 
align-items: center;
flex-direction: row;
}
.spice-blocks-stroke-width .components-input-control__container{
margin: 0 0 0 70px;
} .reorderable-block__item {
border: 1px solid #ddd;
padding: 10px;
margin-bottom: 10px;
cursor: move;
background-color: #fff;
}
.reorderable-block__item.drag-over {
border-color: #007cba;
background-color: #f0f8ff;
}
body .spice-blocks-line-height select.components-unit-control__select{
width: 30px !important;
}
.block-editor-block-types-list[aria-label="Spice News"] .components-button.block-editor-block-types-list__item:not(:disabled):hover .block-editor-block-types-list__item-title {
background:-webkit-linear-gradient(0deg, #FFA387, #FE4F70 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.block-editor-block-types-list[aria-label="Spice News"] .components-button.block-editor-block-types-list__item .dashicons-admin-post{
background: -webkit-linear-gradient(0deg, #FFA387, #FE4F70 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
display: inline-block;
}
.block-editor-block-types-list[aria-label="Spice News"] .components-button.block-editor-block-types-list__item:not(:disabled) {
border: 2px solid transparent;
}
.block-editor-block-types-list[aria-label="Spice News"] .components-button.block-editor-block-types-list__item:not(:disabled):focus {
border: 2px solid transparent;
border-image-source: -webkit-linear-gradient(0deg, #FFA387, #FE4F70 100%);
border-image-slice: 1;
box-shadow: unset;
}
.editor-block-list-item-spice-blocks-spice-breadcrumbs .dashicon.dashicons.dashicons-admin-links{
color: #09A223;
}
.spice-blocks-category-button.components-tools-panel{
padding:0;
border:0
}
.spice-blocks-category-button.components-tools-panel .components-tools-panel-item{
margin-top:0;
}
.wp-block-missing .spice-block-plus-preloader{
position: relative !important;
}
.block-editor-list-view-block__contents-cell .dashicon{
color: #09a223;
}
 .animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
@keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
} @-webkit-keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.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: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.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: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-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);
}
}
.headShake {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-name: headShake;
animation-name: headShake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
from {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes wobble {
from {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: none;
transform: none;
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
@keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center;
}
@-webkit-keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
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: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
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: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.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);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
} @-webkit-keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}.icv {
position: relative;
overflow: hidden;
cursor: row-resize;
}
.icv__icv--vertical {
cursor: row-resize;
}
.icv__icv--horizontal {
cursor: col-resize;
}
.icv__img {
pointer-events: none;
-o-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
max-width: none;
width: 100%;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
top: 0;
display: block;
}
.icv__is--fluid .icv__img {
display: none;
}
.icv__img-a {
height: auto;
position: static;
z-index: 1;
left: 0px;
}
body.spice-block .icv__icv--horizontal.icgb-compare-block img
{
max-width: none;
height: inherit;
}
.icv__img-b {
height: 100%;
position: absolute;
z-index: 2;
left: auto;
right: 0px;
width: auto;
}
.icv__icv--vertical .icv__img-b {
width: 100%;
height: auto;
}
.icv__imposter {
z-index: 4;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.icv__wrapper {
position: absolute;
width: 100%;
height: 100%;
right: 0px;
top: 0px;
overflow: hidden;
background-size: cover;
background-position: center center;
z-index: 3;
}
.icv__is--fluid .icv__wrapper,
.icv__icv--vertical .icv__wrapper {
width: 100% !important;
}
.icv__is--fluid .icv__wrapper,
.icv__icv--horizontal .icv__wrapper {
height: 100% !important;
}
.icv__fluidwrapper {
background-size: cover;
background-position: center;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.icv__control {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 100%;
top: 0px;
z-index: 5;
}
.icv__icv--vertical .icv__control {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
left: 0;
width: 100%;
}
.icv__control-line {
height: 50%;
width: 2px;
z-index: 6;
}
.icv__icv--vertical .icv__control-line {
width: 50%;
}
.icv__theme-wrapper {
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
-webkit-transition: all 0.1s ease-out 0s;
transition: all 0.1s ease-out 0s;
z-index: 5;
}
.icv__icv--vertical .icv__theme-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.icv__arrow-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: all 0.1s ease-out 0s;
transition: all 0.1s ease-out 0s;
}
.icv__arrow-a {
-webkit-transform: scale(1.5) rotateZ(180deg);
transform: scale(1.5) rotateZ(180deg);
height: 20px;
width: 20px;
-webkit-filter: drop-shadow(0px 3px 5px rgba(0, 0, 0, 0.33));
filter: drop-shadow(0px -3px 5px rgba(0, 0, 0, 0.33));
}
.icv__arrow-b {
-webkit-transform: scale(1.5) rotateZ(0deg);
transform: scale(1.5) rotateZ(0deg);
height: 20px;
width: 20px;
-webkit-filter: drop-shadow(0px 3px 5px rgba(0, 0, 0, 0.33));
filter: drop-shadow(0px 3px 5px rgba(0, 0, 0, 0.33));
}
.icv__circle {
width: 50px;
height: 50px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-negative: 0;
flex-shrink: 0;
border-radius: 999px;
}
.icv__label {
position: absolute;
bottom: 50%;
z-index: 12;
background: rgba(0, 0, 0, 0.33);
color: white;
border-radius: 3px;
padding: 0.5rem 0.75rem;
font-size: 0.85rem;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.icv__label.vertical {
bottom: auto;
left: 50%;
}
.icv__label.on-hover {
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: 0.25s cubic-bezier(0.68, 0.26, 0.58, 1.22);
transition: 0.25s cubic-bezier(0.68, 0.26, 0.58, 1.22);
}
.icv:hover .icv__label.on-hover {
-webkit-transform: scale(1);
transform: scale(1);
}
.icv__label-before {
left: 1rem;
}
.icv__label-after {
right: 1rem;
}
.icv__label-before.vertical {
top: 1rem;
}
.icv__label-after.vertical {
bottom: 1rem;
right: auto;
}
.icv__body {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&family=Oswald:wght@400;700&display=swap");
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.block-container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 600px) {
.block-container {
max-width: 600px;
}
}
@media (min-width: 768px) {
.block-container {
max-width: 768px;
}
}
@media (min-width: 992px) {
.block-container {
max-width: 992px;
}
}
@media (min-width: 1200px) {
.block-container {
max-width: 1200px;
}
}
.block-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.block-col-2,
.block-col-3,
.block-col-4,
.block-col-5,
.block-col-6,
.block-col-7,
.block-col-8,
.block-col-9 {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
@media (min-width: 768px) {
.block-col-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.block-col-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.block-col-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.block-col-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.block-col-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.block-col-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.block-col-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.block-col-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.block-col-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
}
@media (min-width: 576px) {
.block-col-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
@media (min-width: 1281px) {
body .hide-desktop,
body div > .spice-block-container-fluid.hide-desktop,
body .spice-block-countdown .hide-desktop {
display: none !important;
}
}
@media (min-width: 692px) and (max-width: 1100px) {
body .hide-tablet,
body div > .spice-block-container-fluid.hide-tablet,
body .spice-block-countdown .hide-tablet {
display: none !important;
}
}
@media (max-width: 691px) {
body .hide-mobile,
body div > .spice-block-container-fluid.hide-mobile,
body .spice-block-countdown .hide-mobile {
display: none !important;
}
}
.animated.slow {
animation-duration: 2s;
}
.animated.fast {
animation-duration: 0.7s;
}
.spice-blocks-divider-line {
border-top-width: 1px;
border-right-width: 0;
border-left-width: 0;
border-bottom-width: 0;
display: inline-block;
}
.wp-block-spice-blocks-spice-button {
background-color: #4caf50;
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px; cursor: pointer;
}
.text-editor-inner
p.spice-blocks-text-editor.has-dropcap:first-child:first-letter {
margin: 10px 10px 10px 10px;
padding: 18px 12px 18px 12px;
}
.spice-blocks-icon i {
font-size: 4em;
} div > .spice-block-container-fluid {
width: 100%;
display: flex;
gap: 2em;
flex-wrap: nowrap;
max-width: initial;
}
.wp-block-spice-blocks-spice-section .spice-block-container {
width: 100%;
margin: 0 auto;
padding-left: 15px;
padding-right: 15px;
display: flex;
gap: 2em;
flex-wrap: nowrap;
}
.editor-styles-wrapper
.wp-block-spice-blocks-spice-section
.spice-block-container {
margin: 0 auto;
}
.wp-block-spice-blocks-spice-column {
flex-basis: 0;
flex-grow: 1;
}
@media (min-width: 782px) {
.wp-block-spice-blocks-spice-section
.wp-block-spice-blocks-spice-column[style*="flex-basis"] {
flex-grow: 0;
}
} .spice-blocks-cta {
background-position: center center;
background-size: cover;
padding: 10.75rem 0.625rem 12.875rem;
}
.spice-blocks-overlay {
height: 100%;
width: 100%;
top: 0;
left: 0;
position: absolute;
border-radius: inherit;
}
.spice-blocks-cta .spice-blocks-overlay .block-container {
position: relative;
}
.cta-block .top-heading {
font-size: 1rem;
line-height: 1.625rem;
font-family: Montserrat, sans-serif;
font-weight: 700;
text-transform: uppercase;
color: #ffffff;
margin-bottom: 1.25rem;
margin-top: 0;
}
.cta-block .main-heading {
font-size: 3.75rem;
line-height: 4.375rem;
font-family: Montserrat, sans-serif;
font-weight: 800;
text-transform: capitalize;
color: #ffffff;
margin-bottom: 3.125rem;
margin-top: 0;
}
.spice-blocks-cta {
position: relative;
max-width: 100%;
}
.cta-block .btn .cta-btn {
display: block;
background-color: #2c7bfe;
color: #ffffff;
font-size: 1.125rem;
line-height: 1.625rem;
font-family: Montserrat, sans-serif;
font-weight: 600;
text-transform: capitalize;
padding: 16px 39px;
border-radius: 30px;
margin: unset;
transition: all 0.3s ease-in-out;
}
.cta-block .btn .cta-btn:hover {
background-color: #ffffff;
color: #2c7bfe;
}
@media (max-width: 992px) {
.spice-blocks-cta .spice-blocks-overlay {
padding: 7.5rem 0.625rem 10rem;
background-color: unset;
}
}
.spice-blocks-overlay {
padding: 5rem 2rem 5rem;
}
.spice-blocks-cta .block-container {
position: relative;
}
.spice-blocks-cta .spice-blocks-overlay {
padding: 0;
}
button.spice-blocks-button {
border: none;
padding: 0;
background: transparent;
}
button.spice-blocks-button span.wp-block-spice-blocks-spice-button {
width: 100%;
}
.spice-blocks-button-wrapper button.spice-blocks-button:hover,
.spice-blocks-button-wrapper button.spice-blocks-button:focus {
background-color: transparent;
} figure.spice-blocks-blockquote {
max-width: 100%;
}
blockquote:before,
blockquote:after {
display: none;
}
blockquote.blockquote-field {
max-width: 100%;
margin: auto;
padding-top: 223px;
padding-bottom: 223px;
}
.blockquote-field .quote-icon {
display: block;
margin-bottom: 20px;
}
.blockquote-field .quote-icon i {
font-size: 80px;
color: rgba(254, 254, 254, 0.1);
}
.blockquote-field .blockquote-text {
font-size: 30px;
font-weight: 600;
line-height: 50px;
font-family: "Open Sans", sans-serif;
color: #fff;
max-width: 90%;
margin: 0 auto 20px auto;
position: relative;
}
.blockquote-field .name-field .name {
font-size: 24px;
font-weight: 400;
line-height: 50px;
font-family: "Open Sans", sans-serif;
color: #fff;
}
.blockquote-field .name-field {
position: relative;
display: inline-block;
}
.blockquote-field .name-field .name::before {
content: "";
width: 25px;
height: 2px;
background-color: #fff;
position: absolute;
top: 25px;
left: -34px;
}
@media (max-width: 1024px) {
.blockquote-field {
padding-top: 160px;
padding-bottom: 160px;
}
}
@media (max-width: 551px) {
.blockquote-field .blockquote-text {
font-size: 27px;
font-weight: 600;
line-height: 42px;
font-family: "Open Sans", sans-serif;
max-width: 95%;
}
}
.spice-blocks-blockquote .spice-blocks-overlay {
padding: 0;
}
.spice-blocks-blockquote {
position: relative;
}
.spice-blocks-blockquote blockquote {
border: none;
} .blogrow.blogrow {
margin-top: 49px;
}
.blogrow.block-row .spbb-post-content {
transition: all 0.3s ease;
position: relative;
overflow: hidden;
border-bottom-right-radius: 30px;
border-top-left-radius: 30px;
margin-bottom: 30px;
}
.blogrow.block-row .spbb-post-content .post-image {
transition: all 0.3s ease;
position: relative;
display: inline-flex;
}
.blogrow.block-row .post-image::before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 0;
transition: 0.3s;
background-color: #082471cc;
}
.blogrow.block-row .spbb-post-content:hover {
box-shadow: 0 7px 20px 0 #e7e7e7;
}
.blogrow.block-row .spbb-post-content:hover .post-image::before {
height: 100%;
}
.blogrow.block-row .spbb-post-content .post-link {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0;
transition: all 0.3s ease;
}
.blogrow.block-row .spbb-post-content:hover .post-link {
opacity: 1;
}
.blogrow.block-row .spbb-post-content .post-link a {
font-family: "Muli", sans-serif;
font-size: 16px;
line-height: 26px;
font-weight: 500;
color: #fff;
}
.blogrow.block-row .spbb-post-content .post-title .post-info {
position: absolute;
top: -16px;
left: 0;
right: 0;
}
.block-row.blogrow .spbb-post-content .post-title .post-info span {
background-color: #082471;
color: #fff;
font-family: "Muli", sans-serif;
font-size: 12px;
line-height: 26px;
font-weight: 600;
padding: 10.5px 22px;
border-radius: 18px;
letter-spacing: 1px;
}
.blogrow.block-row .spbb-post-content:hover .post-title .post-info span {
background-color: #f96156;
}
.blogrow.block-row .spbb-post-content .post-title {
background-color: #fff;
position: relative;
padding: 37px 20px 5px 20px;
}
.blogrow.block-row .spbb-post-content .post-title a {
color: #000;
font-family: "Muli", sans-serif;
font-size: 24px;
line-height: 34px;
font-weight: 700;
}
.blogrow.block-row .spbb-post-content .post-title .icon-list {
display: flex;
justify-content: space-between;
padding: 20px;
}
.blogrow.block-row .spbb-post-content .post-title .icon-list span {
font-family: "Muli", sans-serif;
font-size: 14px;
line-height: 26px;
font-weight: 400;
color: #777777;
}
.blogrow.block-row .spbb-post-content .post-title .icon-list span i {
color: #000;
}
.blogrow.block-row .spbb-post-content.remove-img .post-title .post-info {
position: relative;
}
.blogrow.block-row {
text-align: center;
} @media (max-width: 1199px) {
.blog .blogpost .spbb-post-content {
display: grid;
grid-template-columns: 100%;
}
.blogrow.block-row .spbb-post-content .post-title .post-info {
position: absolute;
top: -16px;
left: 0;
right: 0;
padding: unset;
transform-origin: unset;
transform: rotate(0deg);
}
}
.spice-img img {
display: block;
}
.spice-img {
display: inline-block;
}
@media (max-width: 767px) {
.wp-block-spice-blocks-spice-section .spice-block-container,
.wp-block-spice-blocks-spice-section .spice-block-container-fluid {
display: block;
}
}
.wp-block-spice-blocks-spice-column.is-vertically-aligned-top {
align-self: flex-start;
}
.wp-block-spice-blocks-spice-column.is-vertically-aligned-center {
align-self: center;
}
.wp-block-spice-blocks-spice-column.is-vertically-aligned-bottom {
align-self: flex-end;
}
.wp-block-spice-blocks-spice-column.is-vertically-aligned-bottom,
.wp-block-spice-blocks-spice-column.is-vertically-aligned-center,
.wp-block-spice-blocks-spice-column.is-vertically-aligned-top {
width: 100%;
}
.spice-img img,
img {
max-width: 100%;
height: auto;
} .timeline-block {
box-sizing: border-box;
}
.timeline-block .timeline-block-1 {
background: transparent;
}
.timeline-block .timeline-block-1 .block-container {
max-width: 1200px;
margin: 0 auto;
overflow: hidden;
}
.timeline-block .timeline-block-1 .block-container .timeline {
position: relative;
padding: 50px 0;
}
.timeline-block .timeline-block-1 .block-container .timeline::before {
content: "";
display: block;
width: 0;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
.timeline-block .timeline-block-1 .block-container .timeline .timeline-content {
position: relative;
}
.timeline-block .block-container .timeline .timeline-content::before {
display: block;
content: "";
border-radius: 50%;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
z-index: 1;
}
.timeline-block .block-container .timeline .timeline-content .block-row {
display: flex;
display: -webkit-flex;
-ms-flex-align: center;
align-items: center;
-webkit-align-items: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-justify-content: center;
margin: 0 -15px 50px;
position: relative;
z-index: 2;
}
.timeline-block
.block-container
.timeline
.timeline-content
.block-row
> div:first-child {
display: -ms-flexbox;
display: flex;
display: -webkit-flex;
-ms-flex-pack: end;
justify-content: flex-end;
}
.timeline-block
.block-container
.timeline
.timeline-content
.block-row
.block-col-6 {
width: 50%;
float: left;
padding: 0 25px;
text-align: left;
max-width: unset;
flex: unset;
}
.timeline-block
.block-container
.timeline
.timeline-content
.block-row
.block-col-6
.time {
max-width: 450px;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.timeline-block
.block-container
.timeline
.timeline-content
.block-row
.block-col-6
.info-box {
text-align: left;
border-radius: 10px;
overflow: hidden;
position: relative;
z-index: 1;
width: 100%;
max-width: 450px;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
border-top-right-radius: 78.5px;
border-bottom-right-radius: 78.5px;
}
.timeline-block
.block-container
.timeline
.timeline-content
.block-row
.block-col-6
.info {
padding: 7px 0 0 0;
}
.timeline-block
.block-container
.timeline
.timeline-content
.block-row
.block-col-6
.info-box {
display: flex;
align-items: center;
}
.timeline-block
.block-container
.timeline
.timeline-content
.block-row
.block-col-6
.info-box
.year {
margin-right: 18px;
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
min-width: unset !important;
}
.timeline-block
.block-container
.timeline
.timeline-content
.block-row
.block-col-6
.info-box
.info {
margin-left: 10px;
}
.timeline-block
.block-container
.timeline
.timeline-content
.block-row
.block-col-6
.info-box
h3 {
margin-bottom: -4px;
margin-top: 1em;
}
.timeline-block
.block-container
.timeline
.timeline-content
.block-row
.block-col-6
.info-box
p {
margin: 1em 0;
}
.block-container
.timeline
.timeline-content.true:nth-child(even)
> div:hover
.time,
.block-container
.timeline
.timeline-content.true:nth-child(odd)
> div:hover
.info-box {
margin: 0 30px 0 25px;
}
.timeline-block
.block-container
.timeline
.timeline-content.true:nth-child(odd)
> div:hover
.time,
.block-container
.timeline
.timeline-content.true:nth-child(even)
> div:hover
.info-box {
margin: 0 25px 0 30px;
}
@media screen and (max-width: 1070px) {
.timeline-block .timeline-block-1 .block-container {
display: -ms-flexbox;
display: flex;
display: -webkit-flex;
-ms-flex-align: center;
align-items: center;
-webkit-align-items: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-justify-content: center;
}
.timeline-block
.block-container
.timeline
.timeline-content
.block-row
> div:first-child {
display: -ms-flexbox;
display: flex;
display: -webkit-flex;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-justify-content: flex-start;
}
.timeline-block .timeline-block-1 .block-container .timeline::before {
left: 107px;
right: auto;
}
.timeline-block .block-container .timeline .timeline-content::before {
left: 91px;
right: auto;
}
.timeline-block
.block-container
.timeline
.timeline-content:nth-child(odd)
> div,
.timeline-block
.block-container
.timeline
.timeline-content:nth-child(even)
> div {
position: relative;
margin: 0 0 50px;
justify-content: flex-start;
-webkit-justify-content: flex-start;
}
.timeline-block
.block-container
.timeline
.timeline-content:nth-child(odd)
> div
> div:nth-child(odd),
.timeline-block
.block-container
.timeline
.timeline-content:nth-child(even)
> div
> div:nth-child(even) {
order: 2;
width: 100%;
justify-content: flex-start;
padding: 0 0 0 130px;
}
.timeline-block
.block-container
.timeline
.timeline-content:nth-child(odd)
> div
> div:nth-child(even),
.timeline-block
.block-container
.timeline
.timeline-content:nth-child(even)
> div
> div:nth-child(odd) {
order: 1;
-webkit-transform: translateX(0) rotate3d(0, 0, 1, -90deg);
transform: translateX(0) rotate3d(0, 0, 1, -90deg);
width: 120px;
height: 40px;
position: absolute;
top: 0;
bottom: 0;
left: -40px;
margin: auto;
}
.timeline-block
.block-container
.timeline
.timeline-content:nth-child(even)
> div:hover
.time,
.timeline-block
.block-container
.timeline
.timeline-content:nth-child(odd)
> div:hover
.info-box {
margin: 0;
}
.block-container .timeline .timeline-content:nth-child(odd) > div:hover .time,
.block-container
.timeline
.timeline-content:nth-child(even)
> div:hover
.info-box {
margin: 0;
}
}
@media (max-width: 420px) {
.timeline-block
.block-container
.timeline
.timeline-content
.block-row
.block-col-6
.info-box {
display: block;
}
}  .spice-gp-accordion-section {
position: relative;
}
.spice-gp-accordion-box {
position: relative;
border-left: 3px solid transparent;
}
.spice-gp-accordion {
cursor: pointer;
margin: 0;
width: 100%;
border: none;
text-align: left;
outline: none;
transition: 0.4s;
display: inline-block;
}
.active .spice-gp-accordion {
background-color: #fff;
}
.spice-gp-accordion-box .before-icon {
color: #707070;
font-weight: bold;
margin-right: 25px;
font-size: 20px;
line-height: 30px;
position: absolute;
margin-top: 15px;
margin-left: 20px;
}
.spice-gp-accordion-box .after-icon-one,
.spice-gp-accordion-box .after-icon-two {
font-weight: bold;
font-size: 24px;
position: absolute;
margin-top: 12px;
right: 20px;
top: 0;
cursor: pointer;
}
.spice-gp-accordion-box .after-icon-two {
font-size: 25px;
margin-top: 12px;
}
.spice-gp-accordion-section .spice_panel {
background-color: white;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
}
.spice-gp-accordion-section .head-title {
margin-bottom: 60px;
}
.spice-gp-accordion-section img {
max-width: 100%;
height: auto;
}
.spice-gp-accordion-section .title {
font-size: 60px;
font-weight: 700;
font-family: "Oswald";
}
.spice-gp-accordion-section p {
margin: 0 !important;
}
.spice-gp-accordion-box.active {
box-shadow: 0 0 30px 3px rgba(0, 0, 0, 0.12);
}
.spice-gp-accordion-box.active .after-icon-one,
.spice-gp-accordion-box .after-icon-two {
visibility: hidden;
}
.spice-gp-accordion-box .after-icon-one,
.spice-gp-accordion-box.active .after-icon-two {
visibility: visible;
}  .spice-block-plus-list-icon {
display: flex;
align-items: center;
transition: margin 0.1s linear;
}
.spice-block-plus-list-icon p {
margin: 0;
color: #000;
} body.icv__body {
padding-right: 0 !important;
}
.spice-block-img-gallery {
max-width: 1200px;
margin: auto;
}
.spice-block-img-gallery .gallery-heading h2 {
font-size: 48px;
font-family: Roboto, sans-serif;
font-weight: 700;
color: #000;
text-transform: capitalize;
margin-bottom: 15px;
}
.spice-block-img-gallery .gallery-heading h2 span {
color: #2c7bfe;
}
.spice-block-img-gallery .gallery-heading p {
font-size: 16px;
font-family: Roboto, sans-serif;
font-weight: 400;
color: #777777;
}
.spice-block-img-gallery {
display: grid;
grid-template-columns: repeat(auto-fit, 370px);
gap: 2rem;
justify-content: center;
margin-top: 60px;
}
.spice-block-img-gallery .gallery-img img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 10px;
}
.spice-block-img-gallery .gallery-img {
position: relative;
}
.spice-block-img-gallery .gallery-img:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.7);
margin: 20px;
border-radius: 10px;
transition: all 0.3s ease;
opacity: 0;
}
.spice-block-img-gallery .gallery-img:hover:before {
opacity: 1;
}
.spice-block-img-gallery .gallery-img figcaption {
position: absolute;
bottom: 0;
left: 30px;
right: 30px;
max-width: 320px;
opacity: 0;
transition: all 0.3s ease;
}
.spice-block-img-gallery .gallery-img:hover figcaption {
opacity: 1;
transform: translateY(-40px);
}
.spice-block-img-gallery .gallery-img figcaption .img-caption h4 {
font-size: 24px;
font-family: Roboto, sans-serif;
font-weight: 700;
color: #fff;
margin-bottom: 0px;
}
.spice-block-img-gallery .gallery-img figcaption .img-caption p {
font-size: 16px;
font-family: Roboto, sans-serif;
font-weight: 400;
color: #fff;
}
@media (min-width: 1281px) {
body .hide-desktop,
body .front-view.gallery-hide-desktop {
display: none !important;
}
}
@media (min-width: 692px) and (max-width: 1100px) {
body .hide-tablet,
.front-view.gallery-hide-tablet {
display: none !important;
}
}
@media (max-width: 691px) {
body .hide-mobile,
body .front-view.gallery-hide-mobile {
display: none !important;
}
} .spice-block-img-accordian-container {
max-width: 1170px;
margin: auto;
}
.spice-block-img-accordian-container .accordian-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
min-height: 360px;
position: relative;
flex-wrap: wrap;
}
.spice-block-img-accordian-container .accordian-row .accordian-tab {
margin-left: 5px;
margin-right: 5px;
min-height: 360px;
flex: 1;
-ms-flex: 1;
-webkit-box-flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: flex-end;
justify-content: center;
position: relative;
min-height: 450px;
overflow: hidden;
cursor: pointer;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
}
.spice-block-img-accordian-container .accordian-row .tab-1 img {
width: unset;
max-width: unset;
height: 100%;
display: block;
position: absolute;
}
.spice-block-img-accordian-container .accordian-row .accordian-tab::before {
position: absolute;
content: "";
top: 100%;
left: 0;
height: 100%;
width: 100%;
background: #000;
background: -webkit-gradient(
linear,
left bottom,
left top,
from(black),
color-stop(100%, rgba(255, 255, 255, 0))
);
background: linear-gradient(0deg, #000 0, rgba(255, 255, 255, 0) 100%);
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
opacity: 0;
z-index: 1;
}
.spice-block-img-accordian-container
.accordian-row
.accordian-tab
.accordian-content {
text-align: center;
z-index: 11;
opacity: 0;
transition: all 0.5s ease;
position: absolute;
width: 100%;
}
.accordian-row .accordian-tab .accordian-content .social-icon i {
color: #fff;
line-height: 16px;
font-size: 16px;
padding: 12px;
border: 1px solid #fff;
border-radius: 50%;
margin: 0 2.5px;
transition: all 0.3s ease;
}
.accordian-row .accordian-tab .accordian-content .social-icon i:hover {
background-color: #2c7bfe;
color: #fff;
border: 1px solid #2c7bfe;
}
.accordian-row .accordian-tab .accordian-content .social-icon {
margin-bottom: 15px;
}
.accordian-row .accordian-tab .accordian-content h3 {
font-size: 24px;
line-height: 30px;
font-weight: 700;
font-family: "Open Sans", sans-serif;
color: #fff;
text-transform: capitalize;
}
.spice-block-img-accordian-container .accordian-row .accordian-tab.active {
flex: 3;
}
.spice-block-img-accordian-container
.accordian-row
.accordian-tab.active::before {
opacity: 1;
top: 0;
}
.spice-block-img-accordian-container
.accordian-row
.accordian-tab.active
.accordian-content {
opacity: 1;
transform: translateY(-20px);
}
.spice-block-img-accordian-container .accordian-row .accordian-tab:hover {
flex: 3;
}
.spice-block-img-accordian-container
.accordian-row
.accordian-tab:hover
.accordian-content {
opacity: 1;
transform: translateY(-20px);
}
.spice-block-img-accordian-container
.accordian-row
.accordian-tab:hover::before {
opacity: 1;
top: 0;
}
@media (max-width: 767px) {
.spice-block-img-accordian-container .accordian-row {
height: 1000px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
flex-wrap: wrap;
}
.spice-block-img-accordian-container .accordian-row .accordian-tab {
min-height: 0;
margin-top: 5px;
margin-bottom: 5px;
}
} .spice-skills-bar {
width: 95%;
background: transparent;
}
.spice-skills-bar .spicebar {
position: relative;
}
.spice-skills-bar .spicebar:last-child {
margin-bottom: 0;
}
.spice-skills-bar .spicebar .spice-progress {
position: relative;
height: 4px;
width: 92%;
background: #f5f5f5;
text-align: left;
}
@media (max-width: 768px) {
.spice-skills-bar .spicebar .spice-progress {
width: 80%;
}
}
.spice-skills-bar .spicebar .sp-number { position: absolute;
bottom: 19px;
right: -59px;
top: -17px;
}
.spice-skills-bar .spicebar .spice-progress span {
height: 100%;
width: 80%;
background: #0443ea;
position: absolute;
border-radius: 10px;
transform: scaleX(0);
transform-origin: left;
animation: animate 1.5s ease-in-out forwards;
}
@keyframes animate {
100% {
transform: scaleX(1);
}
}
.spice-skills-bar .spicebar .spice-progress span::before {
content: "";
position: absolute;
right: 0px;
top: -3px;
height: 2px;
width: 2px;
border-radius: 50%;
background: #0443ea;
border: 1px solid #0443ea;
padding: 3px;
z-index: 1;
}
.spice-skills-bar.front-end .spicebar .spice-progress span::before {
right: 1px;
top: -2px;
}
.spice-skills-bar .spicebar .spice-progress span::after {
content: "";
position: absolute;
right: -6px;
top: -9px;
border: 1px solid #0443ea;
padding: 10px;
background: #fff;
border-radius: 50%;
} .spice-pricing-section .price-card {
background: #ffffff;
padding-top: 2.375rem;
padding-bottom: 3.125rem;
padding-left: 1.625rem;
padding-right: 1.625rem;
margin-bottom: 1.875rem;
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
}
.spice-pricing-section .price-card .price-card-header {
text-align: center;
margin-bottom: 3.938rem;
}
.spice-pricing-section .price-card .price-card-header h2 {
font-size: 2rem;
line-height: 3rem;
font-weight: 500;
text-transform: uppercase;
color: #001a44;
letter-spacing: 1px;
transition: all 0.4s ease;
}
.spice-pricing-section .price-card .price-card-header p {
font-size: 0.875rem;
line-height: 1.6rem;
font-weight: 400;
color: #696969;
transition: all 0.4s ease;
}
.spice-pricing-section .price-card .price-tag {
position: relative;
margin-bottom: 4.375rem;
}
.spice-pricing-section .price-tag .back-rec {
width: 130px;
height: 130px;
border-radius: 10px;
background-color: rgba(0, 26, 68, 0.1);
transform: rotate(-10deg);
margin: auto;
transition: all 0.4s ease;
}
.spice-pricing-section .price-tag .back-rec .front-rec {
width: 130px;
height: 130px;
border-radius: 10px;
background-color: #001a44;
transform: rotate(-35deg);
margin: auto;
transition: all 0.4s ease;
}
.spice-pricing-section .price-card .price-tag .price {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.spice-pricing-section .price-tag .price h3 {
text-align: center;
font-size: 1.875rem;
line-height: 1.25rem;
font-weight: 900;
text-transform: uppercase;
color: #fff;
letter-spacing: 1px;
z-index: 10;
transition: all 0.4s ease;
}
.spice-pricing-section .price-tag .price h3 .main-price {
font-size: 1.875rem;
line-height: 1.25rem;
font-weight: 600;
}
.spice-pricing-section .price-tag .price h3 sup {
font-size: 1.25rem;
font-weight: 500;
}
.spice-pricing-section .price-tag .price h3 .month {
font-size: 0.875rem;
font-weight: 500;
text-transform: capitalize;
display: block;
margin-top: 5px;
}
.spice-pricing-section .price-card .features ul {
list-style-type: none;
}
.spice-pricing-section .price-card .features {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 2.125rem;
}
.spice-pricing-section .price-card .features ul li {
font-size: 1rem;
line-height: 1.625rem;
font-weight: 400;
color: #696969;
padding: 8px;
transition: all 0.4s ease;
}
.spice-pricing-section .price-card .features ul li i {
margin-right: 13px;
color: #001a44;
transition: all 0.4s ease;
}
.spice-pricing-section .price-card .table-btn {
text-align: center;
}
.spice-pricing-section .price-card .table-btn button {
font-size: 1rem;
line-height: 1.625rem;
font-weight: 400;
color: #ffffff;
background-color: #001a44;
border-radius: 25px;
padding: 12px 45px;
border: none;
outline: none;
transition: all 0.4s ease;
z-index: 5;
cursor: pointer;
}
.spice-pricing-section .table-btn button:hover {
color: #fff !important;
background-color: rgba(255, 255, 255, 0.1) !important;
}
.spice-pricing-section .price-card:hover {
background: -moz-linear-gradient(
58deg,
rgb(0, 19, 50) 0%,
rgb(0, 36, 95) 60%,
rgb(0, 53, 139) 100%
);
background: -webkit-linear-gradient(
58deg,
rgb(0, 19, 50) 0%,
rgb(0, 36, 95) 60%,
rgb(0, 53, 139) 100%
);
background: -ms-linear-gradient(
58deg,
rgb(0, 19, 50) 0%,
rgb(0, 36, 95) 60%,
rgb(0, 53, 139) 100%
);
background: linear-gradient(
58deg,
rgb(0, 19, 50) 0%,
rgb(0, 36, 95) 60%,
rgb(0, 53, 139) 100%
);
}
.spice-pricing-section .price-card:hover .price-card-header h2,
.spice-pricing-section .price-card:hover .price-card-header p,
.spice-pricing-section .price-card:hover .features ul li,
.spice-pricing-section .price-card:hover .features ul li i,
.spice-pricing-section
.price-card:hover
.features
.block-editor-inner-blocks
.spice-block-plus-list-icon,
.spice-pricing-section
.price-card:hover
.features
.block-editor-inner-blocks
.spice-block-plus-list-icon
p {
color: #fff;
}
.spice-pricing-section .price-card:hover .table-btn button {
color: #001a44;
background-color: #ffffff;
}
.spice-pricing-section .price-card:hover .price-tag .back-rec {
background-color: rgba(255, 255, 255, 0.1);
}
.spice-pricing-section .price-card:hover .price-tag .back-rec .front-rec {
background-color: #ffffff;
}
.spice-pricing-section .price-card:hover .price-tag .price h3 {
color: #001a44;
}
.price-card:hover{
background:linear-gradient(58deg, rgb(0,19,50) 0%, rgb(0,36,95) 60%, rgb(0,53,139) 100%)
} .icon-socials {
padding: 0;
margin: 0;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 2;
display: flex;
transition: all 0.3s ease;
}
.icon-socials a {
display: block;
position: relative;
transition: all 0.3s ease;
} @import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;300;400;500;600;700;800;900&display=swap");
.service-box {
position: relative;
background: #f5f5f5;
padding: 40px 20px;
width: 100%;
margin-top: 10px;
}
.service-box:before {
content: "";
position: absolute;
border-left: 2px solid #2196f3;
border-top: 2px solid #2196f3;
top: 0;
left: 0;
width: 60px;
height: 60px;
}
.service-box:after {
content: "";
position: absolute;
border-right: 2px solid #2196f3;
border-bottom: 2px solid #2196f3;
bottom: 0;
right: 0;
width: 60px;
height: 60px;
}
.service-box .icon:before {
content: "";
position: absolute;
left: 0;
right: 15px;
border-radius: 50%;
width: 50px;
height: 50px;
opacity: 0.5;
transform: rotate(315deg);
margin: 0 auto;
background: radial-gradient(100% 100% at top, transparent 40%, #2c7bfe2b 30%);
}
.service-box:hover .icon:before {
background: radial-gradient(100% 100% at top, transparent 40%, #ffffff2e 30%);
}
.wp-block[data-type="spice-block/spice-social-icon"],
.icon-socials {
display: inline-flex;
}
.has-text-align-left .service-box .icon:before {
right: auto;
left: 0;
}
.has-text-align-right .service-box .icon:before {
left: auto;
right: 0;
}
.spice-blocks-service .service-box-avatar {
margin: 0px auto 15px auto;
}
.service-box-avatar {
width: 4.563rem;
height: auto;
}
.service-box-avatar img {
max-width: 100%;
height: auto;
}
.service-box .col-text h4,
.service-box .col-text p {
margin: 0;
}
.wow:not(body.block-editor-page .wow, body.block-editor-iframe__body .wow) {
visibility: hidden;
}
#spice_blocks_plus_video {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
height: auto;
width: auto;
min-width: 100%;
min-height: 100%;
max-width: initial;
}   .img-fluid {
max-width: 100%;
height: auto;
}                  .spsp-nav.dsgn2 .fa-chevron-left:before {
content: "\f30a";
}
.spsp-nav.dsgn2 .fa-chevron-right:before {
content: "\f30b";
}            .spbk-slider {
position: relative;
padding: 0;
}
.spbk-slider .item .spbk-content-wrapper { height: 750px;
}
.spbk-slider .spbk-post-overlay {
position: absolute;
width: 100%;
top: 0px;
bottom: 0px;
z-index: 1;
left: 0px;
right: 0px; }
.spbk-slider .item .spbk-content {
max-width: 1140px;
flex-wrap: wrap;
align-items: center;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
position: relative;
display: flex;
justify-content: flex-start;
height: 100%;
z-index: 1;
}
.spbk-slider .item .spbk-content.center {
justify-content: center;
}
.spbk-slider .item .spbk-content.right {
justify-content: flex-end;
}
.spbk-slider .item .spbk-content .slider-col {
max-width: 700px;
text-align: left;
}
.spbk-slider .item .spbk-content.center .slider-col {
text-align: center;
}
.spbk-slider .item .spbk-content.right .slider-col {
text-align: right;
}
.spbk-slider .spbk-content .spbk-slider-content .spbk-top-heading {
font-family: "Poppins", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1;
color: #ffffff;
letter-spacing: 1px;
text-transform: uppercase;
background-color: rgba(0, 0, 0, 0.2); border-radius: 10px;
display: inline-block;
padding: 10px 14px;
position: relative;
z-index: 1;
margin-bottom: 5px;
} .spbk-slider .spbk-content .spbk-slider-content .spbk-top-heading span { display: block;
}
.spbk-slider .spbk-content .spbk-slider-content .spbk-main-heading {
font-family: "Poppins", sans-serif;
font-size: 60px;
font-weight: 700;
line-height: 70px;
color: #ffffff;
margin: 0;
margin-bottom: 25px;
}
.spbk-slider .spbk-content .spbk-slider-content .spbk-text-content {
font-family: "Poppins", sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 30px;
color: #ffffff;
margin: 0;
margin-bottom: 40px;
}
.spbk-slider .spbk-content .spbk-slider-content .spbk-slider-btn {
font-family: "Poppins", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1;
color: #ffffff;
text-transform: uppercase;
display: inline-block;
padding: 22px 40px;
position: relative;
background-color: rgba(0, 0, 0, 0.2); border-radius: 10px;
z-index: 1;
} .spbk-slider .spbk-content .spbk-slider-content .spbk-slider-btn span { display: block;
}
.spbk-slider .spbk-content .spbk-slider-img img {
max-width: 100%;
height: auto;
position: relative;
}
.spbk-slider .spbk-content .spbk-slider-img img::before {
content: "";
position: absolute;
inset: 0;
background-color: rgba(0, 0, 0, 0.2);
filter: drop-shadow(10px 10px 0 red); color: #ffffff;
}
.spbk-content-wrapper img {
position: relative;
height: auto;
background-attachment: fixed;
background-size: cover;
background-position: 100% 100%;
height: 640px;
}  .spbk-slider .item {
position: relative;
background-repeat: no-repeat;
background-position: center center;
width: 100%;
z-index: 0;
background-size: cover;
}
.spbk-slider .slick-dots button:after {
content: "0" counter;
display: inline-block;
font-size: 20px;
font-weight: 700;
vertical-align: middle;
padding-left: 40px;
color: #ffffff;
font-weight: 400;
font-family: "Poppins";
}  @media (max-width: 992px) {
.spbk-content .spbk-slider-content:after {
right: -18rem;
}
}
@media (max-width: 767px) {
.spbk-content .spbk-slider-content:after {
right: 0rem;
}
}  /  .full-width.block-container {
max-width: 1200px;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.spice-block-dgn-1 {
padding: 6.2rem 0 4.375rem;
}
.spice-blocks-plus.blog .post {
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
margin-bottom: 30px;
overflow: hidden;
}
.spice-blocks-plus.blog .post .spbb-entry-meta {
display: block;
align-items: center;
justify-content: space-between;
padding: 10px 30px;
margin: 0;
background-color: #fff;
}
.spice-blocks-plus.blog .post.spice-block-remove-img .top-bar {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.spice-blocks-plus.blog .post .spbb-entry-meta span.author a {
font-family: "Poppins";
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 26px;
color: #000000;
}
.spice-blocks-plus.blog .post .spbb-entry-meta span.date i {
color: #0d6b68;
font-size: 14px;
padding-right: 10px;
}
.spice-blocks-plus.blog .post .spbb-entry-meta span.date a {
font-family: "Poppins";
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 26px;
color: #828282;
padding: 0;
background: transparent;
}
.spice-blocks-plus.blog .post .spbb-entry-meta .author img {
border-radius: 50%;
height: 30px;
width: 30px;
display: inline-block;
vertical-align: middle;
margin-right: 12px;
}
.spice-blocks-plus.blog .post .spice-block-post-overlay {
position: relative;
}
.spice-blocks-plus .spice-block-post-overlay .overlay {
position: absolute;
inset: 0;
z-index: 1;
width: 100%;
height: 100%;
}
.spice-blocks-plus.blog .post .spice-block-post-overlay .post-thumbnail {
display: flex;
position: relative;
overflow: hidden;
margin: 0;
}
.spice-blocks-plus.blog .post .spice-block-post-overlay .post-thumbnail img {
width: 100%;
transition: 1.2s;
} .spice-blocks-plus.blog
.post
.spbb-post-content
.spbb-entry-meta
span.tag-links
i {
color: #0d6b68;
font-size: 14px;
padding-right: 10px;
}
.spice-blocks-plus.blog
.post
.spbb-post-content
.spbb-entry-meta
span.tag-links
a {
font-family: "Poppins";
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 26px;
color: #828282;
}
.spice-blocks-plus.blog
.post
.spbb-post-content
.spbb-entry-meta
span.comments-link
i {
color: #0d6b68;
font-size: 14px;
padding-right: 6px;
}
.spice-blocks-plus.blog
.post
.spbb-post-content
.spbb-entry-meta
span.comments-link
a {
font-family: "Poppins";
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 26px;
color: #828282;
}
.spice-blocks-plus.blog .post .spbb-post-content {
padding: 23px 30px 30px;
}
.spice-blocks-plus.blog .post .spbb-post-content .spbb-entry-meta {
padding: unset;
display: block;
}
.spice-blocks-plus.blog
.post
.spbb-post-content
.spbb-entry-header
h3.spbb-entry-title {
font-family: "Poppins";
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 34px;
text-transform: capitalize;
color: #000000;
margin: 0;
transition: 0.3s;
}
.spice-blocks-plus.blog .post .spbb-post-content p.spbb-entry-content {
font-family: "Poppins";
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 25px;
color: #828282;
padding-bottom: 1.438rem;
}
.spice-blocks-plus.blog .post .spbb-entry-content .more-link {
float: none;
display: inline-block;
padding: 6.5px 20.5px;
font-family: "Poppins";
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 25px;
border: 1px solid #0d6b68;
color: #0d6b68;
border-radius: 80px;
}
.spice-blocks-plus.blog
.post:hover
.spbb-post-content
.spbb-entry-header
h3.spbb-entry-title
a {
color: #0d6b68;
text-decoration: none;
transition: 0.3s;
cursor: pointer;
}
.spice-blocks-plus.blog .post:hover .spbb-entry-content .more-link {
color: #ffffff;
background-color: #0d6b68;
}
.spice-blocks-plus.blog
.post:hover
.spice-block-post-overlay
.post-thumbnail
img {
transform: scale(1.1);
}
.spice-blocks-plus.blog .post .spbb-entry-content .more-link i {
padding-left: 3px;
}
.spice-blocks-plus.blog .post .spbb-entry-meta span.author a:hover,
.spice-blocks-plus.blog .post .spbb-entry-meta span.author a:focus,
.spice-blocks-plus.blog .post .spbb-entry-meta span.date a:hover,
.spice-blocks-plus.blog .post .spbb-entry-meta span.date a:focus,
.spice-blocks-plus.blog .post .spbb-entry-meta span.tag-links a:hover,
.spice-blocks-plus.blog .post .spbb-entry-meta span.tag-links a:focus,
.spice-blocks-plus.blog .post .spbb-entry-meta span.comments-link a:hover,
.spice-blocks-plus.blog .post .spbb-entry-meta span.comments-link a:focus,
.spice-blocks-plus.blog
.post
.spbb-post-content
.spbb-entry-header
h3.spbb-entry-title
a:focus {
color: #0d6b68;
}
.spice-blocks-plus.blog .post .spbb-entry-content .more-link:focus {
color: #ffffff;
background-color: #0d6b68;
}
@media (max-width: 991px) {
.spice-blocks-plus.blog .post .spbb-entry-meta {
padding: 10px 10px;
}
.spice-blocks-plus.blog .post .spbb-post-content {
padding: 23px 15px 30px;
}
}
.spice-blocks-plus.blog .spbb-entry-meta span {
padding-right: 1.5rem;
}  .slick-prev,
.slick-next {
font-size: 1.6rem;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 10rem;
height: 10rem;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: #fff;
border: none;
outline: none;
background: #bd686800;
border-radius: 50%;
margin: 0 4%; }
.spbk-slider .slick-prev,
.spbk-slider .slick-next {
opacity: 0;
}
.spbk-slider:hover .slick-prev,
.spbk-slider:hover .slick-next {
opacity: 1;
z-index: 1;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
opacity: 1;
}
.spbk-slider button.slick-prev:focus,
.spbk-slider button.slick-next:focus{
outline: none;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
font-family: '"Font Awesome 5 Free"';
font-size: 20px;
line-height: 1;
opacity: 0.75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev {
left: -25px;
}
[dir="rtl"] .slick-prev {
right: -25px;
left: auto;
}
.slick-next {
right: -25px;
}
[dir="rtl"] .slick-next {
right: auto;
left: -25px;
} .slick-dotted.slick-slider { }
.slick-dots {
position: absolute;
bottom: 25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li {
position: relative;
display: inline-block;
margin: 0;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
font-size: 20px;
font-family: "Poppins";
line-height: 0;
color: #ffffff;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
opacity: 1;
}
ul.slick-dots {
counter-reset: count;
display: inline-flex;
justify-content: right;
padding-right: 20px;
align-items: center;
}
.dots ul.slick-dots {
padding-right: 0;
}
ul.slick-dots li {
counter-increment: count;
}
ul.slick-dots li button {
display: none;
}
ul.slick-dots li.slick-active button {
display: block;
}
ul.slick-dots li {
counter-increment: count;
}
ul.slick-dots:after {
content: "/ " counter(count);
color: #ffffff;
color: #ffffff;
font-size: 20px;
font-family: "Poppins";
}
.spbk-slider.dots ul.slick-dots {
justify-content: center;
}
.spbk-slider.dots ul.slick-dots:after {
display: none;
}
.spbk-slider.dots ul.slick-dots li button {
font-size: 0;
background-color: #fff;
margin: 0 3px;
width: 10px;
height: 10px;
display: block;
border-radius: 10px;
}
.spbk-slider.dots ul.slick-dots li.slick-active button {
width: 32px;
}
.spice-blocks-plus.blog span a {
text-decoration: none;
}
.spbk-slider .slick-arrow i {
font-size: 20px;
font-style: normal;
}
.spice-blocks-plus.blog
.post
.spbb-post-content
.spbb-entry-meta
span.tag-links
a {
position: relative;
margin-right: 3px;
padding-right: 4px;
}
.spice-blocks-plus.blog
.post
.spbb-post-content
.spbb-entry-meta
span.tag-links
a:not(:last-child):after {
content: ", ";
position: absolute;
right: 0;
color: darkred;
} .team-section .team-row .team-card {
transition: all 0.5s ease 0s;
overflow: hidden; }
@media (max-width: 991px) {
.team {
width: 100%;
}
}
.team-section .team-row .team-card .image {
position: relative;
overflow: hidden;
width: 100%;
height: auto;
aspect-ratio: 1 / 1;
}
.team-section .team-row .team-card .image::before,
.team-section .team-row .team-card .image::after {
content: "";
width: 200%;
height: 80%;
background: rgba(38, 37, 37, 0.8);
position: absolute;
top: -100%;
left: -3.6%;
transform: rotate(45deg);
transition: all 0.5s ease 0s;
}
.team-section .team-row .team-card .image::after {
background: rgba(44, 123, 254, 0.8);
top: auto;
left: auto;
bottom: -100%;
right: -3.6%;
}
.team-section .team-row .team-card:hover .image:before {
top: 0;
}
.team-section .team-row .team-card:hover .image:after {
bottom: 0;
}
.team-section .team-row .team-card:hover {
box-shadow: 0 10px 30px 0px rgba(0, 0, 0, 0.1);
}
.team-section .team-row .team-card .image .team-socials {
width: 100%;
padding: 0;
margin: 0;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
transition: all 0.3s ease;
}
.team-row .team-card .image .team-socials a {
display: block;
position: relative;
transition: all 0.3s ease;
}
.team-row .team-card .image .team-socials a::after {
content: "";
width: 100%;
height: 100%;
border-radius: 0 20px 20px 20px;
position: absolute;
top: 0;
left: 0;
z-index: -1;
transition: all 0.3s ease;
}
.team-row .team-card:hover .image .team-socials {
opacity: 1;
}
.team-row .team-card .image .team-socials a:hover:after {
transform: rotate(180deg);
}
.team-section .team-row .team-card .image img {
width: 100%;
height: 100%;
vertical-align: middle;
object-fit: cover;
} @media (max-width: 768px) {  .team-section .team-row,
.team-section .heading-content {
text-align: center;
}
.team-section .heading-content .paragraph p {
max-width: unset;
}
.team-section .heading-content .saperater {
margin: auto;
}
} .team-card .image .team-socials .icon-socials a:hover {
transform: rotate(180deg);
}  .mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 502;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
filter: alpha(opacity=80);
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 503;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden;
}
.mfp-container {
height: 100%;
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mfp-container:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
display: none;
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 505;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto;
}
.mfp-ajax-cur {
cursor: progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.mfp-loading.mfp-figure {
display: none;
}
.mfp-hide {
display: none !important;
}
.mfp-preloader {
color: #cccccc;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 504;
}
.mfp-preloader a {
color: #cccccc;
}
.mfp-preloader a:hover {
color: white;
}
.mfp-s-ready .mfp-preloader {
display: none;
}
.mfp-s-error .mfp-content {
display: none;
}
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
padding: 0;
z-index: 506;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: white;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover,
.mfp-close:focus {
opacity: 1;
}
.mfp-close:active {
top: 1px;
}
.mfp-close-btn-in .mfp-close {
color: #333333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: white;
right: 0;
width: 30px;
height: 30px;
background: transparent;
font-size: 24px;
display: flex;
align-items: center;
justify-content: center;
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #cccccc;
font-size: 12px;
line-height: 18px;
}
.mfp-arrow {
position: absolute;
top: 0;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1;
}
.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
content: "";
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: solid transparent;
}
.mfp-arrow:after,
.mfp-arrow .mfp-a {
opacity: 0.8;
border-top-width: 12px;
border-bottom-width: 12px;
top: 8px;
}
.mfp-arrow:before,
.mfp-arrow .mfp-b {
border-top-width: 20px;
border-bottom-width: 20px;
}
.mfp-arrow-left {
left: 0;
}
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
border-right: 12px solid black;
left: 5px;
}
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
border-right: 20px solid white;
}
.mfp-arrow-right {
right: 0;
}
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
border-left: 12px solid black;
left: 3px;
}
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
border-left: 20px solid white;
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px;
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
position: absolute;
top: -3px;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: black;
}
.mfp-iframe-holder .mfp-close {
top: -33px;
} img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto;
} .mfp-figure:after {
content: "";
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
.mfp-figure {
line-height: 0;
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #f3f3f3;
word-break: break-word;
padding-right: 36px;
}
.mfp-figure small {
color: #bdbdbd;
display: block;
font-size: 12px;
line-height: 14px;
}
.mfp-image-holder .mfp-content {
max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape),
screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0;
}
.mfp-img-mobile img.mfp-img {
padding: 0;
} .mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0;
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0;
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px;
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0;
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px;
}
}
@media all and (max-width: 800px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75);
}
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0;
}
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%;
}
.mfp-container {
padding-left: 6px;
padding-right: 6px;
}
}
.mfp-ie7 .mfp-img {
padding: 0;
}
.mfp-ie7 .mfp-bottom-bar {
width: 600px;
left: 50%;
margin-left: -300px;
margin-top: 5px;
padding-bottom: 5px;
}
.mfp-ie7 .mfp-container {
padding: 0;
}
.mfp-ie7 .mfp-content {
padding-top: 44px;
}
.mfp-ie7 .mfp-close {
top: 0;
right: 0;
padding-top: 0;
}
.video-sec .vid-main {
width: 100%;
position: relative; }
.vid-container {
width: 100%;
}
.vid-container .block-row{margin:0}
.vid-container .video-content{
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
width: 100%;
gap: 20px;
}
.video-sec .vid-main .popup-youtube span { transition: all 0.3s ease;
border-radius: 50%;
position: relative;
}
.video-sec .vid-main .popup-youtube span::before {
content: "";
position: absolute;
border-radius: inherit;
top: -10px;
left: -10px;
right: -10px;
bottom: -10px;
animation: bloom1 1.5s linear infinite;
opacity: 0;
}
.video-sec .vid-main .popup-youtube span::after {
content: "";
position: absolute;
border-radius: inherit;
top: -10px;
left: -10px;
right: -10px;
bottom: -10px;
animation: bloom2 1.5s linear infinite;
opacity: 0;
animation-delay: 0.4s;
}
@keyframes bloom1 {
0% {
transform: scale(0.5);
z-index: -99;
}
50% {
opacity: 1;
z-index: -99;
}
100% {
transform: scale(1.5);
z-index: -99;
}
}
@keyframes bloom2 {
0% {
transform: scale(0.5);
z-index: -99;
}
50% {
opacity: 1;
z-index: -99;
}
100% {
transform: scale(1.5);
z-index: -99;
}
}
.video-sec .vid-main .popup-youtube span i {
color: #ffffff;
font-size: 20px;
} #map {
height: 100%;
} #popup {
position: fixed;
z-index: 100;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0, 0, 0, 0.9);
opacity: 0;
visibility: hidden;
transition: opacity 1000ms;
}
#popup.show {
opacity: 1;
visibility: visible;
}
#popup .wrapper {
width: 60%;
margin: 0 auto;
text-align: center;
}
#popup .wrapper .banner {
max-width: 100%;
}
#popup a#close {
position: absolute;
top: 10px;
right: 10px;
width: 40px;
height: 40px;
z-index: 10;
}
#popup a#close:before {
content: "";
position: absolute;
top: 0;
left: 20px;
transform: rotate(-45deg);
width: 2px;
height: 100%;
background-color: #fff;
}
#popup a#close:after {
content: "";
position: absolute;
top: 0;
right: 18px;
transform: rotate(45deg);
width: 2px;
height: 100%;
background-color: #fff;
}
.giveAccess {
position: absolute;
top: 0;
left: 0;
padding: 20px;
font-weight: bold;
font-size: 20px;
background-color: red;
z-index: 10;
color: white;
}  .team-card-row {
margin: 0 auto;
}
.team-card-row .team-card {
perspective: 1000px;
background-color: transparent;
margin-bottom: 30px;
}
.team-card-row .team-card .team-card-wrapper {
position: relative;
transition: all 0.3s linear;
transform-style: preserve-3d;
}
.team-card-front {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
}
.team-card-front img {
width: 100%;
height: auto;
}
.team-card-front .team-details {
padding: 19px 20px 29px 20px;
}
.team-card-back {
padding: 15px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
transform: rotateY(180deg);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
}
.team-card-back .team-socials {
display: flex;
flex-wrap: wrap;
padding: 0;
transition: all 0.1s linear;
justify-content: center;
}
.team-card-back .team-socials:hover {
cursor: pointer;
}
.team-card:hover .team-card-wrapper:not(body.block-editor-page .team-card:hover .team-card-wrapper, body.block-editor-iframe__body .team-card:hover .team-card-wrapper ) {
transform: rotateY(180deg);
}
@media (max-width: 991px) {
.team-card-row {
width: 100%;
}
}
.team-card .team-card-front .team-details h5,
.team-card .team-card-front .team-details p {
margin: 0;
}
.team-card-back .spice-blocks-button-wrapper {
flex-basis: 100%;
text-align: center;
} .spice-block-countdown .row {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
text-align: center;
}
.spice-block-countdown .row .counter-card {
flex-basis: 0;
text-align: center;
flex-grow: 1;
display: block;
}
.spice-block-countdown .row .counter-card h1,
.spice-block-countdown .row .counter-card h5 {
margin: 0;
}   @media (max-width: 1024px) {
.spice-block-countdown {
padding: 100px 15px;
}
.spice-block-countdown .row {
margin: auto;
}
.spice-block-countdown .row .counter-card {
flex-basis: calc(50% - 25px);
max-width: calc(50% - 25px);
margin-bottom: 50px;
}
}
@media (max-width: 555px) {
.spice-block-countdown .row {
margin: auto;
}
.spice-block-countdown .row .counter-card {
flex-basis: 100%;
max-width: 100%;
margin-bottom: 50px;
}
} .sp-testimonial-section {
max-width: 100%;
margin: auto;
}
.sp-testimonial-section .sp-testimonial-row .sp-testimonial-card {
position: relative;
background: #ffffff;
overflow: hidden;
}
.sp-testimonial-row .sp-testimonial-card .client-details {
display: flex;
align-items: center;
margin-left: 10px;
margin-bottom: 55px;
}
.sp-testimonial-section .sp-testimonial-card:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 418px;
height: 240px;
background: radial-gradient(
200% 200% at bottom right,
transparent 52%,
#2c7bfe 10%
);
z-index: 0;
}
.sp-testimonial-content {
z-index: 1;
position: relative;
}
.sp-testimonial-row .sp-testimonial-card .client-review p {
text-align: left;
}
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap");
* {
margin: 0;
padding: 0;
box-sizing: border-box; }
.pricing-section {
padding-top: 8.375rem;
padding-bottom: 8.375rem;
}
.heading-content h1 {
font-size: 3rem;
line-height: 3.625rem;
font-weight: 600;
text-transform: capitalize;
color: #000;
letter-spacing: 1px;
}
.heading-content .divider {
width: 4.375rem;
height: 0.563rem;
background-color: #2c7bfe;
border-radius: 4.5px;
margin-top: 1.125rem;
margin-bottom: 1.5rem;
}
.heading-content p {
font-size: 1rem;
line-height: 1.625rem;
font-weight: 400;
color: #777777;
}
.heading-content {
margin-bottom: 3.875rem;
padding-left: 15px;
padding-right: 15px;
}
.price-card {
background: #ffffff;
padding-top: 2.375rem;
padding-bottom: 3.125rem;
padding-left: 1.625rem;
padding-right: 1.625rem;
margin-bottom: 1.875rem;
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
}
.price-card .price-card-header {
text-align: center;
margin-bottom: 3.938rem;
}
.price-card .price-card-header h2 {
font-size: 2rem;
line-height: 3rem;
font-weight: 500;
text-transform: uppercase;
color: #001a44;
letter-spacing: 1px;
transition: all 0.4s ease;
margin: 0;
padding: 0;
}
.price-card .price-card-header p {
font-size: 0.875rem;
line-height: 1.6rem;
font-weight: 400;
color: #696969;
margin: 0;
padding: 0;
transition: all 0.4s ease;
}
.price-card .price-tag {
position: relative;
margin-bottom: 4.375rem;
}
.price-tag .back-rec {
width: 130px;
aspect-ratio: 1 / 1;
border-radius: 10px;
background-color: rgba(0, 26, 68, 0.1); margin: auto;
transition: all 0.4s ease;
}
.price-tag .back-rec .front-rec {
width: inherit;
aspect-ratio: 1 / 1;
border-radius: 10px;
background-color: #001a44;
transform: rotate(-45deg);
margin: auto;
transition: all 0.4s ease;
}
.price-card .price-tag .price {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
align-items: center;
}
.price-tag .price i {
padding-top: 10px;
padding-right: 5px;
color: #fff;
transition: all 0.4s ease;
font-size: 1.875rem;
line-height: 1.25rem;
font-weight: 900;
}
.price-tag .price h3 {
text-align: center;
font-size: 1.875rem;
line-height: 1.25rem;
font-weight: 900;
text-transform: uppercase;
color: #fff;
letter-spacing: 1px;
z-index: 10;
transition: all 0.4s ease;
display: inline-block;
margin: 0;
}
.price-tag .price h3 sup {
font-size: 1.25rem;
font-weight: 500;
}
.price-tag .price h3 span {
font-size: 0.875rem;
font-weight: 500;
text-transform: capitalize;
}
.price-card .features ul {
list-style-type: none;
}
.price-card .features {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 2.125rem;
}
.price-card .features ul li {
font-size: 1rem;
line-height: 1.625rem;
font-weight: 400;
color: #696969;
padding: 8px;
transition: all 0.4s ease;
}
.price-card .features ul li i {
margin-right: 13px;
color: #001a44;
transition: all 0.4s ease;
}
.price-card .table-btn {
text-align: center;
}
.price-card .table-btn button {
font-size: 1rem;
line-height: 1.625rem;
font-weight: 400;
color: #ffffff;
background-color: #001a44;
border-radius: 25px;
padding: 12px 45px;
border: none;
outline: none;
transition: all 0.4s ease;
z-index: 5;
cursor: pointer;
}
.table-btn button:hover {
color: #fff !important;
background-color: rgba(255, 255, 255, 0.1) !important;
}
.price-card:hover {
background: -moz-linear-gradient(
58deg,
rgb(0, 19, 50) 0%,
rgb(0, 36, 95) 60%,
rgb(0, 53, 139) 100%
);
background: -webkit-linear-gradient(
58deg,
rgb(0, 19, 50) 0%,
rgb(0, 36, 95) 60%,
rgb(0, 53, 139) 100%
);
background: -ms-linear-gradient(
58deg,
rgb(0, 19, 50) 0%,
rgb(0, 36, 95) 60%,
rgb(0, 53, 139) 100%
);
background: linear-gradient(
58deg,
rgb(0, 19, 50) 0%,
rgb(0, 36, 95) 60%,
rgb(0, 53, 139) 100%
);
}
.price-card:hover .price-card-header h2,
.price-card:hover .price-card-header p,
.price-card:hover .features ul li,
.price-card:hover .features ul li i {
color: #fff;
}
.price-card:hover .table-btn button {
color: #001a44;
background-color: #ffffff;
}
.price-card:hover .price-tag .back-rec {
background-color: rgba(255, 255, 255, 0.1);
}
.price-card:hover .price-tag .back-rec .front-rec {
background-color: #ffffff;
}
.price-card:hover .price-tag .price h3,
.price-card:hover .price-tag .price i {
color: #001a44;
}
.block-container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 600px) {
.block-container {
max-width: 600px;
}
}
@media (min-width: 768px) {
.block-container {
max-width: 768px;
}
}
@media (min-width: 992px) {
.block-container {
max-width: 992px;
}
}
@media (min-width: 1200px) {
.block-container {
max-width: 1200px;
}
}
.block-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.block-col-2,
.block-col-3,
.block-col-4,
.block-col-5,
.block-col-6,
.block-col-7,
.block-col-8,
.block-col-9 {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
@media (min-width: 768px) {
.block-col-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.block-col-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.block-col-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.block-col-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.block-col-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.block-col-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.block-col-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.block-col-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.block-col-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
}
@media (min-width: 576px) {
.block-col-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
.slider-caption {
position: relative;
display: table;
height: 100%;
z-index: 1;
}
.image-item {
position: relative;
z-index: 3;
margin: 0 auto;
max-width: 34.687rem;
padding-top: 5rem;
padding-bottom: 5rem;
}
.image-item img {
max-width: 100%;
height: auto;
} .slick-slide {
margin: 0 15px;
} .slick-list {
margin: 0 -15px;
} .spice-image-slider .slick-prev,
.spice-image-slider .slick-next {
font-size: 1.263rem;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 3.125rem;
height: 3.125rem;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: #fff;
border: none;
outline: none;
background-color: rgba(33, 32, 46, 0.5);
border-radius: 0.313rem;
margin: 0 6%;
border: 1px solid #fff;
}
.spice-image-slider ul.slick-dots {
counter-reset: none;
display: inline-flex;
justify-content: center;
padding-right: 20px;
align-items: center;
position: relative;
bottom: unset;
}
.spice-image-slider .dots ul.slick-dots {
padding-right: 0;
}
.spice-image-slider ul.slick-dots li {
counter-increment: none;
}
.spice-image-slider ul.slick-dots li button {
display: block;
font-size: 0;
background-color: #ced1df;
margin: 0 3px;
width: 10px;
height: 10px;
border-radius: 10px;
}
.spice-image-slider ul.slick-dots li.slick-active button {
width: 32px;
}
.spice-image-slider ul.slick-dots li {
counter-increment: none;
}
.spice-image-slider ul.slick-dots:after {
content: none;
}
.spice-image-slider .slider-caption .client-pic {
display: table-cell;
vertical-align: middle;
overflow: hidden;
} .progress-bar {
--progress-color: rgba(2, 88, 207, 1);
--progress: 20%;
--box-side-height: 150px;
position: relative;
width: 50px;
height: 256px;
margin: 200px auto;
perspective: 800px;
-ms-transform: rotate(270deg);
transform: rotate(270deg) !important;
}
.progress-bar:before {
content: "";
width: 0px;
}
.progress-bar .box {
position: relative;
width: 400px;
height: var(--box-side-height);
transform-style: preserve-3d;
transition: transform 1s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transform: rotateX(45deg);
}
.progress-bar.done .box {
transform: rotateX(0);
}
.progress-bar .box-front {
position: absolute;
width: 100%;
height: var(--box-side-height);
left: 0;
bottom: 0;
transform-origin: center bottom;
transform: rotateX(90deg);
transition: transform 1s;
}
.progress-bar .box p {
position: absolute;
top: 0px;
left: -235px;
color: rgba(0, 0, 0, 0.801);
text-align: center;
width: 100%;
height: 100%;
line-height: 100%;
z-index: 99;
font-weight: bold;
transition: opacity 1s, visibility 1s;
font-size: 40px;
rotate: 90deg;
transform: rotateY(180deg);
color: #000;
}
.progress-bar.done .box p.loading-text {
opacity: 0;
visibility: hidden;
}
.progress-bar:not(.done) .box p.done-text {
opacity: 0;
visibility: hidden;
}
.progress-bar .box::after {
content: "";
display: block;
opacity: 0.9;
width: 100%;
height: 100%;
background: var(--progress-color);
transform-origin: top left;
transform: scaleX(var(--progress));
transition: transform 0.1s;
box-shadow: -35px 0px 25px rgb(2 88 207 / 15%);
}
.progress-bar .box-front::after {
content: "";
display: block;
width: 100%;
height: 100%;
opacity: 0.9;
background: var(--progress-color);
transform-origin: top left;
transform: scaleX(var(--progress));
transition: transform 0.1s;
box-shadow: -35px 0px 25px rgb(2 88 207 / 15%);
}
.pb-section {
position: relative;
padding: 150px 0;
}
.pb-section .title {
font-weight: 700;
font-size: 48px;
line-height: 58px;
color: #333333;
margin-bottom: 10px;
}
.pb-section .head-title p {
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: #888888;
margin-bottom: 50px;
}
.pb-section .head-title {
text-align: center;
position: relative;
margin: 0 auto 50px;
}
@media (max-width: 767px) {
.progress-bar {
margin: 100px auto;
}
}
.box-right {
position: absolute;
width: 100%;
height: var(--box-side-height);
left: 0;
bottom: 0;
transform-origin: center bottom;
transform: translateZ(-150px);
transition: transform 0.5s;
}
.box-right:after {
content: "";
display: block;
width: 100%;
height: 100%;
opacity: 0.3;
background: var(--progress-color);
transform-origin: top left;
transform: scaleX(var(--progress));
transition: transform 0.1s;
box-shadow: -35px 0px 25px rgb(2 88 207 / 15%);
}
.box-left {
position: absolute;
width: 100%;
height: var(--box-side-height);
left: 0px;
bottom: 0;
top: -148px;
transform-origin: center bottom;
transition: transform 0.5s;
transform: rotateX(90deg);
}
.box-left:after {
content: "";
display: block;
width: 100%;
height: 100%;
opacity: 1;
background: var(--progress-color);
transform-origin: top left;
transform: scaleX(var(--progress));
transition: transform 0.1s;
box-shadow: -35px 0px 25px rgb(2 88 207 / 15%);
}
@media (max-width: 991px) and (min-width: 768px) {
.pb-section .block-container {
max-width: 850px;
}
}
@media (max-width: 767px) {
.block-row .block-col-3:first-child .progress-bar {
margin-top: 250px;
}
}
@media (max-width: 991px) {
.price-card {
width: 100%;
}
} .sbp-scroll-up a {
display: block;
aspect-ratio: 1/ 1;
width: 3.125rem;
text-align: center;
line-height: 2.7;
border-radius: 50px;
font-size: 1.125rem;
color: #fff;
opacity: 1;
transition: all 0.3s ease 0s;
box-shadow: 0 0 10px rgb(0 0 0 / 20%);
background: blue;
text-decoration: none;
}
.sbp-scroll-up a {
background: #2d6ef8;
}
.sbp-scroll-up {
position: fixed;
display: none;
bottom: 50px;
z-index: 9999;
}  .loader01 {
margin: 100px auto;
font-size: 25px;
width: 1em;
height: 1em;
border-radius: 50%;
position: relative;
text-indent: -9999em;
-webkit-animation: load5 1.1s infinite ease;
animation: load5 1.1s infinite ease;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
}
@-webkit-keyframes load5 {
0%,
100% {
box-shadow: 0em -2.6em 0em 0em #fff,
1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2),
2.5em 0em 0 0em rgba(255, 255, 255, 0.2),
1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2),
0em 2.5em 0 0em rgba(255, 255, 255, 0.2),
-1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2),
-2.6em 0em 0 0em rgba(255, 255, 255, 0.5),
-1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
}
12.5% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7),
1.8em -1.8em 0 0em #fff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2),
1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2),
0em 2.5em 0 0em rgba(255, 255, 255, 0.2),
-1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2),
-2.6em 0em 0 0em rgba(255, 255, 255, 0.2),
-1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
}
25% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5),
1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #fff,
1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2),
0em 2.5em 0 0em rgba(255, 255, 255, 0.2),
-1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2),
-2.6em 0em 0 0em rgba(255, 255, 255, 0.2),
-1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
}
37.5% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2),
1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5),
2.5em 0em 0 0em rgba(255, 255, 255, 0.7),
1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2),
0em 2.5em 0 0em rgba(255, 255, 255, 0.2),
-1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2),
-2.6em 0em 0 0em rgba(255, 255, 255, 0.2),
-1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
}
50% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2),
1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2),
2.5em 0em 0 0em rgba(255, 255, 255, 0.5),
1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #fff,
-1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2),
-2.6em 0em 0 0em rgba(255, 255, 255, 0.2),
-1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
}
62.5% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2),
1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2),
2.5em 0em 0 0em rgba(255, 255, 255, 0.2),
1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5),
0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #fff,
-2.6em 0em 0 0em rgba(255, 255, 255, 0.2),
-1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
}
75% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2),
1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2),
2.5em 0em 0 0em rgba(255, 255, 255, 0.2),
1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2),
0em 2.5em 0 0em rgba(255, 255, 255, 0.5),
-1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #fff,
-1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
}
87.5% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2),
1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2),
2.5em 0em 0 0em rgba(255, 255, 255, 0.2),
1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2),
0em 2.5em 0 0em rgba(255, 255, 255, 0.2),
-1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5),
-2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #fff;
}
}
@keyframes load5 {
0%,
100% {
box-shadow: 0em -2.6em 0em 0em #fff,
1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2),
2.5em 0em 0 0em rgba(255, 255, 255, 0.2),
1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2),
0em 2.5em 0 0em rgba(255, 255, 255, 0.2),
-1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2),
-2.6em 0em 0 0em rgba(255, 255, 255, 0.5),
-1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
}
12.5% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7),
1.8em -1.8em 0 0em #fff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2),
1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2),
0em 2.5em 0 0em rgba(255, 255, 255, 0.2),
-1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2),
-2.6em 0em 0 0em rgba(255, 255, 255, 0.2),
-1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
}
25% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5),
1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #fff,
1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2),
0em 2.5em 0 0em rgba(255, 255, 255, 0.2),
-1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2),
-2.6em 0em 0 0em rgba(255, 255, 255, 0.2),
-1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
}
37.5% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2),
1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5),
2.5em 0em 0 0em rgba(255, 255, 255, 0.7),
1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2),
0em 2.5em 0 0em rgba(255, 255, 255, 0.2),
-1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2),
-2.6em 0em 0 0em rgba(255, 255, 255, 0.2),
-1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
}
50% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2),
1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2),
2.5em 0em 0 0em rgba(255, 255, 255, 0.5),
1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #fff,
-1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2),
-2.6em 0em 0 0em rgba(255, 255, 255, 0.2),
-1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
}
62.5% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2),
1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2),
2.5em 0em 0 0em rgba(255, 255, 255, 0.2),
1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5),
0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #fff,
-2.6em 0em 0 0em rgba(255, 255, 255, 0.2),
-1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
}
75% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2),
1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2),
2.5em 0em 0 0em rgba(255, 255, 255, 0.2),
1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2),
0em 2.5em 0 0em rgba(255, 255, 255, 0.5),
-1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #fff,
-1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
}
87.5% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2),
1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2),
2.5em 0em 0 0em rgba(255, 255, 255, 0.2),
1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2),
0em 2.5em 0 0em rgba(255, 255, 255, 0.2),
-1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5),
-2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #fff;
}
} .loader1 {
margin: 60px auto;
position: relative;
border: 1px solid transparent;
}
.loader-inner {
position: absolute;
left: 50%;
top: -10px;
}
.loader-inner > div {
width: 5px;
height: 15px;
background-color: #fff;
border-radius: 2px;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
position: absolute;
}
.loader-inner > div:nth-child(1) {
top: 20px;
left: 0;
-webkit-animation: loader-inner 1.2s -0.84s infinite ease-in-out;
animation: loader-inner 1.2s -0.84s infinite ease-in-out;
}
.loader-inner > div:nth-child(2) {
top: 13.63636px;
left: 13.63636px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-animation: loader-inner 1.2s -0.72s infinite ease-in-out;
animation: loader-inner 1.2s -0.72s infinite ease-in-out;
}
.loader-inner > div:nth-child(3) {
top: 0;
left: 20px;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-animation: loader-inner 1.2s -0.6s infinite ease-in-out;
animation: loader-inner 1.2s -0.6s infinite ease-in-out;
}
.loader-inner > div:nth-child(4) {
top: -13.63636px;
left: 13.63636px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-animation: loader-inner 1.2s -0.48s infinite ease-in-out;
animation: loader-inner 1.2s -0.48s infinite ease-in-out;
}
.loader-inner > div:nth-child(5) {
top: -20px;
left: 0;
-webkit-animation: loader-inner 1.2s -0.36s infinite ease-in-out;
animation: loader-inner 1.2s -0.36s infinite ease-in-out;
}
.loader-inner > div:nth-child(6) {
top: -13.63636px;
left: -13.63636px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-animation: loader-inner 1.2s -0.24s infinite ease-in-out;
animation: loader-inner 1.2s -0.24s infinite ease-in-out;
}
.loader-inner > div:nth-child(7) {
top: 0;
left: -20px;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-animation: loader-inner 1.2s -0.12s infinite ease-in-out;
animation: loader-inner 1.2s -0.12s infinite ease-in-out;
}
.loader-inner > div:nth-child(8) {
top: 13.63636px;
left: -13.63636px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-animation: loader-inner 1.2s 0s infinite ease-in-out;
animation: loader-inner 1.2s 0s infinite ease-in-out;
}
@keyframes loader-inner {
50% {
opacity: 0.3;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes loader-inner {
50% {
opacity: 0.3;
}
100% {
opacity: 1;
}
} .loader2 {
width: 70px;
height: 70px;
margin: 40px auto;
}
.loader2 p {
font-size: 16px;
color: #777;
}
.loader2 .loader-inner2 {
display: inline-block;
width: 15px;
border-radius: 15px;
background: #74d2ba;
}
.loader2 .loader-inner2:nth-last-child(1) {
-webkit-animation: loading 1.5s 1s infinite;
animation: loading 1.5s 1s infinite;
}
.loader2 .loader-inner2:nth-last-child(2) {
-webkit-animation: loading 1.5s 0.5s infinite;
animation: loading 1.5s 0.5s infinite;
}
.loader2 .loader-inner2:nth-last-child(3) {
-webkit-animation: loading 1.5s 0s infinite;
animation: loading 1.5s 0s infinite;
}
@-webkit-keyframes loading {
0% {
height: 15px;
}
50% {
height: 35px;
}
100% {
height: 15px;
}
}
@keyframes loading {
0% {
height: 15px;
}
50% {
height: 35px;
}
100% {
height: 15px;
}
} .loader3 {
width: 75px;
height: 100px;
margin: 50px auto;
position: relative;
}
.loader3 .loader-inner3 {
width: 10px;
height: 50%;
background: #fff;
position: absolute;
bottom: 0;
box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
.loader3 .loader-inner3:nth-child(1) {
left: 0;
-webkit-transform: scale(1, 0.2);
transform: scale(1, 0.2);
-webkit-animation: loading-2 4s infinite;
animation: loading-2 4s infinite;
}
.loader3 .loader-inner3:nth-child(2) {
left: 15px;
-webkit-transform: scale(1, 0.4);
transform: scale(1, 0.4);
-webkit-animation: loading-3 4s infinite;
animation: loading-3 4s infinite;
}
.loader3 .loader-inner3:nth-child(3) {
left: 30px;
-webkit-transform: scale(1, 0.6);
transform: scale(1, 0.6);
-webkit-animation: loading-4 4s infinite;
animation: loading-4 4s infinite;
}
.loader3 .loader-inner3:nth-child(4) {
left: 45px;
-webkit-transform: scale(1, 0.8);
transform: scale(1, 0.8);
-webkit-animation: loading-5 4s infinite;
animation: loading-5 4s infinite;
}
.loader3 .loader-inner3:nth-child(5) {
left: 60px;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-animation: loading-6 4s infinite;
animation: loading-6 4s infinite;
}
.loader3 .loader-circle3 {
width: 10px;
height: 10px;
border-radius: 50%;
background: #fff;
position: absolute;
bottom: 10px;
left: 0;
-webkit-animation: loading-1 4s infinite;
animation: loading-1 4s infinite;
}
@-webkit-keyframes loading-1 {
0% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
5% {
-webkit-transform: translate(8px, -14px);
transform: translate(8px, -14px);
}
10% {
-webkit-transform: translate(15px, -10px);
transform: translate(15px, -10px);
}
17% {
-webkit-transform: translate(23px, -24px);
transform: translate(23px, -24px);
}
20% {
-webkit-transform: translate(30px, -20px);
transform: translate(30px, -20px);
}
27% {
-webkit-transform: translate(38px, -34px);
transform: translate(38px, -34px);
}
30% {
-webkit-transform: translate(45px, -30px);
transform: translate(45px, -30px);
}
37% {
-webkit-transform: translate(53px, -44px);
transform: translate(53px, -44px);
}
40% {
-webkit-transform: translate(60px, -40px);
transform: translate(60px, -40px);
}
50% {
-webkit-transform: translate(60px, 0);
transform: translate(60px, 0);
}
57% {
-webkit-transform: translate(53px, -14px);
transform: translate(53px, -14px);
}
60% {
-webkit-transform: translate(45px, -10px);
transform: translate(45px, -10px);
}
67% {
-webkit-transform: translate(37px, -24px);
transform: translate(37px, -24px);
}
70% {
-webkit-transform: translate(30px, -20px);
transform: translate(30px, -20px);
}
77% {
-webkit-transform: translate(22px, -34px);
transform: translate(22px, -34px);
}
80% {
-webkit-transform: translate(15px, -30px);
transform: translate(15px, -30px);
}
87% {
-webkit-transform: translate(7px, -44px);
transform: translate(7px, -44px);
}
90% {
-webkit-transform: translate(0, -40px);
transform: translate(0, -40px);
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@keyframes loading-1 {
0% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
5% {
-webkit-transform: translate(8px, -14px);
transform: translate(8px, -14px);
}
10% {
-webkit-transform: translate(15px, -10px);
transform: translate(15px, -10px);
}
17% {
-webkit-transform: translate(23px, -24px);
transform: translate(23px, -24px);
}
20% {
-webkit-transform: translate(30px, -20px);
transform: translate(30px, -20px);
}
27% {
-webkit-transform: translate(38px, -34px);
transform: translate(38px, -34px);
}
30% {
-webkit-transform: translate(45px, -30px);
transform: translate(45px, -30px);
}
37% {
-webkit-transform: translate(53px, -44px);
transform: translate(53px, -44px);
}
40% {
-webkit-transform: translate(60px, -40px);
transform: translate(60px, -40px);
}
50% {
-webkit-transform: translate(60px, 0);
transform: translate(60px, 0);
}
57% {
-webkit-transform: translate(53px, -14px);
transform: translate(53px, -14px);
}
60% {
-webkit-transform: translate(45px, -10px);
transform: translate(45px, -10px);
}
67% {
-webkit-transform: translate(37px, -24px);
transform: translate(37px, -24px);
}
70% {
-webkit-transform: translate(30px, -20px);
transform: translate(30px, -20px);
}
77% {
-webkit-transform: translate(22px, -34px);
transform: translate(22px, -34px);
}
80% {
-webkit-transform: translate(15px, -30px);
transform: translate(15px, -30px);
}
87% {
-webkit-transform: translate(7px, -44px);
transform: translate(7px, -44px);
}
90% {
-webkit-transform: translate(0, -40px);
transform: translate(0, -40px);
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@-webkit-keyframes loading-2 {
0% {
-webkit-transform: scale(1, 0.2);
transform: scale(1, 0.2);
}
40% {
-webkit-transform: scale(1, 0.2);
transform: scale(1, 0.2);
}
50% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
90% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
100% {
-webkit-transform: scale(1, 0.2);
transform: scale(1, 0.2);
}
}
@keyframes loading-2 {
0% {
-webkit-transform: scale(1, 0.2);
transform: scale(1, 0.2);
}
40% {
-webkit-transform: scale(1, 0.2);
transform: scale(1, 0.2);
}
50% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
90% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
100% {
-webkit-transform: scale(1, 0.2);
transform: scale(1, 0.2);
}
}
@-webkit-keyframes loading-3 {
0% {
-webkit-transform: scale(1, 0.4);
transform: scale(1, 0.4);
}
40% {
-webkit-transform: scale(1, 0.4);
transform: scale(1, 0.4);
}
50% {
-webkit-transform: scale(1, 0.8);
transform: scale(1, 0.8);
}
90% {
-webkit-transform: scale(1, 0.8);
transform: scale(1, 0.8);
}
100% {
-webkit-transform: scale(1, 0.4);
transform: scale(1, 0.4);
}
}
@keyframes loading-3 {
0% {
-webkit-transform: scale(1, 0.4);
transform: scale(1, 0.4);
}
40% {
-webkit-transform: scale(1, 0.4);
transform: scale(1, 0.4);
}
50% {
-webkit-transform: scale(1, 0.8);
transform: scale(1, 0.8);
}
90% {
-webkit-transform: scale(1, 0.8);
transform: scale(1, 0.8);
}
100% {
-webkit-transform: scale(1, 0.4);
transform: scale(1, 0.4);
}
}
@-webkit-keyframes loading-4 {
0% {
-webkit-transform: scale(1, 0.6);
transform: scale(1, 0.6);
}
100% {
-webkit-transform: scale(1, 0.6);
transform: scale(1, 0.6);
}
}
@keyframes loading-4 {
0% {
-webkit-transform: scale(1, 0.6);
transform: scale(1, 0.6);
}
100% {
-webkit-transform: scale(1, 0.6);
transform: scale(1, 0.6);
}
}
@-webkit-keyframes loading-5 {
0% {
-webkit-transform: scale(1, 0.8);
transform: scale(1, 0.8);
}
40% {
-webkit-transform: scale(1, 0.8);
transform: scale(1, 0.8);
}
50% {
-webkit-transform: scale(1, 0.4);
transform: scale(1, 0.4);
}
90% {
-webkit-transform: scale(1, 0.4);
transform: scale(1, 0.4);
}
100% {
-webkit-transform: scale(1, 0.8);
transform: scale(1, 0.8);
}
}
@keyframes loading-5 {
0% {
-webkit-transform: scale(1, 0.8);
transform: scale(1, 0.8);
}
40% {
-webkit-transform: scale(1, 0.8);
transform: scale(1, 0.8);
}
50% {
-webkit-transform: scale(1, 0.4);
transform: scale(1, 0.4);
}
90% {
-webkit-transform: scale(1, 0.4);
transform: scale(1, 0.4);
}
100% {
-webkit-transform: scale(1, 0.8);
transform: scale(1, 0.8);
}
}
@-webkit-keyframes loading-6 {
0% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
40% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
50% {
-webkit-transform: scale(1, 0.2);
transform: scale(1, 0.2);
}
90% {
-webkit-transform: scale(1, 0.2);
transform: scale(1, 0.2);
}
100% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
}
@keyframes loading-6 {
0% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
40% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
50% {
-webkit-transform: scale(1, 0.2);
transform: scale(1, 0.2);
}
90% {
-webkit-transform: scale(1, 0.2);
transform: scale(1, 0.2);
}
100% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
} .loader4 {
width: 240px;
height: 50px;
margin: 70px auto 0;
border-radius: 8px;
box-shadow: 0 0 0 7px #42a5f5, inset 0 0 0 1px #42a5f5;
overflow: hidden;
position: relative;
animation: rotate 6s linear infinite;
}
.loader4:before {
content: "";
background-color: #42a5f5;
height: 100%;
position: absolute;
top: 0;
left: 0;
animation: load 6s linear infinite;
}
@keyframes rotate {
0%,
42% {
transform: rotate(0deg);
}
48%,
92% {
transform: rotate(180deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes load {
0% {
width: 0;
}
40%,
50% {
width: 100%;
}
90%,
100% {
width: 0;
}
} .loader5 {
width: 150px;
height: 150px;
margin: 50px auto 0;
position: relative;
}
.loader5 .cube-wrapper {
transform-style: preserve-3d;
animation: bouncing 2s infinite;
}
.loader5 .cube {
transform-style: preserve-3d;
transform: rotateX(45deg) rotateZ(45deg);
animation: rotation 2s infinite;
}
.loader5 .cube-faces {
transform-style: preserve-3d;
height: 80px;
width: 80px;
position: relative;
transform-origin: 0 0;
transform: translateX(0) translateY(0) translateZ(-40px);
}
.loader5 .cube-face {
position: absolute;
inset: 0;
background: #110d31ff;
border: solid 1px #fff;
}
.loader5 .cube-face.shadow {
transform: translateZ(-80px);
animation: bouncing-shadow 2s infinite;
}
.loader5 .cube-face.top {
transform: translateZ(80px);
}
.loader5 .cube-face.front {
transform-origin: 0 50%;
transform: rotateY(-90deg);
}
.loader5 .cube-face.back {
transform-origin: 0 50%;
transform: rotateY(-90deg) translateZ(-80px);
}
.loader5 .cube-face.right {
transform-origin: 50% 0;
transform: rotateX(-90deg) translateY(-80px);
}
.loader5 .cube-face.left {
transform-origin: 50% 0;
transform: rotateX(-90deg) translateY(-80px) translateZ(80px);
}
@keyframes rotation {
0% {
transform: rotateX(45deg) rotateY(0) rotateZ(45deg);
animation-timing-function: cubic-bezier(0.17, 0.84, 0.44, 1);
}
50% {
transform: rotateX(45deg) rotateY(0) rotateZ(225deg);
animation-timing-function: cubic-bezier(0.76, 0.05, 0.86, 0.06);
}
100% {
transform: rotateX(45deg) rotateY(0) rotateZ(405deg);
animation-timing-function: cubic-bezier(0.17, 0.84, 0.44, 1);
}
}
@keyframes bouncing {
0% {
transform: translateY(-40px);
animation-timing-function: cubic-bezier(0.76, 0.05, 0.86, 0.06);
}
45% {
transform: translateY(40px);
animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
100% {
transform: translateY(-40px);
animation-timing-function: cubic-bezier(0.76, 0.05, 0.86, 0.06);
}
}
@keyframes bouncing-shadow {
0% {
transform: translateZ(-80px) scale(1.3);
animation-timing-function: cubic-bezier(0.76, 0.05, 0.86, 0.06);
opacity: 0.05;
}
45% {
transform: translateZ(0);
animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
opacity: 0.3;
}
100% {
transform: translateZ(-80px) scale(1.3);
animation-timing-function: cubic-bezier(0.76, 0.05, 0.86, 0.06);
opacity: 0.05;
}
} .loader6 {
width: 60px;
height: 60px;
margin: 30px auto 0;
position: relative;
transform: rotate(45deg) translate3d(0, 0, 0);
animation: loader 1.2s infinite ease-in-out;
}
.loader6 span {
background: #ee4040;
width: 30px;
height: 30px;
display: block;
position: absolute;
animation: loaderBlock 1.2s infinite ease-in-out both;
}
.loader6 span:nth-child(1) {
top: 0;
left: 0;
}
.loader6 span:nth-child(2) {
top: 0;
right: 0;
animation: loaderBlockInverse 1.2s infinite ease-in-out both;
}
.loader6 span:nth-child(3) {
bottom: 0;
left: 0;
animation: loaderBlockInverse 1.2s infinite ease-in-out both;
}
.loader6 span:nth-child(4) {
bottom: 0;
right: 0;
}
@keyframes loader {
0%,
10%,
100% {
width: 60px;
height: 60px;
}
65% {
width: 120px;
height: 120px;
}
}
@keyframes loaderBlock {
0%,
30% {
transform: rotate(0);
}
55% {
background: #f37272;
}
100% {
transform: rotate(90deg);
}
}
@keyframes loaderBlockInverse {
0%,
20% {
transform: rotate(0);
}
55% {
background: #f37272;
}
100% {
transform: rotate(-90deg);
}
}
.collapse.sb-collapse .sbp-close-button {
display: none;
}
.collapse.sb-collapse .sbp-close-button.in {
display: block;
}
.sb-collapse.collapse.in .spice-nav {
position: fixed;
inset: 0;
top: 0;
z-index: 999999999;
display: block;
} .sb-collapse.collapse li.sbp-menu-close {
display: none;
}
.sb-collapse.collapse.in #sbp-close {
padding: 8px 12px 8px;
background: #ccc;
font-size: 18px;
font-weight: 600;
line-height: 1;
margin: 0;
border-radius: 4px;
font-family: "Font Awesome 6 Free";
}
.sb-collapse.collapse.in li.sbp-menu-close {
display: block;
padding: 5px;
text-align: right;
}
.spice.spice-block .sb-toggle {
border: none;
} .counter-section{
padding: 10px 0;
position: relative;
}
.counter-box {
position: relative;
text-align: center;
}
.counter-section .text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
}
.counter-box svg {
transform: rotate(-90deg);
background: transparent;
fill: none;
width: 200px;
height: 200px;
}
.counter-box svg circle {
stroke-width: 2;
stroke: #333333;
}
.counter-box svg .bar {
stroke-width: 5;
stroke: #ffffff;
stroke-linecap: round;
}
.counter-box svg .bar {
stroke-linecap: round;
}
.counter-box .first-dot 
{
position: absolute;
inset: 4px;
z-index: 10;
}
.counter-box .dot 
{
position: absolute;
inset: 6px;
z-index: 10;
animation: animateDot 2s linear forwards;
color: transparent;
}
@keyframes animateDot 
{
0% 
{
transform: rotate(0deg);
}
100% 
{
transform: rotate(calc(3.6deg * var(--num)));
}
}
.counter-box .dot::before 
{
content: '';
position: absolute;
top: 0px;
left: 50%;
transform: translateX(-50%);
width: 10px;
height: 10px;
border-radius: 50%;
background: var(--clr);
box-shadow: 0 0 10px var(--clr),
0 0 30px var(--clr);
}
.counter-box .first-dot::before 
{
content: '';
position: absolute;
top: 0px;
left: 50%;
transform: translateX(-50%);
width: 10px;
height: 10px;
border-radius: 50%;
background: var(--clr);
box-shadow: 0 0 10px var(--clr),
0 0 30px var(--clr);
}
.counter-section .project-title {
text-align: center;
position:relative;
}
.counter-section .counter-overlay{
transition: background .3s,border-radius .3s,opacity .3s;
height: 100%;
width: 100%;
top: 0;
left: 0;
position: absolute;
} .gallery-container{
width: min(calc(100% - 20px), 1160px);
margin: 100px auto;
}
.gallery-container .gallery-heading{
text-align: center;
}
.gallery-container .gallery-heading h2{
font-size: 48px;
font-weight: 700;
color: #000;
text-transform: capitalize;
margin-bottom: 15px;
}
.gallery-container .gallery-heading h2 span{
color: #2c7bfe;
}
.gallery-container .gallery-heading p{
font-size: 16px;
font-weight: 400;
color: #777777;  
}
.gallery-menu{ margin-top: 25px;
margin-bottom: 15px;
}
.gallery-menu ul li{
list-style: none;
display: inline-block;
margin: 5px;
font-size: 1.125rem;
line-height: 1;
font-weight: 500;
text-transform: capitalize;
letter-spacing: 1px;
cursor: pointer;
padding: 10px 24px;
background-color: rgba(117, 114, 114, 0.3);
transition: 0.3s;
}
.gallery-menu ul li.active,
.gallery-menu ul li:is(:hover, :focus){
color: #fff;
background-color: #2c7bfe;
}
.gallery-item {
width: 100%;
}
.gallery-item .item{
width: 33.33%; padding: 10px;
position: relative;
overflow: hidden;
}
.gallery-item .item .play-vid {
font-size: 50px;
font-weight: 400;
color: #fff;
margin-bottom: 15px;
display: block;
cursor: pointer;
text-decoration: none;
}
.gallery-item .item .play-vid i{
font-style: normal;
display: block;
}
.gallery-item .item img{
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
object-fit: cover;
background-color: #c0c0c0;  
}
.item .gallery-wrapper{
position: relative;
border-radius: 10px;
overflow: hidden;
}
.item .gallery-wrapper::before{
content: "";
position: absolute;
inset: 14px;
background-color: rgba(0, 0, 0, 0.7);
border-radius: inherit;
transition: all 0.3s ease;
opacity: 0;
}
.item:hover .gallery-wrapper::before{
opacity: 1;
}
.item .gallery-wrapper .gallery-content{
position: absolute; top: 50%;
left: 50%;
width: 100%;
padding: 15px 25px;
transform: translate(-50%, -40%); opacity: 0;
transition: all 0.3s ease;
}
.item:hover .gallery-wrapper .gallery-content{
opacity: 1; transform: translate(-50%, -50%);
}
.item .gallery-wrapper .gallery-content h4{
font-size: 24px;
font-weight: 700;
color: #fff;
margin: 0 0 10px 0;
}
.item .gallery-wrapper .gallery-content p{
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: #fff;
}
.mfp-iframe-holder .mfp-close{ justify-content: flex-end;
}
@media (max-width:1024px){
.gallery-item .item{
width: 50%;
}
}
@media (max-width:767px){
.gallery-item .item{
width: 100%;   
}
}
.white-popup {
position: relative;
background: #FFF;
padding: 20px;
width:auto;
max-width: 500px;
margin: 20px auto;
}
.spice-image-slider .image-item{
padding: 0;
} .process-sec {padding-top: 5rem;padding-bottom: 5rem;background-color: #f3f6fe;;z-index: 4;position: relative;}
.sp-sticky-top{position: sticky;top: 125px;text-align: center;margin-bottom: 1.5rem;}
.sp-sticky-title{color: #000;font-size: 3rem;font-weight: 700;font-family: 'Poppins';line-height: 58px;}
.sp-sticky-p {color: #707070;font-size: 18px;font-weight: 400;font-family: 'Rubik';text-align: center;}
.sp-cards-container {scroll-behavior: smooth;flex-direction: column;justify-content: center;align-items: center;width: 100%;
height: auto;position: relative;}
.sp-cards-wrap.sp-card {background-image: linear-gradient(90deg, #299d86, #0f4476 51%, #001f78);border-radius: 10px;width: 50%;
margin-left: auto;margin-right: auto;position: -webkit-sticky;position: sticky;top: 28vh;left: 0%;right: 0%;overflow: hidden;box-shadow: 0 0 30px rgba(0, 0, 0, .2);}
.sp-block-weight.sp-flow-cards {align-items: center;min-height: 400px;flex-direction: row;display: flex;}
.sp-card-number {-webkit-text-stroke-width: 1px;-webkit-text-stroke-color: rgba(255, 255, 255, 0.30);z-index: 0;opacity: .3;
color: rgba(38, 38, 38, 0);font-family: 'Poppins';font-size: 260px;font-weight: 700;line-height: 1;position: absolute;
top: 20%;bottom: auto;left: 5%;right: auto;color: rgba(0, 0, 0, 0.3);}
.sp-content-wrap{display: flex; z-index: 1;}
.sp-block-50 {flex: 0 50%;}
.sp-content-center {flex-direction: column;justify-content: center;align-items: center;display: flex;}
.sp-card-title{color: #fff;font-size: 1.875rem;font-weight: 700;font-family: 'Poppins';line-height: 40px;margin-bottom: 15px;}
.sp-card-paragraph{ font-size: 1rem;font-weight: 400;font-family: 'Poppins';color: #fff;}
.sp-card-btn {background-color: #09a223;border-radius: 40px 40px 40px 40px;padding: 20px 35px 20px 35px;font-size: 16px;
font-weight: 700;line-height: 15px;box-shadow: 0px 0px 0px #000;font-family: Open Sans; text-decoration: none;}
.sp-btn-txt,.sp-link-txt {z-index: 1;font-family: Open Sans;font-size: 14px;font-weight: 700;position: relative;color:#fff;}
.sp-cards-wrap.card_2 {width: 55%;margin-top: 100vh;top: 31vh;}
.sp-cards-wrap.card_3 {width: 60%;margin-top: 100vh;display: block;top: 34vh;}
.sp-cards-wrap.card_4 {width: 65%;margin-top: 100vh;display: block;top: 37vh;}
.sp-cards-wrap.card_5 {width: 70%;margin-top: 100vh;display: block;top: 40vh;}
.sp-cards-wrap.card_6 {width: 75%;margin-top: 100vh;display: block;top: 43vh;}
.sp-cards-wrap.card_7 {width: 80%;margin-top: 100vh;display: block;top: 47vh;}
.sp-embed:after {clear: both;}
.sp-embed:before, .sp-embed:after {content: " ";grid-area: 1 / 1 / 2 / 2;display: table;}
.sp-link-btn{color: #fff;letter-spacing: 1.28px;text-transform: uppercase;border-bottom: 1px solid #7ae537;justify-content: center;
align-items: center;font-size: 16px;font-weight: 600;line-height: 1.5;text-decoration: none;display: flex;margin: 15px;}
.sp-link-btn i{color: #7ae537;justify-content: center;align-items: center;font-size: 16px;display: flex;overflow: hidden;opacity: 0;
height: 16px;width: 0px;transition: 0.3s ease; }
.sp-link-btn:hover i{ opacity: 1;height: 16px;width: 16px;}
.sp-link-txt{transform: translate3d(0rem, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); 
transform-style: preserve-3d;}
.sp-link-txt:hover{transform: translate3d(0.5rem, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); 
transform-style: preserve-3d;} .sp-card-two .sp-block-weight.sp-flow-cards {min-height: 360px;}
.sp-card-two .sp-content-wrap {display: block;}
.sp-card-two .sp-flow-cards {flex-direction: column; justify-content: center; text-align: center;}
.sp-card-two .sp-card-number {z-index: -1; font-size: 200px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.sp-card-two .sp-card-title{margin-bottom: 32px;}
.sp-card-two .sp-card-paragraph {margin-bottom: 30px;} .sp-card-three .sp-block-weight.sp-flow-cards{display: block; text-align: center;}
.sp-card-three .sp-content-wrap {display: block;}
.sp-card-three .sp-card-number{position: relative;
text-align: center;
font-size: 25px;
opacity: 1;
color: #fff;
left: unset;
margin-bottom: 12px;
letter-spacing: normal;
}
.sp-card-three .sp-card-number span{
border: 1px solid rgba(255, 255, 255, 0.30);
background-color: rgb(15, 70, 101);
padding: 7px;
display: inline-grid;
place-content: center;
border-radius: 50%;
z-index: 1;
position: relative;
min-width: 50px;
aspect-ratio: 1;
}
.sp-card-three .sp-card-number::before{
content: "";
position:absolute;
top: 50%;
left: 50%;
transform: translate(-50%);
width: 100%;
height: 1px;
background-color: rgba(255, 255, 255, 0.30);
}
.sp-card-three .sp-content-center {flex-direction: row;}
.sp-card-three .sp-card-title{margin-bottom: 11px;}
.sp-card-three .sp-card-paragraph{margin-bottom: 36px;}
.sp-card-three .sp-block-weight.sp-flow-cards{min-height: 300px;} .sp-card-four .sp-block-weight.sp-flow-cards {
display: block;
padding-top: 0;
min-height: 300px;
text-align: unset;
}
.sp-card-four .sp-card-number {
position: relative;
top: 0;
left: 0;
font-size: 70px;
letter-spacing: normal;
color: #021b64;
background-color: #021b64;
display: inline-block;
padding: 8px 11px 5px 13px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
margin-bottom: 11px;   
}
.sp-card-four .sp-content-center {align-items: flex-end;}
.sp-card-four .sp-content-center .sp-card-btn{margin-right: 15px;}
@media screen and (max-width: 991px) {
.sp-content-wrap{flex-direction: column;}
.sp-cards-wrap.sp-card,.sp-sticky-top {width: 80%;}
.sp-sticky-top {margin: 0 auto;}
.sp-block-weight.sp-flow-cards {justify-content: center;min-height: 500px;flex-direction: column;
text-align: center;}.sp-card-number {letter-spacing: -25px;font-size: 250px;}
.sp-block-weight.sp-flow-cards {flex-direction: column;}
.sp-card-title {margin-bottom: 15px;}
.sp-card-paragraph {margin-bottom: 25px;}
.sp-card-number {top: 8%;left: 4%;}
.sp-sticky-p {margin-bottom: 1.5rem;} .sp-card-four .sp-flow-cards .sp-content-wrap .sp-block-50{text-align: center;}
.sp-card-four .sp-content-center {align-items: center;}
.sp-card-four .sp-content-center .sp-card-btn {margin-right: unset;}
}
@media screen and (max-width: 767px) {
.sp-card-number  {letter-spacing: -15px;font-size: 150px;}
.sp-block-weight.sp-flow-cards {min-height: 400px;}
.sp-card-number {top: 3%;left: 2%;} .sp-card-three .sp-content-center {flex-direction: column;}
}
@media screen and (max-width: 479px) {
.sp-cards-wrap.sp-card,.sp-sticky-top {width: 90%;}
} .spice-toc-block .spice-toc-orderlist{
margin: 0;
}
.page-template-spice-blocks-full-width-template .header-sidebar{
position: relative;
}
.hst-highlight-post-title, .hst-highlight-head h2{
margin: 0;
padding: 0;
}  .custom-slick-prev,
.custom-slick-next {
font-size: 1.6rem;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: unset;
height: unset;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: #fff;
border: none;
outline: none;
background: #bd686800;
border-radius: 50%;
margin: 0 4%; }
.custom-slick-slider .custom-slick-prev,
.custom-slick-slider .custom-slick-next {
opacity: 0;
}
.custom-slick-slider:hover .custom-slick-prev,
.custom-slick-slider:hover .custom-slick-next {
opacity: 1;
z-index: 1;
}
.custom-slick-prev:hover:before,
.custom-slick-prev:focus:before,
.custom-slick-next:hover:before,
.custom-slick-next:focus:before {
opacity: 1;
}
.custom-slick-slider button.custom-slick-prev:focus,
.custom-slick-slider button.custom-slick-next:focus{
outline: none;
}
.custom-slick-prev.slick-disabled:before,
.custom-slick-next.slick-disabled:before {
opacity: 0.25;
}
.custom-slick-prev:before,
.custom-slick-next:before {
font-family: '"Font Awesome 5 Free"';
font-size: 20px;
line-height: 1;
opacity: 0.75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.custom-slick-prev {
left: -25px;
}
[dir="rtl"] .custom-slick-prev {
right: -25px;
left: auto;
}
.custom-slick-next {
right: -25px;
}
[dir="rtl"] .custom-slick-next {
right: auto;
left: -25px;
}  .slick-dots {
position: absolute;
bottom: 25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li {
position: relative;
display: inline-block;
margin: 0;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
font-size: 20px;
font-family: "Poppins";
line-height: 0;
color: #ffffff;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
opacity: 1;
}
ul.slick-dots {
counter-reset: count;
display: inline-flex;
justify-content: right;
padding-right: 20px;
align-items: center;
}
.dots ul.slick-dots {
padding-right: 0;
}
ul.slick-dots li {
counter-increment: count;
}
ul.slick-dots li button {
display: none;
}
ul.slick-dots li.slick-active button {
display: block;
}
ul.slick-dots li {
counter-increment: count;
}
ul.slick-dots:after {
content: "/ " counter(count);
color: #ffffff;
color: #ffffff;
font-size: 20px;
font-family: "Poppins";
}
.custom-slick-slider.dots ul.slick-dots { }
.custom-slick-slider.dots ul.slick-dots:after {
display: none;
}
.custom-slick-slider.dots ul.slick-dots li button {
font-size: 0;
background-color: #fff;
margin: 0 3px;
width: 10px;
height: 10px;
display: block;
border-radius: 10px;
}
.custom-slick-slider.dots ul.slick-dots li.slick-active button {
width: 32px;
} .star-rating-block {
display: inline-flex;
flex-wrap: wrap;
gap: 3px;
font-size: 30px;
line-height: 1;
}
.star {
position: relative;
display: inline-block;
width: 1em;
height: 1em;
}
.star-empty {
color: #ccc;
position: absolute;
top: 0;
left: 0;
}
.star-fill {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.star-fill.full {
width: 100%;
}
.star-fill.half {
width: 42.5%;
}:root{ --container-width:1290px; --primary-font: "EB Garamond", serif;
--secondary-font: "Inter", sans-serif; --theme-ascent1: #FE4F70;
--theme-ascent2: #FFA387;
--theme-bg-light:#ffffff;
--theme-bg-dark:#000000;
--text-color-light:#ffffff;
--text-color-dark:#000000;
--theme-bg-ascent:#161616;
--theme-bg-ascent-one:#242424;
--border-color-light:#ffffff;
--border-color-dark:#242424; --bnr-gap: 15px;
--universal-gap: 40px;
--missed-slider-gap:15px;
--instafeed-gap:18px;  
--footer-col-gap:30px;
}  *,
*::before,
*::after {
box-sizing: border-box;
} html {
-moz-text-size-adjust: none;
-webkit-text-size-adjust: none;
text-size-adjust: none;
} input, textarea, select, button {
font-family: inherit;
font-size: inherit;
}    .hst-flow-hidden{
overflow: hidden;
}
body .hst-img-cover{
width: 100%;
height: 100%;
object-fit: cover;
}
.hst-p-relative{
position: relative;
}
.hst-d-flex{
display: flex;
}
.hst-d-flex-wrap{
flex-wrap: wrap;
}
.hst-align-start{
align-items: flex-start;
}
.hst-align-center{
align-items: center;
}
.hst-align-end{
align-items: flex-end;
}
.hst-justify-start{
justify-content: flex-start;
}
.hst-justify-center{
justify-content: center;
}
.hst-justify-end{
justify-content: flex-end;
}
.hst-justify-between{
justify-content: space-between;
}
.hst-text-center{
text-align: center;
}
.hst-text-left{
text-align: left;
}
.hst-text-right{
text-align: right;
}
.hst-flex-g-100{
flex: 1 1 100%;
}
.hst-flex-g-50{
flex: 1 1 50%;
}
.hst-flex-g-66{
flex: 1 1 66.66%;
}
.hst-flex-g-33{
flex: 1 1 33.33%;
} 
.hst-flex-g-75{
flex: 1 1 75%;
}
.hst-flex-g-25{
flex: 1 1 25%;
} body{
background-color: var(--theme-bg-light);
}
body.hst-gradient-bg{
background: rgb(155,74,218);
background-image: url(//radiorirbrasil.com.br/wp-content/plugins/spice-blocks/assets/images/triangle-shape.png), linear-gradient(90deg, rgba(155,74,218,1) 0%, rgba(77,83,239,1) 50%, rgba(239,77,182,1) 100%);
background-repeat: no-repeat;
background-position: center;
background-size: initial;
}
.hst-container{ margin: 0 auto; }
.owl-carousel .owl-nav button.owl-prev, 
.owl-carousel .owl-nav button.owl-next {
position: absolute;
color: #000;
background-color: #ffffff;
width: 36px;
aspect-ratio: 1;
padding: 6px;
border: 1px solid #DEDBEB;
border-radius: 50%;
z-index: 1;
transition: 0.3s;
}
.owl-carousel .owl-nav button.owl-prev:is(:hover, :focus), 
.owl-carousel .owl-nav button.owl-next:is(:hover, :focus){
color: #ffffff;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
border: transparent;
} .hst-header{
margin-bottom: 20px;
position: relative;
z-index: 9;
}
.hst-header .hst-head-topbar {
background-color: #30373E;
padding-block: 8px;
}
.hst-header .hst-head-topbar .hst-head-topbar-wrapper{
gap: 6px;
} .hst-trend-posts{
gap: 5px;
}
.hst-trend-posts .hst-trending-post{
max-width: 600px;
}
.hst-trend-posts .hst-trending-posts-head{
white-space: nowrap;
color: #ffffff;
font-size: 14px;
font-family: var(--secondary-font);
font-weight: 400;
text-transform: uppercase;
} .hst-trend-posts .hst-trending-post-title a{
color: #ffffff;
font-size: 14px;
font-family: var(--secondary-font);
font-weight: 400;
line-height: 22px;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
.hst-trend-posts .hst-trending-post-title a:is(:hover, :focus){
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
}
.hst-date-time ul{
gap: 16px;
list-style: none;
margin: 0;
}
.hst-date-time ul li{
color: #ffffff;
font-size: 14px;
font-family: var(--secondary-font);
font-weight: 400;
line-height: 22px;
text-transform: capitalize;
}
.hst-head-middlebar{
background-color: var(--theme-bg);
padding-block: 31px;
border-bottom: 1px solid #E1E3E6;
}
.hst-head-middlebar .hst-container{ gap: 10px;
}
.hst-head-middlebar .hst-container > *{
flex: 1 1 calc(33.33% - 10px);
}
.hst-head-socials ul{
gap: 5px;
flex-wrap: wrap;
list-style: none;
margin: 0;
}
.hst-head-socials .hst-socials a{
font-size: 14px;
padding: 8px;
display: grid;
place-content: center;
min-width: 36px;
aspect-ratio: 1;
border: 1px solid #E1E3E6;
border-radius: 50%;
color: var(--text-color-dark);
background-color: var(--theme-bg-light);
}
.hst-head-socials .hst-socials a:is(:hover, :focus){
color: #ffffff;
-webkit-text-fill-color: unset;
-webkit-background-clip: unset;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
border-color: transparent;
}
.hst-nav-menu-btn i{
display: none;
}
.hst-site-logo-name .hst-site-logo{
display: inline-block;
padding: 10px;
}
.hst-site-logo-name .hst-site-logo.hst-logo-dark{
display: none;
}
.hst-site-logo-name .hst-site-name{
padding: 10px;
display: none;
}
.hst-site-logo-name .hst-site-name .hst-site-title{
font-size: 32px;
line-height: 1;
color: #000;
font-family: var(--primary-font);
font-weight: 600;
margin-bottom: 10px;
}
.hst-site-logo-name .hst-site-name .hst-site-description{
color: #000;
font-size: 16px;
font-family: var(--secondary-font);
font-weight: 400;
line-height: 22px;
} .hst-dl-switcher{
width: 44px;
height: 24px;
display: flex;
align-items: center;
justify-content: space-between;
background-color: #E7E7E7;
border-radius: 13px;
padding: 0px 8px;
}
.hst-dl-switcher i{
position: relative;
font-size: 12px;
z-index: 1;
color: transparent;
cursor: pointer;
}
.hst-dl-switcher i::before{
position: relative;
z-index: 1;
}
.hst-dl-switcher i.active{
color: #000;
}
.hst-dl-switcher i.active::after{
content: "";
position: absolute;
background-color: #FFFFFF;
width: 20px;
height: 20px;
border-radius: 50%;
top: 50%;
transform: translate(-77%, -50%);
box-shadow: 0 4px 4px rgb(0 0 0 / 6%);
} .hst-search-bar{
margin-left: 24px;
position: relative;
}
.hst-search-bar .hst-search-btn{
font-size: 14px;
padding: 8px;
display: grid;
place-content: center;
min-width: 38px;
aspect-ratio: 1;
border-radius: 50%;
color: var(--text-color-dark);
background-color: #EFF2F9;
transition: 0.2s;
}
.hst-search-bar .hst-search-btn:is(:hover, :focus){
color: #ffffff;
-webkit-text-fill-color: unset;
-webkit-background-clip: unset;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
}
.hst-search-bar .hst-search-panel{
position: absolute;
top: 130%;
left: auto;
right: 0;
padding: 16px 12px;
background-color: #EFF2F9;
width: 300px;
transition: 0.3s;
border-block: 2px solid var(--theme-ascent1);
border-radius: 10px;
opacity: 0 ;
visibility: hidden;
}
.hst-search-bar.open .hst-search-panel{
opacity: 1 ;
visibility: visible;
}
.hst-search-bar  .hst-search-panel .hst-head-search-form{
display: grid;
grid-template-columns: 70% 30%;
height: 34px;
}
.hst-search-bar  .hst-search-panel .hst-head-search-form input{
background-color: #ffffff;
border: none;
outline: none;
font-size: 16px;
font-family: var(--secondary-font);
font-weight: 400;
line-height: 1;
color: #000;
}
.hst-search-bar  .hst-search-panel .hst-head-search-form button{
font-size: 16px;
font-family: var(--secondary-font);
font-weight: 600;
line-height: 1;
text-transform: capitalize;
color: #ffffff;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
}
.hst-head-btn{margin-left: 10px;}
.hst-head-btn a{
padding: 8.5px 16.5px;
font-size: 14px;
font-weight: 700;
font-family: var(--secondary-font);
line-height: 22px;
text-transform: capitalize;
color: #ffffff;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
border-radius: 30px;
white-space: nowrap;
}
.hst-head-btn a i{
margin-right: 5px;
}
.hst-head-btn a:hover i {
animation: bellshake 2000ms infinite;  
}
@keyframes bellshake {
0%{transform: rotate(0deg);}
10%{transform: rotate(15deg);}
20%{transform: rotate(-15deg);}
40%{transform: rotate(10deg);}
60%{transform: rotate(-10deg);}
80%{transform: rotate(5deg);}
90%{transform: rotate(-5deg);}
100%{transform: rotate(0deg);}
}
.hst-site-nav{
background-color: var(--theme-bg);
box-shadow: 0 4px 10px rgb(0 0 0 / 4%);
}
.hst-site-nav ul{
list-style: none;
margin: 0;
}
.hst-site-nav .hst-nav-close{
display: none;
}
.hst-site-nav .hst-nav-menu{gap: 26px;}
.hst-site-nav .hst-nav-item{
position: relative;
cursor: pointer;
transition: 0.3s;
}
.hst-site-nav .hst-nav-link{
color: var(--text-color-dark);
font-size: 16px;
font-family: var(--secondary-font);
font-weight: 500;
line-height: 22px;
text-transform: capitalize;
display: inline-block;
padding: 24px 8px;
position: relative;
}
.hst-site-nav .hst-has-submenu .hst-nav-link{
padding-right: 30px;
}
.hst-site-nav .hst-nav-item:is(:hover,:focus) > .hst-nav-link{
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
}
.hst-site-nav .hst-nav-link::before{
content: "";
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 0%;
height: 4px;
-webkit-text-fill-color: unset;
-webkit-background-clip: unset;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
transition: 0.3s;
}
.hst-site-nav .hst-nav-link.active::before,
.hst-site-nav .hst-nav-item:hover .hst-nav-link:before{
width: 100%;
}
.hst-site-nav .hst-sub-menu{
position: absolute;
top: 100%;
background-color: #fff;
z-index: 1;
min-width: 150px;
border-top: 2px solid var(--theme-ascent1);
box-shadow: 0 4px 15px rgb(0 0 0 / 8%);
opacity: 0;
visibility: hidden;
transition: 0.3s;
transform: translateY(1rem);
transform-origin: top;
}
.hst-site-nav .hst-sub-menu .hst-sub-menu{
top: 0;
left: calc(100% + 5px);
} 
.hst-site-nav .hst-nav-item.hst-has-submenu::after{
content: "\f107";
font-family: fontAwesome;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
color: var(--text-color-dark);
}
.hst-site-nav .hst-sub-menu .hst-nav-item.hst-has-submenu::after{
content: "\f105";
right: 15px;
}
.hst-site-nav .hst-has-submenu:is(:hover, :focus) > .hst-sub-menu{
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.hst-site-nav .hst-sub-menu .hst-nav-link::before{
content: unset;
}
.hst-site-nav .hst-sub-menu .hst-nav-link{
display: block;
padding: 10px 16px;
}  .hst-highlights .hst-container{
padding: 10px;
background-color: #ffffff;
border-radius: 12px;
box-shadow: 0 4px 20px rgba(9, 11, 60, 0.1);
}
.hst-highlights .hst-highlight-wrap{
border-radius: inherit;
overflow: hidden;
}
.hst-highlights .hst-highlight-head{ background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
padding: 15px 14px; text-align: center;
}
.hst-highlights .hst-highlight-head h2{
color: #ffffff;
font-size: 20px;
font-weight: 700;
line-height: 1;
text-transform: capitalize;
font-family: var(--primary-font);
}
.hst-highlights .hst-highlight-track{
display: -webkit-box;
white-space: nowrap;
overflow: hidden;
background-color: #F5F7FD;
flex: 1;
} 
.hst-highlights .hst-highlight-track-wrapper{
white-space: nowrap;
transform: translate3d(0%, 0, 0);
animation-name: highlight-marquee;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-duration: 22s;
padding-block: 5px;
gap: 30px;
}
@keyframes highlight-marquee {
0% {
transform: translate3d(0%, 0, 0);
}
100% {
transform: translate3d(-100%, 0, 0);
}
}
.hst-highlights .hst-highlight-track:hover .hst-highlight-track-wrapper{
animation-play-state: paused;
}
.hst-highlights .hst-highlight-track-wrapper.hst-Pause{
animation-play-state: paused;
}
.hst-highlights .hst-highlight-img{
width: 40px;
aspect-ratio: 1;
border-radius: 50%;
overflow: hidden;
margin-right: 10px;
border: 1px solid #ffffff;
box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
}
.hst-highlights .hst-highlight-content .hst-highlight-date{
font-size: 12px;
line-height: 20px;
font-weight: 400;
text-transform: capitalize;
color: var(--theme-ascent1); 
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
font-family: var(--secondary-font);
} .hst-highlights .hst-highlight-content .hst-highlight-post-title a{
font-size: 16px;
line-height: 22px;
font-weight: 600;
color: #000;
font-family: var(--primary-font);
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
.hst-highlights .hst-highlight-content .hst-highlight-post-title a:is(:hover,:focus){
color: var(--theme-ascent1); 
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
}
.hst-highlights .hst-highlight-btn{ background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
padding: 15px 14px;
font-size: 21px;
color: #ffffff;
}  .hst-banner .hst-banner-posts{
margin: 0  calc(var(--bnr-gap) * -1) ;
}
.hst-banner .hst-banner-post {
margin-inline: var(--bnr-gap);
}
.hst-banner .hst-banner-posts .slick-arrow{
position: absolute;
top: 50%;
transform: translateY(-50%);
color: #000;
background-color: #ffffff;
width: 36px;
aspect-ratio: 1;
padding: 6px;
border: 1px solid #DEDBEB;
border-radius: 50%;
z-index: 1;
transition: 0.3s;
opacity: 0;
visibility: hidden;
}
.hst-banner .hst-banner-posts .slick-arrow.fa-angle-left{
left: 25px;
}
.hst-banner .hst-banner-posts .slick-arrow.fa-angle-right{
right: 25px;
}
.hst-banner .hst-banner-posts:hover .slick-arrow{
opacity: 1;
visibility: visible;
}
.hst-banner .hst-banner-post-thumbh{
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
min-height: 420px;
border-radius: 10px;
padding: 20px;
}
.hst-banner .hst-banner-post-thumbh::after{
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(0,0,0,0) 20%, rgba(0,0,0,.8) 100%);
z-index: 1;
}
.hst-banner .hst-banner-post-thumbh .hst-banner-post-content{
z-index: 2;
}
.hst-banner .hst-banner-post-content .hst-banner-top-meta .hst-category{
position: absolute;
top: 10px;
left: 10px;
gap: 10px;
}
.hst-banner .hst-banner-post-content .hst-banner-top-meta .hst-category a{
font-size: 12px;
line-height: 1;
font-weight: 600;
text-transform: capitalize;
font-family: var(--secondary-font);
color: #707070;
background-color: #ffffff;
padding: 7.5px 10px;
border-radius: 30px;
display: inline-block;
}
.hst-banner .hst-banner-posts .slick-arrow:is(:hover,:focus),
.hst-banner .hst-banner-post-content .hst-banner-top-meta .hst-category a:is(:hover, :focus){
color: #ffffff;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
border: transparent;
}
.hst-banner .hst-banner-post-content .hst-banner-top-meta .hst-date a{
font-size: 16px;
line-height: 24px;
font-weight: 700;
font-family: var(--secondary-font);
color: #ffffff;
}
.hst-banner .hst-banner-post-content .hst-banner-post-title{
margin-top: 8px;
margin-bottom: 18px;
}
.hst-banner .hst-banner-post-content .hst-banner-post-title a{
font-size: 24px;
line-height: 34px;
font-weight: 600;
font-family: var(--primary-font);
color: #ffffff;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.hst-banner .hst-banner-post-content .hst-banner-bottom-meta .hst-read-more {
font-size: 14px;
line-height: 1;
font-weight: 700;
font-family: var(--secondary-font);
color: #ffffff;
text-transform: capitalize;
padding: 11px 15px; border-radius: 60px;
display: inline-block;
margin-right: 29px;
}
.hst-banner .hst-banner-post-content .hst-banner-bottom-meta .hst-read-more:is(:hover, :focus){
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
border-color: transparent;
}
.hst-banner .hst-banner-post-content .hst-banner-bottom-meta .hst-comment i{
font-size: 14px;
line-height: 1;
color: var(--theme-ascent1);
margin-right: 6px;
}
.hst-banner .hst-banner-post-content .hst-banner-bottom-meta .hst-comment a{
font-size: 16px;
line-height: 26px;
font-weight: 400;
font-family: var(--secondary-font);
color: #ffffff;
}
.hst-banner .hst-banner-post-content .hst-banner-top-meta .hst-date a:is(:hover, :focus),
.hst-banner .hst-banner-post-content .hst-banner-bottom-meta .hst-comment a:is(:hover, :focus),
.hst-banner .hst-banner-post-content .hst-banner-post-title a:is(:hover, :focus){
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
} .hst-banner .hst-banner-slider-two .hst-banner-post-thumbh{
min-height: 460px;
}
.hst-banner .hst-banner-slider-two .hst-banner-post-content .hst-banner-top-meta{
display: flex;
flex-wrap: wrap;
gap: 15px 10px;
align-items: center;
}
.hst-banner .hst-banner-slider-two .hst-banner-post-content .hst-banner-top-meta .hst-category{
position: initial;
} .hst-banner-posts.hst-banner-slider-three{
margin: 0;
}
.hst-banner-slider-three{
display: flex;
align-items: center;
}
.hst-banner-slider-three .hst-slider-three-post-img{
flex-basis: 53%;
max-width: 53%;
}
.hst-banner-slider-three .hst-slider-three-content{
flex-basis: 47%;
max-width: 47%;
border-radius: 14px;
overflow: hidden;
background-color: #fff;
box-shadow: 0 0 30px rgba(50, 50, 93, 0.12);
}
.hst-banner-slider-three .hst-slider-three-content .slick-list{margin: 0 40px;}
.hst-banner-slider-three .hst-slider-three-post-img figure{
height: 520px;
border-radius: 14px;
overflow: hidden;
}
.hst-banner-slider-three .hst-banner-post-content-wrapper{
display: flex;
align-items: flex-start;
padding: 30px 0; }
.hst-banner-slider-three .hst-banner-post-content-wrapper.slick-active.slick-center{
border-top: 1px solid #d9d9d9;
border-bottom: 1px solid #d9d9d9;
}
.hst-banner-slider-three .hst-banner-post-content-wrapper .hst-banner-post-count{
flex: 0 1 60px;
}
.hst-banner-slider-three .hst-banner-post-content-wrapper .hst-banner-post-content{
flex: 1;
}  .hst-banner-slider-three .hst-banner-post-content-wrapper .hst-banner-post-count span{
font-size: 18px;
line-height: 1;
font-family: var(--secondary-font);
width: 36px;
aspect-ratio: 1;
border-radius: 50%;
display: grid;
place-content: center;
color: #ffffff;
background-color: var(--theme-ascent2);
}
.hst-banner-slider-three .hst-banner-post-content-wrapper.slick-active.slick-center .hst-banner-post-count span{
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
}
.hst-banner .hst-banner-slider-three .hst-banner-post-content .hst-banner-post-title{
margin-top: unset;
margin-bottom: 0;
}
.hst-banner .hst-banner-slider-three .hst-banner-post-content .hst-banner-post-title a{
color: #000000;
-webkit-line-clamp: 2;
}
.hst-banner-slider-three .hst-banner-post-content .hst-post-excerpt{
font-size: 18px;
line-height: 27px;
font-weight: 400;
color: #707070;
font-family: var(--secondary-font);
margin-bottom: 20px;
margin-top: 15px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.hst-banner-slider-three .hst-banner-post-content .hst-banner-bottom-meta{
display: flex;
align-items: center;
gap: 28px;
}
.hst-banner-slider-three .hst-banner-post-content .hst-author{
display: flex;
align-items: center;
gap: 10px;
}
.hst-banner-slider-three .hst-author .hst-author-img{
width: 30px;
aspect-ratio: 1;
border-radius: 50%;
}
.hst-banner-slider-three .hst-banner-post-content .hst-author a,
.hst-banner-slider-three .hst-banner-post-content .hst-date a{
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: var(--theme-ascent1);
text-transform: capitalize;
font-family: var(--secondary-font);
}
.hst-banner-slider-three .hst-banner-post-content .hst-date a{
color: #707070;
position: relative;
}
.hst-banner-slider-three .hst-banner-post-content .hst-date a::before{
content: "";
position: absolute;
left: -18px;
top: 50%;
transform: translateY(-50%);
width: 10px;
height: 2px;
background-color: var(--theme-ascent1);
}
.hst-banner .hst-banner-posts.hst-banner-slider-three .slick-arrow{
opacity: 1;
visibility: visible;
}
.hst-banner-slider-three .hst-banner-post-content .hst-date a:is(:hover, :focus),
.hst-banner-slider-three .hst-banner-post-content .hst-author a:is(:hover, :focus){
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
}  .hst-featured-section{
margin-bottom: var(--universal-gap);
}
.hst-featured-section .hst-featured-wrapper{
gap: var(--universal-gap);
}
.hst-featured-section .hst-featured-wrapper .hst-featured-post{
flex: 1 1 calc(33.33% - var(--universal-gap));
min-height: 360px;
border-radius: 16px;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
padding: 30px;
} .hst-featured-section .hst-featured-wrapper .hst-featured-post .hst-post-title a{
font-size: 16px;
line-height: 1.5;
font-weight: 600;
font-family: var(--secondary-font);
color: #000;
background-color: #fff;
padding: 10px;
border-radius: 10px;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}  .hst-blog-content-area{ }
.hst-blog-content-area .hst-container{
gap: var(--universal-gap);
}
.hst-blog-content-area .hst-content-area{ max-width: 69%;
flex-basis: 69%; flex-shrink: 1;
}
.hst-blog-content-area .hst-content-sidebar{ max-width: 31%;
flex-basis: 31%; flex-shrink: 1;
display: flex;
flex-direction: column;
gap: var(--universal-gap);
}
.hst-blog-content-area .hst-container:not(:has(.hst-content-sidebar)) .hst-content-area {
max-width: 100%;
flex-basis: 100%;
} .hst-blog-view .hst-post{
border-radius: 12px;
border: 1px solid #DEDBEB;
background-color: #ffffff;
}
.hst-blog-view .hst-post:not(:has(.hst-post-thumbh)){
overflow: visible; margin-top: calc(var(--universal-gap)/2);
}
.hst-blog-view .hst-post .hst-post-thumbh {
height: 320px;
background-color: #00000040;
}
.hst-blog-view .hst-post .hst-post-thumbh figure{
height: 100%;
}
.hst-blog-view .hst-post .hst-post-content{
padding: 0 30px 30px;
position: relative;
z-index: 1;
}
.hst-blog-view .hst-post .hst-post-content .hst-top-meta{
margin-bottom: -6px;
position: relative;
top: 0;
transform: translateY(-50%);
}
.hst-blog-view .hst-post .hst-post-content .hst-top-meta .hst-category{
gap: 2px;
flex: 0 1 80%;
}
.hst-blog-view .hst-post .hst-post-content .hst-top-meta .hst-category a{
font-size: 12px;
line-height: 1;
font-weight: 600;
font-family: var(--secondary-font);
text-transform: capitalize;
color: #ffffff;
background-color: var(--theme-ascent2);
padding: 8px 10px;
border: 2px solid #ffffff;
border-radius: 30px;
}
.hst-blog-view .hst-post .hst-post-content .hst-top-meta .hst-post-type-icon{
width: 40px;
aspect-ratio: 1;
background-color: #ffffff;
font-size: 18px;
line-height: 1;
display: grid;
place-content: center;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
border-radius: 50%;
color: var(--theme-ascent1);
}
.hst-blog-view .hst-post .hst-post-content .hst-post-meta{
gap: 8px 25px;
margin-bottom: 21px;
}
.hst-blog-view .hst-post .hst-post-content .hst-post-meta :is(.hst-author, .hst-date){
font-size: 16px;
line-height: 24px;
font-weight: 400;
text-transform: capitalize;
color: #707070;
font-family: var(--secondary-font);
}
.hst-blog-view .hst-post .hst-post-content .hst-post-meta .hst-author a{
color: #000000;
}
.hst-blog-view .hst-post .hst-post-content .hst-post-meta .hst-date a{
color: var(--theme-ascent1);  
}
.hst-blog-view .hst-post .hst-post-content .hst-post-excerpt{
font-size: 18px;
line-height: 27px;
font-weight: 400;
font-family: var(--secondary-font);
color: #707070;
}
.hst-blog-view .hst-post .hst-post-title{
margin-bottom: 14px;
line-height: 0px;
}
.hst-blog-view .hst-post .hst-post-title a{
font-size: 30px;
line-height: 40px;
font-weight: 600;
font-family: var(--primary-font);
color: #000;
}
.hst-blog-view .hst-post .hst-post-content .hst-bottom-meta{
border-top: 1px solid rgba(222, 219, 235, 0.4);
padding-top: 18px;
margin-top: 22px;
gap: 8px;
}
.hst-blog-view .hst-post .hst-post-content .hst-bottom-meta .hst-read-more,
.hst-blog-view .hst-post .hst-post-content .hst-bottom-meta .hst-comment{ 
font-size: 16px;
font-weight: 600;
line-height: 24px;
text-transform: capitalize;
font-family: var(--secondary-font);
color: #707070;
}
.hst-blog-view .hst-post .hst-post-content .hst-bottom-meta .hst-comment a{
color: #707070;
}
.hst-blog-view .hst-post .hst-post-content .hst-bottom-meta .hst-comment i,
.hst-blog-view .hst-post .hst-post-content .hst-bottom-meta .hst-read-more i{
font-size: 12px;
}
.hst-blog-view .hst-post .hst-post-content .hst-bottom-meta .hst-comment i{
color: var(--theme-ascent1);
}
.hst-blog-view .hst-post .hst-post-title a:is(:hover, :focus),
.hst-blog-view .hst-post .hst-post-content .hst-post-meta .hst-date a:is(:hover, :focus),
.hst-blog-view .hst-post .hst-post-content .hst-post-meta .hst-author a:is(:hover, :focus),
.hst-blog-view .hst-post .hst-post-content .hst-bottom-meta .hst-read-more:is(:hover, :focus),
.hst-blog-view .hst-post .hst-post-content .hst-bottom-meta .hst-comment a:is(:hover, :focus){ 
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
} body .hst-post-archives .hst-post.hst-first-post{
flex-basis: 100%;
padding: 113px 95px 110px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
overflow: hidden;
margin-top: unset;
}
body .hst-post-archives .hst-post.hst-first-post::before{
content: "";
position: absolute;
inset: 0;
background-color: rgba(0, 0, 0, 0.4);
}
body .hst-post-archives .hst-post.hst-first-post .hst-post-content{
z-index: 1;
padding: 0;
}
body .hst-post-archives .hst-post.hst-first-post .hst-post-content .hst-top-meta{
margin: unset;
transform: unset;
}
body .hst-post-archives .hst-post.hst-first-post .hst-post-content .hst-top-meta .hst-category{
justify-content: center;
gap: 8px;
}
body .hst-post-archives .hst-post.hst-first-post .hst-post-content .hst-top-meta .hst-category a{
border: none;
color: #707070;
background-color: #ffffff;
background-image: unset;
}
body .hst-post-archives .hst-post.hst-first-post .hst-post-content .hst-top-meta .hst-category a:is(:hover, :focus){
color: #ffffff;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
}
body .hst-post-archives .hst-post.hst-first-post .hst-post-title{
margin-top: 14px;
margin-bottom: 23px;
}
body .hst-post-archives .hst-post.hst-first-post .hst-post-title a{
font-size: 36px;
line-height: 46px;
font-weight: 600;
font-family: var(--primary-font);
color: #fff;
text-align: center;
}
body .hst-post-archives .hst-post.hst-first-post .hst-post-content .hst-post-excerpt{
color: #ffffff;
text-align: center;
margin-bottom: 27px;
}
body .hst-post-archives .hst-post.hst-first-post .hst-post-content .hst-post-meta{
flex-direction: column;
gap: 23px;
margin: unset;
}
body .hst-post-archives .hst-post.hst-first-post .hst-post-content .hst-read-more{
font-size: 14px;
line-height: 22px;
font-weight: 700;
font-family: var(--secondary-font);
color: #fff;
text-transform: capitalize;
border-radius: 60px;
padding: 8px 16px;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
}
body .hst-post-archives .hst-post.hst-first-post .hst-post-content .hst-post-meta .hst-date{
font-size: 16px;
line-height: 26px;
font-weight: 700;
font-family: var(--secondary-font);
text-transform: capitalize;
}
body .hst-post-archives .hst-post.hst-first-post .hst-post-content .hst-post-meta .hst-date a{
color: #fff;
} .hst-blog-view.hst-blog-single-grid-view {
display: flex;
flex-direction: column;
gap: var(--universal-gap);
}
.hst-blog-view.hst-blog-single-grid-view .hst-post-thumbh{
height: 520px;
}
.hst-blog-view.hst-blog-single-grid-view .hst-post-thumbh *{
height: 100% !important;
}   .hst-blog-view.hst-blog-grid-view{
display: flex;
flex-wrap: wrap;
gap: var(--universal-gap);
}
.hst-blog-view.hst-blog-grid-view > *{
flex: 0 1 calc(50% - var(--universal-gap) / 2);
}   .hst-blog-view.hst-blog-masonry-view.hst-masonry-col{
column-count: 2;
gap: var(--universal-gap);
} .hst-blog-view.hst-blog-masonry-view.hst-masonry-3-col{
column-count: 3;
gap: var(--universal-gap);
}
.hst-blog-view.hst-blog-masonry-view > *{
break-inside: avoid;
margin-bottom: var(--universal-gap);
}   .hst-blog-list-view{
display: flex;
flex-direction: column;
gap: var(--universal-gap);
}
.hst-blog-list-view .hst-post{
display: flex;
align-items: center;
gap: 25px;
background-color: #ffffff;
border-radius: 10px;
border: none;
}
.hst-blog-list-view .hst-post .hst-post-thumbh{
flex: 0 1 46%;
}
.hst-blog-list-view .hst-post .hst-post-content{ flex: 1;
padding: 5px;
}
.hst-blog-list-view .hst-post:not(:has(.hst-post-thumbh)){
padding: 15px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.hst-blog-list-view .hst-post-type-gallery .hst-post-gallery{
max-width: 400px;
}
.hst-blog-list-view .hst-post.hst-post-type-link .hst-post-thumbh{
height: 340px;
display: grid;
place-content: center;
}
.hst-blog-list-view .hst-post .hst-post-thumbh{
overflow: hidden;
position: relative;
border-radius: 12px;
}
.hst-blog-list-view .hst-post .hst-post-thumbh{
height: 340px;
}
.hst-blog-list-view .hst-post .hst-post-thumbh figure{
height: 100%;
}
.hst-blog-list-view .hst-post .hst-post-content .hst-top-meta{
margin-bottom: 10px;
}
.hst-blog-list-view .hst-post:has(.hst-post-thumbh) .hst-post-content .hst-top-meta{
display: none;
}
.hst-blog-list-view .hst-post .hst-post-thumbh .hst-top-meta{
position: absolute;
left: 0;
bottom: 0;
width: 100%;
padding: 10px;
}
.hst-blog-list-view .hst-post .hst-top-meta .hst-date a{
font-size: 16px;
font-weight: 400;
line-height: 24px;
font-family: var(--secondary-font);
color: #000;
display: inline-block;
}
.hst-blog-list-view .hst-post .hst-post-thumbh .hst-top-meta .hst-date a{
background-color: #fff;
padding: 8px 13px;
border-radius: 6px;
}
.hst-blog-list-view .hst-post .hst-post-type-icon{
width: 40px;
aspect-ratio: 1;
background-color: #ffffff61;
font-size: 18px;
line-height: 1;
display: grid;
place-content: center;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
border-radius: 50%;
color: #fff;
}
.hst-blog-list-view .hst-post .hst-post-content .hst-post-type-icon{
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
}
.hst-blog-list-view .hst-post .hst-post-content .hst-category{
gap: 16px;
flex-wrap: wrap;
margin-bottom: 12px;
}
.hst-blog-list-view .hst-post .hst-post-content .hst-category a{
font-size: 12px;
font-weight: 600;
line-height: 1;
font-family: var(--secondary-font);
text-transform: capitalize;
display: inline-block;
border-radius: 30px;
padding: 8px 10px;
color: #fff;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
}
.hst-blog-list-view .hst-post .hst-post-title{
margin-bottom: 19px;
}
.hst-blog-list-view .hst-post .hst-post-title a {
font-size: 30px;
line-height: 40px;
font-weight: 600;
font-family: var(--primary-font);
color: #000;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.hst-blog-list-view .hst-post .hst-author{
display: flex;
align-items: center;
gap: 10px;
}
.hst-blog-list-view .hst-post .hst-author .hst-author-img{
width: 30px;
aspect-ratio: 1;
border-radius: 50px;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.12);
}
.hst-blog-list-view .hst-post .hst-comment a,
.hst-blog-list-view .hst-post .hst-author a{
font-size: 16px;
font-weight: 400;
line-height: 24px;
font-family: var(--secondary-font);
color: #707070;
display: inline-block;
text-transform: capitalize;
}
.hst-blog-list-view .hst-post .hst-post-content .hst-top-meta .hst-date a:is(:hover, :focus),
.hst-blog-list-view .hst-post .hst-post-title a:is(:hover, :focus),
.hst-blog-list-view .hst-post .hst-comment a:is(:hover, :focus),
.hst-blog-list-view .hst-post .hst-author a:is(:hover, :focus){
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
}
.hst-blog-list-view .hst-post .hst-post-meta{
gap: 10px 50px;
flex-wrap: wrap;
margin-bottom: 23px;
}
.hst-blog-list-view .hst-post .hst-comment i{
font-size: 14px;
margin-right: 6px;
color: var(--theme-ascent1);
}
.hst-blog-list-view .hst-post .hst-comment{
position: relative;
}
.hst-blog-list-view .hst-post .hst-comment::before{
content: "";
position: absolute;
left: -34px;
top: 50%;
transform: translateY(-50%);
width: 12px;
height: 1px;
background-color: var(--theme-ascent1);
}
.hst-blog-list-view .hst-post .hst-post-content .hst-post-excerpt {
font-size: 18px;
line-height: 27px;
font-weight: 400;
font-family: var(--secondary-font);
color: #707070;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden; }
.hst-blog-list-view .hst-post .hst-post-content .hst-bottom-meta{
margin-top: 22px;
}
.hst-blog-list-view .hst-post .hst-post-content .hst-bottom-meta .hst-read-more{
font-size: 14px;
font-weight: 600;
line-height: 22px;
text-transform: capitalize;
font-family: var(--secondary-font);
color: #000000;
border: 1px solid #707070;
border-radius: 60px;
padding: 8px 16px;
}
.hst-blog-list-view .hst-post .hst-post-content .hst-bottom-meta .hst-read-more i{
font-size: 11px;
}
.hst-blog-list-view .hst-post .hst-post-content .hst-bottom-meta .hst-read-more:is(:hover, :focus){
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
color: #ffffff;
border-color: transparent;
} .hst-blog-list-view.hst-blog-list-view-switcher > *:nth-of-type(odd){
flex-direction: row-reverse;
}
.hst-blog-list-view.hst-blog-list-view-switcher .hst-post{
padding: 20px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.12);
}
.hst-blog-list-view.hst-blog-list-view-switcher .hst-post .hst-post-thumbh {
height: 320px;
} .hst-blog-content-area .hst-content-area .hst-post-pagination{
gap: 10px; margin-top: var(--universal-gap);
}
.hst-post-pagination .hst-page-number {
font-size: 16px;
line-height: 1;
font-weight: 400;
font-family: var(--secondary-font);
text-transform: capitalize;
color: #000;
border: 1px solid #DEDBEB;
padding: 13px 11px;
border-radius: 30px;
display: inline-block;
background-color: #ffffff;
transition: 0.3s;
}
.hst-post-pagination .hst-page-number:is(.hst-previous-post, .hst-next-post){
padding: 13px 22px;
}
.hst-post-pagination .hst-page-number.active,
.hst-post-pagination .hst-page-number:is(:hover, :focus){
color: #fff;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
border-color: transparent;
} .hst-post-type-gallery .hst-post-gallery{ position: relative;
overflow: hidden;
}
.hst-post-type-gallery .hst-post-gallery .owl-item{
width: 100%;
height: 100%;
object-fit: cover;
} .hst-post-type-gallery .hst-post-gallery .slick-list .slick-track{
height: 100%;
}
.hst-post-type-gallery .hst-post-gallery .slick-arrow{
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 44px;
aspect-ratio: 1;
border-radius: 50%;
color: #000;
background-color: #fff;
display: grid;
place-content: center;
font-size: 18px;
z-index: 1;
}
.hst-post-type-gallery .hst-post-gallery .slick-arrow.fa-angle-left{
left: 20px;
}
.hst-post-type-gallery .hst-post-gallery .slick-arrow.fa-angle-right{
right: 20px;
}
.hst-post-type-gallery .hst-post-gallery .slick-arrow:is(:hover, :focus){
color: #ffffff;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
}  .hst-post-type-video :is(.hst-post-type-wrapper, iframe),
.hst-post-type-video :is(.hst-post-type-wrapper, video),
.hst-post-type-audio :is(.hst-post-type-wrapper, iframe){
width: 100%;
height: 100%;
object-fit: cover;
}
.hst-post-type-link .hst-post-type-wrapper{
text-align: center;
word-wrap: break-word;
}
.hst-post.hst-post-type-link  .hst-post-thumbh{
height: auto;
padding: 30px 15px;
background-color: var(--theme-ascent1);
}
.hst-post-type-link .hst-post-type-wrapper a{
font-size: 18px;
font-weight: 700;
line-height: 27px;
font-family: var(--secondary-font);
color: #fff;
overflow-wrap: anywhere;
}
.hst-post-type-link .hst-post-type-wrapper a:is(:hover, :focus){
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
}  .hst-blog-view .hst-post.hst-post-type-quote {
border: unset;
box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
}
.hst-post-type-quote .hst-post-quote i{
font-size: 25px;
margin-bottom: 6px;
margin-top: 6px;
color: var(--theme-ascent1);
}
.hst-post-type-quote .hst-quote p{
font-size: 24px;
line-height: 34px;
font-weight: 600;
font-family: var(--primary-font);
color: #000000;
margin-bottom: 16px;
}
.hst-post-type-quote .hst-quote .hst-author{
font-size: 16px;
line-height: 22px;
font-weight: 700;
font-family: var(--secondary-font);
color: var(--theme-ascent1);
position: relative;
padding-left: 22px;
}
.hst-post-type-quote .hst-quote .hst-author::before{
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
width: 12px;
height: 1px;
background-color: var(--theme-ascent1);
}  .hst-widget{
border: 1px solid rgba(246, 187, 226, 0.6);
border-radius: 14px;
background-color: rgba(255, 240, 249, 0.6);
padding: 30px;
} .hst-gradient-bg .hst-widget{
background-color: #ffffff;
}
.hst-gradient-bg .hst-search-form-widget input{
background: #FAEDF5;
} .hst-widget-heading,
.hst-widget .hst-search-label{
font-size: 20px;
font-weight: 700;
line-height: 1.4;
text-transform: capitalize;
font-family: var(--primary-font); 
color: #ffffff;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
display: inline-block;
border-radius: 6px;
padding: 4.5px 12px;
margin-bottom: 30px;
} .hst-search-form-widget input{
width: 100%;
height: 50px;
border: none;
outline: none;
font-size: 16px;
line-height: 1;
font-family: var(--secondary-font);
background: #ffffff;
border-radius: 60px;
padding: 10px 50px 10px 20px;
box-shadow: 0 4px 15px rgb(0 0 0 / 8%);
}
.hst-search-form-widget ::placeholder{
font-size: 16px;
font-family: var(--secondary-font);
line-height: 1;
text-transform: capitalize;
}
.hst-search-form-widget button{
position: absolute;
right: 5px;
top: 50%;
transform: translateY(-50%);
width: 40px;
aspect-ratio: 1;
display: grid;
place-content: center;
padding: 6px;
font-size: 14px;
color: #ffffff;
background-color: var(--theme-ascent1);
border-radius: 50%;
} .hst-author-widget .hst-author-name-bio{
gap: 20px;
margin-bottom: 30px;
}
.hst-author-widget .hst-author-img {
max-width: 80px;
aspect-ratio: 1;
border-radius: 50%;
box-shadow: 2px 6px 12px rgba(7, 17, 50, 0.3);
}
.hst-author-widget .hst-name-bio .hst-author-name{
font-size: 20px;
font-weight: 600;
line-height: 1.4;
text-transform: capitalize;
font-family: var(--primary-font);
color: #000;
margin-bottom: 3px;
}
.hst-author-widget .hst-name-bio .hst-author-designation{
font-size: 14px;
font-weight: 400;
line-height: 1.4;
text-transform: capitalize;
font-family: var(--secondary-font);
color: #707070;
}
.hst-author-widget .hst-author-description{
font-size: 18px;
font-weight: 400;
line-height: 27px;
text-transform: capitalize;
font-family: var(--secondary-font);
color: #707070;
margin-bottom: 23px;
}
.hst-author-widget .hst-author-socials ul{
gap: 12px;
flex-wrap: wrap;
list-style: none;
margin: 0;
}
.hst-author-widget .hst-author-socials .hst-socials a{
font-size: 16px;
padding: 10px;
width: 36px;
aspect-ratio: 1;
color: #000;
background-color: #ffffff;
border-radius: 50%;
display: grid;
place-content: center;
}
.hst-author-widget .hst-author-socials .hst-socials a:is(:hover,:focus){
color: #ffffff;
-webkit-text-fill-color: unset;
-webkit-background-clip: unset;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
} .hst-latest-post-widget .hst-featured-post{
gap: 15px;
margin-bottom: 30px;
}
.hst-latest-post-widget ul{
list-style: none;
margin: 0;
padding: 0;
}
.hst-latest-post-widget .hst-featured-post .hst-featured-post-img {
max-width: 100px;
aspect-ratio: 1;
border-radius: 50%;
}
.hst-latest-post-widget .hst-featured-post .hst-post-title{
margin-bottom: 14px;
}
.hst-latest-post-widget .hst-featured-post .hst-post-title a{
font-size: 18px;
font-weight: 600;
line-height: 27px;
font-family: var(--primary-font);
color: #000;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.hst-latest-post-widget .hst-featured-post .hst-date a{
font-size: 14px;
font-weight: 400;
line-height: 1.4;
text-transform: capitalize;
font-family: var(--secondary-font);
color: #707070;
}
.hst-latest-post-widget .hst-featured-post .hst-date{
padding-left: 18px;
}
.hst-latest-post-widget .hst-featured-post .hst-date::before{
content: " ";
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
height: 1px;
width: 12px;
background-color: var(--theme-ascent1);
}
.hst-latest-post-widget .hst-post-show-more {
font-size: 14px;
line-height: 1;
font-weight: 700;
font-family: var(--secondary-font);
color: #ffffff;
text-transform: capitalize;
padding: 12px 16px;
border-radius: 60px;
display: inline-block;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
}
.hst-latest-post-widget .hst-featured-post .hst-date a:is(:hover, :focus),
.hst-latest-post-widget .hst-featured-post .hst-post-title a:is(:hover, :focus){
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
} .hst-ads-widget{
min-height: 440px;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
border-radius: 14px;
padding: 30px;
}
.hst-ads-widget::after{
content: "";
position: absolute;
inset: 0;
background-color: #000000;
opacity: 0.5;
}
.hst-ads-widget .hst-ads-content{
z-index: 1;
}
.hst-ads-widget .hst-ads-content .hst-widget-heading {
font-size: 36px;
font-weight: 700;
line-height: 1.4;
font-family: var(--primary-font);
color: #ffffff;
text-transform: capitalize;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
background: unset;
margin: 0;
padding: 0;
}
.hst-ads-widget .hst-ads-content .hst-ads-description {
font-size: 18px;
font-weight: 400;
line-height: 28px;
font-family: var(--secondary-font);
color: #ffffff;
margin-top: 20px;
margin-bottom: 56px;
}
.hst-ads-widget .hst-ads-content .hst-ads-btn {
font-size: 14px;
line-height: 1;
font-weight: 700;
font-family: var(--secondary-font);
color: #ffffff;
text-transform: capitalize;
padding: 12px 16px;
border-radius: 60px;
display: inline-block;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
}
.hst-content-area .hst-ads-widget{
min-height: 500px;
} .hst-post-tabs-widget .hst-post-tabs input[type="radio"] {
display: none;
}
.hst-post-tabs-widget .hst-post-tabs{
gap: 20px;
margin-bottom: 10px;
}
.hst-post-tabs-widget .hst-post-tabs .hst-post-tab{
font-size: 20px;
line-height: 1.4;
font-weight: 700;
text-transform: capitalize;
font-family: var(--primary-font);
border-radius: 6px;
padding: 5px 18px;
color: #BDBDBD;
background-color: #ffffff;
box-shadow: 0 4px 10px rgb(0 0 0 / 8%);
text-align: center;
flex: 1;
cursor: pointer;
}
.hst-post-tabs-widget .hst-post-tabs .hst-post-tab.btn-active{
color: #ffffff;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
}
.hst-post-tabs-widget .hst-post-tabs-panels .hst-panel ul{
list-style: none;
margin: 0;
padding: 0;
}
.hst-post-tabs-widget .hst-post-tabs-panels .hst-panel {
display: none;
}
.hst-post-tabs-widget .hst-post-tabs-panels .hst-panel.panel-active {
display: block; 
}
.hst-post-tabs-widget .hst-post-tabs-panels li{
padding-block: 20px;
border-bottom: 1px solid #F6BBE2;
}
.hst-post-tabs-widget .hst-post-tabs-panels li:last-child{
border: none;
padding-bottom: 0;
}
.hst-post-tabs-widget .hst-post-tabs-panels .hst-featured-post{
gap: 20px;
}
.hst-post-tabs-widget .hst-featured-post .hst-featured-post-img{
max-width: 80px;
aspect-ratio: 1;
border-radius: 50%;
box-shadow: 0 4px 16px rgb(0 0 0 / 10%);
margin:unset;
}
.hst-post-tabs-widget .hst-featured-post .hst-date a{
font-size: 14px;
line-height: 1.4;
font-weight: 400;
text-transform: capitalize;
font-family: var(--secondary-font);
color: #707070;
}
.hst-post-tabs-widget .hst-featured-post .hst-post-title{
margin: 6px 0 0;
}
.hst-post-tabs-widget .hst-featured-post .hst-post-title a{
font-size: 18px;
font-weight: 600;
line-height: 27px;
font-family: var(--primary-font);
color: #000;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.hst-post-tabs-widget .hst-featured-post .hst-date a:is(:hover, :focus),
.hst-post-tabs-widget .hst-featured-post .hst-post-title a:is(:hover, :focus){
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
} .hst-tag-cloud-widget .wp-block-tag-cloud{
display: flex;
gap: 10px;
flex-wrap: wrap;
}
.hst-tag-cloud-widget .wp-block-tag-cloud a{
font-size: 12px;
line-height: 1;
font-weight: 600;
text-transform: capitalize;
font-family: var(--secondary-font);
color: #fff;
background-color: var(--theme-ascent1);
padding: 12px 10px;
border-radius: 6px;
}
.hst-tag-cloud-widget .wp-block-tag-cloud a:is(:hover, :focus){
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
} .hst-widget.hst-categories-widget{
padding-bottom: 15px;
}
.hst-widget.hst-categories-widget ul{
list-style: none;
margin: 0;
}
.hst-categories-widget li{
padding-block: 15px;
border-bottom: 1px solid #F6BBE2;
padding-left: 25px;
}
.hst-categories-widget li:last-child{ border: none;
}
.hst-categories-widget .hst-category-link{
font-size: 20px;
font-weight: 600;
font-family: var(--primary-font);
color: #000;
text-transform: capitalize;
flex: 1;
}
.hst-categories-widget .hst-category-link:is(:hover, :focus){
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
}
.hst-categories-widget li::before{
content: "\f105";
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
color: var(--theme-ascent1);
font-size: 20px;
font-family: 'FontAwesome';
}
.hst-categories-widget .hst-post-no{
font-size: 16px;
line-height: 1;
font-weight: 400;
font-family: var(--secondary-font);
color: #ffffff;
padding: 4px 6px;
border-radius: 4px;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
}    .hst-sidebar-slider-widget .hst-featured-post-img{
border-radius: 10px;
margin-bottom: 11px;
height: 180px;
}
.hst-sidebar-slider-widget .hst-post-content .hst-post-title{
margin-bottom: 15px;
}
.hst-sidebar-slider-widget .hst-post-content .hst-post-title a{
font-size: 20px;
font-weight: 600;
line-height: 30px;
font-family: var(--primary-font);
color: #000;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.hst-sidebar-slider-widget .hst-post-content .hst-post-meta{
gap: 24px;
}
.hst-sidebar-slider-widget .hst-post-content .hst-post-meta span{
font-size: 14px;
font-weight: 400;
line-height: 22px;
font-family: var(--secondary-font);
color: #707070;
text-transform: capitalize;
}
.hst-sidebar-slider-widget .hst-post-content .hst-post-meta span.hst-author a{
color: #000;
}
.hst-sidebar-slider-widget .hst-post-content .hst-post-meta span.hst-read-time::before{
content: "";
position: absolute;
left: -15px;
top: 50%;
transform: translateY(-50%);
width: 4px;
height: 4px;
border-radius: 50%;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
}
.hst-sidebar-slider-widget .hst-post-content .hst-post-meta span.hst-read-time i{
color: #000;
margin-right: 2px;
font-size: 12px;
}
.hst-sidebar-slider-widget .hst-post-content .hst-post-title a:is(:hover, :focus),
.hst-sidebar-slider-widget .hst-post-content .hst-post-meta span a:is(:hover, :focus){
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
}
.hst-sidebar-slider-widget .owl-carousel .owl-nav button.owl-prev,
.hst-sidebar-slider-widget .owl-carousel .owl-nav button.owl-next{
top: -60px;
}
.hst-sidebar-slider-widget .owl-carousel .owl-nav button.owl-next{
right: 0;
}
.hst-sidebar-slider-widget .owl-carousel .owl-nav button.owl-prev{
right: 40px;
}  .hst-missed .hst-container{
padding: 30px;
border-radius: 14px;
background-image: linear-gradient(to right, var(--theme-ascent1), var(--theme-ascent2));
}
.hst-missed .hst-missed-slider{
margin-inline:calc(var(--missed-slider-gap) * -1) ;
}
.hst-missed .hst-missed-slider .hst-featured-post{
margin-inline: var(--missed-slider-gap);
}
.hst-missed .hst-missed-slider .slick-arrow{
position: absolute;
top: -66px;
right: var(--missed-slider-gap);
color: #000;
background-color: #ffffff;
width: 36px;
aspect-ratio: 1;
padding: 6px;
border-radius: 50%;
z-index: 1;
transition: 0.3s;
border: none;
}
.hst-missed .hst-missed-slider .slick-arrow.fa-angle-left{
right: 56px;
}
.hst-missed .hst-missed-slider .slick-arrow:is(:hover, :focus) {
color: #ffffff;
background-color: var(--theme-ascent1); }
.hst-missed .hst-featured-post .hst-featured-post-img {
height: 200px;
width: auto;
border-radius: 10px;
background-color: rgba(0, 0, 0, 0.4);
margin-bottom: 9px;
}
.hst-missed .hst-featured-post .hst-category{
position: absolute;
bottom: 10px;
left: 50%;
transform: translateX(-50%);
width: 100%;
gap: 5px;
}
.hst-missed .hst-featured-post .hst-category a{
font-size: 12px;
line-height: 1;
font-weight: 600;
text-transform: capitalize;
font-family: var(--secondary-font);
color: #707070;
background-color: #ffffff;
border-radius: 30px;
padding: 8px 10px;
}
.hst-missed .hst-featured-post .hst-category a:is(:hover, :focus){
color: #ffffff;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
}
.hst-missed .hst-featured-post .hst-post-content{
padding-inline: 6px;
}
.hst-missed .hst-featured-post .hst-post-title{
margin-bottom: 12px;
}
.hst-missed .hst-featured-post .hst-post-title a{
font-size: 20px;
line-height: 30px;
font-weight: 600;
font-family: var(--primary-font);
color: #ffffff;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.hst-missed .hst-featured-post .hst-post-content .hst-post-meta span,
.hst-missed .hst-featured-post .hst-post-content .hst-post-meta a{
font-size: 14px;
font-weight: 400;
line-height: 18px;
font-family: var(--secondary-font);
color: #ffffff;
text-transform: capitalize;
}
.hst-missed .hst-featured-post .hst-post-content .hst-post-meta span.hst-author{
margin-right: 24px;
}
.hst-missed .hst-featured-post .hst-post-content .hst-post-meta span i{
font-size: 12px;
margin-right: 2px;
}
.hst-missed .hst-featured-post .hst-post-content .hst-post-meta span.hst-read-time::before{
content: "";
position: absolute;
left: -15px;
top: 50%;
transform: translateY(-50%);
width: 4px;
height: 4px;
border-radius: 50%;
background-color: #ffffff;
}
.hst-missed .hst-featured-post .hst-post-title a:is(:hover, :focus),
.hst-missed .hst-featured-post .hst-post-content .hst-post-meta span a:is(:hover, :focus){
color: #000000;
} .hst-instagram-feed{ 
margin-bottom: var(--universal-gap);
}
.hst-instagram-feed .hst-insta-wrapper{
display: grid; grid-template-columns: repeat(6, 1fr);
gap: var(--instafeed-gap);
}
.hst-instagram-feed .hst-insta-post{
min-height: 200px;
border-radius: 10px;
cursor: pointer;
}
.hst-instagram-feed .hst-insta-post::after{
content: "\f16d";
position: absolute;
inset: 10px;
font-size: 20px;
color: #ffffff;
font-family: 'FontAwesome';
border: 1px solid #ffffff;
border-radius: inherit;
background-color: rgba(0, 0, 0, 0.2);
display: grid;
place-content: center;
transition: 0.3s;
opacity: 0;
visibility: hidden;
}
.hst-instagram-feed .hst-insta-post:hover::after{
opacity: 1;
visibility: visible;
}
.hst-instagram-feed .hst-insta-btn{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 14px;
line-height: 1;
font-weight: 600;
font-family: var(--secondary-font);
text-transform: capitalize;
color: #000;
background-color: #ffffff;
padding: 14px 22px;
border-radius: 60px;
}
.hst-instagram-feed .hst-insta-btn i{
font-size: 14px;
color: var(--theme-ascent1);
margin-right: 3px;
}
.hst-instagram-feed .hst-insta-btn:is(:hover, :focus){
color: #ffffff;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
} .hst-footer {
background-color: #FFF6FB;
border-top: 2px solid #F6BBE2;
}
.hst-footer .hst-footer-content{
padding-block: 50px;
gap: var(--footer-col-gap);
}
.hst-footer .hst-footer-content .hst-footer-col{
flex: 1 1 calc(25% - var(--footer-col-gap));
}
.hst-footer .hst-footer-bar{
background-color: var(--theme-ascent1);
padding: 10px;
}
.hst-footer .hst-footer-bar .hst-copywrite{
margin: 0;
font-size: 14px;
line-height: 1.4;
font-weight: 700;
font-family: var(--secondary-font);
color: #ffffff;
}
.hst-footer .hst-footer-bar .hst-copywrite a:hover{
color: #000000;
}
.hst-footer .hst-footer-logo{
font-size: 36px;
line-height: 1.3;
font-weight: 700;
font-family: var(--secondary-font);
color: #000;
margin-bottom: 40px;
display: inline-block;
}
.hst-footer p{
font-size: 18px;
line-height: 1.5;
font-weight: 400;
font-family: var(--secondary-font);
color: #000;
margin-bottom: 20px;
}
.hst-footer .hst-head-socials .hst-socials a{
border: unset;
background-color: #fff;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
}
.hst-footer .hst-head-socials .hst-socials a:is(:hover, :focus){
box-shadow: 0 4px 8px 0 var(--theme-ascent1) ;
}
.hst-footer .hst-widget{
border: unset;
border-radius: unset;
background-color: transparent;
padding: unset;
}
.hst-footer .hst-widget-heading{
font-size: 24px;
color: #000;
display: block;
background: unset;
border-bottom: 2px solid #DEDBEB;
border-radius: unset;
padding: 0 0 8px 0;
margin-bottom: 40px;
}
.hst-footer .hst-latest-post-widget .hst-featured-post .hst-featured-post-img {
border-radius: 10px;
}
.hst-footer .hst-latest-post-widget .hst-featured-post .hst-post-title{
margin-bottom: 8px;
}
.hst-footer .hst-latest-post-widget .hst-featured-post .hst-post-title a {
-webkit-line-clamp: 3;
line-height: 1.4;
}
.hst-footer .hst-latest-post-widget .hst-featured-post .hst-date{
padding-left: unset;
}
.hst-footer .hst-latest-post-widget .hst-featured-post .hst-date::before{
content: unset;
} .hst-gradient-bg .hst-footer {
background-color: transparent;
border:unset;
}
.hst-gradient-bg .hst-footer .hst-container .hst-footer-content{
border-top: 2px solid #F6BBE2;
}
.hst-gradient-bg .hst-footer .hst-latest-post-widget .hst-featured-post .hst-post-title a,
.hst-gradient-bg .hst-footer  .hst-categories-widget .hst-category-link,
.hst-gradient-bg .hst-footer .hst-widget-heading,
.hst-gradient-bg .hst-footer .hst-footer-logo,
.hst-gradient-bg .hst-footer p{
color: #fff;
} #hst-scroll-to-top{
width: 44px;
height: 44px;
z-index: 999;
position: fixed;
bottom: 3rem;
right: 3rem;
display: grid;
place-content: center;
border-radius: 10px;
color: #fff;
background: var(--theme-ascent1);
padding: 6px;
font-size: 18px;
opacity: 0;
transition: 0.3s;
} .hst-404-section{
margin-bottom: var(--universal-gap);
}
.hst-404-section .hst-404-wrapper{
display: flex;
align-items: center;
background-color:#F3F4F8;
border-radius:14px;
padding: 100px 150px;
gap: 80px;
}
.hst-404-section .hst-404-wrapper .hst-col-1{
flex: 0 1 40%;
}
.hst-404-section .hst-404-wrapper .hst-col-2{
flex: 1 1 60%;
}
.hst-404-section .hst-404-wrapper .hst-404-head{
font-size: 110px;
line-height: 120px;
text-transform: capitalize;
font-weight: 700;
color: #000;
font-family: var(--primary-font);
margin-bottom: 22px;
}
.hst-404-section .hst-404-wrapper .hst-404-description{
font-size: 20px;
line-height: 30px;
font-weight: 400;
color: #000;
font-family: var(--secondary-font);
margin-bottom: 26px;
}
.hst-404-section .hst-404-wrapper .hst-404-btn{
font-size: 14px;
font-weight: 700;
line-height: 22px;
text-transform: capitalize;
font-family: var(--secondary-font);
color: #000000;
border: 1px solid #707070;
border-radius: 60px;
padding: 10px 16px;
display: inline-block;
}
.hst-404-section .hst-404-wrapper .hst-404-btn:is(:hover, :focus){
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
color: #ffffff;
border-color: transparent;
}  .hst-full-width-ads{
margin-bottom: var(--universal-gap);
}
.hst-full-width-ads .hst-full-width-ads-wrap{
display: block;
padding: 35px;
text-align: center;
border-radius: 10px;
font-size: 20px;
line-height: 30px;
font-weight: 600;
color: #fff;
font-family: var(--primary-font);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
z-index: 1;
}
.hst-full-width-ads .hst-full-width-ads-wrap::before{
content: "";
position: absolute;
inset: 0;
background-color: rgba(0, 0, 0, 0.4);
z-index: -1;
}  .hst-contact-section{
margin-bottom: var(--universal-gap);
}
.hst-contact-section .hst-contact-section-wrapper{
display: flex;
gap: var(--universal-gap);
}
.hst-contact-section .hst-contact-section-wrapper .hst-col-1 {
flex: 1 1 71%;
}
.hst-contact-section .hst-contact-section-wrapper .hst-col-2 {
flex: 1 1 29%;
}
.hst-contact-section .hst-contact-section-wrapper .hst-col-1,
.hst-contact-section .hst-contact-section-wrapper .hst-col-2 {
border: 1px solid #DEDBEB;
border-radius: 14px;
padding: 30px;
}
.hst-contact-section .hst-contact-section-wrapper .hst-contact-head{
margin-bottom: 20px;
}
.hst-contact-section .hst-contact-section-wrapper .hst-contact-head .hst-widget-heading{
margin-bottom: 13px;
}
.hst-comment-form form .hst-contact-50,
.hst-contact-section form .hst-contact-50{
display: flex;
gap: 30px;
}
.hst-comment-form form .hst-contact-50 > div,
.hst-contact-section form .hst-contact-50 > div{
flex:  1 1 50%;
}
.hst-contact-section .hst-contact-section-wrapper .hst-contact-description{
font-size: 16px;
line-height: 26px;
font-weight: 400;
color: #707070;
font-family: var(--secondary-font);
}
.hst-comment-form form label,
.hst-contact-section form label{
font-size: 18px;
line-height: 27px;
font-weight: 400;
color: #707070;
line-height: 1;
font-family: var(--secondary-font);
text-transform: capitalize;
margin-bottom: 12px;
display: inline-block;
}
.hst-comment-form form input:not([type=submit],[type=checkbox]),
.hst-comment-form form textarea,
.hst-contact-section form input:not([type=submit],[type=checkbox]),
.hst-contact-section form textarea{
width: 100%;
background-color: #F3F4F8;
border-radius: 10px;
border: none;
outline-color: transparent;
padding: 11px;
font-size: 18px;
line-height: 28px;
font-weight: 500;
color: #000;
font-family: var(--secondary-font);
margin-bottom: 30px;
transition: 0.3s;
}
.hst-comment-form form textarea,
.hst-contact-section form textarea{
min-height:120px;
margin-bottom: 25px;
}
.hst-comment-form form input:not([type=submit]):is(:hover, :focus),
.hst-comment-form form textarea:is(:hover, :focus),
.hst-contact-section form input:not([type=submit]):is(:hover, :focus),
.hst-contact-section form textarea:is(:hover, :focus){
outline: 1px solid var(--theme-ascent1);
}
.hst-comment-form form input[type=submit],
.hst-contact-section form input[type=submit]{
font-size: 14px;
font-weight: 700;
line-height: 22px;
text-transform: capitalize;
font-family: var(--secondary-font);
color: #000000;
border: 1px solid #707070;
border-radius: 60px;
padding: 10px 16px;
display: block;
}
.hst-comment-form form input[type=submit]:is(:hover, :focus),
.hst-contact-section form input[type=submit]:is(:hover, :focus) {
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
color: #ffffff;
border-color: transparent;
}
.hst-contact-section .hst-contact-details .hst-contact-details-card{
display: flex;
gap: 10px;
padding-bottom: 37px;
margin-bottom: 31px;
position: relative;
}
.hst-contact-section .hst-contact-details .hst-contact-details-card:last-child{
padding-bottom: 0;
margin-bottom: 0;
}
.hst-contact-section .hst-contact-details .hst-contact-details-card:not(:last-child):before{
content: "";
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
height: 1px;
width: 55%;
background-color: #DEDBEB;
}
.hst-contact-section .hst-contact-details .hst-contact-details-card .hst-contact-details-card-icon i{
width: 50px;
aspect-ratio: 1;
background-color: #F3F4F8;
font-size: 18px;
line-height: 1;
display: grid;
place-content: center;
border-radius: 50%;
color: var(--theme-ascent1);
margin-top: 8px;
}
.hst-contact-section .hst-contact-details .hst-contact-details-card .hst-contact-details-card-head{
font-size: 24px;
line-height: 34px;
font-weight: 700;
font-family: var(--primary-font);
color: #000;
text-transform: capitalize;
margin-bottom: 4px;
} 
.hst-contact-section .hst-contact-details .hst-contact-details-card .hst-contact-details-card-p{
font-size: 18px;
line-height: 27px;
font-weight: 400;
font-family: var(--secondary-font);
color: #707070;
overflow-wrap: anywhere;
} 
.hst-google-map{
margin-bottom: var(--universal-gap);
}
.hst-google-map .hst-google-map-wrapper{
height: 400px;
border-radius: 14px;
overflow: hidden;
}  .hst-page-breadcrump{
margin-bottom: var(--universal-gap);
}
.hst-page-breadcrump .hst-breadcrump-wrapper{
padding: 27px 40px;
border-radius: 10px;
background-color: #fff;
box-shadow: 0 4px 30px rgba(50, 50, 93, 0.1);
}
.hst-page-breadcrump .hst-breadcrump{
display: flex;
flex-wrap: wrap;
gap: 6px 0;
align-items: center;
list-style: none;
margin: 0;
}
.hst-page-breadcrump .hst-breadcrump .hst-breadcrump-item{
font-size: 18px;
line-height: 27px;
font-weight: 400;
font-family: var(--secondary-font);
text-transform: capitalize;
color: #000;
position: relative;
text-align: center;
}
.hst-page-breadcrump .hst-breadcrump .hst-breadcrump-item:not(:first-child):before{
content: "\f101";
font-size: 14px;
font-family: FontAwesome ;
position: relative;
left: 0;
top: 50%;
transform: translateY(-50%);
color: #000;
margin-inline: 8px;
}
.hst-page-breadcrump .hst-breadcrump .hst-breadcrump-item a:is(:hover, :focus){
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
}  .hst-blog-view.hst-single-post .hst-post{
border-radius: 14px;
margin-bottom: var(--universal-gap);
}
.hst-single-post > *:last-child{
margin-bottom: unset;
}
.hst-single-post .hst-post .hst-post-thumbh{
height: 520px;
max-width: 100%;
}
.hst-single-post .hst-post .hst-post-thumbh figure{
height: 100%;
max-width: 100%;
}
.hst-single-post .hst-post .hst-post-content{
padding: 0px 40px 40px;
}
.hst-blog-view .hst-post .hst-post-content .hst-post-meta .hst-comment{
font-size: 16px;
line-height: 24px;
font-weight: 400;
text-transform: capitalize;
color: #707070;
font-family: var(--secondary-font);
}
.hst-blog-view .hst-post .hst-post-content .hst-post-meta .hst-comment i{
font-size: 14px;
color: var(--theme-ascent1);
margin-right: 6px;
}
.hst-blog-view .hst-post .hst-post-content .hst-post-meta .hst-comment a:is(:hover, :focus){
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
}
.hst-blog-view.hst-single-post .hst-post .hst-post-title {
font-size: 36px;
line-height: 46px;
font-family: var(--primary-font);
font-weight: 600;
color: #000000;
}
p{
color: #707070;
}
.hst-single-post :is(h1, h2, h3, h4, h5, h6){
margin-bottom: 30px;
}
.hst-single-post p{
font-size: 18px;
line-height: 27px;
font-weight: 400;
font-family: var(--secondary-font);
margin-bottom: 25px;
}
.hst-image-row {
column-count: 3;
gap: 30px; }
.wp-block-image {
border-radius: 10px;
overflow: hidden;
margin-bottom: 40px;
}
.wp-block-table{
width: 100%; border-radius: 10px;
margin-bottom: 40px;
}
.wp-block-table tr{
background: #fff;
}
.wp-block-table tr:nth-of-type(even){
background: #DEDBEB;
}
.wp-block-table td, .wp-block-table th {
border: 1px solid #000;
padding: 12px 20px;
text-align: left;
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: #000;
font-family: var(--secondary-font);
vertical-align: middle;
}
.wp-block-table th{
font-family: var(--primary-font);
font-weight: 600;
text-transform: capitalize;
}
ul{ list-style-type: disc;
}
ul li::marker {
color: #000;
}
ul, ol { padding: 0;
}
li>ol {
margin-top: 10px;
}
li>ul, li>ol { }
ul>li>ul {
padding-top: 0.5rem;
}
.hst-single-post ul li, .hst-single-post ol li{
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: #707070;
font-family: var(--secondary-font);
margin-bottom: 13px;
}
.hst-single-post strong{
color: #000;
}
.hst-single-post blockquote{
background-color: #F9F9FA;
border-left: 6px solid var(--theme-ascent1);
border-radius: 6px;
padding: 24px 36px;
margin-bottom: 30px;
}
.hst-single-post blockquote p{
font-size: 20px;
line-height: 30px;
font-weight: 500;
color: #000;
font-style: italic;
font-family: var(--secondary-font);
margin-bottom: 12px;
}
.hst-single-post blockquote cite {
color: var(--theme-ascent1);
font-size: 16px;
display: block;
font-style: normal;
font-weight: 700;
font-family: var(--secondary-font);
padding-left: 22px;
}
.hst-single-post blockquote .block-quote-citation cite::before{
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
background-color: var(--theme-ascent1);
width: 12px;
height: 1px;
}
.hst-single-post blockquote .block-quote-citation i{
font-size: 28px;
color: rgba(0, 0, 0, 0.15);
}
.hst-blog-view.hst-single-post .hst-post .hst-post-content .hst-bottom-meta {
padding: unset;
margin: unset;
border: unset;
}
.hst-single-post .hst-post-tags{
display: flex;
gap: 6px;
flex-wrap: wrap;
}
.hst-single-post .hst-post-tags a{
font-size: 12px;
line-height: 1;
font-weight: 400;
font-family: var(--secondary-font);
text-transform: capitalize;
color: #707070;
border: 1px solid #DEDBEB;
background-color: #F5F7FD;
border-radius: 30px;
padding: 6px 10px;
}
.hst-single-post .hst-post-tags a:is(:hover, :focus){
color: #ffffff;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
}
.hst-head-socials .hst-socials{
margin: unset;
} .hst-author-box{
display: flex;
gap: 20px;
padding: 30px 40px;
background-color: #F3F4F8;
border-radius: 14px;
margin-bottom: var(--universal-gap);
}
.hst-author-box .hst-author-img{
width: 100px;
height: 100px;
border-radius: 50%;
}
.hst-author-box > div{
flex: 1;
}
.hst-author-box .hst-author-name{
font-size: 24px;
line-height: 30px;
font-weight: 600;
font-family: var(--primary-font);
color: #000000;
text-transform: capitalize;
margin: 0 0 3px;
}
.hst-author-box .hst-author-designation{
font-size: 16px;
line-height: 26px;
font-weight: 400;
font-family: var(--secondary-font);
color: var(--theme-ascent1);
text-transform: capitalize;
margin: 0 0 17px;
}
.hst-author-box .hst-author-description{
font-size: 18px;
line-height: 27px;
font-weight: 400;
font-family: var(--secondary-font);
color: #000;
margin: 0 0 17px;
}
.hst-author-box .hst-author-socials ul{
list-style: none;
gap: 5px;
flex-wrap: wrap;
list-style: none;
margin: 0;
}
.hst-author-box .hst-author-socials li{
margin: 0;
}
.hst-author-box .hst-socials a {
font-size: 14px;
padding: 8px;
display: grid;
place-content: center;
min-width: 36px;
aspect-ratio: 1;
border-radius: 50%;
background-color: #fff;
}
.hst-author-box .hst-socials a.hst-facebook{
color: #3A589E;
}
.hst-author-box .hst-socials a.hst-instagram{
color: #E1306C;
}
.hst-author-box .hst-socials a.hst-X{
color: #000000;
}
.hst-author-box .hst-socials a.hst-youtube{
color: #FF0000;
} .hst-post-navigation{ 
margin-bottom: var(--universal-gap);
}
.hst-post-navigation .hst-post-navigation-wrap{
gap: var(--universal-gap);
}
.hst-single-post .hst-post-navigation .hst-post{
flex: 1 0 calc(50% - var(--universal-gap));
gap: 20px;
border: 1px solid #DEDBEB;
padding: 20px;
border-radius: 14px;
margin: 0;
}
.hst-post-navigation .hst-post.hst-post-next{
flex-direction: row-reverse;
text-align: right;
}
.hst-single-post .hst-post-navigation .hst-post .hst-post-thumbh{
width: 100px;
height: 100px;
border-radius: 10px;
}
.hst-single-post .hst-post-navigation .hst-post .hst-post-content{
flex: 1;
padding: 0;
}
.hst-post-navigation .hst-post .hst-post-content .hst-post-nav-btn a{
font-size: 14px;
line-height: 1.2;
font-weight: 400;
font-family: var(--secondary-font);
text-transform: capitalize;
color: #707077;
}
.hst-post-navigation .hst-post .hst-post-content .hst-post-title{
margin: 6px 0 0 ;
}
.hst-post-navigation .hst-post .hst-post-content .hst-post-title a{
font-size: 18px;
font-weight: 600;
line-height: 27px;
font-family: var(--primary-font);
color: #000;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.hst-post-navigation .hst-post .hst-post-content .hst-post-nav-btn a:is(:hover,:focus),
.hst-post-navigation .hst-post .hst-post-content .hst-post-title a:is(:hover,:focus){
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
} .hst-related-post-section{
margin-bottom: var(--universal-gap);
}  .hst-single-post .hst-related-post-section .hst-post{
margin: 0;
border-radius: 12px;
overflow: hidden; }
.hst-single-post .hst-related-post-section .hst-post .hst-post-thumbh{
height: 320px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.hst-single-post .hst-related-post-section .hst-post .hst-post-thumbh::before{
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(0,0,0,0) 20%, rgba(0,0,0,1) 80%);
opacity: 0.6;
}
.hst-single-post .hst-related-post-section .hst-post .hst-post-thumbh .hst-post-content{
padding: 10px 10px 20px;
position: initial;
z-index: 1;
}
.hst-related-post-section .hst-post .hst-post-content .hst-post-meta{
margin: 0 0 3px;
}
.hst-single-post .hst-related-post-section .hst-post .hst-post-title{
margin-bottom: 0;
}
.hst-single-post .hst-related-post-section .hst-post .hst-post-title a{
font-size: 20px;
line-height: 30px;
font-weight: 600;
font-family: var(--primary-font);
color: #ffffff;
-webkit-line-clamp: 2;
}
.hst-single-post .hst-related-post-section .hst-post .hst-post-thumbh .hst-post-content .hst-category{
position: absolute;
top: 10px;
left: 10px;
gap: 4px;
}
.hst-single-post .hst-related-post-section .hst-post .hst-post-thumbh .hst-post-content .hst-category a{
font-size: 12px;
line-height: 1;
font-weight: 600;
font-family: var(--secondary-font);
text-transform: capitalize;
color: #707070;
background-color: #F5F7FD;
border-radius: 30px;
padding: 8px 10px;
}
.hst-single-post .hst-related-post-section .hst-post .hst-post-thumbh .hst-post-content .hst-category a:is(:focus,:hover){
color: #ffffff;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
}
.hst-single-post .hst-related-post-section .hst-post .hst-post-thumbh .hst-post-content .hst-date{
font-size: 14px;
line-height: 22px;
font-weight: 400;
text-transform: capitalize;
color: #707070;
font-family: var(--secondary-font);
}
.hst-single-post .hst-related-post-section .hst-post .hst-post-thumbh .hst-post-content .hst-date a{
color: #fff;
}
.hst-related-post-section .owl-carousel .owl-nav button.owl-prev,
.hst-related-post-section .owl-carousel .owl-nav button.owl-next{
top: 50%;
transform: translateY(-50%);
}
.hst-related-post-section .owl-carousel .owl-nav button.owl-prev{
left: 10px;
}
.hst-related-post-section .owl-carousel .owl-nav button.owl-next{
right: 10px;
} .hst-comment-form {
padding: 30px;
box-shadow: 0 0 25px rgba(13, 25, 66, .1);
border-radius: 10px;
}
.hst-comment-form form .hst-form-check {
display: flex;
align-items: center;
gap: 6px;
margin-bottom: 30px;
}
.hst-comment-form form .hst-form-check input[type=checkbox]{
margin: 0 8px 0 0;
width: 20px;
height: 20px;
}
.hst-comment-form form .hst-form-check label{
margin: 0;
font-size: 16px;
line-height: 1.4;
font-weight: 400;
font-family: var(--secondary-font);
color: #707077;
} .hst-post-thumbg img {
max-width: 100%;
height: auto;
}
.hst-Post-Showcase {
background-color: #fff;
padding: 20px;
}
.hst-Post-Showcase .hst-showcase-cat-sort {
display: flex; justify-content: space-between;
border-bottom: 1px solid #679a9b;
margin-bottom: 20px;
gap: 20px;
}
.hst-Post-Showcase .hst-showcase-cat-sort .hst-showcase-title {
background-color: #679a9b;
padding: 7px 16px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
width: max-content;
display: grid;
place-content: center;
}
.hst-Post-Showcase .hst-showcase-cat-sort .hst-showcase-title h2 {
font-size: 20px;
font-weight: 700;
color: #fff;
font-family: "Poppins", sans-serif;
text-transform: uppercase;
margin:0 ;
}
.hst-Post-Showcase .hst-showcase-cat-sort .hst-showcase-category-btn {
display: flex;
gap: 8px;
flex-wrap: wrap;
justify-content: flex-end;
align-self: center;
}
.hst-Post-Showcase .hst-showcase-cat-sort .hst-showcase-category-btn .hst-btn {
font-size: 14px;
font-weight: 600;
color: #6d6d6f;
background-color: #f5f5f5;
font-family: "Poppins", sans-serif;
border: none;
outline: none;
padding: 4px 6px;
text-transform: uppercase;
}
.hst-Post-Showcase .hst-showcase-cat-sort .hst-showcase-category-btn .hst-btn:is(:hover, :focus) {
color: #fff;
background-color: #679a9b;
}
.hst-Post-Showcase .hst-showcase-cat-sort .hst-showcase-category-btn .hst-btn.active {
color: #fff;
background-color: #679a9b;
}
.hst-Post-Showcase .hst-showcase-posts .hst-tab-content{
display: flex;
--post-gap: 20px;
--extra-gap-multiplier: 1.5;
gap: var(--post-gap);
flex-wrap: wrap;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post:not(.highlight-post) {
margin-top: calc((var(--extra-gap-multiplier) - 1) * var(--post-gap));
}
.hst-Post-Showcase .hst-showcase-posts .hst-post {
flex-basis: calc(50% - var(--post-gap) / 2);
position: relative;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post.highlight-post {
border-bottom: 1px solid #d7d7d7;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post .hst-post-thumbg {
max-width: auto;
height: auto;
overflow: hidden;
position: relative;
font-size: 0;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post.highlight-post .hst-post-thumbg:not(:has(img)) {
max-width: unset;
height: auto;
flex-basis: unset;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post .hst-post-thumbg img {
width: 100%;
height: 100%;
object-fit: cover;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post .hst-post-content .hst-post-meta {
margin-top: 15px;
margin-bottom: 11px;
display: flex;
gap: 0px 20px;
align-items: center;
flex-wrap: wrap;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post .hst-post-content :is(.hst-author, .hst-date, .hst-comment) {
font-size: 14px;
line-height: 22px;
font-weight: 400;
text-transform: capitalize;
color: #727272;
font-family: "Poppins", sans-serif;
text-decoration: none;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post .hst-post-content :is(.hst-author, .hst-date, .hst-comment) a {
font-size: 100%;
line-height: 170%;
font-weight: inherit;
text-transform: inherit;
color: inherit;
font-family: inherit;
text-decoration: none;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post .hst-post-content :is(.hst-author, .hst-date, .hst-comment) a:is(:hover, :focus) {
color: #679a9b;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post .hst-post-content :is(.hst-author, .hst-date, .hst-comment) i {
font-size: 13px;
margin-right: 3px;
color: #679a9b;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post .hst-post-content .hst-post-title {
font-size: 18px;
line-height: 28px;
font-weight: 700;
color: #232323;
font-family: "Poppins", sans-serif;
text-decoration: none;
margin-top: 0px;
margin-bottom: 15px;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post .hst-post-content .hst-post-title a {
font-size: 100%;
line-height: 150%;
font-weight: inherit;
color: inherit;
font-family: inherit;
text-decoration: inherit;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post .hst-post-content .hst-post-title a:is(:hover, :focus) {
color: #679a9b;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post .hst-post-content .hst-post-excerpt {
font-size: 16px;
line-height: 25px;
font-weight: 400;
color: #727272;
font-family: "Poppins", sans-serif;
margin-top: 0px;
margin-bottom: 28px;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post:not(.highlight-post) .hst-post-content .hst-post-excerpt {
display: none;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post .hst-category {
font-size: 14px;
line-height: 24px;
font-weight: 400;
color: #fff;
font-family: "Poppins", sans-serif;
text-decoration: none;
text-transform: uppercase;
margin: 0;
display: flex;
gap: 5px;
flex-wrap: wrap;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post .hst-category a {
font-size: 100%;
line-height: 150%;
font-weight: inherit;
color: inherit;
font-family: inherit;
background-color: #679a9b;
padding: 4px 8px;
margin: 0;
text-decoration: inherit;
text-transform: inherit;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post.highlight-post .hst-category {
position: absolute;
left: 20px;
bottom: 10px;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post.highlight-post .hst-post-thumbg:not(:has(img)) .hst-category {
position: relative;
left: unset;
bottom: unset;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post.highlight-post .hst-bottom-meta .hst-category,
.hst-Post-Showcase .hst-showcase-posts .hst-post:not(.highlight-post) .hst-post-thumbg .hst-category,
.hst-Post-Showcase .hst-showcase-posts .hst-post.highlight-post .hst-post-content .hst-bottom-meta .hst-comment,
.hst-Post-Showcase .hst-showcase-posts .hst-post:not(.highlight-post) .hst-post-content .hst-post-meta .hst-comment {
display: none;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post:not(.highlight-post) .hst-post-wrap {
display: flex; }
.hst-Post-Showcase .hst-showcase-posts .hst-post:not(.highlight-post) .hst-post-thumbg {
max-width: 150px;
min-height: 116px;
overflow: hidden;
flex-basis: 100%;
margin-right: 15px;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post:not(.highlight-post) .hst-post-thumbg:not(:has(img)) {
max-width: unset;
height: auto;
flex-basis: unset;
margin-right: unset;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post:not(.highlight-post) .hst-post-content {
flex: 1;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post:not(.highlight-post) .hst-post-content .hst-post-meta {
margin-top: 0;
margin-bottom: 8px;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post:not(.highlight-post) .hst-post-content :is(.hst-author, .hst-date, .hst-comment) a {
font-size: 85%;
line-height: 170%;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post .hst-post-content .hst-author a{
word-break: break-all;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post:not(.highlight-post) .hst-post-content :is(.hst-author, .hst-date, .hst-comment) i {
font-size: 80%;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post:not(.highlight-post) .hst-post-content .hst-post-title {
margin-bottom: 10px;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post:not(.highlight-post) .hst-post-content .hst-post-title a {
font-size: 90%;
line-height: 150%;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post:not(.highlight-post) .hst-post-content .hst-category a {
font-size: 70%;
line-height: 160%;
padding: 2px 6px;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post .hst-post-content .hst-bottom-meta {
display: flex;
gap: 5px 15px;
align-items: center;
flex-wrap: wrap;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post .hst-post-content .hst-read-more {
font-size: 14px;
line-height: 22px;
font-weight: 600;
color: #000;
font-family: "Poppins", sans-serif;
text-decoration: none;
display: none;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post.highlight-post .hst-post-content .hst-read-more {
display: inline-block;
margin-bottom: 20px;
} .hst-Post-Showcase.hst-Showcase-one {
background: linear-gradient(-90deg, rgba(104, 39, 170, 1) 0%, rgba(253, 50, 73, 1) 100%);
}
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts,
.hst-Post-Showcase.hst-Showcase-three .hst-showcase-posts,
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts {
display: block;
}
.hst-Post-Showcase.hst-Showcase-one .hst-tab-content,
.hst-Post-Showcase.hst-Showcase-two .hst-tab-content,
.hst-Post-Showcase.hst-Showcase-four .hst-tab-content {
display: flex;
gap: var(--post-gap);
flex-wrap: wrap;
}
.hst-Post-Showcase.hst-Showcase-three .hst-remain-post,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-remain-post .hst-post {
flex-basis: calc(50% - var(--post-gap) / 2);
}
.hst-Post-Showcase.hst-Showcase-one .hst-focus-post,
.hst-Post-Showcase.hst-Showcase-one .hst-remain-post,
.hst-Post-Showcase.hst-Showcase-two .hst-focus-post,
.hst-Post-Showcase.hst-Showcase-two .hst-remain-post,
.hst-Post-Showcase.hst-Showcase-four .hst-focus-post,
.hst-Post-Showcase.hst-Showcase-four .hst-remain-post {
flex: 1 0 calc(50% - var(--post-gap) / 2);
}
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-focus-post .hst-post-wrap,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-focus-post .hst-post-wrap,
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-focus-post .hst-post-wrap {
flex-direction: column;
align-items: start;
}
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-focus-post .hst-post-wrap:not(:has(img)) {
flex-direction: unset;
}
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-remain-post .hst-post .hst-post-wrap {
display: flex;
align-items: stretch;
}
.hst-Post-Showcase.hst-Showcase-one .hst-focus-post .hst-post .hst-post-wrap .hst-post-thumbg,
.hst-Post-Showcase.hst-Showcase-two .hst-focus-post .hst-post .hst-post-wrap .hst-post-thumbg,
.hst-Post-Showcase.hst-Showcase-four .hst-focus-post .hst-post .hst-post-wrap .hst-post-thumbg {
margin-right: 0; max-width: 100%;
margin: 0 0 13px 0;
}
.hst-Post-Showcase.hst-Showcase-two .hst-remain-post .hst-post .hst-post-wrap .hst-post-thumbg {
margin: 0 0 13px 0;
}
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-remain-post .hst-post .hst-post-thumbg {
height: auto;
}
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-post-excerpt,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-post-excerpt,
.hst-Post-Showcase.hst-Showcase-three .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-post-excerpt,
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-post-excerpt {
display: block;
}
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-post,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-post,
.hst-Post-Showcase.hst-Showcase-three .hst-showcase-posts .hst-post,
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-post {
margin-top: 0;
}
.hst-Post-Showcase.hst-Showcase-one .hst-remain-post .hst-post {
padding: 20px 0;
border-bottom: 1px solid #fff;
}
.hst-Post-Showcase.hst-Showcase-one .hst-remain-post .hst-post:last-child {
border-bottom: none;
padding-bottom: 0;
}
.hst-Post-Showcase.hst-Showcase-one .hst-remain-post .hst-post:first-child {
padding-top: 0;
}
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-bottom-meta,
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-post .hst-post-content .hst-bottom-meta .hst-category,
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-remain-post .hst-post .hst-post-content .hst-bottom-meta .hst-category,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-post .hst-post-content .hst-bottom-meta,
.hst-Post-Showcase.hst-Showcase-three .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-bottom-meta,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-remain-post .hst-post .hst-post-content .hst-post-meta .hst-author {
display: none;
}
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-read-more,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-read-more,
.hst-Post-Showcase.hst-Showcase-three .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-read-more,
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-read-more {
display: inline-block;
}
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-post-meta .hst-comment,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-post-meta .hst-comment,
.hst-Post-Showcase.hst-Showcase-three .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-post-meta .hst-comment,
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-post-meta .hst-comment {
display: block;
}
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content,
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-remain-post .hst-post .hst-post-content {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-post .hst-post-content .hst-post-title,
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-post .hst-post-content :is(.hst-author, .hst-date, .hst-comment),
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-post .hst-post-content :is(.hst-author, .hst-date, .hst-comment) i,
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-post .hst-post-content .hst-post-excerpt,
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-post .hst-post-content .hst-read-more,
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-post-title,
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content :is(.hst-author, .hst-date, .hst-comment),
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content :is(.hst-author, .hst-date, .hst-comment) i,
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-post-excerpt,
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-read-more {
color: #fff;
}
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-bottom-meta,
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-post-title,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-post-title,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-remain-post .hst-post .hst-post-content .hst-post-title {
order: 1;
}
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-post-title,
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-post-meta,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-post-meta,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-remain-post .hst-post .hst-post-content .hst-post-meta {
order: 2;
}
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-post-meta,
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-post-excerpt,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-post-excerpt,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-remain-post .hst-post .hst-post-content .hst-post-excerpt {
order: 3;
}
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-post-excerpt,
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-bottom-meta,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-bottom-meta,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-remain-post .hst-post .hst-post-content .hst-bottom-meta {
order: 4;
}
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-read-more,
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-read-more,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-read-more,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-remain-post .hst-post .hst-post-content .hst-read-more {
order: 5;
}
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-read-more,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-read-more,
.hst-Post-Showcase.hst-Showcase-three .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-read-more,
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-read-more,
.hst-Post-Showcase .hst-showcase-posts .hst-post.highlight-post .hst-post-content .hst-read-more {
padding: 8px 16px;
background-color: #679a9b;
color: #fff;
}
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-remain-post .hst-post .hst-post-content .hst-read-more:is(:hover, :focus),
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-remain-post .hst-post .hst-post-content .hst-read-more:is(:hover, :focus),
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-remain-post .hst-post .hst-post-content .hst-read-more:is(:hover, :focus) {
color: #679a9b;
}
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-post .hst-post-thumbg .hst-category,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-post .hst-post-thumbg .hst-category,
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-remain-post .hst-post .hst-post-thumbg .hst-category,
.hst-Post-Showcase.hst-Showcase-three .hst-showcase-posts .hst-focus-post .hst-post .hst-post-thumbg .hst-category {
display: flex;
position: absolute;
bottom: 10px;
left: 10px;
}
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-focus-post .hst-post .hst-post-thumbg .hst-category,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-focus-post .hst-post .hst-post-thumbg .hst-category,
.hst-Post-Showcase.hst-Showcase-three .hst-showcase-posts .hst-focus-post .hst-post .hst-post-thumbg .hst-category {
bottom: 20px;
left: 20px;
}
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-post-title,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-post-title {
margin-bottom: 20px;
}
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-post-meta,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-post-meta {
margin-bottom: 13px;
}
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-remain-post .hst-post .hst-post-content .hst-post-meta {
margin-bottom: 0;
}
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content :is(.hst-author, .hst-date, .hst-comment) a,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content :is(.hst-author, .hst-date, .hst-comment) a,
.hst-Post-Showcase.hst-Showcase-three .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content :is(.hst-author, .hst-date, .hst-comment) a,
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content :is(.hst-author, .hst-date, .hst-comment) a {
font-size: 100%;
}
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content :is(.hst-author, .hst-date, .hst-comment) i,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content :is(.hst-author, .hst-date, .hst-comment) i,
.hst-Post-Showcase.hst-Showcase-three .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content :is(.hst-author, .hst-date, .hst-comment) i,
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content :is(.hst-author, .hst-date, .hst-comment) i {
font-size: 100%;
}
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-post-title a,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-post-title a,
.hst-Post-Showcase.hst-Showcase-three .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-post-title a,
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-post-title a {
font-size: 100%;
line-height: 150%;
}
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-remain-post .hst-post .hst-category a,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-remain-post .hst-post .hst-category a,
.hst-Post-Showcase.hst-Showcase-three .hst-showcase-posts .hst-remain-post .hst-post .hst-category a,
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-remain-post .hst-post .hst-category a {
font-size: 70%;
line-height: 160%;
padding: 2px 6px;
}
.hst-Post-Showcase.hst-Showcase-two .hst-remain-post {
display: flex;
flex-wrap: wrap;
gap: var(--post-gap);
align-self: self-start;
}
.hst-Post-Showcase.hst-Showcase-two .hst-remain-post .hst-post .hst-post-wrap {
display: block;
}
.hst-Post-Showcase.hst-Showcase-two .hst-remain-post .hst-post .hst-post-thumbg {
max-width: 100%;
height: auto;
margin-right: 0;
} .hst-Post-Showcase.hst-Showcase-three .hst-tab-content {
display: flex;
gap: calc(var(--post-gap) + 10px);
flex-direction: column;
}
.hst-Post-Showcase.hst-Showcase-three .hst-showcase-posts .hst-focus-post .hst-post .hst-post-wrap {
gap: calc(var(--post-gap) + 10px);
} .hst-Post-Showcase.hst-Showcase-three .hst-showcase-posts .hst-focus-post .hst-post .hst-post-wrap .hst-post-thumbg {
flex-basis: calc(50% - var(--post-gap) / 2);
max-width: 100%;
height: auto;
margin: 0;
}
.hst-Post-Showcase.hst-Showcase-three .hst-showcase-posts .hst-focus-post .hst-post .hst-post-wrap .hst-post-content {
align-self: center;
}
.hst-Post-Showcase.hst-Showcase-three .hst-showcase-posts .hst-focus-post .hst-post .hst-post-wrap .hst-post-thumbg:not(:has(img)) {
flex-basis: unset;
height: auto;
}
.hst-Post-Showcase.hst-Showcase-three .hst-remain-post {
display: flex;
flex-wrap: wrap;
gap: 0 var(--post-gap);
}
.hst-Post-Showcase.hst-Showcase-three .hst-remain-post .hst-post {
padding: 30px 0 30px 0;
border-bottom: 1px solid #d7d7d7;
}
.hst-Post-Showcase.hst-Showcase-three .hst-showcase-posts .hst-remain-post .hst-post .hst-post-wrap .hst-post-content {
flex-basis: calc(50% - var(--post-gap) / 2);
}
.hst-Post-Showcase.hst-Showcase-three .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-read-more {
background: linear-gradient(-90deg, rgba(253, 50, 73, 1) 0%, rgba(104, 39, 170, 1) 100%);
color: #fff;
}
.hst-Post-Showcase.hst-Showcase-three .hst-showcase-cat-sort .hst-showcase-category-btn .hst-btn:is(:hover, :focus) {
color: #fff;
background: linear-gradient(-90deg, rgba(253, 50, 73, 1) 0%, rgba(104, 39, 170, 1) 100%);
}
.hst-Post-Showcase.hst-Showcase-three .hst-showcase-cat-sort {
border-bottom: 1px solid rgba(253, 50, 73, 1);
} .hst-Post-Showcase.hst-Showcase-four .hst-focus-post .hst-post,
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-focus-post .hst-post-wrap {
height: 100%;
position: relative;
background: #00000044;
}
.hst-Post-Showcase.hst-Showcase-four .hst-focus-post .hst-post .hst-post-wrap .hst-post-thumbg {
margin-bottom: 0;
min-height: 500px;
}
.hst-Post-Showcase.hst-Showcase-four .hst-focus-post .hst-post .hst-post-wrap .hst-post-thumbg::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 1) 100%);
}
.hst-Post-Showcase.hst-Showcase-four .hst-focus-post .hst-post .hst-post-wrap .hst-post-content {
position: absolute;
bottom: 30px;
left: 30px;
right: 30px;
z-index: 1;
}
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-remain-post .hst-post {
margin: 0 0 20px 0;
padding: 0;
}
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-remain-post .hst-post:first-child
{
margin-top: 0 !important;
}
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-remain-post .hst-post:last-child {
margin-bottom: 0 !important;
}
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-bottom-meta .hst-comment {
display: none;
}
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-focus-post .hst-post .hst-category a {
font-size: 100%;
line-height: 150%;
padding: 5px 6px;
}
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-bottom-meta {
margin: 0 0 13px 0;
}
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-post-title {
margin: 0 0 14px 0;
}
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-post-excerpt {
margin: 0 0 18px 0;
}
@media (max-width: 767px) {
.hst-Post-Showcase .hst-showcase-posts .hst-post:not(.highlight-post) .hst-post-thumbg {
max-width: 120px; }
.hst-Post-Showcase .hst-showcase-posts .hst-post,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-remain-post .hst-post {
flex-basis: 100%;
}
.hst-Post-Showcase.hst-Showcase-two .hst-remain-post .hst-post .hst-post-thumbg {
max-width: 100%;
height: auto;
margin-right: 0;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post.highlight-post .hst-post-thumbg {
max-width: 100%;
}
.hst-Post-Showcase.hst-Showcase-one .hst-focus-post,
.hst-Post-Showcase.hst-Showcase-one .hst-remain-post,
.hst-Post-Showcase.hst-Showcase-four .hst-focus-post,
.hst-Post-Showcase.hst-Showcase-four .hst-remain-post {
flex: 1 0 100%;
}
.hst-Post-Showcase.hst-Showcase-three .hst-showcase-posts .hst-focus-post .hst-post .hst-post-wrap {
flex-wrap: wrap;
}
.hst-Post-Showcase.hst-Showcase-three .hst-showcase-posts .hst-focus-post .hst-post .hst-post-wrap .hst-post-thumbg,
.hst-Post-Showcase.hst-Showcase-three .hst-showcase-posts .hst-focus-post .hst-post .hst-post-wrap .hst-post-content {
flex-basis: 100%;
}
.hst-Post-Showcase.hst-Showcase-four .hst-focus-post .hst-post .hst-post-wrap .hst-post-content {
bottom: 20px;
left: 20px;
right: 20px;
}
}
@media(min-width:1025px) {
.hst-Post-Showcase.hst-Showcase-three .hst-remain-post .hst-post:nth-child(1),
.hst-Post-Showcase.hst-Showcase-three .hst-remain-post .hst-post:nth-child(2) {
padding-top: 0;
}
.hst-Post-Showcase.hst-Showcase-three .hst-remain-post .hst-post:last-child,
.hst-Post-Showcase.hst-Showcase-three .hst-remain-post .hst-post:nth-last-child(2) {
padding-bottom: 0;
border-bottom: none;
}
}
@media (max-width: 1024px) {
.hst-Post-Showcase .hst-showcase-posts .hst-post:not(.highlight-post) {
flex-basis: 100%;
}
.hst-Post-Showcase.hst-Showcase-two .hst-focus-post,
.hst-Post-Showcase.hst-Showcase-two .hst-remain-post {
flex-basis: 100%;
}
.hst-Post-Showcase.hst-Showcase-three .hst-remain-post .hst-post:nth-child(1) {
padding-top: 0;
}
.hst-Post-Showcase.hst-Showcase-three .hst-remain-post .hst-post:last-child {
padding-bottom: 0;
border-bottom: none;
}
}
.hst-Post-Showcase.hst-Showcase-three .hst-showcase-cat-sort .hst-showcase-title{
background:linear-gradient(-90deg, rgba(253, 50, 73, 1) 0%, rgba(104, 39, 170, 1) 100%);
}
.hst-Post-Showcase.hst-Showcase-three .hst-showcase-cat-sort .hst-showcase-category-btn .hst-btn.active{
background:linear-gradient(-90deg, rgba(253, 50, 73, 1) 0%, rgba(104, 39, 170, 1) 100%);
} .hst-post-tab-section {
max-width: 100%;
background-color: #fff;
padding: 27px 20px 20px 20px;
}
.hst-post-tab-section .hst-post-tab-cat-sort {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
margin: 0 0 27px 0;
}
.hst-post-tab-section .hst-post-tab-category-btn {
display: flex;
gap: 8px;
flex-wrap: wrap;
}
.hst-post-tab-section .hst-post-tab-category-btn button {
font-size: 14px;
line-height: 24px;
font-weight: 600;
font-family: poppins, sans-serif;
text-transform: uppercase;
color: #6C6C6F;
background-color: #F5F5F5;
padding: 3px 6px;
cursor: pointer;
min-width: 80px;
border: none;
outline: none;
}
.hst-post-tab-section .hst-post-tab-category-btn button.active,
.hst-post-tab-section .hst-post-tab-category-btn button:is(:hover, :focus) {
color: #fff;
background-color: #669B9B;
}
.hst-post-tab-section .hst-post-tab-cat-sort .hst-post-tab-all-cat-btn a {
font-size: 14px;
line-height: 24px;
font-weight: 700;
font-family: poppins, sans-serif;
color: #000000;
cursor: pointer;
white-space: nowrap;
}
.hst-post-tab-section .hst-post-tab-cat-sort .hst-post-tab-all-cat-btn a:is(:hover, :focus) {
color: #669B9B;
}
.hst-post-tab-section .hst-post-tab-posts .hst-tab-content .hst-post-tab-all-post {
display: grid;
grid-template-columns: repeat(4, 1fr);
--post-gap: 30px;
gap: var(--post-gap);
}
.hst-post-tab-section.hst-post-col-two .hst-post-tab-posts .hst-tab-content .hst-post-tab-all-post {
grid-template-columns: repeat(2, 1fr);  
}
.hst-post-tab-section.hst-post-col-three .hst-post-tab-posts .hst-tab-content .hst-post-tab-all-post {
grid-template-columns: repeat(3, 1fr);  
}
.hst-post-tab-section .hst-post-tab-posts .hst-tab-content .hst-post-tab-all-post {
display: grid;
grid-template-columns: repeat(4, 1fr);
--post-gap: 30px;
gap: var(--post-gap);
}
.hst-post-tab-section .hst-post-tab-posts .hst-tab-content .hst-post-tab-all-post .hst-post {
background-color: #fff;
box-shadow: 4px 4px 30px 0px rgba(0, 0, 0, 0.08);
-webkit-box-shadow: 4px 4px 30px 0px rgba(0, 0, 0, 0.08);
-moz-box-shadow: 4px 4px 30px 0px rgba(0, 0, 0, 0.08);
}
.hst-post-tab-section .hst-post-tab-posts .hst-post .hst-post-thumbg {
width: 100%;
height: 200px;
overflow: hidden;
}
.hst-post-tab-section .hst-post-tab-posts .hst-post .hst-post-thumbg:not(:has(img)) {
height: auto;
}
.hst-post-tab-section .hst-post-tab-posts .hst-post img {
width: 100%;
height: 100%;
object-fit: cover;
}
.hst-post-tab-section .hst-post-tab-posts .hst-post .hst-post-content {
padding: 17px 20px 20px 20px;
}
.hst-post-tab-section .hst-post-tab-posts .hst-post .hst-post-content .hst-post-meta {
display: flex;
gap: 8px 10px;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
margin: 0 0 10px 0;
}
.hst-post-tab-section .hst-post-tab-posts .hst-post .hst-post-content .hst-post-meta .hst-category {
display: flex;
gap: 6px 8px;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
}
.hst-post-tab-section .hst-post-tab-posts .hst-post .hst-post-content .hst-post-meta :is(.hst-category, .hst-date) {
font-size: 14px;
line-height: 1.2;
font-weight: 400;
font-family: poppins;
color: #878E94;
}
.hst-post-tab-section .hst-post-tab-posts .hst-post .hst-post-content .hst-post-meta .hst-date {
position: relative;
padding-left: 19px;
}
.hst-post-tab-section .hst-post-tab-posts .hst-post .hst-post-content .hst-post-meta .hst-date::before {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 8px;
height: 1px;
background-color: #878E94;
}
.hst-post-tab-section .hst-post-tab-posts .hst-post .hst-post-content .hst-post-title {
font-size: 20px;
line-height: 30px;
font-weight: 700;
font-family: poppins, sans-serif;
color: #232323;
padding: 0;
margin: 0 0 16px 0;
}
.hst-post-tab-section .hst-post-tab-posts .hst-post .hst-post-content .hst-bottom-meta .hst-author {
display: flex;
gap: 8px 10px;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
font-size: 14px;
line-height: 24px;
font-weight: 400;
font-family: poppins, sans-serif;
color: #878E94;
}
.hst-post-tab-section .hst-post-tab-posts .hst-post .hst-post-content .hst-post-meta :is(.hst-category, .hst-date) a,
.hst-post-tab-section .hst-post-tab-posts .hst-post .hst-post-content .hst-post-title a,
.hst-post-tab-section .hst-post-tab-posts .hst-post .hst-post-content .hst-bottom-meta .hst-author a {
font-size: inherit;
line-height: inherit;
font-weight: inherit;
font-family: inherit;
color: inherit;
}
.hst-post-tab-section .hst-post-tab-posts .hst-post .hst-post-content .hst-post-meta .hst-category a {
color: #000000;
}
.hst-post-tab-section .hst-post-tab-posts .hst-post .hst-post-content .hst-post-meta :is(.hst-category a, .hst-date a):is(:hover, :focus),
.hst-post-tab-section .hst-post-tab-posts .hst-post .hst-post-content .hst-post-title:is(:hover, :focus),
.hst-post-tab-section .hst-post-tab-posts .hst-post .hst-post-content .hst-bottom-meta .hst-author a:is(:hover, :focus) {
color: #669B9B;
}
.hst-post-tab-section .hst-post-tab-posts .hst-post .hst-post-content .hst-bottom-meta .hst-author .hst-author-avatar {
width: 26px;
height: 26px;
border-radius: 4px;
background-color: #CCD1D8;
overflow: hidden;
font-size: 0;
}
@media (max-width: 1024px) {
.hst-post-tab-section.hst-post-col-one-ipad .hst-post-tab-posts .hst-tab-content .hst-post-tab-all-post {
grid-template-columns: repeat(1, 1fr);
}
.hst-post-tab-section.hst-post-col-two-ipad .hst-post-tab-posts .hst-tab-content .hst-post-tab-all-post {
grid-template-columns: repeat(2, 1fr);
}
.hst-post-tab-section.hst-post-col-three-ipad .hst-post-tab-posts .hst-tab-content .hst-post-tab-all-post {
grid-template-columns: repeat(3, 1fr);
}
.hst-post-tab-section.hst-post-col-four-ipad .hst-post-tab-posts .hst-tab-content .hst-post-tab-all-post {
grid-template-columns: repeat(4, 1fr);
}
}
@media (max-width: 767px) {
.hst-post-tab-section.hst-post-col-one-mobile .hst-post-tab-posts .hst-tab-content .hst-post-tab-all-post {
grid-template-columns: repeat(1, 1fr);
}
.hst-post-tab-section.hst-post-col-two-mobile .hst-post-tab-posts .hst-tab-content .hst-post-tab-all-post {
grid-template-columns: repeat(2, 1fr);
}
.hst-post-tab-section.hst-post-col-three-mobile .hst-post-tab-posts .hst-tab-content .hst-post-tab-all-post {
grid-template-columns: repeat(3, 1fr);
}
.hst-post-tab-section.hst-post-col-four-mobile .hst-post-tab-posts .hst-tab-content .hst-post-tab-all-post {
grid-template-columns: repeat(4, 1fr);
}
} .hst-post-tab-section.hst-post-tab-one .hst-post-tab-cat-sort {
border-bottom: 1px solid #669B9B;
}
.hst-post-tab-section.hst-post-tab-one .hst-post-tab-category-btn {
gap: 4px;
}
.hst-post-tab-section.hst-post-tab-one .hst-post-tab-category-btn button {
border: 1px solid #EBEBEB;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.hst-post-tab-section.hst-post-tab-one .hst-post-tab-category-btn button {
font-weight: 400;
}
.hst-post-tab-section.hst-post-tab-one .hst-post-tab-category-btn button.active,
.hst-post-tab-section.hst-post-tab-one .hst-post-tab-category-btn button:is(:hover, :focus) {
border-color: #669B9B;
} .hst-post-tab-section.hst-post-tab-two .hst-post-tab-cat-sort {
border-bottom: 1px solid #669B9B;
}
.hst-post-tab-section.hst-post-tab-two .hst-post-tab-category-btn {
gap: 15px 30px;
}
.hst-post-tab-section.hst-post-tab-two .hst-post-tab-category-btn button {
background-color: transparent;
color: #000000;
text-transform: capitalize;
font-weight: 400;
padding: 0 0 8px 0;
min-width: unset;
position: relative;
}
.hst-post-tab-section.hst-post-tab-two .hst-post-tab-category-btn button.active,
.hst-post-tab-section.hst-post-tab-two .hst-post-tab-category-btn button:is(:hover, :focus) {
color: #669B9B;
}
.hst-post-tab-section.hst-post-tab-two .hst-post-tab-category-btn button.active::after,
.hst-post-tab-section.hst-post-tab-two .hst-post-tab-category-btn button:is(:hover, :focus)::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 3px;
background-color: #669B9B;
}
.hst-post-tab-section.hst-post-tab-two .hst-post-tab-cat-sort .hst-post-tab-all-cat-btn a {
padding: 5px 12px;
color: #ffffff;
background-color: #669B9B;
}
.hst-post-tab-section.hst-post-tab-two .hst-post-tab-cat-sort .hst-post-tab-all-cat-btn {
margin-bottom: 9px;
} .hst-post-tab-section.hst-post-tab-three .hst-post-tab-category-btn button {
border: 1px solid #EBEBEB;
border-radius: 4px;
background-color: #ffffff;
color: #6C6C6F;
}
.hst-post-tab-section.hst-post-tab-three .hst-post-tab-category-btn {
gap: 4px;
}
.hst-post-tab-section.hst-post-tab-three .hst-post-tab-category-btn button.active,
.hst-post-tab-section.hst-post-tab-three .hst-post-tab-category-btn button:is(:hover, :focus) {
color: #ffffff;
background-color: #669B9B;
border-color: #669B9B;
}
.hst-post-tab-section.hst-post-tab-three .hst-post-tab-cat-sort .hst-post-tab-all-cat-btn a {
padding: 5px 7px;
border-radius: 4px;
color: #ffffff;
background-color: #363636;
}.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8; }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #CCC; }
.mfp-preloader a:hover {
color: #FFF; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover,
.mfp-close:focus {
opacity: 1; }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333; }
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent; }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1; }
.mfp-arrow:before,
.mfp-arrow:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px; }
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px; }
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-holder .mfp-close {
top: -40px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000; } img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; } .mfp-figure {
line-height: 0; }
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444; }
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-figure figure {
margin: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; } }
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; } }