.elementor-13862 .elementor-element.elementor-element-095779a{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-13862 .elementor-element.elementor-element-095779a:not(.elementor-motion-effects-element-type-background), .elementor-13862 .elementor-element.elementor-element-095779a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-9157540 );}.elementor-13862 .elementor-element.elementor-element-44e44d5{--display:flex;--min-height:250px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--overlay-opacity:1;}.elementor-13862 .elementor-element.elementor-element-44e44d5:not(.elementor-motion-effects-element-type-background), .elementor-13862 .elementor-element.elementor-element-44e44d5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-9157540 );background-image:url("https://pappcseperke.hu/wp-content/uploads/2023/08/e.jpg");background-position:center center;background-size:cover;}.elementor-13862 .elementor-element.elementor-element-44e44d5::before, .elementor-13862 .elementor-element.elementor-element-44e44d5 > .elementor-background-video-container::before, .elementor-13862 .elementor-element.elementor-element-44e44d5 > .e-con-inner > .elementor-background-video-container::before, .elementor-13862 .elementor-element.elementor-element-44e44d5 > .elementor-background-slideshow::before, .elementor-13862 .elementor-element.elementor-element-44e44d5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-13862 .elementor-element.elementor-element-44e44d5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #091B2494 25%, var( --e-global-color-9157540 ) 90%);}.elementor-13862 .elementor-element.elementor-element-44e44d5::before{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}body:not(.rtl) .elementor-13862 .elementor-element.elementor-element-5934ab8{right:20px;}body.rtl .elementor-13862 .elementor-element.elementor-element-5934ab8{left:20px;}.elementor-13862 .elementor-element.elementor-element-5934ab8{top:20px;}.elementor-13862 .elementor-element.elementor-element-5934ab8 .elementor-icon-wrapper{text-align:center;}.elementor-13862 .elementor-element.elementor-element-5934ab8.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );color:var( --e-global-color-069846a );}.elementor-13862 .elementor-element.elementor-element-5934ab8.elementor-view-framed .elementor-icon, .elementor-13862 .elementor-element.elementor-element-5934ab8.elementor-view-default .elementor-icon{color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-13862 .elementor-element.elementor-element-5934ab8.elementor-view-framed .elementor-icon, .elementor-13862 .elementor-element.elementor-element-5934ab8.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-accent );}.elementor-13862 .elementor-element.elementor-element-5934ab8.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-069846a );}.elementor-13862 .elementor-element.elementor-element-5934ab8.elementor-view-stacked .elementor-icon svg{fill:var( --e-global-color-069846a );}.elementor-13862 .elementor-element.elementor-element-5934ab8 .elementor-icon{font-size:25px;}.elementor-13862 .elementor-element.elementor-element-5934ab8 .elementor-icon svg{height:25px;}.elementor-13862 .elementor-element.elementor-element-9d20977 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-13862 .elementor-element.elementor-element-99459a5{--display:flex;--justify-content:space-evenly;--gap:25px 25px;--row-gap:25px;--column-gap:25px;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-13862 .elementor-element.elementor-element-3e64ebc .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(25px/2);}.elementor-13862 .elementor-element.elementor-element-3e64ebc .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(25px/2);}.elementor-13862 .elementor-element.elementor-element-3e64ebc .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(25px/2);}.elementor-13862 .elementor-element.elementor-element-3e64ebc .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-25px/2);}.elementor-13862 .elementor-element.elementor-element-3e64ebc .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-25px/2);}.elementor-13862 .elementor-element.elementor-element-3e64ebc .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-13862 .elementor-element.elementor-element-3e64ebc .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-13862 .elementor-element.elementor-element-3e64ebc{--e-icon-list-icon-size:25px;--e-icon-list-icon-align:center;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.125);--icon-vertical-align:center;--icon-vertical-offset:-6px;}.elementor-13862 .elementor-element.elementor-element-3e64ebc .elementor-icon-list-item > .elementor-icon-list-text, .elementor-13862 .elementor-element.elementor-element-3e64ebc .elementor-icon-list-item > a{font-family:"Overlock", Sans-serif;font-weight:400;}.elementor-13862 .elementor-element.elementor-element-3e64ebc .elementor-icon-list-text{transition:color 0.3s;}.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-13862 .elementor-element.elementor-element-7d78715{font-family:"Overlock", Sans-serif;font-size:1.2em;font-weight:400;}.elementor-13862 .elementor-element.elementor-element-7ab4729 > .elementor-widget-container{margin:0px -100px 0px -100px;}.elementor-13862 .elementor-element.elementor-element-7ab4729 .swiper-wrapper{display:flex;align-items:center;}.elementor-13862 .elementor-element.elementor-element-e01d6ba{--grid-template-columns:repeat(0, auto);--icon-size:2rem;--grid-column-gap:25px;--grid-row-gap:0px;}.elementor-13862 .elementor-element.elementor-element-e01d6ba .elementor-widget-container{text-align:center;}@media(max-width:767px){.elementor-13862 .elementor-element.elementor-element-095779a{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13862 .elementor-element.elementor-element-44e44d5{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;}.elementor-13862 .elementor-element.elementor-element-5934ab8 .elementor-icon{font-size:25px;}.elementor-13862 .elementor-element.elementor-element-5934ab8 .elementor-icon svg{height:25px;}.elementor-13862 .elementor-element.elementor-element-99459a5{--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-13862 .elementor-element.elementor-element-3e64ebc .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-13862 .elementor-element.elementor-element-3e64ebc .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-13862 .elementor-element.elementor-element-3e64ebc .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-13862 .elementor-element.elementor-element-3e64ebc .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-13862 .elementor-element.elementor-element-3e64ebc .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-13862 .elementor-element.elementor-element-3e64ebc{--e-icon-list-icon-size:25px;--e-icon-list-icon-align:left;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.25) 0 0;}.elementor-13862 .elementor-element.elementor-element-7d78715{font-size:1em;}.elementor-13862 .elementor-element.elementor-element-7ab4729{width:100%;max-width:100%;}.elementor-13862 .elementor-element.elementor-element-7ab4729 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-13862 .elementor-element.elementor-element-7ab4729.elementor-element{--align-self:center;}.elementor-13862 .elementor-element.elementor-element-7ab4729 .swiper-wrapper{display:flex;align-items:center;}.elementor-13862 .elementor-element.elementor-element-e01d6ba{--icon-size:1.5rem;--grid-column-gap:10px;}}@media(min-width:768px){.elementor-13862 .elementor-element.elementor-element-095779a{--content-width:540px;}}/* Start custom CSS for html, class: .elementor-element-9d20977 */@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;}

.pictureEN {
  opacity: 0;
  transform: rotate (0deg);
  float: left;
  margin-top: -140px;
  margin-left: -60px;
  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;
}

.pictureEN: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;
}

.pappEN {
    color: #6fb4bb;
    letter-spacing: 0.5px;
    float: left;
    font-size: 42px;
    font-family: "Cormorant Garamond", serif;
    font-weight: 800;
    margin-top: -95px;
    margin-left: 65px;
    letter-spacing: 3px;
    transform: rotate(-12deg);
}

.pappEN .shift  { 
    letter-spacing: 0.5px;
     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;
}

.pappEN .shift:hover { 
    letter-spacing: 0.5px;
     vertical-align: -5px;
     transition-duration: 300ms;
     transition-timing-function: ease-out;}
     
.pappEN .base  { 
    letter-spacing: 0.5px;
     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;
}

.pappEN .base:hover {
    letter-spacing: 0.5px;
     vertical-align: -5px;
     transition-duration: 200ms;
     transition-timing-function: ease-out;}
     
.pappEN span:nth-child(1) {
    animation-delay: 200ms;
}     

.pappEN span:nth-child(2) {
    animation-delay: 400ms;
}   

.pappEN span:nth-child(3) {
    animation-delay: 600ms;
}   

.pappEN span:nth-child(4) {
    animation-delay: 800ms;
} 
     
     

.cseperkeEN {
    letter-spacing: 0.5px;
    float: none;
    margin-top: -160px;
    margin-left: 42px;
    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;
 }

  .cseperkeEN .base {
      letter-spacing: 0.5px;
      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 {
     letter-spacing: 0.5px;
     transform: scale(1.2,1.2);
     text-shadow: 2px 2px 10px #fff;
     transition-duration: 200ms;
 }
 
 .cseperkeEN .shift  {  
     letter-spacing: 0.5px;
    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;
  }
  
.cseperkeEN .shift:hover {   letter-spacing: 0.5px;  
     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: #6fb4bb;
    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: #6fb4bb;
    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: #6fb4bb;
    font-family: "Cormorant Garamond", serif;
    font-size: 20px;
    letter-spacing: px;
    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-02a6ae0 */@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;}

.picture {
  opacity: 0;
  transform: rotate (0deg);
  float: left;
  margin-top: -140px;
  margin-left: -60px;
  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: 3px;
    transform: rotate(-12deg);
    background: rgb(54,92,105);
    background: linear-gradient(20deg, rgba(54,92,105,1) 23%, rgba(107,171,180,1) 100%); 
    -webkit-background-clip: text; 
    -webkit-text-fill-color: transparent; }

.papp .shift  { 
    letter-spacing: 0.5px;
     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 { 
    letter-spacing: 0.5px;
     vertical-align: -5px;
     transition-duration: 300ms;
     transition-timing-function: ease-out;}
     
.papp .base  { 
    letter-spacing: 0.5px;
     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;
}

.papp .base:hover { 
    letter-spacing: 0.5px;
     vertical-align: -5px;
     transition-duration: 200ms;
     transition-timing-function: ease-out;}
     
.papp span:nth-child(1) {
    animation-delay: 200ms;
}     

.papp span:nth-child(2) {
    animation-delay: 400ms;
}   

.papp span:nth-child(3) {
    animation-delay: 600ms;
}   

.papp span:nth-child(4) {
    animation-delay: 800ms;
} 
     
     

.cseperke {
    letter-spacing: 0.5px;
    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 {
      letter-spacing: 0.5px;
      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 {
     letter-spacing: 0.5px;
     transform: scale(1.2,1.2);
     text-shadow: 2px 2px 10px #fff;
     transition-duration: 200ms;
 }
 
 .cseperke .shift  {  
    letter-spacing: 0.5px;
    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 {     letter-spacing: 0.5px;
     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: #6fb4bb;
    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: #6fb4bb;
    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: #6fb4bb;
    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 */