/* Slider

http://www.freshdesignweb.com/fashion-responsive-slider-tutorial.html

*/

/* Slider

/*-----------------------------------------------------------------------------------*/

.slider_container{ width:920px; margin:auto; clear:both; background:url(../images/shadow_top.png) no-repeat top center; padding:30px 0 0 0;}

/* a{
overflow:hidden;
} */

/* .caption_title_line{ width:100%;  padding:5px 15px 10px 15px;background:url(../images/slider_caption_bg.png) repeat;color: #303030;} */

.flex-caption h2{ color:#303030;font-size:20px; padding:3px 0 0px 0; margin:0px;font-family: 'Ovo', serif;}



.flex-container a:active,

.flexslider a:active {outline: none;}

.slides,

.flex-control-nav,

.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 



/* FlexSlider Necessary Styles

*********************************/ 

.flexslider {width: 100%; margin: 0; padding: 0 0 0px 0;background:url(../images/shadow_bottom.png) no-repeat center bottom;}

.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */

.flexslider .slides img { display: block; border:0px #ededed solid; }

.flex-pauseplay span {text-transform: capitalize;}

.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 

html[xmlns] .slides {display: block;} 

* html .slides {height: 1%;}

.no-js .slides > li:first-child {display: block;}

.flexslider {position: relative; zoom: 1;}

.flexslider .slides {zoom: 1;}

.flexslider .slides > li {position: relative;}

.flex-container {zoom: 1; position: relative;}


/***** NK CSS ****/
.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 9px;
	z-index:99;
    text-align: center;
}
.flex-control-nav li {
  margin: 0 5px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.flex-control-paging li a {
    width: 17px;
    height: 17px;
    display: block;
    border: 2px solid #fff;
    background: transparent;
    background: transparent;
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    overflow: hidden;
}
.flex-control-paging li a:hover {
  background: #5bc3d4;
}
.flex-control-paging li a.flex-active {
  background: #5bc3d4;
  cursor: default;
}
.flex-caption {
    width: 100%;
    max-width: 540px;
    left: 0;
    background: #006197;
    bottom: 134px;
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    padding: 14px 15px 19px 90px;
    position: absolute;
    z-index: 999;
}

.flex-caption img{
    width: 62px!important;
    display: inline-block!important;
    margin: 0px 15px 15px 0px;
}

.flex-caption.caption-align-right {
    float: right!important;
    padding: 43px 138px 20px 27px!important;
    right: 0!important;
    left: inherit;
}

.flex-caption.caption-align-right h4 {
    font-style: inherit;
	    margin: 0px 0px 11px;
}


.flex-caption.caption-align-right img {
    width: 62px!important;
    display: inline-block!important;
    margin: -42px 15px 0px 0px;
}

.flex-caption h5{
    font-size: 14px;
    line-height: 30px;
    letter-spacing: 1.2px;
    color: #5bc3d4;
    font-weight: 700;
    font-family: "brandon-grotesque",sans-serif;
    text-transform: uppercase;
}

.flex-caption a{
color:#5bc3d4;
}

.flex-caption h2{
font-size:30px;
line-height:37px;
letter-spacing:0;
color:#fff;
font-weight:400;
 font-family: "brandon-grotesque",sans-serif;
text-transform:uppercase;
}

.flex-caption h4{
font-size: 30px;
    line-height: 36px;
    letter-spacing: 0;
    color: #fff;
    font-weight: 400;
 font-family: "brandon-grotesque",sans-serif;
    font-style: italic;
    margin: 0px 0px 3px;
}

.flex-caption p{
font-size: 14px;
    line-height: 30px;
    letter-spacing: 1.2px;
    color: #5bc3d4;
    font-weight: 700;
    font-family: "brandon-grotesque",sans-serif;
    text-transform: uppercase;
}


li.css a {
  border-radius: 0;
}


/* Direction Nav */

.flex-direction-nav li a {width:45px; height:42px; margin:0; display: block; position: absolute; right:11px; cursor: pointer; text-indent: -9999px;}

.flex-direction-nav li a.next {background:url(../images/next.png) no-repeat center; bottom:184px;}

.flex-direction-nav li a.prev {background:url(../images/prev.png) no-repeat center;bottom:141px;}

.flex-direction-nav li a.next:hover {background:url(../images/next_a.png) no-repeat center;}

.flex-direction-nav li a.prev:hover {background:url(../images/prev_a.png) no-repeat center;}

.flex-direction-nav li a.disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}



/* Control Nav */


.flex-control-nav li { display: inline-block; zoom: 1; *display: inline;}





.flex-control-nav li a:hover {background-position: 0 -13px;}

.flex-control-nav li a.active {background-position: 0 -26px; cursor: default;}



/* Media Queries

/*-----------------------------------------------------------------------------------*/

@media (min-width:1400px){
.flexslider .slides img {
width:100%;
}
}

@media screen and (max-width: 1000px) {

.slider_container{ width:90%; margin:0 0 0 2%; clear:both; background:none; padding:30px 0 0 0;}

.flexslider {width: 100%; margin: 0; padding:0 0 0px 0;background:none;}

.flex-direction-nav li a {width:45px; height:42px; margin:0; display: block; position: absolute; right:-10px; cursor: pointer; text-indent: -9999px;}

.flex-direction-nav li a.next {background:url(../images/next.png) no-repeat center; bottom:85px;}

.flex-direction-nav li a.prev {background:url(../images/prev.png) no-repeat center;bottom:40px;}

/* .flex-caption { display:none;} */

}

@media (max-width:900px) {
.flex-control-nav {
    bottom: 45px;
}
}

@media (max-width:768px) {
.caption-left-content {
    float: left;
    width: 67%;
}
.caption-right-content {
    float: right;
	padding-top:35px;
    width: 30%;
}
.flex-caption h4 {
font-size: 24px;
line-height: 35px;
}
.sermon-and-story-slider .flex-caption.caption-align-right .caption-right-content{
	padding-top: 5px;
}
.flex-caption h2 {
    font-size: 24px;
    line-height: 35px;
}
}

@media (max-width:767px) {
.sermon-and-story-slider .flex-caption {
padding: 16px 13px 25px 13px;
}
.flex-caption h2 {
    line-height: 30px;
}
.flex-caption h4 {
    font-size: 30px;
    line-height: 37px;
	margin-top:2px;
}
.flex-caption.caption-align-right h4 {
    margin: 0px 0px 0px;
}
.caption-left-content {
    width: 100%;

}
.sermon-and-story-slider .flex-caption.caption-align-right .caption-right-content {
    padding-top: 5px;
    width: 100%;
}
.caption-right-content {
	    padding-top: 3px;
}
.sermon-and-story-slider .flex-caption.caption-align-right img {
    margin: -20px 8px 0px 0px!important;
    width: 35px!important;
}
.sermon-and-story-slider .flex-caption .caption-right-content {
width:100%;
}
}