@charset "UTF-8";
/* CSS Document */


.animated_1s {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated_2s {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated_4s {
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated_6s {
  -webkit-animation-duration: 6s;
  animation-duration: 6s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated_8s {
  -webkit-animation-duration: 8s;
  animation-duration: 8s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}


.animated_10s {
  -webkit-animation-duration: 10s;
  animation-duration: 10s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated_12s {
  -webkit-animation-duration: 12s;
  animation-duration: 12s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

.delay_1 {
animation-delay: 1s;
}

.delay_2 {
animation-delay: 2s;
}

@keyframes bounce {
	0% {
		opacity:0;
	}	
	75% {
		opacity:0;
	}
  from, 80%, 88%, 95%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

 83%, 85% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  92% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  97% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

-webkit-@keyframes bounce {
	0% {
		opacity:0;
	}	
	75% {
		opacity:0;
	}
  from, 80%, 88%, 95%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

 83%, 85% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  92% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  97% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}


@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}





@keyframes fadeInText1 {
  0% {
    opacity: 0;
	  top:-45px;
  }
 25% {
    opacity: 0;
	  top:-45px;
  }
	50% {
    opacity: 1;
	  top:-45px;
  }

  75% {
    opacity: 1;
	  top:-45px;
  }
	100% {
    opacity: 1;
		top:-45px;
  }
}

-webkit-@keyframes fadeInText1 {
  0% {
    opacity: 0;
	  top:-45px;
  }
 25% {
    opacity: 0;
	  top:-45px;
  }
	50% {
    opacity: 1;
	  top:-45px;
  }

  75% {
    opacity: 1;
	  top:-45px;
  }
	100% {
    opacity: 1;
		top:-45px;
  }
}

.fadeInText1 {
  -webkit-animation-name: fadeInText1;
  animation-name: fadeInText1;
}


@keyframes fadeInText2 {
  0% {
    opacity: 0;
	  top:-45px;
  }
 25% {
    opacity: 0;
	  top:-45px;
  }
	50% {
    opacity: 0;
	  top:-45px;
  }

  75% {
    opacity: 1;
	  top:-45px;
  }
	100% {
    opacity: 1;
		top:-45px;
  }
}

-webkit-@keyframes fadeInText2 {
  0% {
    opacity: 0;
	  top:-45px;
  }
 25% {
    opacity: 0;
	  top:-45px;
  }
	50% {
    opacity: 0;
	  top:-45px;
  }

  75% {
    opacity: 1;
	  top:-45px;
  }
	100% {
    opacity: 1;
		top:-45px;
  }
}

.fadeInText2 {
  -webkit-animation-name: fadeInText2;
  animation-name: fadeInText2;
}

@keyframes fadeInText3 {
  0% {
    opacity: 0;
	  top:-45px;
  }
 25% {
    opacity: 0;
	  top:-45px;
  }
	60% {
    opacity: 0;
	  top:-45px;
  }

  90% {
    opacity: 1;
	  top:-45px;
  }
	100% {
    opacity: 1;
		top:-45px;
  }
}

-webkit-@keyframes fadeInText3 {
  0% {
    opacity: 0;
	  top:-45px;
  }
 25% {
    opacity: 0;
	  top:-45px;
  }
	60% {
    opacity: 0;
	  top:-45px;
  }

  90% {
    opacity: 1;
	  top:-45px;
  }
	100% {
    opacity: 1;
		top:-45px;
  }
}


.fadeInText3 {
  -webkit-animation-name: fadeInText3;
  animation-name: fadeInText3;
}






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

	
  100% { 
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

	
  100% { 
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}


@-webkit-keyframes fadeInLeft {
  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 fadeInLeft {
  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);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}



@-webkit-keyframes fadeInRight {
  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 fadeInRight {
  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);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

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

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

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

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

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}


@keyframes fadeOut {
  0% {
    opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
	25% {
    opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
	50% {
    opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  75% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
	100% {
		display: none;
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

-webkit-@keyframes fadeOut {
  0% {
    opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
	25% {
    opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
	50% {
    opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  75% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
	100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}


.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

.top_text li div { 
	widows: 100%;
    z-index: 100;
    position: absolute;
    top:45%;
    left: 0px;
    width: 100%;
    text-align: center;
    opacity:0;
    color: #fff;
    -webkit-animation: titleAnimation 30s linear infinite 0s;
    -moz-animation: titleAnimation 30s linear infinite 0s;
    -o-animation: titleAnimation 30s linear infinite 0s;
    -ms-animation: titleAnimation 30s linear infinite 0s;
    animation: titleAnimation 30s linear infinite 0s; 
}




.top_text li:nth-child(1) div { 
    -webkit-animation-delay: 10s;
    -moz-animation-delay: 10s;
    -o-animation-delay: 10s;
    -ms-animation-delay: 10s;
    animation-delay: 10s; 
}
.top_text li:nth-child(2) div { 
    -webkit-animation-delay: 15s;
    -moz-animation-delay: 15s;
    -o-animation-delay: 15s;
    -ms-animation-delay: 15s;
    animation-delay: 15s; 
}
.top_text li:nth-child(3) div { 
    -webkit-animation-delay: 20s;
    -moz-animation-delay: 20s;
    -o-animation-delay: 20s;
    -ms-animation-delay: 20s;
    animation-delay: 20s; 
}
.top_text li:nth-child(4) div { 
    -webkit-animation-delay: 25s;
    -moz-animation-delay: 25s;
    -o-animation-delay: 25s;
    -ms-animation-delay: 25s;
    animation-delay: 25s; 
}
.top_text li:nth-child(5) div { 
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s; 
}

.logo_text {
	display: table;
	text-align:center;
	margin:0 auto;
}

.logo_text li {
	display: table-cell;
	margin:0 auto;
}

.logo_text li div { 
	widows: 100%;
    z-index: 100;
    position: relative;
    top:80%;
    left: 0px;
    width: 100%;
    text-align: center;
    opacity:1;
    color: #fff;
}

.logo_text p {
	font-size:28px;
	padding: 0;
	text-shadow:0px 0px 10px #000;
	letter-spacing: 0.2em;
	font-weight: 500;
}

.font_g {
	color:#a2c51e;
}