@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: #fff; }

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: #ffe8cc;
  background-size: cover;
  background-position: left;
  background-repeat: no-repeat; }
  .float-nav .icon:hover, .float-nav .icon.hover {
    background-color: #ff8a76;
    background-position: right; }
.float-nav .news .icon {
  background-image: url(../images/bellotta-petfood/icon-news.png); }
.float-nav .about .icon {
  background-image: url(../images/bellotta-petfood/icon-about.png); }
.float-nav .products .icon {
  background-image: url(../images/bellotta-petfood/icon-prod.png); }
.float-nav .faq .icon {
  background-image: url(../images/bellotta-petfood/icon-faq.png); }
.float-nav .contact .icon {
  background-image: url(../images/bellotta-petfood/icon-contact.png); }
.float-nav .top .icon {
  background-image: url(../images/bellotta-petfood/icon-top.png); }

#header {
  padding: 20px 225px;
  height: 112px;
  line-height: normal;
  background: #ffe8cc; }
  #header .logo {
    background: url(../images/bellotta-petfood/logo.png) no-repeat;
    background-size: cover;
    width: 322px;
    height: 96px;
    margin-left: 50px; }
  #header .nav {
    background-color: #fff;
    margin-top: 10px;
    padding: 10px 0;
    -moz-border-radius: 32px;
    -webkit-border-radius: 32px;
    border-radius: 32px;
    border: 2px solid #d5bd70; }
    #header .nav li {
      font-size: 20px;
      margin: 0; }
      #header .nav li:first-child {
        margin-left: 20px; }
      #header .nav li:last-child {
        margin-right: 40px; }
      #header .nav li a {
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        *zoom: 1;
        *display: inline;
        width: 100px;
        color: #c5a55a; }
        #header .nav li a span {
          display: block;
          line-height: normal; }
        #header .nav li a .en {
          font-size: 14px; }

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

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

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

.news-list li {
  margin-bottom: 20px; }
.news-list .news-title {
  padding: 5px 0 10px 40px;
  background: url(../images/bellotta-petfood/news-bg.png) no-repeat; }
  .news-list .news-title .date {
    color: #ffe8cc; }
  .news-list .news-title .title {
    color: #fff; }
.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;
  margin-top: 20px;
  margin-left: 20vw;
  padding: 10px 25px 10px 55px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
  background: #ff8a76 url(../images/bellotta-petfood/group-bg.png) no-repeat 20px center;
  display: inline-block; }

.slide-products .slide-title {
  color: #ee6a53; }

.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: #c2ebf1 url(../images/bellotta-petfood/icon-open.png) center no-repeat;
      opacity: .6;
      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: #c2ebf1; }
  .prod-list .prod-title {
    opacity: 0; }
    .prod-list .prod-title .prod-title-ch {
      color: #64cedc; }
    .prod-list .prod-title .prod-title-en {
      font-size: 20px;
      color: #7d7d7d;
      font-weight: 300; }
  .prod-list .focus .prod-title {
    opacity: 1; }

.prod-detail {
  background-color: #ffe8cc;
  margin-bottom: 0; }
  .prod-detail .title {
    color: #ff8a76;
    font-size: 20px;
    padding: 5px 0 5px 30px;
    background: url(../images/bellotta-petfood/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/bellotta-petfood/icon-close.png) no-repeat center/100%; }

.slide-faq {
  background-color: #fee169; }

.faq-list li {
  margin-bottom: 20px; }
.faq-list .question {
  color: #88481a;
  padding: 5px 0 10px 40px;
  background: url(../images/bellotta-petfood/faq-bg.png) no-repeat; }
.faq-list .answer {
  padding-left: 40px;
  color: #ee6a53; }
  .faq-list .answer img {
    width: 100%; }

.slide-contact .slide-title {
  color: #64cedc; }

.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: #64cedc;
    background-size: 50%;
    background-position: center;
    background-repeat: no-repeat; }
    .contact-list .icon:hover {
      background-color: #64cedc;
      opacity: .8; }
  .contact-list .email .icon {
    background-image: url(../images/bellotta-petfood/contact-email.png); }
  .contact-list .fb .icon {
    background-image: url(../images/bellotta-petfood/contact-fb.png); }
  .contact-list .ig .icon {
    background-image: url(../images/bellotta-petfood/contact-ig.png); }
  .contact-list .yt .icon {
    background-image: url(../images/bellotta-petfood/contact-yt.png); }

/*# sourceMappingURL=bellotta-petfood.css.map */