@charset "utf-8";

/* CSS Document */







/*

Theme Name: Catholic Bulletin Program Church Website Template

Version: 1.0

Author: Surjith SM

Author URI: http://themeforest.net/user/surjithctly

*/





/******************  Table of Contents  *****************************/



/*



1. GLOBAL STYLES

2. NAVIGATION BAR

3. CAROUSEL

4. UPCOMING EVENT

5. FEATURE BLOCK

6. EVENT LIST

7. CAROUSEL

8. LATEST BLOG

9. LATEST SERMONS

10. IMAGE GALLERY

11. BIBLE QUOTES

12. SUBSCRIBE

13. FOOTER

14. SUB PAGES

15. BLOG

16. SHORTCODES

17. CONTACT US



If you having trouble in editing css, see documentation or please email me on support@surjithctly.in 



*/



/*========== 1. GLOBAL STYLES ==============*/





body {

	font-family: 'Droid Serif', Arial, sans-serif;

	background:#FFF;

	font-weight:300;

	height: 100%;

	margin: 0;

	padding: 0;

	color:#6F6A66;

}

a {

	color:#2c2c2a;

	text-decoration:none;

}

a:hover, a:focus {

	color:#E95D00;

	text-decoration:none;

}

.link-reverse {

	color:#E95D00;

}

.link-reverse:hover, .link-reverse:focus {

	color:#CA5100;

}

strong, b {

	font-weight:600;

}

p {

	line-height: 1.6;

}

h1, h2, h3, h4, h5, h6 {

	font-family: 'Montserrat', Arial, sans-serif;

	font-weight:700;

}

h1 {

	font-size:65px;

	line-height: 1;

	margin: 18px 0 45px;

	word-spacing:-5px;

}

h2 {

	font-size:60px;

	margin:15px 0;

	word-spacing:-3px;

}

h3 {

	font-size:45px;

	margin:15px 0;

	word-spacing:-3px;

    

}

h4 {

	font-size:20px;

	margin:10px 0;

}

h5 {

	font-size:18px;

	margin: 20px 0 13px;

	color: #7d9500;

}

h6 {

	font-size:16px;

	margin:10px 0;

	color: #384047;

}

.color-font{

    color: #7d9500;

}

 @media (max-width:767px) {

h1 {

font-size: 55px;

}

h2 {

font-size: 40px;

}

 h3 {

font-size: 25px;

}

}

.caret {

	margin-top: -3px;

}

.disabled {

	cursor: not-allowed;

	filter: alpha(opacity=65);

	-webkit-box-shadow: none;

	box-shadow: none;

	opacity: .65;

}

.btn {

	font-family: 'Montserrat', Arial, sans-serif;

	font-weight:700;

	text-transform:uppercase;

}

.btn-giant {

	padding: 18px 30px;

	font-size: 32px;

	line-height: 1.33;

	border-radius: 5px;

}

.btn-lg, .btn-group-lg>.btn {

	padding: 14px 25px;

	font-size: 17px;

	line-height: 1.3;

	border-radius: 4px;

}

.input-lg, .form-horizontal .form-group-lg .form-control {

	height: 52px;

	border-radius:3px;

}

.form-control {

	border-radius:3px;

}

.form-control:focus {

	border-color: #BBB4A7;

	-webkit-box-shadow: none;

	box-shadow: none;

}

.input-group-lg>.form-control, .input-group-lg>.input-group-addon, .input-group-lg>.input-group-btn>.btn {

	border-radius: 3px;

}

.btn-primary {

	color: #fff;

	background-color: #7d9500;

	border-color: #fff;

}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {

	color: #fff;

	background-color: #484848;

	border-color: #7d9500;

}

.well {

	background:#f9f1e6;

	border:0;

	-webkit-box-shadow:none;

	box-shadow:none;

}

.highlight-bg {

	background:#e7ad47;

	padding: 24px 0;

}

.has-margin-top {

	margin-top:50px;

}

.has-margin-bottom {

	margin-bottom:50px;

}

.has-margin-xs-top {

	margin-top:10px;

}



.has-margin-xs-bottom {

	margin-bottom:30px;

}

.has-margin-xs-right {

	margin-right:20px;

}

.has-no-margin {

	margin:0;

}

.has-padding {

	padding:20px;

}

.has-padding-xs {

	padding:10px;

}

.has-padding-vertical {

	padding:20px 0;

}

.has-padding-bottom {

	padding-bottom:20px;

}

.has-padding-xs-vertical {

	padding:10px 0;

}

.has-padding-xs-bottom {

	padding-bottom:10px;

}

.has-padding-xs-top {

	padding-top:10px;

}

.has-border {

	border:1px solid #eadeda;

	-webkit-border-radius:3px;

	-moz-border-radius:3px;

	border-radius:3px;

}

.has-border-bottom {

	border-bottom:1px solid #eadeda;

}

.section-title {

	text-align:center;

	color:#53504c;

	min-height: 40px;

	margin-bottom: 40px;

}

.section-title h4 {

	position:relative;

}

.section-title h4:after {

	position:absolute;

	content:"";

	left:50%;

	bottom: -12px;

	width:30px;

	height:4px;

	background:#919191;

	margin-left: -15px;

}

.section-title.left-align {

	text-align:left;

}

.section-title.left-align h4:after {

	left:0;

	margin-left:0;

}

.well .section-title {

	margin-bottom: 20px;

}



.badge {

color: #918677;

background-color: #E7E0D7;

}



@media (min-width:768px) {

.section-title.left-align-desktop {

	text-align:left;

}

.section-title.left-align-desktop h4:after {

	left:0;

	margin-left:0;

}

}

.increase{

    font-family: 'Droid Serif', Arial, sans-serif;

	background:#FFF;

    font-size: 16px;

	font-weight:300;

	height: 100%;

	margin: 0;

	padding: 0;

	color:#6F6A66;

}



/*========== 2. NAVIGATION BAR ==============*/



@media (min-width:768px) {

.navbar-header {

 max-width:160px;

}

}

 @media (min-width:992px) {

.navbar-header {

 max-width:280px;

}

}

.navbar-default {

	background-color: #FFF; /*IE Fix*/

	background-color: rgba(255, 255, 255, 0.7);

	border:0;

}

.navbar-default .navbar-nav>li>a {

	font-family: 'Montserrat', Arial, sans-serif;

	text-transform:uppercase;

}

/*On scroll Transition*/

.navbar-brand, .navbar-brand img, .navbar, .navbar-nav, .nav>li>a {

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

	transition: all 0.3s;

}

.navbar-brand {

	height:85px;

}

.navbar-brand img {

	max-height:100%;

}

.navbar {

	min-height: 85px;

}

.navbar-nav {

	margin: 25px 0;

}

.nav>li>a {

	padding: 7px 18px;

}

.navbar-default .navbar-nav>li>a {

	color: #2c2c2a;

}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:active {

	color: #E95D00;

	background-color: transparent;

}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {

	color: #E95D00;

	background-color: transparent;

}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {

	color: #fff;

	background-color: #7d9500;

	-webkit-border-radius:5px;

	-moz-border-radius:5px;

	border-radius:5px;

}

.navbar-toggle {

	margin-top: 17px;

}

.increase{

    color:;

    

}



/*== NAVBAR ON SCROLL ==*/





@media (min-width:992px) {

 .navbar-brand img {

 height: 60px;

}

 .navbar-default.shrink {

background-color: rgba(255, 255, 255, 1);

border-bottom:solid 1px #F7F7F7;

box-shadow: 0 2px 2px -1px rgba(0, 0, 0, .1);

-webkit-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, .1);

}

 .shrink .navbar-brand {

 height: 75px;

}

 .shrink .navbar-brand img {

 height: 45px;

}

 .navbar.shrink {

 min-height: 50px;

}

 .shrink .navbar-nav {

 margin: 20px 0;

}

 .shrink .nav>li>a {

 padding: 7px 15px;

}

}

 @media (max-width:991px) {

 .navbar-brand {

 height: 70px;

}

 .navbar {

 min-height: 50px;

}

 .navbar-nav {

 margin: 17px 0;

}

 .nav>li>a {

padding: 7px 12px;

}

}

 @media (max-width:991px) {

.navbar-default {

background-color: rgba(255, 255, 255, 0.9);

}

}



@media (min-width: 768px) {

.navbar-right .dropdown-menu-left {

left: 18px;

}

.navbar-right .active .dropdown-menu-left {

left: 0;

}



}





/*========== 3. CAROUSEL ==============*/



/* Carousel base class */

.carousel {

	height: 750px;

}

/* Since positioning the image, we need to help out the caption */

.carousel-caption {

	z-index: 10;

	top:33%;

	bottom:0;

}

 @media (max-width:480px) {

.carousel-caption {

top: 25%;

}

}

/* Declare heights because of positioning of img element */

.carousel .item {

	height: 750px;

	background-color: #484848;

}

.carousel-control.left {

	background-image:none;

}

.carousel-control.right {

	background-image:none;

}

.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {

	top:55%;

}

.slide-one {

	background:url(../images/church-man-hope.jpg) no-repeat;

	background-size:cover;

}

.slide-two {

	background:url(../images/church-man-sea.jpg) no-repeat;

	background-size:cover;

}

.slide-three {

	background:url(../images/church-mountain-bg.jpg) no-repeat;

	background-size:cover;

}





/*========== 4. UPCOMING EVENT ==============*/



.event-cta {

	text-align:center;

}

.event-cta p {

	font-size:23px;

	margin:0;

	margin-bottom:10px;

	font-weight:700;

	color:#fff;

}

.event-cta span {

	color:#7d9500;

	font-family: 'Montserrat', Arial, sans-serif;

	font-weight:700;

}

 @media (min-width:992px) {

 .event-cta {

 text-align:left;

}

.ec-txt {

 float:left;

 color:#fff;

}

 .event-cta p {

 margin-bottom:0;

}

.event-cta .btn {

 float:right;

}

}



.event-details .ed-title {

	display:block;

	text-transform:uppercase;

	font-size:12px;

	margin-bottom:5px;

}



.event-details .ed-content {

	line-height:2;	

	color: #53504c;

}





/*========== 5. FEATURE BLOCK ==============*/



@media (max-width:767px) {

.feature-block {

 text-align:center;

}

.feature-block .img-responsive {

 margin:0 auto;

}

}

 @media (max-width:991px) {

.center-this {

 text-align:center;

}

 .center-this .img-responsive {

 margin:0 auto;

}

}

/*========== 6. EVENT LIST ==============*/



.el-block {

	text-align:center;

}

.el-block h4 {

	position:relative;

	color:#53504c;

}

.el-block h4:after {

	position:absolute;

	content:"";

	left:50%;

	bottom: -12px;

	width:20px;

	height:4px;

	background:#919191;

	margin-left: -10px;

}

.el-head {

	color:#53504c;

	font-size:18px;

	margin:20px 0 5px;

}

.el-cta {

	margin:15px 0;

}

/*========== 7. CAROUSEL ==============*/









/* 

 *  Core Owl Carousel CSS File

 */

.owl-carousel {

	display: none;

	width: 100%;

	-webkit-tap-highlight-color: transparent;

	/* position relative and z-index fix webkit rendering fonts issue */

  position: relative;

	z-index: 1;

	margin-bottom: 10px;

}

.owl-carousel .owl-stage {

	position: relative;

	-ms-touch-action: pan-Y;

}

.owl-carousel .owl-stage:after {

	content: ".";

	display: block;

	clear: both;

	visibility: hidden;

	line-height: 0;

	height: 0;

}

.owl-carousel .owl-stage-outer {

	position: relative;

	overflow: hidden;

	/* fix for flashing background */

  -webkit-transform: translate3d(0px, 0px, 0px);

}

.owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot {

	cursor: pointer;

	cursor: hand;

	-webkit-user-select: none;

	-khtml-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;

}

.owl-carousel.owl-loaded {

	display: block;

}

.owl-carousel.owl-loading {

	opacity: 0;

	display: block;

}

.owl-carousel.owl-hidden {

	opacity: 0;

}

.owl-carousel .owl-refresh .owl-item {

	display: none;

}

.owl-carousel .owl-item {

	position: relative;

	min-height: 1px;

	float: left;

	-webkit-backface-visibility: hidden;

	-webkit-tap-highlight-color: transparent;

	-webkit-touch-callout: none;

	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;

}

.owl-carousel .owl-item img {

	display: block;

	width: 100%;

	-webkit-transform-style: preserve-3d;

}

.owl-carousel.owl-text-select-on .owl-item {

	-webkit-user-select: auto;

	-moz-user-select: auto;

	-ms-user-select: auto;

	user-select: auto;

}

.owl-carousel .owl-grab {

	cursor: move;

	cursor: -webkit-grab;

	cursor: -o-grab;

	cursor: -ms-grab;

	cursor: grab;

}

.owl-carousel.owl-rtl {

	direction: rtl;

}

.owl-carousel.owl-rtl .owl-item {

	float: right;

}

/* No Js */

.no-js .owl-carousel {

	display: block;

}

/*To move navigation buttons outside use these settings:*/

 

 .owl-theme .owl-controls {

	margin-top: 10px;

	text-align: center;

	-webkit-tap-highlight-color: transparent;

}

.owl-theme .owl-controls .owl-nav {

	display: none;

}

 @media (min-width:1200px) {

 .owl-theme .owl-controls .owl-nav {

 display: block;

}

 .owl-theme .owl-controls .owl-nav div {

 position: absolute;

}

 .owl-theme .owl-controls .owl-nav .owl-prev {

 left: -10px;

 top: 55px;

}

 .owl-theme .owl-controls .owl-nav .owl-next {

 right: -10px;

 top: 55px;

}

}

.owl-theme .owl-controls .nav-arrow {

	width:16px;

	height:30px;

	background:url(../images/arrows.png) no-repeat;

	display:block;

}

.owl-theme .owl-controls .nav-arrow.left {

	background-position: 0 0;

}

.owl-theme .owl-controls .nav-arrow.right {

	background-position: 100% 0;

}

.owl-theme .owl-dots .owl-dot {

	display: inline-block;

	zoom: 1;

 *display: inline

}

.owl-theme .owl-dots .owl-dot span {

	width: 10px;

	height: 10px;

	margin: 5px;

	background: #DDCBAB;

	display: block;

	-webkit-backface-visibility: visible;

	-webkit-transition: opacity 200ms ease;

	-moz-transition: opacity 200ms ease;

	-ms-transition: opacity 200ms ease;

	-o-transition: opacity 200ms ease;

	transition: opacity 200ms ease;

	-webkit-border-radius: 30px;

	-moz-border-radius: 30px;

	border-radius: 30px

}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {

	background: #AC7F62

}

/*========== 8. LATEST BLOG ==============*/





.media-heading {

	color: #53504c;

}

.media-content {

	margin-bottom:20px;

}

 @media (max-width:767px) {

.media-heading {

margin-top: 20px;

}

.bulletin {

 text-align:center;

}

}

/*========== 9. LATEST SERMONS ==============*/



.list-group {

	margin-bottom:0;

}

.list-group-item {

	background: url(../images/play.png) no-repeat 0 15px transparent;

	border:0;

	border-top:1px solid #e7e1df;

	padding-left:20px;

}

.list-group-item:first-child {

	border-top:0;

}

a.list-group-item-text {

	color: #9E9E9E;

}

a.list-group-item:hover, a.list-group-item:focus {

	background-color:transparent;

}

/*========== 10. IMAGE GALLERY ==============*/





.img-gallery .fancybox img {

	margin:0 auto;

	margin-bottom:30px;

}

/*========== 11. BIBLE QUOTES ==============*/



.blockquote-centered {

	text-align:center;

	color:#393939;

	border:0;

	line-height: 1.6;

	position:relative;

	cursor:hand;

}



 @media (min-width:767px) {

.blockquote-centered {

 padding:0 50px;

 font-size:26px;

}

}

.blockquote-centered:before, .blockquote-centered:after {

	position:absolute;

	content:"";

	width:50px;

	height:50px;

}

.blockquote-centered:before {

	background:url(../images/quote-1.png) no-repeat;

	left:0;

	top:0;

}

.blockquote-centered:after {

	background:url(../images/quote-2.png) no-repeat;

	right:0;

	bottom:0;

}

.blockquote-centered small {

	padding:15px 0;

}

/*========== 12. SUBSCRIBE ==============*/



.susbcribe-head {

	margin: 0;

	line-height:1.6;

	text-align:center;

	margin-bottom:20px;

}

.susbcribe-head span {

	color:#fff;

	font-weight:normal;

}

.ketchup-error {

	display:none!important;

}

 @media (min-width:767px) {

 .subscribe-form .form-group {

 margin-bottom:0;

}

 .susbcribe-head {

 margin: 0;

 text-align:left;

}

 .susbcribe-head span {

 display:block;

}

}

/*========== 13. FOOTER ==============*/



footer {

	background:#7d9500;

	color:#fff;

	padding-top:5px;

}

footer h5 {

	color:#f9f1e6;

}

.footer-links {

	margin:0;

	padding:0;

	list-style:none;

}

.footer-links li {

	border-bottom:1px solid #fff;

	padding:5px;

}

footer p {

	color: #fff;	

}

footer a {

	color:#fff;

}

footer a:hover, footer a:focus {

	color: #FFB483;

}

.copyright {

	background:#494743;

	padding-top:20px;

	padding-bottom:10px;

	margin-top:35px;

}

.social-icons a {

	opacity:0.5;

}

.social-icons a:hover, .social-icons a:focus {

	opacity:0.8;

}

/*========== 14. SUB PAGES ==============*/





.subpage-head {

	background-color:#484848;

	padding-top: 80px;

	padding-bottom: 20px;

}



.subpage-head span {

    color: #fff;

}

.subpage-head h3 {

	color:#7d9500;

}

 @media (min-width:992px) {

.subpage-head {

 padding-top: 110px;

}

}

/*========== 15. BLOG ==============*/



.pagination>li>a, .pagination>li>span {

	color:#483f34;

}

.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {

	color:#917E68;

}

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {

	background-color: #fdbf51;

	border-color: #e7ad47;

	color:#483f34;

}

.vertical-links li {

	border-bottom: 1px solid #E6DDD4;

	padding: 8px 0;

}

.tag-cloud a {

	display: inline-block;

	margin-right: 5px;

	margin-bottom: 10px;

	padding: 2px 8px;

	border: 1px solid #eceae4;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

	background: #f8f7f3;

	font-size: 12px;

}

.comments-block > .media {

	border-bottom: 1px solid #eadeda;

	padding-bottom:20px;

	margin-bottom:20px;

}

.comments-block > .media .media {

	border-top: 1px solid #eadeda;

	padding-top:20px;

}

.media-object {

	width: 40px;

}

.comments-head {

	font-size:35px;

	color:#53504c;

	border-bottom: 1px solid #eadeda;

	margin:40px 0 20px;

	padding-bottom:10px;

}

/*========== 16. SHORTCODES ==============*/



.theme-showcase {

	margin-bottom:50px;

}

.theme-showcase h1 {

	font-size:35px;

	color:#53504c;

	margin-bottom:0;

}

.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {

	color: #483f34;

	background-color: #ffc55f;

}

a.list-group-item.active>.badge, .nav-pills>.active>a>.badge {

	color: #483f34;

}

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {

	background-color:transparent;

	color: #483f34;

}

.panel-primary {

	border-color: #DBBA80;

}

.panel-primary>.panel-heading {

	color: #483f34;

	background-color: #ffc55f;

	border-color: #DBBA80;

}

.progress {

background-color: #D3CFCC;

}

.donate{

    width: 390px;

    padding-right: 15px;

    margin-bottom: 5px;

    text-align: center;

    font-size: 18px;

}

/*========== 17. CONTACT US ==============*/



.location-map {

	height:260px;

	background-color: #f9f1e6;

}

.location-map iframe {

	width:100%;

	height:260px;

	border:0;

}



/*========== 18. CHARITY DONATION ==============*/



.charity-box {

	background:#484848;

	overflow:hidden;

}



.charity-image {

	width:100%;

	float:left;	

	margin-bottom:15px;

}



.charity-image img {

	min-width:100%;	

}



.charity-desc {

	padding:15px;

}



.charity-desc h3 {

	font-size:28px;

	color:#53504c;

	margin:0 0 5px 0;	

}



.pledged-amount {

	font-size:40px;

	color:#53504c;

	margin:15px 0 5px 0;

}



.pledged-amount.has-no-margin {

	

    margin:0 0 5px;

    text-align: center;

    color: #7d9500;

}



.donate-now {

	text-align:center;

	padding:10px 0;	

	width:100%;

	float:left;

}



@media (min-width:992px) {

.charity-image {

	width:420px;

	margin-bottom:0;

	margin-right:20px;

}



}



@media (min-width:768px) {



.donate-now {

	text-align:right;

	padding:0;

	float:right;	

	width:auto;

}



}



/*========== 19. EVENT CALENDAR ==============*/



.event-cal-wrap h2 {

	font-size:18px;	

	color:#2c2c2a;

}





/*

  NEW VERSION

*/



/*========== FLEXSLIDER ==============*/



.flexslider {

	height:700px;	

}



.flexslider .slides li {

	height:700px;	

}



.flexslider-caption {

	margin:250px auto 100px;

	color:#FFF;

	text-align:center;

	text-shadow: 0 1px 2px rgba(0,0,0,.6);

}



.flexslider-caption h1, .flexslider-caption h2, .flexslider-caption h3, .flexslider-caption p, .flexslider-caption .btn {

	opacity:0;	

}



.flexslider-caption .btn {

  text-shadow: none;

}



.flex-active-slide .flexslider-caption {

    opacity: 0;

    -webkit-transform: translateX(3em);

    -moz-transform: translateX(3em);

    -ms-transform: translateX(3em);

    -o-transform: translateX(3em);

    transform: translateX(3em);

    -webkit-animation: photocaption .65s ease forwards;

    -moz-animation: photocaption .65s ease forwards;

    animation: photocaption .65s ease forwards;

    -webkit-animation-delay: .6s;

    -moz-animation-delay: .6s;

    animation-delay: .6s

}



.flex-active-slide .flexslider-caption h3 {

    opacity: 0;

    -webkit-animation: fade .65s ease forwards;

    -moz-animation: fade .65s ease forwards;

    animation: fade .65s ease forwards;

    -webkit-animation-delay: .6s;

    -moz-animation-delay: .6s;

    animation-delay: .6s

}

.flex-active-slide .flexslider-caption h1 {

    opacity: 0;

    -webkit-animation: fade .65s ease forwards;

    -moz-animation: fade .65s ease forwards;

    animation: fade .65s ease forwards;

    -webkit-animation-delay: .8s;

    -moz-animation-delay: .8s;

    animation-delay: .8s

}



.flex-active-slide .flexslider-caption h2 {

    opacity: 0;

    -webkit-animation: fade .65s ease forwards;

    -moz-animation: fade .65s ease forwards;

    animation: fade .65s ease forwards;

    -webkit-animation-delay: .6s;

    -moz-animation-delay: .6s;

    animation-delay: .6s

}



.flex-active-slide .flexslider-caption p {

    opacity: 0;

    -webkit-animation: fade .65s ease forwards;

    -moz-animation: fade .65s ease forwards;

    animation: fade .65s ease forwards;

    -webkit-animation-delay: .8s;

    -moz-animation-delay: .8s;

    animation-delay: .8s

}



.flex-active-slide .flexslider-caption .btn {

    opacity: 0;

    -webkit-animation: fade .65s ease forwards;

    -moz-animation: fade .65s ease forwards;

    animation: fade .65s ease forwards;

    -webkit-animation-delay: 1s;

    -moz-animation-delay: 1s;

    animation-delay: 1s

}







@-webkit-keyframes fade {

    to {

        opacity: 1

    }

}



@-moz-keyframes fade {

    to {

        opacity: 1

    }

}



@keyframes fade {

    to {

        opacity: 1

    }

}

@-webkit-keyframes photocaption {

    to {

        opacity: 1;

        -webkit-transform: translateX(0)

    }

}



@-moz-keyframes photocaption {

    to {

        opacity: 1;

        -moz-transform: translateX(0)

    }

}



@keyframes photocaption {

    to {

        opacity: 1;

        transform: translateY(0)

    }

}