/*======================== АНИМИРОВАННЫЕ ЭЛЕМЕНТЫ ====================*/

/*
-webkit-transform: translate(0%, -50%); transform: translate(0%, -50%);
-webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0%);
-webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
*/

.gamburger__line,.hover:before,.button__txt,.popup_close,.navigation__link,.placeholder,.for_input,input,.search-result a,
.for_input__svg,.header,.choose-auditory__inner img,.attachment__links a,.newsLink,.arr svg,.arr,.newsLink .title,.newsLink__left,
.arrow svg,.ow--link,.ow--link:before,.image--full,.eye,.ows__comment,.full_link,.fixedNavigation__wrapp:before,.clients .ci--4,
.comment,.comment svg,.comment span,.comment p,.comment h4,.comment h3,.input_select_text,.input_select .list,.team-box__foto img,
.input_select_text:before,.diagramma__circle,.socials .social,.js--sheare,.document,.document__name,.document__btn,.document__btn p,
.project,.project span,.project p,.post__sheare svg,.project__image img,.tabBox__navigation li,.tabBox__navigation li p:after,
.tabBox__navigation li p:before,.tabBox__navigation li p,.tabBox__navigation li span,.service-link p,.service-link,
.tumbler__btn:before,.tumbler__btn p{
	transition: 0.3s!important;
	-webkit-transition:0.3s!important;
	-moz-transition:0.3s!important;
	-o-transition:0.3s!important;	
}
.button{
	transition: 0.1s!important;
	-webkit-transition:0.1s!important;
	-moz-transition:0.1s!important;
	-o-transition:0.1s!important;	
}
.loading_logo{
	transition: 1s cubic-bezier(.14,.03,.02,.87) 0s;
	-webkit-transition:1s cubic-bezier(.14,.03,.02,.87) 0s;
	-moz-transition:1s  cubic-bezier(.14,.03,.02,.87) 0s;
	-o-transition:1s cubic-bezier(.14,.03,.02,.87) 0s ;		
}
.menu,.loginForm,.menuMobil{
	transition: 0.6s cubic-bezier(.64,.01,.19,1) 0s;
	-webkit-transition:0.6s cubic-bezier(.64,.01,.19,1) 0s;
	-moz-transition:0.6s cubic-bezier(.64,.01,.19,1) 0s;
	-o-transition:0.6s cubic-bezier(.64,.01,.19,1) 0s ;		
}
.compas,.ows{
	transition: 1s cubic-bezier(.64,.01,.19,1) 0s;
	-webkit-transition:1s cubic-bezier(.64,.01,.19,1) 0s;
	-moz-transition:1s cubic-bezier(.64,.01,.19,1) 0s;
	-o-transition:1s cubic-bezier(.64,.01,.19,1) 0s ;		
}
.fix-callback{
	transition: transform 0.5s cubic-bezier(.64,.01,.19,1) 0s, background 0.3s;
	-webkit-transition:transform 0.5s cubic-bezier(.64,.01,.19,1) 0s, background 0.3s;
	-moz-transition:transform 0.5s cubic-bezier(.64,.01,.19,1) 0s, background 0.3s;
	-o-transition:transform 0.5s cubic-bezier(.64,.01,.19,1) 0s, background 0.3s;		
}
.abs,.choose-auditory__inner img,.choose-auditory__inner,.screen--fix,#BusenessSteps .slide,.business-head-slider__arrows,
.fix-callback,.fixedNavigation__wrapp,.fixedNavigation__wrapp:before{
	-webkit-backface-visibility: hidden!important;
}

/*=====================ВИДЫ АНИМАЦИИ================================*/

/*=====height=====*/
.full_hight{height:0%;}
.animated .full_hight{height:100%;}

/*=====width=====*/
.full_width{width:0%;}
.animated .full_width{width:100%;}

/*=====skew=====*/
.skew{
	opacity:0;
	transform: skew(-6deg, -6deg) scale(0.8);
	-webkit-transform: skew(-6deg, -6deg) scale(0.8);
	-moz-transform: skew(-6deg, -6deg) scale(0.8);
	-o-transform: skew(-6deg, -6deg) scale(0.8);
	-ms-transform: skew(-6deg, -6deg) scale(0.8);	
}
.animated .skew,.skew.animated{
	opacity:1;
	transform: skew(0deg, 0deg) scale(1);
	-webkit-transform:skew(0deg, 0deg) scale(1);
	-moz-transform: skew(0deg, 0deg) scale(1);
	-o-transform: skew(0deg, 0deg) scale(1);
	-ms-transform: skew(0deg, 0deg) scale(1);		
}

/*=====opacity=====*/
.opacity{opacity:0;}
.animated .opacity,.opacity.animated{opacity:1;}

/*=====top=====*/
.t_top{opacity:0; -webkit-transform: translate(0px, -20px); transform: translate(0px, -20px); }
.animated .t_top,.animated.t_top{opacity:1; -webkit-transform: translate(0px, -0px); transform: translate(0px, -0px);}

/*=====left=====*/
.t_left{opacity:0; -webkit-transform: translate(-20px, 0px); transform: translate(-20px, 0px); }
.animated .t_left,.animated.t_left{opacity:1; -webkit-transform: translate(0px, -0px); transform: translate(0px, -0px);}

/*=====right=====*/
.t_right{opacity:0; -webkit-transform: translate(20px, 0px); transform: translate(20px, 0px); }
.animated .t_right,.animated.t_right{opacity:1; -webkit-transform: translate(0px, -0px); transform: translate(0px, -0px);}

/*=====bottom=====*/
.t_bottom{opacity:0; -webkit-transform: translate(0px, 20px); transform: translate(0px, 20px); }
.animated .t_bottom,.animated.t_bottom{opacity:1; -webkit-transform: translate(0px, -0px); transform: translate(0px, -0px);}

/*=====title=====*/
.title_anim{opacity:0; -webkit-transform: translate(10px, 0px); transform: translate(10px, 0px); letter-spacing:10px;}
.animated .title_anim,.animated.title_anim{opacity:1; -webkit-transform: translate(0px, -0px); transform: translate(0px, -0px);letter-spacing:0px;}

/*=====================ЗАДЕРЖКА АНИМАЦИИ================================*/
.anim1,.anim2,.anim3,.anim4,.anim5,.anim6,.anim7,.anim8,.anim9{
	transition: 1s cubic-bezier(0.42, 0, 0.1, 1) 0s;
	-webkit-transition:1s cubic-bezier(0.42, 0, 0.1, 1) 0s;
	-moz-transition:1s cubic-bezier(0.42, 0, 0.1, 1) 0s;
	-o-transition:1s cubic-bezier(0.42, 0, 0.1, 1) 0s;		
}

.animated .anim1, .anim1.animated{
	transition: 1s cubic-bezier(0.42, 0, 0.1, 1) 0s;
	-webkit-transition:1s cubic-bezier(0.42, 0, 0.1, 1) 0s;
	-moz-transition:1s cubic-bezier(0.42, 0, 0.1, 1) 0s;
	-o-transition:1s cubic-bezier(0.42, 0, 0.1, 1) 0s;		
}
.animated .anim2, .anim2.animated{
	transition: 1s cubic-bezier(0.42, 0, 0.1, 1) 0.1s;
	-webkit-transition:1s cubic-bezier(0.42, 0, 0.1, 1) 0.1s;
	-moz-transition:1s cubic-bezier(0.42, 0, 0.1, 1) 0.1s;
	-o-transition:1s cubic-bezier(0.42, 0, 0.1, 1) 0.1s;		
}
.animated .anim3, .anim3.animated{
	transition: 1s cubic-bezier(0.42, 0, 0.1, 1) 0.2s;
	-webkit-transition:1s cubic-bezier(0.42, 0, 0.1, 1) 0.2s;
	-moz-transition:1s cubic-bezier(0.42, 0, 0.1, 1) 0.2s;
	-o-transition:1s cubic-bezier(0.42, 0, 0.1, 1) 0.2s;		
}
.animated .anim4, .anim4.animated{
	transition: 1s cubic-bezier(0.42, 0, 0.1, 1) 0.3s;
	-webkit-transition:1s cubic-bezier(0.42, 0, 0.1, 1) 0.3s;
	-moz-transition:1s cubic-bezier(0.42, 0, 0.1, 1) 0.3s;
	-o-transition:1s cubic-bezier(0.42, 0, 0.1, 1) 0.3s;		
}
.animated .anim5, .anim5.animated{
	transition: 1s cubic-bezier(0.42, 0, 0.1, 1) 0.4s;
	-webkit-transition:1s cubic-bezier(0.42, 0, 0.1, 1) 0.4s;
	-moz-transition:1s cubic-bezier(0.42, 0, 0.1, 1) 0.4s;
	-o-transition:1s cubic-bezier(0.42, 0, 0.1, 1) 0.4s;		
}
.animated .anim6, .anim6.animated{
	transition: 1s cubic-bezier(0.42, 0, 0.1, 1) 0.5s;
	-webkit-transition:1s cubic-bezier(0.42, 0, 0.1, 1) 0.5s;
	-moz-transition:1s cubic-bezier(0.42, 0, 0.1, 1) 0.5s;
	-o-transition:1s cubic-bezier(0.42, 0, 0.1, 1) 0.5s;		
}
.animated .anim7, .anim7.animated{
	transition: 1s cubic-bezier(0.42, 0, 0.1, 1) 0.6s;
	-webkit-transition:1s cubic-bezier(0.42, 0, 0.1, 1) 0.6s;
	-moz-transition:1s cubic-bezier(0.42, 0, 0.1, 1) 0.6s;
	-o-transition:1s cubic-bezier(0.42, 0, 0.1, 1) 0.6s;		
}
.animated .anim8, .anim8.animated{
	transition: 1s cubic-bezier(0.42, 0, 0.1, 1) 0.7s;
	-webkit-transition:1s cubic-bezier(0.42, 0, 0.1, 1) 0.7s;
	-moz-transition:1s cubic-bezier(0.42, 0, 0.1, 1) 0.7s;
	-o-transition:1s cubic-bezier(0.42, 0, 0.1, 1) 0.7s;		
}
.animated .anim9, .anim9.animated{
	transition: 1s cubic-bezier(0.42, 0, 0.1, 1) 0.8s;
	-webkit-transition:1s cubic-bezier(0.42, 0, 0.1, 1) 0.8s;
	-moz-transition:1s cubic-bezier(0.42, 0, 0.1, 1) 0.8s;
	-o-transition:1s cubic-bezier(0.42, 0, 0.1, 1) 0.8s;		
}
.animated .anim10, .anim10.animated{
	transition: 2s cubic-bezier(0.42, 0, 0.1, 1) 0s;
	-webkit-transition:2s cubic-bezier(0.42, 0, 0.1, 1) 0s;
	-moz-transition:2s cubic-bezier(0.42, 0, 0.1, 1) 0s;
	-o-transition:2s cubic-bezier(0.42, 0, 0.1, 1) 0s;		
}


/*rotate animation*/

@-webkit-keyframes rotate{
	0%{-webkit-transform: rotate(0deg); transform: rotate(0deg);}
	100%{-webkit-transform: rotate(360deg); transform: rotate(360deg);}
}
@-moz-keyframes rotate{
	0%{-webkit-transform: rotate(0deg); transform: rotate(0deg);}
	100%{-webkit-transform: rotate(360deg); transform: rotate(360deg);}
}
@-o-keyframes rotate{
	0%{-webkit-transform: rotate(0deg); transform: rotate(0deg);}
	100%{-webkit-transform: rotate(360deg); transform: rotate(360deg);}
}
@keyframes rotate{
	0%{-webkit-transform: rotate(0deg); transform: rotate(0deg);}
	100%{-webkit-transform: rotate(360deg); transform: rotate(360deg);}
}