/*------------------------------------
  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: #007d99 !important;
-webkit-font-smoothing: antialiased;
}

p {
font-family: "Plus Jakarta Sans", 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: "Plus Jakarta Sans", 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: "Sora", sans-serif;
font-weight: 600;
color: #007d99;
text-transform: none;
margin-bottom: 15px;
padding: 16px 0 36px;
}

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

legend {
font-family: "Sora", sans-serif;
font-weight: 400;
font-size: 20px;
padding: 0 0 20px;
margin: 0 0 20px;
line-height: 1.3;
color: #007d99;
border: 0;
border-bottom: 1px dashed #8BCAB3;
}

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

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

label {
color: #007d99;
font-weight: 400;
font-size: 16px;
margin-top: 10px;
font-family: "Plus Jakarta Sans", 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 {
width: 300px !important;
}

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

.header-top .headerEnterbutton {
background: #96a519;
border: 0;
font-family: "Plus Jakarta Sans", 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: 150px;
position: relative;
padding: 20px 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: "Plus Jakarta Sans", 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: 10px;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
background: #058295;
width: auto;
}

.mobile-nav-controls {
display: none;
border-top: 1px dashed #8BCAB3;
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 #8BCAB3;
border-top: 1px dashed #8BCAB3;
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: #007d99;
}

.main-nav {
width: 100%;
list-style: none;
padding: 0;
font-family: "Sora", 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 #058295;
text-align: center;
background: #058295;
margin-bottom: 0px;
}

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

.main-nav li:hover,
.main-nav li .active {
background: #CAE4D0;
}

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

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

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

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

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

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

/* 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: #007d99 !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: #8BCAB3;
line-height: 18px;
margin: 0 0 15px 22px;
border: 0 !important;
color: #fff;
font-family: "Sora", sans-serif;
font-weight: 600;
text-transform: none;
padding: 11px 25px;
}

.steps li:before {
display: none;
}

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

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

.steps li.active {
font-family: "Sora", sans-serif;
background: #058295;
text-decoration: none;
font-weight: 600;
}

.steps li.complete,
.steps li.done {
font-family: "Sora", sans-serif;
text-decoration: line-through;
background: #8BCAB3;
font-weight: 600;
}

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

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: "Plus Jakarta Sans", 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: #CAE4D0;
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: #CAE4D0;
}

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;
}
.sidebarImage img {
  max-width: 316px;
}

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

.main ul.radio-list li.cf {
font-family: "Plus Jakarta Sans", 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: #CAE4D0;
font-weight: 600;
text-transform: none;
font-family: "Soya", sans-serif;
}

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

.main ul.radio-list-label li label:hover {
background-color: #007d99;
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: #007d99;
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: "Plus Jakarta Sans", 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: "Plus Jakarta Sans", sans-serif;
color: #007d99;
}

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

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

.cc-color-override-1292851691 a.cc-btn:hover {
background: #CAE4D0 !important;
color: #007d99 !important;
}

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

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

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

#find-address-button input[type="button"]:hover,
#find-address-button input[type="submit"]:hover,
.formButtonStyles:hover,
.form-submit:hover {
background: #CAE4D0;
color: #007d99 !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;
margin-right: 1%;
margin-bottom: 10px;
}

.arrow-back {
background-color: #007d99;
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: #CAE4D0;
color: #007d99 !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: #CAE4D0;
color: #fff;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
padding: 0 15px;
}

.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: "Plus Jakarta Sans", 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: "Plus Jakarta Sans", sans-serif;
}

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

td,
th {
padding: 5px;
font-size: 18px;
font-family: "Plus Jakarta Sans", 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: 32%;
display: inline-block;
}

.sidebarImage {
text-align: center;
}

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

.main h1 {
font-size: 40px;
line-height: 1;
font-family: "Sora", sans-serif;
font-weight: 600;
color: #007d99;
margin-bottom: 15px;
text-transform: none;
padding: 0;
}

.main h2 {
font-family: "Sora", sans-serif;
font-weight: 600;
color: #007d99;
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: "Sora", sans-serif;
font-weight: 600;
color: #007d99;
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: "Plus Jakarta Sans", sans-serif;
font-weight: 600;
}

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

.main ul li {
list-style-type: disc;
font-family: "Plus Jakarta Sans", 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: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: #E9511D;
font-family: "Plus Jakarta Sans", sans-serif;
font-weight: 700;
}

.home_pagesyles .main p strong {
color: #007d99;
font-family: "Plus Jakarta Sans", 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;
}

.social-menu nav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.social-menu nav li {
  width: 55px !important;
}

.social-menu nav img {
  border-radius: 100%;
  width: 44px;
  margin-right: 10px;
}

/* ----------------------------------------------------------------
     [ 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 #CAE4D0;
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: #CAE4D0;
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: #007d99;
color: #fff;
}

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

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

.sidebarImage img {
display: block;
margin: 0 auto;
padding-top: 20px;
}

.homeContentEnterbutton {
display: none !important;
}

.five-steps {
display: none;
}
}

@media (max-width: 767px) {
.paymentIcons {
float: none !important;
}

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: #007d99;
font-family: "Plus Jakarta Sans", 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 #007d99;
border-bottom: 1px solid #007d99;
border-right: 1px solid #007d99;
padding: 0 5px;
}

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

.figure-quote,
.quote-figure {
border-left: 3px solid #007d99;
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;
}