.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus {
outline:none
}

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

.flexslider {
position:relative;
margin:0;
padding:0
}

.flexslider .slides > li {
display:none
}

.flexslider .slides img {
width:100%;
display:block
}

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

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

* html .slides {
height:1%
}

.ie7 .flexslider {
margin-bottom:0
}

.flex-viewport {
max-height:2000px
}

.loading .flex-viewport {
max-height:300px
}

.flex-direction-nav a {
width:28px;
height:27px;
display:block;
bottom:45%;
right:40px;
float:none;
position:absolute;
cursor:pointer;
text-indent:-9999px;
background-color:#222;
background:rgba(0,0,0,0.65);
           
}

.ie7 .flex-direction-nav a {
bottom:90px
}

.flex-direction-nav .flex-next {
background:url(images/bg_direction_nav.png) no-repeat center right
}

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

.flex-control-nav {
width:90%;
position:absolute;
bottom:20px;
left:40px;
text-align:left
}

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

.flex-control-paging li a {
width:10px;
height:10px;
display:block;
background:#c8c8c8;
cursor:pointer;
text-indent:-9999px;
            	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
}

.flex-control-paging li a:hover,.flex-control-paging li a.flex-active {
background:#505050
}

.flex-control-paging li a.flex-active {
cursor:default
}

.slidetext {
background:url(../images/bg-slider.png) repeat top left;
color:#aeb0b3;
position:absolute;
bottom:12px;
right:0;
width:360px;
padding:15px 10px
}

.slidetext h2,.slidetext h3 {
color:#fff
}

.slidetext h2 {
font-family:"open Sans";
font-size:14px;
line-height:18px;
font-style:italic;
font-weight:700;
color:#000
}

.slidetext a,.slidetext h2 a,.slidetext h3 a {
color:#fff;
text-decoration:none
}

html[xmlns] .slides,.no-js .slides > li:first-child {
display:block
}

@media only screen and min-width 768px and max-width 959px {
.slidetext {
position:relative;
width:auto;
bottom:0
}

.flex-direction-nav a {
bottom:75px
}

.flex-control-nav {
bottom:210px;
left:50px
}

#portfolio-item-slider .flex-control-nav {
bottom:20px
}
}

@media only screen and max-width 767px {
.slidetext {
position:relative;
width:auto;
bottom:0;
padding:30px
}

.slidetext p {
display:none
}

.slidetext h2 {
font-size:18px;
margin-bottom:0
}

.flex-control-nav {
bottom:120px;
left:30px
}

.flex-direction-nav a {
bottom:40%
}

.flex-direction-nav .flex-next {
right:20px
}

.flex-direction-nav .flex-prev {
left:20px
}

#portfolio-item-slider .flex-control-nav {
bottom:20px
}
}

@media only screen and min-width 480px and max-width 767px {
.flex-control-nav {
bottom:100px;
left:30px
}
}