.sections img{
		display:block;
	}
	.section1{
		height:536px;
		z-index: 21;
		overflow: hidden;
		position:relative;

	}
	.section2{
		height:auto;
		overflow:hidden;
		z-index: 30;
	}
	.section3{

	}
	.section5{

	}
	.response_wrapper{
		margin-top:0;
	}

	.video_wrapper{
		position:absolute;
		z-index: 1;
		width:100%;
		height:100%;
		background:url(../img/rainbow.jpg);
		background-attachment: fixed;
		background-position:center top;
	}
	.p2_text {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -800px;
    margin-top: -250px;
    
        		  transition:all .6s ease ;
    -webkit-transition:all .6s ease ;
    -moz-transition:all .6s ease ;
    -ms-transition:all .6s ease ;
    -o-transition:all .6s ease ;
    opacity:0;
	
				       -webkit-transform: translate3d(-40px,0, 0);
   -moz-transform:   translate3d(-40px,0, 0);
   -ms-transform:  translate3d(-40px,0, 0);
   transform:  translate3d(-40px,0, 0);
}

.kv{
	position:absolute;
	left:0;
	bottom:0;
	height:476px;
	z-index: 10;
}


/* SECTION 3 */

.record_title, .call_title {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    display: block;
    padding-top: 60px;
    padding-bottom: 20px;
    transition: all .6s ease;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    opacity: 0;
    transform: translate3d(0,5px,0);
    -moz-transform: translate3d(0,5px,0);
    -webkit-transform: translate3d(0,5px,0);
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-bottom: 0px;
}
.active_section .record_title, .active_section .call_title {
    opacity: 1;
    transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
}



.record_title h2, .call_title h2 {
    transition: all .6s .3s ease;
    -webkit-transition: all .6s .3s ease;
    -moz-transition: all .6s .3s ease;
    -ms-transition: all .6s .3s ease;
    -o-transition: all .6s .3s ease;
    opacity: 0;
    transform: translate3d(0,-10px,0);
    -webkit-transform: translate3d(0,-10px,0);
    -moz-transform: translate3d(0,-10px,0);
        font-size: 45px;
    color: rgb(156, 34, 36);
    font-weight: 600;
    line-height: 55px;
    text-align: center;
    padding-bottom: 15px;
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
}

.active_section .record_title h2, .active_section .call_title h2 {
    opacity: 1;
    transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
}

.record_info {
    display: block;
    width: 100%;
    font-size: 20px;
    color: rgb(0, 0, 0);
    line-height: 28px;
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
}

.record_info, .call_info {
    transition: all .6s .5s ease;
    -webkit-transition: all .6s .5s ease;
    -moz-transition: all .6s .5s ease;
    -ms-transition: all .6s .5s ease;
    -o-transition: all .6s .5s ease;
    opacity: 0;
    transform: translate3d(0,10px,0);
    -webkit-transform: translate3d(0,10px,0);
    -moz-transform: translate3d(0,10px,0);
}

.record_info, .call_info {
    transition: all .6s .5s ease;
    -webkit-transition: all .6s .5s ease;
    -moz-transition: all .6s .5s ease;
    -ms-transition: all .6s .5s ease;
    -o-transition: all .6s .5s ease;
    opacity: 0;
    transform: translate3d(0,10px,0);
    -webkit-transform: translate3d(0,10px,0);
    -moz-transform: translate3d(0,10px,0);
}

.response_line {
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding-bottom: 20px;
    transition: all .6s .4s ease;
    -webkit-transition: all .6s .4s ease;
    -moz-transition: all .6s .4s ease;
    -ms-transition: all .6s .4s ease;
    -o-transition: all .6s .4s ease;
    opacity: 0;
    transform: translate3d(0, -5px,0);
    -moz-transform: translate3d(0,-5px,0);
    -webkit-transform: translate3d(0,-5px,0);
}

.response_line {
    opacity: 1;
    padding-bottom: 15px;
}
.call_text {
    display: block;
    width: 100%;
    font-size: 20px;
    color: rgb(0, 0, 0);
    line-height: 40px;
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    font-size: 24px;
    font-weight: 400;
    color: #403e3d;
    transition: all .6s .8s ease;
    -webkit-transition: all .6s .8s ease;
    -moz-transition: all .6s .8s ease;
    -ms-transition: all .6s .8s ease;
    -o-transition: all .6s .8s ease;
    opacity: 0;
    transform: translate3d(0,10px,0);
    -webkit-transform: translate3d(0,10px,0);
    -moz-transform: translate3d(0,10px,0);
}
.active_section .record_info, .active_section .call_info, .active_section .call_text {
    opacity: 1;
    transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
}
.call_text span{
	display:block;
	width:100%;
	clear:both;
}
.section3_video_wrapper{
	    height: 550px;
    width: 765px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

.video_bg_wrapper{
    width: 788px;
    height: 569px;
    background: url(../img/introduce_video_bg.png);
    box-sizing: border-box;
    padding-top: 11%;
    padding-bottom: 12%;
    padding-left: 6.5%;
    padding-right: 6%;
    position: relative;
    background-size: 788px 500px;
    background-repeat: no-repeat;
    background-position: center;
}
.inner_vid_wrapper{
width:100%;
height:100%;
background:#000;
}
.inner_vid_wrapper iframe{
	width:100%;
	height:100%;
}

.in_tree{
	position:absolute;
	left:50%;
	margin-left:-1150px;
	top:550px;
	
	transition: all .6s 1.4s ease;
    -webkit-transition: all .6s 1.4s ease;
    -moz-transition: all .6s 1.4s ease;
    -ms-transition: all .6s 1.4s ease;
    -o-transition: all .6s 1.4s ease;
    opacity: 0;
    
   transform: translate3d(-20px,0,0);
    -webkit-transform: translate3d(-20px,0,0);
    -moz-transform: translate3d(-20px,0,0);
}
.active_section .in_tree, .active_section .in_tree1{
	    opacity:1;
    
   transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
}
.in_tree1{
		position:absolute;
	left:50%;
	margin-left:400px;
	margin-top:-300px;
	
		transition: all .6s 2s ease;
    -webkit-transition: all .6s 2s ease;
    -moz-transition: all .6s 2s ease;
    -ms-transition: all .6s 2s ease;
    -o-transition: all .6s 2s ease;
    
        opacity: 0;
    
   transform: translate3d(20px,0,0);
    -webkit-transform: translate3d(20px,0,0);
    -moz-transform: translate3d(20px,0,0);
}
.down_arrow{
position:relative;
margin-left:auto;
margin-right:auto;
	
	    opacity: 0;
    transform: scale3d(.8,.8,1) rotate(12deg);
    -webkit-transform: scale3d(.8,.8,1) rotate(12deg);
    -moz-transform: scale3d(.8,.8,1) rotate(12deg);
    transition: all .6s 2s ease;
    -webkit-transition: all .6s 2s ease;
    -moz-transition: all .6s 2s ease;
    -ms-transition: all .6s 2s ease;
    -o-transition: all .6s 2s ease;

}
.active_section .down_arrow{
	    opacity: 1;
    transform: scale3d(1,1,1) rotate(0deg);
    -webkit-transform: scale3d(1,1,1) rotate(0deg);
    -moz-transform: scale3d(1,1,1) rotate(0deg);
}
.section3_video{
		transition: all .6s .6s ease;
    -webkit-transition: all .6s .6s ease;
    -moz-transition: all .6s .6s ease;
    -ms-transition: all .6s .6s ease;
    -o-transition: all .6s .6s ease;
    opacity: 0;
       transform: translate3d(0,5px,0);
    -webkit-transform: translate3d(0,5px,0);
    -moz-transform: translate3d(0,5px,0);
}
.active_section .section3_video{
	opacity:1;
	       transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
}

@media screen and (max-width: 1000px) {
		.slide_anim_wrapper{

	width:100%;
	padding-bottom:56%;	
display:block!important;
	position:relative;
	}
		.video_bg_wrapper{
		position:absolute!important;
		width:100%!important;
		height:100%!important;
		background-size:cover!important;
		    padding-top: 3.5%!important;
    padding-bottom: 3%!important;
    padding-left: 6%!important;
    padding-right: 6%!important;
	}
	
	
		.call_text{
		padding-bottom:0px!important;
	}
	.record_title, .call_title{
		padding-bottom:0px;
	}
	.section3{
	padding-top:60px;
	padding-bottom:40px;	
	}
}

/* SECTION 3 END */


/* SECTION 4  */

.section4_img{
		transition: all .6s  ease;
    -webkit-transition: all .6s  ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    opacity: 0;
       transform: translate3d(0,5px,0);
    -webkit-transform: translate3d(0,5px,0);
    -moz-transform: translate3d(0,5px,0);
}
.active_section .section4_img{
	opacity:1;
	       transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
}


.section4 .video_bg_wrapper{
    width: 788px;
    height: 569px;
    background: url(../img/introduce_photo_bg.png);
    box-sizing: border-box;
    padding-top: 11%;
    padding-bottom: 12%;
    padding-left: 6.5%;
    padding-right: 6%;
    position: relative;
    background-size: 788px 500px;
    background-repeat: no-repeat;
    background-position: center;
}
.section4_pic{
    background-image: url(../img/introduce_photo.jpg);
    background-size: cover;
    width: 100%;
    height: 100%;
}
.section4_video_wrapper {
    height: 550px;
    width: 765px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}
.section4_title{
	font-size: 30px;
text-align: center;
color: rgb(156, 34, 36);
font-weight: bold;
line-height: 40px;
padding-bottom:10px;
}

.active_section .fox_heart, .active_section .gift_grass3 , .active_section .gift_grass4{
		 	    opacity: 1;
    transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
}


.fox_heart{
    position: absolute;
    left: 50%;
    display: block;
    margin-left: 553px;
    top: 100px;
    
    	transition:all .6s .2s ease ;
    -webkit-transition:all .6s .2s ease ;
    -moz-transition:all .6s .2s ease ;
    -ms-transition:all .6s .2s ease ;
    -o-transition:all .6s .2s ease ;
        opacity: 0;
    transform: translate3d(-15px,0, 0);
    -moz-transform: translate3d(-15px,0, 0);
    -webkit-transform: translate3d(-15px,0, 0);
}

.gift_grass3{
	    position: absolute;
    left: 50%;
    display: block;
    margin-left: 500px;
    top: 300px;
    
            transition: all .6s .5s ease;
    -webkit-transition: all .6s .5s ease;
    -moz-transition: all .6s .5s ease;
    -ms-transition: all .6s .5s ease;
    -o-transition: all .6s .5s ease;
    opacity: 0;
        transform: translate3d(0,5px,0);
    -moz-transform: translate3d(0,5px,0);
    -webkit-transform: translate3d(0,5px,0);
}



.gift_grass4{
    position: absolute;
    left: 50%;
    display: block;
    margin-left: 653px;
    top: 500px;
    
                transition: all .4s .7s ease;
    -webkit-transition: all .4s .7s ease;
    -moz-transition: all .4s .7s ease;
    -ms-transition: all .4s .7s ease;
    -o-transition: all .4s .7s ease;
    opacity: 0;
        transform: translate3d(0,5px,0);
    -moz-transform: translate3d(0,5px,0);
    -webkit-transform: translate3d(0,5px,0);
}


@media screen and (max-width: 1000px) {
.slide_anim_wrapper{

	width:100%;
	padding-bottom:56%;	
display:block!important;
	position:relative;
	height:auto;
	}
	.post_slide_anim_wrapper{
	width:100%;
	padding-bottom:56%;	
/* margin-left:0!important; */

	}
	.post_donate_section .slide_anim_wrapper{
		z-index: -999;
	}
	.post_donate_section .post_slide_anim_wrapper{
/* 		position:relative; */
	}
	.post_donate_section .post_slide_anim_wrapper{
		display:block!important;
	}

	.video_bg_wrapper{
		position:absolute!important;
		width:100%!important;
		height:100%!important;
		background-size:cover!important;
		    padding-top: 3.5%!important;
    padding-bottom: 3%!important;
    padding-left: 6%!important;
    padding-right: 6%!important;
	}
	
.section4_title{
	    font-size: 20px;
    line-height: 36px;
}
.section3_video, .section4_img{
	padding-top:20px;
	padding-bottom:20px;
}

}
/* SECTION 4 END */

/* SECTION 5 */

.section5{
	
}
.section5_graph_wrapper{
width:100%;
max-width:780px;
margin-left:auto;
margin-right:auto;
position:relative;
display:block;
height:auto;	
}

.graph_ul{
position:relative;
width:100%;
height:auto;
position:relative;
display:block;	
padding-top:10px;
opacity:0;
    transition: all .6s .5s ease;
    -webkit-transition: all .6s .5s ease;
    -moz-transition: all .6s .5s ease;
    -ms-transition: all .6s .5s ease;
    -o-transition: all .6s .5s ease;
}
.active_section .graph_ul{
	opacity:1;
}
.graph_li{
	height:38px;
	width:100%;
	overflow: hidden;
	padding-bottom:20px;
}
.graph_left{
	position:absolute;
	width:120px;
	height:38px;
	line-height: 38px;
	font-size: 24px;

color: rgb(64, 62, 61);
font-weight:500;

}
.graph_right{
	box-sizing: border-box;
	padding-left:120px;
	width:100%;
	line-height: 38px;
	height:38px;
}
.graph_num{
	float:left;
	font-size: 20px;
line-height: 34px;
color: rgb(64, 62, 61);
vertical-align: middle;
}
.graph_bar{
	float:left;
}


.section_5_cat{
    position: absolute;
    left: 50%;
    display: block;
    margin-left: 553px;
    top: 300px;
    
    	transition:all .6s .2s ease ;
    -webkit-transition:all .6s .2s ease ;
    -moz-transition:all .6s .2s ease ;
    -ms-transition:all .6s .2s ease ;
    -o-transition:all .6s .2s ease ;
        opacity: 0;
    transform: translate3d(-15px,0, 0);
    -moz-transform: translate3d(-15px,0, 0);
    -webkit-transform: translate3d(-15px,0, 0);
}

.rabbit_grass{
    position: absolute;
    left: 50%;
    display: block;
    margin-left: 450px;
    top: 700px;
    transition: all .6s .5s ease;
    -webkit-transition: all .6s .5s ease;
    -moz-transition: all .6s .5s ease;
    -ms-transition: all .6s .5s ease;
    -o-transition: all .6s .5s ease;
    opacity: 0;
    transform: translate3d(0,5px,0);
    -moz-transform: translate3d(0,5px,0);
    -webkit-transform: translate3d(0,5px,0);
}



.rabbit_grass1{
  position: absolute;
    left: 50%;
    display: block;
    margin-left: 273px;
    top: 650px;
    transition: all .4s .7s ease;
    -webkit-transition: all .4s .7s ease;
    -moz-transition: all .4s .7s ease;
    -ms-transition: all .4s .7s ease;
    -o-transition: all .4s .7s ease;
    opacity: 0;
    transform: translate3d(0,5px,0);
    -moz-transform: translate3d(0,5px,0);
}


.active_section .section_5_cat, .active_section .rabbit_grass, .active_section .rabbit_grass1{
		 	    opacity: 1;
    transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
}

.graph_bar img{
	width:0;
	height:34px;
}
.active_section .graph_bar img{
	width:100%;
}

.graph_num{
	opacity:0;
	    transform: translate3d(0,2px,0);
    -webkit-transform: translate3d(0,2px,0);
    -moz-transform: translate3d(0,2px,0);
}
.active_section .graph_num{
	opacity:1;
	    transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
}

.graph_bar_img1{
	    transition: all 1s .6s ease;
    -webkit-transition: all 1s .6s ease;
    -moz-transition: all 1s .6s ease;
    -ms-transition: all 1s .6s ease;
    -o-transition: all 1s .6s ease;
}
.graph_num1{
		    transition: all .5s 1.1s ease;
    -webkit-transition: all .5s 1.1s ease;
    -moz-transition: all .5s 1.1s ease;
    -ms-transition: all .5s 1.1s ease;
    -o-transition: all .5s 1.1s ease;
}

.graph_bar_img2{
		    transition: all .8s .7s ease;
    -webkit-transition: all .8s .7s ease;
    -moz-transition: all .8s .7s ease;
    -ms-transition: all .8s .7s ease;
    -o-transition: all .8s .7s ease;
}

.graph_num2{
		    transition: all .5s 1s ease;
    -webkit-transition: all .5s 1s ease;
    -moz-transition: all .5s 1s ease;
    -ms-transition: all .5s 1s ease;
    -o-transition: all .5s 1s ease;
}

.graph_bar_img3{
		    transition: all .8s .8s ease;
    -webkit-transition: all .8s .8s ease;
    -moz-transition: all .8s .8s ease;
    -ms-transition: all .8s .8s ease;
    -o-transition: all .8s .8s ease;
}
.graph_num3{
		    transition: all .5s 1.1s ease;
    -webkit-transition: all .5s 1.1s ease;
    -moz-transition: all .5s 1.1s ease;
    -ms-transition: all .5s 1.1s ease;
    -o-transition: all .5s 1.1s ease;
}

.graph_bar_img4{
		    transition: all .7s .9s ease;
    -webkit-transition: all .7s .9s ease;
    -moz-transition: all .7s .9s ease;
    -ms-transition: all .7s .9s ease;
    -o-transition: all .7s .9s ease;
}

.graph_num4{
		    transition: all .5s 1.1s ease;
    -webkit-transition: all .5s 1.1s ease;
    -moz-transition: all .5s 1.1s ease;
    -ms-transition: all .5s 1.1s ease;
    -o-transition: all .5s 1.1s ease;
}

.graph_bar_img5{
		    transition: all .7s 1s ease;
    -webkit-transition: all .7s 1s ease;
    -moz-transition: all .7s 1s ease;
    -ms-transition: all .7s 1s ease;
    -o-transition: all .7s 1s ease;
}

.graph_num5{
		    transition: all .5s 1.2s ease;
    -webkit-transition: all .5s 1.2s ease;
    -moz-transition: all .5s 1.2s ease;
    -ms-transition: all .5s 1.2s ease;
    -o-transition: all .5s 1.2s ease;
}

.graph_bar_img6{
		    transition: all .7s 1.1s ease;
    -webkit-transition: all .7s 1.1s ease;
    -moz-transition: all .7s 1.1s ease;
    -ms-transition: all .7s 1.1s ease;
    -o-transition: all .7s 1.1s ease;
}

.graph_num6{
		    transition: all .5s 1.3s ease;
    -webkit-transition: all .5s 1.3s ease;
    -moz-transition: all .5s 1.3s ease;
    -ms-transition: all .5s 1.3s ease;
    -o-transition: all .5s 1.3s ease;
}

.graph_bar_img7{
		    transition: all .5s 1.2s ease;
    -webkit-transition: all .5s 1.2s ease;
    -moz-transition: all .5s 1.2s ease;
    -ms-transition: all .5s 1.2s ease;
    -o-transition: all .5s 1.2s ease;
}

.graph_num7{
		    transition: all .5s 1.2s ease;
    -webkit-transition: all .5s 1.2s ease;
    -moz-transition: all .5s 1.2s ease;
    -ms-transition: all .5s 1.2s ease;
    -o-transition: all .5s 1.2s ease;
}

.graph_bar_img8{
		    transition: all .5s 1.3s ease;
    -webkit-transition: all .5s 1.3s ease;
    -moz-transition: all .5s 1.3s ease;
    -ms-transition: all .5s 1.3s ease;
    -o-transition: all .5s 1.3s ease;
}

.graph_num8{
		    transition: all .5s 1.3s ease;
    -webkit-transition: all .5s 1.3s ease;
    -moz-transition: all .5s 1.3s ease;
    -ms-transition: all .5s 1.3s ease;
    -o-transition: all .5s 1.3s ease;
}

.graph_bar_img9{
		    transition: all .5s 1.4s ease;
    -webkit-transition: all .5s 1.4s ease;
    -moz-transition: all .5s 1.4s ease;
    -ms-transition: all .5s 1.4s ease;
    -o-transition: all .5s 1.4s ease;
}

.graph_num9{
		    transition: all .5s 1.4s ease;
    -webkit-transition: all .5s 1.4s ease;
    -moz-transition: all .5s 1.4s ease;
    -ms-transition: all .5s 1.4s ease;
    -o-transition: all .5s 1.4s ease;
}

.graph_bar_img10{
		    transition: all .6s 1.5s ease;
    -webkit-transition: all .6s 1.5s ease;
    -moz-transition: all .6s 1.5s ease;
    -ms-transition: all .6s 1.5s ease;
    -o-transition: all .6s 1.5s ease;
}
.graph_num10{
		    transition: all .5s 1.6s ease;
    -webkit-transition: all .5s 1.6s ease;
    -moz-transition: all .5s 1.6s ease;
    -ms-transition: all .5s 1.6s ease;
    -o-transition: all .5s 1.6s ease;
}

@media screen and (max-width: 1000px) {
.graph_ul{
box-sizing: border-box;
padding-left:20px;
padding-right:20px;
max-width:320px;
margin-left:auto;
margin-right:auto;	
}	
.graph_left{
	width:70px;
	font-size:15px;
}
.graph_right{
	padding-left:72px;
}
.graph_num{
	font-size: 15px;
}
.graph_li{
	padding-bottom:0;
}
.graph_bar img{
	    height: 10px;
    width: auto;
    padding-top: 12px;
}
#vid_subtitle{
	text-align: center;
}
.graph_bar{
	width:0;
    transition: all 1s .6s ease;
    -webkit-transition: all 1s .6s ease;
    -moz-transition: all 1s .6s ease;
    -ms-transition: all 1s .6s ease;
    -o-transition: all 1s .6s ease;
}	
	
.active_section #graph_li1 .graph_bar{
	width:70%;
}	
.active_section #graph_li2 .graph_bar{
	width:46%;
}
.active_section #graph_li3 .graph_bar{
	width:44%;
}
.active_section #graph_li4 .graph_bar{
	width:40%;
}
.active_section #graph_li5 .graph_bar{
	width:39%;
}
.active_section #graph_li6 .graph_bar{
	width:36%;
}
.active_section #graph_li7 .graph_bar{
	width:20%;
}
.active_section #graph_li8 .graph_bar{
	width:18%;
}
.active_section #graph_li9 .graph_bar{
	width:18%;
}
.active_section #graph_li10 .graph_bar{
	width:39%;
}
	
}

/* SECTION 5 END */


/* STEP 5-2 */

.step_ul{
	text-align: center;
	padding-top:60px;
}
.step_li{
	position:relative;
	display:inline-block;
	padding-left:10px;
	width:245px;
	height:auto;
	overflow: hidden;
	    opacity: 0;
	    
	    transform:translate3d(0,5px,0);
	    -moz-transform:translate3d(0,5px,0);
	    -webkit-transform:translate3d(0,5px,0);
	    vertical-align: text-top;
}

.active_section .step_li{
	opacity:1;
		    
	    transform:translate3d(0,0,0);
	    -moz-transform:translate3d(0,0,0);
	    -webkit-transform:translate3d(0,0,0);
}

.step_li:nth-Child(1){
	margin-left:30px;
 transition: all .6s  .9s ease;
    -webkit-transition: all .6s .9s ease;
    -moz-transition: all .6s  .9s ease;
    -ms-transition: all .6s .9s ease;
    -o-transition: all .6s .9s ease;


}
.step_li:nth-Child(2){

 transition: all .6s  1.1s ease;
    -webkit-transition: all .6s 1.1s ease;
    -moz-transition: all .6s 1.1s ease;
    -ms-transition: all .6s 1.1s ease;
    -o-transition: all .6s 1.1s ease;


}
.step_li:nth-Child(3){

 transition: all .6s  1.3s ease;
    -webkit-transition: all .6s 1.3s ease;
    -moz-transition: all .6s 1.3s ease;
    -ms-transition: all .6s 1.3s ease;
    -o-transition: all .6s 1.3s ease;


}
.step_li:nth-Child(4){

 transition: all .6s  1.5s ease;
    -webkit-transition: all .6s 1.5s ease;
    -moz-transition: all .6s 1.5s ease;
    -ms-transition: all .6s 1.5s ease;
    -o-transition: all .6s 1.5s ease;


}

.step_top{
	width:100%;
	height:auto;
	position:relative;
	padding-bottom:20px;
}
.steps_wrapper{
	width:165px;
	height:auto;
}
.step_title{
	font-size: 20px;
line-height: 32px;
color:#9c2325;
text-align: center;

}
.step_text{
		font-size: 20px;
line-height: 32px;

color:#111;
text-align: center;
}
.add_wrapper{
			font-size:24px;
line-height: 30px;

color:#111;
text-align: center;

width:100%;
}
.arrow_line{
	position:absolute;
	top:20px;
	right:0;
}

@media screen and (max-width: 1000px) {
	.step_title, .step_text{
		font-size:16px;
		line-height: 22px;
	}
	.step_top{
		padding-bottom:5px;
	}
	.step_li{
		width:100%;
		padding-left:0;
	}
	.step_ul{
		padding-bottom:40px;
		padding-top:5px;
	}
	.arrow_line{
    transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    position: relative;
    margin-left: auto;
    margin-right: auto;
    display: block;
    top: 0;
    width: 40px;
    height: auto;
    margin-top: 20px;
    margin-bottom: 20px;
	}
	.steps_wrapper{
		width:100%;
	}
	.step_li:nth-Child(1){
		margin-left:0;
	}
	.step_top img{
		position:relative;
		display:block;
		margin-left:auto;
		margin-right:auto;
	}
}

/* STEP 5-2 END */

/* SECTION 5-3 */
.history_list_wrapper{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	display:block;
	width:100%;
	max-width:1000px;
	
}
.history_ul{
	position:relative;
	width:800px;
	float:right;
	overflow: hidden;
	padding-top:60px;
}
.history_li_content{
	position:relative;
}
.history_li{
	clear:both;
	width:100%;
	display:block;
	height:auto;
	overflow: hidden;
	padding-bottom:40px;
}
.history_li_left{
	position:absolute;
	width:110px;
	height:100%;
}
.history_li_left img{
position:absolute;
top:20px;

}
.history_li_right{
	width:100%;
	box-sizing: border-box;
	padding-left:110px;
	height:auto;
	overflow: hidden;
	position:relative;
}
.history_li_title{
	font-size: 20px;

color: rgb(173, 8, 8);
line-height:30px;
padding-bottom:5px;
}
.history_li_right p{
	font-size: 18px;

color: rgb(0, 0, 0);
line-height:28px;
padding-bottom:20px;
}

.history_cat{
	position:absolute;
	left:50%;
	margin-left:500px;
	
			    opacity: 0;
    transform: translate3d(-5px,0,0);
    -webkit-transform: translate3d(-5px,0,0);
    -moz-transform: translate3d(-5px,0,0);
    transition: all .6s .2s ease;
    -webkit-transition: all .6s .2s ease;
    -moz-transition: all .6s .2s ease;
    -ms-transition: all .6s .2s ease;
    -o-transition: all .6s .2s ease;
	
}
.active_section .history_cat, .active_section .history_grass1, .active_section .history_grass2, .active_section .history_grass, .active_section .history_tree{
				    opacity: 1;
    transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
}

.history_grass1{
    position: absolute;
    left: 50%;
    margin-left: 407px;
    margin-top: 219px;
    
    			    opacity: 0;
    transform: translate3d(0,5px,0);
    -webkit-transform: translate3d(0,5px,0);
    -moz-transform: translate3d(0,5px,0);
    transition: all .6s .3s ease;
    -webkit-transition: all .6s .3s ease;
    -moz-transition: all .6s .3s ease;
    -ms-transition: all .6s .3s ease;
    -o-transition: all .6s .3s ease;
    
}
.history_grass2{
    position: absolute;
    left: 50%;
    margin-left: 473px;
    margin-top: 260px;
    
       			    opacity: 0;
    transform: translate3d(0,5px,0);
    -webkit-transform: translate3d(0,5px,0);
    -moz-transform: translate3d(0,5px,0);
    transition: all .5s .3s ease;
    -webkit-transition: all .5s .3s ease;
    -moz-transition: all .5s .3s ease;
    -ms-transition: all .5s .3s ease;
    -o-transition: all .5s .3s ease;
}
.history_grass{
    position: absolute;
    left: 50%;
    margin-left: -613px;
    margin-top: 324px;
    
       			    opacity: 0;
    transform: translate3d(0,5px,0);
    -webkit-transform: translate3d(0,5px,0);
    -moz-transform: translate3d(0,5px,0);
    transition: all .6s .4s ease;
    -webkit-transition: all .6s .4s ease;
    -moz-transition: all .6s .4s ease;
    -ms-transition: all .6s .4s ease;
    -o-transition: all .6s .4s ease;
}
.history_tree{
    position: absolute;
    left: 50%;
    margin-left: -1100px;
    top: 100px;
    
       opacity: 0;
    transform: translate3d(10px,0,0);
    -webkit-transform: translate3d(10px,0,0);
    -moz-transform: translate3d(10px,0,0);
    transition: all .6s .5s ease;
    -webkit-transition: all .6s .5s ease;
    -moz-transition: all .6s .5s ease;
    -ms-transition: all .6s .5s ease;
    -o-transition: all .6s .5s ease;

}


 .history_li_left{
	opacity:0;
	 transform: translate3d(0px,10px,0);
    -webkit-transform: translate3d(0,10px,0);
    -moz-transform: translate3d(0,10px,0);
}
 .history_li_right{
	opacity:0;
	 transform: translate3d(-10px,0,0);
    -webkit-transform: translate3d(-10px,0,0);
    -moz-transform: translate3d(-10px,0,0);
}
.history_li:nth-Child(1) .history_li_left{
			transition:all .6s ease ;
    -webkit-transition:all .6s  ease ;
    -moz-transition:all .6s  ease ;
    -ms-transition:all .6s  ease ;
    -o-transition:all .6s  ease ;
}
.history_li:nth-Child(1) .history_li_right{
			transition:all .6s .2s ease ;
    -webkit-transition:all .6s  .2s ease ;
    -moz-transition:all .6s .2s ease ;
    -ms-transition:all .6s .2s ease ;
    -o-transition:all .6s .2s ease ;
}

.active_section  .history_li_right, .active_section  .history_li_left{
		opacity:1;
	 transform: translate3d(0px,0px,0);
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
	
}


.history_li:nth-Child(2) .history_li_left{
			transition:all .6s .6s ease ;
    -webkit-transition:all .6s  .6s ease ;
    -moz-transition:all .6s  .6s ease ;
    -ms-transition:all .6s .6s ease ;
    -o-transition:all .6s .6s  ease ;
}
.history_li:nth-Child(2) .history_li_right{
			transition:all .6s .8s ease ;
    -webkit-transition:all .6s .8s ease ;
    -moz-transition:all .6s .8s ease ;
    -ms-transition:all .6s .8s ease ;
    -o-transition:all .6s .8s ease ;
}



.history_li:nth-Child(3) .history_li_left{
			transition:all .6s 1s ease ;
    -webkit-transition:all .6s  1s ease ;
    -moz-transition:all .6s  1s ease ;
    -ms-transition:all .6s 1s ease ;
    -o-transition:all .6s 1s  ease ;
}
.history_li:nth-Child(3) .history_li_right{
			transition:all .6s 1s ease ;
    -webkit-transition:all .6s 1s ease ;
    -moz-transition:all .6s 1s ease ;
    -ms-transition:all .6s 1s ease ;
    -o-transition:all .6s 1s ease ;
}

.history_li_right span{
display:block;
width:100%;	
}
.history_li a{
	text-decoration: none;
	color:#000;
}

@media screen and (max-width: 1000px) {
	.history_li_right span{
		
	}
	.history_ul{
		width:100%;
		max-width:500px;
		margin-left:auto;
		margin-right:auto;
		display:block;
		position:relative;
		float:none;
		padding-top:0;
	}
	.history_list_wrapper{
		padding-left:20px;
		padding-right:20px;
		box-sizing: border-box;
	}
	.history_li_left{
	width:100%;
	height:auto;
	display:block;
	clear:both;
	position:relative;
	}
	.history_li_left img{
    width: 80px;
    height: auto;
    margin-top: 20px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-bottom:10px;
	}
	.history_li_right{
		padding-left:0px;
		width:100%;
		padding-top:20px;
	}
	.history_li_title{
		    font-size: 18px!important;
    line-height: 24px!important;
    text-align: center;
    padding-top:5px;
    
	}
	.history_li_right p{
		    line-height: 26px;
    font-size: 14px;
    padding-bottom: 10px;
    text-align: center;
	}

}
/* SECTION 5-3 END */

.footer_heart{
	opacity:0;
		transition:all .6s ease ;
    -webkit-transition:all .6s  ease ;
    -moz-transition:all .6s  ease ;
    -ms-transition:all .6s  ease ;
    -o-transition:all .6s  ease ;
	transform:translate3d(0,20px, 0);
	-webkit-transform:translate3d(0,20px, 0);
	-moz-transform:translate3d(0,20px, 0);	
	margin-top:200px;
}
.active_section .footer_heart{
	opacity:1;
		transform:translate3d(0,0, 0);
	-webkit-transform:translate3d(0,0, 0);
	-moz-transform:translate3d(0,0, 0);
}




@media screen and (max-width: 1000px) {
.footer_heart {

    width: 300px;
    height: auto;
    margin-top: 0px!important;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
.response_wrapper{
	width:100%;
	height:auto;
	margin-top:0px;
	margin-bottom:0px;
		transform:translate3d(0,30px, 0);
	-webkit-transform:translate3d(0,30px, 0);
	-moz-transform:translate3d(0,30px, 0);	
}

.mobile_link_wrapper{
	display:block;
}
.section3{
	margin-top:0px;
	    background: #fcf8ee;
}
.down_arrow{
	width:80px;
	height:auto;
}
.news_title h3{
	font-size:24px;
	line-height: 38px;
}

.section3_link_wrapper{
	display:none;
}


}	




@media screen and (min-width: 1920px) {
	.fix_btn{
		right:auto;
		left:50%;
		margin-left:820px;
	}
}



@media screen and (max-width: 1000px) {
	.nav_wrapper {
    width: 100%;
    height: 250px!important;
    position: absolute;
    bottom: 0px;
     background: url(../img/top_wave_m.png);
    background-size: 1000px auto;
    background-position: center bottom;
    background-repeat: no-repeat;
    z-index: 99;
    /* padding-bottom: 150px; */
    padding-bottom: 0px;
}

.record_title, .call_title{
	padding-top:20px;
}
.record_title h2, .call_title h2{
	font-size:20px;
	line-height:36px;
}
.record_info, .call_info{
	    font-size: 16px;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
	line-height:28px;
}

.call_text{
    font-size: 14px;
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
    line-height: 26px;
    padding-bottom: 60px;
    text-align: left;
}

.response_line{
	width:280px;
	height:auto;
}
.call_text span{
	display:none;
}

.index_logo{
	margin-top:0px;
}
.section1{
	height:436px;
}
	
	}