.clearfix {
  *zoom: 1; }
  .clearfix:before, .clearfix:after {
    display: table;
    clear: both;
    content: "";
    line-height: 0; }

.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default; }

html {
  height: 100%; }

body {
  min-height: 100%; }

*,
div,
li,
p,
h1,
h2,
h3,
h4,
h5,
a,
span,
html,
img {
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: geometricPrecision; }

*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

body {
  font-size: 100%;
  width: 100%;
  position: relative;
  font-size: 10px; }

.container {
  width: 100%;
  position: relative;
  margin: 0 auto; }
  .container.maxwidth {
    max-width: 87%; }

.footer {
  padding-top: 0; }

.noFooter .footer {
  display: none; }

.overflow {
  overflow: hidden; }

.home-new {
  background: #000; }
  .home-new .container.maxwidth {
    max-width: 87%; }
    @media screen and (min-width: 0) and (max-width: 1279px) {
      .home-new .container.maxwidth {
        max-width: 1100px;
        padding-left: 10px;
        padding-right: 10px; } }
  .home-new .home-images {
    width: 100%;
    left: 0; }
    .home-new .home-images .home-img {
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center; }
      .home-new .home-images .home-img .detail {
        z-index: 5;
        opacity: 0;
        position: absolute;
        background: #fff;
        max-width: 260px;
        padding: 30px 30px 20px;
        text-align: center;
        -webkit-transition: opacity 400ms ease-in-out;
        -moz-transition: opacity 400ms ease-in-out;
        -ms-transition: opacity 400ms ease-in-out;
        transition: opacity 400ms ease-in-out; }
        @media screen and (min-width: 0) and (max-width: 991px) {
          .home-new .home-images .home-img .detail {
            padding: 20px 20px 15px;
            width: 65%;
            max-width: 317px;
            opacity: 1;
            z-index: 5; } }
        .home-new .home-images .home-img .detail .detail-content {
          position: relative; }
          .home-new .home-images .home-img .detail .detail-content .txt h4 {
            margin-bottom: 20px;
            font-size: 18px;
            text-transform: uppercase;
            font-family: 'brandon_grotesque_regularRg', sans-serif; }
            @media screen and (min-width: 992px) and (max-width: 1279px) {
              .home-new .home-images .home-img .detail .detail-content .txt h4 {
                font-size: 16px; } }
            @media screen and (min-width: 768px) and (max-width: 991px) {
              .home-new .home-images .home-img .detail .detail-content .txt h4 {
                font-size: 16px; } }
            @media screen and (min-width: 0) and (max-width: 767px) {
              .home-new .home-images .home-img .detail .detail-content .txt h4 {
                font-size: 13px;
                margin-bottom: 15px; } }
          .home-new .home-images .home-img .detail .detail-content .txt p {
            font-size: 16px;
            line-height: 1.35em;
            font-family: 'suisse_bp_serifregular_italic', serif; }
            @media screen and (min-width: 992px) and (max-width: 1279px) {
              .home-new .home-images .home-img .detail .detail-content .txt p {
                font-size: 15px; } }
            @media screen and (min-width: 768px) and (max-width: 991px) {
              .home-new .home-images .home-img .detail .detail-content .txt p {
                font-size: 14px; } }
            @media screen and (min-width: 0) and (max-width: 767px) {
              .home-new .home-images .home-img .detail .detail-content .txt p {
                font-size: 12px; } }
          .home-new .home-images .home-img .detail .detail-content .img {
            padding: 20px 0 0; }
            @media screen and (min-width: 0) and (max-width: 767px) {
              .home-new .home-images .home-img .detail .detail-content .img {
                padding: 20px 0 0; } }
            .home-new .home-images .home-img .detail .detail-content .img img {
              width: 100%;
              display: block;
              margin-bottom: 20px; }
            .home-new .home-images .home-img .detail .detail-content .img a {
              font-size: 12px;
              font-family: 'brandon_grotesque_regularRg', sans-serif;
              color: #000;
              text-decoration: none; }
          .home-new .home-images .home-img .detail .detail-content .arrow {
            position: absolute;
            height: 30px;
            width: 15px;
            top: -10px;
            background-repeat: no-repeat; }
            @media screen and (min-width: 0) and (max-width: 991px) {
              .home-new .home-images .home-img .detail .detail-content .arrow {
                display: none; } }
        .home-new .home-images .home-img .detail.detail--left {
          left: 10%; }
          @media screen and (min-width: 992px) and (max-width: 1279px) {
            .home-new .home-images .home-img .detail.detail--left {
              left: 20px; } }
          .home-new .home-images .home-img .detail.detail--left .detail-content .arrow {
            right: -45px;
            background-image: url("../images/home/arrow-left.png"); }
        .home-new .home-images .home-img .detail.detail--right {
          right: 10%; }
          @media screen and (min-width: 992px) and (max-width: 1279px) {
            .home-new .home-images .home-img .detail.detail--right {
              right: 20px; } }
          .home-new .home-images .home-img .detail.detail--right .detail-content .arrow {
            left: -44px;
            background-image: url("../images/home/arrow-right.png"); }
            
            
      .home-new .home-images .home-img.home-img1 {
        z-index: 1;
        position: relative;
        width: 100%;
        background-image: url("../images/home/img1.jpg");
        background-size: cover;
        background-position: center; }
        @media screen and (min-width: 0) and (max-width: 899px) {
          .home-new .home-images .home-img.home-img1 {
            background-image: url("../images/home/img1-mobile.jpg");
           margin-bottom: 248px;
            z-index: inherit; } }
        .home-new .home-images .home-img.home-img1:after {
          content: '';
          display: block;
          padding-bottom: 118.75%; }
          @media screen and (min-width: 0) and (max-width: 991px) {
            .home-new .home-images .home-img.home-img1:after {
              padding-bottom: 117.40%;  } }
        .home-new .home-images .home-img.home-img1 > img {
          display: block;
          position: absolute;
          left: 50%;
          -webkit-transform: translateX(-50%);
          -moz-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          -o-transform: translateX(-50%);
          transform: translateX(-50%);
          top: -30px; }
        .home-new .home-images .home-img.home-img1 .detail {
          top: 25%; }
          @media screen and (min-width: 0) and (max-width: 991px) {
            .home-new .home-images .home-img.home-img1 .detail {
              position: absolute;
              left: 50%;
              -webkit-transform: translateX(-50%);
              -moz-transform: translateX(-50%);
              -ms-transform: translateX(-50%);
              -o-transform: translateX(-50%);
              transform: translateX(-50%);
              top: auto;
              bottom: -260px; } }
              
              
      .home-new .home-images .home-img.home-img2, 
      .home-new .home-images .home-img.home-img3, 
      .home-new .home-images .home-img.home-img4 {
        position: relative;
        width: 100%; }
        .home-new .home-images .home-img.home-img2 > img, 
        .home-new .home-images .home-img.home-img3 > img , 
        .home-new .home-images .home-img.home-img4 > img {
          position: relative;
          display: block;
          width: 100%; }
          
      .home-new .home-images .home-img.home-img2 {
        background-image: url("../images/home/img2.jpg");
        background-size: cover; }
        @media screen and (min-width: 0) and (max-width: 991px) {
          .home-new .home-images .home-img.home-img2 {
            background-image: url("../images/home/img2-mobile.jpg");
            margin-bottom: 248px; } }
        .home-new .home-images .home-img.home-img2:after {
          content: '';
          display: block;
          padding-bottom: 81.82%; }
          @media screen and (min-width: 0) and (max-width: 991px) {
            .home-new .home-images .home-img.home-img2:after {
              padding-bottom: 81.80%;  } }
        .home-new .home-images .home-img.home-img2 .detail {
          top: 20%; }
          @media screen and (min-width: 0) and (max-width: 991px) {
            .home-new .home-images .home-img.home-img2 .detail {
              position: absolute;
              left: 50%;
              -webkit-transform: translateX(-50%);
              -moz-transform: translateX(-50%);
              -ms-transform: translateX(-50%);
              -o-transform: translateX(-50%);
              transform: translateX(-50%);
              top: auto;
              bottom: -260px; } }
              
              
      .home-new .home-images .home-img.home-img3 {
        background-image: url("../images/home/img3.jpg");
        background-size: cover; }
        @media screen and (min-width: 0) and (max-width: 991px) {
          .home-new .home-images .home-img.home-img3 {
            background-image: url("../images/home/img3-mobile.jpg");
            margin-bottom: 248px;} }
        .home-new .home-images .home-img.home-img3:after {
          content: '';
          display: block;
          padding-bottom:117.23%;  }
          @media screen and (min-width: 0) and (max-width: 991px) {
            .home-new .home-images .home-img.home-img3:after {
              padding-bottom: 116.77%;  } }
        .home-new .home-images .home-img.home-img3 .detail {
          top: 35%; }
          @media screen and (min-width: 0) and (max-width: 991px) {
            .home-new .home-images .home-img.home-img3 .detail {
              position: absolute;
              left: 50%;
              -webkit-transform: translateX(-50%);
              -moz-transform: translateX(-50%);
              -ms-transform: translateX(-50%);
              -o-transform: translateX(-50%);
              transform: translateX(-50%);
              top: auto;
              bottom: -260px; } }
              
              
              
      .home-new .home-images .home-img.home-img4 {
        background-image: url("../images/home/img4.jpg");
        background-size: cover; }
        @media screen and (min-width: 0) and (max-width: 991px) {
          .home-new .home-images .home-img.home-img4 {
            background-image: url("../images/home/img4-mobile.jpg");
            margin-bottom: 248px;} }
        .home-new .home-images .home-img.home-img4:after {
          content: '';
          display: block;
          padding-bottom:69.73%;  }
          @media screen and (min-width: 0) and (max-width: 991px) {
            .home-new .home-images .home-img.home-img4:after {
              padding-bottom: 68.98%;  } }
        .home-new .home-images .home-img.home-img4 .detail {
          top: 70%; }
          @media screen and (min-width: 0) and (max-width: 991px) {
            .home-new .home-images .home-img.home-img4 .detail {
              position: absolute;
              left: 50%;
              -webkit-transform: translateX(-50%);
              -moz-transform: translateX(-50%);
              -ms-transform: translateX(-50%);
              -o-transform: translateX(-50%);
              transform: translateX(-50%);
              top: auto;
              bottom: -260px; } }
              
              
              
  .home-new .home-content {
    position: relative;
    z-index: 4; }
    .home-new .home-content .home-beanartist {
      background-color: #000;
      width: 100%;
      padding: 15vw 0;
      text-align: center; }
      .home-new .home-content .home-beanartist a {
        font-family: 'AkzidenzGroteskBQ-BoldItalic', sans-serif;
        font-size: 150px;
        font-size: 14vw;
        color: #000;
        text-decoration: none;
        text-shadow: -1px 0 #ffe900, 0 1px #ffe900, 1px 0 #ffe900, 0 -1px #ffe900;
        /*-webkit-text-stroke: 1px #000;*/
        -webkit-transition: color 300ms ease-in-out;
        -moz-transition: color 300ms ease-in-out;
        -ms-transition: color 300ms ease-in-out;
        transition: color 300ms ease-in-out; }
        @media screen and (min-width: 0) and (max-width: 1024px) {
          .home-new .home-content .home-beanartist a {
            color: #000;
            text-decoration: none;
            text-shadow: -1px 0 #ffe900, 0 1px #ffe900, 1px 0 #ffe900, 0 -1px #ffe900; } }
        .home-new .home-content .home-beanartist a:hover {
          color: #ffe900; }
          .home-new .home-content .home-beanartist a:hover + div {
            opacity: 1; }
      .home-new .home-content .home-beanartist > img {
        display: block;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        top: -29px; }
    .home-new .home-content .home-grid {
      background: #f1f1f1;
      padding: 80px 0; }
      @media screen and (min-width: 0) and (max-width: 767px) {
        .home-new .home-content .home-grid {
          padding: 40px 0 0; } }
      .home-new .home-content .home-grid .container {
        overflow: hidden; }
      .home-new .home-content .home-grid ul {
        *zoom: 1;
        margin-left: 6px;
        margin-right: 6px; }
        .home-new .home-content .home-grid ul:before, .home-new .home-content .home-grid ul:after {
          display: table;
          clear: both;
          content: "";
          line-height: 0; }
        .home-new .home-content .home-grid ul li {
          float: left;
          width: 25%;
          text-align: center; }
          @media screen and (min-width: 0) and (max-width: 767px) {
            .home-new .home-content .home-grid ul li {
              width: 50%;
              margin-bottom: 40px; } }
          .home-new .home-content .home-grid ul li a {
            display: block;
            text-decoration: none;
            color: #000;
            font-family: 'brandon_grotesque_regularRg', sans-serif;
            text-transform: uppercase;
            font-size: 16px;
            letter-spacing: 0.1em;
            padding: 0 6px; }
            @media screen and (min-width: 992px) and (max-width: 1279px) {
              .home-new .home-content .home-grid ul li a {
                font-size: 14px; } }
            @media screen and (min-width: 768px) and (max-width: 991px) {
              .home-new .home-content .home-grid ul li a {
                font-size: 13px; } }
            @media screen and (min-width: 0) and (max-width: 767px) {
              .home-new .home-content .home-grid ul li a {
                font-size: 12px; } }
            .home-new .home-content .home-grid ul li a .img {
              width: 100%;
              overflow: hidden;
              position: relative; }
              .home-new .home-content .home-grid ul li a .img img {
                -webkit-transform-origin: center;
                -moz-transform-origin: center;
                -ms-transform-origin: center;
                transform-origin: center;
                -webkit-transition: all 300ms ease-in-out;
                -moz-transition: all 300ms ease-in-out;
                -ms-transition: all 300ms ease-in-out;
                transition: all 300ms ease-in-out;
                width: 100%;
                display: block; }
            .home-new .home-content .home-grid ul li a .txt {
              padding-top: 20px; }
              @media screen and (min-width: 0) and (max-width: 767px) {
                .home-new .home-content .home-grid ul li a .txt {
                  padding-top: 10px; } }
            .home-new .home-content .home-grid ul li a:hover .img img {
              -webkit-transform: scale(1.1, 1.1);
              -moz-transform: scale(1.1, 1.1);
              -ms-transform: scale(1.1, 1.1);
              transform: scale(1.1, 1.1); }

/*# sourceMappingURL=home.css.map */