/**

 * BxSlider v4.0 - Fully loaded, responsive content slider

 * http://bxslider.com

 *

 * Written by: Steven Wanderski, 2012

 * http://stevenwanderski.com

 * (while drinking Belgian ales and listening to jazz)

 *

 * CEO and founder of bxCreative, LTD

 * http://bxcreative.com

 */

/** RESET AND LAYOUT

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

.bx-wrapper {

  position: relative;

  zoom: 1;

}

.bx-wrapper div {

  max-width: 100%;

  margin-bottom: 10px;

}

.bx-wrapper ul {

  list-style: none;

}

/*lai lielakie attēli nelien ara no ramjiem, bet nestrada ar responsive*/

.bx-wrapper li img {

  width: 100%;

  /*height: 350px; parnests uz parametriem */

  display: block;

  background-size: contain;

  background-repeat: no-repeat;

  background-position: center center;

}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {

  position: absolute;

  bottom: 70px;

  right: 100px;

  font-family: Poppins;

}

.bx-wrapper .bx-caption div {

  float: right;

  margin: 10px 0;

  font-size: 65px;

  color: #fff;

  text-shadow: 3px 3px 3px rgba(0,0,0,.7);

  //background-color: rgba(0,0,0,.4);

}

.bx-wrapper .bx-caption span {

  display: inline;

  text-align: center;

  clear: right;

  float: right;

  padding: 3px 6px;

  font-size: 20px;

  color: #fff;

  background-color: rgba(0,0,0,.7);

}

/** THEME

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

.bx-wrapper .bx-viewport {

  /*-moz-box-shadow: 0 0 5px #ccc;

	-webkit-box-shadow: 0 0 5px #ccc;

	box-shadow: 0 0 5px #ccc;

	border: solid #fff 5px;

	left: -5px;

	background: #fff;

  margin:5px 0;*/

}

.bx-wrapper .bx-controls-auto,

.bx-wrapper .bx-pager {

  position: absolute;

  bottom: -30px;

  width: 100%;

}

/* LOADER */

.bx-wrapper .bx-loading {

  min-height: 50px;

  background: url("bx_loader.gif") center center no-repeat #fff;

  height: 100%;

  width: 100%;

  position: absolute;

  top: 0;

  left: 0;

  z-index: 2000;

}

/* PAGER */

.bx-wrapper .bx-pager {

  text-align: center;

  font-size: 0.85em;

  font-family: Arial;

  font-weight: bold;

  color: #666;

  padding-top: 20px;

  z-index: 100;

}

.bx-wrapper .bx-controls-auto .bx-controls-auto-item,

.bx-wrapper .bx-pager .bx-pager-item {

  display: inline-block;

  *zoom: 1;

  *display: inline;

}

.bx-wrapper .bx-pager.bx-default-pager a {

  background: #666;

  text-indent: -9999px;

  display: block;

  width: 10px;

  height: 10px;

  margin: 0 5px;

  outline: 0;

  -moz-border-radius: 5px;

  -webkit-border-radius: 5px;

  border-radius: 5px;

}

.bx-wrapper .bx-pager.bx-default-pager a.active,

.bx-wrapper .bx-pager.bx-default-pager a:hover {

  background: #000;

}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {

  left: 20px;

  background: url("arrow2.png") no-repeat;
transform: scaleX(-1) scale(1.2);
}

.bx-wrapper .bx-next {

  right: 20px;

  background: url("arrow2.png") no-repeat;
transform: scale(1.2);
}
@media screen and (max-width: 768px) {
  .bx-wrapper .bx-prev,
  .bx-wrapper .bx-next {
    display: none !important;
  }
}
.bx-wrapper .bx-prev:hover {


}

.bx-wrapper .bx-next:hover {

  

}

.bx-wrapper .bx-controls-direction a {

  position: absolute;

  top: 50%;

  margin-top: -16px;

  outline: 0;

  width: 32px;

  height: 32px;

  text-indent: -9999px;

  z-index: 100;

}

.bx-wrapper .bx-controls-direction a.disabled {

  display: none;

}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {

  text-align: center;

}

.bx-wrapper .bx-controls-auto .bx-start {

  display: block;

  text-indent: -9999px;

  width: 10px;

  height: 11px;

  outline: 0;

  background: url("controls.png") -86px -11px no-repeat;

  margin: 0 3px;

}

.bx-wrapper .bx-controls-auto .bx-start.active,

.bx-wrapper .bx-controls-auto .bx-start:hover {

  background-position: -86px 0;

}

.bx-wrapper .bx-controls-auto .bx-stop {

  display: block;

  text-indent: -9999px;

  width: 9px;

  height: 11px;

  outline: 0;

  background: url("controls.png") -86px -44px no-repeat;

  margin: 0 3px;

}

.bx-wrapper .bx-controls-auto .bx-stop.active,

.bx-wrapper .bx-controls-auto .bx-stop:hover {

  background-position: -86px -33px;

}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {

  text-align: left;

  width: 80%;

}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {

  right: 0;

  width: 35px;

}