#slider {position: relative; height: 100%; display: block; }
/*
.flex-viewport, .flexslider, .slides {height: 100%;margin: 0;}
.flexslider .slides > li {height: 100%;}

#slider .slides img{height: 48%;} */
#slider .flex-caption div{margin: 0px auto; }

/* Alternate Caption CSS */
#slider .flex-caption {position:absolute !important; padding-left: 0px; margin: 0px; top:10px; left: 10px; width:60%; height:auto; max-height:80%;  background: transparent; color: #fff; text-shadow: 0 -1px rgba(0, 0, 0, 0.8); 
 position: relative; -webkit-animation: slideIn; -moz-animation: slideIn; -o-animation: slideIn; animation: slideIn; -webkit-animation-duration: 2s; -moz-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s; 
}
#slider .flex-caption span {font-family:'Conv_Blenda_Script',Sans-Serif; text-align: left; display: block; font-size: 28px; width: 90% !important; padding-bottom: 5px; } 
#slider .flex-caption p{text-shadow: 1px 1px #000000; display: inline-block !important; padding: 10px; max-width:100% !important;
    color: #fff;
    font-size: 18px;
    line-height: 20px;
	font-weight: 300;
    -webkit-font-smoothing: antialiased;
    
 }
#slider .flex-caption label {font-weight: normal;}
/* Direction Nav */
.flex-direction-nav {padding-right: 5px; bottom: 8px; display: none;} 

/* Control Nav */
.flex-control-nav {width: auto; position: absolute; bottom: -2px; right:5px; margin-left: 0px !important; min-width: 50px !important; left:auto; display: block; }
.flex-control-nav li {margin: 0 3px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; background: transparent; display: block; border: 1px solid #FFFFFF; cursor: pointer; text-indent: -9999px; }
.flex-control-paging li a:hover { background: #FFFFFF; }
.flex-control-paging li a.flex-active { background: #FFFFFF; cursor: default; }

/* Alternate Caption slideIn CSS */
/* Will not work properly without JS pull by Ryan Long https://github.com/woothemes/FlexSlider/pull/865 */
@-webkit-keyframes slideIn { 0% { left: 15%; opacity: 0; }
  100% { left: 10px; opacity: 1; } }

@-moz-keyframes slideIn { 0% { left: 15%; opacity: 0; }
  100% { left: 10px; opacity: 1; } }

@-o-keyframes slideIn { 0% { left: 15%; opacity: 0; }
  100% { left: 10px; opacity: 1; } }

@keyframes slideIn { 0% { left: 15%; opacity: 0; }
  100% { left: 10px; opacity: 1; } }