﻿@font-face {
    font-family:"TradeGothicW01-BoldCn20_675334";
    src:url("Fonts/675334/257c802f-349c-4b4d-aefa-546d5de15ec6.eot?#iefix");
    src:url("Fonts/675334/257c802f-349c-4b4d-aefa-546d5de15ec6.eot?#iefix") format("eot"),url("Fonts/675334/1ba28851-f34b-4cb8-bf58-6a4b160ba249.woff2") format("woff2"),url("Fonts/675334/5fdc935e-9e30-442a-bbe9-8d887b858471.woff") format("woff"),url("Fonts/675334/616c4c87-a077-43f4-a9f4-f01267c13818.ttf") format("truetype");
}
/**
 * @license
 * MyFonts Webfont Build ID 3668632, 2018-11-08T04:53:41-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: HelveticaNeueLTPro-Roman by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/neue-helvetica/pro-55-roman/
 * 
 * Webfont: HelveticaNeueLTPro-Md by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/neue-helvetica/pro-65-medium/
 * 
 * Webfont: HelveticaNeueLTPro-Bd by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/neue-helvetica/pro-75-bold/
 * 
 * 
 * License: https://www.myfonts.com/viewlicense?type=web&buildid=3668632
 * Licensed pageviews: 250,000
 * Webfonts copyright: Copyright &#x00A9; 2014 Monotype Imaging Inc. All rights reserved.
 * 
 * © 2018 MyFonts Inc
*/

/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/37fa98");
  
@font-face {font-family: 'HelveticaNeueLTPro-Roman';src: url('Fonts/37FA98_0_0.eot');src: url('Fonts/37FA98_0_0.eot?#iefix') format('embedded-opentype'),url('Fonts/37FA98_0_0.woff2') format('woff2'),url('Fonts/37FA98_0_0.woff') format('woff'),url('Fonts/37FA98_0_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'HelveticaNeueLTPro-Md';src: url('Fonts/37FA98_1_0.eot');src: url('Fonts/37FA98_1_0.eot?#iefix') format('embedded-opentype'),url('Fonts/37FA98_1_0.woff2') format('woff2'),url('Fonts/37FA98_1_0.woff') format('woff'),url('Fonts/37FA98_1_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'HelveticaNeueLTPro-Bd';src: url('Fonts/37FA98_2_0.eot');src: url('Fonts/37FA98_2_0.eot?#iefix') format('embedded-opentype'),url('Fonts/37FA98_2_0.woff2') format('woff2'),url('Fonts/37FA98_2_0.woff') format('woff'),url('Fonts/37FA98_2_0.ttf') format('truetype');}
 
body {
    color: #000;
    /*font-family: Helvetica, Arial, sans-serif;*/
    font-family: HelveticaNeueLTPro-Roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.4;
}

p{
    margin: 0;
}

#content{
    min-height: calc(100vh - 270px);
}

h2, h3, h4, h5, h6 {
    /* font-family: 'TradeGothicW01-BoldCn20_675334',"Arial black","Arial Bold",Arial,sans-serif; */
    line-height: 1;
    /* text-transform: uppercase; */
    margin-bottom: 15px;
    font-family: HelveticaNeueLTPro-Bd, Helvetica, Arial, sans-serif;
}

h1 {
    font-family: 'TradeGothicW01-BoldCn20_675334',"Arial black","Arial Bold",Arial,sans-serif;
    line-height: 1;
    margin-bottom: 15px;
    color: #101010;
    text-transform: uppercase;
    font-size: 60px;
    letter-spacing: -1px;
}

h2 {
    color: #101010;
    font-size: 30px;
    font-family: HelveticaNeueLTPro-Md, Helvetica, Arial, sans-serif;
}

h4{
    font-size: 20px;
}

a {
    color: #333;
    text-decoration: underline;
}

a:focus, a:hover {
    color: #666;
    text-decoration: underline;
}

label, .word-count{
    color: #000;
    font-size: 16px;
    margin-bottom: 0;
    line-height: 1.75;
    font-weight: normal;
}

ul {
    margin-bottom: 0;
    padding-left: 15px;
}

.menu li {
    list-style: none!important;
    padding-left:0;
}

.menu ul {
    padding-left:0;
}

li {
    list-style: outside none square;
    /*padding-bottom: 5px;*/
    padding-left: 20px;
}

header {
    background-color: #fff;
    clear: both;
    display: inline-block;
    width: 100%;
}

.logo {
    width: 58px;
    float: left;
    margin: 19px 0 19px 48px;
}

.logo-centre {
    margin: 24px auto;
    width: 58px;
}

header h1 {
    float: left;
    font-size: 20px !important;
    margin: 22px 0 0 20px;
}

.banner {
    width: 100%;
    height: auto;
}
.banner-text {
    /* padding: 0 20%;
    position: absolute;
    text-align: center;
    top: 39%;
    width: 100%;
    z-index: 100; */
    position: absolute;
    text-align: right;
    top: 33%;
    width: 100%;
    z-index: 100;
    padding-right: 3%;
}
.banner-text-center {
    padding: 0 20%;
    position: absolute;
    text-align: center;
    top: 39%;
    width: 100%;
    z-index: 100;
}
.banner-text h1 {
    color: #000;
    font-size: 60px;
    margin-bottom: 12px;
    margin-top: 45px;
}
.banner-text h2, .left-banner-text h2 {
    color: #000;
    font-size: 40px;
}
.banner-text p {
    color: #000;
    /* width: 580px;
    margin-left: auto;
    margin-right: auto; */
}
.banner-text-center p {
    color: #fff;
    /* width: 580px; */
    margin-left: auto;
    margin-right: auto;
}
section {
    position: relative;
    /* margin-bottom: 120px; */
    margin-bottom: 0;
}

.btn {
    /* font-family: 'TradeGothicW01-BoldCn20_675334',"Arial black","Arial Bold",Arial,sans-serif; */
    font-size: 16px;
    line-height: 1.5;
    /* letter-spacing: -0.07em; */
    padding: 0.7rem 1.4rem;
    text-decoration: none;
    /* text-transform: uppercase; */
    width: auto;
    /* margin-top: 20px; */
    cursor: pointer;
    border-radius: 50px;
}

.btn-white {
    background-color: #fff;
    border-color: #e5e5e5;
    color: #222;
} /*.btn-white:hover { color: #000; }*/

.btn-black {
    background-color: #000;
    border-color: #2b2b2b;
    color: #fff;
} 
.btn-black:hover { color: #fff; }

.btn-orange {
    background-color: #fa5400;
    /* border-color: #fa5400; */
    color: #fff;
} 
.btn-orange:hover { color: #fff; }

.btn-outline {
    border-color: #fff;
    border-width: 1px;
    color: #fff;
    /* padding: 0.7rem 3rem; */
    padding: 0.7rem 3.6rem;
    background: none;
}

.btn-outline:hover {
    background: #fff;
    color: #000;
}

.btn-outline-black {
    border-color: #000;
    border-width: 1px;
    color: #000;
    padding: 0.7rem 3rem;
    background: none;
}

.btn-outline-black:hover {
    background: #000;
    color: #fff;
}

.btn-outline-black[disabled="true"], .btn-outline-black[disabled="true"]:hover {
    background: #E5E5E5;
    color: #000;
}

.btn-outline-black.disabled {
    background: #E5E5E5;
    color: #000;
    cursor:wait !important;
}

input.btn-checkout, a.btn-checkout {
    width: 100%;
    padding: 12px 0;
    font-size: 16px;
}

a.btn-checkout-paypal {
    width: 100%;
    padding: 12px 0;
    font-size: 16px;
}
    a.btn-checkout-paypal img {
    height: 23px;
    margin-top: -5px;    }

.form-control {
    font-size: 14px;
}

.card {
    border: none;
    border-radius: 0rem;
}
.line {
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    display: flex;
    flex-direction: column;
    position: relative;
}
.card::after, .line::after {
    background-image: linear-gradient(to right, rgba(173, 173, 173, 0), rgba(173, 173, 173, 0.8) 40%, rgba(173, 173, 173, 0.8) 60%, rgba(173, 173, 173, 0));
    background-size: 100% auto;
    bottom: 0;
    content: "";
    height: 0.065rem;
    left: 0;
    position: absolute;
    width: 100%;
}
.col-center > div.card:first-of-type::before, .col-center > div.line:first-of-type::before {
    background-image: linear-gradient(to right, rgba(173, 173, 173, 0), rgba(173, 173, 173, 0.8) 40%, rgba(173, 173, 173, 0.8) 60%, rgba(173, 173, 173, 0));
    background-size: 100% auto;
    content: "";
    height: 0.065rem;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.card-header, .line-header {
    background-color: transparent;
    border-bottom: medium none;
    padding: 1.4rem 1.25rem;
}
.card-header a, .card-header a:hover, .region-link a, .region-link a:hover {
    color: #000;
    display: inline-block;
    text-decoration: none;
    width: 100%;
}
.region-link a {
    text-align:left;
    width:50% !important;
}

.card-header a[data-toggle="collapse"], .region-link a[data-toggle="collapse"] {
    background-image: url("/images/arrow.png");
    background-position: 93% center;
    background-repeat: no-repeat;
}

.card-header a[aria-expanded="true"], .region-link a[aria-expanded="true"]{
    background-image: url("/images/arrow_flipped.png");
}

.line h5 {
    margin: 0;
    color: #fff;
}
.card-block {
    padding: 0.325rem 1.25rem 1.825rem;
}

.region-link {
    padding: 1.4rem 1.25rem 0 1.25rem;
}
.region-row {
    padding-bottom: 1.4rem;
}
.region-link a img {
    margin-bottom:3px;
}


.padTop1em {
    padding-top:1em;
}
.padBottom0em {
    padding-bottom:0em;
}
.padBottom1em {
    padding-bottom:1em;
}
.padBottom2em {
    padding-bottom:2em;
}
.padBottom3em {
    padding-bottom:3em;
}
.text-white{
    color: #fff;
}
.text-orange {
    color: #fa5400;
}
.noPad {
    padding:0!important;
}
.form-pad {
    padding-left: 15%;
}

footer {
    background-color: #000;
    color: #b1b1b1;
    width: 100%;
    padding: 32px 56px;
    margin-top:20px;
}

footer p {
    color: #fff;
    font-size: 12px;
    font-family: Neue Helvetica Pro 75 Bold;
}

footer a {
    color: #fff;
    text-decoration:none;
}
footer a:hover {
    color: #fff;
    text-decoration: underline;
}

.copyright {
    font-size: 14px;
    line-height: 2;
}
.copyright a {
    text-decoration: none;
}
.copyright a:hover {
    color: #fff;
}

.regionLink {
    /*position:absolute;
    top:20px;
    right:20px;*/
    float:right;
    z-index:100;
    	/*padding:0.5em 1em;*/ 
	text-align:center; 
	/*background: rgba(255, 255, 255, 0.75) none repeat scroll 0 0;*/
	font-size: 1.1em;
	color: #FFF;
	text-decoration: none;
}
    .regionLink a {
        padding: 13px 17px 14px 19px;
        display:inline-block;
        line-height: 10px;
    }
.regionLinkFooter {
    z-index:100;
	text-align:center; 
	font-size: 1.1em;
	color: #FFF;
	text-decoration: none;
}
.mTop {
    margin-top: 35px;
}

.mLeft {
    margin-left: 15px;
}

.bg-dark {
    background-color: #1a1a1a;
    padding: 120px 0;
}
.bg-dark h1, .bg-dark p {
    color: #fff !important;
}

.btn:active, .btn.active {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #FFF 0px, #FFF 100%) repeat scroll 0 0;
    color: #222;
}

.btn:focus, .btn.focus {
    outline: 0;
    color: #222;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.45);
            box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.45);
}

.requiredSummary {
    margin-top:20px
}
.requiredSummary li, .required {
    color: #f32900;
}


span.required:not([style*="display:none"]) + input, span.required:not([style*="display:none"]) + span + input, span.required:not([style*="display:none"]) + span + span + input, span.required:not([style*="display:none"]) + select, span.required:not([style*="display:none"]) + span + select, span.required:not([style*="display:none"]) + span + span + select { /* (RADIO CHECKED) IMAGE STYLES */
  border:1px solid #f32900;
}

/*.cookieNotePanel {
    height:35px;
    background-color: #000;
}*/

.cookieNote 
{
    background: rgba(51, 51, 51, 0.75) none repeat scroll 0 0;
    bottom: 0;
    color: #ffffff;
    display: block;
    left: 0;
    margin-top: 0;
    padding: 8px 20px;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 50000;
    
}

.cookieNote a.text
{
    color: #ffffff;
    font-size: 90%;
    text-decoration: none;
}

.cookieNote .close {
    /*border: 1px solid #ffffff;*/
    border-radius: 14px;
    color: #ffffff;
    cursor: pointer;
    float: none;
    font-size: 100%;
    font-weight: normal;
    margin-left: 10px;
    opacity: 1;
    padding: 0 7px 4px 6px;
    text-decoration: none;
}

.cookieNote .close:hover { color: #FFF; /*border: 1px solid #333;*/ text-decoration: none; }

.cookie-p{
    font-size: 16px;
    line-height: 1.75;
}

.imgHolder {
    /* margin:15px 0; */
    overflow-x:auto;
    white-space:nowrap;
    position:relative;
}
.imgHolder img  {max-width:100%; max-height:150px;}

.cartMessage {display:none;}

.cartHeader {font-family: HelveticaNeueLTPro-Bd, Helvetica, Arial, sans-serif; padding-bottom:7px;}

#checkoutHeader { margin: 20px 0;
                  font-size:11px;

}


.overlay-box {
    border: 2px solid #a29061;
    color: #fff;
    background-color:rgba(0, 0, 0, 0.5);
    text-align: center;
    padding: 15px 12px;
    width: 58%;
    margin-left: auto;
    margin-right: auto;
}

.overlay-box h1, .overlay-box h2, .overlay-box h3 {
    color: #fff;
}

.overlay {
    position:fixed;
    left:0px;
    top:0px;
    text-align:left;
    padding-top:200px;
    width:100%;
    height:100%;
    background-color:#fff;
    background-color:rgba(0, 0, 0, 0.5);
    z-index:1500;
}

.overlayContentMain {
    /*width:26%;*/
     width:50%;
    padding:20px;
    position:fixed;
    top:145px;
    left:50%;
    margin-left:-25%;
    margin-top:0;
    z-index:1501;
    background-color: #F6EFE0;
    border-top: 5px solid;
    border-bottom: 35px solid;
}

.overlayContentTop {
    width:100%;
    padding: 20px 30px;
    color: #fff;
    line-height: 1.75;
    background-color:#000;
}

.overlayContentAbs {
    position:absolute;
   width:40%;
   padding:40px;
   color: #fff;
   line-height: 1.75;
   /*border:5px solid #a29061;*/
   top:80px;
   left:50%;
   margin-left:-20%;
   margin-top:0;
   z-index:1501;
   background-color:#000;
   border-radius: 2px;
}

.overlayContentAbs h2{
   color: #fff;
}

.overlayContentTop a, .overlayContentAbs a{
   color: #fff;
}

        .cookieSettings label {
            font-weight:bold;
        }

.footer-menu a:not(:first-child) {
    margin-left: 15px;
}

.scrollToTop{
	padding:1em; 
	text-align:center; 
	background: rgba(0, 0, 0, 0.75) none repeat scroll 0 0;
	font-size: 1.1em;
	color: #FFF;
	text-decoration: none;
	position:fixed;
	bottom:25px;
	right:20px;
	display:none;
	font-family: 'TradeGothicW01-BoldCn20_675334',"Arial black","Arial Bold",Arial,sans-serif;
    line-height: 1;
    text-transform: uppercase;
}
.scrollToTop:hover{
	text-decoration:none;
}

.menutabs {
    /*max-width:100px;*/
}

.navbar {

    border-radius: 4px;
    font-family: 'TradeGothicW01-BoldCn20_675334',"Arial black","Arial Bold",Arial,sans-serif;

}

.navbar a{
    text-decoration:none!important;
    color:#111!important;
    font-size: 16px!important;
    font-weight:400!important;
    text-transform:uppercase!important;
}

.borderBottom {
    border-bottom:solid 1px #E5E5E5;
}

.borderTop {
    border-bottom:solid 1px #E5E5E5;
}

.borderBox {
    margin-bottom: 20px;
    /* border: 1px solid #eee;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px; */
}

.borderBox h2 {
    font-size: 20px;
    font-family: HelveticaNeueLTPro-Md, Helvetica, Arial, sans-serif;
    color: #000;
    padding: 10px;
    margin: 0;
    line-height: 1.5;
}
    
.borderBoxBody {
    margin: 0 20px 20px 10px;
}

input, select, textarea {
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    -webkit-font-smoothing: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #666;
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box;
    border: 1px solid #ddd;
    outline: 0;
    margin: 0;
    /* padding: .6667em 1em; */
    padding: 5px 1em;
    position: relative;
    font-family: inherit;
    font-size: inherit;
    width: 100%;
}
/* input[type="submit"] {
    width: auto;
} */

input[type="checkbox"], input[type="radio"] {
    margin-right: 8px;
    margin-top: 0;
    width: auto;
}

ul.cardSelection {
    list-style:none;
    padding:0;
    margin:-5px 0 0 0;
}
ul.cardSelection li {
    display:inline-block;
    /*width:16%;*/
    width:32%;
    padding:0;
}

ul.cardSelection li img {
    max-width:100%;
}
ul.cardSelection li label {
    max-width:100%;
    cursor: pointer;
}

ul.cardSelection li label img{
    pointer-events: none; /*fix for IE image label*/
}


ul.cardSelection li input[type=radio] {
    display:none;
}

ul.cardSelection li > input + label > img{ /* IMAGE STYLES */
  cursor:pointer;
  border:5px solid transparent;

  -webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}	

ul.cardSelection li > input:checked + label > img{ /* (RADIO CHECKED) IMAGE STYLES */
  border:5px solid #eee;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}

ul.amountSelection {
    list-style:none;
    padding:0;
}

ul.amountSelection50 {
    margin-top: 8px;
}

ul.amountSelection li {
    display:inline-block;
    /*width:16%;*/
    width:32%;
    padding:0;
}

ul.amountSelection li:last-child {
    width: 66.4%;
}
/*50% width override*/
ul.amountSelection50 li, ul.amountSelection50 li:last-child {
    width: 49%;
}

ul.amountSelection50 li {
    padding-left: 4px;
}
ul.amountSelection50 li :first-child {
    padding-right: 4px;
}

ul.amountSelection li img {
    max-width:100%;
}
ul.amountSelection li label {
    max-width:100%;
    width: 90%;
    /* max-height: 40px; */
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    background: #fff;
    padding: 0.7rem 1rem;
    margin-bottom: 8px;
    text-align: center;
    border-radius: 24px;
    border: solid 1px black;
    cursor: pointer;
}

ul.amountSelection50 li label {
    width: 100%;
    margin-bottom: 0;
}

ul.amountSelection li label img{
    pointer-events: none; /*fix for IE image label*/
}


ul.amountSelection li input[type=radio] {
    display:none;
}

ul.amountSelection li > input + label > img{ /* IMAGE STYLES */
  cursor:pointer;
  border:5px solid transparent;

  -webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}	

ul.amountSelection li > input:checked + label { /* (RADIO CHECKED) IMAGE STYLES */
    background: #000;
    color: #fff;
}

.cardList {
    margin-bottom:10px;
}
.cardList li {
    list-style-type:none;
    margin-bottom:10px;
}
.cardList li input {
    display:none;/**/
}

.cardList li input+label {
   border:1px solid transparent;
   border-radius:6px;
   padding:4px 8px;
   display:inline-block;
}
.cardList li input:checked+label {
   border:1px solid #fa5400;
   background-color:#fed4bf;
}


.cardList li img {
    height:20px;
}

.footerCardList img {
    height:20px;
}
.checkoutButton{
    /* font-size: 14px;
    display: inline-block;
    line-height: unset;
    min-width: 140px;
    margin-bottom: 5px;
    margin-right: 5px;
    margin-top: 4px;
    letter-spacing: .025em;
    border: 1px solid #E5E5E5;
    border-radius: 2px;
    outline: 0;
    color: #111;
    background: #F7F7F7;
    height: 30px;
    padding: 5px 10px;
    text-align: center; */
}

.orderSummary{
    /* font-family: 'TradeGothicW01-BoldCn20_675334',"Arial black","Arial Bold",Arial,sans-serif; */
    letter-spacing: normal;
    font-size: 16px;
    color: #000;
    line-height: 1.75;
    /* text-transform: uppercase; */
}

.orderSummary  span{
    font-family:  HelveticaNeueLTPro-Md, Helvetica, Arial, sans-serif;
}

.fLeft{
    float: left;
}

.fRight{
    float: right;
}
.clear {
    clear:both;
}
.orderTotal{
    font-size: 20px;
    margin-top: 40px;
}

.formStyle input[type='text'], .formStyle select{
    height: 48px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    width: 100%;
    outline: 0;
    margin: 0;
    padding: .6667em 1em;
}

.formStyle select{
    height: 48px;
    padding-top: 6px;
    padding-bottom: 6px;
    vertical-align: baseline;
    outline: 0;
    padding-left: 10px;
}

.formStyle label, .pseudo-formStyle{
    font-size: 16px;
    font-family:  HelveticaNeueLTPro-Md, Helvetica, Arial, sans-serif;
    color: #000;
    display: inline-block;
    /* padding: 10px 0 0; */
    padding: 0;
    margin-bottom: 0;
    line-height: 1.71;
    cursor: pointer;
}

.input-container{
    padding-top: 0;
    padding-bottom: 16px;
}

.cardAmount label{
    padding: unset;
}

.sendToColumn hr{
    margin: 9px 0 20px 0;
}

.sendToColumn label{
    padding: 0;
}

.cardAmountList tr{
    display: inline-block;
    width: 32%;
}

.cardAmountList tr:last-child{
    width: 64%;
}

.otherAmountPanel{
    width: 100%;
    /* border-radius: 3px;
    background-color: #eee; */
    display: inline-block;
    vertical-align: middle;
    /* padding: 1.5em 0; */
}

.otherAmountPanel label{
    margin: 0;
}

.cardMessagePanel{
    color: #000;
    font-size: 12px;
    margin-top: 24px;
}

.small{
    font-size: 12px;
}

.ImdSelectedWrapper{
    margin-top: 20px;
}

.ImdSelected{
    font-size: 12px;
    margin-top: 8px;
    /* padding: 0 4%; */
}

.submit{
    min-width: 172px;
    margin-bottom: 10px;
    font-family:  HelveticaNeueLTPro-Bd, Helvetica, Arial, sans-serif;
}

.basketDetails{
    font-size: 16px;
    color: #000;
    line-height: 1.75;
}

.basketDetails .btn{
    margin-right: 12px;
}

/* .cardValue{
    font-size: 12px;
    margin-top: 10px;
} */

.deliveryDateOption{
    padding-left: 0;
    list-style: none;
}

.deliveryDateOption li{
    padding-left: 0;
    list-style: none;
}

.uppercase{
    text-transform: uppercase;
}

.input-container .required{
    display: none;
}

.cartContents {
    float:right;
    margin-right:10px;
}
.cartCount{
    position: absolute;
    color: #fff;
    background: #fa5400;
    border-radius: 100%;
    text-align: center;
    padding: 2px 7px 3px 7px;
    text-decoration: none!important;
    top: -10px;
    right: -5px;
    font-size: 10px;
    font-family: 'TradeGothicW01-BoldCn20_675334',"Arial black","Arial Bold",Arial,sans-serif;
}

.cart-pad{
    margin-top: 10px;
}

.shopping-cart{
    color: #8D8D8D;
    margin-top: 10px;
}

.mr-10px{
    margin-right: 10px;
}

.product-desc{
    margin-bottom: 40px;
}

.add-to-basket{
    margin-top: 40px;
    padding: 11px 0;
    width: 100%;
}

.deliveryDatePanel{
    padding-top: 12px;
}

.cart-container{
    position: relative;
}

.cart-item:not(:last-child){
    border-bottom: solid 1px #e5e5e5;
    padding-bottom: 40px;
    margin-bottom: 40px;
}

.cart-terms{
    margin-top: 40px;
    margin-bottom: 16px;
}

.cart-terms span{
    font-size: 12px;
    line-height: 2;
    font-family: HelveticaNeueLTPro-Roman, Helvetica, Arial, sans-serif;
}

/*-------------------------------------------------------------------------------------------------------------------------------------------*/
/*          media styles below here.            */
/*-------------------------------------------------------------------------------------------------------------------------------------------*/


@media only screen and (max-width: 1199px) {
    .region-link a {
        width:60% !important;
    }

}
@media only screen and (max-width: 991px) {
    .banner-text {
        padding: 0 15%;
        top: 27%;
    }
    .banner-text h1 {
        font-size: 53px;
    }
    .col-center {
        width: 90%;
    }
    .banner-text p {
        width: 80%;
    }
    .left-banner-text {
        padding: 30px;
        width: 40%;
    }
    .form-pad {
        padding-left: 10%;
    }
    .cookieNotePanel {
        height:60px;
    }
    .region-link a {
        width:67% !important;
    }
    .cookie-p{
        font-size: 12px;
        line-height: 2;
        margin-bottom: 12px;
    }
}

@media only screen and (max-width: 767px) {
    h1, .banner-text h1 {
        font-size: 40px !important;
        line-height: 0.9;
        margin-top: 35px;
    }
    h2 {
        font-size: 20px !important;
    }
    .logo {
        margin: 17px 0 17px 8px;
    }
    section {
        /* margin-bottom: 60px; */
    }
    .banner-text h1 {
        font-size: 45px;
        margin-top: 25px;
    }
    .banner-text {
        top: 21%;
        padding: 0 13%;
    }
    .col-center {
        width: 100%;
    }
    .left-banner-text {
        padding: 25px;
        width: 50%;
    }
    .banner-text p {
        width: 100%;
    }
    .table {
        margin-top: 1em;
    }
    .form-pad {
        padding-left: 0;
    }
    .bg-dark {
        padding: 60px 0;
    }
    .cookieNotePanel {
        height:70px;
    }
    .region-link a {
        width:85% !important;
    }
    .overlayContentMain 
    {
        width:90%;
        top:45px;
        left:50%;
        margin-left:-45%;
    }
    .overlayContentTop {
        padding: 20px;
    }

    .overlayContentAbs {
       width:92%;
       padding:10px;
       top:80px;
       left:50%;
       margin-left:-46%;
    }

    .cookieSettings {
        font-size:0.9em;
    }



    .cartContents {
        position:absolute;
        top: 8px;
        right: 14px;
    }
    .collapse-xs {
        height:0;
    }
    .mobile-center{
        text-align: center;
    }
    .mobile-full-width{
        width: 100%!important;
    }
    .mobile-row{
        margin-right: -15px;
        margin-left: -15px;
    }
    .imgHolderx{
        margin-bottom: 20px;
    }
    /* .borderBox{
        margin: 0;
    } */
    .borderBoxBody {
        margin: 0 20px 20px 20px;
    }
    .borderBox h2{
        padding: 0;
        margin-bottom: 16px;
    }
    footer{
        margin: 0;
        padding: 24px 0;
    }
    .copyright {
        font-size: 12px;
        border: none;
        margin: 0;
        padding: 0;
        line-height: 2;
    }
    label, .word-count {
        font-size: 14px;
        line-height: 2;
    }
    .footer-menu {
        margin-top: 16px;
        float: left;
    }
    .cart-pad{
        margin: 0;
    }
    .input-container{
        padding-top: 0;
        padding-bottom: 12px;
    }
}

@media only screen and (max-width: 611px) {
    .left-banner-text {
        padding: 15px;
        width: 100%;
    }
    .banner-text {
        padding: 0 10%;
        top: 13%;
    }
    .cookieNotePanel {
        height:80px;
    }
}

@media only screen and (max-width: 505px) {
    .banner-text {
        padding: 0 5%;
    }
    #banner-order .banner-text {
        top: 16%;
    }
    .banner-text h1 {
        margin-bottom: 15px;
    }
    .banner-text p, .left-banner-text span {
        font-size: 13.5px !important;
    }
    .left-banner-text span {
        line-height: 100% !important;
    }
    .card-header a {
        font-size: 88% !important;
    }
    .mb-0 {
        background-position: 100% center;
    }
    .line h5 {
        font-size: 1.05rem;
    }
    .cookieNotePanel {
        height:95px;
    }
    .overlay-box {
        padding: 15px 12px;
        width: 100%;
        margin-top: 1.5em;
    }

}

@media only screen and (max-width: 485px) {
    section {
        /* margin-bottom: 40px; */
    }
    #main-banner > div {
        overflow: hidden;
    }
    .banner {
        height: auto !important;
        max-height: 320px !important;
        position: relative !important;
        width: auto !important;
        max-width: none;
    }
    .bg-dark {
        padding: 40px 0;
    }
    .cookieNotePanel {
        height:110px;
    }
}
@media only screen and (max-width: 430px) {
    .banner-text {
        top: 10%;
    }
    .banner-text p {
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 351px) {

}

@media only screen and (max-width: 335px) {
    section {
        /* margin-bottom: 30px; */
    }
    #main-banner > div {
        overflow: hidden;
    }
    .banner {
        height: auto !important;
        max-height: 415px !important;
        position: relative !important;
        width: auto !important;
        max-width: none;
    }
    .banner-text {
        top: 5%;
    }
    .mLeft {
        margin-left: 0px;
        clear: both;
    }
    .bg-dark {
        padding: 30px 0;
    }
}

.msg-and-Cards {
    display: flex;
}

.managed-by {
    margin-right: 20px;
}

@media only screen and (max-width: 680px) {
    .managed-by {
        display: block;
    }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
    .managed-by {
        display: block;
    }
}


