@charset "utf-8";

@import "../initial";

.layout-content {
  min-height: 37.5em;
  padding-bottom: 6em;
  background-color: #fff;
  background-image: linear-gradient(180deg, transparent 0, rgba(191,139,61,0.1) 100%);
  .container {
    @extend .response-container;
  }
}

.down{
  display: flex;
  width: 100%;
  .columnbox{
    width: 50%;
  }
  .leftbox{
    padding-right: 0.25rem;
  }
  .rightbox{
    padding-left: 0.25rem;
  }
  .ad-overlay{
    padding-bottom: 3em!important;
  }
}
.big{
  padding: 0!important;
}

.onepart{
  .w-ba-banner{
    &:hover{
      img{

      }
    }
  }
}
.layout-content-box2{
  .w-ba-banner{
    &:hover{
      -webkit-transition: all .3s ease;
      -moz-transition: all .3s ease;
      -ms-transition: all .3s ease;
      -o-transition: all .3s ease;
      transition: all .3s ease;
      img{
            transform: scale(1.1);
      }
      .transitionfade{
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: rgba(0,0,0,.4);
        -webkit-transition: .3s ease-out;
        -moz-transition: .3s ease-out;
        -ms-transition: .3s ease-out;
        -o-transition: .3s ease-out;
        transition: .3s ease-out;
      }
    }
  }
}
.left{
  .controlplay{
    display: none;
  }
  ul.button-mid .prev-button{
    display: none;
  }
  ul.button-mid .next-button{
    display: none;
  }
  .ad-overlay h3{
    text-align: center;
  }
  .ad-overlay{
          padding-bottom: 5em;
  }
  .banner-pager{
    display: none;
  }
}
.right{
  .controlplay{
    display: none;
  }
  ul.button-mid .prev-button{
    display: none;
  }
  ul.button-mid .next-button{
    display: none;
  }
  .ad-overlay h3{
    text-align: center;
  }
  .ad-overlay{
            padding-bottom: 5em;
  }
  .banner-pager{
    display: none;
  }
}
.introtext{
  opacity: 0;
      -webkit-transform: translateY(15%) translateZ(0);
      -moz-transform: translateY(15%) translateZ(0);
      -o-transform: translateY(15%) translateZ(0);
      -ms-transform: translateY(15%) translateZ(0);
      transform: translateY(15%) translateZ(0);
      -webkit-transition: transform 0.8s ease-out, opacity 0.4s ease;
      -moz-transition: transform 0.8s ease-out, opacity 0.4s ease;
      -o-transition: transform 0.8s ease-out, opacity 0.4s ease;
      -ms-transition: transform 0.8s ease-out, opacity 0.4s ease;
      transition: transform 0.8s ease-out, opacity 0.4s cubic-bezier(0.63, 0.01, 0, 1.02);
      &:hover{
        transform: scale(1.1);
      }
}
.animationtext{
  opacity: 1;
    -webkit-transform: translateY(0) translateZ(0);
    -moz-transform: translateY(0) translateZ(0);
    -o-transform: translateY(0) translateZ(0);
    -ms-transform: translateY(0) translateZ(0);
    transform: translateY(0) translateZ(0);
}