.countries .mv {
  width: 100%;
  height: 720px;
  background-color: #000;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }
  .countries .mv[data-place="korea"] {
    background-image: url(../../images/korea/mv.png); }
  .countries .mv[data-place="taiwan"] {
    background-image: url(../../images/taiwan/mv.png); }
  .countries .mv[data-place="europe"] {
    background-image: url(../../images/europe/mv.png); }
  @media only screen and (max-width: 980px) {
    .countries .mv {
      height: 500px; } }
  @media only screen and (max-width: 640px) {
    .countries .mv {
      height: 226px; } }
.countries .sign {
  background-color: #cbc741;
  padding: 40px 0 80px; }
  @media only screen and (max-width: 640px) {
    .countries .sign {
      padding: 30px 0 40px; } }
  .countries .sign__hl {
    font-size: 80px;
    font-size: 8rem;
    font-family: restra, "Times New Roman", Times, Georgia, Roboto, "Droid Sans", serif;
    letter-spacing: 0.01em !important;
    line-height: 1.1;
    color: #1b6688;
    text-align: center;
    margin-bottom: 80px; }
    @media only screen and (max-width: 640px) {
      .countries .sign__hl {
        font-size: 37px;
        font-size: 3.7rem;
        margin-bottom: 30px; } }
  .countries .sign__btn {
    width: 330px;
    padding: 20px;
    font-size: 20px;
    font-size: 2rem;
    margin-left: auto;
    margin-right: auto; }
    @media only screen and (max-width: 640px) {
      .countries .sign__btn {
        padding: 12px;
        font-size: 15px;
        font-size: 1.5rem;
        width: 155px; } }
.countries .online {
  background-color: #0f7e58;
  padding: 60px 0 50px;
  color: #fff; }
  @media only screen and (max-width: 640px) {
    .countries .online {
      padding: 30px 0 40px; } }
  .countries .online__holder {
    display: flex;
    justify-content: space-between; }
    @media only screen and (max-width: 980px) {
      .countries .online__holder {
        display: block; } }
    .countries .online__holder__texts {
      width: 46%; }
      @media only screen and (max-width: 980px) {
        .countries .online__holder__texts {
          width: 100%;
          margin-bottom: 20px; } }
      .countries .online__holder__texts__hl {
        font-size: 80px;
        font-size: 8rem;
        font-family: restra, "Times New Roman", Times, Georgia, Roboto, "Droid Sans", serif;
        letter-spacing: 0.01em !important;
        line-height: 1.1;
        margin-bottom: 80px; }
        @media only screen and (max-width: 640px) {
          .countries .online__holder__texts__hl {
            font-size: 37px;
            font-size: 3.7rem;
            margin-bottom: 20px; } }
      .countries .online__holder__texts__status__date {
        font-size: 40px;
        font-size: 4rem;
        font-weight: 600;
        line-height: 1.1; }
        @media only screen and (max-width: 640px) {
          .countries .online__holder__texts__status__date {
            font-size: 17px;
            font-size: 1.7rem; } }
      .countries .online__holder__texts__status__place {
        font-size: 50px;
        font-size: 5rem;
        font-weight: 600;
        line-height: 1.1; }
        @media only screen and (max-width: 640px) {
          .countries .online__holder__texts__status__place {
            font-size: 27px;
            font-size: 2.7rem; } }
      .countries .online__holder__texts__status__name {
        font-size: 50px;
        font-size: 5rem;
        font-weight: 600;
        line-height: 1.1;
        margin-bottom: 50px; }
        @media only screen and (max-width: 640px) {
          .countries .online__holder__texts__status__name {
            font-size: 27px;
            font-size: 2.7rem;
            margin-bottom: 20px; } }
      .countries .online__holder__texts__status__guest {
        font-size: 30px;
        font-size: 3rem;
        font-weight: 600;
        line-height: 1.1;
        margin-bottom: 30px; }
        @media only screen and (max-width: 640px) {
          .countries .online__holder__texts__status__guest {
            font-size: 14px;
            font-size: 1.4rem;
            margin-bottom: 10px; } }
      .countries .online__holder__texts__status__location {
        font-size: 30px;
        font-size: 3rem;
        font-weight: 600;
        line-height: 1.1;
        margin-bottom: 80px; }
        @media only screen and (max-width: 640px) {
          .countries .online__holder__texts__status__location {
            font-size: 14px;
            font-size: 1.4rem; } }
    .countries .online__holder__fig {
      width: 52%; }
      @media only screen and (max-width: 980px) {
        .countries .online__holder__fig {
          width: 100%; } }
      .countries .online__holder__fig__lgPhoto {
        display: block; }
        @media only screen and (max-width: 980px) {
          .countries .online__holder__fig__lgPhoto {
            display: none; } }
      .countries .online__holder__fig__xsPhoto {
        display: none; }
        @media only screen and (max-width: 980px) {
          .countries .online__holder__fig__xsPhoto {
            display: block; } }
        .countries .online__holder__fig__xsPhoto > img {
          width: 100%; }
.countries .offline {
  background-color: #0f7e58;
  padding: 60px 0 50px;
  color: #fff; }
  @media only screen and (max-width: 640px) {
    .countries .offline {
      padding: 30px 0 40px; } }
  .countries .offline__hl {
    font-size: 80px;
    font-size: 8rem;
    font-family: restra, "Times New Roman", Times, Georgia, Roboto, "Droid Sans", serif;
    letter-spacing: 0.01em !important;
    line-height: 1.1;
    margin-bottom: 40px;
    text-align: center; }
    @media only screen and (max-width: 640px) {
      .countries .offline__hl {
        font-size: 37px;
        font-size: 3.7rem;
        margin-bottom: 20px; } }
  .countries .offline__rt {
    text-align: center;
    margin-bottom: 100px; }
  .countries .offline__eachPlace {
    position: relative;
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px; }
    .countries .offline__eachPlace__status {
      width: 440px;
      width: 36%;
      font-weight: 700; }
      @media only screen and (max-width: 980px) {
        .countries .offline__eachPlace__status {
          width: 49%; } }
      .countries .offline__eachPlace__status__date {
        font-size: 30px;
        font-size: 3rem;
        line-height: 1.1;
        margin-bottom: 10px; }
        @media only screen and (max-width: 640px) {
          .countries .offline__eachPlace__status__date {
            font-size: 14px;
            font-size: 1.4rem; } }
      .countries .offline__eachPlace__status__place {
        font-size: 50px;
        font-size: 5rem;
        line-height: 1.1;
        margin-bottom: 20px; }
        @media only screen and (max-width: 640px) {
          .countries .offline__eachPlace__status__place {
            font-size: 24px;
            font-size: 2.4rem; } }
      .countries .offline__eachPlace__status__name {
        font-size: 30px;
        font-size: 3rem;
        line-height: 1.1;
        margin-bottom: 10px; }
        @media only screen and (max-width: 640px) {
          .countries .offline__eachPlace__status__name {
            font-size: 14px;
            font-size: 1.4rem; } }
      .countries .offline__eachPlace__status__guest {
        font-size: 30px;
        font-size: 3rem;
        line-height: 1.1; }
        @media only screen and (max-width: 640px) {
          .countries .offline__eachPlace__status__guest {
            font-size: 14px;
            font-size: 1.4rem; } }
      .countries .offline__eachPlace__status__btn {
        width: 330px;
        margin-top: 50px; }
        @media only screen and (max-width: 640px) {
          .countries .offline__eachPlace__status__btn {
            width: 155px;
            margin-top: 20px; } }
    .countries .offline__eachPlace__map {
      overflow: hidden;
      position: relative;
      width: 840px;
      width: 62%;
      height: 390px;
      background-color: #000; }
      @media only screen and (max-width: 980px) {
        .countries .offline__eachPlace__map {
          width: 49%; } }
      @media only screen and (max-width: 640px) {
        .countries .offline__eachPlace__map {
          height: 200px; } }
      .countries .offline__eachPlace__map > iframe {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%; }
.countries .overview {
  position: relative; }
  .countries .overview__hl {
    position: absolute;
    top: 20px;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 80px;
    font-size: 8rem;
    font-family: restra, "Times New Roman", Times, Georgia, Roboto, "Droid Sans", serif;
    letter-spacing: 0.01em !important;
    line-height: 1.1;
    z-index: 2; }
    @media only screen and (max-width: 980px) {
      .countries .overview__hl {
        font-size: 50px;
        font-size: 5rem; } }
    @media only screen and (max-width: 640px) {
      .countries .overview__hl {
        font-size: 37px;
        font-size: 3.7rem; } }
  .countries .overview__menu {
    display: flex;
    flex-wrap: wrap; }
    @media only screen and (max-width: 640px) {
      .countries .overview__menu {
        display: block; } }
    .countries .overview__menu__eachMenu {
      position: relative;
      width: 50%;
      height: 700px; }
      @media only screen and (max-width: 980px) {
        .countries .overview__menu__eachMenu {
          height: 500px; } }
      @media only screen and (max-width: 640px) {
        .countries .overview__menu__eachMenu {
          width: 100%;
          height: auto;
          padding: 0 !important; }
          .countries .overview__menu__eachMenu:before {
            top: 0 !important;
            left: 0 !important;
            width: 100vw !important;
            height: 100% !important;
            transform: translateX(-20px); } }
      .countries .overview__menu__eachMenu[data-menu="presentation"] {
        padding-top: 130px;
        padding-right: 50px; }
        .countries .overview__menu__eachMenu[data-menu="presentation"]:before {
          content: "";
          display: block;
          position: absolute;
          top: 0;
          right: 0;
          width: 50vw;
          height: 100%;
          background-color: #cbc741; }
        @media only screen and (max-width: 640px) {
          .countries .overview__menu__eachMenu[data-menu="presentation"] .overview__menu__eachMenu__elements {
            padding-top: 100px; } }
        @media only screen and (max-width: 640px) {
          .countries .overview__menu__eachMenu[data-menu="presentation"] .overview__menu__eachMenu__elements__hl {
            text-align: center; } }
        @media only screen and (max-width: 640px) {
          .countries .overview__menu__eachMenu[data-menu="presentation"] .overview__menu__eachMenu__elements__rt {
            margin-bottom: 20px; } }
        .countries .overview__menu__eachMenu[data-menu="presentation"] .overview__menu__eachMenu__fig {
          position: absolute;
          bottom: 0;
          left: 50%;
          transform: translateX(-50%);
          width: 80%; }
          @media only screen and (max-width: 640px) {
            .countries .overview__menu__eachMenu[data-menu="presentation"] .overview__menu__eachMenu__fig {
              position: static;
              transform: translateX(0);
              width: 252px;
              margin-left: auto;
              margin-right: auto; } }
      .countries .overview__menu__eachMenu[data-menu="cupping"] {
        padding-top: 130px;
        padding-left: 28%;
        min-height: 300px; }
        .countries .overview__menu__eachMenu[data-menu="cupping"]:before {
          content: "";
          display: block;
          position: absolute;
          top: 0;
          left: 0;
          width: 50vw;
          height: 100%;
          background-color: #f4efe5; }
        @media only screen and (max-width: 640px) {
          .countries .overview__menu__eachMenu[data-menu="cupping"] .overview__menu__eachMenu__elements {
            padding-top: 30px;
            padding-bottom: 30px;
            padding-left: 180px; } }
        .countries .overview__menu__eachMenu[data-menu="cupping"] .overview__menu__eachMenu__fig {
          position: absolute;
          bottom: 0;
          left: 20px;
          width: 48%; }
          @media only screen and (max-width: 640px) {
            .countries .overview__menu__eachMenu[data-menu="cupping"] .overview__menu__eachMenu__fig {
              left: 0;
              width: 165px; } }
      .countries .overview__menu__eachMenu[data-menu="specialtalk"] {
        padding-top: 50px;
        padding-right: 26%;
        min-height: 360px; }
        .countries .overview__menu__eachMenu[data-menu="specialtalk"]:before {
          content: "";
          display: block;
          position: absolute;
          top: 0;
          right: 0;
          width: 50vw;
          height: 100%;
          background-color: #d8d8d8; }
        @media only screen and (max-width: 640px) {
          .countries .overview__menu__eachMenu[data-menu="specialtalk"] .overview__menu__eachMenu__elements {
            padding-top: 30px;
            padding-right: 160px;
            padding-bottom: 30px; } }
        .countries .overview__menu__eachMenu[data-menu="specialtalk"] .overview__menu__eachMenu__fig {
          position: absolute;
          bottom: 0;
          right: 20px;
          width: 40%; }
          @media only screen and (max-width: 640px) {
            .countries .overview__menu__eachMenu[data-menu="specialtalk"] .overview__menu__eachMenu__fig {
              right: 0;
              width: 130px; } }
      .countries .overview__menu__eachMenu[data-menu="dialog"] {
        padding-top: 50px;
        padding-left: 50px;
        padding-right: 15%; }
        .countries .overview__menu__eachMenu[data-menu="dialog"]:before {
          content: "";
          display: block;
          position: absolute;
          top: 0;
          left: 0;
          width: 50vw;
          height: 100%;
          background-color: #e34837; }
        @media only screen and (max-width: 640px) {
          .countries .overview__menu__eachMenu[data-menu="dialog"] .overview__menu__eachMenu__elements {
            padding-top: 30px;
            padding-bottom: 20px; } }
        .countries .overview__menu__eachMenu[data-menu="dialog"] .overview__menu__eachMenu__fig {
          position: absolute;
          bottom: 0;
          right: 0;
          width: 77%; }
          @media only screen and (max-width: 640px) {
            .countries .overview__menu__eachMenu[data-menu="dialog"] .overview__menu__eachMenu__fig {
              position: relative;
              width: 200px;
              margin-left: auto;
              margin-right: auto;
              padding-bottom: 20px; } }
      .countries .overview__menu__eachMenu__elements {
        position: relative; }
        .countries .overview__menu__eachMenu__elements__hl {
          font-size: 50px;
          font-size: 5rem;
          font-weight: 700;
          margin-bottom: 20px;
          white-space: nowrap; }
          @media only screen and (max-width: 980px) {
            .countries .overview__menu__eachMenu__elements__hl {
              font-size: 30px;
              font-size: 3rem; } }
          @media only screen and (max-width: 640px) {
            .countries .overview__menu__eachMenu__elements__hl {
              font-size: 30px;
              font-size: 3rem; } }
        .countries .overview__menu__eachMenu__elements__rt {
          font-size: 21px;
          font-size: 2.1rem; }
          @media only screen and (max-width: 980px) {
            .countries .overview__menu__eachMenu__elements__rt {
              font-size: 15px;
              font-size: 1.5rem; } }
.countries .attention {
  background-color: #d1c4aa;
  padding: 80px 0 80px; }
  @media only screen and (max-width: 640px) {
    .countries .attention {
      padding: 40px 0 40px; } }
  .countries .attention__hl {
    font-size: 80px;
    font-size: 8rem;
    font-family: restra, "Times New Roman", Times, Georgia, Roboto, "Droid Sans", serif;
    letter-spacing: 0.01em !important;
    line-height: 1.1;
    text-align: center;
    margin-bottom: 80px;
    text-align: center; }
    @media only screen and (max-width: 640px) {
      .countries .attention__hl {
        font-size: 30px;
        font-size: 3rem;
        text-align: left;
        margin-bottom: 40px; } }
  .countries .attention__eachTextBlock {
    margin-bottom: 80px; }
    @media only screen and (max-width: 640px) {
      .countries .attention__eachTextBlock {
        margin-bottom: 40px; } }
    .countries .attention__eachTextBlock__hl {
      font-size: 40px;
      font-size: 4rem;
      margin-bottom: 30px; }
      @media only screen and (max-width: 640px) {
        .countries .attention__eachTextBlock__hl {
          font-size: 20px;
          font-size: 2rem;
          margin-bottom: 20px; } }
  .countries .attention__btn {
    width: 330px;
    margin-left: auto;
    margin-right: auto; }
    @media only screen and (max-width: 640px) {
      .countries .attention__btn {
        width: 155px; } }
.countries .roasters {
  background-color: #cbc741;
  padding: 50px 0 70px; }
  @media only screen and (max-width: 640px) {
    .countries .roasters {
      padding: 40px 0 40px; } }
  .countries .roasters__hl {
    font-size: 80px;
    font-size: 8rem;
    font-family: restra, "Times New Roman", Times, Georgia, Roboto, "Droid Sans", serif;
    letter-spacing: 0.01em !important;
    line-height: 1.1;
    margin-bottom: 80px; }
    @media only screen and (max-width: 640px) {
      .countries .roasters__hl {
        font-size: 30px;
        font-size: 3rem;
        text-align: left;
        margin-bottom: 40px; } }
  .countries .roasters__holder {
    display: flex;
    justify-content: flex-end; }
    @media only screen and (max-width: 640px) {
      .countries .roasters__holder {
        display: block; } }
    .countries .roasters__holder__elements {
      width: 1040px;
      width: 80%; }
      @media only screen and (max-width: 980px) {
        .countries .roasters__holder__elements {
          width: 100%; } }
.countries .scrollToContact {
  background-color: #f4efe5;
  padding: 40px 0;
  color: #1b6688; }
  .countries .scrollToContact__holder {
    display: flex;
    align-items: center; }
    @media only screen and (max-width: 640px) {
      .countries .scrollToContact__holder {
        display: block; } }
    .countries .scrollToContact__holder__text {
      width: calc(100% - 300px);
      font-size: 80px;
      font-size: 8rem;
      font-family: restra, "Times New Roman", Times, Georgia, Roboto, "Droid Sans", serif;
      letter-spacing: 0.01em !important;
      line-height: 1.1; }
      @media only screen and (max-width: 980px) {
        .countries .scrollToContact__holder__text {
          width: calc(100% - 185px); } }
      @media only screen and (max-width: 640px) {
        .countries .scrollToContact__holder__text {
          width: 100%;
          font-size: 20px;
          font-size: 2rem;
          text-align: center;
          margin-bottom: 20px; } }
    .countries .scrollToContact__holder__btn {
      width: 300px; }
      @media only screen and (max-width: 980px) {
        .countries .scrollToContact__holder__btn {
          width: 185px; } }
      @media only screen and (max-width: 640px) {
        .countries .scrollToContact__holder__btn {
          margin-left: auto;
          margin-right: auto; } }

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