/**
 * Params
 */
/**
 * Theme Specific
 * ---------------------------------------------------------------------------------------------------------------------
 */
/* general */
body .pp-content-plain-text {
  margin: 100px 0;
}
body .pp-content-plain-text h1, body .pp-content-plain-text h2, body .pp-content-plain-text h3, body .pp-content-plain-text h4, body .pp-content-plain-text h5, body .pp-content-plain-text h6 {
  margin-bottom: 40px !important;
}
body .pp-content-plain-text ol, body .pp-content-plain-text ul {
  margin-left: 30px;
}

.wpcf7 {
  font-family: var(--pp-theme-fw2) !important;
}
.wpcf7 label, .wpcf7 input {
  font-family: var(--pp-theme-fw2) !important;
}

.pp-booc {
  max-width: 1920px;
  margin: 0 auto;
}

.pp-justify-center > .col {
  justify-content: center;
}

body:not(.woocommerce-cart) .main-content table {
  background-color: transparent;
}

body:not(.woocommerce-cart) .main-content table tr:nth-child(2n+1) {
  background-color: transparent;
}

.pp-footer-form {
  position: relative;
  padding-top: 40px;
}
.pp-footer-form .svg-mask {
  height: 23px;
  width: 70%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  -webkit-mask: url(../images/footer-tl.svg) center/contain no-repeat, url(../images/footer-tr.svg) center/contain no-repeat, linear-gradient(#000000 0 0);
  mask-size: 42px, 42px;
  mask-position: left top, right top;
  mask-composite: exclude;
  z-index: 122222;
  background-color: var(--pp-theme-color2);
  margin: 0 auto;
}
.pp-footer-form .svg-mask::before, .pp-footer-form .svg-mask::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background-color: #0C0C0C;
}
.pp-footer-form .svg-mask::after {
  left: auto;
  right: 0;
}

#footer-outer ul.pp-footer-menu-2 {
  margin-right: 40px;
}

.nectar_video_lightbox {
  font-size: 20px !important;
  line-height: 38px !important;
  font-weight: 500;
  color: var(--pp-theme-color2);
  border-radius: var(--pp-theme-br) !important;
  -webkit-border-radius: var(--pp-theme-br) !important;
  background-color: var(--pp-theme-bg-color2);
  border: 1px solid var(--pp-theme-bg-color2);
  border-color: var(--pp-theme-bg-color2);
  padding: 13px 39px !important;
  transition: 0.3s all;
  cursor: pointer;
}
.nectar_video_lightbox:hover {
  background-color: var(--pp-theme-bg-color-transparent) !important;
  border-color: var(--pp-theme-bg-color2) !important;
  color: var(--pp-theme-color) !important;
}

/* homepage */
.pp-header > .row-bg-wrap .row-bg::before {
  content: "";
  position: absolute;
  top: -15%;
  left: 0;
  right: 0;
  width: 25%;
  height: 25%;
  margin: 0 auto;
  border-radius: 313px;
  background-color: #D8D8D8;
  filter: blur(200px);
}
.pp-header > .row-bg-wrap .row-bg::after {
  content: "";
  position: absolute;
  bottom: -15%;
  left: 0;
  right: 0;
  width: 25%;
  height: 25%;
  margin: 0 auto;
  border-radius: 313px;
  background-color: #D7F01E;
  filter: blur(200px);
}

.pp-about-us > .col {
  height: 100%;
}
.pp-about-us > .col > .column-container {
  display: flex;
  justify-content: center;
  align-items: center;
}
.pp-about-us > .col > .column-container > .vc_column-inner {
  height: 100%;
}
.pp-about-us > .col > .column-container .wpb_wrapper {
  height: 100%;
}
.pp-about-us .nectar-scrolling-text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pp-about-us .nectar-scrolling-text h2 {
  font-weight: 400;
  font-size: 228px;
  line-height: 240px;
}
.pp-about-us .img-with-aniamtion-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}
/* remove when changed */
/*
.pp-block {
    .pp-block-content {
        min-height: 520px;

        > .vc_column-inner {
            height: 100%;

            > .wpb_wrapper {
                height: 100%;
            }
        }
    }

    .pp-block-bg  {
        .hover-wrap-inner svg {
            width: 100%;
        }
    }

    .pp-block-text {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        height: 100%;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;

        > .col {
            width: 100%;
        }

        .world {
            white-space: nowrap;
        }

        .o {
            line-height: 12px;
            display: inline-block;
            width: 31px;
            height: 29px;
            background: url(../images/o.svg) no-repeat center center transparent;
        }
    }
}
*/
.pp-partners ul {
  display: flex;
  gap: 20px;
  margin-left: 20px;
}
.pp-partners ul li {
  width: 283px;
  height: 243px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid #212121;
}
.pp-partners ul li img {
  object-fit: contain;
  max-width: 75%;
  max-height: 75%;
  margin-bottom: 0;
}

.pp-accordion {
  width: 100%;
  padding: 75px 0;
}
.pp-accordion .toggle {
  position: relative;
  padding: 15px 0 !important;
  border: 1px solid transparent;
  margin-bottom: 20px;
}
.pp-accordion .toggle.open {
  border-radius: 20px;
  border: 1px solid #3E3E3E;
}
.pp-accordion .toggle.open h3 {
  color: var(--pp-theme-color3);
}
.pp-accordion .toggle a > div {
  margin-bottom: 0 !important;
}
.pp-accordion .toggle-heading {
  width: 100%;
  text-align: left;
  margin-bottom: 0;
}
.pp-accordion .toggle-heading h3 {
  margin-top: 20px !important;
}
.pp-accordion .toggle-heading.open::before {
  content: "";
  position: absolute;
  top: 35px;
  left: -65px;
  width: 49px;
  height: 49px;
  background: url(../images/service-bg.svg) no-repeat center center transparent;
}
.pp-accordion .toggle-content {
  display: none;
  overflow: hidden;
  margin-top: -80px;
  position: relative;
  z-index: 10;
}
.pp-accordion .toggle-content .content {
  display: flex;
  flex-direction: row;
  margin: 30px 0;
}
.pp-accordion .toggle-content .content > div {
  flex: 1;
}
.pp-accordion .toggle-content .desc {
  margin-top: 60px;
  text-align: left;
  color: #fff;
}
.pp-accordion .toggle-content .link {
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 20px;
}
.pp-accordion .toggle-content .link span {
  text-align: left;
  color: #9B9B9B;
}
.pp-accordion .toggle-content .link img {
  width: 105px;
  height: 105px;
  object-fit: cover;
  border-radius: 50%;
  margin-bottom: 0 !important;
}

.pp-accordion-mobile {
  display: none;
}
.pp-accordion-mobile a {
  display: inline-block;
  width: 100%;
}

@media (max-width: 999px) {
  .pp-accordion {
    display: none;
  }
  .pp-accordion-mobile {
    display: block;
  }
}
.pp-services-sm li {
  margin-bottom: 40px !important;
}
.pp-services-sm li:last-child {
  margin-bottom: 0;
}

@media (max-width: 999px) {
  .pp-header .row-bg-wrap .row-bg {
    background-color: transparent !important;
  }
  .pp-header .row-bg-wrap .row-bg::before {
    content: none;
  }
  .pp-header .row-bg-wrap .row-bg::after {
    content: none;
  }
}
/* about us */
.pp-about-slider .row-bg {
  background-size: contain;
}
.pp-about-slider .flickity-slider .cell {
  border-radius: 20px;
  margin-left: 20px;
  background-color: #000000;
  border: 1px solid #373737;
}
.pp-about-slider .flickity-slider h3 {
  padding: 3%;
  line-height: 38px;
}
.pp-about-slider .flickity-slider .wpb_text_column {
  padding: 0 3% 3% !important;
  font-family: var(--pp-theme-fw) !important;
  font-size: 28px;
  font-weight: 400;
  line-height: 26px;
  margin-bottom: 15px !important;
}

.pp-team .team-item {
  padding-bottom: 50px;
}
.pp-team .team-item > .vc_column-inner {
  height: 100%;
}
.pp-team .team-item > .vc_column-inner > .wpb_wrapper {
  height: 100%;
}
.pp-team .team-item-spec {
  padding-bottom: 50px;
}
.pp-team .team-member {
  display: inline-block;
  background-color: #0F0F0F;
  border-radius: 20px;
  height: 100%;
}
.pp-team h4 {
  font-family: var(--pp-theme-fw2) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 20px !important;
  padding: 0 10px 5px 10px;
}
.pp-team .position {
  color: #8D8D8D;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  padding: 0 10px 10px 10px;
}

/* services */
.pp-services-header .row-bg {
  background-position: right 20% center !important;
}

.pp-service-item {
  border-radius: 20px;
  border: 1px solid #212121;
  padding: 5% 10%;
  background-color: var(--pp-theme-bg-color);
}
.pp-service-item .service-icon .hover-wrap {
  text-align: right;
}
.pp-service-item .service-icon .hover-wrap-inner {
  display: inline-block;
  border-radius: 20px;
  background-color: #1E1E1E;
  padding: 48px;
}
.pp-service-item .pp-row {
  display: flex;
  gap: 40px;
  margin-bottom: 0;
}

@media (max-width: 999px) {
  .pp-service-item .service-icon .hover-wrap {
    text-align: left;
  }
  .pp-service-item .service-icon .hover-wrap-inner {
    padding: 15px;
  }
  .pp-service-item .service-icon .hover-wrap-inner svg {
    width: 30px;
    height: 30px;
  }
  .pp-service-item .pp-row {
    flex-direction: column;
  }
}
/* cases */
.pp-case .case-link {
  text-align: center;
  display: none;
  width: 100%;
}
.pp-case .case-btn {
  width: 104px;
  height: 104px;
  background: url(../images/case-arrow.svg) no-repeat center center transparent;
  position: absolute;
  top: 50%;
  right: -80px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: 0.3s all;
  z-index: 10;
  display: none;
  opacity: 0;
}
.pp-case .reverse_columns_desktop .case-btn {
  left: -80px;
  right: auto;
}
.pp-case .case-text {
  z-index: 10;
}
.pp-case .case-text > .vc_column-inner > .wpb_wrapper {
  color: #969592;
  padding: 10%;
}
.pp-case .case-text .column-bg-overlay {
  border-radius: 20px;
  background-color: #ff0000;
}
.pp-case .case-img {
  transition: 0.3s all;
}
.pp-case .case-img .column-bg-overlay {
  border-radius: 20px;
  background-color: #ff0000;
}
.pp-case .case-img .wpb_wrapper {
  border-radius: 20px;
  overflow: hidden;
  height: 100%;
}
.pp-case .case-img .wpb_wrapper .img-with-animation {
  transition: 0.3s all;
  width: 100%;
  height: 100% !important;
  object-fit: cover;
}
.pp-case .case-img .logo-hover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  opacity: 0;
  display: flex;
  padding: 10% 20%;
  background-color: rgba(0, 0, 0, 0.66);
  transition: 0.3s all;
}
.pp-case .case-img .logo-hover img {
  width: auto !important;
  height: auto !important;
  transform: translateY(50px);
  transition: 0.3s all;
}

.cursor {
  position: absolute;
  background: var(--pp-theme-color3);
  width: 8px;
  height: 8px;
  border-radius: 100%;
  z-index: 99;
  transition: 0.5s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -1.27, 0.3, 2.33) opacity;
  user-select: none;
  pointer-events: none;
  transform: scale(0.8);
}
.cursor::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  background-image: url(../images/case-arrow.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 100%;
  opacity: 0;
}
.cursor.active {
  opacity: 1;
  transform: scale(12);
}
.cursor.active::before {
  opacity: 1;
}

.cursor-follower {
  position: absolute;
  background: rgba(255, 255, 255, 0.1);
  width: 40px;
  height: 40px;
  border-radius: 100%;
  z-index: 98;
  transition: 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.4s cubic-bezier(0.75, -1.27, 0.3, 2.33) opacity;
  user-select: none;
  pointer-events: none;
  transform: translate(4px, 4px);
}
.cursor-follower.active {
  opacity: 0.3;
  transform: scale(0);
}

@media (max-width: 999px) {
  .cursor, .cursor-follower {
    display: none !important;
  }
  .portfolio-items {
    cursor: default !important;
  }
}
.case-divider {
  height: 140px;
}

@media (min-width: 1000px) {
  .pp-case .case-btn-abs {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 11;
    cursor: none;
  }
  .pp-case:hover .case-btn, .pp-case:active .case-btn, .pp-case:focus .case-btn {
    transition-delay: 0s;
    display: block;
    opacity: 1;
  }
  .pp-case:hover .case-img .img-with-animation, .pp-case:active .case-img .img-with-animation, .pp-case:focus .case-img .img-with-animation {
    transition-delay: 0s;
    transform: scale(1.1);
  }
  .pp-case:hover .case-img .logo-hover, .pp-case:active .case-img .logo-hover, .pp-case:focus .case-img .logo-hover {
    transition-delay: 0s;
    opacity: 1;
  }
  .pp-case:hover .case-img .logo-hover img, .pp-case:active .case-img .logo-hover img, .pp-case:focus .case-img .logo-hover img {
    transform: translateY(0);
  }
}
@media (max-width: 999px) {
  .pp-case .case-text > .vc_column-inner > .wpb_wrapper {
    padding: 5% 10%;
  }
  .pp-case .case-link {
    display: inline-block;
  }
  .pp-case .case-btn {
    display: none;
  }
  .pp-case .case-img img {
    object-fit: cover;
    height: 100% !important;
  }
  .case-divider {
    height: 0;
  }
}
/* case inner */
/* blog main */
.pp-blog-first .post-featured-img, .pp-blog-list .post-featured-img {
  border-radius: 20px;
}
.pp-blog-first .meta-category, .pp-blog-list .meta-category {
  background-color: transparent !important;
  color: rgba(255, 255, 255, 0.5) !important;
}
.pp-blog-first .article-content-wrap, .pp-blog-list .article-content-wrap {
  background-color: transparent !important;
  color: #ffffff !important;
}
.pp-blog-first .article-content-wrap h3, .pp-blog-list .article-content-wrap h3 {
  color: #D7F01E !important;
}
.pp-blog-first .masonry.material .masonry-blog-item .meta-category, .pp-blog-list .masonry.material .masonry-blog-item .meta-category {
  padding: 20px 0 0 0;
}
.pp-blog-first .masonry.material .masonry-blog-item .article-content-wrap, .pp-blog-list .masonry.material .masonry-blog-item .article-content-wrap {
  padding: 10px 0 30px 0 !important;
}
.pp-blog-first .blog-fullwidth-wrap, .pp-blog-list .blog-fullwidth-wrap {
  padding: 0 !important;
  margin-left: 0 !important;
  left: auto !important;
  width: auto !important;
}
.pp-blog-first .post .content-inner, .pp-blog-list .post .content-inner {
  flex-grow: 1;
}

.pp-blog-first .post-content {
  display: flex;
  flex-direction: row-reverse;
}
.pp-blog-first .post-content .article-content-wrap {
  height: 100%;
}
.pp-blog-first .full-width-content.blog-fullwidth-wrap:not(.meta-overlaid) {
  padding: 0 !important;
}

body[data-ext-responsive=true].single-post .container-wrap.no-sidebar .post-area {
  max-width: none !important;
}

.pp-blog-img .hover-wrap-inner {
  display: flex;
  justify-content: center;
}
.pp-blog-img img {
  border-radius: 20px;
}

.post-tags {
  margin-top: 30px;
}
.post-tags .pp-tag {
  font-size: 16px;
  font-weight: 700;
  line-height: 26px;
  border-radius: 45px;
  color: #ffffff;
  border: 1px solid #484848;
  padding: 10px 20px;
  margin-right: 15px;
  display: inline-block;
  margin-bottom: 10px;
}

@media (max-width: 999px) {
  .pp-blog-first .post-content {
    flex-direction: column;
  }
  .pp-blog-actions {
    display: flex;
    justify-content: center;
  }
}
.pp-card-block {
  background-color: #0C0C0C;
  position: relative;
  border: 1px solid #212121;
  border-radius: 20px;
  position: relative;
  padding: 0 !important;
}
.pp-card-block > .vc_column-inner::before {
  height: 32px;
  background: url(../images/card-top-bg.svg) left -1px no-repeat transparent;
  width: 26%;
  margin-top: -1px;
  position: absolute;
  content: "";
  top: 0;
  left: 25%;
  z-index: 1;
}
.pp-card-block > .vc_column-inner::after {
  height: 32px;
  background: url(../images/card-top-bg.svg) right -1px no-repeat transparent;
  width: 25%;
  margin-top: -1px;
  position: absolute;
  content: "";
  top: 0;
  right: 25%;
  z-index: 1;
}
.pp-card-block > .vc_column-inner > .wpb_wrapper::before {
  height: 32px;
  background: url(../images/card-bottom-bg.svg) left bottom -1px no-repeat transparent;
  width: 26%;
  margin-bottom: -1px;
  position: absolute;
  content: "";
  bottom: 0;
  left: 25%;
  z-index: 1;
}
.pp-card-block > .vc_column-inner > .wpb_wrapper::after {
  height: 32px;
  background: url(../images/card-bottom-bg.svg) right bottom -1px no-repeat transparent;
  width: 25%;
  margin-bottom: -1px;
  position: absolute;
  content: "";
  bottom: 0;
  right: 25%;
  z-index: 1;
}
.pp-card-block .row-bg-wrap {
  overflow: hidden;
  border-radius: 20px;
}
.pp-card-block .row-bg-wrap::before {
  content: "";
  position: absolute;
  top: -175px;
  right: -175px;
  width: 350px;
  height: 350px;
  margin: 0 auto;
  border-radius: 346.153px;
  border: 1px solid #212121;
  background: #D7F01E;
  filter: blur(200px);
}
.pp-card-block.radiant-bl .row-bg-wrap::before {
  top: auto;
  right: auto;
  bottom: -175px;
  left: -175px;
}
.pp-card-block .pp-block-text {
  padding: 100px 20%;
}

@media (max-width: 999px) {
  .pp-card-block .pp-block-text {
    padding: 100px 10%;
  }
}
/* portfolio */
#portfolio {
  margin-left: auto !important;
  left: auto !important;
  width: auto !important;
}

@media only screen and (min-width: 1000px) {
  .portfolio-items .reverse_columns_desktop .row_col_wrap_12, .portfolio-items .reverse_columns_desktop .row_col_wrap_12_inner {
    flex-direction: row-reverse;
  }
}
#header-space {
  display: none;
}

.single-portfolio .pp-header .row-bg-wrap .row-bg::before,
.single-portfolio .pp-header .row-bg-wrap .row-bg::after {
  content: none;
}
.single-portfolio #portfolio-nav a {
  padding: 13px 39px !important;
  font-size: 20px !important;
  line-height: 38px !important;
  font-weight: 500;
  color: var(--pp-theme-color2) !important;
  border: 1px solid var(--pp-theme-bg-color2);
  border-color: var(--pp-theme-bg-color2);
  background-color: #d7f01e !important;
  border-radius: 45px;
}
.single-portfolio #portfolio-nav ul:first-child {
  display: none;
}

.bottom_controls #portfolio-nav .controls li a i:before {
  color: var(--pp-theme-color2) !important;
}

.bottom_controls #portfolio-nav .controls li a i:after {
  background-color: var(--pp-theme-color2) !important;
}

.pp-portfolio-imgs .hover-wrap-inner img {
  width: 100%;
  object-fit: cover;
}

/* ANIMATIONS */
/***********/
/* counter */
/***********/
.pp-counter .row-bg {
  background-size: contain;
}

.counter-container {
  margin: 0 auto;
  position: relative;
  max-width: 400px;
  width: 100%;
}

.counter-block.animate .digits {
  animation: counter 2s ease 0.2s forwards, fade1 1s ease 4s forwards;
}
.counter-block.animate .other-digits span {
  animation: fadeCycle 6s forwards;
  animation-iteration-count: 1;
  transition: opacity 0.5s ease-in-out;
}
.counter-block.animate .title-wrapper span {
  animation: fadeCycle 6s forwards;
  animation-iteration-count: 1;
  transition: opacity 0.5s ease-in-out;
}
.counter-block.animate .other-digits span:nth-child(0) {
  animation-delay: 2s;
}
.counter-block.animate .title-wrapper span:nth-child(1) {
  animation-delay: 0s;
}
.counter-block.animate .title-wrapper span:nth-child(2), .counter-block.animate .other-digits span:nth-child(1) {
  animation-delay: 2s;
}
.counter-block.animate .title-wrapper span:nth-child(3), .counter-block.animate .other-digits span:nth-child(2) {
  animation: fadeStay 6s forwards;
  animation-delay: 4s;
}

#counter {
  max-width: 400px;
  width: 100%;
  height: 400px;
  overflow: hidden;
  position: relative;
}
#counter::before, #counter::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-size: contain !important;
}
#counter::after {
  background-size: 80% !important;
}
#counter::before {
  background: url(../images/counter-bg2.svg) no-repeat center center transparent;
}
#counter::after {
  background: url(../images/counter-bg1.svg) no-repeat center center transparent;
}

.digits {
  float: left;
  list-style-type: none;
  margin-top: 100%;
  width: 100%;
}

@keyframes counter {
  80% {
    margin-top: -4900px;
  }
  100% {
    margin-top: -4800px;
  }
}
@keyframes fade1 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.title-wrapper {
  position: relative;
  overflow: hidden;
  height: 82px;
}
.title-wrapper span {
  font-family: "Darker Grotesque";
  font-size: 60px;
  font-weight: 500;
  line-height: 82px;
}

.digits li, .other-digits span {
  font-family: var(--pp-theme-fw);
  font-size: 210px;
  font-style: normal;
  font-weight: 700;
  line-height: 270px;
  height: 400px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.other-digits span {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  width: 100%;
  text-align: center;
}

.title-wrapper span {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  text-align: center;
  display: inline-block;
  height: 100%;
}

@keyframes fadeCycle {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeStay {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@media (max-width: 600px) {
  #counter {
    height: 300px;
  }
  .digits li, .other-digits span {
    font-size: 110px;
    line-height: 170px;
    height: 300px;
  }
  .title-wrapper {
    height: 50px;
  }
  .title-wrapper span {
    font-size: 38px;
    line-height: 42px;
  }
  @keyframes counter {
    80% {
      margin-top: -3700px;
    }
    100% {
      margin-top: -3600px;
    }
  }
}
/***********/
/* rotates */
/***********/
.pp-rotate .row-bg {
  background-size: contain;
}

.rotate-block {
  max-width: 540px;
  width: 100%;
  height: 540px;
  position: relative;
  margin: 0 auto;
}

@keyframes rotate90 {
  0% {
    transform: rotate(0deg);
  }
  10% {
    transform: rotate(90deg);
  }
  25% {
    transform: rotate(90deg);
  }
  35% {
    transform: rotate(180deg);
  }
  50% {
    transform: rotate(180deg);
  }
  60% {
    transform: rotate(270deg);
  }
  75% {
    transform: rotate(270deg);
  }
  85% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.rotate-90 {
  width: 100%;
  height: 100%;
  animation: rotate90 8s infinite;
  background: url(../images/rotate-bg.svg) center center no-repeat transparent;
  background-size: contain;
}

.rotate-texts {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.rotate-texts span {
  font-weight: 700;
  font-size: 96px;
  line-height: 100px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  animation: textCycle 6s infinite ease-in-out;
  transition: transform 0.3s ease;
}

@keyframes textCycle {
  0% {
    opacity: 0;
    transform: scale(0.5) translateY(100px);
  }
  10% {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
  33% {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
  45% {
    opacity: 0;
    transform: scale(0.5) translateY(-100px);
  }
  66% {
    opacity: 0;
    transform: scale(0.5) translateY(-100px);
  }
  100% {
    opacity: 0;
    transform: scale(0.5) translateY(-100px);
  }
}
.rotate-texts span:nth-child(0) {
  animation-delay: 0s;
}

.rotate-texts span:nth-child(1) {
  animation-delay: 2s;
}

.rotate-texts span:nth-child(2) {
  animation-delay: 4s;
}

@media (max-width: 600px) {
  .rotate-block {
    height: 400px;
  }
  .rotate-texts span {
    font-size: 46px;
    line-height: 50px;
  }
}

/*# sourceMappingURL=style-v.css.map */