/*============= For default.php layout Carousel demo style ============*/

* {

  -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box;

}

*:before,

*:after {

  -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box;

}

.jpslideshow.carousel .item img {

  width: 100%;

  max-width: 100%;

  height: auto;

}

/*

.jpslideshow .carousel-control{

  background-color: #666;

  border: 2px solid #ddd;

  font-size: 36px;

  height: 50px;

  line-height: 40px;

  margin-top: -28px;

  text-align: center;

  top: 50%;

  width: 50px;

  -webkit-border-radius: 100%;

  -moz-border-radius: 100%;

  -ms-border-radius: 100%;

  -o-border-radius: 100%;

  border-radius: 100%;

}

*/



/*============= For slidesjs.php Slidesjs layout demo style ============*/

.jpslideshow.slidesjs .item img {

  width: 100%;

  max-width: 100%;

  height: auto;

}

.jpslideshow.slidesjs .item-caption {

  background-color: rgba(0, 0, 0, 0.75);

  bottom: 0;

  left: 0;

  padding: 15px;

  position: absolute;

  right: 0;

  color: #FFF;

}



.jpslideshow.slidesjs .slidesjs-navigation {

  margin-top:3px;

  color: #333;

}

.jpslideshow.slidesjs .slidesjs-navigation:hover{

  color: #0088CC;

}

.jpslideshow.slidesjs .slidesjs-previous {

  margin-right: 5px;

  float: left;

}

.jpslideshow.slidesjs .slidesjs-next {

  margin-right: 5px;

  float: left;

}



.jpslideshow.slidesjs .slidesjs-pagination {

  margin: 6px 0 0;

  float: right;

  list-style: none;

}

.jpslideshow.slidesjs .slidesjs-pagination li {

  margin-left: 5px;

  float: left;

  

}

.jpslideshow.slidesjs .slidesjs-pagination li a {

  text-indent: -9999em;

  display: block;

  outline: none;

  background-color: #FFF;

  border: 1px solid #333;

  border-radius: 5px;

  display: block;

  height: 10px;

  width: 10px;

}

.jpslideshow.slidesjs .slidesjs-pagination li a:hover{

  background-color:#0088CC;

}

.jpslideshow.slidesjs .slidesjs-pagination li a.active,

.jpslideshow.slidesjs .slidesjs-pagination li a:hover.active {

  background-color: #333;

}





/*

 * slidesjs layout

 */

.slidesjs-control .item{

  bottom: 0;

}



/**

 * Fade

 */

.jpslideshow.slide .carousel-inner.carousel-fade .item {

  opacity: 0;

  -webkit-transition-property: opacity;

  -moz-transition-property: opacity;

  -o-transition-property: opacity;

  transition-property: opacity;

}

.jpslideshow.slide .carousel-inner.carousel-fade .active {

  opacity: 1;

}

.jpslideshow.slide .carousel-inner.carousel-fade .active.left,

.jpslideshow.slide .carousel-inner.carousel-fade .active.right {

  left: 0;

  opacity: 0;

  z-index: 1;

}

.jpslideshow.slide .carousel-inner.carousel-fade .next.left,

.jpslideshow.slide .carousel-inner.carousel-fade .prev.right {

  opacity: 1;

}

.jpslideshow.slide .carousel-inner.carousel-fade .carousel-control {

  z-index: 2;

}



/**

 * Responsive style

 */

@font-face {

  font-family: 'Glyphicons Halflings';



  src: url('../bootstrap/fonts/glyphicons-halflings-regular.eot');

  src: url('../bootstrap/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../bootstrap/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../bootstrap/fonts/glyphicons-halflings-regular.woff') format('woff'), url('../bootstrap/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../bootstrap/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');

}

.glyphicon {

  position: relative;

  top: 1px;

  display: inline-block;

  font-family: 'Glyphicons Halflings';

  font-style: normal;

  font-weight: normal;

  line-height: 1;



  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}

.glyphicon-user:before {

  content: "\e008";

}

.glyphicon-list-alt:before {

  content: "\e032";

}

.glyphicon-calendar:before {

  content: "\e109";

}

.glyphicon-chevron-left:before {

  content: "\e079";

}

.glyphicon-chevron-right:before {

  content: "\e080";

}

.glyphicon-eye-open:before {

  content: "\e105";

}

.glyphicon-heart-empty:before {

  content: "\e143";

}

.glyphicon-heart:before {

  content: "\e005";

}

.glyphicon-link:before {

  content: "\e144";

}



/**

 * Carousel style

 */

.jpslideshow.slide{

  position: relative;

}

.jpslideshow.slide .carousel-inner > .item > img,

.jpslideshow.slide .carousel-inner > .item > a > img {

  display: block;

  max-width: 100%;

  height: auto;

}

.jpslideshow.slide .carousel {

  position: relative;

}

.jpslideshow.slide .carousel-inner {

  position: relative;

  width: 100%;

  overflow: hidden;

}

.jpslideshow.slide .carousel-inner > .item {

  position: relative;

  display: none;

  -webkit-transition: .6s ease-in-out left;

       -o-transition: .6s ease-in-out left;

          transition: .6s ease-in-out left;

}

.jpslideshow.slide .carousel-inner > .item > img,

.jpslideshow.slide .carousel-inner > .item > a > img {

  line-height: 1;

}

@media all and (transform-3d), (-webkit-transform-3d) {

  .jpslideshow.slide .carousel-inner > .item {

    -webkit-transition: -webkit-transform .6s ease-in-out;

         -o-transition:      -o-transform .6s ease-in-out;

            transition:         transform .6s ease-in-out;



    -webkit-backface-visibility: hidden;

            backface-visibility: hidden;

    -webkit-perspective: 1000;

            perspective: 1000;

  }

  .jpslideshow.slide .carousel-inner > .item.next,

  .jpslideshow.slide .carousel-inner > .item.active.right {

    left: 0;

    -webkit-transform: translate3d(100%, 0, 0);

            transform: translate3d(100%, 0, 0);

  }

  .jpslideshow.slide .carousel-inner > .item.prev,

  .jpslideshow.slide .carousel-inner > .item.active.left {

    left: 0;

    -webkit-transform: translate3d(-100%, 0, 0);

            transform: translate3d(-100%, 0, 0);

  }

  .jpslideshow.slide .carousel-inner > .item.next.left,

  .jpslideshow.slide .carousel-inner > .item.prev.right,

  .jpslideshow.slide .carousel-inner > .item.active {

    left: 0;

    -webkit-transform: translate3d(0, 0, 0);

            transform: translate3d(0, 0, 0);

  }

}

.jpslideshow.slide .carousel-inner > .active,

.jpslideshow.slide .carousel-inner > .next,

.jpslideshow.slide .carousel-inner > .prev {

  display: block;

}

.jpslideshow.slide .carousel-inner > .active {

  left: 0;

}

.jpslideshow.slide .carousel-inner > .next,

.jpslideshow.slide .carousel-inner > .prev {

  position: absolute;

  top: 0;

  width: 100%;

}

.jpslideshow.slide .carousel-inner > .next {

  left: 100%;

}

.jpslideshow.slide .carousel-inner > .prev {

  left: -100%;

}

.jpslideshow.slide .carousel-inner > .next.left,

.jpslideshow.slide .carousel-inner > .prev.right {

  left: 0;

}

.jpslideshow.slide .carousel-inner > .active.left {

  left: -100%;

}

.jpslideshow.slide .carousel-inner > .active.right {

  left: 100%;

}

.jpslideshow.slide .carousel-control {

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  width: 15%;

  font-size: 20px;

  color: #fff;

  text-align: center;

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

  filter: alpha(opacity=50);

  opacity: .5;

}

.jpslideshow.slide .carousel-control.left {

background-image:none!important;

  /*background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);

  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);

  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));

  background-image:         linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);

  background-repeat: repeat-x;*/

}

.jpslideshow.slide .carousel-control.right {

  right: 0;

  left: auto;
background-image:none!important;

  /*background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);

  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);

  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));

  background-image:         linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);*/

  background-repeat: repeat-x;

}

.jpslideshow.slide .carousel-control:hover,

.jpslideshow.slide .carousel-control:focus {

  color: #fff;

  text-decoration: none;

  filter: alpha(opacity=90);

  outline: 0;

  opacity: .9;

}

.jpslideshow.slide .carousel-control .icon-prev,

.jpslideshow.slide .carousel-control .icon-next,

.jpslideshow.slide .carousel-control .glyphicon-chevron-left,

.jpslideshow.slide .carousel-control .glyphicon-chevron-right {

  position: absolute;

  top: 50%;

  z-index: 5;

  display: inline-block;

}

.jpslideshow.slide .carousel-control .icon-prev,

.jpslideshow.slide .carousel-control .glyphicon-chevron-left {

  left: 50%;

  margin-left: -10px;

}

.jpslideshow.slide .carousel-control .icon-next,

.jpslideshow.slide .carousel-control .glyphicon-chevron-right {

  right: 50%;

  margin-right: -10px;

}

.jpslideshow.slide .carousel-control .icon-prev,

.jpslideshow.slide .carousel-control .icon-next {

  width: 20px;

  height: 20px;

  margin-top: -10px;

  font-family: serif;

  line-height: 1;

}

.jpslideshow.slide .carousel-control .icon-prev:before {

  content: '\2039';

}

.jpslideshow.slide .carousel-control .icon-next:before {

  content: '\203a';

}

.jpslideshow.slide .carousel-indicators {

  position: absolute;

  bottom: 10px;

  left: 50%;

  z-index: 15;

  width: 60%;

  padding-left: 0;
  margin-left: -30%;

  text-align: center;

  list-style: none;

}

.jpslideshow.slide .carousel-indicators li {

  display: inline-block;

  width: 10px;

  height: 10px;

  margin: 3px;

  text-indent: -999px;

  cursor: pointer;

  background: rgba(0, 0, 0, 0.3);

  border: 1px solid #fff;

  border-radius: 10px;

}

.jpslideshow.slide .carousel-indicators li.active {

  width: 10px;

  height: 10px;

  background: rgba(0, 0, 0, 0.8);

}

.jpslideshow.slide .carousel-caption {

  position: absolute;

  right: 15%;

  bottom: 20px;

  left: 15%;

  z-index: 10;

  padding-top: 20px;

  padding-bottom: 20px;

  color: #fff;

  text-align: center;

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

}

.jpslideshow.slide .carousel-caption .btn {

  text-shadow: none;

}

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

  .jpslideshow.slide .carousel-control .glyphicon-chevron-left,

  .jpslideshow.slide .carousel-control .glyphicon-chevron-right,

  .jpslideshow.slide .carousel-control .icon-prev,

  .jpslideshow.slide .carousel-control .icon-next {

    width: 36px;

    height: 36px;

    margin-top: -15px;

    font-size: 16px;

  }

  .jpslideshow.slide .carousel-control .glyphicon-chevron-left,

  .jpslideshow.slide .carousel-control .icon-prev {

    margin-left: -15px;

  }

  .jpslideshow.slide .carousel-control .glyphicon-chevron-right,

  .jpslideshow.slide .carousel-control .icon-next {

    margin-right: -15px;

  }

  .jpslideshow.slide .carousel-caption {

    right: 20%;

    left: 20%;

    padding-bottom: 30px;

  }

  .jpslideshow.slide .carousel-indicators {

    bottom: 20px;

  }

}