/***********************************************************************
	jQuery Coda-Slider v3.0 - kevinbatdorf.github/codaslider
	Copyright (c) 2025 Kevin Batdorf
	This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.
************************************************************************/
/********************************************
SASS stylesheet.

No idea what CSS preprocessing is all about? No problem... just use the style.css file instead.
If you want to learn more, check out this article by Chris Coyier

css-tricks/musings-on-preprocessing/

********************************************/
/* line 18, sass/coda-slider.scss */
.coda-slider-wrapper {
  /* Eric Meyer's reset meyerweb/eric/tools/css/ */
  /*******************************************************
  *
  * Most common stuff you'll need to change 
  * will be below this line.
  *
  ********************************************************/
  /******************************************************
  * 
  * Main wrapper padding 
  *
  *******************************************************/
}
/* line 21, sass/coda-slider.scss */
.coda-slider-wrapper div, .coda-slider-wrapper span, .coda-slider-wrapper applet, .coda-slider-wrapper object, .coda-slider-wrapper iframe, .coda-slider-wrapper h1, .coda-slider-wrapper h2, .coda-slider-wrapper h3, .coda-slider-wrapper h4, .coda-slider-wrapper h5, .coda-slider-wrapper h6, .coda-slider-wrapper p, .coda-slider-wrapper pre, .coda-slider-wrapper a, .coda-slider-wrapper abbr, .coda-slider-wrapper acronym, .coda-slider-wrapper address, .coda-slider-wrapper big, .coda-slider-wrapper cite, .coda-slider-wrapper code, .coda-slider-wrapper del, .coda-slider-wrapper dfn, .coda-slider-wrapper em, .coda-slider-wrapper font, .coda-slider-wrapper img, .coda-slider-wrapper ins, .coda-slider-wrapper kbd, .coda-slider-wrapper q, .coda-slider-wrapper s, .coda-slider-wrapper samp, .coda-slider-wrapper small, .coda-slider-wrapper strike, .coda-slider-wrapper strong, .coda-slider-wrapper sub, .coda-slider-wrapper sup, .coda-slider-wrapper tt, .coda-slider-wrapper var, .coda-slider-wrapper b, .coda-slider-wrapper u, .coda-slider-wrapper i, .coda-slider-wrapper center, .coda-slider-wrapper dl, .coda-slider-wrapper dt, .coda-slider-wrapper dd, .coda-slider-wrapper ol, .coda-slider-wrapper ul, .coda-slider-wrapper li, .coda-slider-wrapper fieldset, .coda-slider-wrapper form, .coda-slider-wrapper label, .coda-slider-wrapper legend, .coda-slider-wrapper table, .coda-slider-wrapper caption, .coda-slider-wrapper tbody, .coda-slider-wrapper tfoot, .coda-slider-wrapper thead, .coda-slider-wrapper tr, .coda-slider-wrapper th, .coda-slider-wrapper td {
  margin: 0;
  padding: 0;
  border: 0;
  box-shadow: none;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
/* line 21, sass/coda-slider.scss */
.coda-slider-wrapper body {
  line-height: 1;
}
/* line 21, sass/coda-slider.scss */
.coda-slider-wrapper ol, .coda-slider-wrapper ul {
  list-style: none;
}
/* line 21, sass/coda-slider.scss */
/* line 21, sass/coda-slider.scss */
.coda-slider-wrapper blockquote:before, .coda-slider-wrapper blockquote:after, .coda-slider-wrapper q:before, .coda-slider-wrapper q:after {
  content: '';
  content: none;
}
/* line 42, sass/coda-slider.scss */
.coda-slider-wrapper .coda-slider {
  /******************************************************
  * 
  * Inner wrapper styles 
  *
  *******************************************************/
  background: #f2f2f2;
  /******************************************************
  * 
  * Width of the container. Typically you will want to 
  * match this with the width of the panel as well. 
  *
  *******************************************************/
  width: 700px;
}
/* line 59, sass/coda-slider.scss */
.coda-slider-wrapper .coda-slider .panel {
  /******************************************************
  * 
  * Width of each individual panel. 
  * Typically you will want to match this with the width 
  * of the container as well. 
  *
  *******************************************************/
  width: 700px;
}
/* line 69, sass/coda-slider.scss */
.coda-slider-wrapper .coda-slider .panel .panel-wrapper {
  /******************************************************
  * 
  * Panel wrapper styles 
  *
  *******************************************************/
  padding: 20px;
}
/* line 80, sass/coda-slider.scss */
.coda-slider-wrapper .coda-nav {
  /******************************************************
  * 
  * Tab styles 
  *
  *******************************************************/
}
/* line 87, sass/coda-slider.scss */
.coda-slider-wrapper .coda-nav .current {
  /******************************************************
  * 
  * Current tab styles 
  *
  *******************************************************/
  background: #68A1B1;
}
/* line 96, sass/coda-slider.scss */
.coda-slider-wrapper .coda-nav a {
  /******************************************************
  * 
  * Tab styles 
  *
  *******************************************************/
  background: #d8d8d8;
  color: #333333;
  margin-right: 1px;
  padding: 3px 6px;
}
/* line 108, sass/coda-slider.scss */
.coda-slider-wrapper .coda-nav a:hover {
  /******************************************************
  * 
  * Tab styles 
  *
  *******************************************************/
  background: #e5e5e5;
  color: #333333;
  text-shadow: none;
}
/* line 120, sass/coda-slider.scss */
.coda-slider-wrapper .coda-nav-left, .coda-slider-wrapper .coda-nav-right {
  /******************************************************
  * 
  * Arrow Styles 
  *
  *******************************************************/
}
/* line 127, sass/coda-slider.scss */
.coda-slider-wrapper .coda-nav-left a, .coda-slider-wrapper .coda-nav-right a {
  /******************************************************
  * 
  * Arrow Styles 
  *
  * If in responsive mode, check the settings below too.
  *
  *******************************************************/
  background: #000;
  color: #fff;
  padding: 5px;
  width: 100px;
}
/* line 142, sass/coda-slider.scss */
.coda-slider-wrapper .coda-nav-left-arrow {
  /******************************************************
  * 
  * Graphical arrow styles 
  *
  *******************************************************/
  width: 25px;
  height: 25px;
  background: url("../img/arrow.png") no-repeat top left;
  margin-top: -20px;
  margin-left: 5px;
}
/* line 154, sass/coda-slider.scss */
.coda-slider-wrapper .coda-nav-left-arrow:hover {
  /************************************************
  * 
  * Graphical arrows hover
  *
  *************************************************/
  background: url("../img/arrow.png") no-repeat bottom left;
}
/* line 163, sass/coda-slider.scss */
.coda-slider-wrapper .coda-nav-left-arrow:active {
  /************************************************
  * 
  * Graphical arrows click
  *
  *************************************************/
  margin-top: 55px;
}
/* line 173, sass/coda-slider.scss */
.coda-slider-wrapper .coda-nav-right-arrow {
  /******************************************************
  * 
  * Graphical arrow styles 
  *
  *******************************************************/
  width: 25px;
  height: 25px;
  background: url("../img/arrow.png") no-repeat top right;
  margin-top: -20px;
  margin-right: 5px;
}
/* line 185, sass/coda-slider.scss */
.coda-slider-wrapper .coda-nav-right-arrow:hover {
  /************************************************
  * 
  * Graphical arrows hover
  *
  *************************************************/
  background: url("../img/arrow.png") no-repeat bottom right;
}
/* line 194, sass/coda-slider.scss */
.coda-slider-wrapper .coda-nav-right-arrow:active {
  /************************************************
  * 
  * Graphical arrows click
  *
  *************************************************/
  margin-top: 55px;
}
/* line 204, sass/coda-slider.scss */
.coda-slider-wrapper .loading {
  /******************************************************
  * 
  * Style for preloader 
  *
  *******************************************************/
  height: 100%;
  padding: 20px;
  text-align: center;
}

/* line 216, sass/coda-slider.scss */
.arrows .coda-slider {
  /******************************************************
  * 
  * Margin between slider and arrows 
  *
  *******************************************************/
  margin: 0 10px;
}

/* line 225, sass/coda-slider.scss */
.coda-responsive {
  /******************************************************
  * 
  * Responsive styles 
  *
  *******************************************************/
}
/* line 231, sass/coda-slider.scss */
.coda-responsive .coda-slider {
  width: 100%;
  margin: 0;
}
/* line 235, sass/coda-slider.scss */
.coda-responsive .coda-slider .panel .panel-wrapper {
  padding: 0;
}
/* line 239, sass/coda-slider.scss */
.coda-responsive .coda-nav-left {
  position: absolute;
  left: 0;
  z-index: 1;
}
/* line 243, sass/coda-slider.scss */
.coda-responsive .coda-nav-left a {
  background: #9A9A9A;
  width: 80px;
}
/* line 244, sass/coda-slider.scss */
.coda-responsive .coda-nav-left a:hover {
  background: #747474;
}
/* line 246, sass/coda-slider.scss */
.coda-responsive .coda-nav-right {
  position: absolute;
  right: 0;
  z-index: 1;
}
/* line 250, sass/coda-slider.scss */
.coda-responsive .coda-nav-right a {
  background: #9A9A9A;
  width: 80px;
}
/* line 251, sass/coda-slider.scss */
.coda-responsive .coda-nav-right a:hover {
  background: #747474;
}
/* line 253, sass/coda-slider.scss */
.coda-responsive .coda-nav-left-arrow {
  position: absolute;
  right: 20px;
  z-index: 1;
}
/* line 259, sass/coda-slider.scss */
.coda-responsive .coda-nav-right-arrow {
  position: absolute;
  right: 0;
  z-index: 1;
}
/* line 265, sass/coda-slider.scss */
.coda-responsive .small-tabs {
  width: 100%!important;
}
/* line 268, sass/coda-slider.scss */
.coda-responsive .small-tabs li a {
  float: none!important;
  display: block;
  padding: 10px;
  border-bottom: 1px solid #eee;
}

/**********************************************************************
*
* Don't change anything below here unless you know what you're doing 
*
***********************************************************************/
/* line 288, sass/coda-slider.scss */
.coda-slider-wrapper {
  /************************************************
  * 
  * Wrapper styles 
  *
  *************************************************/
  clear: both;
  overflow: auto;
}
/* line 298, sass/coda-slider.scss */
.coda-slider-wrapper .coda-slider {
  /************************************************
  * 
  * slider styles 
  *
  *************************************************/
  float: left;
  overflow: hidden;
  position: relative;
}
/* line 308, sass/coda-slider.scss */
.coda-slider-wrapper .coda-slider .panel-container {
  /************************************************
  * 
  * Panel container styles 
  *
  *************************************************/
  position: relative;
}
/* line 316, sass/coda-slider.scss */
.coda-slider-wrapper .coda-slider .panel-container .panel {
  /************************************************
  * 
  * Panel styles 
  *
  *************************************************/
  display: block;
  float: left;
}
/* line 325, sass/coda-slider.scss */
.coda-slider-wrapper .coda-slider .panel-container .fadeClass {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
/* line 334, sass/coda-slider.scss */
.coda-slider-wrapper .coda-nav {
	width: 94% !important;
	text-align: center;
	position: absolute;
	bottom: -31px;
  /************************************************
  * 
  * Navigation tabs 
  *
  *************************************************/
}
/* line 341, sass/coda-slider.scss */
.coda-slider-wrapper .coda-nav ul {
  /************************************************
  * 
  * Navigation tabs 
  *
  *************************************************/
  clear: both;
  display: inline-block !important;
  overflow: hidden;
  margin: 0px auto !important;
  float: none !important;
  width: auto;
}
/* line 352, sass/coda-slider.scss */
.coda-slider-wrapper .coda-nav ul li {
  /************************************************
  * 
  * Navigation tabs 
  *
  *************************************************/
  display: inline;
}
/* line 360, sass/coda-slider.scss */
.coda-slider-wrapper .coda-nav ul li a {
  /************************************************
  * 
  * Navigation tabs 
  *
  *************************************************/
	background: #807f70;
	color: #fff;
	display: block;
	float: left;
	text-decoration: none;
	text-indent: -1000em;
	border-radius: 24px;
	width: 10px;
	height: 10px;
	margin: 0px 4px 2px;
	box-shadow: 1px 1px 0px #ccc;
	behavior: url("/PIE.htc");
	outline: none;
	padding: 0;
}
/* line 374, sass/coda-slider.scss */
.coda-slider-wrapper .coda-nav-left-arrow, .coda-slider-wrapper .coda-nav-right-arrow {
  /************************************************
  * 
  * Graphical arrows 
  *
  *************************************************/
  cursor: pointer;
  float: left;
}
/* line 383, sass/coda-slider.scss */
.coda-slider-wrapper .coda-nav-left-arrow a, .coda-slider-wrapper .coda-nav-right-arrow a {
  /************************************************
  * 
  * Graphical arrows 
  *
  *************************************************/
  display: block;
}
/* line 394, sass/coda-slider.scss */
.coda-slider-wrapper .coda-nav-left, .coda-slider-wrapper .coda-nav-right {
  /************************************************
  * 
  * Html arrows 
  *
  *************************************************/
  float: left;
}
/* line 401, sass/coda-slider.scss */
.coda-slider-wrapper .coda-nav-left a, .coda-slider-wrapper .coda-nav-right a {
  /************************************************
  * 
  * Html arrow styles 
  *
  *************************************************/
  display: block;
  text-align: center;
  text-decoration: none;
}
/* line 413, sass/coda-slider.scss */
.coda-slider-wrapper .coda-nav-left, .coda-slider-wrapper .coda-nav-left-arrow {
  /************************************************
  * 
  * Html and graphical arrow styles 
  *
  *************************************************/
  clear: both;
}
.coda-slider-wrapper .title {
display: none;
}