.page_main_title2:after{
     animation-name: slide;
    -webkit-animation-name: slide;
    animation-timing-function: cubic-bezier(.75, 0, .25, 1);
    -webkit-animation-timing-function: cubic-bezier(.75, 0, .25, 1);
    animation-duration: 0.6s;
    -webkit-animation-duration: 0.6s;
    visibility: visible;
}
.info_container_title:after{
     animation-name: slide;
    -webkit-animation-name: slide;
    animation-timing-function: cubic-bezier(.75, 0, .25, 1);
    -webkit-animation-timing-function: cubic-bezier(.75, 0, .25, 1);
    animation-duration: 0.6s;
    -webkit-animation-duration: 0.6s;
    visibility: visible; 
}
.page_main_title:after{
      animation-name: slide;
    -webkit-animation-name: slide;
    animation-timing-function: cubic-bezier(.75, 0, .25, 1);
    -webkit-animation-timing-function: cubic-bezier(.75, 0, .25, 1);
    animation-duration: 0.6s;
    -webkit-animation-duration: 0.6s;
    visibility: visible; 
}
.title_opening_hours:after{
   animation-name:slide70;
   -webkit-animation-name: slide70;
   animation-timing-function: cubic-bezier(.75, 0, .25, 1);
  -webkit-animation-timing-function: cubic-bezier(.75, 0, .25, 1);
  animation-duration: 0.6s;
  -webkit-animation-duration: 0.6s;
  visibility:visible;
}
.opening_hours{
    animation-name:slideRight;
    -webkit-animation-name:slideRight;
    animation-timing-function: cubic-bezier(.75, 0, .25, 1);
    -webkit-animation-timing-function: cubic-bezier(.75, 0, .25, 1);
    visibility: visible !important;
   animation-duration:1s;
    animation-delay:250ms;
    transition-delay: 0ms;
    
    
}

.scale{
    animation-name: scale;
    -webkit-animation-name: scale;
    animation-timing-function: cubic-bezier(.75, 0, .25, 1);
    -webkit-animation-timing-function: cubic-bezier(.75, 0, .25, 1);
    visibility: visible !important;
    animation-duration: 1s;
    animation-delay: 0ms;
    transition-delay: 0ms;
}
.slideRight{
    animation-name: slideRight;
    -webkit-animation-name: slideRight;
    animation-duration:500ms;
    animation-delay: 0ms;
    transition-delay: 0ms;
    animation-timing-function: cubic-bezier(.75, 0, .25, 1);
    -webkit-animation-timing-function: cubic-bezier(.75, 0, .25, 1);
    visibility: visible !important;
     animation-fill-mode: forwards;
}
.fadein-animation{
   visibility: hidden;
}
.animation_element{
    visibility:hidden;  
}
.fadein1{
    animation-name:Fadein;
   -webkit-animation-name:Fadein;
      animation-duration:1s;
    animation-delay: 0ms;
    transition-delay: 0ms;
    animation-timing-function: cubic-bezier(.75, 0, .25, 1);
   -webkit-animation-timing-function: cubic-bezier(.75, 0, .25, 1);
   visibility: visible !important;
}
.fadein2{
    animation-name: slideRightt;
    -webkit-animation-name: slideRightt;
    animation-duration:1s;
    animation-delay: 250ms;
    transition-delay: 250ms;
    animation-timing-function: cubic-bezier(.75, 0, .25, 1);
    -webkit-animation-timing-function: cubic-bezier(.75, 0, .25, 1);
    visibility: visible !important;
     animation-fill-mode: forwards;
}
.fadein3{
    animation-name: slideRight200;
    -webkit-animation-name: slideRight200;
     animation-duration:1s;
     animation-delay:500ms;
     transition-delay: 500ms;
    animation-timing-function: cubic-bezier(.75, 0, .25, 1);
    -webkit-animation-timing-function: cubic-bezier(.75, 0, .25, 1);
    visibility: visible !important
}
.blogg_item1:nth-child(1){
   animation-duration:1s;
   animation-delay: 0ms;
   transition-delay: 0ms;
   animation-name:Fadein;
   -webkit-animation-name:Fadein;
   animation-timing-function: cubic-bezier(.75, 0, .25, 1);
   -webkit-animation-timing-function: cubic-bezier(.75, 0, .25, 1);
   visibility: visible !important; 
}
.blogg_item1:nth-child(2){
    animation-duration: 800ms;
    animation-delay:500ms;
    transition-delay:500ms;
    animation-timing-function: cubic-bezier(.75, 0, .25, 1);
    -webkit-animation-timing-function: cubic-bezier(.75, 0, .25, 1);
    animation-name: slideDown;
    -webkit-animation-name:slideDown;
     visibility: visible !important;
}
.blogg_item1:nth-child(3){
    animation-duration:800ms;
    animation-delay:800ms;
    transition-delay:500ms;
    animation-name:slideDown200;
    -webkit-animation-name:slideDown200;
    animation-timing-function: cubic-bezier(.75, 0, .25, 1);
    -webkit-animation-timing-function: cubic-bezier(.75, 0, .25, 1);
    visibility: visible !important; 
}
.article_con2 .article_con_conatiner img{
    animation-name: scale;
    -webkit-animation-name: scale;
    animation-timing-function: cubic-bezier(.75, 0, .25, 1);
    -webkit-animation-timing-function: cubic-bezier(.75, 0, .25, 1);
    visibility: visible !important;
    animation-duration: 1s;
    animation-delay: 0ms;
    transition-delay: 0ms;
    
}
.info-color-information2{
   position: relative;
    
}
.blog_item1:nth-child(1){
    animation-name:Fadein;
    -webkit-animation-name:Fadein;
    animation-timing-function: cubic-bezier(.75, 0, .25, 1);
    -webkit-animation-timing-function: cubic-bezier(.75, 0, .25, 1);
    visibility: visible !important;
    animation-duration:1s;
    animation-delay: 0ms;
    transition-delay: 0ms;
}
.blog_item1:nth-child(2){
    animation-name: slideRightt;
    -webkit-animation-name: slideRightt;
    animation-duration:1s;
    animation-delay: 250ms;
    transition-delay: 250ms;
    animation-timing-function: cubic-bezier(.75, 0, .25, 1);
    -webkit-animation-timing-function: cubic-bezier(.75, 0, .25, 1);
    visibility: visible !important;
    animation-fill-mode: forwards; 
}
.blog_item1:nth-child(3){
      animation-name: slideRight200;
    -webkit-animation-name: slideRight200;
     animation-duration:1s;
     animation-delay:500ms;
     transition-delay: 500ms;
    animation-timing-function: cubic-bezier(.75, 0, .25, 1);
    -webkit-animation-timing-function: cubic-bezier(.75, 0, .25, 1);
    visibility: visible !important
}
.info_container_text:before{
     animation-name: scale;
    -webkit-animation-name: scale;
    animation-timing-function: cubic-bezier(.75, 0, .25, 1);
    -webkit-animation-timing-function: cubic-bezier(.75, 0, .25, 1);
    visibility: visible !important;
    animation-duration: 1s;
    animation-delay: 0ms;
    transition-delay: 0ms;
}

.article_container4 p:nth-child(8){
    animation-name: slideLeft50;
    -webkit-animation-name: slideLeft50;
    animation-duration:600ms;
    animation-delay:0ms;
    transition-delay:0ms; 
    animation-timing-function:cubic-bezier(.75, 0, .25, 1);
    -webkit-animation-timing-function:cubic-bezier(.75, 0, .25, 1);    
}
.sticky{
    animation-name:slideLeft50;
    -webkit-animation-name:slideLeft50;
    animation-duration:600ms;
    animation-delay: 0ms;
    transition-delay:0ms;
    animation-timing-function:cubic-bezier(.75, 0, .25, 1);
    -webkit-animation-timing-function:cubic-bezier(.75, 0, .25, 1);    
}
.info_container_ul{
    height:300px;
     animation-name:boxshadow;
    -webkit-animation-name:boxshadow;
    animation-duration:5s;
    animation-delay: 0ms;
    transition-delay:0ms;
    animation-timing-function:linear;
    -webkit-animation-timing-function:linear;    
    animation-iteration-count: infinite;
    animation-direction: alternate;
    
}
.article-button{
     animation-name:boxshadow;
    -webkit-animation-name:boxshadow;
    animation-duration:5s;
    animation-delay: 0ms;
    transition-delay:0ms;
    animation-timing-function:linear;
    -webkit-animation-timing-function:linear;    
    animation-iteration-count: infinite;
    animation-direction: alternate;
    
}
.article_container4 p img{
    animation-name:Fadein;
    -webkit-animation-name:Fadein;
    animation-timing-function: cubic-bezier(.75, 0, .25, 1);
    -webkit-animation-timing-function: cubic-bezier(.75, 0, .25, 1);
    visibility: visible !important;
    animation-duration:1s;
    animation-delay: 0ms;
    transition-delay: 0ms;
    
}
.moreinformation-p:after{
      animation-name:slide70;
   -webkit-animation-name: slide70;
   animation-timing-function: cubic-bezier(.75, 0, .25, 1);
  -webkit-animation-timing-function: cubic-bezier(.75, 0, .25, 1);
  animation-duration: 0.6s;
  -webkit-animation-duration: 0.6s;
  visibility:visible; 
    
}
.blog_con_blog p img{
     animation-name: scale;
    -webkit-animation-name: scale;
    animation-timing-function: cubic-bezier(.75, 0, .25, 1);
    -webkit-animation-timing-function: cubic-bezier(.75, 0, .25, 1);
    visibility: visible !important;
    animation-duration: 1s;
    animation-delay: 0ms;
    transition-delay: 0ms;
    margin-left:auto;  
}
.gallery_container .image-item img{
      animation-name: scale;
    -webkit-animation-name: scale;
    animation-timing-function: cubic-bezier(.75, 0, .25, 1);
    -webkit-animation-timing-function: cubic-bezier(.75, 0, .25, 1);
    visibility: visible !important;
    animation-duration: 1s;
 
}




@keyframes slide {
    0% {width:0px}
    100% {width:120px;}
}
@keyframes slide70{
    0%{width:0px;}
    100%{width:70px;}
    
    
    
}

@keyframes scale{
    0% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }
    100% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}
@keyframes slideRight{
    0%{
        opacity:0;
        margin-left:-15px;
    }

}
@keyframes Fadein{
      0% {
         opacity: 0;
     }
     100% {
         opacity: 1;
     }
}
@keyframes slideRightt{
    0%{
        opacity:0;
        transform:translateX(-100%);
        
    }
    100%{
        opacity:1;
        transform:translateX(0%);
    }
    
}
@keyframes slideRight200{
    0%{
       opacity:0;
       transform: translateX(-200%);
    }
    100%{
        opacity:1;
        transform: translateX(0%);
        
    }
    
}
@keyframes slideDown{
    0%{
        opacity:0;
        transform: translateY(-100%);
        
    }
    100{
        opacity:1;
        transform:translateY(0%);
    }
    
    
}

@keyframes slideDown200{
    0%{
        opacity:0;
        transform: translateY(-200%);
        
    }    
    100%{
        opacity:1;
        transform: translateY(0%);
        
    }
    
}
@keyframes slideLeft50{
    0%{
       opacity:0; 
       transform:translateX(50%);
    }
    100%{
        opacity:1;
        transform:translateX(0%);
    }
    
    
}
@keyframes boxshadow{
   from{
        box-shadow:0;
    }
    to{
        
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }
    
    
}







