body{
    color: #000;
}

.site-header,
#header.full-header {
    
    background-color: #ffffff;
}

#primary-menu ul li > a {
    color: #000000;
}

#primary-menu ul ul:not(.mega-menu-column), 
#primary-menu ul li .mega-menu-content{
    border: 2px solid #c10a27;
}


#skip-order h2.heading-steps{
  color: #000000;
}

#content {
    background-color: #ffffff;
}

input,
textarea,
.wpcf7 .your-subject select{
    border: 1px solid #c10a27;
}

.promo.promo-flat {

    background-color: #c10a27;
}


.promo h2,
.icon-chevron-sign-right{
  color: #ffffff;
  font-size: 38px;
  padding-top: 10px;
}

.promo h3{
    color: #ffffff;
    font-size: 34px;
    padding-top: 10px;
}



  #how-header h1{
      color:#86bc25;
      text-align: center;
      margin: 30px 0px;
      font-size: 78px;
  }

  #how-red,
  #how-red h2,
  #how-grey,
  #how-grey h2{
      color: #ffffff
  }

  
  
  #how-grey h2,
  #how-green h2,
  #how-red h2,
  #how-white h2
  {
      margin-top: 90px;
  }



 
  #how-header,
  #how-grey,
  #how-green,
  #how-red
  {
    margin: 0 -9999rem;
    /* add back negative margin value */
    padding: 0rem 9999rem;

  }

  #how-header,
  #how-header:before,
  #how-header:after,
  #how-grey,
  #how-grey:before,
  #how-grey:after{

    background: #454343; 
  }
  #how-green,
  #how-green:before,
  #how-green:after{
 
    background: #86bc25; 
  }

  #how-red,
  #how-red:before,
  #how-red:after{
 
    background: #c10a27; 
  }


  #how-white,
  #how-button{
    background: #ffffff; 
  }


  #how-button .button{
    background-color: #c10a27;
    text-shadow: none;
    padding: 5px 0px;
    text-align: center;
    margin-bottom: 60px;
    font-size: 30px;
    text-transform: none; 
    height: 55px;
    width: 100%;
  }



  #skip-order h2{
    text-align: center;
    color: #c10a27;

  }

  #get-postcode{
    background-color: #c10a27;
    text-align: center;
    color: #ffffff;

  }

  #get-postcode label{
    color: #ffffff;
  }

  #get-postcode label{
    padding: 10px 0;
  
  }

  #get-postcode label, #get-postcode input{
    font-size: 24px;
    margin-bottom: 0;
  }

  .pricing-title{
    border-bottom: none;
  }

  .pricing-price:after{
    border-top:none!important;
  }

  .mini-box .pricing-box, .mini-box .pricing-title, .mini-box .pricing-price{
    background-color: #c10a27;
  }

  .midi-box .pricing-box, .midi-box  .pricing-title,.midi-box  .pricing-price{
    background-color: #86bc25;
  }

  .maxi-box .pricing-box, .maxi-box .pricing-title, .maxi-box  .pricing-price{
    background-color: #464545;
  }


  .mini-box h3,
  .midi-box h3,
  .maxi-box h3{
    font-size: 40px;
    color: #ffffff;
  }

  .mini-box h4,
  .midi-box h4,
  .maxi-box h4{
    color: #ffffff;
    text-shadow: none;
  }

  .pricing-features h4{
    
    color: #ffffff;
  } 

  .pricing-features h5{
    font-size: 24px;
    margin-top: 10px;
    margin-bottom: 0;
    color: #ffffff;
  }

  .pricing-action {
    padding: 15px 0;
  }
  .pricing-action .btn{
    background-color: #ffffff;
    border: 1px solid #c10a27;
    color: #79787a;
  }

  .midi-box .pricing-action .btn{
    background-color: #ffffff;
    border: 1px solid #86bc25;
    color: #79787a;
  }

  .maxi-box .pricing-action .btn{
    background-color: #ffffff;
    border: 1px solid #464545;
    color: #79787a;
  }

  .total-cost{
    color: #c10a27;
    font-size: 70px;
    font-weight: 900;

  }

  .total-cost .total-cost-total{
    display: block;
    line-height: 1;
    text-align: left;
    margin-left: 20px;
    font-size: 42px;
  }

  .total-cost p{
    display: inline;
  }

  .total-cost span{
    font-size: 30px;
  }


  #skip-order .heading{
    background-color: #c10a27;
    color: #ffffff;
  }

  #skip-order .heading h2{
    color: #ffffff;
    padding: 15px 0;
  }

  #skip-order #second-row label,
  #skip-order #third-row label{
    display: block;
    color: #000;
    margin-top: 5px;
  }
  #skip-order #second-row input,
  #skip-order #third-row input{
    width: 100%;
    padding: 5px;
  }

  #skip-order textarea{
    width: 100%;
  }


 .billing_details{
   display: none;
 }

 .billing_details input,
 .billing_details label{
  display: inline-block;
}

.billing_details input{
  width: 100px;
}


  .delivery-slot .btn,
  .pay-in-full .btn,
  .pay-on-delivery .btn,
  .back-btn .btn,
  .next-btn .btn,
  .order-skip-btn .btn{
    background-color: #c10a27;
    border-radius: 0;
    line-height: 1;
    padding: 5px 0;
    border: none;
  }

  .pay-in-full input{
    margin-left: 0!important;
  }

  .order-skip-btn .btn,
  .back-btn .btn,
  .next-btn .btn{
    padding: 10px 20px;
  }

  #row-3 {
    margin-top: 30px;
  }

  #row-3 .heading{
    background-color: #c10a27;
  }

  #row-3 .back-btn .btn,
  .order-skip-btn .btn,
  .pay-in-full .btn,
  .pay-on-delivery .btn{
    background-color: #86bc25!important;
    padding: 10px 20px;
  }


  .pay-in-full .btn,
  .pay-on-delivery .btn{
    background-color: #ffffff!important;
    color: #79787a;
    padding: 10px 20px;
    border: 1px solid #86bc25;
  }



  .pay-in-full .btn.active,
  .pay-on-delivery .btn.active{
    background-color: #86bc25!important;
    color: #ffffff;
    border-color:  #86bc25!important;
  }


  .back-btn,
  .pay-in-full{
    float: left;
  }

  .order-skip-btn,
  .next-btn,
  .pay-on-delivery{
    float: right;
  }
 


  .shop_table{
    width: 100%;
  }

  .shop_table thead th{
    border-bottom: 2px solid #c10a27;
    font-weight: 800;
  }

  .shop_table th,
  .shop_table tr,  
  .shop_table td{
    border-bottom: 1px solid #c10a27;
    padding: 5px 0px;
  }

  .shop_table tfoot th{
    text-align: right;
    margin-right: 5px;
    padding-right: 30px;
  }


  .payment-type{
  border-bottom: 2px solid #c10a27;
  font-weight: 800;
  padding: 5px 0px;
}


  #sagepay_payment_form{
    display: none;

  }


  
  input[type="submit"]{
    /*padding: 10px 20px;*/
    color: #c10a27;
    background-color: #ffffff;
    border: #c10a27 1px solid;
   /* border-radius: 0;
    line-height: 1;
    border: none;
    font-size: 1.25rem;
    margin-left: 10px; */
  }


  input[type="submit"]:hover{
    color: #ffffff;
    background-color: #c10a27;

  }

  .datepicker-inline{
    box-shadow: 0 0 15px rgba(0,0,0,0.05);
}

.datepicker th.dow,
.datepicker td.day{
    color: #444444;
}



.datepicker .datepicker-switch,
.datepicker th.prev,
.datepicker th.next,
.datepicker table tr td.active.active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover, 
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active:hover:hover
{
    background-color: #c10a27;
}

.datepicker th.datepicker-switch,
.datepicker th.prev,
.datepicker th.next{
  color: #ffffff;
}

.datepicker td.day.disabled,
.datepicker table tr td.new, 
.datepicker table tr td.old {
    color: #e0e0e0;
}

.datepicker td.day.today.disabled{
    color: #444444;
}

.datepicker table tr td.active,
.datepicker table tr td.day.active.active{
    background-image:none;
    color: #ffffff;
}

.datepicker {
    margin: 0 auto;
}


input[type="submit"].postcode-btn{
  background-color: #ffffff;
    border: 1px solid #ffffff;
    color: #c10a27;
    font-weight: 700;
    padding: 1px 6px;
    border-radius: 0.3rem;
}

input[type="submit"].postcode-btn:hover{
  background-color: #c10a27;
  color: #ffffff;
}


.error{
  font-size: 22px;
  font-weight: 600;
  text-align: center;

}

.postcodeError-link{
  color: #c10a27;
}

.pay-in-full input[type="submit"]{
  font-weight: 700;
  display: block;
  width: 100%;
  background-color: #ffffff;
  border: 1px solid #86bc25;
  color: #79787a;
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}


.pay-in-full input[type="submit"].active{

  background-color: #86bc25;
  color: #ffffff;

}




.owl-carousel .owl-dots .owl-dot,
.owl-carousel .owl-nav [class*=owl-]:hover{
  background-color: #c10a27!important;;

}

.owl-carousel .owl-dots{
  margin-bottom: 20px;
}
  

@media (max-width: 1200px) {
	
}
@media (max-width: 992px) {
  #how-grey h2,
  #how-green h2,
  #how-red h2,
  #how-white h2
  {
      margin-top: 28px;
  }
}

@media (max-width: 768px) {



 

  #how-header h1 {
    font-size: 42px;
  }

  .promo h2,
  .icon-chevron-sign-right{
    font-size: 24px;
  }
  
  .promo h3{
      font-size: 20px;
  }

  #how-button .button{
    font-size: 21px;
  }
 

}

@media (max-width: 576px) {

  #get-postcode {
    padding-bottom: 20px;
  }

  #get-postcode label, #get-postcode input {
    font-size: 16px;
}

  #how-header h1 {
    font-size: 42px;
  }

  #how-button .button {
    margin-top: 30px;

  }

  .pricing-features {
    height: 125px;
}

.total-cost .total-cost-total {
  line-height: 1;
  margin-top: 30px;
}

.testimonial-full .testi-image {
  height: 76px;
}

}


/* Added by Kristian - 2019-12-11 */

#skip-main p {
	text-align: justify;
}