#sermon-carousel .owl-controls { margin-top:31px; text-align:left; -webkit-tap-highlight-color:transparent; float:left; margin-bottom:-44px; }
#sermon-carousel .owl-dots .owl-dot { display: inline-block; zoom: 1; }
#sermon-carousel .owl-dots .owl-dot span { width:10px; height:10px; margin:5px 7px; 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; } 

.sermon-txt-wrap { height:45%; padding:0 20px; display:table; font-size:13px; bottom:0; position:absolute; width: 100%; }
.sermon-txt-wrap .mid-center-tab { display:table-cell; vertical-align:middle; }
.sermon-txt-wrap hr { margin:12px 25%; }
#sermon-carousel .owl-item > div a, #cloneFront .owl-item > div a { color:#d0d0d0; text-decoration:none; display:block; height:100%; }
#sermon-carousel .owl-item > div a strong, #cloneFront .owl-item > div a strong { color:#222; }
#sermon-carousel .owl-item > div a:hover, 
#cloneFront .owl-item > div a:hover, 
#sermon-carousel .owl-item > div a:hover strong, 
#cloneFront .owl-item > div a:hover strong,
#sermon-carousel .owl-item > div a:hover .play-sermon
#cloneFront .owl-item > div a:hover .play-sermon { text-decoration:none; color:#71196c; }
#sermon-carousel .owl-item > div .sermon-bg-img, #cloneFront .owl-item > div .sermon-bg-img { background-repeat: no-repeat; background-position: top center;-moz-background-size: cover;-webkit-background-size: cover;background-size: cover; }
.play-sermon { margin-top:12px; color:#222; font-size:26px; }
.sermon-date { width:50px; height:50px; text-align:center; position:absolute; top:0; left:0; background-color:#d0d0d0; color:#fff; z-index:1; padding:15px 2px; }


.transition-all { -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; }
.owl-carousel .owl-stage-outer { overflow:visible; overflow-x:hidden; }

.owl-carousel .owl-item {
  -webkit-transition:-webkit-transform 0.3s, opacity 0.2s;
  -moz-transition:-moz-transform 0.3s, opacity 0.2s;
  -ms-transition:-ms-transform 0.3s, opacity 0.2s;
  -o-transition:-o-transform 0.3s, opacity 0.2s;
  transition:transform 0.3s, opacity 0.2s;
}
.owl-carousel .owl-item:hover { 
  -webkit-transform:translateZ(0) translateY(-10px);
  -moz-transform:translateZ(0) translateY(-10px);
  -o-transform:translateZ(0) translateY(-10px);
  -ms-transform:translateZ(0) translateY(-10px);
  transform:translateZ(0) translateY(-10px);
} 

.owl-carousel .owl-item.opened {
  -webkit-transition:-webkit-transform 0.3s;
  -moz-transition:-moz-transform 0.3s;
  -ms-transition:-ms-transform 0.3s;
  -o-transition:-o-transform 0.3s;
  transition:transform 0.3s;
}

.flip { z-index:100; }

.owl-carousel .owl-item .sermon-inner-wrap {
    perspective: 500;
    -webkit-perspective: 500;
    -moz-perspective: 500;
    -ms-perspective: 500;
    -o-perspective: 500;
    transform-style:preserve-3d;
    -webkit-transform-style:preserve-3d;
    -moz-transform-style:preserve-3d;
    -o-transform-style:preserve-3d;
    /*position:absolute;*/
    cursor:pointer;
    /* Animate the transitions */
    -webkit-transition:0.8s; text-align:center;
    -moz-transition:0.8s; text-align:center;
    -ms-transition:0.8s; text-align:center;
    -o-transition:0.8s; text-align:center;
    transition:0.8s; text-align:center;
	-moz-backface-visibility:visible;
	-webkit-backface-visibility:visible;
    backface-visibility:visible;
}

.flip .sermon-inner-wrap {
  transform:rotateY(180deg) scale(3,1.5);
  -webkit-transform:rotateY(180deg) scale(3,1.5);
  -moz-transform:rotateY(180deg);
  -o-transform:rotateY(180deg);
  -ms-transform:rotateY(180deg);
  background-color:#FFF; 
  z-index:100;  
  height:365px; 
}
 
.flip div.hide-on-flip { display:none; }


#sermon-carousel .owl-item > div, #cloneFront .owl-item > div { padding-top:0!important; }
.owl-carousel .owl-item > div { height:365px; background-color:#fff; text-align:center; padding-top:115%; /* relative to size of .sermon-bg-img */ }
.owl-carousel .owl-item > div .sermon-bg-img { width:100%; height:55%; position:absolute; top:0; left:0; background-color:#222; }

/** Sermon Flip **/
	#cloneFront, #cloneBack { -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; backface-visibility:hidden; -webkit-perspective:1000; -moz-perspective:1000; -ms-perspective:1000; perspective:1000; }
	
	#boxClone { position:fixed;display:none;-webkit-transition:.45s ease;-moz-transition:.45s ease;-o-transition:.45s ease;transition:.45s ease;-webkit-transform-style::flat;-moz-transform-style::preserve-3d;-o-transform-style::preserve-3d;-ms-transform-style::preserve-3d; transform-style:flat; z-index:5999; perspective:1000px;-webkit-perspective:1000px; }
	#cloneFront, #cloneBack { -webkit-backface-visibility:hidden; backface-visibility: hidden; position:absolute; -webkit-transition:.45s ease;-moz-transition:.45s ease;-o-transition:.45s ease; transition:.45s ease; overflow:hidden; }
	#cloneFront { z-index:100;background-color:#fff;-webkit-transform:translatez(0);-moz-transform:translatez(0);-o-transform:translatez(0);-ms-transform:translatez(0);transform: translatez(0);margin:0 auto; float: left; display: block; height:100%; width:auto; text-align:center; }
	#cloneBack { width:100%;height:auto;-webkit-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);-o-transform:rotateY(-180deg);-ms-transform:rotateY(-180deg); transform:rotateY(-180deg);z-index:101; background-color:#FFF; padding:0; overflow:visible; /*fix for chrome 44*/ }
	
	#cloneBack .icon-close { cursor:pointer; font-size:22px; float:right; position:absolute; height:20px; width:20px; right:18px; top:18px; color:#6a6a6a; z-index:999; }
	#cloneBack div.back-content { float: left; height: auto; width: 100%;padding:0; min-height:132px;}
	#cloneBack div.back-content span { display:none;max-width: 500px;margin: 10px auto;}
	
	.overlay { height:100%; width:100%; position:fixed; top:0; bottom:0; left:0; right:0; z-index:5000; background:#000; background:rgba(0,0,0,0.75); display:none; opacity:0; -webkit-transition:opacity .45s ease;-moz-transition:opacity .45s ease;-o-transition:opacity .45s ease;transition:opacity .45s ease; }
	.overlay.open { /*opacity:1;*/ }
	.boxShadow { -webkit-box-shadow:0 0 40px rgba(0,0,0,0.25); -moz-box-shadow:0 0 40px rgba(0,0,0,0.25); box-shadow:0 0 40px rgba(0,0,0,0.25); }
	
	.speaker-wrap { float: left; margin-left:0; padding-left:0; }
	.sermon-content-wrap { float:left; width:64%; }
	img#speaker-avatar { width:100%; }
	img#speaker-avatar.default { padding:25%; }
	
	#cloneBack h4 { font-weight:bold; color: #6a6a6a; font-size: 1em; margin: -8px 0 20px 0; }
	#boxClone .audio-wrap { clear: both; float: left; width: 100%; padding:20px; border-top: 1px solid #eee; }
	#boxClone .audio-wrap audio { width:100%; }
	
	#cloneFront .owl-item > div .sermon-bg-img {
		width: 100%;
		height: 55%;
		position: absolute;
		top: 0;
		left: 0;
		background-color: #222;
	}
	
	#cloneFront > div.owl-item.active, #cloneFront > div.owl-item.active > div.sermon-inner-wrap, #cloneFront > div.owl-item.active > div.sermon-inner-wrap > div.hide-on-flip { height:100%; }
	
	#cloneBack span.icon-close.close-modal, .contact-modal .close-modal {
		width: 52px;
		height: 45px;
		top: 15px;
		right: 20px;
	}
	
	#cloneBack span.icon-close.close-modal .rl, #cloneBack span.icon-close.close-modal .lr, .contact-modal .close-modal .lr .rl, .contact-modal .close-modal .lr { /*background-color:#fff;*/ height:45px; }
	
	@media (max-width:600px) {
		div#boxClone { -moz-transition:all linear 0.1s, opacity linear 1s; -o-transition:all linear 0.1s, opacity linear 1s; -webkit-transition:all linear 0.1s, opacity linear 1s; transition:all linear 0.1s, opacity linear 1s; }	
		#cloneFront { display:none!important; }
		div#boxClone, #cloneBack { /*width:auto!important;*/ width:480px; height:254px; }
		#cloneBack { height:auto; }
		div#boxClone { margin-left:-240px!important; margin-top:-127px!important; height:191px!important; min-height:191px!important; width:480px!important; min-width:480px!important;/*top:0!important;  height:100vh!important; */}
		div#description { display: none; }
	}

	@media (max-width: 480px) { 
		div#boxClone, #cloneBack { /*width:auto!important;*/width:320px; height:254px; }
		#cloneBack { height:auto; }
		div#boxClone { margin-left:-160px!important; margin-top:-127px!important; height:177px!important; min-height:177px!important; width:320px!important; min-width:320px!important; /*top:0!important; height:100vh!important; */}		
		.hideClone { /*display:none; visibility:hidden!important; top:50%; left:50%; width:480px!important; height:254px!important; position:fixed!important; opacity:0!important;*/ }
  	}	
/** END Sermon Flip **/

@media (max-width: 479px) { 
	#sermon-carousel .owl-item > div .sermon-bg-img, #cloneFront .owl-item > div .sermon-bg-img { background-position:top center; }	
}