﻿/***********************************************************************
*
*  Liquid Slider
*  Kevin Batdorf
*
*  THANKS to http://liquidslider.com
*
*  GPL license 
*
************************************************************************/

/******************************************************
* No JavaScript
* Use this to apply styles when Javascript is disabled,
* and be sure to include the ".no-js" class in your html 
* markup.
*******************************************************/

.slider_outer{padding-bottom:47px;  margin-top:16px;}
.no-js .liquid-slider {height: auto;}
.ls-preloader {background: url(../image/loading.gif) #f2f2f2 no-repeat center 75px;opacity: 1;
width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;}
.ls-wrapper {margin: 0 auto;clear: both;position: relative;}
.ls-wrapper .liquid-slider {width: 100%;overflow: hidden;position: relative;}
.ls-wrapper .panel-container {position: relative;-webkit-backface-visibility: hidden;-webkit-perspective: 1000;}
.ls-wrapper .liquid-slider .panel-container .fade {width: 100%;opacity: 0;position: absolute;top: 0;left: 0;display: block;}
.ls-wrapper .liquid-slider .panel {width: 100%;display: block;float: left;}
.ls-wrapper .liquid-slider .panel-wrapper {position: relative;}
.ls-wrapper .ls-nav {position:absolute; left:50%; margin:0; z-index:99999; bottom:-26px;}
.ls-wrapper .ls-nav ul{margin:0; padding:0; list-style:none;}
.ls-wrapper .ls-nav ul li{margin:0 2px; padding:0; float:left;}
.ls-wrapper .ls-nav ul li a {text-indent:-999999px; display:block;}
.ls-wrapper .ls-nav .current{background-position:left -13px;}
.ls-wrapper {margin: 0 auto;}
.ls-wrapper img, .slider_outer img{max-width: 100%;height: auto; display:block; box-shadow:5px 8px 12px #000;}
.liquid-slider h2 {text-indent: -99999px;font-size: 0;margin: 0;padding: 0; line-height:0;}

.ls-wrapper .ls-nav-left, .ls-wrapper .ls-nav-right {float: left;}
.ls-wrapper .ls-nav-left a, .ls-wrapper .ls-nav-right a {background: #000;color: #fff;padding: 5px;width: 100px;display: block;text-align: center;text-decoration: none;}
.ls-wrapper .ls-nav-left-arrow, .ls-wrapper .ls-nav-right-arrow {cursor: pointer;float: left;}
.ls-wrapper .ls-nav-left-arrow a, .ls-wrapper .ls-nav-right-arrow a {display: block;;}
.ls-wrapper .ls-nav-left, .ls-wrapper .ls-nav-left-arrow {clear: both;}
.ls-responsive .liquid-slider {max-width:100%;margin: 0; box-shadow:10px 10px 10px #686868}
.ls-responsive .ls-nav-left{position: absolute;left: 0;z-index: 2;}
.ls-responsive .ls-nav-right{position: absolute;right: 0;z-index: 2;}
.ls-responsive .ls-nav-right a{background: #9A9A9A;width: 80px;}
.ls-responsive .ls-nav-right a:hover {background: #747474;}
.ls-responsive .ls-nav-left-arrow{position: absolute;left: 0;z-index: 2;}
.ls-responsive .ls-nav-right-arrow{position: absolute;right: 0;z-index: 2;}

.slide_content{position:absolute; right:4%; top:10%; color:#FFF; font-size:20pt; line-height:125%; text-align:right;}


@media only screen and (max-width:767px){
.slide_content{font-size:16pt;}
.slider_outer{padding-bottom:30px;}
}
@media only screen and (max-width:600px){
.slide_content{font-size:14pt;}
}
@media only screen and (max-width:480px){
.slide_content{font-size:11pt;}
}
@media only screen and (max-width:480px){
.slide_content{font-size:9pt;}
}


