/* ----------- rslides ------------------*/
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0 auto 0px;
  }



.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }


.rslides_tabs, .callbacks_tabs {
  list-style: none;
  font-size:0px;
  z-index:99999;
  margin-top:-40px; 
  position:relative;
  list-style: none;
  text-align: center;
  width: 100%;
  }

.rslides_tabs li, .callbacks_tabs li {
  display: inline;
  float: none;
  margin-right: 1px;
  }

.rslides_tabs a, .callbacks_tabs a {
  width: auto;
  line-height: 20px;
  padding: 5px 5px; border-radius:10px;
  height: auto; margin-right:5px;
  background:#fff; box-inner-shadow:0px 1px 1px #000;
  display: inline;
  }

.rslides_tabs li:first-child {
  margin-left: 0;
  }

.rslides_tabs .rslides_here a, .callbacks_tabs .callbacks_here a {
  background:#7c4a02;
  color: #fff;
  font-weight: bold;
  }

a {
  color: #fff;
  text-decoration: none;
  }


/* Callback example */
.callbacks_container {
  margin-bottom: 50px;
  position: relative;
  float: left;
  width: 100%;
  }

.callbacks {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.callbacks li {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  }

.callbacks img {
  display: block;
  position: relative;
  z-index: 1;
  height: auto;
  width: 100%;
  border: 0;
  }

.callbacks .caption {
  display: block;  max-width:96%;
  position: absolute;
  z-index: 2;
 
  left: 0;
  right: 0;
  bottom: 150px;
  
  margin: 0;
  max-width: none;
  text-align:center;
  text-transform:uppercase;
  }
  .callbacks .caption b{font-size:55px; width:100%; float:left; color:#fff; line-height:55px; font-weight:normal; padding-bottom:10px; text-shadow:0px 1px 2px #000; font-family: 'Rancho';}
  .callbacks .caption span{  font-size: 45px; line-height:25px; font-weight:bold;font-family: 'Rancho';
  text-shadow: none;
  color: #fff;
 text-shadow:0px 1px 2px #000;}

 .callbacks .caption .captionimg{width:802px; margin:0 auto; height:auto; max-width:100%; display:block; padding:2% 0%;}


.callbacks_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  margin-top:-20%;
  left: 0;
  opacity: 0.7;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("../images/themes.html") no-repeat left top;
  }

.callbacks_nav:active {
  opacity: 1.0;
  }

.callbacks_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }
 
 .callbacks_tabs{width:100%; float:left; text-align:center; z-index:99999; bottom:-10px;}
 .testi .callbacks_tabs{width:100%; float:left; text-align:center; z-index:99999; bottom:-40px;}

 .callback_tabs li{list-style:none; float:left; width:20px; font-size:0px; height:20px;}
 
 
 /*------ Slider 3---------- */ 

 
 	@media only screen and (max-width: 1250px) {
		.callbacks .caption{ bottom:50px} 

}

@media only screen and (max-width: 1250px) {
		.callbacks .caption{ bottom:50px} 

}

@media only screen and (max-width: 1000px) {
	.callbacks .caption b{font-size:25px;line-height:10px; }
  .callbacks .caption span{  font-size: 15px; line-height:10px; }
 .callbacks .caption .captionimg{padding:0.5% 0%;}
}

@media only screen and (max-width: 750px) {
		.callbacks .caption{ bottom:25px} 
		 .testi .callbacks_tabs{bottom:-25px;}

}
  
@media only screen and (max-width:450px) {
	.callbacks .caption {
  display: none;
  }
	/*.callbacks .caption b{font-size:25px;line-height:0px; }
  .callbacks .caption span{  font-size: 15px; line-height:0px; }
 .callbacks .caption .captionimg{padding:0.5% 0%;}
 .rslides_tabs a, .callbacks_tabs a {
 
  padding: 3px; 
  } */
}