.bounce-in-top1 {
	-webkit-animation: bounce-in-top 1.1s 1s both;
	        animation: bounce-in-top 1.1s 1s both;
}
.bounce-in-top2 {
	-webkit-animation: bounce-in-top 1.1s 1.6s both;
	        animation: bounce-in-top 1.1s 1.6s both;
}
.bounce-in-top3 {
	-webkit-animation: bounce-in-top 1.1s 2.2s both;
	        animation: bounce-in-top 1.1s 2.2s both;
}
.bounce-in-top4 {
	-webkit-animation: bounce-in-top 1.1s 2.8s both;
	        animation: bounce-in-top 1.1s 2.8s both;
}
/**
 * ----------------------------------------
 * animation bounce-in-top
 * ----------------------------------------
 */
@-webkit-keyframes bounce-in-top {
  0% {
    -webkit-transform: translateY(-500px);
            transform: translateY(-500px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    -webkit-transform: translateY(-65px);
            transform: translateY(-65px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  72% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  81% {
    -webkit-transform: translateY(-28px);
            transform: translateY(-28px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  90% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  95% {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
@keyframes bounce-in-top {
  0% {
    -webkit-transform: translateY(-500px);
            transform: translateY(-500px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    -webkit-transform: translateY(-65px);
            transform: translateY(-65px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  72% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  81% {
    -webkit-transform: translateY(-28px);
            transform: translateY(-28px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  90% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  95% {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}



.flexslider .caption-title { font-weight: bold; }
.flexslider .caption-body p { 
	text-align:right; 
	font-size:1.5rem; 
	display:table; 
	width:auto;	 
	color:#fff; 
	background:#CC9F53; 
	padding:0.75rem;
	margin:0 0 10px auto;
	-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.62);
    -moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.62);
    box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.62);
	}
.flexslider .caption-body p a{color:#fff;}	
.flexslider .caption-text { padding: 17px; }

.flexslider .slides img { height: auto; }

@media screen and (min-width: 861px) {
  
  .slides li div.captionwrapper { position: absolute; width: 350px; top:auto; bottom: 10px; }
  .slides li div.caption span { color: #fff; display: block; }
  .slides li div.caption .captiontitle { font-size: 18px; font-weight: bold; margin-bottom: 5px; text-align: right; }
  .slides li div.caption .captiontext { font-size: 12px; line-height: 15px; }

  .flexslider .caption-align-right .caption-text { right: 20px; }
  .flexslider .caption-align-right .caption-link { right: 20px; }
  .flexslider .caption-link { position: absolute; bottom: 20px; }
  .flexslider .caption-text { position: absolute; width: 650px; bottom: 17%; right:10%; }
}

@media screen and (max-width: 1024px) {
	.flexslider .caption-body p { 
	   padding:0.25rem 1rem;
	}
}
@media screen and (max-width: 800px) {
	.flexslider .caption-body p { 
	   padding:0 1rem;
	   font-size: 0.875rem;
	}
.flexslider .caption-text { position: absolute; width: 650px; bottom: auto; top:20px; right:10%; }
}

@media screen and (max-width: 480px) {
.flexslider .caption-text { position: absolute; width: 100%; top:160px; right:0; }
.flexslider .caption-body p { 
	text-align:right; 
	display:table; 
	width:auto;	 
	color:#fff; 
	font-size: 1rem;
	background:#CC9F53; 
	margin:0 auto 1rem auto;
	-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.62);
    -moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.62);
    box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.62);
	}
}