@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: 'Graphik';
  src: url('Graphik-Light.woff2') format('woff2'),
    url('Graphik-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Graphik';
  src: url('Graphik-Regular.woff2') format('woff2'),
    url('Graphik-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Graphik';
  src: url('Graphik-Medium.woff2') format('woff2'),
    url('Graphik-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url('Graphik-Semibold.woff2') format('woff2'),
    url('Graphik-Semibold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Graphik';
  src: url('Graphik-Bold.woff2') format('woff2'),
    url('Graphik-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Graphik';
  src: url('Graphik-Black.woff2') format('woff2'),
    url('Graphik-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
}
/*===============================*/
.show-479,
.show-tab,
.show-767,
.show-400,
.show-340,
.show-desk {
  display: none;
}
.hide-desk {
  display: block;
}
.hide-400 {
  display: inline-block;
}
@media only screen and (max-width: 1180px) {
  .show-desk {
    display: block;
  }
  .hide-desk {
    display: none;
  }
}
@media only screen and (max-width: 1013px) {
  .show-tab {
    display: block;
  }
  .hide-tab {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .hide-767 {
    display: none;
  }
  .show-767 {
    display: block;
  }
}
@media only screen and (max-width: 479px) {
  .show-479 {
    display: block;
  }
  .hide-479 {
    display: none;
  }
}
@media only screen and (max-width: 400px) {
  .show-400 {
    display: block;
  }
  .hide-400 {
    display: none;
  }
}
@media only screen and (max-width: 359px) {
  .hide-359 {
    display: none;
  }
}
@media only screen and (max-width: 340px) {
  .show-340 {
    display: block;
  }
}
.btn-grdnt {
  background: #f8cd20;
  background: -webkit-linear-gradient(#f8cd20, #f5a200);
  background: -moz-linear-gradient(#f8cd20, #f5a200);
  background: -o-linear-gradient(#f8cd20, #f5a200);
  background: linear-gradient(#f8cd20, #f5a200);
}
.btn-grdnt:hover {
  background: #79b121;
  background: -webkit-linear-gradient(#f5a200, #f8cd20);
  background: -moz-linear-gradient(#f5a200, #f8cd20);
  background: -o-linear-gradient(#f5a200, #f8cd20);
  background: linear-gradient(#f5a200, #f8cd20);
}
.cartbtn {
  height: 123px;
  width: 770px;
  margin: 48px auto 0 auto;
  display: block;
  border: none;
  border-bottom: 1px solid #44515b;
  font-weight: 600;
  font-size: 44px;
  line-height: 123px;
  text-align: center;
  color: #fff;
  text-shadow: 2px 2px #b47e06;
}
.up-btn,
a.pkgbtn {
  display: block;
  border: none;
  border-bottom: 2px solid #d2d4d5;
  font-weight: 600;
  text-align: center;
  color: #fff;
  text-shadow: 2px 2px #b47e06;
  font-size: 36px;
  line-height: 83px;
  width: 520px;
  height: 83px;
  margin: 40px auto 0 auto;
  border-radius: 4px;
  outline: none;
}
.up-box {
  margin: 10px 25px;
}
a.pkgbtn {
  width: 90%;
  margin: 50px auto 0 auto;
  border: none;
}
.pkg1-ship,
.pkg2-ship {
  font-weight: 600;
  font-size: 24px;
  line-height: 28px;
}
@media only screen and (max-width: 1013px) {
  .cartbtn {
    width: 600px;
    font-size: 34px;
  }
  a.pkgbtn {
    height: 73px;
    line-height: 73px;
    font-size: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .cartbtn {
    width: 100%;
    font-size: 32px;
    height: 100px;
    line-height: 100px;
    margin: 30px auto 0 auto;
  }
  .up-btn {
    font-size: 28px;
    line-height: 55px;
    width: 90%;
    height: 55px;
    margin: 30px auto 0 auto;
  }
  a.pkgbtn {
    height: 63px;
    line-height: 63px;
    font-size: 26px;
    margin: 5px auto 0 auto;
  }
}
@media only screen and (max-width: 479px) {
  .cartbtn {
    font-size: 26px;
    height: 70px;
    line-height: 70px;
  }
  .up-btn {
    font-size: 24px;
    width: 100%;
  }
  a.pkgbtn {
    height: 63px;
    line-height: 63px;
    font-size: 26px;
    margin: 5px auto 0 auto;
  }
}

@media only screen and (max-width: 390px) {
  .cartbtn {
    font-size: 22px;
  }
}

@media only screen and (max-width: 360px) {
  .up-btn {
    font-size: 20px;
  }
}