@font-face {
  font-family: "entypo";
  src: url("../fonts/controls/entypo.eot");
  src: url("../fonts/controls/entypo.eot?#iefix") format("embedded-opentype"),
    url("../fonts/controls/entypo.woff") format("woff"),
    url("../fonts/controls/entypo.ttf") format("truetype"),
    url("../fonts/controls/entypo.svg#entypo") format("svg");
  font-weight: normal;
  font-style: normal;
}

.cbp-bislideshow {
  list-style: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  padding: 0;
  margin: 0;
}

.cbp-bislideshow li {
  position: absolute;
  width: 101%;
  height: 101%;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: opacity 1.5s;
  -moz-transition: opacity 1.5s;
  transition: opacity 1.5s;
}

/* If background-size supported we'll add the images to the background of the li */

.backgroundsize .cbp-bislideshow li {
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  background-size: 100% auto;
  background-position: top center;
  background-repeat: no-repeat;
}

/* ...and hide the images */
.backgroundsize .cbp-bislideshow li img {
  display: none;
}

.cbp-bislideshow li img {
  display: block;
  width: 100%;
}

.cbp-bicontrols {
  position: fixed;
  width: 60px;
  height: 30px;
  margin: 0;
  left: 5px;
  bottom: 2%;
  transform: translate(0, -2%);
  -webkit-transform: translate(0, -2%);
  -moz-transform: translate(0, -2%);
  -o-transform: translate(0, -2%);
}

.cbp-bicontrols span {
  float: left;
  width: 20px;
  height: 30px;
  position: relative;
  cursor: pointer;
}

.cbp-bicontrols span:before {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
  font-family: "entypo";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 30px;
  font-size: 20px;
  color: #284c7f;
  -webkit-font-smoothing: antialiased;
  opacity: 0.5;
}

.cbp-bicontrols span:hover:before {
  opacity: 1;
}

.cbp-bicontrols span:active:before {
  top: 2px;
}

span.cbp-biplay:before {
  content: "\e002";
}

span.cbp-bipause:before {
  content: "\e003";
}

span.cbp-binext:before {
  content: "\e000";
}

span.cbp-biprev:before {
  content: "\e001";
}

.cbp-bicontrols span.cbp-binext {
  float: right;
}

/* Fallback */

.no-js.no-backgroundsize .cbp-bislideshow li:first-child {
  opacity: 1;
}

.no-js.backgroundsize .cbp-bislideshow li:first-child img {
  display: block;
}