.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
*********************************/ 
#bannerContainer {float:left; width:980px; height:282px; margin-top:40px;}
#content-banner {float:left; width:786px; height:213px;}
.flexslider { }
#bannerContainer .flexslider {width:980px;}
#content-banner .flexslider {width:786px; height:213px; }
.flexslider .slides img {max-width: 100%; display: block; }

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

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {position: relative; }
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative; }

/* Caption style */
/* IE rgba() hack */
.flex-caption { background-color:#90293C; zoom: 1; }

#content-banner .flex-caption {background:none; }


.flex-caption {width: 306px; height:140px; padding: 0px 10px 10px 15px; position: absolute; right:0px; top: 0px; 
 background-color:#90293C; font-size: 1.3em; line-height: 1.6em; margin-bottom:0; overflow: hidden; text-align: left; }
 .flex-caption {width: 25%; height:100%; padding: 45px; position: absolute; right: 0; bottom: 0px; font-size: 1.1em; color: white; }

#content-banner .flex-caption {width: 290px; height:120px; padding: 0px 14px; position: absolute; left: 0; top: 48px; color: #fff; font-size: 1.2em; line-height: 16px; margin-bottom:0;}


.flex-caption h1 {padding-bottom:0; font-size:1.6em; font-weight:bold; line-height:1em; font-family: 'PT Sans Narrow', sans-serif;  }
.flex-caption span {color:#ff3700; font-weight:bold;}
.flexslider .slides .flex-caption a img, #content-banner .flex-caption img {display:inline; margin:0 0 0 3px; vertical-align:middle}


/* Direction Nav */
.flex-direction-nav {display:none}


/* Control Nav */
.flex-control-nav {position: absolute; bottom: 20px; left: 60%; padding-left: 35px; text-align: center; }
#content-banner .flex-control-nav {position: absolute; right:40px; bottom: 40px; text-align: center; }
.flex-control-nav li {margin: 0; display: block; zoom: 1; padding-bottom: 1px; float: left; }
.flex-control-nav li:first-child {margin: 0; }
.flex-control-nav li a {background:none; zoom: 1;}
.flex-control-nav li a {width: 12px; height: 12x; display: block; background-color: #780d3c; border: 1px solid white; cursor: pointer; color:#fff; font-size:0; margin: 0 10px; }
.flex-control-nav li a.flex-active {background-color:#efefef; zoom: 1; cursor: default; border: 1px solid #000;}
.flex-control-nav li a:hover {background-position: 0 -13px; background: #9E4557; text-decoration: none; }



/* Responsive */

/**@media screen and (max-width: 450px) {

.flex-caption{ display: none;}
.flex-caption h1 { font-size:1.1em; font-weight:normal; margin-top: 0px; margin-bottom: 4px; line-height:1.5em; }
.flex-container {clear: both; position: static; }
.flex-control-nav li a {width: 12px; height: 12px; font-size:0; }
}**/

@media screen and (max-width: 767px) {
	.flex-caption { padding: 20px; font-size: 0.90em; }
	.flex-caption h1 { font-size: 1.4em; }
	.flex-control-nav li a {width: 12px; height: 12px; font-size:0;  }
}

@media screen and (min-width:768px) and (max-width:1023px) {
	.flex-caption { width: 25%; height:100%; }
}

@media screen and (min-width: 768px) {

.flexslider {  }
.flex-caption { padding: 30px; font-size: 0.95em; }
.flex-caption h1 { font-size:1.6em; font-weight:bold; margin-top: 0px; margin-bottom: 14px; line-height:1.2em; }
.flex-control-nav li a {width: 12px; height: 12px; font-size:0;  }
.teaserboximg {  }
}

@media screen and (min-width: 1023px) {
	.flex-caption { padding: 38px; font-size: 1.05em;  }
}

@media screen and (min-width: 1520px) {

.flex-caption {width: 25%; height:100%; padding: 45px; position: absolute; right: 0; bottom: 0px; font-size: 1.1em; color: white; }
.flex-caption h1 { font-size:1.6em; font-weight:bold; margin-top: 0px; margin-bottom: 14px; line-height:1.2em; font-family: 'PT Sans Narrow', sans-serif;  }
.flex-control-nav li a {width: 12px; height: 12px; font-size:0; }
}


@-webkit-keyframes move {
  0% {
    -webkit-transform-origin: middle center;
    -moz-transform-origin: middle center;
    -ms-transform-origin: middle center;
    -o-transform-origin: middle center;
    transform-origin: middle center;
    transform: scale(1.08);
    -ms-transform: scale(1.08);
    /* IE 9 */
    
    -webkit-transform: scale(1.08);
    /* Safari and Chrome */
    
    -o-transform: scale(1.08);
    /* Opera */
    
    -moz-transform: scale(1.08);
    /* Firefox */
  }
  100% {
    transform: scale(1.2);
    -ms-transform: scale(1.0);
    /* IE 9 */
    
    -webkit-transform: scale(1.0);
    /* Safari and Chrome */
    
    -o-transform: scale(1.0);
    /* Opera */
    
    -moz-transform: scale(1.0);
    /* Firefox */
  }
}