.elementor-2 .elementor-element.elementor-element-f49699c:not(.elementor-motion-effects-element-type-background), .elementor-2 .elementor-element.elementor-element-f49699c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F6F4;}.elementor-2 .elementor-element.elementor-element-f49699c > .elementor-container{max-width:1300px;}.elementor-2 .elementor-element.elementor-element-f49699c{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:80px 30px 80px 30px;}.elementor-2 .elementor-element.elementor-element-f49699c > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-2 .elementor-element.elementor-element-9455441.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-2 .elementor-element.elementor-element-9455441.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2 .elementor-element.elementor-element-b2c7472{width:var( --container-widget-width, 90% );max-width:90%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:90%;--container-widget-flex-grow:0;}.elementor-2 .elementor-element.elementor-element-b2c7472 .elementor-heading-title{font-family:"Playfair", Sans-serif;font-size:60px;font-weight:700;color:#073473;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-2 .elementor-element.elementor-element-1da54ff{width:var( --container-widget-width, 90% );max-width:90%;margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;--container-widget-width:90%;--container-widget-flex-grow:0;font-family:"Source Sans 3", Sans-serif;font-size:18px;font-weight:400;line-height:25px;color:#5C6F8A;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-2 .elementor-element.elementor-element-1271612 .elementor-button{background-color:#073473;font-family:"Source Sans 3", Sans-serif;font-size:14px;font-weight:500;text-decoration:none;line-height:20px;border-radius:5px 5px 5px 5px;}.elementor-2 .elementor-element.elementor-element-1271612 .elementor-button:hover, .elementor-2 .elementor-element.elementor-element-1271612 .elementor-button:focus{background-color:#24426D;}.elementor-2 .elementor-element.elementor-element-1271612{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-1271612 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2 .elementor-element.elementor-element-1271612 .elementor-button .elementor-button-content-wrapper{gap:14px;}.elementor-bc-flex-widget .elementor-2 .elementor-element.elementor-element-fd1b67e.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-2 .elementor-element.elementor-element-fd1b67e.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-2 .elementor-element.elementor-element-703ec00{margin:-200px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -100px;}.elementor-2 .elementor-element.elementor-element-5508c33:not(.elementor-motion-effects-element-type-background), .elementor-2 .elementor-element.elementor-element-5508c33 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F8F6;}.elementor-2 .elementor-element.elementor-element-5508c33 > .elementor-container{max-width:1300px;}.elementor-2 .elementor-element.elementor-element-5508c33{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:80px 30px 80px 30px;}.elementor-2 .elementor-element.elementor-element-5508c33 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2 .elementor-element.elementor-element-88c8cc6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-2 .elementor-element.elementor-element-88c8cc6 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:60px;font-weight:700;color:#073473;}.elementor-2 .elementor-element.elementor-element-e7f83e1{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;font-family:"Source Sans 3", Sans-serif;font-size:18px;font-weight:400;line-height:25px;color:#5C6F8A;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-2 .elementor-element.elementor-element-ed29bf2{--grid-columns:4;}.elementor-2 .elementor-element.elementor-element-b0df417 .elementor-button{background-color:#FFFFFF;font-family:"Source Sans 3", Sans-serif;font-size:14px;font-weight:500;line-height:20px;fill:#393939;color:#393939;border-style:solid;border-width:1px 1px 1px 1px;border-color:#DADADA;border-radius:5px 5px 5px 5px;}.elementor-2 .elementor-element.elementor-element-b0df417{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2 .elementor-element.elementor-element-b0df417 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2 .elementor-element.elementor-element-b0df417 .elementor-button .elementor-button-content-wrapper{gap:14px;}.elementor-2 .elementor-element.elementor-element-f7db3f2{margin:-200px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -100px;}@media(max-width:1024px){.elementor-2 .elementor-element.elementor-element-ed29bf2{--grid-columns:2;}}@media(max-width:767px){.elementor-2 .elementor-element.elementor-element-f49699c{padding:40px 15px 40px 15px;}.elementor-2 .elementor-element.elementor-element-9455441 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-b2c7472{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-2 .elementor-element.elementor-element-b2c7472 .elementor-heading-title{font-size:46px;}.elementor-2 .elementor-element.elementor-element-1da54ff{width:100%;max-width:100%;text-align:center;}.elementor-2 .elementor-element.elementor-element-fd1b67e > .elementor-element-populated{margin:20px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-2 .elementor-element.elementor-element-5508c33{padding:40px 15px 40px 15px;}.elementor-2 .elementor-element.elementor-element-88c8cc6 .elementor-heading-title{font-size:32px;}.elementor-2 .elementor-element.elementor-element-ed29bf2{--grid-columns:1;}}/* Start custom CSS for column, class: .elementor-element-9455441 */.left-hero-content{
  position: relative;
  overflow: hidden;
  z-index: 1;
  background: #fffdf8;
  border-radius: 10px;
}

/* animated soft glow */
.left-hero-content::before{
  content: "";
  position: absolute;
  top: -60px;
  left: -40px;
  width: 280px;
  height: 280px;
  background: radial-gradient(circle, rgba(244,191,73,0.30) 0%, rgba(244,191,73,0.12) 35%, rgba(255,255,255,0) 75%);
  filter: blur(35px);
  animation: glowMove1 7s ease-in-out infinite alternate;
  z-index: -2;
}

/* second animated glow */
.left-hero-content::after{
  content: "";
  position: absolute;
  bottom: -80px;
  right: -30px;
  width: 240px;
  height: 240px;
  background: radial-gradient(circle, rgba(24,87,159,0.18) 0%, rgba(24,87,159,0.08) 35%, rgba(255,255,255,0) 75%);
  filter: blur(40px);
  animation: glowMove2 9s ease-in-out infinite alternate;
  z-index: -2;
}

/* moving light overlay */
.left-hero-content .animated-light{
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: -1;
}

.left-hero-content .animated-light::before{
  content: "";
  position: absolute;
  top: -20%;
  left: -60%;
  width: 60%;
  height: 140%;
  background: linear-gradient(120deg, transparent 0%, rgba(255,255,255,0.35) 45%, transparent 100%);
  transform: rotate(12deg);
  animation: shineMove 6s linear infinite;
}

@keyframes glowMove1{
  0%{
    transform: translate(0,0) scale(1);
  }
  100%{
    transform: translate(35px,25px) scale(1.12);
  }
}

@keyframes glowMove2{
  0%{
    transform: translate(0,0) scale(1);
  }
  100%{
    transform: translate(-30px,-20px) scale(1.1);
  }
}

@keyframes shineMove{
  0%{
    left: -70%;
  }
  100%{
    left: 130%;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-703ec00 */.parrot-hero::before{
  content:"";
  position:absolute;
  width: 380px;
  height: 380px;
  left: 67%;
  top: 53%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,221,140,0.20) 0%, rgba(255,221,140,0.10) 38%, rgba(255,221,140,0.04) 58%, transparent 74%);
  filter: blur(20px);
  z-index: 0;
  animation: glowBreath 7s ease-in-out infinite;
}

.parrot-hero .orbit{
  position:absolute;
  left: 67%;
  top: 53%;
  transform-origin: center center;
  pointer-events:none;
  opacity:.9;
}

.parrot-hero .orbit-red{
  width: 400px;
  height: 330px;
  border: 1.5px dashed rgba(237, 142, 142, 0.34);
  transform: translate(-50%, -50%) rotate(16deg);
  animation: orbitRedMove 18s ease-in-out infinite;
}

.parrot-hero .orbit-green{
  width: 340px;
  height: 430px;
  border: 1.5px dashed rgba(127, 204, 151, 0.32);
  transform: translate(-50%, -50%) rotate(-16deg);
  animation: orbitGreenMove 20s ease-in-out infinite;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-f49699c *//* =========================
   PARROT PUBLICATIONS HERO
   FINAL RESPONSIVE CSS
========================= */

.pp-hero{
  position: relative;
  overflow: hidden;
  min-height: 720px;
  background:
    radial-gradient(circle at 68% 42%, rgba(243, 210, 120, 0.18), transparent 22%),
    radial-gradient(circle at 70% 54%, rgba(255, 214, 153, 0.12), transparent 28%),
    linear-gradient(180deg, #fdfbf7 0%, #fcfaf6 100%);
}

/* Keep content above background decorations */
.pp-hero > .elementor-container,
.pp-hero .e-con-inner,
.pp-hero .elementor-widget-wrap,
.pp-hero .elementor-column,
.pp-hero .elementor-widget{
  position: relative;
  z-index: 2;
}

/* Floating background wrapper */
.pp-hero .pp-floating-bg{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
}

/* Soft glow */
.pp-hero .pp-floating-bg::before{
  content: "";
  position: absolute;
  width: 520px;
  height: 520px;
  left: 72%;
  top: 52%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,221,150,0.28) 0%, rgba(255,221,150,0.12) 35%, rgba(255,221,150,0) 72%);
  filter: blur(8px);
}

/* Base style for all floating images */
.pp-hero .pp-book{
  position: absolute;
  transform-origin: center;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-fill-mode: both;
}

/* =========================
   DESKTOP DEFAULT
========================= */

/* Main big center book */
.pp-hero .pp-book.b3{
  left: 73%;
  top: 85px;
  width: 430px;
  opacity: 0.98 !important;
  transform: translateX(-50%);
  animation: pp-float-main 6s ease-in-out infinite;
  z-index: 1;
}

/* Parrot image */
.pp-hero .pp-book.b2{
  left: 52%;
  top: 78px;
  width: 115px;
  opacity: 1 !important;
  transform: translateX(-50%);
  animation: pp-float-parrot 5s ease-in-out infinite;
  z-index: 2;
}

/* Small decorative images */
.pp-hero .pp-book.b1{
  left: 1%;
  top: 9%;
  width: 58px;
  opacity: 0.12 !important;
  transform: rotate(-12deg);
  animation: pp-float-small-1 7s ease-in-out infinite, pp-fade 5s ease-in-out infinite;
}

.pp-hero .pp-book.b12{
  left: 22%;
  bottom: 16%;
  width: 48px;
  opacity: 0.10 !important;
  transform: rotate(-10deg);
  animation: pp-float-small-2 8s ease-in-out infinite, pp-fade 5.4s ease-in-out infinite;
}

.pp-hero .pp-book.b4{
  right: 2%;
  top: 12%;
  width: 52px;
  opacity: 0.12 !important;
  transform: rotate(12deg);
  animation: pp-float-small-3 7.5s ease-in-out infinite, pp-fade 5s ease-in-out infinite;
}

.pp-hero .pp-book.b5{
  right: 3%;
  bottom: 18%;
  width: 48px;
  opacity: 0.10 !important;
  transform: rotate(-14deg);
  animation: pp-float-small-4 8s ease-in-out infinite, pp-fade 5.5s ease-in-out infinite;
}

.pp-hero .pp-book.b6{
  right: 8%;
  bottom: 6%;
  width: 42px;
  opacity: 0.07 !important;
  transform: rotate(-8deg);
  animation: pp-float-small-5 9s ease-in-out infinite, pp-fade 6s ease-in-out infinite;
}

/* =========================
   LARGE TABLET / SMALL DESKTOP
========================= */
@media (max-width: 1200px){

  .pp-hero{
    min-height: 620px;
  }

  .pp-hero .pp-floating-bg::before{
    width: 420px;
    height: 420px;
    left: 72%;
    top: 54%;
  }

  .pp-hero .pp-book.b3{
    left: 73%;
    top: 110px;
    width: 320px;
  }

  .pp-hero .pp-book.b2{
    left: 52%;
    top: 100px;
    width: 90px;
  }

  .pp-hero .pp-book.b1{
    width: 42px;
    top: 10%;
  }

  .pp-hero .pp-book.b12{
    width: 36px;
    left: 20%;
    bottom: 14%;
  }

  .pp-hero .pp-book.b4{
    width: 38px;
    right: 1.5%;
  }

  .pp-hero .pp-book.b5{
    width: 36px;
    right: 2%;
    bottom: 16%;
  }

  .pp-hero .pp-book.b6{
    width: 30px;
    right: 6%;
    bottom: 8%;
  }
}

/* =========================
   TABLET
========================= */
@media (max-width: 1024px){

  .pp-hero{
    min-height: 560px;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .pp-hero .pp-floating-bg::before{
    width: 320px;
    height: 320px;
    left: 70%;
    top: 54%;
  }

  .pp-hero .pp-book.b3{
    left: 72%;
    top: 125px;
    width: 250px;
  }

  .pp-hero .pp-book.b2{
    left: 52%;
    top: 118px;
    width: 72px;
  }

  .pp-hero .pp-book.b1{
    width: 28px;
    top: 11%;
    left: 1%;
  }

  .pp-hero .pp-book.b12{
    width: 26px;
    left: 18%;
    bottom: 13%;
  }

  .pp-hero .pp-book.b4{
    width: 28px;
    right: 1.5%;
    top: 14%;
  }

  .pp-hero .pp-book.b5{
    width: 26px;
    right: 1.5%;
    bottom: 15%;
  }

  .pp-hero .pp-book.b6{
    display: none !important;
  }
}

/* =========================
   MOBILE
========================= */
@media (max-width: 767px){

  .pp-hero{
    min-height: 760px;
    padding-top: 20px;
    padding-bottom: 40px;
  }

  .pp-hero .pp-floating-bg::before{
    width: 220px;
    height: 220px;
    left: 50%;
    top: 505px;
    transform: translate(-50%, -50%);
    opacity: 0.55;
  }

  /* Main center book */
  .pp-hero .pp-book.b3{
    left: 50%;
    top: 425px;
    width: 220px;
    opacity: 0.95 !important;
    transform: translateX(-50%);
    animation: pp-float-main 6s ease-in-out infinite;
    z-index: 1;
  }

  /* Parrot */
  .pp-hero .pp-book.b2{
    left: 50%;
    top: 348px;
    width: 80px;
    opacity: 1 !important;
    transform: translateX(-50%);
    animation: pp-float-parrot 5s ease-in-out infinite;
    z-index: 2;
  }

  /* Decorative small */
  .pp-hero .pp-book.b1{
    left: 2%;
    top: 9%;
    width: 22px;
    opacity: 0.07 !important;
  }

  .pp-hero .pp-book.b12{
    left: 5%;
    bottom: 19%;
    width: 22px;
    opacity: 0.07 !important;
  }

  .pp-hero .pp-book.b4{
    right: 2%;
    top: 12%;
    width: 22px;
    opacity: 0.07 !important;
  }

  .pp-hero .pp-book.b5{
    right: 2%;
    bottom: 16%;
    width: 22px;
    opacity: 0.07 !important;
  }

  .pp-hero .pp-book.b6{
    display: none !important;
  }
}

/* =========================
   SMALL MOBILE
========================= */
@media (max-width: 480px){

  .pp-hero{
    min-height: 700px;
    padding-top: 18px;
    padding-bottom: 35px;
  }

  .pp-hero .pp-floating-bg::before{
    width: 180px;
    height: 180px;
    top: 470px;
  }

  .pp-hero .pp-book.b3{
    top: 395px;
    width: 185px;
  }

  .pp-hero .pp-book.b2{
    top: 330px;
    width: 68px;
  }

  .pp-hero .pp-book.b1,
  .pp-hero .pp-book.b12,
  .pp-hero .pp-book.b4,
  .pp-hero .pp-book.b5{
    width: 18px;
  }
}

/* =========================
   ANIMATIONS
========================= */

@keyframes pp-float-main{
  0%,100%{ transform: translateX(-50%) translateY(0px); }
  50%{ transform: translateX(-50%) translateY(-12px); }
}

@keyframes pp-float-parrot{
  0%,100%{ transform: translateX(-50%) translateY(0px); }
  50%{ transform: translateX(-50%) translateY(-10px); }
}

@keyframes pp-float-small-1{
  0%,100%{ transform: translateY(0) rotate(-12deg); }
  50%{ transform: translateY(-12px) rotate(-7deg); }
}

@keyframes pp-float-small-2{
  0%,100%{ transform: translateY(0) rotate(-10deg); }
  50%{ transform: translateY(10px) rotate(-4deg); }
}

@keyframes pp-float-small-3{
  0%,100%{ transform: translateY(0) rotate(12deg); }
  50%{ transform: translateY(-10px) rotate(18deg); }
}

@keyframes pp-float-small-4{
  0%,100%{ transform: translateY(0) rotate(-14deg); }
  50%{ transform: translateY(12px) rotate(-8deg); }
}

@keyframes pp-float-small-5{
  0%,100%{ transform: translateY(0) rotate(-8deg); }
  50%{ transform: translateY(-8px) rotate(-2deg); }
}

@keyframes pp-fade{
  0%,100%{ opacity: 0.05; }
  50%{ opacity: 0.16; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f7db3f2 */.parrot-hero::before{
  content:"";
  position:absolute;
  width: 380px;
  height: 380px;
  left: 67%;
  top: 53%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,221,140,0.20) 0%, rgba(255,221,140,0.10) 38%, rgba(255,221,140,0.04) 58%, transparent 74%);
  filter: blur(20px);
  z-index: 0;
  animation: glowBreath 7s ease-in-out infinite;
}

.parrot-hero .orbit{
  position:absolute;
  left: 67%;
  top: 53%;
  transform-origin: center center;
  pointer-events:none;
  opacity:.9;
}

.parrot-hero .orbit-red{
  width: 400px;
  height: 330px;
  border: 1.5px dashed rgba(237, 142, 142, 0.34);
  transform: translate(-50%, -50%) rotate(16deg);
  animation: orbitRedMove 18s ease-in-out infinite;
}

.parrot-hero .orbit-green{
  width: 340px;
  height: 430px;
  border: 1.5px dashed rgba(127, 204, 151, 0.32);
  transform: translate(-50%, -50%) rotate(-16deg);
  animation: orbitGreenMove 20s ease-in-out infinite;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-5508c33 *//* SECTION */
.pp-herod{
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 68% 42%, rgba(243, 210, 120, 0.18), transparent 22%),
    radial-gradient(circle at 70% 54%, rgba(255, 214, 153, 0.12), transparent 28%),
    linear-gradient(180deg, #fdfbf7 0%, #fcfaf6 100%);
}

/* Keep actual content above decorative layer */
.pp-herod > .elementor-container,
.pp-hero .e-con-inner,
.pp-hero .elementor-widget-wrap,
.pp-hero .elementor-column,
.pp-hero .elementor-widget{
  position: relative;
  z-index: 2;
}

/* Decorative background wrapper */
.pp-herod .pp-floating-dg{
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}

/* Soft center glow */
.pp-herod .pp-floating-dg::before{
  content: "";
  position: absolute;
  width: 520px;
  height: 520px;
  right: 14%;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,221,150,0.28) 0%, rgba(255,221,150,0.12) 35%, rgba(255,221,150,0) 72%);
  filter: blur(8px);
}



/* Floating books */
.pp-herod .pp-book {
  position: absolute;
  width: 88px;
  opacity: 0.22;
  filter: saturate(0.95);
  transform-origin: center;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-fill-mode: both;
}

/* Positions similar to screenshot */
.pp-herod .pp-book.d1{
  left: 29px;
  top: -82px;
  width: 56px;
  transform: rotate(-12deg);
  animation:
    pp-float-1 7s ease-in-out infinite,
    pp-fade 4.8s ease-in-out infinite;
}
.pp-herod .pp-book.d12{
  left: -261px;
  top: 214px;
  width: 46px;
  transform: rotate(-12deg);
  animation:
    pp-float-1 7s ease-in-out infinite,
    pp-fade 4.8s ease-in-out infinite;
}


.pp-herod .pp-book.d4{
  right: -90px;
  top: 25px;
  width: 46px;
  transform: rotate(14deg);
  animation:
    pp-float-4 7.4s ease-in-out infinite,
    pp-fade 5.1s ease-in-out infinite;
}

.pp-herod .pp-book.d5{
  right: 185px;
  bottom: 680px;
  width: 45px;
  opacity: 0.16;
  transform: rotate(-18deg);
  animation:
    pp-float-2 8s ease-in-out infinite,
    pp-fade 5.8s ease-in-out infinite;
}

.pp-herod .pp-book.d6{
  right: 1195px;
  bottom: 553px;
  width: 45px;
  opacity: 0.16;
  transform: rotate(-18deg);
  animation:
    pp-float-1 8s ease-in-out infinite,
    pp-fade 5.8s ease-in-out infinite;
}

/* Animations */
@keyframes pp-float-1{
  0%,100%{ transform: translateY(0) rotate(-12deg); }
  50%{ transform: translateY(-18px) rotate(-8deg); }
}
@keyframes pp-float-2{
  0%,100%{ transform: translateY(0) rotate(13deg); }
  50%{ transform: translateY(16px) rotate(18deg); }
}
@keyframes pp-float-3{
  0%,100%{ transform: translateY(0) rotate(-22deg); }
  50%{ transform: translateY(-14px) rotate(-16deg); }
}
@keyframes pp-float-4{
  0%,100%{ transform: translateY(0) rotate(14deg); }
  50%{ transform: translateY(-20px) rotate(8deg); }
}
@keyframes pp-float-5{
  0%,100%{ transform: translateY(0) rotate(-18deg); }
  50%{ transform: translateY(18px) rotate(-12deg); }
}
@keyframes pp-fade{
  0%,100%{ opacity: 0.12; }
  50%{ opacity: 0.30; }
}
@keyframes pp-dot-fade{
  0%,100%{ opacity: .15; transform: translateY(0); }
  50%{ opacity: .35; transform: translateY(-8px); }
}
@keyframes pp-spin-1{
  from{ transform: rotate(0deg); }
  to{ transform: rotate(360deg); }
}
@keyframes pp-spin-2{
  from{ transform: rotate(360deg); }
  to{ transform: rotate(0deg); }
}/* End custom CSS */