.animated {
  -webkit-animation-duration: 0.7s;
  -o-animation-duration: 0.7s;
  -moz-animation-duration: 0.7s;
  animation-duration: 0.7s;  
}
h2.animated,
.lang_list_block.animated {
  -webkit-animation-delay: 2s;
  -o-animation-delay: 2s;
  -moz-animation-delay: 2s;
  animation-delay: 2s;
}

.header_front .show {
    animation: ShowAnimation 2s linear;
    animation-fill-mode: both;
}
@keyframes ShowAnimation {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.header_front .hide {
    animation: HideAnimation 2s linear;
    animation-fill-mode: both;
}
@keyframes HideAnimation {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

#header.header_front.dark_bg  {
    animation: DarkBgAnimation 1.3s linear;
    animation-fill-mode: both;
}
@keyframes DarkBgAnimation {
    0% {
        background: rgba(0,0,0,0);
    }
    20% {
        height: 85px;
    }
    100% {
		background: rgba(0,0,0,0.85);
    }
}
#header.header_front.light_bg  {
    animation: LightBgAnimation 1.1s linear;
    animation-fill-mode: both;
}
@keyframes LightBgAnimation {
    0% {
       background: rgba(0,0,0,0.85);
       height: 85px;
    }
    100% {
		background: rgba(0,0,0,0);
        height: 120px;
    }
}

.header_front .logo_scroll_down  {
    animation: LogoDownAnimation 0.6s linear;
    animation-fill-mode: both;
}
@keyframes LogoDownAnimation {
    from {
        top: 37px;
    }
    to {
        top: 15px;
    }
}
.header_front .logo_scroll_up {
    animation: LogoUpAnimation 0.5s linear;
    animation-fill-mode: both;
}
@keyframes LogoUpAnimation {
    from {
       top: 15px;
    }
    to {
        top: 37px;
    }
}

.header_front .lang_scroll_down  {
    animation: LangDownAnimation 0.6s linear;
    animation-fill-mode: both;
}
@keyframes LangDownAnimation {
    from {
        top: 50px;
    }
    to {
        top: 30px;
    }
}
.header_front .lang_scroll_up {
    animation: LangUpAnimation 0.5s;
    animation-fill-mode: both;
}
@keyframes LangUpAnimation {
    from {
       top: 30px;
    }
    to {
        top: 50px;
    }
}

/* .big_logo_big {
	will-change: transform;
    animation: BigLogoAnimation 0.7s linear;
	  animation-fill-mode: both;
}
@keyframes BigLogoAnimation {
    from {
       max-width: 210px;
    }
    to {
       transform: scale3d(1.02, 1.02, 1.02)
    }
} */
/* .block_top_text h2.h2_small  {
    animation: BigTitleAnimation 1s linear;
    animation-delay: 2s;
    animation-fill-mode: both;
}
@keyframes BigTitleAnimation {
    from {
        opacity: 0;
        color: #e6e6e6;
        font-size: 18px;
    }
    to {
        opacity: 1;
        color: white;
        font-size: 25px;
    }
}

.block_top_text h2.h2_big {
    animation: BigTitleBigAnimation 0.8s linear;
    animation-delay: 2s;
    animation-fill-mode: both;
}
@keyframes BigTitleBigAnimation {
    from {
        opacity: 0;
        color: #e6e6e6;
        font-size: 35px;
    }
    to {
        opacity: 1;
        color: white;
		transform: scale3d(1.01, 1.01, 1.01)
    }
} */

.top_phrase {
    animation: PhraseAnimation 1s linear;
    animation-delay: 3.5s;
    animation-fill-mode: both;
}
@keyframes PhraseAnimation {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.link_to_contact {
    animation: linkAnimation 1s linear;
    animation-delay: 4.3s;
    animation-fill-mode: both;
}
@keyframes linkAnimation {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.header_front .search_line_scroll {
    animation: SLAnimation 0.6s linear;
    animation-fill-mode: both;
}
@keyframes SLAnimation {
    from {
        margin-top: 30px;
    }
    to {
        margin-top: 0;
    }
}

.header_front .search_line_top {
    animation: ALTAnimation 0.6s linear;
    animation-fill-mode: both;
}
@keyframes ALTAnimation {
    from {
        margin-top: 0;
    }
    to {
        margin-top: 30px;
    }
}

.big_logo_small {
    animation: BigLogoSmallAnimation 1.2s ease-in-out;
}
@keyframes BigLogoSmallAnimation {
    from {
       max-width: 120px;
    }
    to {
        max-width: 170px;
    }
}



#header.header_pages.light_bg  {
    animation: LightBgPagesAnimation 1.1s linear;
    animation-fill-mode: both;
}
@keyframes LightBgPagesAnimation {
    0% {
       background: rgba(0,0,0,0.85);
       height: 85px;
    }
    100% {
		background: rgba(0,0,0,0.85);
        height: 120px;
    }
}
#header.header_pages.dark_bg  {
    animation: DarkBgPagesAnimation 1.3s linear;
    animation-fill-mode: both;
}
@keyframes DarkBgPagesAnimation {
    0% {
        background: rgba(0,0,0,0);
    }
    20% {
        height: 85px;
    }
    100% {
		background: rgba(0,0,0,0.85);
    }
}



#menu.menu_scroll_down  {
    animation: MenuDownAnimation 0.6s linear;
    animation-fill-mode: both;
}
@keyframes MenuDownAnimation {
    from {
        padding-top: 35px;
    }
    to {
         padding-top: 13px;
    }
}
#menu.menu_scroll_up {
    animation: MenuUpAnimation 0.5s linear;
    animation-fill-mode: both;
}
@keyframes MenuUpAnimation {
    from {
       padding-top: 13px;
    }
    to {
       padding-top: 35px;
    }
}



.menu_mob_scroll_down  {
    animation: MenuMobDownAnimation 0.6s linear;
    animation-fill-mode: both;
}
@keyframes MenuMobDownAnimation {
    from {
        top: 52px;
    }
    to {
        top: 32px;
    }
}
.menu_mob_scroll_up {
    animation: MenuMobUpAnimation 0.5s linear;
    animation-fill-mode: both;
}
@keyframes MenuMobUpAnimation {
    from {
       top: 32px;
    }
    to {
        top: 52px;
    }
}