@font-face {
  font-family: FakePearl-Regular;
  src: url(https://cdn.jsdelivr.net/gh/max32002/FakePearl@1.1/webfont/FakePearl-Regular.woff2) format("woff2"), url(https://cdn.jsdelivr.net/gh/max32002/FakePearl@1.1/webfont/FakePearl-Regular.woff) format("woff"); }
body {
  font-family: "FakePearl-Regular", sans-serif;
  font-size: 18px; }

.content-wrap {
  width: 900px; }

a {
  text-decoration: none; }

p {
  font-size: 18px;
  line-height: 1.4; }

h1 {
  font-size: 60px; }

h2 {
  margin: 0 auto;
  width: 900px;
  font-size: 60px;
  text-transform: uppercase;
  color: #c0903e; }

h3 {
  font-size: 24px; }

h4 {
  font-size: 24px;
  line-height: 1.4; }

.float-nav .icon {
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  background-color: #d7ad64;
  background-size: cover;
  background-position: left;
  background-repeat: no-repeat; }
  .float-nav .icon:hover, .float-nav .icon.hover {
    background-color: #713115;
    background-position: right; }
.float-nav .news .icon {
  background-image: url(../images/whittakers-chocolate/icon-news.png); }
.float-nav .about .icon {
  background-image: url(../images/whittakers-chocolate/icon-about.png); }
.float-nav .products .icon {
  background-image: url(../images/whittakers-chocolate/icon-prod.png); }
.float-nav .faq .icon {
  background-image: url(../images/whittakers-chocolate/icon-faq.png); }
.float-nav .contact .icon {
  background-image: url(../images/whittakers-chocolate/icon-contact.png); }
.float-nav .top .icon {
  background-image: url(../images/whittakers-chocolate/icon-top.png); }

#header {
  padding: 20px 200px 0 200px;
  height: 145px;
  line-height: normal;
  background: #542e1b; }
  #header .logo {
    background: url(../images/whittakers-chocolate/logo.png) no-repeat;
    background-size: cover;
    width: 310px;
    height: 115px; }
  #header .nav {
    margin-top: 10px;
    padding: 10px 0; }
    #header .nav li {
      font-size: 18px;
      margin: 0;
      padding-left: 10px;
      background: url(../images/whittakers-chocolate/item-bg.png) no-repeat left center; }
      #header .nav li:first-child {
        margin-left: 20px; }
      #header .nav li a {
        text-align: left;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        *zoom: 1;
        *display: inline;
        width: 85px;
        color: #fff; }
        #header .nav li a span {
          display: block;
          line-height: normal; }
        #header .nav li a .en {
          font-size: 14px; }

.slide-kv {
  background-color: #e0d5c1;
  margin-top: -30px; }
  .slide-kv img {
    width: 100%; }

.slide-about {
  background-color: #e0d5c1; }
  .slide-about .slide-content {
    text-align: center; }

.slide-news {
  background-color: #e0d5c1; }

.news-list li {
  margin-bottom: 20px; }
.news-list .news-title {
  padding: 2px 0 10px 60px;
  background: url(../images/whittakers-chocolate/news-bg.png) no-repeat; }
  .news-list .news-title .date {
    color: #542e1b; }
  .news-list .news-title .title {
    color: #542e1b; }
.news-list .data-wrap {
  background-color: #eee;
  margin-left: 10px;
  padding: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px; }

.group-title {
  color: #fefeff;
  width: 850px;
  margin: 0 auto;
  padding: 10px 25px 10px 15px;
  background: url(../images/whittakers-chocolate/group-bg.png) no-repeat left center; }

.slide-products {
  background: #542e1b; }
  .slide-products .slide-title {
    color: #e0d5c1; }

.prod-list {
  width: 1100px;
  margin: 0 auto;
  margin-bottom: 50px; }
  .prod-list .prod-item {
    position: relative; }
    .prod-list .prod-item .hover {
      position: absolute;
      width: 312px;
      height: 312px;
      -moz-border-radius: 156px;
      -webkit-border-radius: 156px;
      border-radius: 156px;
      left: 50%;
      top: 50%;
      margin: -182px 0 0 -157px;
      background: #e2c285 url(../images/whittakers-chocolate/icon-open.png) center no-repeat;
      opacity: .2;
      display: none;
      cursor: pointer; }
    .prod-list .prod-item:hover .hover {
      display: block; }
    .prod-list .prod-item:hover .prod-title {
      opacity: 1; }
    .prod-list .prod-item a {
      width: 312px;
      height: 312px;
      -moz-border-radius: 156px;
      -webkit-border-radius: 156px;
      border-radius: 156px;
      margin: 0 auto; }
      .prod-list .prod-item a img {
        width: 100%; }
    .prod-list .prod-item.focus a {
      background-color: #704c30; }
  .prod-list .prod-title {
    opacity: 0; }
    .prod-list .prod-title .prod-title-ch {
      color: #e0d5c1; }
    .prod-list .prod-title .prod-title-en {
      font-size: 20px;
      color: #d7ad64;
      font-weight: 300; }
  .prod-list .focus .prod-title {
    opacity: 1; }

.prod-detail {
  background-color: #ffe8cc;
  margin-bottom: 0; }
  .prod-detail .title {
    color: #ad7c28;
    font-size: 20px;
    font-weight: normal;
    padding: 0 0 0 10px;
    background: url(../images/whittakers-chocolate/prod-prop-bg.png) no-repeat; }
  .prod-detail .txt {
    padding-left: 10px;
    color: #4b4d52; }
  .prod-detail .price .txt {
    padding-left: 0;
    font-size: 24px; }
  .prod-detail .feature {
    color: #4b4d52;
    padding: 0 0 10px 10px;
    line-height: 1.8; }
  .prod-detail .close-btn {
    right: 280px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    background: #fff url(../images/whittakers-chocolate/icon-close.png) no-repeat center/100%; }

.slide-faq {
  background-color: #d7ad64; }
  .slide-faq .slide-title {
    color: #542e1b; }

.faq-list li {
  margin-bottom: 20px; }
.faq-list .question {
  color: #88481a;
  padding: 2px 0 10px 60px;
  background: url(../images/whittakers-chocolate/faq-bg.png) no-repeat; }
.faq-list .answer {
  background-color: #eee;
  margin-left: 10px;
  padding: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px; }
  .faq-list .answer img {
    width: 100%; }

.slide-contact .slide-title {
  color: #d7ad64; }

.contact-list {
  margin-top: 10vh; }
  .contact-list li {
    margin: 0 12px; }
  .contact-list .icon {
    -moz-border-radius: 90px;
    -webkit-border-radius: 90px;
    border-radius: 90px;
    background-color: #d7ad64;
    background-size: 50%;
    background-position: center;
    background-repeat: no-repeat; }
    .contact-list .icon:hover {
      background-color: #542e1b;
      opacity: .8; }
  .contact-list .email .icon {
    background-image: url(../images/whittakers-chocolate/contact-email.png); }
  .contact-list .fb .icon {
    background-image: url(../images/whittakers-chocolate/contact-fb.png); }
  .contact-list .ig .icon {
    background-image: url(../images/whittakers-chocolate/contact-ig.png); }
  .contact-list .yt .icon {
    background-image: url(../images/whittakers-chocolate/contact-yt.png); }

/*# sourceMappingURL=whittakers-chocolate.css.map */