/* 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;
}
/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {
width: 100%;
margin: 0;
padding: 0;
}
.flexslider .slides > li {
display: none;
} /* Hide the slides before the JS is loaded. Avoids image jumping */
.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;
zoom: 1;
background-color:#000000;
-webkit-border-top-right-radius: 30px;
-moz-border-radius-topright: 30px;
-o-border-radius-topright: 30px;
border-top-right-radius: 30px;
}
.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 
----------------------------------------------------------------------------------------------------*/
.flex-caption {
background:none;
-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000);
zoom: 1;
}
.flex-caption {
width:400px;
padding:20px;
position:absolute;
left:0px;
bottom:150px;
background-image:url(../images/caption_bg.png);
background-repeat:repeat;
border-right:3px solid #ec5054;
}

.flex-caption h3{
background-image:url(../images/pricing_content_border.png);	
background-repeat:no-repeat;
background-position:-16px 26px;
padding-bottom:20px;
}

.flex-caption h5{
line-height:30px;
}

/* Direction Nav
----------------------------------------------------------------------------------------------------*/
.flex-direction-nav li a {
width: 52px;
height: 52px;
margin: -13px 0 0;
display: block;
background: url(../images/bg_direction_nav.png) no-repeat 0 0;
position: absolute;
top:91%;
cursor: pointer;
text-indent: -9999px;
display:none;
}
.flex-direction-nav li .next {
background-position: -52px 0;
right:413px;
}
.flex-direction-nav li .prev {
left:413px;
}
.flex-direction-nav li .disabled {
opacity: .3;
filter:alpha(opacity=30);
cursor: default;
}

/* Control Nav
----------------------------------------------------------------------------------------------------*/
.flex-control-nav {
bottom: 20px;
position: absolute;
right: 70px;
top: 50px;
}
.flex-control-nav li {
margin: 0 0 5px 0px;
zoom: 1;
*display: inline;
}

.flex-control-nav li a {
width: 13px;
height: 13px;
display: block;
cursor: pointer;
text-indent: -9999px;
background-color:#171717;
border-radius:10px;
}
.flex-control-nav li a:hover {
background-color:#ec5054;
}
.flex-control-nav li a.active {
background-color:#ec5054;
width:13px;
height:13px;
}


/* Portfolio Flexslider
----------------------------------------------------------------------------------------------------*/
.portfolio_flexslider {
position: relative;
zoom: 1;
background-color:#000000;

}
.portfolio_flexslider .slides {
zoom: 1;
}
.portfolio_flexslider .slides > li {
position: relative;
}


.portfolio_flexslider {
width: 100%;
margin: 0;
padding: 0;
}
.portfolio_flexslider .slides > li {
display: none;
} 

.portfolio_flexslider .slides img {
max-width: 100%;
display: block;
}

/* Portfolio Direction Nav
----------------------------------------------------------------------------------------------------*/
.portfolio_flexslider .flex-direction-nav li .prev {
width:30px;
height:30px;
background-image: url(../images/prev.png);
background-repeat:no-repeat;
background-position:center center;
background-color:#3D3D3D;
float:left;
position:relative;
left:30px;
display:block;
bottom:200px;
border-radius:35px;
}

.portfolio_flexslider .flex-direction-nav li .next {
width:30px;
height:30px;
background-image: url(../images/next.png);
background-repeat:no-repeat;
background-position:center center;
background-color:#3D3D3D;
float:left;
position:relative;
right:30px;
float:right;
display:block;
bottom:200px;
border-radius:35px;
}

.portfolio_flexslider .flex-direction-nav li .prev:hover ,
.portfolio_flexslider .flex-direction-nav li .next:hover {
background-color:#EC5054;
}

.portfolio_flexslider .flex-control-nav{
display:none;
}