/* #Slider Style

================================================== */

/* Browser Resets */

.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {

    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;

    max-height:100%;

    border:1px solid #cdcbcb;

}

.flexslider .slides > li {

    display: none;

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

    margin-left:0;

} /* Hide the slides before the JS is loaded. Avoids image jumping */

.flexslider .slides img {

    width: 100%;

    display: block;

    max-height:385px;

}

.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 {

    zoom: 1;

    margin-bottom:0px;

}

.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;

    -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000);

    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000);

    zoom: 1;

}

.flex-caption {

    width: 96.200%;

    height:10%;

    padding: 2%;

    margin: 0;

    position: absolute;

    left: 0;

    bottom:0;

    background: rgba(0, 0, 0, .5);

    color: #fff;

    text-shadow: 0 -1px 0 rgba(0, 0, 0, .5);

    font-size: 14px;

    line-height: 18px;

}

/* Direction Nav */

.flex-direction-nav {

    height: 0;

}

.flex-direction-nav li a {

    width: 42px;

    height: 99px;

    margin: -13px 0 0;

    display: block;

    background: url(images/arrows.png) no-repeat;

    position: absolute;

    top: 40%;

    cursor: pointer;

    text-indent: -999em;

}

.flex-direction-nav li .next {

    background: url('images/next.png') no-repeat;

    width: 42px;

    height: 99px;

    right: -5px;

    top:40.6%;

}

.flex-direction-nav li .prev {

    background: url('images/prev.png') no-repeat;

    width: 42px;

    height: 99px;

    left:0;

    top:40.6%;	

}

.flex-direction-nav li .disabled {

    opacity: .3;

    filter:alpha(opacity=30);

    cursor: default;

}

/* Control Nav */

.flex-control-nav {

    width: 100%;

    position: absolute;

    bottom: 20px;

    text-align:center;

}

.flex-control-nav li {

    margin: 0 0 0 5px;

    display: inline-block;

    zoom: 1;

    *display: inline;

}

.flex-control-nav li:first-child {

    margin: 0;

}

.flex-control-nav li a {

    background: url('images/pagination.png') no-repeat 0 0;

    width: 9px;

    height: 10px;

    display:block;

    cursor: pointer;

    text-indent: -999em;

}

.flex-control-nav li a:hover {

    background-position:0 -10px;

}

.flex-control-nav li a.active {

    background-position:0 -10px;

    cursor: default;

}

.slider-shaddow{

    width:100%;

    height:50px;

    background:url(images/slider-shaddow.png) 17px -22px no-repeat;

}



.flex-direction-nav li .next {

        background: url('images/next2.png') no-repeat;

        width: 42px;

        height: 99px;

        right: -13.5px;

        top:65%;

    }

    .flex-direction-nav li .prev {

        background: url('images/prev2.png') no-repeat;

        width: 42px;

        height: 99px;

        left:0;

        top:65%;	

    }

/*-------end slider----------------*/

.flex-control-nav {

        width: 100%;

        position: absolute;

        bottom: 18px;

        text-align:center;

    }
	
    .flex-control-nav {

        width: 100%;

        position: absolute;

        bottom: 18px;

        text-align:center;

    }
	
	 .flex-direction-nav li .next {

        background: url('images/next1.png') no-repeat;

        width: 42px;

        height: 99px;

        right: -5.5px;

        top:40%;

    }

    .flex-direction-nav li .prev {

        background: url('images/prev1.png') no-repeat;

        width: 42px;

        height: 99px;

        left:0;

        top:40%;	

    }
	
	.flex-direction-nav li .next {

    background: url('images/next-blue.png') no-repeat;

}

.flex-direction-nav li .prev {

    background: url('images/prev-blue.png') no-repeat;

}

.flex-control-nav li a {

    background: url('images/pagination-blue.png') no-repeat 0 0;

}

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

    .flex-direction-nav li .next {

        background: url('images/next2-blue.png') no-repeat;

        width: 42px;

        height: 99px;

        right: -13.5px;

        top:58%;

    }

    .flex-direction-nav li .prev {

        background: url('images/prev2-blue.png') no-repeat;

        width: 42px;

        height: 99px;

        left:0;

        top:58%;	

    }

}

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

    .flex-direction-nav li .next {

        background: url('images/next1-blue.png') no-repeat;

        width: 42px;

        height: 35px;

        right: -21.5px;

        top:68%;

    }

	.flexslider,.flexslider .slides{

	visibility:hidden;

	height:0;

	width:0;

	}

	.slider-shaddow{

	visibility:hidden;

	height:0;

	width:0;

	}

    .flex-direction-nav li .prev {

        background: url('images/prev1-blue.png') no-repeat 0 0;

	width: 22px;

	height: 35px;

        left:0;

        top:68%;	

    }

}

.sidebar ul li, .footer_widget ul li{

    margin-left:0;

    border-bottom:1px dotted #ccc;

    padding:11px 0;

    background:url(images/side-blt.png) 0 16px no-repeat;

    padding-left:18px;

}
.sidebar ul li:hover, .footer_widget ul li:hover {

    background:#f9f9f9 url(images/side-blt.png) 0 16px no-repeat;

}