/*
* jQuery FlexSlider v1.8
* http://flex.madebymufffin.com
*
* Copyright 2011, Tyler Smith
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
*/

/* Browser Resets */
.flex-container a:active, .flexslider a:active {
outline: none;
}
.slides, .flex-control-nav, .flex-direction-nav {
margin: 0;
padding: 0;
list-style: none;
clear: both;
}
/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {
width: 100%;
margin: 0 auto;
padding: 0;
}
.flexslider .slides > li {
display: none;
} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
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;
zoom: 1;
}
.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:none;
}
.flex-caption {
width: 96%;
padding: 2%;
position: absolute;
left: 0;
bottom: 0;
background: rgba(0, 0, 0, .3);
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);
font-size: 14px;
line-height: 18px;
}
/* Direction Nav */
.flex-direction-nav li {
opacity: 1;	
}
.flex-direction-nav li a {
width: 22px;
height: 85px;
margin: -40px 0 0;
display: block;
color: rgba(0, 0, 0, 0.8);
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
transition: all .3s ease;
background-position: center 50%;
background-repeat: no-repeat;
opacity: 0; /*.6;*/
position: absolute;
top: 50%;
cursor: pointer;
text-indent: -9999px;
}

.flexslider:hover .flex-direction-nav li a {
	opacity: .6;
}
@media(max-width: 799px) {
	.flexslider.bottom-text .flex-direction-nav li a {
		width: 16px;
		height: 60px;
		top: 25%;
	}
}

.flex-direction-nav li .next, .flex-direction-nav li .prev {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAABVCAYAAAE6fyRvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDRDMEUzMzlBQTRDMTFFOTlCRENFRTVCMTkzNUU4ODAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDRDMEUzM0FBQTRDMTFFOTlCRENFRTVCMTkzNUU4ODAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpENEMwRTMzN0FBNEMxMUU5OUJEQ0VFNUIxOTM1RTg4MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpENEMwRTMzOEFBNEMxMUU5OUJEQ0VFNUIxOTM1RTg4MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvfpM94AAAP2SURBVHjaYvx3RIsBBBitrzIwMUDAfxAB4zAgcxhRZP4f1f6PrOwQMscORYYFpgVoDyOG0VNgRgMEECPQOSDbGWHOeYisTAGI1yK7IIhItyFbiuK5PzDODyBmhXHYYfoAAogRGjr/4e4DOgvdzv/YAgpDEsXPMAdik2DEqQMIQtGDHAZWY4QrLLDRjfqPzQ4UQZjEA3RBEAAIIFCQlAPpTqSwBavehi0oLqNrR3bJbxiDhagAQxc8hC2l2uML74MsWML6P0GLSBMEOSkUQyUwlNagx8JrbNrF0KMFZ9JCiScMJ8lji9HP6CoBAgiWwH+jxQKyuzEcwIokf4kBB8DmWl0oJhiGFfhMR1cMSok/sQUYrijjQGK/Ihi/SO4XBaYhXUKKwdkU3f34FK+BRQysRIBFCj4A8+hnJkIqYWUAEPASVAxzAiE3g8BfbKUrNvAJZhi24ggZHAS5Ec3NWBWDCiA7bMkVXTEotjqwKcSmGBZbeoRSHSyIpmIr4bDlX1AtloMvp8CjE1rL4QQAASgtgxOEgSCKgkQ8mZvnVKAlaA8x6SIFWIIWYBmxB1OBaAPevcWLEA9GyMIw/Nn5uxA2kMfyd2f+z8o/0mV89qDcUHPplV6fxoeBz9O8YOBGVdCV8Z3mIwPPUzcYxpOBQ5kLBt6oDqRk/MeNgQ/WNwSfxHvLyHijfrHgPOWcZcj0DNyF2GLgnVi9omSEmxMD18iDTD53jIwXujJbYxXM4cFrEQlzD74nVVD2eQwehISHB2cqU3zDjqs2HlwoA5twaxgYwqVyiwlXMbfMUCumxpf7txpAjJlwhhoewb26wUThpXK0CV+Roy14axUhtsGchWvGAT8BWjFjG4RhIIpGQQgaWAEWACEGgCEYgwFYgQFgCiJ2CB1tsgBpKamCQIAjJeh0Ose+fLtM8YQ+d/7/m14FJfPBwuXl3K5tP/kqjHQadTy8LHHxVmxoO4FtQp9CgG1/ziMEOBGmdKTVO27xKEjvtusT0lvlfxq9XeCkzrFqvX08akO8leq9Q8FNUf+wb/sQ4OoshG9lCHAu6D0wkSlDwY3eBU8hBr5DwVF9lb5dencBV2cpZNRXCHBOA03jsQZ+Q8FNoeKOPjHwg29KdZ1SqHbzGKUazxtK5QcGW/JADIPrxjJin48o+CZAL1WqRcCpUFMLA10j43Ygeeuvs4FOkTmufG/Lvj0NdIxs3kzwvY80clpwJsxxD702v76JXgN+WRw8R8AP0g7oU0SCeN5dWIAze7ZQgzPSkulbwgYJLKnwllO4WooLLG6VT21wVU6+VW+f5tMGnlnSZL/LZRK3bVUkvNRqwaqt8gWrt8oXzLfq6Noqn/MD1Fn3nPS8CXAAAAAASUVORK5CYII=);

background-size: 100% 100%;

right: 10px;
text-indent: -999em;
}
#engagement .flex-direction-nav li a {
	width: 30px;
    height: 50px;
	background-color: #fff;
	padding: 6px;
}
#engagement .flex-direction-nav li .next, #engagement .flex-direction-nav li .prev {
	background-size: 50% 80%;
}
.flex-direction-nav li .prev {
left: 10px;
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
-webkit-transform: rotate(180deg);   
transform: rotate(180deg);
}
.flex-direction-nav li a:hover {
opacity: 1;
}
.flex-direction-nav li a.disabled {
opacity: .3;
filter:alpha(opacity=30);
cursor: default;
}
/* Control Nav */
.flex-control-nav {
bottom: 20px;
margin: 0 auto;
position: absolute;
text-align: center;
width: 100%;

/*display: none;*/

}
@media (min-width: 800px) {
	/*.flex-control-nav {display: none;}*/
}
@media (max-width: 799px) {
	/*.flex-control-nav {display: block;}*/
}
.flex-control-nav li {
display: inline-block;
margin: 0 6px;
}

.flex-control-nav li a {
background: none repeat scroll 0 0 #fff;
border-radius: 14px;
box-shadow: 0 0 3px rgba(0, 84, 166, 0.3) inset;
cursor: pointer;
display: block;
height: 14px;
text-indent: -9999px;
width: 14px;
border: 1px solid #0054a6;
}
.flex-control-nav li a:hover {
background: rgba(139, 196, 0, 0.85);
}
.flex-control-nav li a.active {
background: #0054a6;
cursor: default;
}