.elementor-14282 .elementor-element.elementor-element-33d27a9 .elementor-repeater-item-778bf61.jet-parallax-section__layout .jet-parallax-section__image{background-size:auto;}.elementor-14282 .elementor-element.elementor-element-e862c4e > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-14282 .elementor-element.elementor-element-33d27a9:not(.elementor-motion-effects-element-type-background), .elementor-14282 .elementor-element.elementor-element-33d27a9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-9157540 );}.elementor-14282 .elementor-element.elementor-element-33d27a9{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:50px 0px 0px 0px;}.elementor-14282 .elementor-element.elementor-element-33d27a9 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}/* Start custom CSS for html, class: .elementor-element-459e25c */@keyframes csepiHover {
  0%   {transform: rotate(0deg);}
  50%  {transform: rotate(-15deg);}
  100% {transform: rotate(0deg);}
}

@keyframes RollIN {
  from {
      opacity: 0;
      transform:rotate(0deg);
      }
  to {
      opacity: 1;
      transform:rotate(360deg);
      }
}

@keyframes FadeIN {
    from {
        opacity: 0;
    }
    to { 
        opacity: 1;
        }
}

@keyframes FadeINandGrow {
    from {
        opacity: 0;
        transform-origin: 10% 40%;
        transform: scale(0.1);
        
    }
    to { 
        opacity: 1;
        transform-origin: 20% 50%;
        transform: scale(1);
        
    }
    
}

.MainTitle {width:300px;margin:auto;transform:translateX(35px);}

.picture {
  opacity: 0;
  transform: rotate(0deg);
  float: left;
  margin-top: -140px;
  margin-left: -70px;
  width: 120px;
  height: 120px;
  position: relative;
  animation-name: RollIN;
  animation-duration: 2s;
  animation-timing-function: cubic-bezier(0.34, 1.56, 0.84, 1);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  transition-duration: 2s;
  transition-timing-function: ease-in-out;
}

.picture:hover {
  opacity: 1;
  animation-name: csepiHover;
  animation-duration: 2s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-timing-function: ease-in-out;
}

.picture::before {
    
}



.BGpicture {
    opacity:0;
    float: none;
    animation-name: FadeIN;
    animation-duration: 4s;
    animation-delay: 3s;
    animation-timing-function: cubic-bezier(0.34, 1, 0.64, 1);
    animation-fill-mode: forwards;
}

.papp {
    float: left;
    font-size: 42px;
    font-family: "Cormorant Garamond", serif;
    font-weight: 550;
    margin-top: -155px;
    margin-left: 45px;
    letter-spacing: -1px;
    transform: rotate(-12deg);
    transition-duration: 200ms;
 }
    


.papp .shift  { 
     display: inline-block;
     vertical-align: 5px;
     opacity: 0;
     animation-name: FadeIN;
     animation-duration: 2s;
     animation-timing-function: ease-in-out;
     animation-fill-mode: forwards;
     transition-duration: 300ms;
}

.papp .shift:hover { 
     vertical-align: -5px;
     transition-duration: 300ms;
     transition-timing-function: ease-out;}
     
.papp .base  { 
     display: inline-block;
     vertical-align: 0px;
     opacity: 0;
     animation-name: FadeIN;
     animation-duration: 2s;
     animation-timing-function: ease-in-out;
     animation-fill-mode: forwards;
     transition-duration: 300ms;
}


/* per-letter offsets (restore the stagger) */
.papp span:nth-child(1){ animation-delay:200ms; letter-spacing: -2px;}
.papp span:nth-child(2){ animation-delay:400ms; letter-spacing: 0px; }
.papp span:nth-child(3){ animation-delay:600ms; }
.papp span:nth-child(4){ animation-delay:800ms; }


/* Apply the gradient to the actual glyph containers */
.papp .base,
.papp .shift{
  display:inline-block;
  background-image: linear-gradient(20deg, #13606b 20%, #65b9c6 80%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;

  /* keep your existing per-letter animations */
  opacity: 0;
  animation-name: FadeIN;
  animation-duration: 2s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
  transition-duration: 200ms;
}

.papp .base:hover,
.papp .shift:hover {
  transform: scale(1.2,1.2);
  transition: transform 200ms ease-out;
  transition-duration: 200ms;
}

.papp .base {
  transform: translateY(5px);
}



.cseperke {
    float: none;
    margin-top: -130px;
    margin-left: 60px;
    color:#e7eaea;
    font-size: 42px;
    font-family: "Cormorant Garamond", serif;
    font-weight: 550;
    letter-spacing: 3px;
    transform: rotate(-12deg);
    text-shadow: 0px 0px 8px #6bb0b7;
     z-index: 3;
 }

  .cseperke .base {
      display: inline-block;
      opacity: 0;
      animation-name: FadeIN;
      animation-duration: 1s;
      animation-timing-function: cubic-bezier(0.83, 0, 0.17, 1);
      animation-fill-mode: forwards;
      vertical-align: 0px; 
      transition-duration: 200ms;
  }
  
 .cseperke .base:hover {
     transform: scale(1.2,1.2);
     text-shadow: 2px 2px 10px #fff;
     transition-duration: 200ms;
 }
 
 .cseperke .shift  {   
    display: inline-block; 
    opacity: 0;
    animation-name: FadeIN;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    vertical-align:4px;
    transition-duration: 200ms;
  }
  
.cseperke .shift:hover {      
     text-shadow: 2px 2px 10px #fff;
     transform: scale(1.2,1.2);
     transition-duration: 200ms;
     transition-timing-function: ease-out;
  }
  
.cseperke span:nth-child(1) {
    animation-delay: 1000ms;
}     

.cseperke span:nth-child(2) {
    animation-delay: 1200ms;
}   

.cseperke span:nth-child(3) {
    animation-delay: 1400ms;
}   

.cseperke span:nth-child(4) {
    animation-delay: 1600ms;
} 
   
.cseperke span:nth-child(5) {
    animation-delay: 1800ms;
} 

.cseperke span:nth-child(6) {
     animation-delay: 2000ms;
} 

.cseperke span:nth-child(7) {
     animation-delay: 2200ms;
} 

.cseperke span:nth-child(8) {
     animation-delay: 2400ms;
} 

.Art {    
    float:right;
    opacity: 0;
    transform: rotate(-12deg);
    color: #65b9c6;
    font-family: "Cormorant Garamond", serif;
    font-size: 20px;
    letter-spacing: 0px;
    margin-top: -81px;
    margin-right: 26px;
    animation-name: FadeIN;
    animation-duration: 200ms;
    animation-delay: 3s;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
}
.And {
    float:right;
    opacity: 0;
    color: #65b9c6;
    font-family: "Cormorant Garamond", serif;
    font-size: 20px;
    letter-spacing: 0px;
    margin-top: -63px;
    margin-right: 60px;
    z-index: 1;
    animation-name: FadeIN;
    animation-duration: 200ms;
    animation-delay: 3300ms;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
}

.Design {
    opacity: 0;
    float:right;
    color: #65b9c6;
    font-family: "Cormorant Garamond", serif;
    font-size: 20px;
    letter-spacing: 0px;
    margin-top: -45px;
    margin-right: 41px;
    z-index: 2;
    animation-name: FadeIN;
    animation-duration: 200ms;
    animation-delay: 3500ms;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e862c4e */@keyframes csepiHover {
  0%   {transform: rotate(0deg);}
  50%  {transform: rotate(-15deg);}
  100% {transform: rotate(0deg);}
}

@keyframes RollIN {
  from {
      opacity: 0;
      transform:rotate(0deg);
      }
  to {
      opacity: 1;
      transform:rotate(360deg);
      }
}

@keyframes FadeIN {
    from {
        opacity: 0;
    }
    to { 
        opacity: 1;
        }
}

@keyframes FadeINandGrow {
    from {
        opacity: 0;
        transform-origin: 10% 40%;
        transform: scale(0.1);
        
    }
    to { 
        opacity: 1;
        transform-origin: 20% 50%;
        transform: scale(1);
        
    }
    
}

.MainTitleEN {width:300px;margin:auto;transform:translateX(35px);}

.picture {
  opacity: 0;
  transform:rotate(0deg);
  float: left;
  margin-top: -140px;
  margin-left: -70px;
  width: 120px;
  height: 120px;
  position: relative;
  animation-name: RollIN;
  animation-duration: 2s;
  animation-timing-function: cubic-bezier(0.34, 1.56, 0.84, 1);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  transition-duration: 2s;
  transition-timing-function: ease-in-out;
}

.picture:hover {
  opacity: 1;
  animation-name: csepiHover;
  animation-duration: 2s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-timing-function: ease-in-out;
}

.picture::before {
    
}



.BGpicture {
    opacity:0;
    float: none;
    animation-name: FadeIN;
    animation-duration: 4s;
    animation-delay: 3s;
    animation-timing-function: cubic-bezier(0.34, 1, 0.64, 1);
    animation-fill-mode: forwards;
}

/* restore the rotation on the parent and ensure it applies */
.pappEN {
    float: left;
    font-size: 42px;
    font-family: "Cormorant Garamond", serif;
    font-weight: 550;
    margin-top: -105px;
    margin-left: 65px;
    letter-spacing: -1px;
    transform: rotate(-12deg) translateX(-10px);
    transition-duration: 200ms;
}

/* Apply the gradient to the actual glyph containers */
.pappEN .base,
.pappEN .shift{
  display:inline-block;
  background-image: linear-gradient(30deg,  #13606b 20%, #65b9c6 80%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;

  /* keep your existing per-letter animations */
  opacity: 0;
  animation-name: FadeIN;
  animation-duration: 2s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
   transition-duration: 200ms;
}

/* per-letter offsets (restore the stagger) */
.pappEN span:nth-child(1){ animation-delay:200ms; letter-spacing: -2px;}
.pappEN span:nth-child(2){ animation-delay:400ms; letter-spacing: 0px; }
.pappEN span:nth-child(3){ animation-delay:600ms; }
.pappEN span:nth-child(4){ animation-delay:800ms; }

.pappEN .base:hover,
.pappEN .shift:hover {
     transform: scale(1.2,1.2);
  transition: transform 200ms ease-out;
  transition-duration: 200ms;
}

.pappEN .base {
  transform: translateY(5px);
}

.cseperkeEN {
    float: none;
    margin-top: -160px;
    margin-left: 42px;
    color:#e7eaea;
    font-size: 42px;
    font-family: "Cormorant Garamond", serif;
    font-weight: 550;
    letter-spacing: 1px;
    transform: rotate(-12deg) translateY(3px);
    text-shadow: 0px 0px 8px #6bb0b7;
     z-index: 3;
 }

  .cseperkeEN .base {
      display: inline-block;
      opacity: 0;
      animation-name: FadeIN;
      animation-duration: 1s;
      animation-timing-function: cubic-bezier(0.83, 0, 0.17, 1);
      animation-fill-mode: forwards;
      vertical-align: 0px; 
      transition-duration: 200ms;
  }
  
 .cseperkeEN .base:hover {
     transform: scale(1.2,1.2);
     text-shadow: 2px 2px 10px #fff;
     transition-duration: 200ms;
 }
 
 .cseperkeEN .shift  {   
    display: inline-block; 
    opacity: 0;
    animation-name: FadeIN;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    transform: translateY(-3px);
    transition-duration: 200ms;
  }
  
.cseperkeEN .shift:hover {      
     text-shadow: 2px 2px 10px #fff;
     transform: scale(1.2,1.2);
     transition-duration: 200ms;
     transition-timing-function: ease-out;
  }
  
.cseperkeEN span:nth-child(1) {
    animation-delay: 1000ms;
}     

.cseperkeEN span:nth-child(2) {
    animation-delay: 1200ms;
}   

.cseperkeEN span:nth-child(3) {
    animation-delay: 1400ms;
}   

.cseperkeEN span:nth-child(4) {
    animation-delay: 1600ms;
} 
   
.cseperkeEN span:nth-child(5) {
    animation-delay: 1800ms;
} 

.cseperkeEN span:nth-child(6) {
     animation-delay: 2000ms;
} 

.cseperkeEN span:nth-child(7) {
     animation-delay: 2200ms;
} 

.cseperkeEN span:nth-child(8) {
     animation-delay: 2400ms;
} 

.ArtEN {    
    float:right;
    opacity: 0;
    transform: rotate(-12deg);
    color: #65b9c6;
    font-family: "Cormorant Garamond", serif;
    font-size: 20px;
    letter-spacing: 0px;
    margin-top: -90px;
    margin-right: 36px;
    animation-name: FadeIN;
    animation-duration: 200ms;
    animation-delay: 3s;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
}
.AndEN {
    float:right;
    opacity: 0;
    color: #65b9c6;
    font-family: "Cormorant Garamond", serif;
    font-size: 20px;
    letter-spacing: 2px;
    margin-top: -72px;
    margin-right: 54px;
    z-index: 1;
    animation-name: FadeIN;
    animation-duration: 200ms;
    animation-delay: 3300ms;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
}

.DesignEN {
    opacity: 0;
    float:right;
    color: #65b9c6;
    font-family: "Cormorant Garamond", serif;
    font-size: 20px;
    letter-spacing: 0px;
    margin-top: -55px;
    margin-right: 38px;
    z-index: 2;
    animation-name: FadeIN;
    animation-duration: 200ms;
    animation-delay: 3500ms;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-459e25c */@keyframes csepiHover {
  0%   {transform: rotate(0deg);}
  50%  {transform: rotate(-15deg);}
  100% {transform: rotate(0deg);}
}

@keyframes RollIN {
  from {
      opacity: 0;
      transform:rotate(0deg);
      }
  to {
      opacity: 1;
      transform:rotate(360deg);
      }
}

@keyframes FadeIN {
    from {
        opacity: 0;
    }
    to { 
        opacity: 1;
        }
}

@keyframes FadeINandGrow {
    from {
        opacity: 0;
        transform-origin: 10% 40%;
        transform: scale(0.1);
        
    }
    to { 
        opacity: 1;
        transform-origin: 20% 50%;
        transform: scale(1);
        
    }
    
}

.MainTitle {width:300px;margin:auto;transform:translateX(35px);}

.picture {
  opacity: 0;
  transform: rotate(0deg);
  float: left;
  margin-top: -140px;
  margin-left: -70px;
  width: 120px;
  height: 120px;
  position: relative;
  animation-name: RollIN;
  animation-duration: 2s;
  animation-timing-function: cubic-bezier(0.34, 1.56, 0.84, 1);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  transition-duration: 2s;
  transition-timing-function: ease-in-out;
}

.picture:hover {
  opacity: 1;
  animation-name: csepiHover;
  animation-duration: 2s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-timing-function: ease-in-out;
}

.picture::before {
    
}



.BGpicture {
    opacity:0;
    float: none;
    animation-name: FadeIN;
    animation-duration: 4s;
    animation-delay: 3s;
    animation-timing-function: cubic-bezier(0.34, 1, 0.64, 1);
    animation-fill-mode: forwards;
}

.papp {
    float: left;
    font-size: 42px;
    font-family: "Cormorant Garamond", serif;
    font-weight: 550;
    margin-top: -155px;
    margin-left: 45px;
    letter-spacing: -1px;
    transform: rotate(-12deg);
    transition-duration: 200ms;
 }
    


.papp .shift  { 
     display: inline-block;
     vertical-align: 5px;
     opacity: 0;
     animation-name: FadeIN;
     animation-duration: 2s;
     animation-timing-function: ease-in-out;
     animation-fill-mode: forwards;
     transition-duration: 300ms;
}

.papp .shift:hover { 
     vertical-align: -5px;
     transition-duration: 300ms;
     transition-timing-function: ease-out;}
     
.papp .base  { 
     display: inline-block;
     vertical-align: 0px;
     opacity: 0;
     animation-name: FadeIN;
     animation-duration: 2s;
     animation-timing-function: ease-in-out;
     animation-fill-mode: forwards;
     transition-duration: 300ms;
}


/* per-letter offsets (restore the stagger) */
.papp span:nth-child(1){ animation-delay:200ms; letter-spacing: -2px;}
.papp span:nth-child(2){ animation-delay:400ms; letter-spacing: 0px; }
.papp span:nth-child(3){ animation-delay:600ms; }
.papp span:nth-child(4){ animation-delay:800ms; }


/* Apply the gradient to the actual glyph containers */
.papp .base,
.papp .shift{
  display:inline-block;
  background-image: linear-gradient(20deg, #13606b 20%, #65b9c6 80%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;

  /* keep your existing per-letter animations */
  opacity: 0;
  animation-name: FadeIN;
  animation-duration: 2s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
  transition-duration: 200ms;
}

.papp .base:hover,
.papp .shift:hover {
  transform: scale(1.2,1.2);
  transition: transform 200ms ease-out;
  transition-duration: 200ms;
}

.papp .base {
  transform: translateY(5px);
}



.cseperke {
    float: none;
    margin-top: -130px;
    margin-left: 60px;
    color:#e7eaea;
    font-size: 42px;
    font-family: "Cormorant Garamond", serif;
    font-weight: 550;
    letter-spacing: 3px;
    transform: rotate(-12deg);
    text-shadow: 0px 0px 8px #6bb0b7;
     z-index: 3;
 }

  .cseperke .base {
      display: inline-block;
      opacity: 0;
      animation-name: FadeIN;
      animation-duration: 1s;
      animation-timing-function: cubic-bezier(0.83, 0, 0.17, 1);
      animation-fill-mode: forwards;
      vertical-align: 0px; 
      transition-duration: 200ms;
  }
  
 .cseperke .base:hover {
     transform: scale(1.2,1.2);
     text-shadow: 2px 2px 10px #fff;
     transition-duration: 200ms;
 }
 
 .cseperke .shift  {   
    display: inline-block; 
    opacity: 0;
    animation-name: FadeIN;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    vertical-align:4px;
    transition-duration: 200ms;
  }
  
.cseperke .shift:hover {      
     text-shadow: 2px 2px 10px #fff;
     transform: scale(1.2,1.2);
     transition-duration: 200ms;
     transition-timing-function: ease-out;
  }
  
.cseperke span:nth-child(1) {
    animation-delay: 1000ms;
}     

.cseperke span:nth-child(2) {
    animation-delay: 1200ms;
}   

.cseperke span:nth-child(3) {
    animation-delay: 1400ms;
}   

.cseperke span:nth-child(4) {
    animation-delay: 1600ms;
} 
   
.cseperke span:nth-child(5) {
    animation-delay: 1800ms;
} 

.cseperke span:nth-child(6) {
     animation-delay: 2000ms;
} 

.cseperke span:nth-child(7) {
     animation-delay: 2200ms;
} 

.cseperke span:nth-child(8) {
     animation-delay: 2400ms;
} 

.Art {    
    float:right;
    opacity: 0;
    transform: rotate(-12deg);
    color: #65b9c6;
    font-family: "Cormorant Garamond", serif;
    font-size: 20px;
    letter-spacing: 0px;
    margin-top: -81px;
    margin-right: 26px;
    animation-name: FadeIN;
    animation-duration: 200ms;
    animation-delay: 3s;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
}
.And {
    float:right;
    opacity: 0;
    color: #65b9c6;
    font-family: "Cormorant Garamond", serif;
    font-size: 20px;
    letter-spacing: 0px;
    margin-top: -63px;
    margin-right: 60px;
    z-index: 1;
    animation-name: FadeIN;
    animation-duration: 200ms;
    animation-delay: 3300ms;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
}

.Design {
    opacity: 0;
    float:right;
    color: #65b9c6;
    font-family: "Cormorant Garamond", serif;
    font-size: 20px;
    letter-spacing: 0px;
    margin-top: -45px;
    margin-right: 41px;
    z-index: 2;
    animation-name: FadeIN;
    animation-duration: 200ms;
    animation-delay: 3500ms;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e862c4e */@keyframes csepiHover {
  0%   {transform: rotate(0deg);}
  50%  {transform: rotate(-15deg);}
  100% {transform: rotate(0deg);}
}

@keyframes RollIN {
  from {
      opacity: 0;
      transform:rotate(0deg);
      }
  to {
      opacity: 1;
      transform:rotate(360deg);
      }
}

@keyframes FadeIN {
    from {
        opacity: 0;
    }
    to { 
        opacity: 1;
        }
}

@keyframes FadeINandGrow {
    from {
        opacity: 0;
        transform-origin: 10% 40%;
        transform: scale(0.1);
        
    }
    to { 
        opacity: 1;
        transform-origin: 20% 50%;
        transform: scale(1);
        
    }
    
}

.MainTitleEN {width:300px;margin:auto;transform:translateX(35px);}

.picture {
  opacity: 0;
  transform:rotate(0deg);
  float: left;
  margin-top: -140px;
  margin-left: -70px;
  width: 120px;
  height: 120px;
  position: relative;
  animation-name: RollIN;
  animation-duration: 2s;
  animation-timing-function: cubic-bezier(0.34, 1.56, 0.84, 1);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  transition-duration: 2s;
  transition-timing-function: ease-in-out;
}

.picture:hover {
  opacity: 1;
  animation-name: csepiHover;
  animation-duration: 2s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-timing-function: ease-in-out;
}

.picture::before {
    
}



.BGpicture {
    opacity:0;
    float: none;
    animation-name: FadeIN;
    animation-duration: 4s;
    animation-delay: 3s;
    animation-timing-function: cubic-bezier(0.34, 1, 0.64, 1);
    animation-fill-mode: forwards;
}

/* restore the rotation on the parent and ensure it applies */
.pappEN {
    float: left;
    font-size: 42px;
    font-family: "Cormorant Garamond", serif;
    font-weight: 550;
    margin-top: -105px;
    margin-left: 65px;
    letter-spacing: -1px;
    transform: rotate(-12deg) translateX(-10px);
    transition-duration: 200ms;
}

/* Apply the gradient to the actual glyph containers */
.pappEN .base,
.pappEN .shift{
  display:inline-block;
  background-image: linear-gradient(30deg,  #13606b 20%, #65b9c6 80%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;

  /* keep your existing per-letter animations */
  opacity: 0;
  animation-name: FadeIN;
  animation-duration: 2s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
   transition-duration: 200ms;
}

/* per-letter offsets (restore the stagger) */
.pappEN span:nth-child(1){ animation-delay:200ms; letter-spacing: -2px;}
.pappEN span:nth-child(2){ animation-delay:400ms; letter-spacing: 0px; }
.pappEN span:nth-child(3){ animation-delay:600ms; }
.pappEN span:nth-child(4){ animation-delay:800ms; }

.pappEN .base:hover,
.pappEN .shift:hover {
     transform: scale(1.2,1.2);
  transition: transform 200ms ease-out;
  transition-duration: 200ms;
}

.pappEN .base {
  transform: translateY(5px);
}

.cseperkeEN {
    float: none;
    margin-top: -160px;
    margin-left: 42px;
    color:#e7eaea;
    font-size: 42px;
    font-family: "Cormorant Garamond", serif;
    font-weight: 550;
    letter-spacing: 1px;
    transform: rotate(-12deg) translateY(3px);
    text-shadow: 0px 0px 8px #6bb0b7;
     z-index: 3;
 }

  .cseperkeEN .base {
      display: inline-block;
      opacity: 0;
      animation-name: FadeIN;
      animation-duration: 1s;
      animation-timing-function: cubic-bezier(0.83, 0, 0.17, 1);
      animation-fill-mode: forwards;
      vertical-align: 0px; 
      transition-duration: 200ms;
  }
  
 .cseperkeEN .base:hover {
     transform: scale(1.2,1.2);
     text-shadow: 2px 2px 10px #fff;
     transition-duration: 200ms;
 }
 
 .cseperkeEN .shift  {   
    display: inline-block; 
    opacity: 0;
    animation-name: FadeIN;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    transform: translateY(-3px);
    transition-duration: 200ms;
  }
  
.cseperkeEN .shift:hover {      
     text-shadow: 2px 2px 10px #fff;
     transform: scale(1.2,1.2);
     transition-duration: 200ms;
     transition-timing-function: ease-out;
  }
  
.cseperkeEN span:nth-child(1) {
    animation-delay: 1000ms;
}     

.cseperkeEN span:nth-child(2) {
    animation-delay: 1200ms;
}   

.cseperkeEN span:nth-child(3) {
    animation-delay: 1400ms;
}   

.cseperkeEN span:nth-child(4) {
    animation-delay: 1600ms;
} 
   
.cseperkeEN span:nth-child(5) {
    animation-delay: 1800ms;
} 

.cseperkeEN span:nth-child(6) {
     animation-delay: 2000ms;
} 

.cseperkeEN span:nth-child(7) {
     animation-delay: 2200ms;
} 

.cseperkeEN span:nth-child(8) {
     animation-delay: 2400ms;
} 

.ArtEN {    
    float:right;
    opacity: 0;
    transform: rotate(-12deg);
    color: #65b9c6;
    font-family: "Cormorant Garamond", serif;
    font-size: 20px;
    letter-spacing: 0px;
    margin-top: -90px;
    margin-right: 36px;
    animation-name: FadeIN;
    animation-duration: 200ms;
    animation-delay: 3s;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
}
.AndEN {
    float:right;
    opacity: 0;
    color: #65b9c6;
    font-family: "Cormorant Garamond", serif;
    font-size: 20px;
    letter-spacing: 2px;
    margin-top: -72px;
    margin-right: 54px;
    z-index: 1;
    animation-name: FadeIN;
    animation-duration: 200ms;
    animation-delay: 3300ms;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
}

.DesignEN {
    opacity: 0;
    float:right;
    color: #65b9c6;
    font-family: "Cormorant Garamond", serif;
    font-size: 20px;
    letter-spacing: 0px;
    margin-top: -55px;
    margin-right: 38px;
    z-index: 2;
    animation-name: FadeIN;
    animation-duration: 200ms;
    animation-delay: 3500ms;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
}/* End custom CSS */