.header-promo {
  box-sizing: border-box;
  display: block;
  position: absolute;
  top: 255px;
  left: 0;
  width: 1040px;
  height: 350px;
}

.header-promo-slides, .header-promo-slide {
  display: block;
  list-style-type: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}

.header-promo-slides {
  display: block;
  position: relative;
  width: 1040px;
  height: 350px;
}

.header-promo-slide {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index:50;
  cursor:default;
}

.header-promo-slide:first-child {
    display:block;
}

.header-promo-slide[data-link] {
    cursor:pointer;
}

.header-promo-slide-img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position:center center;
  background-size:cover;
  z-index: 10;
}

.header-promo-slide-desc {
  display: block;
  position: absolute;
  width: 230px;
  height: 350px;
  top: 0;
  right: 0;
  z-index: 11;
}

.header-promo-slide-desc-title {
  display: block;
  padding: 12px 16px;
  border-bottom: 1px solid rgba(255,255,255,0.5);
  background: rgba(197,229,247,0.9);
  font:normal 22px/27px 'OrbiSans';
  color: #0c54a0;
}

.header-promo-slide-desc-text {
  display: block;
  padding: 10px 16px;
  background: rgba(212,236,249,0.85);
  font:normal 14px/19px 'Arial';
  color:#333;
  height:100%;
}

.header-promo-slide-desc-text:hover {color:black;}

/* -------- promo slider navigation --------- */

.header-promo-nav {
    position: absolute;
    width:230px;
    bottom: 10px;
    right: 0;
	text-align: center;
    z-index: 100;
}
.header-promo-nav > button {
    background: rgba(197, 229, 247, 0);
    border: medium none;
    border-radius: 50%;
    cursor: pointer;
    height: 40px;
    padding: 0;
    width: 40px;
    display: inline-block;
    margin:0 5px;
}
.header-promo-nav > button:before {
    background: url("../img/header_promo_btn.sprite.png") 0 0 no-repeat;
    content: "";
    display: inline-block;
    height: 40px;
    opacity: 0.5;
    width: 40px;
}

.header-promo-nav > button.promo-btn_prev:before {
    background-position: 0 0;
}
.header-promo-nav > button.promo-btn_play:before {
    background-position: -120px 0;
}
.header-promo-nav > button.promo-btn_pause:before {
    background-position: -40px 0;
}
.header-promo-nav > button.promo-btn_next:before {
    background-position: -80px 0;
}
.header-promo-nav > button:hover
{
    background-color: rgba(255, 255, 255, 0.85);
}
.header-promo-nav > button:hover:before {
    opacity: 1;
}
.header-promo-nav > button[disabled],
.header-promo-nav > button[disabled]:hover,
.header-promo-nav > button[disabled]:focus {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0);
    cursor: default;
}
.header-promo-nav > button[disabled]:before,
.header-promo-nav > button[disabled]:hover:before,
.header-promo-nav > button[disabled]:focus:before {
    opacity: 0.35;
}

.header-promo-video {
    display:none;
    position:absolute;
    width:100%;
    height:100%;
    top:0;right:0;bottom:0;left:0;
    background-color:transparent;
    z-index: 5;
}

.header-promo-player {
    display:none;
    position:absolute;
    top:0;
    left:0;
    z-index: 4;
}