.flexslider {
	animation-name: slideHide;
	-webkit-animation-name: slideHide;
	animation-duration: 6s;
	-webkit-animation-duration: 6s;
	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;
	visibility: visible !important;
}
@keyframes slideHide {
 0% {
 opacity: 0;
}
 70% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
.home-page header {
	animation-name: headerHide;
	-webkit-animation-name: headerHide;
	animation-duration: 7s;
	-webkit-animation-duration: 7s;
	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;
	visibility: visible !important;
}
@keyframes headerHide {
 0% {
 opacity: 0;
 top:-50px;
}
 85% {
 opacity: 0;
 top:-50px;
}
 100% {
 opacity: 1;
 top:0;
}
}
.home-page .social-links {
	animation-name: socialHide;
	-webkit-animation-name: socialHide;
	animation-duration: 8s;
	-webkit-animation-duration: 8s;
	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;
	visibility: visible !important;
}
@keyframes socialHide {
 0% {
 opacity: 0;
 right:-150px;
}
 85% {
 opacity: 0;
 right:-50px;
}
 100% {
 opacity: 1;
}
}
#side-nav{
	animation-name: navHide;
	-webkit-animation-name: navHide;
	animation-duration: 7s;
	-webkit-animation-duration: 7s;
	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;
	visibility: visible !important;
}
@keyframes navHide {
 0% {
 opacity: 0;
 left:-150px;
}
 85% {
 opacity: 0;
 left:-50px;
}
 100% {
 opacity: 1;
}
}
.logoSection {
	width: 380px;
	height: 317px;
	position:absolute;
	top:0;
	left:0;
	z-index: 130;
	animation-name: LogoMain;
	-webkit-animation-name: LogoMain;
	animation-duration: 5s;
	-webkit-animation-duration: 5s;
	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;
	visibility: visible !important;
}
 @keyframes LogoMain {
 0% {
 transform: scale(1);
 opacity: 1;
 width: 100%;
 height: 100%;
}
 70% {
 transform: scale(1);
 opacity: 1;
 width: 100%;
 height: 100%;
}
 100% {
 width: 380px;
 height: 317px;
 left:0;
 top: 0;
}
}
.logoText {
	background-image:url(../images/logo_text.png);
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	background-size: contain;
	background-position:center;
	position: absolute;
	top: -30px;
	left: 0;
	opacity: 0;
	animation-name: fadeInText;
	-webkit-animation-name: fadeInText;
	animation-duration: 3s;
	-webkit-animation-duration: 3s;
	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;
	visibility: visible !important;
}
 @keyframes fadeInText {
 0% {
 transform: scale(0);
 opacity: 0.0;
}
 80% {
 transform: scale(1.2);
 opacity: 1;
}
 100% {
 transform: scale(1);
 opacity: 1;
}
}
.logobg {
	background-image:url(../images/logo_bg2.png);
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	background-size: contain;
	background-position:center;
	position: absolute;
	top: -30px;
	left: 0;
	opacity: 1;
	animation-name: fadeInBG;
	-webkit-animation-name: fadeInBG;
	animation-duration: 3s;
	-webkit-animation-duration: 3s;
	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;
	visibility: visible !important;
}
 @keyframes fadeInBG {
 0% {
 transform: scale(0);
 opacity: 0.0;
 background-image:url(../images/logo_bg1.png);
}
 30% {
 transform: scale(0);
 opacity: 0.2;
}
 99% {
 transform: scale(1);
 background-image:url(../images/logo_bg1.png);
 opacity: 1;
}
 100% {
 transform: scale(1);
 background-image:url(../images/logo_bg1.png);
 opacity: 1;
}
}
.logoWhiteBg {
	background-image:url(../images/logo_bg_white.png);
	background-repeat: no-repeat;
	width: 420px;
	height: 350px;
	top: 0;
	left: 0;
	position:absolute;
	animation-name: logoWhite;
	-webkit-animation-name: logoWhite;
	animation-duration: 6s;
	-webkit-animation-duration: 6s;
	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;
	visibility: visible !important;
}
 @keyframes logoWhite {
 0% {
 transform: scale(1);
 opacity: 0;
}
 70% {
 transform: scale(1);
 opacity: 0;
}
 100% {
 transform: scale(1);
 opacity: 1;
}
}

.section.active .news-wrap img{
	animation-name: newsFade;
	-webkit-animation-name: newsFade;
	animation-duration:2s;
	-webkit-animation-duration: 2s;
	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;
	visibility: visible !important;
}
@keyframes newsFade {
 0% {
 opacity: 0;
 transform: scale(0);
}

 100% {
 opacity: 1;
 transform: scale(1);
}
}

.section.active .news-wrap p, .section.active .news-wrap h4{
	animation-name: newsPFade;
	-webkit-animation-name: newsPFade;
	animation-duration:3s;
	-webkit-animation-duration: 3s;
	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;
	visibility: visible !important;
}
@keyframes newsPFade {
 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
.section.active .news-wrap{overflow: hidden;}
.section.active .news-wrap img:hover{transform: scale(1.05);}


.section.active .news-wrap{
	animation-name: slideInUp;
	-webkit-animation-name: slideInUp;	

	animation-duration: 2s;	
	-webkit-animation-duration: 2s;

	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;

	visibility: visible !important;			
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}


@keyframes FadeList { 
  0% {
    opacity: 0;
    transform: scale(.1);
  }

  85% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}

.section.active .menu-area li {
	animation-name: FadeList;
	-webkit-animation-name: FadeList;	

	animation-duration: 2s;	
	-webkit-animation-duration: 2s;

	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;

	visibility: visible !important;	
}

.menu-area li:nth-child(1) { animation-duration: .4s }
.menu-area li:nth-child(2) { animation-duration: 0.8s }
.menu-area li:nth-child(3) { animation-duration: 1.2s }
.menu-area li:nth-child(4) { animation-duration: 1.6s }
.menu-area li:nth-child(5) { animation-duration: 2s }
.menu-area li:nth-child(6) { animation-duration: 2.4s }

.section.active .com-content h3, .section.active .com-content p{
	animation-name: slideInRight;
	-webkit-animation-name: slideInRight;	

	animation-duration: 2s;	
	-webkit-animation-duration: 2s;

	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;

	visibility: visible !important;	
}


@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
	opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
	opacity: 1;
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
	opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
	opacity: 1;
  }
}

.section.active .com-content .img-wrap, .section.active .com-content a{
	animation-name: newsFade;
	-webkit-animation-name: newsFade;	

	animation-duration: 2.5s;	
	-webkit-animation-duration: 2.5s;

	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;

	visibility: visible !important;	
}



@keyframes vsn-slide1{ 
  0% {
    top: 0%;
  }
  5% {
    top: 0%;
  }
  85% {
    top: 25%;
  }
  100% {
    top: 20%;
  }
}

@keyframes vsn-slide2 { 
  0% {
    top: 0%;
  }
  10% {
    top: 0%;
  }
  85% {
    top: 20%;
  }
  100% {
    top: 15%;
  }
}

@keyframes vsn-slide3 { 
  0% {
    top: 0%;
  }
  15% {
    top: 0%;
  }
  85% {
    top: 15%;
  }
  100% {
    top: 10%;
  }
}

@keyframes vsn-slide4 { 
  0% {
    top: 0%;
  }
  20% {
    top: 0%;
  }
  85% {
    top: 50%;
  }
  100% {
    top: 35%;
  }
}

@keyframes vsn-slide5 { 
 0% {
    top: 0%;
  }
  25% {
    top: 0%;
  }
  85% {
    top: 80%;
  }
  100% {
    top: 65%;
  }
}

@keyframes vsn-slide6 { 
  0% {
    top: 0%;
  }
  30% {
    top: 0%;
  }
  85% {
    top: 30%;
  }
  100% {
    top: 16%;
  }
}

@keyframes vsn-slide7 { 
  0% {
    top: 10%;
  }0% {
    top: 0%;
  }
  35% {
    top: 0%;
  }
  85% {
    top: 60%;
  }
  100% {
    top: 40%;
  }
}

@keyframes vsn-slide8 { 
  0% {
    top: 0%;
  }
  40% {
    top: 0%;
  }
  85% {
    top: 90%;
  }
  100% {
    top: 78%;
  }
}


.section.active .vsn-item:nth-child(1) .vsn-slide { top: 20%; animation-name: vsn-slide1; -webkit-animation-name: vsn-slide1; animation-duration: 2.5s;	-webkit-animation-duration: 2.5s; animation-timing-function: ease-in-out;	-webkit-animation-timing-function: ease-in-out;}
.section.active .vsn-item:nth-child(2) .vsn-slide { top: 15%; animation-name: vsn-slide2; -webkit-animation-name: vsn-slide2; animation-duration: 2.5s;	-webkit-animation-duration: 2.5s; animation-timing-function: ease-in-out;	-webkit-animation-timing-function: ease-in-out;}
.section.active .vsn-item:nth-child(3) .vsn-slide { top: 10%; animation-name: vsn-slide3; -webkit-animation-name: vsn-slide3; animation-duration: 2s;	-webkit-animation-duration: 2s; animation-timing-function: ease-in-out;	-webkit-animation-timing-function: ease-in-out;}
.section.active .vsn-item:nth-child(4) .vsn-slide { top: 35%; animation-name: vsn-slide4; -webkit-animation-name: vsn-slide4; animation-duration: 2.5s;	-webkit-animation-duration: 2.5s; animation-timing-function: ease-in-out;	-webkit-animation-timing-function: ease-in-out;}
.section.active .vsn-item:nth-child(5) .vsn-slide { top: 65%; animation-name: vsn-slide5; -webkit-animation-name: vsn-slide5; animation-duration: 3s;	-webkit-animation-duration: 3s; animation-timing-function: ease-in-out;	-webkit-animation-timing-function: ease-in-out;}
.section.active .vsn-item:nth-child(6) .vsn-slide { top: 16%; animation-name: vsn-slide6; -webkit-animation-name: vsn-slide6; animation-duration: 3.5s;	-webkit-animation-duration: 3.5s; animation-timing-function: ease-in-out;	-webkit-animation-timing-function: ease-in-out;}
.section.active .vsn-item:nth-child(7) .vsn-slide { top: 40%; animation-name: vsn-slide7; -webkit-animation-name: vsn-slide7; animation-duration: 4s;	-webkit-animation-duration: 4s; animation-timing-function: ease-in-out;	-webkit-animation-timing-function: ease-in-out;}
.section.active .vsn-item:nth-child(8) .vsn-slide { top: 78%; animation-name: vsn-slide18; -webkit-animation-name: vsn-slide8; animation-duration: 4.5s;	-webkit-animation-duration: 4.5s; animation-timing-function: ease-in-out;	-webkit-animation-timing-function: ease-in-out;}


.flex-active-slide .banner_logo{
	width: 100%;
	height: 100%;
	opacity: 1;
	top: 0%;
	left: 0;
	position: absolute;
	animation-name: banner_logo;
	-webkit-animation-name: banner_logo;	

	animation-duration: 5s;	
	-webkit-animation-duration: 5s;

	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;
}

@keyframes banner_logo { 
  0% {
    top: -100%;
	opacity: 0;
  }
  10% {
    top: -100%;
	opacity: 0;
  }
  
  100% {
    top: 0%;
	opacity: 1;
  }
}
/*.flex-active-slide.slide1 .banner_logo{
	width: 100%;
	height: 100%;
	opacity: 1;
	top: 0%;
	left: 0;
	position: absolute;
	animation-name: banner_logo_top;
	-webkit-animation-name: banner_logo_top;	

	animation-duration: 5s;	
	-webkit-animation-duration: 5s;

	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;
}
@keyframes banner_logo_top { 
  0% {
    top: -100%;
	opacity: 0;
  }
  
  
  100% {
    top: 0%;
	opacity: 1;
  }
}*/
@-webkit-keyframes fade2040 {
    from {opacity: 0; transform: scale(.1);}
    to {opacity: 1; transform: scale(1);}
  }
  @keyframes fade2040 {
    from {opacity: 0; transform: scale(.1);}
    to {opacity: 1; transform: scale(1);}
  }
  

   @-webkit-keyframes slideUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: hidden;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes slidefromRight {
  from {
	  opacity:0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
	  opacity:1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slidefromRight {
  from {
	  opacity:0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
	  opacity:1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
	
  }
}

/*--------------------- FadeSlideUp ----------------*/
@-webkit-keyframes FadeSlideUp {
  0% {
    opacity: 0;
    -moz-transform: translate3d(0, 100%, 0);
    -webkit-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes FadeSlideUp {
  0% {
    opacity: 0;
    -moz-transform: translate3d(0, 100%, 0);
    -webkit-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}