.sf-menu>li>a>.sf-sub-indicator i {
  transition: color .2s ease
}

.sf-shadow .sf-shadow-off {
  background: none repeat scroll 0 0 transparent
}

.wpb_row .nectar-video-wrap .nectar-video-inner.transition,
.wpb_row .row-bg-wrap .row-bg.transition {
  transition: transform .65s cubic-bezier(.05, .2, .1, 1)
}

body[data-ajax-transitions=false] .top-level .row-bg-wrap[data-bg-animation=fade-in] .inner-wrap.using-image {
  transition: opacity .55s ease-out
}

.column-image-bg-wrap[data-bg-animation=zoom-out-reveal][data-bg-overlay=true],
.row-bg-wrap[data-bg-animation=zoom-out-reveal][data-bg-overlay=true] {
  transition: transform 1.3s cubic-bezier(.12, .75, .4, 1), opacity .55s ease-out .2s
}

.column-image-bg-wrap .column-image-bg.loaded,
.row-bg-wrap .row-bg.loaded,
body[data-ajax-transitions] .parallax-layer.column-image-bg.loaded,
body[data-ajax-transitions] .parallax_section .row-bg.loaded {
  transition: opacity .4s ease .1s
}

.flex-viewport {
  max-height: 2000px;
  transition: all 1s ease
}

body[data-button-style*=rounded_shadow] .wp-block-button>.wp-block-button__link {
  transition: all .45s cubic-bezier(.25, 1, .33, 1)
}

#ajax-content-wrap .nectar-cta[data-style=text-reveal-wave][data-using-bg=true] .link_wrap {
  transition: background-color .3s ease
}

.circle-border {
  transition-duration: 225ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(.5, -.7, .67, .7)
}

.img-with-aniamtion-wrap .color-overlay {
  transition: opacity .65s cubic-bezier(.2, 1, .2, 1)
}

.img-with-aniamtion-wrap .inner .hover-wrap[data-hover-animation] {
  transition: all .65s cubic-bezier(.05, .2, .1, 1) !important
}

.scroll-down-wrap {
  transition: opacity .4s ease
}

.portfolio-items[data-ps="8"] .col .work-info .vert-center line,
.portfolio-items[data-ps="8"] line {
  -webkit-transition: none;
  transition: none
}

.masonry.classic .post-featured-img img.nectar-lazy,
.post-area.standard-minimal .post-featured-img img.nectar-lazy,
.post-content.classic .post-featured-img img.nectar-lazy {
  transition: opacity .5s ease
}

#ajax-content-wrap .wpb_gallery_slidesimage_grid .portfolio-items img.nectar-lazy {
  transition: opacity .5s ease, transform .5s ease
}

#ajax-content-wrap .nectar-underline .post-heading,
.nectar-post-grid .nectar-post-grid-item.nectar-underline .content .post-heading {
  transition: background-size .55s cubic-bezier(.2, .75, .5, 1), color .45s cubic-bezier(.15, .75, .5, 1) 0s
}

.posts-container[data-load-animation=fade_in_from_bottom] article .inner-wrap,
.posts-container[data-load-animation=fade_in_from_bottom] article .inner-wrap.animated {
  transition: opacity .3s cubic-bezier(.3, .58, .55, 1), transform .3s cubic-bezier(.3, .58, .55, 1)
}

.posts-container[data-load-animation=perspective] article .inner-wrap,
.posts-container[data-load-animation=perspective] article .inner-wrap.animated {
  transition: opacity .3s cubic-bezier(.1, .3, .2, 1), transform .72s cubic-bezier(.1, .3, .27, 1)
}

.post.quote .content-inner .quote-inner .whole-link {
  transition: all .45s cubic-bezier(.25, 1, .33, 1)
}

.blurred-wrap {
  transition: filter .45s linear
}

.lines-button.x2 .lines {
  transition: background .2s ease, opacity .2s ease
}

.lines-button.x2 .lines:after,
.lines-button.x2 .lines:before {
  transform-origin: 50% 50%;
  transition: top .4s .45s ease, transform .3s ease, background-color .2s ease, opacity .2s ease
}

.sf-vertical .sfHover ul,
.sf-vertical li:hover ul {
  left: 100%;
  top: 0
}

.sf-menu .sfHover>ul,
.sf-menu li:hover>ul {
  z-index: 999;
  pointer-events: all
}

.sf-menu li li.sfHover {
  z-index: 999
}

.sf-menu li .sfHover ul,
.sf-menu li li .sfHover ul,
.sf-menu li li li:hover ul,
.sf-menu li li:hover ul {
  left: 20em;
  top: 0
}

#header-secondary-outer .sf-menu li .sfHover .on-left-side,
#header-secondary-outer .sf-menu li li .on-left-side,
.sf-menu li .sfHover .on-left-side,
.sf-menu li li .on-left-side {
  right: 20em;
  left: auto;
  margin-right: -20px;
  margin-left: 0
}

.sf-menu .sfHover>.on-left-side {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.col.boxed:not(.wpb_column):hover {
  top: -4px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, .3)
}


body[data-button-style*=rounded_shadow] .woocommerce.add_to_cart_inline a.button.add_to_cart_button:hover {
  box-shadow: 0 20px 38px rgba(0, 0, 0, .11) !important
}

body[data-button-style*=slightly_rounded].single .heading-title[data-header-style=default_minimal] .meta-category a:hover {
  transform: translateY(-3px) !important
}

body:not(.mobile) .nectar-category-grid .nectar-category-grid-item:hover .content[data-subtext=custom][data-subtext-vis=always] .subtext:after,
body:not(.mobile) .nectar-cta[data-style=underline] .link_wrap .link_text:hover:after,
body:not(.mobile) .nectar-woo-flickity[data-controls=arrows-and-text] .nectar-woo-carousel-top a:hover:after {
  animation: portSliderLine .45s cubic-bezier(.15, .75, .5, 1) forwards
}

.nectar-cta[data-style=see-through] .link_wrap:hover .link_text:after {
  transform: scale(.8);
  opacity: 0
}

.nectar-cta[data-style=see-through] .link_wrap:hover .arrow:after,
.nectar-cta[data-style=see-through] .link_wrap:hover .arrow:before {
  transform: scale(1, 1) translateX(9px)
}

body:not(.mobile) .nectar-cta[data-style=underline] .link_wrap:hover .link_text:after {
  animation: none;
  transform: scaleX(0);
  transform-origin: right
}

.nectar-cta[data-style=arrow-animation] .link_wrap:hover svg,
.team-member:hover .nectar-cta[data-style=arrow-animation] .link_wrap svg {
  animation: ctaArrowSVGEnd .45s cubic-bezier(.23, .46, .4, 1) forwards
}

.nectar-cta[data-style=arrow-animation] .link_wrap:hover .link_text .line,
.team-member:hover .nectar-cta[data-style=arrow-animation] .link_wrap .link_text .line {
  animation: ctaArrowLineEnd .45s cubic-bezier(.23, .46, .4, 1) forwards
}

.nectar-cta[data-style=arrow-animation] .link_wrap:hover .link_text>.text,
.team-member:hover .nectar-cta[data-style=arrow-animation] .link_wrap .link_text>.text {
  animation: ctaArrowTextEnd .45s cubic-bezier(.23, .46, .4, 1) forwards
}

.nectar-cta[data-style=arrow-animation] .link_wrap:hover polyline,
.team-member:hover .nectar-cta[data-style=arrow-animation] .link_wrap polyline {
  animation: ctaArrowStart .45s ease .25s forwards
}

.team-member:hover .team-meta .nectar-cta[data-style=arrow-animation] .link_wrap polyline,
.team-meta .nectar-cta[data-style=arrow-animation] .link_wrap:hover polyline {
  animation: ctaArrowStartTeam .8s ease forwards
}

#ajax-content-wrap .nectar-cta[data-style=text-reveal-wave][data-using-bg=true] .link_wrap:hover {
  transition: background-color .5s cubic-bezier(.23, .46, .4, 1)
}

@media only screen and (min-width:1000px) {

  .menu-item-hover-text-reveal-wave .hover .char,
  .nectar-cta[data-style=text-reveal-wave] .link_text.hover .char,
  .nectar-cta[data-style=text-reveal-wave][data-using-bg=true] .link_wrap.hover .char {
    animation: nectar_cta_letter_animation .5s cubic-bezier(.46, .4, .56, .87) forwards;
    transform: translateY(110%);
    opacity: 0
  }
}

@keyframes nectar_cta_letter_animation {
  0% {
    opacity: 0;
    transform: translateY(115%)
  }

  30% {
    opacity: 1
  }

  45% {
    opacity: 1;
    transform: translateY(-25%)
  }

  100% {
    opacity: 1;
    transform: translateY(0)
  }
}

body[data-button-style^=rounded] .section-down-arrow.hovered,
body[data-button-style^=rounded] .section-down-arrow:hover {
  opacity: 1
}

body[data-button-style^=rounded] .section-down-arrow.hovered i.xi-angle-down,
body[data-button-style^=rounded] .section-down-arrow.hovered i.xi-angle-down.top,
body[data-button-style^=rounded] .section-down-arrow:hover i.xi-angle-down,
body[data-button-style^=rounded] .section-down-arrow:hover i.xi-angle-down.top {
  transform: translate(0, 0) !important
}

.nectar-recent-posts-single_featured a img.hovered,
.nectar-recent-posts-single_featured a:hover img,
.related-posts[data-style=material] .grav-wrap a img.hovered,
.related-posts[data-style=material] .grav-wrap a:hover img {
  box-shadow: 0 7px 20px rgba(0, 0, 0, .19)
}

.related-posts[data-style=material] h3 a:hover {
  color: inherit !important
}

.post.format-link .post-content .link-inner:hover,
.post.format-quote .post-content .quote-inner:hover,
.post.link .classic .link-inner:hover,
.post.quote .classic .quote-inner:hover {
  background-color: #333
}

.related-posts[data-style=material] .inner-wrap:hover .post-featured-img img {
  transform: scale(1.07)
}

.blog-recent .more-link span:hover,
.post .more-link span:hover {
  background-color: #000
}

.post .post-header h2 a:hover {
  color: inherit
}

.post.quote .content-inner .quote-inner:hover .whole-link {
  background-color: #333
}

.post.link .post-content a:hover .link-inner,
.post.quote .post-content a:hover .quote-inner {
  background-color: #333
}

.post .post-meta a:hover {
  color: #000
}

body #pagination>a.page-numbers:hover,
body #pagination>a:hover,
body nav#pagination a.page-numbers:hover,
body nav#pagination a:hover,
body nav.woocommerce-pagination li a:hover {
  background-color: transparent !important
}

#pagination .next a:hover,
#pagination .prev a:hover,
#pagination a.page-numbers:hover,
#pagination span.page-numbers.current,
.woocommerce .container-wrap nav.woocommerce-pagination ul li:hover span,
.woocommerce nav.woocommerce-pagination ul li a:hover {
  background-color: #000
}

.post-tags a:hover {
  background-color: #000
}

body[data-form-submit=regular] button[type=submit]:hover,
body[data-form-submit=regular] input[type=submit]:hover {
  opacity: .85
}

.img-with-aniamtion-wrap .hover-wrap .hover-wrap-inner {
  transition: transform .65s cubic-bezier(.05, .2, .1, 1)
}

.img-with-aniamtion-wrap .hover-wrap[data-hover-animation=zoom]:hover .hover-wrap-inner {
  transform: scale(1.13)
}

.img-with-aniamtion-wrap .hover-wrap[data-hover-animation=zoom-crop]:hover .hover-wrap-inner {
  transform: scale(1.15)
}

.img-with-aniamtion-wrap .hover-wrap[data-hover-animation=zoom-crop]:hover {
  transform: scale(.95) !important
}

.nectar-flickity[data-control-style=material_pagination] .flickity-page-dots .dot.is-selected:before,
.nectar-flickity[data-controls=material_pagination] .flickity-page-dots .dot.is-selected:before,
.nectar-quick-view-box .flickity-page-dots .dot.is-selected:before,
.nectar-recent-posts-slider_multiple_visible .flickity-page-dots .dot.is-selected:before,
.nectar-woo-flickity .flickity-page-dots .dot.is-selected:before,
.testimonial_slider[data-style=multiple_visible_minimal] .flickity-page-dots .dot.is-selected:before,
body.material [data-bullet_style=see_through] .slider-pagination .swiper-pagination-switch.swiper-active-switch:before {
  transform: scale(2);
  box-shadow: inset 0 0 0 1px #000;
  background-color: transparent
}

.span_12.light .nectar-flickity[data-control-style=material_pagination] .flickity-page-dots .dot.is-selected:before,
.span_12.light .nectar-flickity[data-controls=material_pagination] .flickity-page-dots .dot.is-selected:before,
.span_12.light .nectar-recent-posts-slider_multiple_visible .flickity-page-dots .dot.is-selected:before,
.span_12.light .nectar-woo-flickity .flickity-page-dots .dot.is-selected:before,
.span_12.light .testimonial_slider[data-style=multiple_visible_minimal] .flickity-page-dots .dot.is-selected:before,
body.material [data-bullet_style=see_through] .slider-pagination:not(.dark-cs) .swiper-pagination-switch.swiper-active-switch:before {
  box-shadow: inset 0 0 0 1px #fff
}

#ajax-content-wrap .flickity-page-dots .dot.is-selected,
.material [data-bullet_style=see_through] .slider-pagination .swiper-pagination-switch.swiper-active-switch {
  opacity: 1
}

.lines-button.close {
  transform: scale3d(.8, .8, .8)
}

.lines-button.arrow.close .lines:after,
.lines-button.arrow.close .lines:before {
  top: 0;
  width: 1.11111rem
}

.lines-button.minus.close .lines:after,
.lines-button.minus.close .lines:before {
  transform: none;
  top: 0;
  width: 1.4rem
}

.lines-button.x.close .lines {
  background: 0 0 !important
}

.lines-button.x.close .lines:after,
.lines-button.x.close .lines:before {
  transform-origin: 50% 50%;
  top: 0;
  width: 1.4rem
}

.column-bg-overlay-wrap[data-bg-animation=zoom-out-reveal].animated-in,
.column-image-bg-wrap[data-bg-animation=zoom-out-high] .inner-wrap.animated-in,
.column-image-bg-wrap[data-bg-animation=zoom-out-reveal] .inner-wrap.animated-in,
.column-image-bg-wrap[data-bg-animation=zoom-out-reveal].animated-in,
.column-image-bg-wrap[data-bg-animation=zoom-out-slow] .inner-wrap.animated-in,
.column-image-bg-wrap[data-bg-animation=zoom-out] .inner-wrap.animated-in,
body[data-ajax-transitions] .row-bg-wrap[data-bg-animation=zoom-out-reveal] .inner-wrap.animated-in,
body[data-ajax-transitions] .row-bg-wrap[data-bg-animation=zoom-out-reveal].animated-in,
body[data-ajax-transitions] .row-bg-wrap[data-bg-animation=zoom-out-slow] .inner-wrap.using-image.animated-in,
body[data-ajax-transitions] .row-bg-wrap[data-bg-animation=zoom-out] .inner-wrap.using-image.animated-in {
  transform: scale(1)
}

.column-image-bg-wrap[data-bg-animation=fade-in] .inner-wrap.animated-in,
.row-bg-wrap[data-bg-animation=fade-in] .inner-wrap:not(.using-image).animated-in+.row-bg-overlay,
body[data-ajax-transitions] .row-bg-wrap[data-bg-animation=fade-in] .inner-wrap.using-image.animated-in {
  opacity: 1
}

.column-bg-overlay-wrap[data-bg-animation=zoom-out-reveal].animated-in,
.column-image-bg-wrap[data-bg-animation=zoom-out-reveal].animated-in,
body[data-ajax-transitions] .row-bg-wrap[data-bg-animation=zoom-out-reveal].animated-in {
  opacity: 1
}

.nectar-waypoint-el:not([data-nectar-waypoint-el-stagger]).animated-in {
  transform: translate3d(0, 0, 0);
  opacity: 1
}

.posts-container article.animated-in .inner-wrap,
.posts-container[data-load-animation=fade_in] article.animated-in .inner-wrap.animated {
  opacity: 1;
  transform: translateY(0);
  height: 100%
}

.posts-container[data-load-animation=perspective] article.animated-in .inner-wrap.animated {
  transform: translateY(0) translateZ(0) rotateX(0);
  opacity: 1
}

.nectar-view-indicator {
  position: fixed;
  z-index: 400;
  left: -47px;
  top: -47px;
  pointer-events: none;
  width: 94px;
  height: 94px;
  mix-blend-mode: difference;
  will-change: transform
}

.nectar-drag-indicator {
  position: fixed;
  z-index: 400;
  left: -26px;
  top: -26px;
  pointer-events: none;
  width: 52px;
  height: 52px;
  mix-blend-mode: difference;
  will-change: transform
}

.nectar-drag-indicator.color-dark,
.nectar-drag-indicator.color-light {
  mix-blend-mode: normal
}

.nectar-drag-indicator.color-dark:before {
  border: 2px solid #000
}

.nectar-drag-indicator.color-dark i {
  color: #000
}

.nectar-drag-indicator:before {
  border: 2px solid #fff;
  width: 100%;
  height: 100%;
  display: block;
  content: "";
  position: absolute;
  left: -2px;
  top: -2px;
  transform: scale(.2);
  opacity: 0;
  border-radius: 50%
}

.nectar-drag-indicator span {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 100%;
  text-align: center;
  transform: translateY(-50%)
}

.nectar-drag-indicator i {
  top: 0;
  color: #fff;
  font-size: 16px;
  opacity: 0;
  position: absolute
}

.nectar-drag-indicator i.xi-angle-left {
  left: -22px;
  top: -9px;
  transform: translateX(17px)
}

.nectar-drag-indicator i.xi-angle-right {
  right: -22px;
  top: -9px;
  transform: translateX(-17px)
}

.nectar-drag-indicator:before,
.nectar-view-indicator .color-circle {
  transition: transform .45s ease, opacity .3s ease
}

.nectar-drag-indicator i {
  transition: transform .2s ease, opacity .2s ease
}

.nectar-view-indicator span {
  transition: opacity .2s ease
}

.nectar-drag-indicator.visible i {
  transition: transform .45s ease, opacity .3s ease
}

.nectar-drag-indicator.visible i.xi-angle-left,
.nectar-drag-indicator.visible i.xi-angle-right,
.nectar-drag-indicator.visible:before,
.nectar-view-indicator.visible .color-circle,
.nectar-view-indicator.visible span {
  transform: scale(1);
  opacity: 1
}

.nectar-drag-indicator.visible.pointer-down:before {
  transform: scale(.8);
  transition: transform .25s ease-out, opacity .3s ease
}

.nectar-view-indicator:not(.style-see-through) {
  mix-blend-mode: normal
}

.nectar-drag-indicator.blurred-bg .color-circle,
.nectar-view-indicator.blurred-bg .color-circle {
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px)
}

.nectar-view-indicator .color-circle {
  background-color: #000;
  width: 100%;
  height: 100%;
  display: block;
  content: "";
  position: absolute;
  left: -2px;
  top: -2px;
  transform: scale(.2);
  opacity: 0;
  border-radius: 50%
}

body .nectar-view-indicator span {
  opacity: 0;
  font-size: 16px;
  color: #fff;
  line-height: 94px;
  text-align: center;
  width: 100%;
  display: inline-block
}

.nectar-view-indicator.style-see-through .color-circle {
  background-color: transparent;
  border: 2px solid #fff
}

.nectar-drag-indicator.in-boxed,
.nectar-view-indicator.in-boxed {
  z-index: 10000
}

.nectar-view-indicator.style-tooltip_text {
  left: 12px;
  top: 12px;
  width: auto;
  height: auto;
  line-height: 1;
  padding: 7px 14px
}

.nectar-view-indicator.style-tooltip_text .color-circle {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  border-radius: var(--nectar-border-radius);
  transform: scale(.65);
  transition: transform .2s ease-in-out, opacity .2s ease-in-out
}

.nectar-view-indicator.style-tooltip_text span {
  opacity: 0;
  position: relative;
  top: 0;
  left: 0;
  line-height: 1;
  font-size: 14px;
  transform: none;
  transition: opacity .2s ease-in-out
}

.nectar-view-indicator.style-tooltip_text.visible .color-circle {
  transform: scale(1)
}

.nectar-view-indicator.style-tooltip_text.visible .color-circle,
.nectar-view-indicator.style-tooltip_text.visible span {
  opacity: 1
}

.img-with-aniamtion-wrap:hover .color-overlay {
  opacity: .5
}

.scroll-down-wrap.no-border:hover .section-down-arrow:before,
.slider-down-arrow.no-border:hover:before {
  background-color: #fff
}

.nectar-next-section:hover .nectar-scroll-icon-path,
.scroll-down-wrap.no-border:hover .nectar-scroll-icon-path,
.slider-down-arrow.no-border:hover .nectar-scroll-icon-path {
  stroke-dashoffset: 0;
  animation: mouse-scroll-btn-roll-over .55s cubic-bezier(.5, .1, .07, 1)
}

.nectar-recent-posts-single_featured .grav-wrap .text a:focus:before,
.nectar-recent-posts-single_featured .grav-wrap .text a:hover:before,
.related-posts[data-style=material] .meta-category a:focus:before,
.related-posts[data-style=material] .meta-category a:hover:before,
[data-style=list_featured_first_row] .meta-category a:focus:before,
[data-style=list_featured_first_row] .meta-category a:hover:before {
  transform: scaleX(1)
}

#single-below-header a:focus,
#single-below-header a:hover {
  color: #000
}

.comment-list .comment-meta a:hover {
  color: #000
}

.comment-list .reply a:hover {
  background-color: #000
}

div:hover>.nectar_color_layer[data-h-opacity="0.1"] {
  opacity: .1 !important
}

div:hover>.nectar_color_layer[data-h-opacity="0.2"] {
  opacity: .2 !important
}

div:hover>.nectar_color_layer[data-h-opacity="0.3"] {
  opacity: .3 !important
}

div:hover>.nectar_color_layer[data-h-opacity="0.4"] {
  opacity: .4 !important
}

div:hover>.nectar_color_layer[data-h-opacity="0.5"] {
  opacity: .5 !important
}

div:hover>.nectar_color_layer[data-h-opacity="0.6"] {
  opacity: .6 !important
}

div:hover>.nectar_color_layer[data-h-opacity="0.7"] {
  opacity: .7 !important
}

div:hover>.nectar_color_layer[data-h-opacity="0.8"] {
  opacity: .8 !important
}

div:hover>.nectar_color_layer[data-h-opacity="0.9"] {
  opacity: .9 !important
}

div:hover>.nectar_color_layer[data-h-opacity="1"] {
  opacity: 1 !important
}

.flex-direction-nav a:hover {
  background-color: #333
}

@keyframes portSliderLine {
  0% {
    transform: scaleX(0);
    transform-origin: left
  }

  100% {
    transform: scaleX(1);
    transform-origin: left
  }
}

@keyframes portSliderLine2 {
  0% {
    transform: scaleX(1);
    transform-origin: right
  }

  100% {
    transform: scaleX(0);
    transform-origin: right
  }
}

@keyframes ctaArrowSVGStart {
  0% {
    transform: translateY(calc(-50% + .5px)) translateX(0) translateZ(0)
  }

  100% {
    transform: translateY(calc(-50% + .5px)) translateX(-3px) translateZ(0)
  }
}

@keyframes ctaArrowSVGEnd {
  0% {
    transform: translateY(calc(-50% + .5px)) translateX(-3px) translateZ(0)
  }

  100% {
    transform: translateY(calc(-50% + .5px)) translateX(0) translateZ(0)
  }
}

@keyframes ctaArrowTextStart {
  0% {
    transform: translateX(6px) translateZ(0)
  }

  100% {
    transform: translateX(0) translateZ(0)
  }
}

@keyframes ctaArrowTextEnd {
  0% {
    transform: translateX(0) translateZ(0)
  }

  100% {
    transform: translateX(6px) translateZ(0)
  }
}

@keyframes ctaArrowStart {
  0% {
    stroke-dashoffset: 140px;
    stroke-dasharray: 140px
  }

  100% {
    stroke-dasharray: 140px;
    stroke-dashoffset: 10px
  }
}

@keyframes ctaArrowStartTeam {
  0% {
    stroke-dashoffset: 0;
    stroke-dasharray: 0
  }

  50% {
    stroke-dashoffset: 140px;
    stroke-dasharray: 140px
  }

  100% {
    stroke-dasharray: 140px;
    stroke-dashoffset: 10px
  }
}

@keyframes ctaArrowEnd {
  0% {
    stroke-dashoffset: 10px;
    stroke-dasharray: 150px 150px
  }

  40% {
    opacity: 1
  }

  100% {
    opacity: 0;
    stroke-dashoffset: -53px;
    stroke-dasharray: 1px 150px
  }
}

@keyframes ctaArrowLineStart {
  0% {
    transform-origin: left;
    transform: scaleX(1.2) translateY(calc(-50% + .5px)) translateZ(0)
  }

  100% {
    transform: scaleX(1) translateY(calc(-50% + .5px)) translateZ(0)
  }
}

@keyframes ctaArrowLineEnd {
  0% {
    transform-origin: right;
    transform: scaleX(1) translateY(calc(-50% + .5px)) translateZ(0)
  }

  50% {
    transform-origin: right;
    transform: scaleX(0) translateY(calc(-50% + .5px)) translateZ(0)
  }

  51% {
    transform-origin: left
  }

  100% {
    transform: scaleX(1.2) translateY(calc(-50% + .5px)) translateZ(0);
    transform-origin: left
  }
}

.nectar-cta[data-style=arrow-animation][data-arrow-alignment=right] .link_wrap:hover svg {
  animation: ctaArrowSVGEndRight .45s cubic-bezier(.23, .46, .4, 1) forwards
}

.nectar-cta[data-style=arrow-animation][data-arrow-alignment=right] .link_wrap:hover .link_text>.text {
  animation: ctaArrowTextEndRight .45s cubic-bezier(.23, .46, .4, 1) forwards
}

@keyframes ctaArrowSVGStartRight {
  0% {
    transform: translateY(calc(-50% + .5px)) translateX(0) translateZ(0)
  }

  100% {
    transform: translateY(calc(-50% + .5px)) translateX(-3px) translateZ(0)
  }
}

@keyframes ctaArrowTextStartRight {
  0% {
    transform: translateX(-6px) translateZ(0)
  }

  100% {
    transform: translateX(0) translateZ(0)
  }
}

@keyframes ctaArrowSVGEndRight {
  0% {
    transform: translateY(calc(-50% + .5px)) translateX(-3px) translateZ(0)
  }

  100% {
    transform: translateY(calc(-50% + .5px)) translateX(0) translateZ(0)
  }
}

@keyframes ctaArrowTextEndRight {
  0% {
    transform: translateX(0) translateZ(0)
  }

  100% {
    transform: translateX(-6px) translateZ(0)
  }
}

@keyframes nectar_curved_arrow_animation__svg {
  0% {
    opacity: 1
  }

  15% {
    opacity: 1
  }

  45% {
    transform: translateX(4px);
    opacity: 0
  }

  50% {
    transform: translateX(4px);
    opacity: 0
  }

  51% {
    transform: translateX(0);
    opacity: 1
  }

  100% {
    opacity: 1
  }
}

@keyframes nectar_curved_arrow_animation__arrow {
  0% {
    stroke-dashoffset: 0
  }

  15% {
    stroke-dashoffset: 0
  }

  50% {
    stroke-dashoffset: -8px
  }

  70% {
    stroke-dashoffset: -8px
  }

  100% {
    stroke-dashoffset: 0
  }
}

@keyframes nectar_curved_arrow_animation__line {
  0% {
    stroke-dashoffset: 0
  }

  50% {
    stroke-dashoffset: 18px
  }

  100% {
    stroke-dashoffset: 35px
  }
}

@keyframes ctaMinimaLArrowOuter {
  0% {
    transform: translateY(0)
  }

  20% {
    transform: translateY(12px)
  }

  50% {
    transform: translateY(0)
  }

  100% {
    transform: translateY(0)
  }
}

@keyframes ctaMinimaLArrowLine {
  0% {
    transform-origin: bottom;
    transform: scaleY(1)
  }

  50% {
    transform-origin: bottom;
    transform: scaleY(0)
  }

  51% {
    transform-origin: top
  }

  100% {
    transform: scaleY(1);
    transform-origin: top
  }
}

@keyframes ctaMinimaLArrow {
  0% {
    stroke-dasharray: 45px;
    stroke-dashoffset: 0
  }

  50% {
    stroke-dasharray: 45px;
    stroke-dashoffset: -45px
  }

  51% {
    stroke-dasharray: 45px;
    stroke-dashoffset: 45px
  }

  100% {
    stroke-dasharray: 45px;
    stroke-dashoffset: 0
  }
}

@keyframes rightLineStart {
  0% {
    transform: translateY(-50%) translateX(-88px) scaleX(0)
  }

  100% {
    transform: translateY(-50%) translateX(0) scaleX(1)
  }
}

@keyframes rightLineEnd {
  0% {
    transform: translateY(-50%) translateX(0) scaleX(1)
  }

  100% {
    transform: translateY(-50%) translateX(28px) scaleX(0)
  }
}

@keyframes rightLineStart2 {
  0% {
    transform: translateY(-50%) translateX(88px) scaleX(0)
  }

  100% {
    transform: translateY(-50%) translateX(0) scaleX(1)
  }
}

@keyframes rightLineEnd2 {
  0% {
    transform: translateY(-50%) translateX(0) scaleX(1)
  }

  100% {
    transform: translateY(-50%) translateX(-28px) scaleX(0)
  }
}

@keyframes rightArrowStart {
  0% {
    transform: translateX(-50px)
  }

  100% {
    transform: translateX(42px)
  }
}

@keyframes rightArrowEnd {
  0% {
    transform: translateX(42px)
  }

  100% {
    transform: translateX(75px)
  }
}

@keyframes rightArrowStart2 {
  0% {
    transform: translateX(50px) rotate(180deg)
  }

  100% {
    transform: translateX(-42px) rotate(180deg)
  }
}

@keyframes rightArrowEnd2 {
  0% {
    transform: translateX(-42px) rotate(180deg)
  }

  100% {
    transform: translateX(-75px) rotate(180deg)
  }
}

@keyframes rightArrowLineStart {
  0% {
    stroke-dashoffset: 30px
  }

  100% {
    stroke-dashoffset: 40px
  }
}

@keyframes rightArrowLineEnd {
  0% {
    stroke-dashoffset: 40px
  }

  100% {
    stroke-dashoffset: 50px
  }
}

@keyframes fadebottom {
  0% {
    opacity: 1;
    transform: translateY(0)
  }

  25% {
    opacity: 0;
    transform: translateY(20px)
  }

  30% {
    opacity: 0;
    transform: translateY(0)
  }

  45% {
    opacity: 1;
    transform: translateY(0)
  }

  100% {
    opacity: 1;
    transform: translateY(0)
  }
}