html,
body{
    margin:0px;
    padding:0px;
    min-height:100%;
    overflow-x:hidden;
    background-color:#f6f5f6;
    font-size:16px;
    top:0px !important
}



.btnReset{
    font-weight:500; color:#a51728; text-decoration:none;
    background-image:url(../icons/icon_refresh.png);
    background-size:auto 100%;
    background-repeat:no-repeat;
    background-position:left center;
    padding-left:30px
}

.modal-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background-color: #fff;
  opacity: 0;
  visibility: hidden;
  z-index: 40;
  -moz-transition: opacity 0.25s ease 0s, visibility 0.35s linear;
  -o-transition: opacity 0.25s ease 0s, visibility 0.35s linear;
  -webkit-transition: opacity 0.25s ease, visibility 0.35s linear;
  -webkit-transition-delay: 0s, 0s;
  transition: opacity 0.25s ease 0s, visibility 0.35s linear;
}
.modal-overlay.state-show {
  opacity: .7;
  visibility: visible;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-duration: 0.2s, 0s;
  -o-transition-duration: 0.2s, 0s;
  -webkit-transition-duration: 0.2s, 0s;
  transition-duration: 0.2s, 0s;
}

.modal-frame {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 950;

  width: 100%;
  text-align: center;
  visibility: hidden;
}
.modal-frame.state-appear {
  visibility: visible;
}
.modal-frame.state-appear .modal-inset {
  -moz-animation: modalComeIn 0.25s ease;
  -webkit-animation: modalComeIn 0.25s ease;
  animation: modalComeIn 0.25s ease;
  visibility: visible;
  /* to keep @ final state */
}
.modal-frame.state-appear .modal-body {
  opacity: 1;
  -moz-transform: translateY(0) scale(1, 1);
  -ms-transform: translateY(0) scale(1, 1);
  -webkit-transform: translateY(0) scale(1, 1);
  transform: translateY(0) scale(1, 1);
}
.modal-frame.state-leave {
  visibility: visible;
}
.modal-frame.state-leave .modal-inset {
  -moz-animation: modalHeadOut 0.35s ease 0.1s;
  -webkit-animation: modalHeadOut 0.35s ease 0.1s;
  animation: modalHeadOut 0.35s ease 0.1s;
  visibility: visible;
}
.modal-frame.state-leave .modal-body {
  opacity: 0;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-duration: 0.35s;
  -o-transition-duration: 0.35s;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  -moz-transform: translateY(25px);
  -ms-transform: translateY(25px);
  -webkit-transform: translateY(25px);
  transform: translateY(25px);
}

@-moz-document url-prefix() {
  .modal-frame {
    height: calc(100% - 55px);
  }
}
.modal {
  display: block;
  vertical-align: top;
  text-align: center;
  position:relative;
  z-index:1000;
  width:100%;
  max-width:820px;
  margin:0 auto;
  margin-top:100px;
  overflow:hidden;

}

.modal-inset {
  position: relative;
  padding: 30px;
  background-color: white;
  width:100%;
  margin: auto;

    -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.86);
    -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.86);
    box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.86);
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  margin-top:0px;
}
.modal-inset .close {
  display: block;
  cursor: pointer;
  position: absolute;
  top: 0px;
  right: 0px;
  padding: 10px;
  opacity: .4;
}
.modal-inset .close:hover {
  opacity: 1;
}

.modal-body {
  margin: auto;
  opacity: 0;
  -moz-transform: translateY(0) scale(0.8, 0.8);
  -ms-transform: translateY(0) scale(0.8, 0.8);
  -webkit-transform: translateY(0) scale(0.8, 0.8);
  transform: translateY(0) scale(0.8, 0.8);
  -moz-transition-property: opacity, -moz-transform;
  -o-transition-property: opacity, -o-transform;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  -moz-transition-duration: 0.25s;
  -o-transition-duration: 0.25s;
  -webkit-transition-duration: 0.25s;
  transition-duration: 0.25s;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
.modal-body h3 {
  font-weight: 700;
  padding-bottom: 22px;
  display: block;
  color: #F2594B;
  text-align: center;
}
.modal-body p {
  padding-bottom: 20px;
}
.modal-body .ps {
  font-size: 12px;
  opacity: .3;
}

@-webkit-keyframes modalComeIn {
  0% {
    visibility: hidden;
    opacity: 0;
    -moz-transform: scale(0.8, 0.8);
    -ms-transform: scale(0.8, 0.8);
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
  }
  65.5% {
    -moz-transform: scale(1.03, 1.03);
    -ms-transform: scale(1.03, 1.03);
    -webkit-transform: scale(1.03, 1.03);
    transform: scale(1.03, 1.03);
  }
  100% {
    visibility: visible;
    opacity: 1;
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@-moz-keyframes modalComeIn {
  0% {
    visibility: hidden;
    opacity: 0;
    -moz-transform: scale(0.8, 0.8);
    -ms-transform: scale(0.8, 0.8);
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
  }
  65.5% {
    -moz-transform: scale(1.03, 1.03);
    -ms-transform: scale(1.03, 1.03);
    -webkit-transform: scale(1.03, 1.03);
    transform: scale(1.03, 1.03);
  }
  100% {
    visibility: visible;
    opacity: 1;
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@keyframes modalComeIn {
  0% {
    visibility: hidden;
    opacity: 0;
    -moz-transform: scale(0.8, 0.8);
    -ms-transform: scale(0.8, 0.8);
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
  }
  65.5% {
    -moz-transform: scale(1.03, 1.03);
    -ms-transform: scale(1.03, 1.03);
    -webkit-transform: scale(1.03, 1.03);
    transform: scale(1.03, 1.03);
  }
  100% {
    visibility: visible;
    opacity: 1;
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@-webkit-keyframes modalHeadOut {
  0% {
    visibility: visible;
    opacity: 1;
    -moz-transform: translateY(0) scale(1, 1);
    -ms-transform: translateY(0) scale(1, 1);
    -webkit-transform: translateY(0) scale(1, 1);
    transform: translateY(0) scale(1, 1);
  }
  100% {
    visibility: hidden;
    opacity: 0;
    -moz-transform: translateY(35px) scale(0.97, 0.97);
    -ms-transform: translateY(35px) scale(0.97, 0.97);
    -webkit-transform: translateY(35px) scale(0.97, 0.97);
    transform: translateY(35px) scale(0.97, 0.97);
  }
}
@-moz-keyframes modalHeadOut {
  0% {
    visibility: visible;
    opacity: 1;
    -moz-transform: translateY(0) scale(1, 1);
    -ms-transform: translateY(0) scale(1, 1);
    -webkit-transform: translateY(0) scale(1, 1);
    transform: translateY(0) scale(1, 1);
  }
  100% {
    visibility: hidden;
    opacity: 0;
    -moz-transform: translateY(35px) scale(0.97, 0.97);
    -ms-transform: translateY(35px) scale(0.97, 0.97);
    -webkit-transform: translateY(35px) scale(0.97, 0.97);
    transform: translateY(35px) scale(0.97, 0.97);
  }
}
@keyframes modalHeadOut {
  0% {
    visibility: visible;
    opacity: 1;
    -moz-transform: translateY(0) scale(1, 1);
    -ms-transform: translateY(0) scale(1, 1);
    -webkit-transform: translateY(0) scale(1, 1);
    transform: translateY(0) scale(1, 1);
  }
  100% {
    visibility: hidden;
    opacity: 0;
    -moz-transform: translateY(35px) scale(0.97, 0.97);
    -ms-transform: translateY(35px) scale(0.97, 0.97);
    -webkit-transform: translateY(35px) scale(0.97, 0.97);
    transform: translateY(35px) scale(0.97, 0.97);
  }
}

h1, h2, h3, h4, h5{
    font-family: 'afternoonRg', Arial, Helvetica, sans-serif;
    font-weight:100;
    margin-top:0px;
    margin-bottom:0px;
}

select, input{
    font-family: 'raleway', Arial, Helvetica, sans-serif;
    font-size:0.8rem;
    min-height:33px;
    border:1px solid #cccccc;
   -webkit-appearance: none;
   background-color:#ffffff;
}

table td{
      font-family: 'raleway', Arial, Helvetica, sans-serif;
      font-size: 1rem;
      vertical-align: top
}

select{
     -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    appearance:none;
    background-image:url(../images/bg-arrowdown.png);
    background-repeat: no-repeat;
    background-position:95% center;
    background-size:auto 10px
}
.wpcf7-form-control-wrap  span.wpcf7-not-valid-tip, .wpcf7-response-output{
    font-size:0.8rem;
       font-family: 'raleway', Arial, Helvetica, sans-serif;
       color:#a40c25
}
.wpcf7-form div.wpcf7-response-output{
    margin:0px
}

h1{
     font-size:4.1rem;
     line-height:4.5rem;
     margin-bottom:40px
}

h2{
     color:#a40c25;
     font-size:4rem;
     clear:both;
     line-height:4rem;
     margin-bottom:0px;
     text-align:center
}
h3{
    font-size:1.875rem;
    line-height:1.9rem;
    
}

.recipeTile h3{
      font-size:1.5rem;
    line-height:1.7rem;
}
h5{
    font-size:1.375rem;
    margin-bottom:5px;
    padding:0px
}

p, ul, li, a{
    font-family: 'raleway', Arial, Helvetica, sans-serif;
    font-size:1rem
}

.header{
    width:100%;
    position:fixed;
    top:0px;
    left:0px;
    background-color:#f6f5f6;
    height:278px;
    z-index:5;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     transition: all 0.5s ease;
}

.logged-in .header{
     top:32px;
}

.siteNav{
    min-height:50px;
    overflow:visible;
    background-color:#333333;
    left:0px;
    width:100%;
    position:absolute;
    text-align:center;
    z-index:2
}
.header .siteNav{
       top:0px;
}

.main-nav{
     display:inline-block;
     margin-top:0px;
     margin-bottom:0px
}

.header .siteNav .content1280{
    text-align:right
}

.header .mainNavContainer.content1280{
       text-align:center;
       position:relative;
       height:71px;
       overflow:visible 
}

.sitelogo{
   position:absolute;
   left:0px;
   top:30px;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     transition: all 0.5s ease;
}

/* css for sticky menu */
.header.sticky{
    height:120px
}

.header.sticky .main-nav{
   position:absolute;
   right:0px;
     transform: translateX(0);
}
.header.sticky .sitelogo{
    top:10px; 
  max-width:210px;

}
/*******/

.footer{
    width:100%;
    overflow:hidden;
    position:relative;
    min-height:445px;
}
.footer .siteNav{
    bottom:0px;
    position:relative;
    min-height:50px;
    overflow:hidden
}

.footer .siteNav .content1280{
    text-align:center
}

.footer .contentBox{
    width:100%;
    position:relative;
    top:0px;
    left:0px;
    min-height:395px;
    background-image:url(../images/bg_footer.jpg);
    background-repeat:no-repeat;
    background-position:center center;
    text-align:center;
    background-size:cover;
}

.footer .widget.footerbar{
    background-color:rgba(165, 23, 40, 0.85);
    position:absolute;
    top:12px;
    bottom:12px;
    width:430px;
    left:50%;
    margin-left:-215px;
    padding:40px 25px;
    text-align:left

}

.widgettitle{
    color:#ffffff;
    font-size:4.4rem;
    margin:0px; 
    padding:0px;
    line-height:4.6rem
}

.site-nav, .socialLinks{
   display:inline-block;
}

.socialLinks{
     padding-left:15px
}

.site-nav li,
.socialLinks li{
    display:inline-block;
    list-style:none;
    text-transform: uppercase;
    color:#ffffff;
    font-size:0.9rem 
}

.site-nav li a:link,
.site-nav li a:visited,
.site-nav li a:active{
   color:#ffffff;
   padding-left:15px;
   padding-right:15px;
   text-decoration:none;
   font-size:0.9rem 
}
.site-nav li a:hover{
     color:#d81737;
}
.socialLinks li a:link,
.socialLinks li a:visited,
.socialLinks li a:active{
    color:#ffffff;
    text-decoration:none;
    padding-left:5px;
    padding-right:5px;
     font-size:1.1rem 
}
.socialLinks li a:hover{
     color:#d81737;
}
.fakeBg{
    width:100%;
    position:absolute;
    left:0px;
    bottom:0px;
    height:40%;
    background-position:96% 100%;
    background-repeat:no-repeat;
    z-index:0;
}

.mainNav{
    width:100%;
    border-top:1px solid #dcd8d5;
    height:71px;
    overflow:visible;
    text-align:center;
     border-bottom:1px solid #dcd8d5;
      background-color:#f6f5f6;
      bottom:0px;
      position:absolute;
}

#menu-main{
    padding:0px;
 
}

#menu-main li{
    display:block;
    list-style:none;
    border-left:1px solid #dcd8d5;
    height:70px;
    padding-top:20px;
    float:left;
    position:relative;
}

#menu-main li:last-child{
    border-right:1px solid #dcd8d5;
}

#menu-main li a:link,
#menu-main li a:visited,
#menu-main li a:active{
   font-family: 'afternoonRg', Arial, Helvetica, sans-serif; 
   color:#a40c25;
   font-size:1.875rem;
   padding-left:30px;
   padding-right:30px;
   text-decoration: none
}
#menu-main li:hover a,
#menu-main li a:hover{
    color:#ffffff;
}

#menu-main li:hover{
    background-color:#a40c25;
  
}

#menu-main li.current_page_item a:link,
#menu-main li.current_page_item a:visited,
#menu-main li.current_page_item a:active
{
       color:#ffffff;
}

#menu-main li.current_page_item{
      background-color:#a40c25;
        border-bottom:1px solid #a40c25;
        margin-bottom:-1px
}
.main{
    width:100%;
    overflow:auto;
    position:relative;
    margin-top:120px;
    min-height:300px;
    clear:both;
}

.section{
    width:100%;
    float:left;
    position:relative;
    text-align:center;
    background-size:cover
}

.content1840{
    width:100%;
    max-width:1840px;
    position:relative;
    text-align:left;
    margin:0 auto;
    background-position:left center;
    background-repeat:no-repeat;
   
}

.page .content1840{
    min-height:150px;
    
}
.page-id-1985 .content1840,
.page-id-1102 .content1840{
    min-height:0px
}

.page-id-1985 .content880,
.page-id-1102 .content880{
    background:transparent !important
}

.page-id-1985 .content780,
.page-id-1102 .content780{
   margin-top:30px;
   margin-bottom:30px
}


.home .content1840{
     min-height:400px
}

.contentFullwidth{
    width:100%;
    position:relative;
    text-align:left;
    margin:0 auto;
    background-repeat:no-repeat;
    background-position:center center;
    z-index:1
}

.home .contentFullwidth{
    height:350px;
    margin-top:-18px;
}

.home .contentFullwidth .heroBox.overlayBox{
    background:transparent !important;
    margin-top:40px;
    max-width: 600px;
}

.home .contentFullwidth .heroBox.overlayBox h1{
    margin-bottom:10px
}

.content1400{
    width:100%;
    max-width:1400px;
    position:relative;
    text-align:left;
    margin:0 auto;
    background-repeat:no-repeat;
    background-position:top left;
    z-index: 1
}

.content1280{
    width:100%;
    max-width:1280px;
    position:relative;
    text-align:left;
    margin:0 auto;
    z-index:1;
}

.content1168{
    width:100%;
    max-width:1168px;
    position:relative;
    text-align:left;
    margin:0 auto;
    z-index:1;
}

.content880{
     width:100%;
    max-width:880px;
    position:relative;
    text-align:left;
    margin:0px auto;
    background-color:#ffffff;
    z-index:1;
}

.content880 h6{
    font-family: 'Raleway', Helvetica, Arial, sans-serif;
}

.page .content880{
    padding:30px;
    margin-top:40px;
    margin-bottom:50px
}

.content780{
     width:95%;
    max-width:780px;
    position:relative;
    text-align:left;
    margin:0px auto;
    z-index:1;
     margin-top:40px;
    margin-bottom:50px
}


.content720{
    width:100%;
    max-width:720px;
    position:relative;
    text-align:left;
    margin:0px auto;
    color:#ffffff;

}

.sideRow{
    background-color:#ffffff;
}

.sideImage{
    width:35%;
    padding-bottom:35%;
    float:left;
    background-size:cover
}

.sideContent{
    width:65%;
    float:right;
    padding-right:25px
}
.sideRow div h3{
    margin-top:15px
}
.sideRow div h4{
   font-size:1.6rem
}
.sideRow div h3,
.sideRow div h4,
.sideRow div p{
  padding-left:20px;
  padding-right:20px
}

.sideRow div p{
    font-size:0.9rem;
    margin-bottom:10px;
    margin-top:10px
}

.sectionBtn{
    display:inline-block;
    height:50px;
    position:relative;
    text-align:left;
    background-image:url(../images/btn_white_arrow.png);
    background-repeat:no-repeat;
    background-position:right center;
    border:2px solid transparent;
  /*  transition: all 0.3s ease;*/
}



.sectionBtn.dark{
    background-image:url(../images/btn_red_arrow.png);
}

.sectionBtn .buttonleft{
    float:left;
    width:10px;
    height:50px;
    background-image:url(../images/btn_white_left.png);
    background-repeat:no-repeat;
    background-position:left center
}
.sectionBtn.dark .buttonleft{
    background-image:url(../images/btn_red_left.png);
}

.sectionBtn .buttonright{
    float:left;
    width:45px;
    height:50px;
    background-image:url(../images/btn_white_right.png);
    background-repeat:no-repeat;
    background-position:left center;
}

.sectionBtn.dark .buttonright{
     background-image:url(../images/btn_red_right.png);
}

.sectionBtn .buttonmiddle{
    float:left;
    height:50px;
    overflow:hidden;
    background-image:url(../images/btn_white_middle.png);
    background-repeat:repeat-x;
    background-position:left center;
    padding-left:5px;
    padding-right:5px
}

.sectionBtn.dark .buttonmiddle{
    background-image:url(../images/btn_red_middle.png);
}

.sectionBtn .buttonmiddle span{
    color:#ffffff;
    font-family: 'afternoonRg', Arial, Helvetica, sans-serif;
    font-size:2rem;
    padding-top:6px;
    display:block
}

.sectionBtn.dark .buttonmiddle span{
      color:#a40c25;
}

.sectionBtn:hover .buttonleft,
.sectionBtn:hover .buttonmiddle,
.sectionBtn:hover .buttonright{
    background-image:none
}

.sectionBtn:hover{
    border-radius:10px;
    border:2px solid #ffffff;
}

.sectionBtn.dark:hover{
    border-radius:10px;
    border:2px solid #b64552;
 }
 
 /*-- unique css for home page --*/
 .section.heroSection{
     height:600px;
     text-align:center;
     background-repeat:no-repeat;
     background-size: auto 100%;
     background-position:center center;
     overflow:hidden;
 }
 
 .heroBox{
     float:left;
     width:100%;
     max-width:550px;
     color:#ffffff;
     margin-top:100px;
     
 }
 
 .page .heroBox{
       margin-top:20px;
 }
 
 .home .heroBox{
       margin-top:100px;
 }
 .heroBox p{
    font-size:1.125rem 
 }
 
 .heroBox.overlayBox{
     max-width:690px;
     margin-top:20px
 }
 .heroBox.overlayBox p{
     padding-right:130px
 }
 .pageOverlay{
     position:absolute;
     top:50px;
     left:50%;
     z-index:2;
     margin-left:-10%;
     max-width:37.9%;
 }
 /*-- css for all the section templates --*/
.page .redTop{
    width:100%;
     position:relative;
     z-index:1;
     background:transparent;
     background-image:url(../images/bg_red_top.png);
     background-position:center bottom;
     background-repeat:no-repeat;
      height:95px;
     margin-top:50px
 }
 
 .home .redTop{
     height:105px;
     margin-top:100px
 }
  .redBottom{
     height:105px;
     width:100%;
     position:relative;
     z-index:1;
     background:transparent;
     background-image:url(../images/bg_red_bottom.png);
     background-position:center top;
     background-repeat:no-repeat;
     margin-bottom: -106px;
     margin-top: -1px;
 }

 

 /*-- css for shortcodes --*/
 .recipeSection{
     clear:both;
     display:block;
     width:100%;
     overflow:auto;
     color:#ffffff;
     margin-top:50px
 }

 .recipeTile{
     width:18.75%;
     padding-bottom:18.75%;
     position:relative;
     margin-left:1.5%;
     float:left;
     background-color:#b64552;
     margin-top:1.5%;
     overflow:hidden;
     background-size:cover;
     background-position:center center
 }

 
 .innerTile{
     width:100%;
     height:100%;
     position:absolute;
     opacity:0;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     transition: all 0.5s ease;
     background-color:rgba(165, 23, 40,0.85);
     /*cursor:pointer*/
     
 }
 
 .recipeTile:hover .innerTile{
     opacity:1;
 }

  .recipeTile.hover_effect .innerTile{
     opacity:1;
 }

 .innerTile div{
     top:15px;
     left:15px;
     right:15px;
     bottom:20px;
     position:absolute;
 }
 
  .innerTile .sectionBtn{
      position:absolute;
      bottom:0px;
      left:0px
  }
  
  .recipeFeatured{
      float:left;
      width:39.06%;
      padding-bottom:39.06%;
      position:relative;
       margin-top:1.5%;
       /*cursor:pointer;*/
       overflow:hidden;
       background-size:cover
  }
  
 
  .recipeFeaturedContent{
      position:absolute;
      bottom:-100%;
      left:0px;
      background-color:rgba(165, 23, 40,0.85);
      padding-bottom:20px;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      transition: all 0.5s ease;
          width: 100%;
  }
  
  .recipeFeatured:hover .recipeFeaturedContent{
      bottom:0px;
  }
  
  .recipeFeaturedTop{
      background-image:url(../images/bg_recipe_top.png);
      background-size:100% 100%;
      background-position:center top;
      background-repeat:no-repeat;
      height:32px;
      width:100%;
      position:absolute;
      top:-32px;
      left:0px
  }
  .recipeFeaturedContent p{
      margin:0px 20px;
  }
  .productCateSection{
      width:100%;
      overflow:hidden;
      clear:both;
      position:relative;
      margin-top:-165px;
      margin-bottom:-50px;
      padding-top:50px
  }
  
  .productDec, .productCateTile{
      width:31.65%;
      margin-left:1%;
      float:left;
      position:relative;
      color:#ffffff;
    
      cursor:pointer
  }
  
   .productCateTile{
         overflow:hidden;
   }
  .productDecInner{
      position:absolute;
      width:100%;
      height:100%;
      left:0px;
      top:-40px;
      overflow:visible;
      
  }
  
  .productCateContent{
       position:absolute;
       width:100%;
       left:0px;
       bottom:-90px;
       background-color:rgba(165, 23, 40,0.85);
       padding-top:10px;
       padding-bottom:10px;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      transition: all 0.5s ease;
  }
  
  .productCateTile:hover .productCateContent{
      bottom:0px;
  }

    .productCateTile.hover_effect .productCateContent{
      bottom:0px;
  }

  .productCateContent h3{
      font-size:2.625rem;
      margin-bottom:30px
  }
  
  .productCateTop{
       background-image:url(../images/bg_recipe_top.png);
      background-size:102% 100%;
      background-position:center top;
      background-repeat:no-repeat;
      height:32px;
      width:100%;
      position:absolute;
      top:-32px;
      left:0px
  }

  .productCateTile{
      padding-bottom:31.65%;
      margin-top:5%;
     background-color:#b64552;
  }
  
  .productDec{
      padding-bottom:35%;
  }
  .guidesContent{
      color:#ffffff;
      text-align:center
  }
  
  .productDecInner h2{
      text-align:left
  }
  
  .position2, .position3, .position4{
      margin-top:1%
  }
  
  .productDecFeetBg{
      position:absolute;
      top:-8%;
      left:55%;
      width:69%;
      padding-bottom:50%;
      background-image:url(../images/img_chichken_red.png);
      background-size:contain;
      background-repeat:no-repeat;
  }
  
  .productCateContent{
      text-align:center
  }
  
  .storySection{
      width:98%;
      margin:0 auto;
      clear:both;
      overflow:auto;
      background-color:#ffffff;
      overflow:hidden
  }
  
  .storyContent{
      width:37%;
      position:relative;
      float:left;
      padding-bottom:31.5%;
      color:#a40c25;
      text-align:left
  }
  .storyContent h2{
        text-align:left
   }
  .storyContent div{
      position:absolute;
      top:15px;
      left:15px;
      bottom:15px;
      right:15px
  }
  
  .storyImage{
      width:63%;
      float:right;
      padding-bottom:31.5%;
      background-size:cover;
  }
  
 .storySection{
     margin-bottom:50px
 }
  
  .contentright .storyImage{
      float:left;
  }
  
  .contentright .storyContent{
      float:right;
  }
  .redBottom + .section{
      padding-top:50px
  }
   .content1168 .storySection:first-child{
      margin-top:50px;
     
  }
  
  
  /*news page style */
 
  #blogLoaderContainer p{
      text-align:center
  }
  .loadSpin .fa{
       color:#a40c25;
  }
  
  .postTile{
      position:relative;
      background-color:#ffffff;
      width:48%;
      padding-bottom:18.75%;
      float:left;
      margin-left:1%;
      margin-right:1%;
      margin-bottom:2%;
  }
  .simpleBtn{
      font-family: 'afternoonRg', Arial, Helvetica, sans-serif;
      color:#333333;
      text-decoration: none;
      font-size:2rem;
      display:inline-block;
      background-image:url(../images/btn_black_arrow.png);
      padding-right:30px;
      background-repeat:no-repeat;
      background-position:right center;
  }
   .simpleBtn:hover{
        color:#a40c25;
        background-image:url(../images/btn_red_arrow1.png);
   }

   .simpleBtnWhite{
      font-family: 'afternoonRg', Arial, Helvetica, sans-serif;
      color:#ffffff;
      text-decoration: none;
      font-size:2rem;
      display:inline-block;
      background-image:url(../images/btn_white_arrow.png);
      padding-right:50px;
      background-repeat:no-repeat;
      background-position:right center;
  }

  .innerTile .simpleBtnWhite{
      position:absolute;
      bottom:0px;
      left:0px
  }
   
  .blogContent{
      position:absolute;
      top:20px;
      left:20px;
      right:20px;
      bottom:20px;
      color:#333333;
      cursor:pointer
  }
  
    .blogContent p{
        font-size:1.5rem;
        margin-top:0px;
        margin-bottom:0px
    }
    
     .blogContent .simpleBtn{
         position:absolute;
         left:0px;
         bottom:0px
     }
     .blogListSection{
         padding-top:0px; 
         margin-top:-70px; 
         z-index:3;
         padding-top:0px !important
     }
     .postTile:hover .blogContent{
          color:#a40c25;
     }
     .postTile:hover .simpleBtn{
          color:#a40c25;
           background-image:url(../images/btn_red_arrow1.png);
     }
     
     .singleDetail{
         z-index:3;
         margin-top:-150px
     }
     
     .content880 a:link,.content880 a:visited, .content880 a:active{
           color:#a51728;
           text-decoration:none
     }
     .content880 a:hover{
         text-decoration:underline
     }
     
     .content880 ul, .content880 ol{
        margin-left:0px;
        padding-left:15px
     }
     
     .content880 ol li{
        margin-left:0px;
        padding-left:15px;
         font-family: 'afternoonRg', Arial, Helvetica, sans-serif;
         font-size:1.56rem;
          line-height:1.2rem;
          margin-bottom:15px
     }
     
     .content880 ol li span{
          font-family: 'raleway', Arial, Helvetica, sans-serif;
          font-size:1rem;
         
     }
     
     .toTop{
         font-family: 'raleway', Arial, Helvetica, sans-serif;
          font-size:1rem;
           color:#a51728;
           text-align:center;
           position:absolute;
           left:0px;
           width:100%;
           bottom:-50px;
           cursor:pointer;
     }
     
    .slick-prev::before,
    .slick-next::before{
        color:#a51728 !important;
        font-size:30px
    }
    
    .gobackLink,
    .gobackLink:hover,
    .gobackLink:visited,
    .gobackLink:active{
      font-family: 'raleway', Arial, Helvetica, sans-serif;
      font-size:1rem;
      color:#a51728;
      text-decoration:none;
      background-image:url(../images/bg-back.png);
      background-repeat:no-repeat;
      background-position:left center;
      padding-left:30px;
      font-weight:600
    }

    .gobackLink{
        position:absolute;
         left:20px;
         top:20px
    }
    
    /* member section css */
    .memberItem{
          width:100%;
           color:#333333;
          position:relative;
          overflow-x:visible;
          clear:both;
          padding-top:35px;
      }
      .memberSection{
          overflow-x:visible
      }
     .memberItem h3{
      font-size:2.625rem;
     line-height: 2.6rem;
     }
     
     .memberPos{
         /*text-transform: uppercase*/
     }
     .memberInfo{
         padding-left:190px;
         padding-right:25px
     }
     .memberPhoto{
         position:relative;
         width:30%;
         padding-top:30%;
         background-size:cover;
         margin-left:-10%;
         float:left
     }
     
     /* footer link style */
     .footerlink{
         display:block;
         float:left;
         overflow:hidden;
         padding-top:10px;
         text-align:left
     }
     .widgetlinktitle{
         padding:10px;
         letter-spacing:0.1rem;
     }
     .widgetlinktitle{
         color:#ffffff;
         font-size:1.2rem;
         font-weight:bold
     }
    .footerlink .textwidget{
         padding:10px;
         padding-top:0px;
         padding-bottom:30px;
     }
     
     .footerlink .textwidget a:link,
     .footerlink .textwidget a:visited,
     .footerlink .textwidget a:active{
         color:#797979;
         clear:both;
         display:block;
         text-decoration:none;
         margin-bottom:12px
     }
     
     .footerlink .textwidget a:hover{
          color:#d81737;
     }
     .footsociallinks{
         display:inline-block;
         padding-left:25px;
         position:relative
     }
     
     .footsociallinks i{
        position:absolute;
        left:0px;
        top:2px
     }
     
     .timelineSection{
   
    }
    .timelineSection .redTop{
        height: 35px;
    margin-top: 0px;
    }
    
    /* timeline css */
    .dateSection{
         background-color: #a51728;
          width:100%;
          clear:both;
          text-align:center;
          overflow:hidden
    }
    .sliderWarpper{
         margin:40px auto;
          max-width:1280px;
           width:100%;
          position:relative;
          min-height:80px
    }
    .timelineSlider{
       width:100%;
       position:relative;
    }
    
    .shadeLeft{
        position:absolute;
        height:100%;
        width:250px;
        background-image:url(../images/bg-coverleft.png);
        background-size:100% auto;
        z-index:2;
        top:0px;
        left:0px;
      
    }
    .shadeRight{
        position:absolute;
        height:100%;
        width:250px;
        background-image:url(../images/RedGradient.png);
       background-size:100% auto;
        z-index:2;
         top:0px;
        right:0px;
    }
    
    .dateSlide{
        background-color:#a51728;
        background-image:url(../images/bg-dotted.png);
        background-position:center 97%;
        background-repeat:repeat-x;
        position:relative
    }
    .dateSlide:focus {
    outline: none;
}
    .timelineSlider .slick-list{
           background-image:url(../images/bg-dotted.png);
        background-position:center 97%;
        background-repeat:repeat-x;
    }
    .timelineSection h3{
        font-size:2.8rem;
        color:#ffffff;
        cursor:pointer;
        padding-top:2px;
            -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     transition: all 0.5s ease;
    }
    
    .dateSlide.slick-center h3{
       font-size:3.6rem
    }
    .contentSlide{
        padding-left:10px;
        padding-right:10px
    }
    .timelineContent h3{
        color:#333333
    }
    .dateSlide{
        text-align:center;
        min-height:80px;
        margin-right:-2px;
        padding-top:10px
    }
    .pointDot{
        width:10px;
        height:10px;
        border-radius:10px;
        position:absolute;
        bottom:0px;
        background-color:#ffffff;
        left:50%;
        margin-left:-5px
    }
    .contentSlider{
        width:86%;
        max-width:880px;
        margin:70px auto;
    }
    
    .timelinePhoto{
        width:40%;
        padding-bottom:40%;
        float:left;
        margin-right:20px;
        background-size:cover
    }
    
    .arrowdown{
        width:77px;
        height:41px;
        background-image:url(../images/bg-arrowdown.png);
        background-size:cover;
        position:absolute;
        left:50%;
        top:-5px;
        margin-left:-38.5px
    }
    
    /* nextwork style */
    .networkmap{
        width:100%;
        max-width:887px;
        z-index:0;
        float:right;
        clear:both;
    }
    
    .networkLegend{
        margin:0 auto;
        width:300px;
        overflow:hidden;
        position:absolute; 
        left:50%;
        margin-left:-150px;
        bottom:7%
    }
    
    ul.legendList {
            list-style: none;
            padding:0;
            margin:0;
            margin-top:10px
    }

    ul.legendList  li { 
        padding-left: 2.2rem; 
        
         list-style: none !important;
         position:relative;
         display:block;
         clear:both;
         margin-bottom:5px
     }

    ul.legendList li:before {
        content: "• ";
        font-size:5.5rem;
        background-color:#4d8e28; 
        height:1rem;
        display:block;
        position:absolute;
        top:2px;
        left:10px;
         width:15px;
        height:15px;
        overflow:hidden;
         border-radius:25px
   }
   
    ul.legendList li:last-child:before{
        background-color:#e1d8d1;
         box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    }
    
    ul.legendList li:nth-child(2):before{
         background-color:#7abf55
    } 
    
    ul.legendList li:nth-child(3):before{
         background-color:#d52548
    } 
    
    ul.legendList li:nth-child(4):before{
         background-color:#ea6a7a
    }  
    
    ul.legendList li:nth-child(5):before{
         background-color:#217b91
    }  
    
    ul.legendList li:nth-child(6):before{
         background-color:#53bcc5
    } 
    
    ul.legendList li:nth-child(7):before{
         background-color:#f19543
    }  

    ul.legendList li:nth-child(8):before{
        border:2px dotted #d7c6b6;
    }  
    
    .imgMap{
        display:inline-block;
        float:right;
        position:relative;
        width:100%;
        max-width:887px;
        z-index:0;
        clear:both;
        padding:0px !important;
        z-index:4
    }
    .marker{
        position:absolute;
        -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     transition: all 0.5s ease;
        border-radius:50px;
        cursor:pointer;
        overflow:visible;
        opacity:0;
        z-index:5;
    }
    .marker:hover{
        opacity:1 
    }
 
    .marker .markerHint{
        display:none
    }
    
     .marker:hover .markerHint{
        display:block
    }
   
    .marker0{
        left:7%;
        bottom:28%;
        width:5%;
        height:12%;
    }
    
     .marker1{
        left: 44.5%;
        bottom: 24.2%;
        width: 6%;
        height: 14%;
        transform: rotate(-45deg);
    }
    
    .marker1 .markerHint{
         transform: rotate(45deg);
         bottom: 45px;
         left: -20px;
    }
    
    .marker0 .markerHint .arrow{
        width:0px;
        height:0px;
        border-top: 15px solid transparent;
        border-bottom: 15px solid transparent; 
        border-right: 15px solid #a51728;
        position:absolute;
        left:-15px;
        bottom:20px;
        margin-top:-10px;
        opacity:0.9
    }
    
     .marker1 .markerHint .arrow{
        width:0px;
        height:0px;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent; 
        border-top: 15px solid #a51728;
        position:absolute;
        left:135px;
        bottom:-14px;;
        opacity:0.9
    }
    
    .marker2{
        left: 54.3%;
        bottom: 14%;
        width: 4.5%;
        height: 14%;
        transform: rotate(-95deg);
    }
    
      .marker2 .markerHint{
         transform: rotate(95deg);
         bottom: 160px;
         left: -100px;
    }
    
    .marker2 .markerHint .arrow{
        width:0px;
        height:0px;
        border-top: 15px solid transparent;
        border-bottom: 15px solid transparent; 
        border-left: 15px solid #a51728;
        position:absolute;
        right:-14px;
        bottom:50%;
        margin-bottom:-10px;
        opacity:0.9
    }
    
     .marker3{
       left: 62.3%;
        bottom: 26%;
        width: 6.5%;
        height: 17%;
        transform: rotate(33deg);

    }
    
       .marker3 .markerHint{
         transform: rotate(-33deg);
         bottom: -100px;
         left: -300px;
    }
    
     .marker3 .markerHint .arrow{
        width:0px;
        height:0px;
        border-top: 15px solid transparent;
        border-bottom: 15px solid transparent; 
        border-left: 15px solid #a51728;
        position:absolute;
        right:-14px;
        bottom:20%;
        margin-bottom:-10px;
        opacity:0.9
    }
    
     .marker4{
        left: 66.6%;
        bottom: 42%;
        width: 6.5%;
        height: 12%;
                
   }
   
   .marker4 .markerHint .arrow{
        width:0px;
        height:0px;
        border-top: 15px solid transparent;
        border-bottom: 15px solid transparent; 
        border-left: 15px solid #a51728;
        position:absolute;
        right:-14px;
        bottom:20%;
        margin-bottom:-10px;
        opacity:0.9
    }
    
     .marker4 .markerHint{
         bottom: 0px;
         left: -300px;
    }
   
   .marker5{
       left: 56.6%;
    bottom: 6%;
    width: 5%;
    height: 6%;
   
   }
   
    .marker5 .markerHint .arrow{
        width:0px;
        height:0px;
        border-top: 15px solid transparent;
        border-bottom: 15px solid transparent; 
        border-left: 15px solid #a51728;
        position:absolute;
        right:-14px;
        bottom:20%;
        margin-bottom:-10px;
        opacity:0.9
    }
   
    .marker5 .markerHint{
         bottom: -20px;
         left: -300px;
    }
   
    .marker6{
        left: 93.6%;
        bottom: 13%;
        width: 5%;
        height: 10%;
   }
   
     .marker6 .markerHint{
         bottom: 0px;
         left: -300px;
    }
    
     .marker6 .markerHint .arrow{
        width:0px;
        height:0px;
        border-top: 15px solid transparent;
        border-bottom: 15px solid transparent; 
        border-left: 15px solid #a51728;
        position:absolute;
        right:-14px;
        bottom:20%;
        margin-bottom:-10px;
        opacity:0.9
    }



    .marker7{
        left: 30%;
        top: 3%;
        width: 5%;
        height: 10%;

   }
   
     .marker7 .markerHint{
         bottom: 0px;
         left: 50px;

    }
    
     .marker7 .markerHint .arrow{
        width:0px;
        height:0px;
       border-top: 15px solid transparent;
        border-bottom: 15px solid transparent; 
        border-right: 15px solid #a51728;
        position:absolute;
        left:-15px;
        bottom:10px;

        opacity:0.9
    }
   
   .layer0{
       width:100%;
       position:relative;
       left:0px;
       top:0px;
       overflow:visible; padding-bottom:150px;
       z-index: 2;
   }
   
   .layer1{
       width:100%;
       position:absolute;
       z-index:1;
       left:0px;
       top:0px;
       overflow:hidden;
   }
   
   .infoTable{
       width:100%;
       max-width:370px;
       padding:15px;
       background-color:#ffffff;
       overflow:auto;
   }
   
   .itemHeader, .itemBody, .itemFooter{
       width:100%;
       border-top:2px solid #a51728;
        font-family: 'raleway', Arial, Helvetica, sans-serif;
      font-size:1rem;
      color:#a51728;
      overflow:hidden; 
   }
   .itemBody{
        border-top:1px solid #a51728;
   }
   .itemFooter{
        border-bottom:2px solid #a51728;
   }
   .itemHeader div, .itemBody div, .itemFooter div{
       padding-top:5px;
       padding-bottom:5px;
       float:left
   }
   .title{
       width:50%;
       text-align:left
   }
   
   .country{
       width:12%;
       text-align:center
   }
   
   .total{
       width:22%;
       text-align:center;
       border-left:1px solid #a51728
   }
   
   .markerHint{
       width:290px;
       background-color:rgba(165, 23, 40, 0.9);
       color:#ffffff;
       overflow:visible;
       bottom:0%;
       left:60px;
       position:absolute;
       padding-top:15px;
       padding-bottom:15px
   }

   .infoItem{
       width:90%;
       margin:0 auto;
       clear:both;
        font-family: 'raleway', Arial, Helvetica, sans-serif;
      font-size:1rem;
      padding-top:3px;
      padding-bottom:5px;
      border-top:1px solid #ffffff;
      overflow:hidden;
      position:relative;
      display: block
   }
   
   .infoTitle{
       width:80%;
       float:left;
       text-align:left;
        overflow:hidden;
          position:relative;
      display: block
   }
   .infoNumber{
       width:10%;
       float:right;
       text-align:right;
        overflow:hidden;
          position:relative;
      display: block
   }
   
   .hintClose{
       position:absolute;
       top:-20px;
       width:35px;
       height:35px;
       left:88%;
       background-image:url(../images/shake-close.png);
       border-radius: 40px;
       background-position:center center
   }
   
   /* add css for single recipe page */
   .single-ingham_recipe .recipe-detail .heroSection .heroBox{
       max-width:670px;
       padding:30px;
       position:relative
   }
   
   .recipeContent{
       width:100%;
       max-width:500px;
       float:left;
       clear:both;
   }
   
   .recipeHero{
       position:absolute;
       top:0px;
       right:-60%;
       width:100%;
       max-width:530px;
   }
   
   .recipe-share{display:none}

   .recipeFeatured p{
      font-size:1.5rem
   }

   /* css for the ingham animation */
   .inghamAnimate{
       width:100%;
       position:relative;
       clear:both;
       margin-top:30px;
       min-height:50px;
       background-image:url(../animate/bg-main.png);
       background-size:cover;
       padding-top:100px;
       overflow:hidden;
       min-height:500px
   }
  .inghamAnimate div{
     opacity:0
  }
  .layersign{
      cursor:pointer
  }
   .valuelayer0{
       width:100%;
       position:relative;
       z-index:0;
       overflow:visible;
       float:left;
       clear:both;
       margin-top:100px;
       opacity:0;
        -webkit-transition: all 1s ease-out;
        -moz-transition: all 1s ease-out;
        transition: all 1s ease-out;
   }
   .valuelayer0.display{
       margin-top:0px;
       opacity:1;
   }
  .valuelayer0 img{width:100%}
  .valuelayer0.display img{opacity:1}
  
   .valuelayer1{
       width:100%;
       position:relative;
        overflow:visible;
       z-index:1;
       float:left;
       clear:both;
       margin-top:-35%;
       margin-left:-100%;
     
     
   }
   /*
   .valuelayer1.display{margin-top:-12%; opacity: 0.3}
   .valuelayer1.display1{margin-top:-24%; opacity: 0.6}
   .valuelayer1.display2{margin-top:-35%; opacity: 1}
*/

   .valuelayer1.display{margin-left:0%; opacity: 1}


  .valuelayer1 img.layerbg{width:85%; float:left; z-index:0}
 /* .valuelayer1 img.layersign{width:32%; float:left; z-index:1; position:absolute; top:10%; left:5%}*/
  .valuelayer1 img.layersign{width:18%; float:left; z-index:1; position:absolute; top:10%; left:16%}


  .valuelayer2{
       width:100%;
       position:relative;
        overflow:visible;
       z-index:2;
       float:right;
       clear:both;
       margin-top:-48%;
         margin-right:-100%;
   
   }
   /*
 .valuelayer2.display{margin-top:-18%; opacity: 0.3}
   .valuelayer2.display1{margin-top:-38%; opacity: 0.6}
   .valuelayer2.display2{margin-top:-58%; opacity: 1}
   */

 .valuelayer2.display{margin-right:0%; opacity: 1}
 .valuelayer2 img.layerbg{width:85%; float:left; z-index:0; float:right}
/* .valuelayer2 img.layersign{width:19%; float:left; z-index:1; position:absolute; top:10%; right:5%}*/
 .valuelayer2 img.layersign{width:19%; float:left; z-index:1; position:absolute; top:10%; right:7%}

 .valuelayer3{
       width:100%;
       position:relative;
        overflow:visible;
       z-index:3;
       float:left;
       clear:both;
       margin-top:-42%;
       margin-left:-100%;
   
   }


.valuelayer3 img.layerbg{width:88%; float:left; z-index:0; float:left}
/*.valuelayer3 img.layersign{width:25%; float:left; z-index:1; position:absolute; top:12%; left:10%}*/
.valuelayer3 img.layersign{width:32%; float:left; z-index:1; position:absolute; top:12%; left:10%}





   .valuelayer4{
       width:100%;
       position:relative;
        overflow:visible;
       z-index:4;
       float:right;
       clear:both;
       margin-top:-60%;
       margin-right:-100%;
     
   }


 .valuelayer4 img.layerbg{width:100%; float:left; z-index:0; float:right}
 /*.valuelayer4 img.layersign{width:31%; float:left; z-index:1; position:absolute; top:20%; right:6%}*/
  .valuelayer4 img.layersign{width:27%; float:left; z-index:1; position:absolute; top:20%; right:6%}

 .valuelayer5{
       width:100%;
       position:relative;
        overflow:visible;
       z-index:6;
       float:right;
       clear:both;
       margin-top:-40%;
       margin-right:-100%;
        
   }

.valuelayer5 img.layerbg{width:96%; float:left; z-index:0; float:right}
/*.valuelayer5 img.layersign{width:19%; float:left; z-index:1; position:absolute; top:17%; right:14%}*/
.valuelayer5 img.layersign{width:23%; float:left; z-index:1; position:absolute; top:17%; right:12%}
.valuelayer5 img.layerfg{width:39%; float:left; position:absolute; bottom:0%; right:5%; z-index:2;}

 .valuelayer6{
       width:100%;
       position:relative;
        overflow:visible;
       z-index:7;
       float:left;
       clear:both;
       margin-top:-38.8%;
       margin-left:-100%;
       
   }

.valuelayer6 img.layerbg{width:70%; float:left; z-index:0; float:left}
.valuelayer6 img.layersign{width:20%; float:left; z-index:1; position:absolute; top:19%; left:6%}
.valuelayer6 img.layersign{width:32%; float:left; z-index:1; position:absolute; top:19%; left:0%}

img.layersign{
      -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     transition: all 0.5s ease;
     opacity:0;
     transform:scale(0.1);
}

img.layersign.activedDisplay{
     opacity:1;
     transform:scale(1);
}

img.alignleft{
    float:left;
    margin-right:10px
}

img.alignright{
     float:right;
    margin-left:10px
}

.single .singleDetail p{
   margin-top:0px;
}

.single .singleDetail h3{
    margin-bottom:15px;
    clear:both
}

.layerContent{
   display:none;
}

.layerPopup{
    width:300px;
    padding:15px;
    background-color: #a40c25;
    color: #fff;
    position:absolute;
    z-index:300;
     -webkit-transition: opacity 0.5s ease;
     -moz-transition: opacity 0.5s ease;
     transition: opacity 0.5s ease;
     opacity:0;
}

.layerPopup.active{
    opacity:1 !important;
}

.w7Form{display:none}
.w7Form:first-child{
    display:block
}

.chookchat{
    background-image:url(../images/chook-chat.jpg);
    background-size:100% auto;
    min-height:370px;
    background-position:center center;
    background-repeat:no-repeat;
}

/* food service css */
.categorylistItem{
    width:100%;
    clear:both;
    overflow:hidden;
    margin-top:0px;
    margin-bottom:40px
}

.categorylistItem h2{
    text-align:left;
    margin-bottom:10px
}
.serviceSlider{
    width:30%;
    padding-bottom:30%;
    position:relative;
    float:left;
    background-size:cover;
}

.serviceSlider .slider, .serviceSlider .slider ul.slides, .serviceSlider .slider ul.slides li{
    position:absolute;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    list-style:none;
    padding:0px;
    margin:0px;
    background-size:cover;
    background-position:center center
}

.serviceContentItem{
    color: #333333;
    font-family: "raleway",Arial,Helvetica,sans-serif;
    font-size: 1rem;
    position:relative;
}

.serviceContentItem p{
    width:100%;
    margin-top:0px;
    padding-top:0px
}
/*
.serviceContentItem .sectionBtn{
    position:absolute;
    top:0px;
    right:0px
}
*/
.listblock{
      display:block;
      float:left;
      width:15%;
      overflow:hidden;
      margin-right:1%
}
.listBody{
    width:100%;
    clear:both;
    padding-top:5px;
    padding-bottom:5px;
    border-bottom: 1px solid #a51728;
    overflow:hidden

}
.listHeaderItem .listblock{
    font-weight:bold
}
.listHeaderItem{
     border-bottom: 2px solid #a51728;
    overflow:hidden;
     padding-top:5px;
    padding-bottom:5px;
}

.serviceContentItem{
    width:67%;
    float:right;
    overflow:hidden;
}

.listblockLarger{
    width:35%;
}


.flex-control-nav{
    bottom:0px;
    z-index:30;
}

.flex-control-nav li{
    display:inline-block;
    width:8px;
    height:8px;
    border-radius:8px;
    opacity:0.8;

    background-color:#333333;
    overflow:hidden;
}

.flex-control-nav li a.active{
      background-color: #a51728;
}

.serviceListItem{
    overflow:hidden;
    clear:both;
    width:100%;
    margin-bottom:20px;
   
}

.serviceItem{
    clear:both;
    width:100%;
    padding-top:5px;
    padding-bottom:5px;
    border-bottom: 1px solid #333333;
    overflow:hidden
}

.listblockLeft{
    width:50%;
    float:left
}

.listblockRight{
    width:50%;
    float:right
}

.sub-menu{
    background-color:#ffffff;
    overflow:hidden;
    position:absolute;
    top:70px;
    right:0px;
    padding:0px;
    margin:0px;
    display:none;
    width:100%
}

.sub-menu li{
    border:none !important;
    display:inline-block;
    width:100%
}



.menu-item:hover .sub-menu{
    display:block
}

#menu-main li.menu-item:hover .sub-menu li a:link,
#menu-main li.menu-item:hover .sub-menu li a:visited,
#menu-main li.menu-item:hover .sub-menu li a:active{
 color: #a40c25;
 font-size:1.5rem
}

#menu-main li.menu-item .sub-menu li a:hover{
 color: #ffffff !important;
}

#menu-main li.menu-item .sub-menu li:hover a,
#menu-main li.menu-item .sub-menu li.current-menu-item a
{
 color: #ffffff !important;
}

.distributor_map{
    width:200px;
    height:347.5px;
    background-image:url(../images/map-nz.png);
    background-size:cover;
    position:absolute;
    top:0px;
    right:30px
}

.distributor_map_north{
    width:60.75%;
    height:51.65%;
    background-size:cover;
    background-image:url(../images/map-nz-north.png);
    top:0px;
    right:0px;
    position:absolute;
    z-index:0;
    cursor:pointer;
      -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     transition: all 0.5s ease;
     opacity:0;
}
.distributor_map_south{
    width:66%;
    height:53.34%;
    background-size:cover;
    background-image:url(../images/map-nz-south.png);
    bottom:0px;
    left:0px;
    position:absolute;
    z-index:1;
    cursor:pointer;
      -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     transition: all 0.5s ease;
       opacity:0;
}

.distributor_map_north.active,
.distributor_map_south.active{
    opacity:1;
}

.distributor_map_north:hover,
.distributor_map_south:hover{
    opacity:1;
}

.distributorTile{
    width:22%;
    padding-top:25%;
    margin-left:1%;
    margin-right:1%;
    float:left;
    background-color:#ffffff;
    position:relative;
    margin-bottom:1%
}

.distributorContent{
    position:absolute;
    top:15px;
    left:15px;
    bottom:15px;
    right:15px
}

.distributorContent h4{
    font-size:1.4rem
}

.distributorContent .sectionBtn{
    position:absolute;
    bottom:0px;

}

.distributorContent .sectionBtn .buttonmiddle span{
      font-size: 1.3rem;
    padding-top: 12px;
}

.disContent{
    min-height:300px; padding-top:100px
}

.foodServiceNew{
    background: transparent url(../images/new-flag.png) 0 0 no-repeat;
    font-family: 'afternoonRg', Arial, Helvetica, sans-serif;
    color:#ffffff;
    font-size: 28px;
    position:absolute;
    right:0px;
    top:25px;
    width:120px;
    text-align:center;
    padding-top:7px;
    overflow:hidden;
    background-size:cover;
    height:54px
}

.foundation{
     background: transparent url(../images/heart_fod.png?dfd) 0 0 no-repeat;
     background-size:contain;
    width:70px;
    height:90px;
    position:absolute;
    top:0px;
    right:0px
}

.distributor-list h3{
    margin-bottom:30px
}

.instagramSlider .sliderItem{
 /*   padding-bottom:33%;*/
}

.cateCon{
    width:100%;
    text-align: center
}

.categoryBox{
    display:inline-block;
    padding:10px;
    font-family: 'Raleway', Helvetica, Arial, sans-serif;
    font-size:20px;
    color:#ffffff;
    cursor:pointer;
    position:relative;
    padding-left:40px
}

.dotBox{
    border: 2px dotted #ffffff;
    box-sizing: border-box;
    width:20px;
    height:20px;
    border-radius:20px;
    position:absolute;
    top:11px;
    left:12px
}

.activeBox{
    background-color:#ffffff;
    position:absolute;
    top:2px;
    left:2px;
    right:2px;
    bottom:2px;
    border-radius:20px;
    opacity:0;
     -webkit-transition: all 0.2s ease;
     -moz-transition: all 0.2s ease;
     transition: all 0.2s ease;
}

.dotBox.active .activeBox{
    opacity:1;
}

.corpSection{
    width:100%;
    max-width:880px;
    margin:0 auto;
    overflow:hidden;
}

.corpBlock{
    width:100%;
    padding:30px;
    background-color:#ffffff;
    margin-bottom:10px;
    overflow:hidden
}

a.corpLink:link, a.corpLink:hover, a.corpLink:visited, a.corpLink:active{
     color: #a40c25;
     font-family: "afternoonRg",Arial,Helvetica,sans-serif;
     font-size: 2rem;
     text-decoration:none;
     display:inline-block;
     padding-right:50px;
      background-image: url("../images/btn_red_arrow.png");
      background-repeat:no-repeat;
      background-position:right center
}

.corpImg{
    width:20%;
    float:left;
    min-height:200px;
    background-size:contain;
    background-position:center top;
    background-repeat:no-repeat;
}

.corpContent{
    width:75%;
    float:right;
    overflow:hidden
}

.faketable{
    width:100%;
    clear:both;
    overflow:hidden;
      font-family: 'Raleway', Helvetica, Arial, sans-serif;
    font-size:1rem;
    margin-bottom:10px
}

.leftTD{
   display:inline-block;
    float:left;
    margin-right:10px;
    max-width:35%
}
.rightTD{
       display: inline-block;
       max-width: 63%; 
}

.leftTD img{
    float:left !important;
    margin-bottom:1px
}
.leftTD h1, .leftTD h2, .leftTD h3, .leftTD h4, .leftTD h5, .leftTD h6{
    clear:left;
}

.single-chook_chat h2{
    margin-bottom:20px;
    margin-top:30px
}

.single-chook_chat .main h4{
    font-size:1.2rem
}

.sectionBtn.none span{
   background-image:none !important;
   border:0px !important
}
.sectionBtn.none .buttonleft{
    display:none
}

.sectionBtn.none .buttonmiddle{
    padding:0px
}
.sectionBtn.none:hover{
   border:2px solid #ffffff !important;
   padding-left:0px
}

.videoContainer{
    max-width:600px;
    padding-bottom:337.5px;
    margin:0 auto;
    position:relative;
     -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.36);
    -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.36);
    box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.36);
    margin-top:30px
}

.videoContainer iframe{
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:100%
}

.mobileValue{
    display:none
}
.ingham-values{
    display:none
}

.valueDiv{
    width:100%;
    padding-top:140%;
    background-image:url(../images/Inghams_Values_A3Poster.jpg);
    background-size:cover;
    position:relative;
}

.layerValue{
    position:absolute;

    cursor:pointer
}

.layerOverlay{
    width:300px;
    padding:15px;
    background-color: #a40c25;
    color: #fff;
    position:absolute;
    z-index:300;
     -webkit-transition: opacity 0.5s ease;
     -moz-transition: opacity 0.5s ease;
     transition: opacity 0.5s ease;
     opacity:0;
     visibility: hidden
}
.layerValue:hover .layerOverlay{
    opacity:1;
      visibility: visible
}

.value1{
   left: 6.5%;
    padding-bottom: 7%;
    top: 39%;
    width: 30%;
}

.value1 .layerOverlay{
    top:0px;
    right:-310px
}

.value2{
   padding-bottom: 9%;
    right: 9.5%;
    top: 43%;
    width: 21%;
}

.value2 .layerOverlay{
    top:0px;
    left:-310px
}

.value3{
    left: 11.5%;
    padding-bottom: 8%;
    top: 55%;
    width: 25%;
}

.value3 .layerOverlay{
    top:0px;
    right:-310px
}

.value4{
    padding-bottom: 8%;
    right: 8.5%;
    top: 58.5%;
    width: 31%;
}

.value4 .layerOverlay{
    top:0px;
    left:-310px
}

.value5{
   left: 6.5%;
    padding-bottom: 9%;
    top: 67%;
    width: 18%;
}

.value5 .layerOverlay{
    top:0px;
    right:-310px
}

.value6{
   padding-bottom: 11%;
    right: 19.5%;
    top: 67.5%;
    width: 17%;
}

.value6 .layerOverlay{
    top:0px;
    left:-310px
}

.skiptranslate{
    display:none
}

.single-chook_chat .skiptranslate{
    display:block
}

.loopingVideo{
    position:absolute;
    z-index:0;
    width:100%;
    height:100%;
    top:0px;
    left:0px
}

.loopingVideo video{
    width:100%;
    height:auto;
    position:absolute;
     top: 0; left: 0; bottom: 0; right: 0;
}

.homeVideoOverlay{
    background-image:url(../images/white-dots.png);
    background-repeat:repeat;
}
.ipo{
       -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.header.sticky .ipo{
    margin-top:-100px !important;
}

.content880 iframe{
    width:100% !important;
    max-width:560px !important;
    margin:0 auto !important;
}

.ipo .sectionBtn{
    background-image: url("../images/btn_white_arrow.png");
    background-color:#a40c25;
    border-radius:8px;
   
}

.ipo .sectionBtn span{
    background-image:none !important;
     color:#ffffff !important;
}

.dotChick {
  /* Some layout code… */
  position:absolute;
   z-index:200;
  top:90px;
  right:50px;
  width:100%;
  height:100px;

 -webkit-animation: xAxis 10.5s 1 cubic-bezier(0.02, 0.01, 0.21, 1);
  animation: xAxis 10.5s 1 cubic-bezier(0.02, 0.01, 0.21, 1);
   animation-fill-mode: forwards;
}

.dotChick .chik {
  /* Render dot */
 position:absolute;
 right:0px;
 top:0px;
  width:100px;
  height:100px;

  background-size:cover;
  
-webkit-animation: yAxis 5.5s 1 cubic-bezier(0.3, 0.27, 0.07, 1.64);
  animation: yAxis 5.5s 1 cubic-bezier(0.3, 0.27, 0.07, 1.64);
  animation-fill-mode: forwards
}

.dotChick .chik .chicken{
 position:absolute;
 left:0px;
 top:0px;
  width:100px;
  height:100px;
  background-image:url(../images/sticker-chicken2.png);
  background-size:cover;
    -moz-animation: 1s ease normal none infinite swingA;
    -moz-transform-origin: center bottom;
    -webkit-animation:swingA 1s infinite ease;
    -webkit-transform-origin:center bottom;
}

@-moz-keyframes swingA{
    0%{-moz-transform:rotate(-15deg)}
    50%{-moz-transform:rotate(15deg)}
    100%{-moz-transform:rotate(-15deg)}
}
@-webkit-keyframes swingA{
    0%{-webkit-transform:rotate(-15deg)}
    50%{-webkit-transform:rotate(15deg)}
    100%{-webkit-transform:rotate(-15deg)}
}

.tickItem{
    font-family: 'afternoonRg', Arial, Helvetica, sans-serif;
    font-weight: 100;
    font-size:1.6rem
}

.tickItem div:before{
    content: '\e806';
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .3em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 0.8em;
    font-size: 0.9em;
}

@keyframes xAxis {
  50% {
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
     animation-timing-function: ease-in;
  /*   -webkit-animation-timing-function: cubic-bezier(0.02, 0.01, 0.21, 1);
    animation-timing-function: cubic-bezier(0.02, 0.01, 0.21, 1);
    */
  }
   100% {
    animation-timing-function: ease-out;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
  }
}



@keyframes yAxis {
 
   50% {
    animation-timing-function: ease-out;
    transform: translateY(-100%);
    -webkit-transform:translateY(-100%);
   -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
}

.gifOverlay{
    width:150px;
    height:150px;
    position:absolute;
    right:0px;
    bottom:30px;
    z-index:3;
    background-size:cover;
     -webkit-animation: xAxis1 3.5s infinite linear; 
     animation: xAxis1 3.5s infinite linear; 
}

.fesBanner{
    height:350px;
    overflow:hidden;
    position:relative;
    overflow:hidden;
}
.fesVideo{
    width:100%;
    position:relative;
}
.fesVideo video{
    position:absolute;
    height:350px;   
    left:50%;
    margin-left:-787.5px
}

.fesBanner h1{
    margin-bottom:0px !important;
    margin-top:50px
}

.fesBanner .heroBox {
    background:transparent !important;
    padding-top:160px
}

.gifOverlay2{
    width:150px;
    height:150px;
    position:absolute;
    right:-150px;
    bottom:30px;
    z-index:3;
    background-size:cover;
     -webkit-animation: xAxis1 3.5s infinite  linear; 
     animation: xAxis1 3.5s infinite  linear; 
     overflow:visible;
     -webkit-animation-delay: 0.5s; /* Safari 4.0 - 8.0 */
    animation-delay: 0.5s;
     opacity: 1;
}
.gifOverlay2 div{
    width:100%;
    height:100%;
    background-size:cover;
      -webkit-animation: yAxis 1.5s infinite linear; 
     animation: yAxis 1.5s infinite linear; 
}

@keyframes xAxis1 {
  100% {
      animation-timing-function: ease-out;
      right: 100%;
   
  }
}

.serviceThumbnail{
    position:relative;
    width:100%;
    padding-top:100%;
    background-size:cover
}

.listBlock{
    width:100%;
    overflow:hidden;
    clear:both;
    font-family: "raleway",Arial,Helvetica,sans-serif;
    font-size: 1rem;
    margin-top:5px
}

.listleft{
    width:47%;
    float:left;
    font-weight:bold
}

.listright{
    width:47%;
    float:right;
}
.serviceItems{
    padding-bottom:20px
}
.serviceItems h3, .serviceContentItem h3{
    color:#a51728
}
.serviceItems h3{
    margin-top:20px
}

.serviceItems p, .serviceContentItem p{
    color:#333333
}

.feegtag{
    background-size:auto 95%;
    background-position:left center;
    background-repeat:no-repeat;
    height:40px;
    width:100%;
    position:relative;
    margin-bottom:5px
}

.fs0{
      background-image:url(../images/icon-chilly.png);
}

.fs0:after{
      content:"HOT";
      position:absolute;
      left:50px;
      top:12px;
      font-family: "raleway",Arial,Helvetica,sans-serif;
      font-size: 0.8rem;
      color:#872725;
       font-weight:bold
}

.fs1{
      background-image:url(../images/icon-glutenfree.png);
}

.fs1:after{
      content:"GLUTEN FREE";
      position:absolute;
      left:50px;
      top:12px;
      font-family: "raleway",Arial,Helvetica,sans-serif;
      font-size: 0.8rem;
      color:#225732;
      font-weight:bold
}


.fs2{
      background-image:url(../images/icon-salt.png);
}

.fs2:after{
      content:"LOW SALT";
      position:absolute;
      left:50px;
      top:12px;
      font-family: "raleway",Arial,Helvetica,sans-serif;
      font-size: 0.8rem;
      color:#4e98c1;
      font-weight:bold
}

.fs3{
      background-image:url(../images/icon-redgum.png);
}

.fs3:after{
      content:"NATURAL 100% REDGUM";
      position:absolute;
      left:50px;
      top:12px;
      font-family: "raleway",Arial,Helvetica,sans-serif;
      font-size: 0.8rem;
      color:#674329;
      font-weight:bold
}

.fs4{
      background-image:url(../images/icon-tag.png);
        font-family: "raleway",Arial,Helvetica,sans-serif;
      font-size: 0.8rem;
      color:#c67039;
       font-weight:bold;
       padding-left:50px;
       overflow:hidden;
       padding-top:12px;
       height:auto;
       min-height:40px;
        background-position:left top;
        text-transform: uppercase 
}
.serviceItem{
    position:relative
}
.tagArea{
    height:30px;
    position:absolute; 
    right:0px;
    top:0px;
    width:30%;
}

.tagArea .feegtag{
    width:30px;
    height:30px;
    position:relative;
    float:right
}
.tagArea .feegtag:after{
    display:none
}

.categorylistItem > .item:nth-child(4n+1) {
    clear: both;
}

.fesBanner .content1280{
    max-width:1000px
}

.fesbg{
     background-color:rgba(106,34,147,0.9) !important;
    background-image:url(../images/bg-christmas.png);
    background-size:contain;
    background-repeat:no-repeat;
    background-position: left bottom;
    padding-bottom:180px !important
   
}


.fesRecipe{
      background-color:rgba(106,34,147,0.9) !important;
}

.fesRecipe h2{
    text-align:left
}

.videoTag {
    border: 25px solid #ffffff;
    margin-bottom: 35px;
    margin-top: 35px;
    padding-bottom: 56%;
    position: relative;
    width: 100%;
}

.videoTag iframe {
    box-shadow: 4px 4px 18px 3px rgba(0, 0, 0, 0.4);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.page-template-page-career .heroSection{
   height:600px !important
}

.page-template-page-career .content780{
   margin-bottom:0px;
   padding-bottom:30px
}

 .jobItem:nth-child(2n+1) {
    clear: both;
}

.jobItem{
    margin-bottom:0px
}

.jobItem img{
    width:100%;
    max-width:522px
}

.jobItem h3, .jobItem p{
    width:100%;
    max-width:480px
}

.jobItem h3{
    font-size:2.5rem;
    line-height:2.7rem
}

.valueItem{
    text-align:center;
    padding:25px !important;
    padding-top:0px !important
}

.valueItem img{
    width:100%;
}

.page-template-page-career .redTop{
    margin-top:0px;
    height:30px
}

.page-template-page-career .redBottom:last-child{
   display:none
}

.modalBox{
    background-color:rgba(0, 0, 0, 0.8);
    position:fixed;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    z-index:99999;
    text-align:center;
    display:none
}

.modalContent{
    margin:30px auto;
    width:95%;
    max-width:500px;
    background-color:#ffffff;
    overflow:hidden;
    position:relative;
    top:50%;
    transform:translateY(-50%); 
    padding-bottom:10px
}

.modalContentVideo{
    margin:10px auto;
    width:95%;
    max-width:560px;
    background-color:#ffffff;
    padding-bottom:315px;
    position:relative;
    top:0px;

}

.modalContentVideo iframe{
    position:absolute;
    width:100%;
    height:100%;
    left:0px;
    top:0px
}

.modalCloseBtn{
    position:absolute;
    right:5px;
    top:2px;
    font-size:20px;
    color:#000000;
    z-index:2;
    cursor:pointer
}

.page-template-page-career .section.heroSection {
    height: 670px;
    text-align: center;
    background-repeat: no-repeat;
    background-size: 1690px auto !important;
    background-position: center center;
    overflow: hidden;
    background-color: #ffffff !important;
}

.jobItem{
    position:relative;
    margin-top:25px;
    text-align:left;
}


.page-template-page-jobs .jobItem{
    margin-top:45px;
    border-bottom:1px solid #a51728;
    padding-bottom:30px;
}

.jobItem p{
    text-align:left
}

.jobDate{
    position:absolute;
    right:5px;
    top:0px
}

.jobDate p{
    margin:0px;
    font-weight:500;
    color:#a51728
}
.jobItem h3{
    font-family: 'raleway', Arial, Helvetica, sans-serif;
    font-size:1.8rem;
    font-weight:300;
    max-width:100%;
    text-align:left
}

.jobItem p.tag{
    margin-bottom:3px;
    font-weight:500;
    color:#a51728
}

.jobItem p.jobplace{
    margin-bottom:7px;
    font-weight:500;
    margin-top:3px
}

.jobItem p.jobsum{
    margin-top:1px;
    width:100%;
    max-width:100%
}

.jobItem .link {
    font-family: 'afternoonRg', Arial, Helvetica, sans-serif;
    font-size: 32px;
    text-decoration: none;
    color: #a40c25;
}

.jobItem  .link:after {
    content: '>>';
    font-size: 1.4em;
    position: relative;
    letter-spacing: -5px;
    font-style: normal;
    line-height: 0.5em;
    top: 4px;
    font-weight: 100;
    margin-left: 6px;
}

/* 100 years css */
.hero100years{
    margin-left:20px;
    max-width:800px;
    padding-top:40px;
    padding-bottom:15px !important
}

.hero100years .sectionBtn{
    margin-top:20px
}

.hero100years h1{
    margin-top:45px;
    margin-bottom:20px;

}

.entersteps{
    margin:0 auto;
    max-width:1000px;
    color:#ffffff;
    margin-top:90px;
    background-image:url(http://s3-ap-southeast-2.amazonaws.com/inghams/wp-content/uploads/2018/02/05105557/image-bagchicken.png);
    background-repeat:no-repeat;
    background-position:top left;
    background-size:30% auto;
    overflow:visible;
    margin-bottom:200px;
    padding-top:100px;
}

.entersteps h3{
    font-size:3.2rem;
    position: relative;
    width:100%;
    display:block;
}

.step{
    max-width:500px;
    width:45%;
    position:relative;
}

.step div{
    position:absolute;
    width:100%;
    top:0px;
    left:0px;
    height:100%;
}
.step1{
   margin-left:35%;
   padding-top:20%;
}

.step1 h3:before{
   content:"";
   background-image:url(http://s3-ap-southeast-2.amazonaws.com/inghams/wp-content/uploads/2018/02/05103024/ling1.png);
   position: absolute;
   top: -80px;
   left: -20%;
   width: 35%;
   padding-top: 15%;
   background-size:contain;
   background-repeat:no-repeat
}

.step1 h3:after{
    content:"";
   background-image:url(http://s3-ap-southeast-2.amazonaws.com/inghams/wp-content/uploads/2018/02/05103026/line2.png);
   position: absolute;
   top: -70px;
   left: 24%;
   width: 120%;
   padding-top: 65%;
   background-size:contain;
   background-repeat:no-repeat
}


.step2 h3:before{
    content:"";
    background-image:url(http://s3-ap-southeast-2.amazonaws.com/inghams/wp-content/uploads/2018/02/05103022/line3.png);
    position: absolute;
    top:10px;
    left:-75%;
    width:70%;
    padding-top:90%;
    background-size:contain;
    background-repeat:no-repeat
 }

.step2{
    margin-left: 70%;
    padding-top:25%;
 }

 .step3{
    margin-left: 31%;
 }