#mobile-menu,
#mobile-menu ul {
  list-style: none !important;
  margin: 0;
  padding: 0;
}

p{
  line-height:1.5;
  font-size:16px;
}
body{
  font-family:'Open Sans', sans-serif;
}
h4{
  font-size:24px !important;
}
a{
  cursor:pointer;
  color:#585858;
}
a:hover{
  color:#949494;
  text-decoration:none;
}
article{
  overflow:hidden;
}
.btn-default{
  background:#ac212a;
  color:white;
  border-color:#ac212a !important;
  padding-left:25px;
  padding-right:25px;
  padding-top:7px;
  padding-bottom:7px;
}
.btn-default:hover{
  color:#ac212a;
  background:white;
}
#slider .controlContainer .carousel-control{
  opacity:1;
  z-index:50;
}
#slider .controlContainer .carousel-control span{
  position:absolute;
  height:60px;
  width:40px;
  background-color:#949494;
  bottom:50%;
}
@media (max-width: 768px){
  #slider .controlContainer .carousel-control span{
    width:30px;
    background:none;
  }
}
#slider .controlContainer .carousel-control .fa{
  color:#fff;
  margin-top:20px;
}
#slider .controlContainer .left{
  background-image:none;
}
#slider .controlContainer .right{
  background-image:none;
  z-index:1;
}
#slider .carousel-inner{
  display:block;
  margin-top:5px;
}
#slider .carousel-inner .item{
  height:1400px;
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  z-index:1;
}
@media (max-width: 2300px){
  #slider .carousel-inner .item{
    height:1100px;
  }
}
@media (max-width: 2000px){
  #slider .carousel-inner .item{
    height:1000px;
  }
}
@media (max-width: 1700px){
  #slider .carousel-inner .item{
    height:900px;
  }
}
@media (max-width: 1600px){
  #slider .carousel-inner .item{
    height:850px;
  }
}
@media (max-width: 1500px){
  #slider .carousel-inner .item{
    height:800px;
  }
}
@media (max-width: 1400px){
  #slider .carousel-inner .item{
    height:775px;
  }
}
@media (max-width: 1350px){
  #slider .carousel-inner .item{
    height:750px;
  }
}
@media (max-width: 1300px){
  #slider .carousel-inner .item{
    height:725px;
  }
}
@media (max-width: 1250px){
  #slider .carousel-inner .item{
    height:700px;
  }
}
@media (max-width: 1200px){
  #slider .carousel-inner .item{
    height:675px;
  }
}
@media (max-width: 1150px){
  #slider .carousel-inner .item{
    height:650px;
  }
}
@media (max-width: 1100px){
  #slider .carousel-inner .item{
    height:625px;
  }
}
@media (max-width: 1050px){
  #slider .carousel-inner .item{
    height:600px;
  }
}
@media (max-width: 1000px){
  #slider .carousel-inner .item{
    height:575px;
  }
}
@media (max-width: 950px){
  #slider .carousel-inner .item{
    height:550px;
  }
}
@media (max-width: 900px){
  #slider .carousel-inner .item{
    height:525px;
  }
}
@media (max-width: 850px){
  #slider .carousel-inner .item{
    height:500px;
  }
}
@media (max-width: 800px){
  #slider .carousel-inner .item{
    height:475px;
  }
}
@media (max-width: 768px){
  #slider .carousel-inner .item{
    height:450px;
  }
}
@media (max-width: 700px){
  #slider .carousel-inner .item{
    height:375px;
  }
}
@media (max-width: 650px){
  #slider .carousel-inner .item{
    height:350px;
  }
}
@media (max-width: 600px){
  #slider .carousel-inner .item{
    height:325px;
  }
}
@media (max-width: 550px){
  #slider .carousel-inner .item{
    height:300px;
  }
}
@media (max-width: 500px){
  #slider .carousel-inner .item{
    height:275px;
  }
}
@media (max-width: 450px){
  #slider .carousel-inner .item{
    height:250px;
  }
}
@media (max-width: 400px){
  #slider .carousel-inner .item{
    height:225px;
  }
}
@media (max-width: 350px){
  #slider .carousel-inner .item{
    height:200px;
  }
}
#slider .carousel-caption{
  text-align:left;
  left:10%;
  bottom:10%;
  padding:0;
  text-shadow:none;
}
@media (min-width: 768px){
  #slider .carousel-caption{
    bottom:4%;
    left:13%;
  }
}
@media (min-width: 992px){
  #slider .carousel-caption{
    left:14%;
  }
}
#slider .carousel-caption h1{
  font-size:70px;
  margin:0;
  width:100%;
  color:#fff;
  text-align:left;
}
@media (min-width: 1200px){
  #slider .carousel-caption h1{
    font-size:123px;
  }
}
#slider .carousel-caption h2{
  font-size:28px;
  margin-bottom:10px;
  width:100%;
  color:#fff;
  text-align:left;
}
@media (min-width: 1200px){
  #slider .carousel-caption h2{
    font-size:32px;
  }
}
#slider .carousel-caption a{
  color:#fff;
}
#slider .carousel-caption a:visited{
  color:#fff;
}
#slider .carousel-caption .btn{
  margin-bottom:10px;
  left:0;
}
@media (min-width: 768px){
  #slider .item:nth-child(2) .carousel-caption .btn{
    position:absolute;
    left:42%;
    padding:20px 30px;
    font-size:25px;
    font-weight:600;
  }
}
#left-control{
  left:0;
}
#right-control{
  right:0;
}
.logo{
  height:100%;
}
.navbar{
  background:white;
  border:none;
}
.logo-container{
  height:100%;
}
@media (max-width: 330px){
  .logo-container{
    margin-left:-40px;
  }
}
.top-bar{
  background-color:#313131;
  height:100%;
}
.top-bar #top-bar-phone{
  font-size:16px;
  margin-top:7px;
  margin-left:15px;
  color:white;
  font-weight:bold;
}
@media (max-width: 1200px){
  .top-bar #top-bar-phone{
    text-align:center;
    font-size:15px;
  }
}
@media (max-width: 768px){
  .top-bar #top-bar-phone{
    font-size:13px;
  }
}
@media (max-width: 500px){
  .top-bar #top-bar-phone{
    margin-top:12px;
  }
}
.top-bar #top-bar-phone i{
  color:white;
}
.top-bar #top-bar-phone a{
  color:white;
}
.top-bar #top-bar-phone a:hover{
  color:#949494 !important;
}
.navbar-brand{
  width:175px;
  background:white;
  height:100px;
  padding-left:30px;
}
@media (max-width: 330px){
  .navbar-brand{
    height:70px;
  }
}
.navbar-brand:hover{
  background-color:#fff !important;
}
.navbar-brand:focus{
  background-color:#fff !important;
}
.navbar-nav>li>a{
  color:#000 !important;
  text-align:center;
  font-weight:400;
}
.navbar-nav>li>a:hover{
  color:#949494 !important;
}
.navbar-nav>li>a:hover:active{
  color:#fff !important;
}
.navbar-nav>li>a:hover i{
  color:#fff !important;
}
@media (max-width: 1210px){
  .navbar-nav>li>a{
    font-size:12px;
  }
}
@media (max-width: 921px){
  .navbar-nav>li>a{
    font-size:14px;
  }
}
.active a{
  background-color:#949494 !important;
}
.navbar-header{
  height:120px;
}
#menu-menu-1{
  margin-top:25px;
  position:absolute;
  right:10px;
}
@media (max-width: 1200px){
  #menu-menu-1{
    text-align:center;
  }
}
#menu-menu-1 a{
  font-size:16px;
}
@media (max-width: 1200px){
  #menu-menu-1{
    margin-left:0px;
    position:relative;
  }
  #menu-menu-1 a{
    font-size:14px;
  }
}
@media (max-width: 767px){
  #menu-menu-1 a{
    font-size:12px;
  }
}
#menu-menu-1 li.activce{
  background:none !important;
}
#menu-menu-2{
  position:absolute;
  top:-55px;
  right:0px;
}
#menu-menu-2 li:not(:first-child):after{
  content:" | ";
  color:white;
  top:15px;
  position:absolute;
}
#menu-menu-2 a{
  color:#fff !important;
}
#menu-menu-2 a:hover{
  color:#949494 !important;
}
@media (max-width: 1300px){
  #menu-menu-2 a{
    font-size:11px;
  }
}
@media (max-width: 1200px){
  #menu-menu-2 a{
    color:#000 !important;
    text-transform:uppercase;
    font-size:14px;
    margin-left:0px;
  }
}
@media (max-width: 767px){
  #menu-menu-2 a{
    font-size:12px;
  }
}
@media (max-width: 1200px){
  #menu-menu-2{
    position:relative;
    top:-55px;
    margin-top:53px;
    color:#000 !important;
  }
}
@media (max-width: 767px){
  #menu-menu-2{
    margin-top:46px;
    margin-left:3px;
  }
}
#menu-menu-2 li.activce{
  background:none !important;
}
.navbar-toggle{
  margin-top:25px;
  border:none;
}
.navbar-toggle:visited{
  background-color:#fff !important;
}
.navbar-toggle:focus{
  background-color:#fff !important;
}
.navbar-toggle:hover{
  background-color:#fff !important;
}
.navbar-toggle:hover .icon-bar{
  background-color:#000 !important;
}
.navbar-toggle .icon-bar{
  background-color:#000 !important;
}

/* Burger plate so it never looks transparent while scrolling the menu */
@media (max-width: 991px) {
  .navbar-toggle{
    background:#fff;            /* the white plate */
    border-radius:8px;
    padding:8px 10px;
    box-shadow:0 1px 6px rgba(0,0,0,.12);
  }
  .navbar-toggle .icon-bar{ background:#000; } /* keep bars visible */
}


.navbar-default .navbar-nav>.active>a{
  color:#fff !important;
  border-radius:5px;
}
@media (max-width: 1200px){
  .navbar-header{
    float:none;
  }
  .navbar-left,.navbar-right{
    float:none !important;
  }
  .navbar-toggle{
    display:block;
  }
  .navbar-collapse{
    border-top:1px solid transparent;
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top{
    top:0;
    border-width:0 0 1px;
  }
  .navbar-collapse.collapse{
    display:none !important;
    border-color:#fff !important;
  }
  .navbar-nav{
    float:none !important;
    margin-top:7.5px;
  }
  .navbar-nav>li{
    float:none;
  }
  .navbar-nav>li>a{
    padding-top:10px;
    padding-bottom:10px;
  }
  .collapse.in{
    display:block !important;
  }
}
.navbar-default .navbar-collapse,.navbar-default .navbar-form{
  border-color:transparent !important;
}
.navbar{
  margin-bottom:0px !important;
}
@media (max-width: 1200px){
  .dropdown-menu{
    width:100%;
    text-align:center;
  }
}
.dropdown-menu li .active{
  background-color:#fff !important;
}
.dropdown:hover .dropdown-menu{
  display:block;
}
@media all and (max-width: 1200px){
  .dropdown:hover .dropdown-menu{
    position:static;
    float:none;
  }
}
.hero-image-overlay{
  position:relative;
}
.hero-image{
  position:relative;
  height:700px;
  margin-top:-25px;
  background:url("images/mol1.png");
  background-repeat:no-repeat !important;
  background-size:cover !important;
  background-position:center !important;
}
@media all and (max-width: 991px){
  .hero-image{
    background:url("images/mol1-mobile.jpg") no-repeat;
    background-size:cover !important;
    background-position:center !important;
  }
}
@media (max-width: 1800px){
  .hero-image{
    height:600px;
  }
}
@media (max-width: 1200px){
  .hero-image{
    height:500px;
  }
}
@media (max-width: 900px){
  .hero-image{
    height:500px;
  }
}
@media (max-width: 600px){
  .hero-image{
    height:400px;
  }
}
@media (max-width: 500px){
  .hero-image{
    height:400px;
  }
}
@media (max-width: 374px){
  .hero-image{
    height:425px;
  }
}
.hero-button{
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:rgba(0,0,0,0.8);
  padding:15px 0;
}
.hero-button h4{
  color:#fff;
  text-align:center;
  margin-bottom:40px;
}
.hero-button p{
  color:#fff;
  text-align:center;
  padding-bottom:20px;
  margin-bottom:20px !important;
}
.hero-button p a{
  color:white;
  text-transform:uppercase;
  text-align:center;
  border:thin solid white;
  width:180px;
  height:50px;
  right:0px;
  margin:0 auto;
  position:relative;
  padding-top:10px;
  padding-bottom:10px;
  padding-left:5px;
  padding-right:5px;
  font-size:17px;
  font-weight:400;
  z-index:100;
  border-radius:5px;
  display:block;
}
@media (max-width: 500px){
  .hero-button p a{
    font-size:14px;
    width:140px;
    height:40px;
    padding-top:8px;
  }
}
.hero-button p a:hover{
  color:#a71b25;
  background:white;
}
.hero-search{
  background:rgba(0,0,0,0.8);
}
.hero-search .column{
  width:100% !important;
  display:flex;
  justify-content:center;
  align-items:center;
}
#top-call-home{
  width:100%;
  margin:0 auto;
  padding-top:35px;
  z-index:100;
}
@media (max-width: 1800px){
  #top-call-home{
    padding-top:25px;
  }
}
@media (max-width: 1600px){
  #top-call-home{
    padding-top:10px;
  }
}
@media (max-width: 1200px){
  #top-call-home{
    padding-top:1px;
  }
}
@media (max-width: 1000px){
  #top-call-home{
    padding-top:70px;
  }
}
@media (max-width: 900px){
  #top-call-home{
    padding-top:20px;
  }
}
@media (max-width: 600px){
  #top-call-home{
    padding-top:1px;
  }
}
#top-call-home h1{
  font-family:'Dosis', sans-serif;
  text-transform:uppercase;
  font-weight:700;
  color:white;
  font-size:82px;
  font-size:65px;
  position:relative;
  text-align:center;
  z-index:100;
}
@media (max-width: 1600px){
  #top-call-home h1{
    font-size:70px;
  }
}
@media (max-width: 1200px){
  #top-call-home h1{
    font-size:62px;
  }
}
@media (max-width: 1000px){
  #top-call-home h1{
    font-size:52px;
  }
}
@media (max-width: 767px){
  #top-call-home h1{
    font-size:50px;
    margin-top: 100px !important;
  }
}
@media (max-width: 500px){
  #top-call-home h1{
    font-size:36px;
  }
}
#top-call-home h1 span{
  font-size:35px;
  line-height:1.2;
  color:#ffffff;
  text-align:center;
  display:block;
  text-transform:none;
  margin-top:100px;
  margin-bottom:10px;
}
@media all and (max-width: 1024px){
  #top-call-home h1 span{
    font-size:25px;
  }
}
@media all and (max-width: 991px){
  #top-call-home h1 span{
    font-size:15px;
  }
}
#top-call-home h1 span:nth-of-type(2){
  margin-bottom:30px;
}
#top-call-home p{
  text-align:center;
  padding-top:280px;
}
@media all and (max-width: 480px){
  #top-call-home p{
    padding-top:1px;
  }
}
@media (max-width: 767px) {
  #top-call-home p a {
    position: absolute !important;
    left: 50% !important;
    bottom: 20px !important;    /* tweak this to move it up/down */
    transform: translateX(-50%);
    z-index: 1000;
    color: #ffffff !important;
  }
}
#top-call-home a,
#top-call-home a:visited,
#top-call-home a:hover {
    color: #ffffff !important;
    cursor: pointer;
}

.button-store{
  font-family:'dosis', serif;
  color:white;
  text-transform:uppercase;
  font-size:56px;
  font-weight:700;
  padding-left:5px;
}
@media (max-width: 1800px){
  .button-store{
    font-size:46px;
  }
}
@media (max-width: 1375px){
  .button-store{
    font-size:36px;
  }
}
@media (max-width: 1125px){
  .button-store{
    font-size:26px;
  }
}
@media (max-width: 767px){
  .button-store{
    font-size:24px;
  }
}
.mid-left{
  height:220px;
  background:url("images/button-red-left.jpg");
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:flex;
  align-items:center;
}
@media all and (max-width: 991px){
  .mid-left{
    background:url("images/button-red-left-mobile.jpg");
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
  }
}
.mid-left:hover{
  opacity:0.8;
}
@media (max-width: 1900px){
  .mid-left{
    height:170px;
  }
}
@media (max-width: 1375px){
  .mid-left{
    height:125px;
  }
}
@media (max-width: 1125px){
  .mid-left{
    height:110px;
  }
}
@media (max-width: 767px){
  .mid-left{
    height:90px;
  }
}
.mid-mid{
  height:220px;
  background:url("images/button-red-middle.jpg");
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:flex;
  align-items:center;
}
@media all and (max-width: 991px){
  .mid-mid{
    background:url("images/button-red-middle-mobile.jpg");
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
  }
}
.mid-mid:hover{
  opacity:0.8;
}
@media (max-width: 1900px){
  .mid-mid{
    height:170px;
  }
}
@media (max-width: 1375px){
  .mid-mid{
    height:125px;
  }
}
@media (max-width: 1125px){
  .mid-mid{
    height:110px;
  }
}
@media (max-width: 767px){
  .mid-mid{
    height:90px;
  }
}
.mid-right{
  height:220px;
  background:url("images/button-red-right.jpg");
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:flex;
  align-items:center;
}
@media all and (max-width: 991px){
  .mid-right{
    background:url("images/button-red-right-mobile.jpg");
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
  }
}
.mid-right:hover{
  opacity:0.8;
}
@media (max-width: 1900px){
  .mid-right{
    height:170px;
  }
}
@media (max-width: 1375px){
  .mid-right{
    height:125px;
  }
}
@media (max-width: 1125px){
  .mid-right{
    height:110px;
  }
}
@media (max-width: 767px){
  .mid-right{
    height:90px;
  }
}
.call-home{
  padding-top:40px;
  padding-bottom:30px;
  font-size:18px;
  text-align:center;
}
.mid-low-row-container{
  position:relative;
}
.mid-low-row::before{
  content:'';
  background:rgba(0,0,0,0.3);
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  z-index:2;
}
.low-left{
  height:823px;
  background:url("images/cows-left-new.jpg");
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
  text-transform:uppercase;
}
@media all and (max-width: 991px){
  .low-left{
    background:url("images/cows-left-new-mobile.jpg");
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
  }
}
.low-left h2{
  font-family:'Dosis', sans-serif;
  position:absolute;
  top:20px;
  right:20px;
  color:white;
  font-size:28px;
  z-index:100;
}
@media (max-width: 1024px){
  .low-left h2{
    font-size:26px;
  }
}
.low-left h3{
  font-family:'Dosis', sans-serif;
  position:absolute;
  top:57px;
  right:20px;
  color:white;
  font-size:54px;
  text-align:right;
  font-weight:700;
  z-index:100;
}
@media (max-width: 1600px){
  .low-left h3{
    font-size:44px;
  }
}
@media (max-width: 1024px){
  .low-left h3{
    font-size:36px;
  }
}
@media (max-width: 768px){
  .low-left h3{
    font-size:38px;
  }
}
@media (max-width: 600px){
  .low-left h3{
    font-size:32px;
  }
}
@media (max-width: 1800px){
  .low-left{
    height:700px;
  }
}
@media (max-width: 1600px){
  .low-left{
    height:575px;
  }
}
@media (max-width: 1200px){
  .low-left{
    height:475px;
  }
}
@media (max-width: 1000px){
  .low-left{
    height:400px;
  }
}
@media (max-width: 767px){
  .low-left{
    height:400px;
  }
}
@media (max-width: 625px){
  .low-left{
    height:350px;
  }
}
@media (max-width: 400px){
  .low-left{
    height:300px;
  }
}
.low-right{
  height:823px;
  background:url("images/steak-right-new.jpg");
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
  text-transform:uppercase;
}
@media all and (max-width: 991px){
  .low-right{
    background:url("images/steak-right-new-mobile.jpg");
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
  }
}
.low-right .low-right-text{
  font-family:'Dosis', sans-serif;
  position:absolute;
  bottom:20px;
  left:20px;
  color:white;
  font-size:20px;
  z-index:100;
}
.low-right .low-right-text h2{
  font-size:28px;
}
@media (max-width: 1024px){
  .low-right .low-right-text h2{
    font-size:26px;
  }
}
.low-right .low-right-text h3{
  font-weight:700;
  font-size:54px;
  z-index:100;
  margin-top:11px;
}
@media (max-width: 1600px){
  .low-right .low-right-text h3{
    font-size:44px;
  }
}
@media (max-width: 1024px){
  .low-right .low-right-text h3{
    font-size:36px;
  }
}
@media (max-width: 768px){
  .low-right .low-right-text h3{
    font-size:38px;
  }
}
@media (max-width: 600px){
  .low-right .low-right-text h3{
    font-size:32px;
  }
}
@media (max-width: 1800px){
  .low-right{
    height:700px;
  }
}
@media (max-width: 1600px){
  .low-right{
    height:575px;
  }
}
@media (max-width: 1200px){
  .low-right{
    height:475px;
  }
}
@media (max-width: 1000px){
  .low-right{
    height:400px;
  }
}
@media (max-width: 767px){
  .low-right{
    height:400px;
  }
}
@media (max-width: 625px){
  .low-right{
    height:350px;
  }
}
@media (max-width: 400px){
  .low-right{
    height:300px;
  }
}
.border-home-bottom{
  width:50%;
}
.text-home-row{
  margin-top:20px;
}
.text-home-row h4{
  font-size:20px;
  font-weight:300;
  color:#000 !important;
}
.text-home-row p{
  margin-top:10px;
}
.campaign-monitor-form{
  margin-top:42px;
}
@media (max-width: 767px){
  .campaign-monitor-form{
    margin-top:20px;
  }
}
#sub-call a{
  font-size:50px;
  color:#ac212a;
  font-family:'Dosis', sans-serif;
  font-weight:bold;
}
#sub-call a:hover{
  color:#313131;
}
.tnc{
  text-align:center;
  color:white;
  z-index:100;
  position:relative;
}
footer{
  height:100%;
  background:#313131;
  color:white;
  overflow:hidden;
}
@media (max-width: 768px){
  footer{
    height:100%;
  }
}
footer p{
  margin-top:20px;
}
footer #footer-left{
  font-weight:300;
  padding-left:25px;
  font-size:13px;
}
@media (max-width: 767px){
  footer #footer-left{
    text-align:center;
    margin-top:30px;
    padding-left:0px;
  }
}
@media (max-width: 600px){
  footer #footer-left{
    font-size:12px;
  }
}
footer #left-nav{
  font-weight:300;
  padding-left:25px;
  font-size:13px;
}
@media (max-width: 767px){
  footer #left-nav{
    text-align:center;
    margin-top:30px;
    padding-left:0px;
  }
}
@media (max-width: 600px){
  footer #left-nav{
    font-size:12px;
  }
}
footer #footer-right{
  font-size:18px;
  text-align:right;
  padding-right:25px;
  font-weight:300;
  margin-top:25px;
}
@media (max-width: 767px){
  footer #footer-right{
    text-align:center;
    padding-right:0px;
  }
}
footer a{
  color:white;
  margin-top:-10px;
}
footer a:hover{
  color:#949494;
}
.entry-header{
  height:100%;
  background:url("images/header-background.png");
  background-repeat:repeat;
  background-size:contain;
  margin-top:-25px;
}
@media (max-width: 767px){
  .entry-header{
    height:100%;
  }
}
.entry-header h1{
  color:white;
  padding-top:32px;
  text-transform:uppercase;
  font-family:'dosis', serif;
}
@media (max-width: 767px){
  .entry-header h1{
    padding-top:16px;
  }
}
.quote-row{
  height:125px;
  background-color:#f1f1f2;
}
@media (max-width: 768px){
  .quote-row{
    height:auto;
  }
}
.quote-row h3{
  font-weight:400;
  padding-top:18px;
  font-family:'dosis', serif;
}
@media (max-width: 768px){
  .quote-row h3{
    padding-top:0px;
  }
}
.first-body-heading{
  margin-left:-15px;
}
.first-border{
  margin-left:-15px;
}
.body-heading{
  color:black;
  font-size:22px;
  padding-top:20px;
}
.main-body-text{
  font-size:16px;
  line-height:1.5;
}
.page-bottom-background{
  margin-top:-60px;
  height:800px;
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
}
@media (max-width: 1000px){
  .page-bottom-background{
    height:600px;
  }
}
@media (max-width: 767px){
  .page-bottom-background{
    height:500px;
  }
}
@media (max-width: 600px){
  .page-bottom-background{
    height:400px;
    margin-top:-10px;
  }
}
@media (max-width: 767px){
  .container{
    padding-left:25px !important;
    padding-right:25px !important;
  }
}
@media (max-width: 767px){
  #tri-tip{
    margin-top:-40px;
  }
}
@media (max-width: 767px){
  #knuckle-cover{
    margin-top:-25px;
  }
}
@media (max-width: 767px){
  #above-blade{
    margin-top:-25px;
  }
}
@media (max-width: 767px){
  #second-knuckle{
    margin-top:-17px;
  }
}
#map{
  max-width:100%;
  height:400px;
  margin-bottom:30px;
  overflow:hidden;
  -webkit-filter:grayscale(100%);
  filter:grayscale(100%);
  -moz-filter:grayscale(100%);
  -ms-filter:grayscale(100%);
}
#map .overlay{
  width:50px;
  height:77px;
  max-width:100%;
  background:url("images/Map-Pin.png") no-repeat;
  position:relative;
  z-index:100;
  top:-77px;
  -webkit-filter:grayscale(0%) !important;
  filter:grayscale(0%) !important;
}
.message-border{
  width:60%;
  height:auto;
}
.contact-details-col{
  padding-left:200px;
}
@media (max-width: 1200px){
  .contact-details-col{
    padding-left:100px;
  }
}
@media (max-width: 767px){
  .contact-details-col{
    padding-left:15px;
  }
}
.wpcf7 select{
  color:#949494 !important;
}
.wpcf7 textarea{
  color:#585858 !important;
}
label{
  color:#585858 !important;
  font-weight:300 !important;
  font-size:18px;
}
.required{
  color:#949494 !important;
}
select option:hover,select option:focus,select option:active,select option:checked{
  background:linear-gradient(#949494, #949494);
  background-color:#949494 !important;
  color:white;
}
option:not(:checked){
  background-color:#fff;
}
.wpcf7-submit{
  color:#fff !important;
  background-color:#ac212a !important;
  width:150px;
  color:white;
  border-radius:5px !important;
  padding-left:5px;
  height:40px;
  display:flex;
  justify-content:center;
  align-items:center;
  font-size:14px !important;
  font-weight:400 !important;
  font-family:'Roboto Condensed', sans-serif;
  text-align:center !important;
  text-align:-webkit-center !important;
  border:none !important;
  box-shadow:none !important;
}
.wpcf7-submit:hover{
  background-color:#a71b25 !important;
}
.form-control:focus{
  border-color:#900;
  box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px #900;
}
@media screen and (-webkit-min-device-pixel-ratio: 0){
  .wpcf7-submit{
    padding:0.6em 4em 0.4em !important;
  }
}
.nsw-info{
  display:none;
}
.west-info{
  display:none;
}
.qld-info{
  display:none;
}
.nt-sa-info{
  display:none;
}
.vic-tas-info{
  display:none;
}
.attachment-featured{
  max-width:200px;
  max-height:200px;
}
.archive-post-row p{
  font-family:"Open Sans",sans-serif !important;
  font-size:16px;
  line-height:1.5;
}
.archive-post-row a{
  color:#585858;
}
.archive-post-row a:hover{
  color:#949494;
  text-decoration:none;
}
.archive-post-row a:visited{
  text-decoration:none;
}
.entry-header-products{
  height:100%;
  background:url("images/header-background.png");
  background-repeat:repeat;
  background-size:contain;
  margin-top:-25px;
}
@media (max-width: 767px){
  .entry-header-products{
    height:100%;
  }
}
.entry-header-products h1{
  color:white;
  padding-top:32px;
  text-transform:uppercase;
  font-family:'dosis', serif;
}
@media (max-width: 767px){
  .entry-header-products h1{
    padding-top:16px;
  }
}
.product-nav-row{
  padding-top:10px;
  padding-bottom:40px;
  line-height:32px;
}
.product-nav-row span{
  width:100%;
  padding:6px;
  border-radius:5px;
  background:#ac212a;
}
@media (max-width: 767px){
  .product-nav-row span{
    padding:3px;
  }
}
.product-nav-row span a{
  color:white;
  font-size:20px;
  text-transform:uppercase;
}
@media (max-width: 767px){
  .product-nav-row span a{
    font-size:16px;
  }
}
.product-nav-row span a:hover{
  color:#949494;
  text-decoration:none;
}
.product-nav-row span a:visited{
  text-decoration:none;
}
.top-product-row{
  border-bottom:thick solid #ac212a;
  margin-left:2px;
  margin-right:2px;
}
.top-product-row h3{
  margin-left:-15px;
}
.product-header{
  font-weight:bold;
}
.product-link{
  padding-top:44px;
  text-align:right;
}
@media (max-width: 767px){
  .product-link{
    padding-top:0px;
    text-align:left;
    margin-left:-15px;
  }
}
.product-link a{
  color:#585858;
}
.product-link a:hover{
  color:#949494;
}
.product-image-container{
  padding:20px;
}
.product-background{
  height:200px;
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
}
@media (max-width: 1200px){
  .product-background{
    height:175px;
  }
}
@media (max-width: 991px){
  .product-background{
    height:125px;
  }
}
@media (max-width: 767px){
  .product-background{
    height:225px;
  }
}
.product-description{
  text-align:left;
  color:#585858;
  font-size:18px;
  font-weight:400;
}
@media (min-width: 767px) and (max-width: 991px){
  .product-description{
    font-size:13px;
  }
}
.grading-system{
  height:100%;
  background:url("images/header-background.png");
  background-repeat:repeat;
  background-size:contain;
  font-family:'dosis', serif;
}
.grading-system h3{
  color:white;
  text-align:center;
  padding-top:30px;
  font-size:36px;
  font-weight:300;
}
.grading-system h4{
  color:#fff !important;
  text-align:center;
  font-size:24px !important;
}
.grading-system .star-container-6{
  width:100px;
  margin:0 auto;
}
.grading-system .star-container-5{
  width:80px;
  margin:0 auto;
}
.grading-system .star-container-4{
  width:65px;
  margin:0 auto;
}
.grading-system .star-container-3{
  width:50px;
  margin:0 auto;
}
.grading-system i{
  color:white;
  text-align:center;
}
.grading-system .rating-description{
  color:white;
  text-align:center;
  margin-top:10px;
  margin-bottom:30px;
}
.btn-primary{
  background:#ac212a;
  color:white;
  border-color:#ac212a;
  width:150px;
}
.btn-primary:active{
  background:#ac212a;
  color:white;
  border-color:#ac212a;
}
.btn-primary:focus{
  background:#ac212a;
  color:white;
  border-color:#ac212a;
  outline:none;
}
.btn-primary:hover{
  background:white;
  color:#ac212a;
  border-color:#ac212a;
}
#mid-photo{
  height:500px;
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
}
@media (max-width: 1200px){
  #mid-photo{
    height:400px;
  }
}
@media (max-width: 767px){
  #mid-photo{
    height:450px;
  }
}
.bottom-blog-image{
  height:300px;
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  margin-top:20px;
}
@media (max-width: 1200px){
  .bottom-blog-image{
    height:200px;
  }
}
@media (max-width: 767px){
  .bottom-blog-image{
    height:250px;
  }
}
.gallery-area ul{
  list-style-type:none;
  margin:0;
  padding:0;
  overflow:hidden;
  display:inline-block;
}
.gallery-area ul li{
  float:left;
  padding-right:10px;
  padding-top:10px;
}
@media (max-width: 767px){
  .gallery-area ul li{
    width:50%;
  }
}
.gallery-area ul li a img{
  width:275px;
  height:215px;
}
@media (max-width: 991px){
  .gallery-area ul li a img{
    width:300px;
    height:200px;
  }
}
@media (max-width: 767px){
  .gallery-area ul li a img{
    width:100%;
    height:250px;
  }
}
@media (max-width: 600px){
  .gallery-area ul li a img{
    width:100%;
    height:200px;
  }
}
@media (max-width: 425px){
  .gallery-area ul li a img{
    width:100%;
    height:150px;
  }
}
.filters-button-group a span{
  color:white;
}
.filters-button-group a:hover{
  text-decoration:none !important;
  outline:none !important;
}
.filters-button-group a:focus{
  text-decoration:none !important;
  outline:none !important;
}
#filters-button-group-section{
  padding-top:30px;
  padding-bottom:30px;
  background-color:#f1f1f2;
}
.element-item{
  position:relative;
  float:left;
  margin:5px;
  margin-bottom:30px;
  padding:0px;
  color:#262524;
  width:32%;
  padding-left:30px;
  padding-right:30px;
  min-height:300px;
  overflow:hidden;
}
@media all and (max-width: 991px){
  .element-item{
    width:30%;
  }
}
@media all and (max-width: 480px){
  .element-item{
    width:100%;
    padding-left:0px;
    padding-right:0px;
  }
}
.element-item a img{
  object-fit:cover;
  object-position:center;
  width:100%;
  height:250px;
}
.grid{
  padding-top:50px;
  padding-bottom:50px;
  min-height:800px;
}
.hidden-page{
  overflow:hidden;
  width:100%;
  height:100%;
  position:relative;
}
.hidden-page:after{
  content:"";
  display:block;
  background:rgba(0,0,0,0.7);
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  z-index:99999999;
}
.download-section{
  margin-top:20px;
  margin-bottom:10px;
}
.download-btn{
  display:inline-block;
  padding:6px;
  border-radius:5px;
  background:#ac212a;
  color:white;
}
.download-btn:hover{
  opacity:0.8;
  color:#fff !important;
}
.image-zoom{
  position:relative;
  display:block;
}
.image-zoom:before{
  font:normal normal normal 14px/1 FontAwesome;
  font-size:inherit;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  content:"\f00e";
  font-size:25px;
  line-height:25px;
  position:absolute;
  left:45%;
  top:45%;
  visibility:hidden;
  color:#000;
  -webkit-transition:all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
  transition:all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}
.image-zoom:after{
  content:"";
  display:block;
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  background:rgba(255,255,255,0.3);
  visibility:hidden;
  -webkit-transition:all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
  transition:all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}
.image-zoom:hover:before,.image-zoom:hover:after{
  visibility:visible;
}
.gallery-title{
  margin-top:30px;
  margin-bottom:30px;
  text-align:center;
}
#return-to-top{
  position:fixed;
  bottom:20px;
  right:20px;
  background:#000;
  background:rgba(0,0,0,0.7);
  width:50px;
  height:50px;
  display:block;
  text-decoration:none;
  -webkit-border-radius:35px;
  -moz-border-radius:35px;
  border-radius:35px;
  display:none;
  -webkit-transition:all 0.3s linear;
  -moz-transition:all 0.3s ease;
  -ms-transition:all 0.3s ease;
  -o-transition:all 0.3s ease;
  transition:all 0.3s ease;
}
#return-to-top i{
  color:#fff;
  margin:0;
  position:relative;
  left:16px;
  top:13px;
  font-size:19px;
  -webkit-transition:all 0.3s ease;
  -moz-transition:all 0.3s ease;
  -ms-transition:all 0.3s ease;
  -o-transition:all 0.3s ease;
  transition:all 0.3s ease;
}
#return-to-top:hover{
  background:rgba(0,0,0,0.9);
}
#return-to-top:hover i{
  color:#fff;
  top:5px;
}
#loginError{
  color:#ac212a;
}
.vertical-alignment-helper{
  display:table;
  height:100%;
  width:100%;
}
.vertical-align-center{
  display:table-cell;
  vertical-align:middle;
}
.modal-content{
  width:inherit;
  height:inherit;
  margin:0 auto;
}
#loyalty-section{
  margin-top:50px;
  margin-bottom:50px;
}
#loyalty-section .row{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  flex-wrap:wrap;
}
#loyalty-section .row>[class*='col-']{
  display:flex;
  flex-direction:column;
}
#loyalty-section .col-md-4{
  width:32.333333%;
}
@media all and (max-width: 991px){
  #loyalty-section .col-md-4{
    width:100%;
  }
}
#loyalty-section #order-now-button{
  background:#9b1c27;
  padding:70px 30px 0;
}
#loyalty-section #side-logo-section{
  background:#9b1c27;
  height:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  flex-direction:column;
}
@media all and (max-width: 991px){
  #loyalty-section #side-logo-section{
    padding:30px 0px;
  }
}
#loyalty-section #side-logo{
  width:70%;
}
@media all and (max-width: 991px){
  #loyalty-section #side-logo{
    width:50%;
  }
}
#loyalty-section #myer-card{
  width:70%;
}
@media all and (max-width: 991px){
  #loyalty-section #myer-card{
    width:50%;
  }
}
#loyalty-section .title-wrap{
  background:#e6e7e8;
  padding:20px 30px 20px 20px;
  position:relative;
  left:-18px;
}
@media all and (max-width: 991px){
  #loyalty-section .title-wrap{
    left:0;
  }
}
#loyalty-section .title-wrap h2{
  font-size:24px;
}
#loyalty-section h1{
  color:#fff;
  width:70%;
}
#loyalty-section a.btn{
  display:block;
  color:#fff;
  background:#494949;
  text-align:left;
  text-transform:uppercase;
  border:0px;
  border-radius:0px;
  padding:10px 20px 10px 20px;
  font-size:23px;
  border:6px solid #fff;
  font-weight:bold;
  display:flex;
  justify-content:space-between;
  align-items:center;
}
@media all and (max-width: 991px){
  #loyalty-section a.btn{
    font-size:auto;
  }
}
#loyalty-section a.btn:hover{
  background:#fff;
  color:#494949;
}
#loyalty-section h2{
  color:#636466;
}
#loyalty-section p{
  font-size:14px;
}
#loyalty-section p strong{
  color:#9b1c27;
}
#loyalty-section strong{
  color:#808285;
}
#loyalty-section p.small{
  color:#808285;
}
#loyalty-section p.small a{
  color:#9b1c27;
}
#loyalty-section .mb-3{
  margin-bottom:1em;
}
#loyalty-section .mb-5{
  margin-bottom:2em;
}
#loyalty-section .mt-5{
  margin-top:2em;
}
#loyalty-section .text-center{
  text-align:center;
}
#loyalty-section .d-block{
  display:block;
}

/* =====================================
   Mobile Menu (Custom Toggle)
   ===================================== */
.mobile-menu {
  display: none;
}
.mobile-menu.is-open {
  display: block;
}

/* Hide Compare Prices button everywhere */
#top-call-home .btn,
#top-call-home a.btn {
  display: none !important;
}

.mobile-menu{display:none}
.mobile-menu.is-open{display:block}
@media (min-width:768px){
  .mobile-menu{display:block}
  .navbar-toggle{display:none}
}

/* keep the button clickable even if something overlays */
.navbar-toggle{position:relative;z-index:9999}

/* ---------- Mobile menu panel ---------- */
@media (max-width: 991px) {
  /* Panel */
  #mobile-menu {
    position: fixed;
    top: 120px;                 /* match your header height (tweak as needed) */
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.92);
    padding: 12px 16px;
    max-height: calc(100vh - 120px);
    overflow-y: auto;
    transform: translateY(-120%);
    opacity: 0;
    transition: transform 250ms ease, opacity 250ms ease;
    z-index: 9999;              /* above everything */
    display: block;             /* we manage visibility via transform/opacity */
  }
  #mobile-menu.is-open {
    transform: translateY(0);
    opacity: 1;
  }

  /* Nav list styling (works for wp_nav_menu output) */
  #mobile-menu ul { list-style: none; margin: 0; padding: 0; }
  #mobile-menu li { border-bottom: 1px solid rgba(255,255,255,0.12); }
  #mobile-menu li:last-child { border-bottom: 0; }
  #mobile-menu a {
    display: block;
    padding: 14px 4px;
    color: #fff !important;
    font-size: 16px;
    text-decoration: none;
  }
  #mobile-menu a:hover { background: rgba(255,255,255,0.06); }

  /* Burger must be clickable over everything */
  .navbar-toggle { position: relative; z-index: 10001; }
}

/* ---------- Backdrop + scroll lock when menu open ---------- */
body.mo-menu-open {
  overflow: hidden;             /* stop background scroll */
}
body.mo-menu-open .site,        /* optional: if your theme wraps content in .site */
body.mo-menu-open .container {  /* no-op, just here if you need tweaks later */
}

#mo-menu-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.45);
  z-index: 9998;
  opacity: 0;
  pointer-events: none;
  transition: opacity 200ms ease;
}
#mo-menu-backdrop.is-visible {
  opacity: 1;
  pointer-events: auto;
}

/* Fix hero banner layout on mobile */
@media (max-width: 767px) {
  /* Ensure the Black Friday banner fills the width nicely */
  .home .tnc img,
  .home .hero-image,
  .home .slide img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover;
  }

  /* Adjust the “Sign up now” subheading */
  .tnc.visible-md.visible-xs.visible-sm.hidden-xl.hidden-lg {
    margin-top: 40px !important;
    font-size: 16px !important;
    text-align: center !important;
    padding: 0 10px;
  }

  /* Adjust spacing for the sign-up button under the hero text */
  .home .tnc + p {
    display: block !important;
    text-align: center !important;
    margin-top: -35px !important; /* lift the button higher */
    margin-bottom: 15px !important; /* small buffer below */
  }

  /* Adjust top margin for the text overlay */
  .tnc.hidden-md.hidden-xs.hidden-sm.visible-xl.visible-lg {
    margin-top: 60px !important;
  }

  /* Reduce space under the header logo */
  .navbar-brand img {
    max-width: 180px !important;
  }

  /* Tighten header spacing */
  .top-bar p {
    font-size: 12px !important;
    line-height: 1.3;
    text-align: center;
  }

  /* Hide desktop hero text on mobile */
  .tnc.hidden-md.hidden-xs.hidden-sm.visible-xl.visible-lg {
    display: none !important;
  }
}

/* Make sure the mobile version hides on desktop */
@media (min-width: 768px) {
  .tnc.visible-md.visible-xs.visible-sm.hidden-xl.hidden-lg {
    display: none !important;
  }
}
