/*------------------------------------
  READ ME - Sean

  This stylesheet should be copied for all new RafflePlayer websites
  The variables at the top of the stylesheet should be updated to
  reflect the branding of the company. Towards the bottom of this
  stylesheet you should see site specific styles. Here you should
  overide any base styles for this site. You should not need to modify
  styles in the main CSS.
------------------------------------*/
/*------------------------------------*\
    #VARS
\*------------------------------------*/
/**
  Taken from here: https://styleguide.anthonynolan.org/1-colours.html#secondary-colours
 */
/**
  Taken from Anthony Nolan Main website
 */
/* IMPORTS */
/* MAIN STYLES */
body {
padding-bottom: 0 !important;
color: #284441 !important;
-webkit-font-smoothing: antialiased;
}

p {
font-family: "Montserrat", sans-serif;
font-weight: 400;
color: #000;
font-size: 18px;
line-height: 1.4;
margin-bottom: 14px;
}

ol,
ul {
list-style-type: circle;
padding-left: 20px;
padding-bottom: 10px;
}

ol li,
ul li {
font-family: "Montserrat", sans-serif;
color: #000;
font-weight: 400;
padding-left: 10px;
font-size: 18px;
line-height: 1.4;
margin-bottom: 14px;
}

ol {
padding-left: 20px;
}

ol li {
list-style-type: decimal;
}

ol li:before {
display: none;
}

ul {
padding-left: 10px;
}

ul li {
list-style-type: none;
}

table {
  color: #000;
}

* {
/* Safari/Chrome, other WebKit */
/* Firefox, other Gecko */
box-sizing: border-box;
/* Opera/IE 8+ */
}

img {
max-width: 100%;
}

h1,
.h1 {
font-size: 28px;
line-height: 28px;
font-family: "Montserrat", sans-serif;
font-weight: 700;
color: #284441;
text-transform: none;
margin-bottom: 15px;
padding: 16px 0 36px;
}
#pageTitle {
  text-transform: uppercase;
}

h2 {
font-family: "Montserrat", sans-serif;
font-weight: 300;
color: #284441;
font-size: 24px;
margin: 30px 0 18px;
border-bottom: 1px dashed #999;
line-height: 1.3;
padding: 0 0 12px;
}

legend {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 20px;
padding: 0 0 20px;
margin: 0 0 20px;
line-height: 1.3;
color: #284441;
border: 0;
border-bottom: 1px dashed #999;
}

a {
color: #000;
font-weight: 800;
border-bottom: 1px solid #999;
}

a:hover {
color: #284441;
text-decoration: none;
}

label {
color: #284441;
font-weight: 400;
font-size: 16px;
margin-top: 10px;
font-family: "Montserrat", sans-serif;
}

label span {
color: #96a519;
}

/* HEADER */
header {
background: #ffffff;
}

header > .container {
border-top-left-radius: 18px;
border-top-right-radius: 18px;
margin-top: 15px;
padding: 0;
}

header .logo,
header .logo-primary {
display: inline-block;
position: absolute;
}

header .logo {
max-width: 180px;
left: 275px;
top: 38px;
}

header .logo-primary {
max-width: 372px;
}

.header-top {
background: #eee;
display: none;
}

.header-top .headerEnterbutton {
background: #96a519;
border: 0;
font-family: "Montserrat", sans-serif;
font-weight: 400;
text-transform: none;
font-size: 15px;
color: #fff !important;
padding: 6px 12px;
float: right;
text-decoration: none;
margin-top: 5px;
}

.header-top .headerEnterbutton:hover {
background: #6e7814;
text-decoration: none;
opacity: 0.8;
}

.header-top ul.header-socials {
display: inline-block;
list-style: none;
padding-left: 0;
padding-bottom: 0;
margin-bottom: 0;
vertical-align: middle;
margin-top: 8px;
}

.header-top ul.header-socials li {
display: inline-block;
list-style: none;
float: left;
padding-left: 10px;
padding-top: 0;
padding-bottom: 0;
}

.header-top ul.header-socials li:before {
display: none !important;
}

.header-top ul.header-socials li:last-child {
padding-left: 5px;
}

.header-top ul.header-socials li a i {
font-size: 28px;
}

.header-bottom .brand {
height: 172px;
position: relative;
padding: 0 0 20px 0;
vertical-align: top;
}

.header-bottom .brand a {
border-bottom: none;
}

.header-bottom .brand .hotline-info {
float: right;
text-align: right;
padding: 3px 0px 3px 20px;
position: relative;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

.header-bottom .brand .hotline-info p {
font-family: "Montserrat", sans-serif;
font-size: 16px;
line-height: 20px;
margin: 0px;
}

.header-bottom .brand .hotline-info p.hotline-title {
font-weight: 600;
}

.mobile-nav {
display: none;
}

.main-nav {
border-radius: 0px;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
background: #284441;
width: auto;
}

.mobile-nav-controls {
display: none;
border-top: 1px dashed #999;
position: relative;
}

.tel-number {
color: #6e7814;
line-height: 1;
padding: 14px 0 12px;
width: 100%;
text-align: center;
font-size: 18px;
text-decoration: none;
}

.tel-number a {
border-bottom: none;
}

.tel-number i {
font-size: 13px;
line-height: 100%;
vertical-align: middle;
margin-right: 5px;
margin-top: -3px;
}

.email-link {
color: #6e7814;
line-height: 1;
padding: 14px 0 12px;
width: 100%;
text-align: center;
font-size: 18px;
text-decoration: none;
}

.email-link a {
border-bottom: none;
}

.email-link i {
font-size: 13px;
line-height: 100%;
vertical-align: middle;
margin-right: 5px;
margin-top: -3px;
}

@media screen and (max-width: 991px) {
.toggle-menu-btn-cont {
display: block !important;
}
}
.toggle-menu-btn-cont {
border-bottom: 1px dashed #999;
border-top: 1px dashed #999;
display: none;
margin-left: auto;
width: 100%;
}

.toggle-menu-btn-cont a {
border-bottom: none;
display: block;
font-weight: 700;
font-size: 18px;
padding: 16px 0 16px;
text-transform: none;
line-height: 1;
width: 100%;
text-align: center;
}

.toggle-menu-btn-cont a:hover {
color: #284441;
}

.main-nav {
width: 100%;
list-style: none;
padding: 0;
font-family: "Montserrat", sans-serif;
margin-top: 10px;
margin-bottom: 0;
}

.main-nav li {
display: inline-block;
list-style: none;
padding: 0;
line-height: 1.4;
left: 0px;
right: 0px;
border-left: 1px solid #284441;
text-align: center;
background: #284441;
margin-bottom: 0px;
}

.main-nav li:before {
display: none;
}

.main-nav li:hover,
.main-nav li .active {
background: #e83e33;
color: #FFF;
}

.main-nav li:first-child {
margin-left: 0px;
}

.main-nav li:last-child {
border-right: 1px solid #284441;
}

.main-nav li a {
display: block;
color: #FFF;
padding: 14px 35px;
font-size: 12pt;
font-weight: 700;
text-decoration: none;
border-bottom: none;
}

.main-nav li a:hover {
text-decoration: none;
background-color: #e83e33;
color: #FFF;
}

.main-nav li a.active {
text-decoration: none;
margin-bottom: 0;
color: #FFF;
}

@media screen and (max-width: 991px) {
.main-nav li a.active {
text-decoration: none;
}
}

/* SIDEBAR */
aside[role="complementary"],
.homeSidebar {
text-align: center;
}

aside[role="complementary"] a.button,
.homeSidebar a.button {
margin: 0 auto;
max-width: 316px;
}

/**
  Arrows

 * Note -  These are mostly intended to be used with @extend sass feature
 */
.right-arrow,
.steps li::after,
.main ul.radio-list-label li label::after,
.button-monthly::after,
#find-address-button input[type="button"]::after,
#find-address-button input[type="submit"]::after,
.formButtonStyles::after,
.form-submit::after,
#find-address-button::after {
position: absolute;
border-style: solid;
content: "";
display: inline-block;
width: 16px;
height: 16px;
top: 50%;
margin-top: -8px;
-ms-transform: rotate(45deg);
transform: rotate(45deg);
right: 15px;
border-width: 2px 2px 0 0;
color: #FFF !important;
}

.steps li:hover::after,
.main ul.radio-list-label li label:hover::after,
.button-monthly:hover::after,
#find-address-button input[type="button"]:hover::after,
#find-address-button input[type="submit"]:hover::after,
.formButtonStyles:hover::after,
.form-submit:hover::after,
#find-address-button:hover::after {
border-color: #284441 !important;
}

/* STEPS NAVIGATION */
.five-steps {
list-style: none;
padding: 0;
text-align: center;
border-bottom: solid 1px #aaa;
}

.steps {
background-color: none;
color: #fff;
border-radius: 5px;
margin-top: 10px;
margin-bottom: 14px;
}

.steps li {
position: relative;
display: inline-block;
background: #51ab8a;
line-height: 18px;
margin: 0 0 15px 22px;
border: 0 !important;
color: #fff;
font-family: "Montserrat", sans-serif;
font-weight: 600;
text-transform: none;
padding: 11px 25px;
}

.steps li:before {
display: none;
}

.steps li::after {
color: #999;
position: absolute;
right: -18px;
}

.steps li:last-child::after {
display: none;
}

.steps li.active {
font-family: "Montserrat", sans-serif;
background: rgba(0, 0, 0, 0.7);
text-decoration: none;
font-weight: 600;
}

.steps li.complete,
.steps li.done {
font-family: "Montserrat", sans-serif;
text-decoration: line-through;
background: #284441;
color: #FFF !important;
font-weight: 600;
}

/* FOOTER */
footer {
background: #284441;
}

footer .footer-bottom-container .footer-title {
color: #fff;
padding: 10px;
margin: 30px;
border-bottom: 1px dashed #a8a8a8;
font-size: 31px;
line-height: 27px;
font-weight: 700;
font-family: "Montserrat", sans-serif;
}

footer .footer-bottom-container .footer-menu,
footer .footer-bottom-container .social-menu {
margin-top: 50px;
}

footer .footer-bottom-container .footer-menu ul,
footer .footer-bottom-container .social-menu ul {
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
list-style: none;
padding: 0 0 0 10px;
margin-left: 20px;
}

footer .footer-bottom-container .footer-menu ul li,
footer .footer-bottom-container .social-menu ul li {
line-height: 40px;
width: 100%;
text-align: left;
color: #96a519;
padding: 10px 0 0 10px;
}

footer .footer-bottom-container .footer-menu ul li::before,
footer .footer-bottom-container .social-menu ul li::before {
background-color: #96a519;
}

footer .footer-bottom-container .footer-menu ul li a,
footer .footer-bottom-container .social-menu ul li a {
color: #FFF;
font-size: 18px;
font-weight: 800;
text-decoration: underline;
border-bottom: none;
padding-bottom: 15px;
}

footer .footer-bottom-container .footer-menu ul li a:hover,
footer .footer-bottom-container .social-menu ul li a:hover {
color: #FFF;
text-decoration: underline;
}

footer .footer-bottom-container .footer-menu ul li i,
footer .footer-bottom-container .social-menu ul li i {
font-size: 20px;
}

footer .footer-bottom-container .footer-socials {
padding-left: 20px;
}

footer .footer-bottom-container .licensing-info {
padding-top: 25px;
border-top: 1px solid #FFF;
}

footer .footer-bottom-container .licensing-info p {
color: #FFF;
text-align: left;
line-height: 21px;
font-size: 10pt;
}

footer .footer-bottom-container .licensing-info p a {
color: #FFF;
}
footer .footer-bottom-container .licensing-info p a:hover {
color: #5094cd;
}

footer .footer-bottom-container .footer-logos {
width: 100%;
list-style: none;
padding: 0;
text-align: right;
}

footer .footer-bottom-container .footer-logos li:nth-child(3n) img {
max-width: 160px;
}

footer .footer-bottom-container .footer-logos li {
display: inline-block;
color: #96a519;
text-align: center;
}

footer .footer-bottom-container .footer-logos li:before {
display: none;
}

footer .footer-bottom-container .footer-logos li a {
border-bottom: none;
}

.charityNumber {
background: none;
}

.charityNumber p {
color: #fff;
text-align: center;
margin-top: 10px;
font-size: 12px;
}

.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}

.sidebarImage {
text-align: right;
}

/* FORM */
.main ul.radio-list {
list-style: none;
padding-left: 0px;
}

.main ul.radio-list li.cf {
font-family: "Montserrat", sans-serif;
font-weight: 400;
border-radius: 0px;
border: 1px solid #ccc;
padding-top: 10px;
margin-bottom: 10px;
cursor: pointer;
list-style-type: none;
}

.main ul.radio-list li.cf:before {
display: none !important;
}

.main ul.radio-list li.cf:hover {
background: #6e7814;
color: #fff;
}

.main ul.radio-list li.cf:hover label {
color: #fff;
}

.main ul.radio-list label {
color: #4a4a4a;
cursor: pointer;
text-transform: none;
font-weight: 400;
}

.main ul.radio-list label:hover {
color: #fff;
}

.main ul.radio-list input[type="radio"] {
float: left;
margin-right: 10px;
margin-top: 5px;
margin-left: 13px;
}

.main ul.radio-list .radio {
margin: 0;
padding-top: 0px;
padding-bottom: 5px;
}

.main ul.radio-list-label {
list-style-type: none !important;
margin: 0;
padding-left: 0;
}

.main ul.radio-list-label li {
padding: 0;
margin: 0;
list-style-type: none !important;
}

.main ul.radio-list-label li label {
display: block;
padding: 15px;
cursor: pointer;
background-color: #284441;
color: #FFF !important;
font-weight: 600;
text-transform: none;
font-family: "Soya", sans-serif;
}

.main ul.radio-list-label li label::after {
color: #284441 !important;
}

.main ul.radio-list-label li label:hover {
background-color: #e83e33;
color: #FFF;
}

.main ul.radio-list-label li label:hover::after {
border-color: #FFF !important;
color: #FFF !important;
}

.main ul.radio-list-label li label span {
display: none;
}

.main ul.radio-list-label li input[type="radio"] {
display: none;
}

.main ul.radio-list-label li input[type="radio"]:checked + label {
background-color: #e83e33;
color: #FFF;
}

.main ul.radio-list-label li input[type="radio"]:checked + label::after {
display: none;
}

.main ul.radio-list-label li input[type="radio"]:checked + label span {
display: block;
float: right;
color: #FFF;
}

.error-messages,
.error-text {
color: #a94442;
}

.error-messages ul,
.error-text ul {
padding: 0;
}

.error-messages ul li,
.error-text ul li {
color: #a94442 !important;
}

.error-messages ul li:last-child,
.error-text ul li:last-child {
margin-bottom: 0;
}

.or {
text-align: center;
font-size: 21px;
font-family: "Montserrat", sans-serif;
color: #a7a7a7;
}

.customEntriesPerWeek {
width: 377px;
margin: 0 auto;
margin-top: -15px;
}

.customEntriesPerWeek input {
width: 50px;
float: left;
margin-right: 10px;
}

.customEntriesPerWeek label {
padding-top: 6px;
}

.required {
text-align: right;
font-weight: 400;
}

.pre-hide {
display: none;
}

#per-month {
color: #666;
}

.inline-checkbox input {
float: left;
margin-right: 10px;
margin: 6px 0 0;
}

.inline-checkbox label {
font-weight: 400;
margin-left: 23px;
}

.cc-message {
font-family: "Montserrat", sans-serif;
color: #284441;
}

.cc-message a {
text-decoration: none;
}

.cc-color-override-1292851691 a.cc-btn {
background: #284441;
color: #FFF !important;
font-family: "Montserrat", sans-serif;
font-weight: 600;
}

.cc-color-override-1292851691 a.cc-btn:hover {
background: #5094cd !important;
color: #284441 !important;
}

/* BUTTONS */
.button-monthly {
border-radius: 0px;
position: relative;
width: 100%;
display: block;
background: #e83e33;
border: 0;
color: #FFF !important;
font-family: "Montserrat", sans-serif;
font-weight: 600;
text-transform: none;
font-size: 18px;
padding: 15px;
text-align: center;
text-decoration: none;
}

.button-monthly:hover {
background: #284441;
color: #FFF !important;
text-decoration: none;
}

#find-address-button input[type="button"],
#find-address-button input[type="submit"],
.formButtonStyles,
.form-submit {
position: relative;
background: #284441;
border: 0;
color: #FFF !important;
font-family: "Montserrat", sans-serif;
font-size: 18px;
font-weight: 600;
text-transform: none;
padding: 10px 35px 10px 15px;
margin-left: 6px;
text-decoration: none;
border-radius: 0px;
}

#find-address-button input[type="button"]:hover,
#find-address-button input[type="submit"]:hover,
.formButtonStyles:hover,
.form-submit:hover {
background: #e83e33;
color: #FFF !important;
text-decoration: none;
}

#find-address-button {
position: relative;
float: left;
}

#find-address-button input[type="button"] {
padding: 12px 35px 12px 15px;
}

#postcode-lookup::after {
content: "";
display: table;
clear: both;
}

#postcode_anywhere {
width: 150px;
float: left;
}

.dateOfBirth select {
width: 30%;
float: left;
padding: 15px;
margin-right: 2%;
margin-bottom: 10px;
}

.arrow-back {
background-color: #284441;
border-bottom: none;
border-radius: 5px;
color: #FFF !important;
float: left;
font-size: 18px;
margin-top: 15px;
padding: 10px 15px 10px 35px;
position: relative;
}
.arrow-back::before {
position: absolute;
border-style: solid;
content: "";
display: inline-block;
width: 16px;
height: 16px;
top: 50%;
margin-top: -8px;
-ms-transform: rotate(225deg);
transform: rotate(225deg);
left: 15px;
border-width: 2px 2px 0 0;
}

.arrow-back:hover {
background: #5094cd;
color: #284441 !important;
text-decoration: none;
}

.form-submit {
margin-top: 15px;
}

.fielderror {
border: solid 2px #f00;
}

.formSortCodeGroup input {
display: inline-block;
width: 21%;
}

.direct-debit-guarantee img {
margin-bottom: 15px;
}

.heroBox {
border-radius: 10px;
position: relative;
margin: 30px 0;
height: 125px;
background: #f0f0f0;
color: #fff;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
padding: 0 15px;
display: none;
}

.hero_title {
text-align: center;
color: #000;
border-bottom: none;
font-weight: 700;
margin: 15px 0;
padding-top: 0;
padding-bottom: 0;
}

input[type="email"],
input[type="number"],
input[type="password"],
input[type="tel"],
input[type="text"],
select.form-control,
textarea.form-control {
-webkit-appearance: textfield;
padding: 0 16px;
width: 100%;
font-family: "Montserrat", sans-serif;
font-weight: 400;
border-radius: 0px;
border: 1px solid #ccc;
line-height: normal;
height: 50px;
outline: 0;
transition: background-color 0.3s ease 0s;
}

select.form-control {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url("../img/anthonynolan/sprite-icon-dropdown-input.png");
background-position: right center;
background-repeat: no-repeat;
font-family: "Montserrat", sans-serif;
}

.special-left {
margin-left: -20px !important;
vertical-align: bottom;
}

td,
th {
padding: 5px;
font-size: 18px;
font-family: "Montserrat", sans-serif;
text-transform: capitalize;
}

tr.row-header td {
font-weight: 600;
}

td strong {
font-weight: 800;
}

/*------------------------------------
  SITE SPECIFIC OVERRIDES

  The above styles create a base on which to design from.
  The styles below have been added as overrides for this
  specific sites design and should be removed if being used again.
------------------------------------*/
.formSortCodeGroup input {
width: 29%;
margin: 0;
margin-bottom: 12px;
}

.homeContentEnterbutton {
margin-left: 0;
margin-top: 20px;
width: 50%;
font-weight: 600;
text-transform: none;
}

.dateOfBirth select {
width: 30%;
display: inline-block;
}

.sidebarImage {
text-align: center;
margin-top: 40px;
}

/* MAIN CONTENT */
.main {
padding-bottom: 20px;
padding-top: 40px;
}

.main h1 {
font-size: 40px;
line-height: 1.2;
font-family: "Montserrat", sans-serif;
font-weight: 700;
color: #000;
margin-bottom: 15px;
text-transform: none;
padding: 0;
}

.main h2 {
font-family: "Montserrat", sans-serif;
font-weight: 600;
color: #284441;
font-size: 31px;
margin: 30px 0 18px;
border-bottom: none !important;
line-height: 1.3;
padding: 0 0 12px;
}

.main h3,
.main h4,
.main h5,
.main h6 {
font-family: "Montserrat", sans-serif;
font-weight: 600;
color: #284441;
margin-top: 8px;
}

.main h3 {
font-size: 20px;
line-height: 1;
}

.main h4,
.main h5,
.main h6 {
font-size: 18px;
line-height: 20px;
}

.main p strong {
color: #000;
font-family: "Montserrat", sans-serif;
font-weight: 600;
}

.main ul {
padding-left: 10px;
}

.main ul li {
list-style-type: disc;
font-family: "Montserrat", sans-serif;
color: #000;
font-weight: 400;
padding-left: 10px;
font-size: 18px;
line-height: 1.4;
margin-bottom: 14px;
margin-left: 5px;
}

.main ul li span {
  color: #e83e33;
  font-weight: 600;
}

.main ul li:before {
display: none;
}

.main ul.follow-links li {
margin-left: 15px;
}

.main ul.follow-links li:before {
display: none;
}

.main ul.follow-links li:hover {
color: #6e7814;
}

.main ul.follow-links li a {
border-bottom: none;
}

.main ul.follow-links li a i {
margin-right: 10px;
}

.main ul.radio-list {
list-style: none;
padding-left: 0px;
}

.main ul.radio-list li {
margin-left: 0px;
}

.prizes_pagesyles .main h1:after {
position: relative;
height: 8px;
border-radius: 0 0 4px 4px;
}

.prizes_pagesyles .main li strong {
color: #96a519;
font-family: "Montserrat", sans-serif;
font-weight: 700;
}

.home_pagesyles .main p strong {
color: #284441;
font-family: "Montserrat", sans-serif;
font-weight: 700;
}

#account_number {
font-size: 23px;
width: 180px;
font-weight: bold;
letter-spacing: 5px;
}

#sort_code_1,
#sort_code_2,
#sort_code_3 {
font-size: 23px;
letter-spacing: 5px;
font-weight: bold;
width: 75px;
}

.hr--spaced {
margin: 10px 0;
clear: both;
height: 7px;
position: relative;
width: 100%;
}

.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}

input[type="submit"],
button[type="submit"] {
float: right;
font-size: 18px;
}

.initialHide {
display: none;
}

.show {
display: block;
}

.showNew {
display: block;
}

.sun-numbers {
display: inline;
}

.sun-numbers .sun {
padding-left: 0;
margin-top: 10px;
padding-top: 10px;
list-style-type: none;
}

.sun-numbers .sun li {
display: inline;
border: 1px solid #ccc;
border-radius: 4px;
padding: 5px 10px 5px 15px;
line-height: normal;
height: 50px;
width: 65px;
font-size: 23px;
font-weight: 700;
letter-spacing: 5px;
list-style-type: none;
}

.sun-numbers .sun li:before {
display: none;
}

.direct-d {
padding-bottom: 20px;
}

/* ----------------------------------------------------------------
     [ Responsive Styles ]
-----------------------------------------------------------------*/
@media (max-width: 1200px) {
header .main-nav li a {
padding: 15px 25px;
font-size: 15px;
}
}

@media (max-width: 991px) {
/* NAVIGATION */
nav > .container {
padding: 0;
}

.mobile-nav-controls {
display: -ms-flexbox;
display: flex;
}

.heroBox {
display: none;
}

header .header-bottom .brand {
height: auto;
text-align: center;
}

header .header-bottom .brand .logo,
header .header-bottom .brand .logo-primary {
display: inline-block;
float: none;
position: relative;
}

header .header-bottom .brand .logo {
left: auto;
max-width: 30%;
}

header .header-bottom .brand .logo-primary {
left: auto;
max-width: 65%;
}

header .header-bottom .brand .hotline-info {
display: none;
}

header .main-nav {
display: none;
text-align: center;
border: 0px;
margin-top: 0;
}

header .main-nav li {
border-left: none;
border-bottom: 1px solid #5094cd;
display: block;
float: none;
margin-top: 0px;
}

header .main-nav li:first-child {
display: none;
}

header .main-nav li:nth-child(2) a strong {
font-weight: 400;
}

header .main-nav li a {
background-color: #284441;
font-size: 17.3px;
}

header .mobile-nav {
display: block;
background-color: transparent;
border: 0px;
}

header .mobile-nav li {
border-left: none;
border-bottom: 1px solid #404040;
display: block;
float: none;
margin-top: 0px;
}

#searchCentre {
float: right;
}

#toggle-menu.active {
background-color: #284441;
color: #fff;
}

.main .col-md-8 {
z-index: 10;
}

.homeSidebar {
padding-top: 50px;
z-index: 0;
}

.sidebarImage img {
display: block;
margin: 0 auto;
}

.homeContentEnterbutton {
display: none !important;
}

.five-steps {
display: none;
}
}

@media (max-width: 767px) {
.paymentIcons {
float: none !important;
}
.basket-container {
  display: block !important;
  position: relative !important;
  top: auto !important;
  margin-bottom: 20px;
}

footer .footer-bottom-container .footer-logos {
margin-top: 10px !important;
}

.main {
padding-bottom: 20px;
}
}

@media (max-width: 710px) {
.header-top .headerEnterbutton {
float: left;
text-align: center;
width: 100%;
}


nav {
margin-top: 5px;
}
}

@media (max-width: 520px) {
footer .footer-bottom-container .footer-title {
font-size: 18px;
line-height: 21px;
margin: 10px;
}

footer .footer-bottom-container .footer-menu ul,
footer .footer-bottom-container .social-menu ul {
list-style-type: none;
margin-left: 10px;
padding: 0;
}

footer .footer-bottom-container .footer-menu ul li,
footer .footer-bottom-container .social-menu ul li {
padding: 5px 0 0 10px;
margin-bottom: 4px;
}

footer .footer-bottom-container .footer-menu ul li a,
footer .footer-bottom-container .social-menu ul li a {
font-size: 12px;
line-height: 1.2;
}
}

@media (max-width: 497px) {
footer .footer-bottom-container .footer-title {
height: 65px;
}

footer .footer-bottom-container .footer-logos {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: center;
justify-content: center;
align-items: center;
}
}

@media (max-width: 451px) {
.header-top {
padding: 5px 0;
}

.header-top .headerEnterbutton {
display: none;
}

.mobile-nav {
text-align: center;
}
}

@media (max-width: 423px) {
.customEntriesPerWeek {
width: 100%;
}
}

@media (max-width: 399px) {
#searchCentre {
float: none;
}

#searchCentre a {
width: auto !important;
background: none;
float: none !important;
display: block;
margin: 0 auto;
margin-top: 20px;
}
}

@media (max-width: 295px) {
.mobile-nav li:nth-child(2) {
display: none;
}
}

.caption {
color: #284441;
font-family: "Montserrat", sans-serif;
margin: 20px auto;
width: 95%;
}

@media screen and (max-width: 991px) {
.skip-link {
display: none;
}
}

.skip-link {
position: absolute;
z-index: 9999;
top: 0;
right: 20px;
border-left: 1px solid #284441;
border-bottom: 1px solid #284441;
border-right: 1px solid #284441;
padding: 0 5px;
}

.cc-banner.cc-top {
position: absolute !important;
z-index: 10000;
}

.figure-quote,
.quote-figure {
border-left: 3px solid #284441;
font-weight: 700;
margin-top: 10px;
padding-left: 20px;
}

.pad.top {
padding-top: 20px;
}

.pad.bottom {
padding-bottom: 20px;
}

.terms-conditions_pagesyles h3 {
margin-bottom: 20px;
margin-top: 20px;
}

.terms-conditions_pagesyles ol li ol {
margin-top: 10px;
}

.terms-conditions_pagesyles ol li ol,
.terms-conditions_pagesyles ol li ol li {
list-style-type: lower-latin;
}