/** VARIABLES
===================================*/
/** RESET AND LAYOUT
===================================*/

/*bird*/
/*partI*/	
	
.bx-text_block01{width:100%;height: auto; position:relative;}


	
@media screen and (max-width: 575px) {
.bx-text_block01 .text_block{position: absolute;color:#ffffff; bottom:0em;width:100%;height: 86px; z-index: 99999}		
.bx-text_block01 .text_block01{position: absolute;color:#ffffff; left: 49%;transform: translate(-49%, 0%);bottom:0em;width:auto;height: 86px; z-index: 99999}		
	
}
@media screen and (min-width: 576px) and (max-width: 767px) {
.bx-text_block01 .text_block{position: absolute;color:#ffffff; bottom:0em;width:100%;height: 151px; z-index: 99999}		
.bx-text_block01 .text_block01{position: absolute;color:#ffffff; left: 49%;transform: translate(-49%, 0%);bottom:0em;width:auto;height: 151px; z-index: 99999}		
	
}
@media screen and (min-width: 768px) and (max-width: 959px) {
.bx-text_block01 .text_block{position: absolute;color:#ffffff; bottom:0em;width:100%;height: 172px; z-index: 99999}		
.bx-text_block01 .text_block01{position: absolute;color:#ffffff; left: 49%;transform: translate(-49%, 0%);bottom:0em;width:auto;height: 172px; z-index: 99999}		
	
}
@media screen and (min-width: 960px) {
.bx-text_block01 .text_block{position: absolute;color:#ffffff; bottom:0em;width:100%;height: 215px; z-index: 99999}		
.bx-text_block01 .text_block01{position: absolute;color:#ffffff; left: 49%;transform: translate(-49%, 0%);bottom:0em;width:auto;height: 215px; z-index: 99999}		
	
}

	
.bx-text_block01 .text_block .text_inline{ display: flex;flex-wrap: wrap;justify-content: center;align-content:space-between;align-items:stretch;}

.bx-text_block01 .text_block .text_inline .img01,.bx-text_block01 .text_block .text_inline .img02,.bx-text_block01 .text_block .text_inline .img03,.bx-text_block01 .text_block .text_inline .img04,.bx-text_block01 .text_block .text_inline .img05,.bx-text_block01 .text_block .text_inline .img06,.bx-text_block01 .text_block .text_inline .img07{width:auto;opacity: 0;}

.bx-text_block01 .text_block .text_inline .img01.is-active {opacity: 1;animation-duration: 0.7s;animation-name: span_text01;animation-iteration-count:  1, 0;animation-direction: alternate;}
.bx-text_block01 .text_block .text_inline .img02.is-active {opacity: 1;animation-duration: 0.7s; animation-name: span_text01;animation-iteration-count:  1, 0;animation-direction: alternate;}
.bx-text_block01 .text_block .text_inline .img03.is-active {opacity: 1;animation-duration: 0.7s; animation-name: span_text01;animation-iteration-count:  1, 0;animation-direction: alternate;}
.bx-text_block01 .text_block .text_inline .img04.is-active {opacity: 1;animation-duration: 0.7s; animation-name: span_text01;animation-iteration-count:  1, 0;animation-direction: alternate;}
.bx-text_block01 .text_block .text_inline .img05.is-active {opacity: 1;animation-duration: 0.7s; animation-name: span_text01;animation-iteration-count:  1, 0;animation-direction: alternate;}
.bx-text_block01 .text_block .text_inline .img06.is-active {opacity: 1;animation-duration: 0.7s; animation-name: span_text01;animation-iteration-count:  1, 0;animation-direction: alternate;}
.bx-text_block01 .text_block .text_inline .img07.is-active {opacity: 1;animation-duration: 0.7s; animation-name: span_text01;animation-iteration-count:  1, 0;animation-direction: alternate;}
/*220214_mod*/


.delay-0 {
	animation-name: span_text01;
	animation-delay: 500ms;
	animation-duration: 0.7s;
  animation-fill-mode: forwards;	
}
.delay-500 {
	animation-name: span_text01;
	animation-delay: 1000ms;
	animation-duration:  0.7s;
  animation-fill-mode: forwards;		
}
.delay-1000 {
	animation-name: span_text01;
	animation-delay: 1500ms;
	animation-duration:  0.7s;
  animation-fill-mode: forwards;		
}
.delay-1500 {
	animation-name: span_text01;
	animation-delay: 2000ms;
	animation-duration:  0.7s;
  animation-fill-mode: forwards;		
}
.delay-2000 {
	animation-name: span_text01;
	animation-delay: 2500ms;
	animation-duration:  0.7s;
  animation-fill-mode: forwards;		
}
.delay-2500 {
	animation-name: span_text01;
	animation-delay: 3000ms;
	animation-duration:  0.7s;
  animation-fill-mode: forwards;		
}
.delay-3000 {
	animation-name: span_text01;
	animation-delay: 3500ms;
	animation-duration:  0.7s;
  animation-fill-mode: forwards;		
}


@keyframes span_text01 {
  from { opacity: 0}
  to { opacity: 1  }
}
	
	
/*partII*/	
.bx-text_block01 .text_block01 .bird_bg{display: flex;justify-content: center;align-items: flex-end; width: auto; height: auto;background:rgba(255,0,4,0)}


.bx-text_block01 .text_block01 .slider_container.is-active{position: absolute;top:0px;left:0px;  animation-duration:5s;animation-name: mymove;animation-iteration-count:  1;animation-direction: alternate;}	
	
.bx-text_block01 .text_block01 .slider_container .b01 {position: absolute;top: 0;left: 0; opacity: 0;/*filter: alpha(opacity=0);*/ animation-delay: -0.2s;animation-duration: 0.4s; animation-name: bird;animation-iteration-count: infinite;}
.bx-text_block01 .text_block01 .slider_container .b02 {position: absolute;top: 0;left: 0; opacity: 0;/*filter: alpha(opacity=0);*/animation-delay: -0.4s;animation-duration: 0.4s; animation-name: bird;animation-iteration-count: infinite;}
.bx-text_block01 .text_block01 .slider_container .b03 {position: absolute;top: 0;left: 0; opacity: 0;/*filter: alpha(opacity=100); */}	

	
@keyframes bird{
0%{ opacity:0;} 
5%{ opacity:0.5; } 
20%{ opacity:1; } 
25%{ opacity:0.5;} 
100%{ opacity:0; }

}

@media screen and (max-width:575px) {

 @keyframes mymove{

	0%{left:75%;top:-65%;transform: translate(-10%, 0);-ms-transform: translate(-10%, 0);}
	5%{left:70%;top:-70%;transform: translate(-10%, 0);-ms-transform: translate(-10%, 0);}
	10%{left:65%;top:-65%;transform: translate(-10%, 0);-ms-transform: translate(-10%, 0);}
	15%{left:60%;top:-68%;transform: translate(-10%, 0);-ms-transform: translate(-10%, 0);}	
	20%{left:55%;top:-65%;transform: translate(-10%, 0);-ms-transform: translate(-10%, 0);}	
	30%{left:50%;top:-62%;transform: translate(-10%, 0);-ms-transform: translate(-10%, 0);}
	40%{left:47%;top:-65%;transform: translate(-10%, 0);-ms-transform: translate(-10%, 0);}
	50%{left:45%;top:-62%;transform: translate(-10%, 0);-ms-transform: translate(-10%, 0);}	
	60%{left:40%;top:-52%;transform: translate(-10%, 0);-ms-transform: translate(-10%, 0);}	
	70%{left:30%;top:-48%;transform: translate(-10%, 0);-ms-transform: translate(-10%, 0);}	
	80%{left:20%;top:-45%;transform: translate(-10%, 0);-ms-transform: translate(-10%, 0);}			

	}	
		
}
	
@media screen and (min-width: 576px) and (max-width: 767px) {

 @keyframes mymove{

	0%{left:75%;top:-65%;transform: translate(-10%, 0);}
	5%{left:70%;top:-70%;transform: translate(-10%, 0);}
	10%{left:65%;top:-65%;transform: translate(-10%, 0);}
	15%{left:60%;top:-68%;transform: translate(-10%, 0);}	
	20%{left:55%;top:-65%;transform: translate(-10%, 0);}	
	30%{left:50%;top:-62%;transform: translate(-10%, 0);}
	40%{left:47%;top:-65%;transform: translate(-10%, 0);}
	50%{left:45%;top:-62%;transform: translate(-10%, 0);}	
	60%{left:40%;top:-52%;transform: translate(-10%, 0);}	
	70%{left:30%;top:-48%;transform: translate(-10%, 0);}	
	80%{left:20%;top:-45%;transform: translate(-10%, 0);}			

	}		
	
}	
@media screen and (min-width: 768px) and (max-width: 959px) {

 @keyframes mymove{

	0%{left:75%;top:-65%;transform: translate(-10%, 0);}
	5%{left:70%;top:-70%;transform: translate(-10%, 0);}
	10%{left:65%;top:-65%;transform: translate(-10%, 0);}
	15%{left:60%;top:-68%;transform: translate(-10%, 0);}	
	20%{left:55%;top:-65%;transform: translate(-10%, 0);}	
	30%{left:50%;top:-62%;transform: translate(-10%, 0);}
	40%{left:47%;top:-65%;transform: translate(-10%, 0);}
	50%{left:45%;top:-62%;transform: translate(-10%, 0);}	
	60%{left:40%;top:-52%;transform: translate(-10%, 0);}	
	70%{left:30%;top:-48%;transform: translate(-10%, 0);}	
	80%{left:20%;top:-45%;transform: translate(-10%, 0);}			

	}		
	
}		
/*@media screen and (min-width: 960px) and (max-width: 1199px) {

 @keyframes mymove{

	0%{left:75%;top:-65%;transform: translate(-10%, 0);}
	5%{left:70%;top:-70%;transform: translate(-10%, 0);}
	10%{left:65%;top:-65%;transform: translate(-10%, 0);}
	15%{left:60%;top:-68%;transform: translate(-10%, 0);}	
	20%{left:55%;top:-65%;transform: translate(-10%, 0);}	
	30%{left:50%;top:-62%;transform: translate(-10%, 0);}
	40%{left:47%;top:-65%;transform: translate(-10%, 0);}
	50%{left:45%;top:-62%;transform: translate(-10%, 0);}	
	60%{left:40%;top:-52%;transform: translate(-10%, 0);}	
	70%{left:30%;top:-48%;transform: translate(-10%, 0);}	
	80%{left:23%;top:-45%;transform: translate(-10%, 0);}			

	}		
	
}*/

@media screen and (min-width: 960px) {

 @keyframes mymove{

	0%{left:75%;top:-65%;transform: translate(-10%, 0);}
	5%{left:70%;top:-70%;transform: translate(-10%, 0);}
	10%{left:65%;top:-65%;transform: translate(-10%, 0);}
	15%{left:60%;top:-68%;transform: translate(-10%, 0);}	
	20%{left:55%;top:-65%;transform: translate(-10%, 0);}	
	30%{left:50%;top:-62%;transform: translate(-10%, 0);}
	40%{left:47%;top:-65%;transform: translate(-10%, 0);}
	50%{left:45%;top:-62%;transform: translate(-10%, 0);}	
	60%{left:40%;top:-52%;transform: translate(-10%, 0);}	
	70%{left:30%;top:-48%;transform: translate(-10%, 0);}	
	80%{left:20%;top:-45%;transform: translate(-10%, 0);}			

	}		
	
}

/**********************************/

@media only screen and (max-width: 959px) { 
.bx-viewport{margin-top:55px;}	
}

.bx-wrapper{background:rgba(255,0,0,1);position:relative;margin-bottom:0;padding:0;*zoom:1;-ms-touch-action:pan-y;touch-action:pan-y}
/*.bx-wrapper img{max-width:100%;display:block}*/
.bxslider{margin:0;padding:0}
ul.bxslider{list-style:none}
.bx-viewport{-webkit-transform:translatez(0)}
.bx-wrapper{opacity: 1;background:rgba(0,0,0,0)}
.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto{position:absolute;bottom:10px;width:100%}

.bx-wrapper .bx-loading{min-height:50px;background:url(../images/bx_loader.gif) center center no-repeat;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2}
.bx-wrapper .bx-pager{text-align:center;font-size:.85em;font-family:Arial;font-weight:700;color:#ffffff;padding-top:20px}
.bx-wrapper .bx-pager.bx-default-pager a{background:#969696;text-indent:-9999px;display:block;width:10px;height:10px;margin:0 5px;outline:0;border-radius:5px}
.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:focus{background:#000}
.bx-wrapper .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block;vertical-align:bottom;*zoom:1;*display:inline}
.bx-wrapper .bx-pager-item{font-size:0;line-height:0}

.bx-wrapper .bx-prev{left:10px;background:url(../images/controls.png) no-repeat 0 -32px}
.bx-wrapper .bx-prev:hover,.bx-wrapper .bx-prev:focus{background-position:0 0}
.bx-wrapper .bx-next{right:10px;background:url(../images/controls.png) no-repeat -43px -32px}
.bx-wrapper .bx-next:hover,.bx-wrapper .bx-next:focus{background-position:-43px 0}
/**/
.bx-wrapper .bx-prev1{right:100px;background:url(../images/controls1.png) no-repeat 0 0;}
.bx-wrapper .bx-prev1:hover,.bx-wrapper .bx-prev1:focus{background-position:0 0}
.bx-wrapper .bx-next1{right:50px;background:url(../images/controls1.png) no-repeat -61px -53px}
.bx-wrapper .bx-next1:hover,.bx-wrapper .bx-next1:focus{background-position:-61px 0}


.bx-wrapper .bx-controls-direction a{position:absolute;top:50%;margin-top:-16px;outline:0;width:32px;height:32px;text-indent:-9999px;z-index:1}
.bx-wrapper .bx-controls-direction a.disabled{display:none}
.bx-wrapper .bx-controls-auto{text-align:center}
.bx-wrapper .bx-controls-auto .bx-start{display:block;text-indent:-9999px;width:10px;height:11px;outline:0;background:url(../images/controls.png) -86px -11px no-repeat;margin:0 3px}
.bx-wrapper .bx-controls-auto .bx-start:hover,.bx-wrapper .bx-controls-auto .bx-start.active,.bx-wrapper .bx-controls-auto .bx-start:focus{background-position:-86px 0}
.bx-wrapper .bx-controls-auto .bx-stop{display:block;text-indent:-9999px;width:9px;height:11px;outline:0;background:url(../images/controls.png) -86px -44px no-repeat;margin:0 3px}
.bx-wrapper .bx-controls-auto .bx-stop:hover,.bx-wrapper .bx-controls-auto .bx-stop.active,.bx-wrapper .bx-controls-auto .bx-stop:focus{background-position:-86px -33px}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:100%}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px;}
.bx-wrapper .bx-caption{position:absolute;bottom:0;left:0;background:rgba(255,255,255,0);width:100%}
.bx-wrapper .bx-caption span{color:#fff;font-family:Arial;display:block;font-size:.85em;padding:10px}