/****************************************************************************
Template: Entourage SJP EDIT
*/
/****************************************************************************
4. INTRO
****************************************************************************/
.intro {
  z-index: 100;
  position: relative; }
  .intro .center {
    position: static; }
  .intro.image {
    background: url(../img/intro/cyberpunkdystopia/intro.jpg) 50% 50% no-repeat; }
  .intro .intro-content {
    position: absolute;
    bottom: 350px;
    z-index: 100; }
    .intro .intro-content h1, .intro .intro-content .subtitle {
      text-transform: uppercase;
      font-family: "OpenSansBold", Arial, Helvetica,sans-serif;
      padding: 10px; }
    .intro .intro-content h1 {
      color: #fff;
      background-color: #0D0D15; }
    .intro .intro-content .subtitle {
      color: #fff;
      background-color: #0D0D15;
      font-size: 24px;
      margin: 10px 0 50px 0;
      display: table; }
    .intro .intro-content .button {
      margin: 0 11px 0 0; }
    .intro .intro-content.video h1, .intro .intro-content.video .subtitle {
      background-color: #0D0D15; }
    .intro .intro-content.video .scheme-1:hover {
      background-color: #0D0D15; }
    .intro .intro-content.video .scheme-2:hover {
      color: #0D0D15; }
  .intro .slider-content {
    width: 100%;
    height: 100%;
    position: relative; }
    .intro .slider-content .owl-prev, .intro .slider-content .owl-next {
      position: absolute;
      top: 49%;
      width: 35px;
      height: 35px;
      border-style: solid;
      border-width: 2px;
      border-color: #fff;
      -webkit-border-radius: 50px;
      -moz-border-radius: 50px;
      border-radius: 50px;
      -webkit-transition: border 300ms ease-out;
      -moz-transition: border 300ms ease-out;
      -o-transition: border 300ms ease-out;
      transition: border 300ms ease-out; }
      .intro .slider-content .owl-prev:hover, .intro .slider-content .owl-next:hover {
        border-color: #C8CAE8; }
    .intro .slider-content .owl-prev {
      left: 3%;
      background: url(../img/arrow-left.png) no-repeat 50% 50%; }
    .intro .slider-content .owl-next {
      right: 3%;
      background: url(../img/arrow-right.png) no-repeat 50% 50%; }
    .intro .slider-content .owl-dots {
      display: none; }
      .intro .slider-content .item,       .intro .slider-content .owl-stage-outer,       .intro .slider-content .owl-stage,       .intro .slider-content .owl-item {      height: 100%; }
      .intro .slider-content .item.img-1, .intro .slider-content .owl-stage-outer.img-1, .intro .slider-content .owl-stage.img-1, .intro .slider-content .owl-item.img-1 {        background: url(../img/intro/cyberpunkdystopia/intro1.jpg) 50% 50% no-repeat; }
      .intro .slider-content .item.img-2, .intro .slider-content .owl-stage-outer.img-2, .intro .slider-content .owl-stage.img-2, .intro .slider-content .owl-item.img-2 {        background: url(../img/intro/cyberpunkdystopia/intro2.jpg) 50% 50% no-repeat; }
      .intro .slider-content .item.img-3, .intro .slider-content .owl-stage-outer.img-3, .intro .slider-content .owl-stage.img-3, .intro .slider-content .owl-item.img-3 {        background: url(../img/intro/cyberpunkdystopia/intro3.jpg) 50% 50% no-repeat; }