/* CSS Document */
#key {
  background: url("../img/pizza/key_img.jpg") no-repeat center;
  background-size: cover; }

#sec1 {
  background: url("../img/pizza/s1_bg.jpg") no-repeat center;
  background-size: cover;
  color: #fff;
  padding-top: 129px;
  padding-bottom: 114px;
  position: relative; }
  #sec1:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("../img/shared/line.jpg") repeat-x; }
  #sec1 h2 {
    font-size: 35px;
    letter-spacing: 0.3em;
    line-height: 80px;
    margin-left: -61px;
    padding-bottom: 46px; }
  #sec1 .txt {
    width: 540px;
    margin-left: -55px; }

#sec2 .blk1 {
  background: url("../img/pizza/s2_bg1.jpg") no-repeat center;
  background-size: cover;
  padding-top: 131px;
  position: relative; }
  #sec2 .blk1:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("../img/shared/line.jpg") repeat-x; }
  #sec2 .blk1 h2 {
    text-align: center;
    font-size: 40px;
    color: #4f3729;
    padding-bottom: 108px; }
    #sec2 .blk1 h2 .txt-md {
      font-size: 35px; }
    #sec2 .blk1 h2 .cl_or {
      color: #b4490b; }
    #sec2 .blk1 h2 .highlight {
      font-size: 42px;
      letter-spacing: 0.1em;
      background: -webkit-linear-gradient(transparent 60%, #eecc8e 60%);
      background: -o-linear-gradient(transparent 60%, #eecc8e 60%);
      background: linear-gradient(transparent 60%, #eecc8e 60%); }
  #sec2 .blk1 dl {
    width: 447px; }
    #sec2 .blk1 dl dt {
      font-size: 30px;
      line-height: 60.02px;
      padding-top: 27px;
      letter-spacing: 0.15em;
      padding-bottom: 30px;
      color: #4f3729; }
    #sec2 .blk1 dl dd {
      padding-left: 3px; }
  #sec2 .blk1 .pt1 {
    position: relative;
    padding-bottom: 120px; }
    #sec2 .blk1 .pt1 .img {
      position: absolute;
      top: 0;
      left: -171px; }
    #sec2 .blk1 .pt1 dl {
      margin-left: auto; }
  #sec2 .blk1 .pt2 {
    position: relative;
    padding-bottom: 38px; }
    #sec2 .blk1 .pt2 .img {
      position: absolute;
      top: 0;
      right: -125px; }
#sec2 .blk2 {
  background: url("../img/pizza/s2_bg2.jpg") no-repeat center;
  background-size: cover;
  padding-bottom: 90px; }
  #sec2 .blk2 .pt1 {
    position: relative;
    padding-bottom: 54px; }
    #sec2 .blk2 .pt1 h3 {
      position: absolute;
      top: 126px;
      right: 118px;
      height: 505px;
      color: #4f3729;
      font-size: 25px;
      letter-spacing: 0.15em;
      line-height: 73px; }
      #sec2 .blk2 .pt1 h3 .txt-latin {
        letter-spacing: 0.14em; }
      #sec2 .blk2 .pt1 h3 .txt-md {
        font-size: 35px; }
      #sec2 .blk2 .pt1 h3 .txt-lg {
        font-size: 40px;
        color: #b4490b; }
    #sec2 .blk2 .pt1 .img {
      padding-top: 113px;
      margin-left: -156px; }
  #sec2 .blk2 .pt2 {
    position: relative; }
    #sec2 .blk2 .pt2 .txt {
      width: 489px;
      padding-left: 19px; }
    #sec2 .blk2 .pt2 .bx-wrapper {
      box-shadow: none;
      border: 0;
      background: none;
      width: 458px;
      height: 328px;
      position: absolute;
      top: 5px;
      right: -42px; }

.bg-parallax {
  background-image: url("../img/pizza/bg_para.jpg");
  min-height: 700px;
  position: relative; }
  .bg-parallax:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("../img/shared/line.jpg") repeat-x; }

#sec3 {
  background: url("../img/pizza/s3_bg.jpg") no-repeat center;
  background-size: cover;
  padding-top: 105px;
  position: relative; }
  #sec3:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("../img/shared/line.jpg") repeat-x; }
  #sec3 h2 small {
    display: block;
    padding-top: 7px;
    padding-left: 36px;
    letter-spacing: 0.19em;
    font-size: 15px; }
  #sec3 .blk1 {
    position: relative;
    padding-bottom: 60px; }
    #sec3 .blk1 .img {
      position: absolute;
      top: -135px;
      right: -293px; }
    #sec3 .blk1 dl {
      display: table;
      color: #4f3729;
      width: 442px;
      padding-top: 64px;
      padding-left: 32px; }
      #sec3 .blk1 dl dt, #sec3 .blk1 dl dd {
        display: table-cell;
        letter-spacing: 0.15em; }
      #sec3 .blk1 dl dt {
        font-size: 30px; }
      #sec3 .blk1 dl dd {
        font-size: 25px; }
    #sec3 .blk1 .txt {
      width: 419px;
      padding-top: 33px;
      padding-left: 34px; }
  #sec3 .blk2 {
    padding-bottom: 201px;
    position: relative; }
    #sec3 .blk2 .img {
      margin-left: -257px; }
    #sec3 .blk2 .deco {
      position: absolute;
      bottom: 30px;
      right: -152px; }
    #sec3 .blk2 dl {
      margin-left: auto;
      margin-top: -442px;
      display: table;
      color: #4f3729;
      width: 442px; }
      #sec3 .blk2 dl dt, #sec3 .blk2 dl dd {
        display: table-cell;
        letter-spacing: 0.15em; }
      #sec3 .blk2 dl dt {
        font-size: 30px; }
      #sec3 .blk2 dl dd {
        font-size: 25px; }
    #sec3 .blk2 .txt {
      width: 419px;
      margin-left: auto;
      padding-top: 33px;
      margin-right: 22px; }
  #sec3 .box_menu {
    background: url("../img/pizza/line2.jpg") repeat-x center top, url("../img/pizza/line2.jpg") repeat-x center bottom, url("../img/pizza/line1.jpg") repeat-y, url("../img/pizza/line1.jpg") repeat-y right, url("../img/pizza/bg_box.jpg") repeat;
    margin: 0 -50px;
    padding-bottom: 40px;
    position: relative;
    z-index: 1; }
    #sec3 .box_menu h3 {
      text-align: center;
      font-size: 35px;
      letter-spacing: 0.15em;
      color: #4f3729;
      padding-top: 66px;
      padding-bottom: 51px; }
    #sec3 .box_menu dl {
      display: table;
      line-height: 20px;
      width: 100%;
      padding-bottom: 15px; }
      #sec3 .box_menu dl dt, #sec3 .box_menu dl dd {
        display: table-cell; }
      #sec3 .box_menu dl dt {
        width: 400px; }
      #sec3 .box_menu dl dd {
        text-align: center; }
    #sec3 .box_menu .lst_menu {
      display: flex;
      justify-content: space-around; }
      #sec3 .box_menu .lst_menu .ml {
        position: relative; }
        #sec3 .box_menu .lst_menu .ml:before {
          content: "";
          position: absolute;
          top: 0;
          bottom: 0;
          right: -44px;
          background: url("../img/pizza/line1.jpg") repeat;
          width: 2px; }

#sec4 {
  background: url("../img/pizza/s4_bg2.jpg") no-repeat center;
  background-size: cover;
  padding-top: 151px;
  padding-bottom: 80px;
  position: relative; }
  #sec4 .deco1 {
    position: absolute;
    top: -80px;
    left: 63px; }
  #sec4 .deco2 {
    position: absolute;
    bottom: -40px;
    left: 161px; }
  #sec4 h2 small {
    display: block;
    padding-top: 14px;
    padding-left: 36px;
    letter-spacing: 0.19em;
    font-size: 15px; }
  #sec4 .blk1 {
    padding-bottom: 64px;
    position: relative;
    padding-top: 112px; }
    #sec4 .blk1 .img {
      position: absolute;
      top: -90px;
      right: -293px; }
    #sec4 .blk1 .deco3 {
      position: absolute;
      bottom: -348px;
      right: -326px; }
    #sec4 .blk1 dl {
      display: table;
      color: #4f3729;
      width: 442px;
      padding-left: 5px; }
      #sec4 .blk1 dl dt, #sec4 .blk1 dl dd {
        display: table-cell;
        letter-spacing: 0.15em; }
      #sec4 .blk1 dl dt {
        font-size: 30px; }
      #sec4 .blk1 dl dd {
        font-size: 25px; }
    #sec4 .blk1 .txt {
      width: 419px;
      padding-top: 35px;
      padding-left: 8px; }
  #sec4 .blk2 {
    padding-bottom: 278px;
    position: relative; }
    #sec4 .blk2 .img {
      margin-left: -232px; }
    #sec4 .blk2 .deco {
      position: absolute;
      bottom: 66px;
      right: 24px; }
    #sec4 .blk2 dl {
      margin-left: auto;
      margin-top: -482px;
      display: table;
      color: #4f3729;
      width: 420px; }
      #sec4 .blk2 dl dt, #sec4 .blk2 dl dd {
        display: table-cell;
        letter-spacing: 0.15em; }
      #sec4 .blk2 dl dt {
        font-size: 30px;
        width: 306px; }
      #sec4 .blk2 dl dd {
        font-size: 25px; }
    #sec4 .blk2 .txt {
      width: 419px;
      margin-left: auto;
      padding-top: 33px; }
  #sec4 .box_menu {
    background: url("../img/pizza/line2.jpg") repeat-x center top, url("../img/pizza/line2.jpg") repeat-x center bottom, url("../img/pizza/line1.jpg") repeat-y, url("../img/pizza/line1.jpg") repeat-y right, url("../img/pizza/bg_box.jpg") repeat;
    margin: 0 -50px;
    padding-bottom: 40px; }
    #sec4 .box_menu h3 {
      text-align: center;
      font-size: 35px;
      letter-spacing: 0.15em;
      color: #4f3729;
      padding-top: 66px;
      padding-bottom: 51px; }
    #sec4 .box_menu dl {
      display: table;
      line-height: 20px;
      width: 100%;
      padding-bottom: 15px; }
      #sec4 .box_menu dl dt, #sec4 .box_menu dl dd {
        display: table-cell; }
      #sec4 .box_menu dl dt {
        width: 400px; }
      #sec4 .box_menu dl dd {
        text-align: center; }
    #sec4 .box_menu .lst_menu {
      display: flex;
      justify-content: space-around; }
      #sec4 .box_menu .lst_menu .ml {
        position: relative; }
        #sec4 .box_menu .lst_menu .ml:before {
          content: "";
          position: absolute;
          top: 0;
          bottom: 0;
          right: -44px;
          background: url("../img/pizza/line1.jpg") repeat;
          width: 2px; }
  #sec4 .btn {
    text-align: center;
    padding-top: 64px; }
