body.fixed{
padding-right:16px;
box-sizing:border-box
}
#promo .btn:hover:after{
animation:btn_hover 1s infinite;
}
#about a.video_pop:hover{
transform:scale(1.2);
}
.steps_list_item:hover{
background:#F1F5F9;
height:418px;
margin-top:-68px;
}
.steps_list_item:hover .number{
color:#CED8E2;
}
.steps_list_item:hover .text{
opacity:1;
}
.steps_nav .next:hover,.steps_nav .prev:hover{
animation:arrow_hover 1s infinite;
}
.steps_nav .next.disabled:hover,.steps_nav .prev.disabled:hover{
animation:none;
}
.consultation_btn:hover span:after{
right:-130px
}
.video_box:hover:after{
transform:scale(1.2);
}

#recommendation li:hover{
background:#D9F7EF;
}
#recommendation li:hover:after{
z-index:10;
opacity:1;
}
#consultation_form button:hover:after{
animation:btn_hover 1s infinite;
}
.pop_modal_video .close:hover{
color:#fff;
}
@keyframes btn_hover{
0%{transform:translate(0,0) rotate(-45deg)}
50%{transform:translate(-10px, 10px) rotate(-45deg)}
100%{transform:translate(0,0) rotate(-45deg)}
}
@keyframes arrow_hover{
0%{background-position-x:50%}
30%{background-position-x:90%}
60%{background-position-x:50%}
}
@media screen and (max-width:1440px){
.steps_list_item:hover{
height:29.0278vw;
margin-top:-4.7222vw
}
.consultation_btn:hover span:after{
right:-9.0278vw
}
@keyframes btn_hover{
0%{transform:translate(0,0) rotate(-45deg)}
50%{transform:translate(-0.6944vw, 0.6944vw) rotate(-45deg)}
100%{transform:translate(0,0) rotate(-45deg)}
}
}
.btn_whatsapp:hover{
	transform:scale(1.05);
}
/* animation */
body{
	transition:0.5s opacity;
}
.loading{
	opacity:0;
}
#promo h1{
	transform:translate(-50px, 50px);
	transition:1s;
	opacity:0;
}
#promo.in_veiw_frame h1,.for_bots #promo h1{
	transform:translate(0, 0);
	opacity:1;
}
#promo h1 b{
	transform:translate(300px, 0);
	transition:2s 0.5s;
	opacity:0;
}
#promo.in_veiw_frame h1 b,.for_bots #promo h1 b{
	transform:translate(0, 0);
	opacity:1;
}
#promo .description{
	transform:translate(200px, 50px);
	transition:2s 1s;
	opacity:0;
}
#promo.in_veiw_frame .description,.for_bots #promo .description{
	transform:translate(0, 0);
	opacity:1;
}
#promo .btn{
	transform:translate(0, 50px);
	transition:2s 1.5s;
	opacity:0;
}
#promo.in_veiw_frame .btn,.for_bots #promo .btn{
	transform:translate(0, 0);
	opacity:1;
}
#about{
	transition:0.2s;
	opacity:0;
}
#about.in_veiw_frame,.for_bots #about{
	opacity:1;
}
#about h2{
	transform:translate(-50px, 50px);
	transition:1s;
	opacity:0;
}
#about.in_veiw_frame h2,.for_bots #about h2{
	transform:translate(0, 0);
	opacity:1;
}
#about .grey_box{
	transition:1s;
	opacity:0;
}
#about.in_veiw_frame .grey_box,.for_bots #about .grey_box{
	opacity:1;
}
#about .image{
	transform:translate(50px, 50px);
	transition:2s;
	opacity:0;
}
#about.in_veiw_frame .image,.for_bots #about .image{
	transform:translate(0, 0);
	opacity:1;
}
#feature{
	transition:0.2s;
	opacity:0;
}
#feature.in_veiw_frame,.for_bots #feature{
	opacity:1;
}
#feature h2{
	transform:translate(-50px, 50px);
	transition:1s;
	opacity:0;
}
#feature.in_veiw_frame h2,.for_bots #feature h2{
	transform:translate(0, 0);
	opacity:1;
}
#feature .text{
	transform:translate(50px, 50px);
	transition:2s;
	opacity:0;
}
#feature.in_veiw_frame .text,.for_bots #feature .text{
	transform:translate(0, 0);
	opacity:1;
}
#steps{
	transition:0.2s;
	opacity:0;
}
#steps.in_veiw_frame,.for_bots #steps{
	opacity:1;
}
#steps h2{
	transform:translate(-50px, 50px);
	transition:1s;
	opacity:0;
}
#steps.in_veiw_frame h2,.for_bots #steps h2{
	transform:translate(0, 0);
	opacity:1;
}
#steps .steps_list{
	transform:translate(50px, 50px);
	transition:2s;
	opacity:0;
}
#steps.in_veiw_frame .steps_list,.for_bots #steps .steps_list{
	transform:translate(0, 0);
	opacity:1;
}
.consultation_btn{
	transition:0.5s;
	opacity:0;
}
.consultation_btn.in_veiw_frame,.for_bots .consultation_btn{
	opacity:1;
}
#advantages{
	transition:0.2s;
	opacity:0;
}
#advantages.in_veiw_frame,.for_bots #advantages{
	opacity:1;
}
#advantages .grey_box{
	transform:translate(-50px, 50px);
	transition:1s;
	opacity:0;
}
#advantages.in_veiw_frame .grey_box,.for_bots #advantages .grey_box{
	transform:translate(0, 0);
	opacity:1;
}
#advantages .advantages_list{
	transform:translate(50px, 50px);
	transition:2s;
	opacity:0;
}
#advantages.in_veiw_frame .advantages_list,.for_bots #advantages .advantages_list{
	transform:translate(0, 0);
	opacity:1;
}
#video{
	transition:1s;
	transform:scale(0.5);
	opacity:0;
}
#video.in_veiw_frame,.for_bots #video{
	transform:scale(1);
	opacity:1;
}
#recommendation{
	transition:0.2s;
	opacity:0;
}
#recommendation.in_veiw_frame,.for_bots #recommendation{
	opacity:1;
}
#recommendation h2{
	transform:translate(-50px, 50px);
	transition:1s;
	opacity:0;
}
#recommendation.in_veiw_frame h2,.for_bots #recommendation h2{
	transform:translate(0, 0);
	opacity:1;
}
#recommendation .text{
	transform:translate(50px, 50px);
	transition:2s;
	opacity:0;
}
#recommendation.in_veiw_frame .text,.for_bots #recommendation .text{
	transform:translate(0, 0);
	opacity:1;
}
#price{
	transition:0.2s;
	opacity:0;
}
#price.in_veiw_frame,.for_bots #price{
	opacity:1;
}
#price div{
	transform:translate(-50px, 50px);
	transition:1s;
	opacity:0;
}
#price.in_veiw_frame div,.for_bots #price div{
	transform:translate(0, 0);
	opacity:1;
}
#price b{
	transform:translate(50px, 50px);
	transition:2s;
	opacity:0;
}
#price.in_veiw_frame b,.for_bots #price b{
	transform:translate(0, 0);
	opacity:1;
}
#consultation_form{
	transition:0.2s;
	opacity:0;
}
#consultation_form.in_veiw_frame,.for_bots #consultation_form{
	opacity:1;
}
#consultation_form h2{
	transform:translate(-50px, 50px);
	transition:1s;
	opacity:0;
}
#consultation_form.in_veiw_frame h2,.for_bots #consultation_form h2{
	transform:translate(0, 0);
	opacity:1;
}
#consultation_form form{
	transform:translate(50px, 50px);
	transition:2s;
	opacity:0;
}
#consultation_form.in_veiw_frame form,.for_bots #consultation_form form{
	transform:translate(0, 0);
	opacity:1;
}