.flexslider .slides > li {
	display: none;
	position:relative;
} /* Hide the slides before the JS is loaded. Avoids image jumping */
.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%;
}
.flexslider {
	position:relative;
	margin:5px 0 78px;
	  -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;    
}


.flexslider:before,
.flexslider:after {
        content:"";
        position:absolute;
        z-index:0;
        bottom:7px;
        left:30px;
        width:50%;
        height:20%;
        max-width:300px;
    -webkit-box-shadow:0 15px 20px rgba(0, 0, 0, 0.7);
       -moz-box-shadow:0 15px 20px rgba(0, 0, 0, 0.7);
            box-shadow:0 15px 20px rgba(0, 0, 0, 0.7);
    -webkit-transform:rotate(-3deg);
       -moz-transform:rotate(-3deg);
        -ms-transform:rotate(-3deg);
         -o-transform:rotate(-3deg);
            transform:rotate(-3deg);
}
 
.flexslider:after {
    right:30px;
    left:auto;
    -webkit-transform:rotate(3deg);
       -moz-transform:rotate(3deg);
        -ms-transform:rotate(3deg);
         -o-transform:rotate(3deg);
            transform:rotate(3deg);
}


.flexslider .slides {
	list-style: none outside none;
	margin:0;
	position:relative;
	z-index:1;
	background:#000;
	height:346px
}

.flex-control-paging{display:none}

/* Control Nav */
.flex-direction-nav {
	position:absolute;
	bottom:-42px;
	left:50%;
	z-index:1000;
	margin:0 0 0  -46px;
	background:url(../img/part-control.png) no-repeat 0 0;
	width:84px;
	height:38px;
	z-index:1000;
	padding: 0 4px 4px ;
	overflow:hidden
	
}


.flex-direction-nav li {
	line-height:0;font-size:0;
	width:50%;
	float:left;
	height:38px;
	overflow:hidden
}
.flex-direction-nav li a {
	width:42px;
	height:38px;
	display:block
}
.flex-direction-nav li a.flex-prev {
	background:url(../img/prev.png) no-repeat 50% 50%;		
}
.flex-direction-nav li a.flex-next {
	background:url(../img/next.png) no-repeat 50% 50% ;

}
.flex-direction-nav li:hover a.flex-prev {
	background:url(../img/prev-hover.png) no-repeat 50% 50%;	
}

.flex-direction-nav li:hover a.flex-next {
		background:url(../img/next-hover.png) no-repeat 50% 50%;
}

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

.flexslider .slides {
height:430px
}
}
 @media only screen and (min-width: 768px) and (max-width: 980px) {

 .flexslider .slides {
height:266px
}
}


 @media only screen and (max-width: 767px) {

 .flexslider .slides {
height:auto;
min-height:100px
}
}