@import url(https://use.typekit.net/bdf7yks.css);
html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }  body {
margin: 0; } h1 {
font-size: 2em;
margin: 0.67em 0; }  hr {
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent; } abbr[title] {
border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b,
strong {
font-weight: bolder; } code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } small {
font-size: 80%; } sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sub {
bottom: -0.25em; }
sup {
top: -0.5em; }  img {
border-style: none; }  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible; } button,
select { text-transform: none; } button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button; } button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0; } button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText; } fieldset {
padding: 0.35em 0.75em 0.625em; } legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline; } textarea {
overflow: auto; } [type="checkbox"],
[type="radio"] {
box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto; } [type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration {
-webkit-appearance: none; } ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details {
display: block; } summary {
display: list-item; }  template {
display: none; } [hidden] {
display: none; }  @font-face {
font-family: "Cera Pro";
src: url(//www.bannerbox.co.uk/wp-content/themes/bannerbox/font/cera/CeraPro-Light.woff2) format("woff2"), url(//www.bannerbox.co.uk/wp-content/themes/bannerbox/font/cera/CeraPro-Light.woff) format("woff");
font-weight: 300;
font-style: normal; }
@font-face {
font-family: "Cera Pro";
src: url(//www.bannerbox.co.uk/wp-content/themes/bannerbox/font/cera/CeraPro-Regular.woff2) format("woff2"), url(//www.bannerbox.co.uk/wp-content/themes/bannerbox/font/cera/CeraPro-Regular.woff) format("woff");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: "Cera Pro";
src: url(//www.bannerbox.co.uk/wp-content/themes/bannerbox/font/cera/CeraPro-Medium.woff2) format("woff2"), url(//www.bannerbox.co.uk/wp-content/themes/bannerbox/font/cera/CeraPro-Medium.woff) format("woff");
font-weight: 500;
font-style: normal; }
@font-face {
font-family: "Cera Pro";
src: url(//www.bannerbox.co.uk/wp-content/themes/bannerbox/font/cera/CeraPro-Bold.woff2) format("woff2"), url(//www.bannerbox.co.uk/wp-content/themes/bannerbox/font/cera/CeraPro-Bold.woff) format("woff");
font-weight: bold;
font-style: normal; }
body,
button,
input,
select,
optgroup,
textarea {
color: #333333;
font-family: "Cera Pro", sans-serif;
font-weight: 400;
font-size: 22px;
font-size: 1.1rem;
line-height: 1.5; }
h1,
h2,
h3,
body.page-id-156 #main section.text-block > ol > li:before,
h4,
section.cookies-info .cookie-group .cookie .name,
h5,
h6 {
clear: none;
margin: 0 0 1.3rem;
font-family: "Cera Pro", sans-serif;
font-weight: 700; }
h1 {
font-size: 44px;
font-size: 2.2rem;  }
@media (min-width: 768px) {
h1 {
font-size: 75px;
font-size: 3.75rem; } }
.page-title h1, body section.slider h1 {
margin-bottom: 0; }
h1.home-head {
font-size: 24px;
font-size: 1.2rem;
font-family: "Cera Pro", sans-serif;
font-weight: 300;
text-transform: none !important;
margin: -1.3rem 0 0.25rem 0 !important; }
@media (min-width: 400px) {
h1.home-head {
font-size: 28px;
font-size: 1.4rem; } }
@media (min-width: 768px) {
h1.home-head {
font-size: 31px;
font-size: 1.55rem; } }
h2 {
font-size: 40px;
font-size: 2rem; }
@media (min-width: 768px) {
h2 {
font-size: 60px;
font-size: 3rem; } }
h3,
body.page-id-156 #main section.text-block > ol > li:before {
font-size: 32px;
font-size: 1.6rem; }
@media (min-width: 768px) {
h3,
body.page-id-156 #main section.text-block > ol > li:before {
font-size: 50px;
font-size: 2.5rem; } }
h4,
section.cookies-info .cookie-group .cookie .name {
font-size: 29px;
font-size: 1.45rem; }
@media (min-width: 768px) {
h4,
section.cookies-info .cookie-group .cookie .name {
font-size: 40px;
font-size: 2rem; } }
h5 {
font-size: 26px;
font-size: 1.3rem; }
@media (min-width: 768px) {
h5 {
font-size: 32px;
font-size: 1.6rem; } }
p + h1,
p + h2,
p + h3,
body.page-id-156 #main section.text-block > ol > p + li:before,
p + h4,
section.cookies-info .cookie-group .cookie p + .name,
p + h5,
ul + h1,
ul + h2,
ul + h3,
body.page-id-156 #main section.text-block > ol > ul + li:before,
ul + h4,
section.cookies-info .cookie-group .cookie ul + .name,
ul + h5 {
margin-top: 60px; }
body {
font-weight: 300; }
p {
margin: 0 0 1.3rem; }
dfn,
cite,
em,
i {
font-style: italic; }
blockquote {
margin: 0 1.5em; }
address {
margin: 0 0 1.5em; }
pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 18.75px;
font-size: 0.9375rem;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em; }
code,
kbd,
tt,
var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 18.75px;
font-size: 0.9375rem; }
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help; }
mark,
ins {
background: #fff9c0;
text-decoration: none; }
big {
font-size: 125%; } html {
box-sizing: border-box; }
*,
*:before,
*:after { box-sizing: inherit; }
body {
background: #fff; }
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em; }
ul,
ol {
margin: 0 0 1.5em 1.5em; }
ul {
list-style: disc; }
ol {
list-style: decimal; }
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em; }
dt {
font-weight: bold; }
dd {
margin: 0 1.5em 1.5em; }
img {
height: auto; max-width: 100%; }
figure {
margin: 1em 0; }
table {
margin: 0 0 1.5em; }
table th,
table td {
padding: 6px 30px 6px 0;
text-align: left;
font-size: 22px;
font-size: 1.1rem; }
table th {
font-weight: 500; } button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid;
border-color: #ccc #ccc #bbb;
border-radius: 3px;
background: #e6e6e6;
color: rgba(0, 0, 0, 0.8);
font-size: 15px;
font-size: 0.75rem;
line-height: 1;
padding: 0.6em 1em 0.4em; }
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa; }
button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
border-color: #aaa #bbb #bbb; } .read-more-container {
margin: 12px 0; }
.read-more-container p:empty {
display: none; }
.read-more-button {
background: #2d2c59;
display: inline-block;
padding: 12px 20px 15px;
color: #fff;
text-decoration: none;
font-size: 25px;
font-size: 1.25rem;
line-height: 1em;
cursor: pointer;
transition: 350ms ease-in-out; }
.read-more-button:hover, .read-more-button:active, .read-more-button:focus {
background: #3e3881;
border-color: #3e3881;
color: #fff; }
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea,
.acf-field input[type="text"],
.acf-field input[type="password"],
.acf-field input[type="date"],
.acf-field input[type="datetime"],
.acf-field input[type="datetime-local"],
.acf-field input[type="email"],
.acf-field input[type="month"],
.acf-field input[type="number"],
.acf-field input[type="search"],
.acf-field input[type="tel"],
.acf-field input[type="time"],
.acf-field input[type="url"],
.acf-field input[type="week"],
.acf-field textarea {
font-size: 1.1rem !important;
color: #666 !important;
border: 1px solid #ccc !important;
border-radius: 3px !important;
padding: 3px !important; }
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus,
.acf-field input[type="text"]:focus,
.acf-field input[type="password"]:focus,
.acf-field input[type="date"]:focus,
.acf-field input[type="datetime"]:focus,
.acf-field input[type="datetime-local"]:focus,
.acf-field input[type="email"]:focus,
.acf-field input[type="month"]:focus,
.acf-field input[type="number"]:focus,
.acf-field input[type="search"]:focus,
.acf-field input[type="tel"]:focus,
.acf-field input[type="time"]:focus,
.acf-field input[type="url"]:focus,
.acf-field input[type="week"]:focus,
.acf-field textarea:focus {
color: #111; }
select {
font-size: 1.1rem !important;
border: 1px solid #ccc; }
textarea {
width: 100%; }
.acf-fields > .acf-field {
border-top: #fff solid 1px !important; }
.acf-field[data-width] + .acf-field[data-width] {
border-left: 0; }
.acf-field .acf-label {
color: #666;
margin: 0 0 4px 0 !important; }
.acf-field .acf-label label {
text-align: left; }
.acf-bl > li {
text-align: left; }
ul.acf-checkbox-list li {
font-size: 1.1rem !important; }
.af-success {
color: green !important;
font-weight: 700; }
form#form_5f461b75d27c8 .af-field.acf-field-60daf1a711f79,
form#form_5f461b75d27c8 .af-field.acf-field-60daf1a111f78,
form#form_5f461b75d27c8 .af-field.acf-field-60daf9ac89eb1,
form#form_5f461b75d27c8 .af-field.acf-field-60daf9b789eb2 {
display: none; }
body.page-id-130 form.caldera_forms_form div.last_row {
text-align: center;
margin-top: 20px; }
div.wpforms-field label {
margin-bottom: 5px;
color: #666;
text-align: left; }
div.wpforms-confirmation-container {
color: #4e97b3;
font-size: 30px;
font-size: 1.5rem;
margin: 100px 0; }  a {
color: #2d2c59; }
a:visited {
color: #2d2c59; }
a:hover, a:focus, a:active {
color: #2d2c59; }
a:focus {
outline: thin dotted; }
a:hover, a:active {
outline: 0; }
a.button,
.caldera-grid input.btn,
input.search-submit,
.product-enquiry-button a,
input[type=submit],
button[type=submit] {
background: #2d2c59;
display: inline-block;
padding: 12px 20px 15px;
color: white;
text-decoration: none;
font-size: 25px;
font-size: 1.25rem;
line-height: 1em;
cursor: pointer; }
a.button:hover,
.caldera-grid input.btn:hover,
input.search-submit:hover,
.product-enquiry-button a:hover,
input[type=submit]:hover,
button[type=submit]:hover {
background: #3e3881;
border-color: #3e3881;
color: white; }
a.button.outline,
.caldera-grid input.btn.outline,
input.search-submit.outline,
.product-enquiry-button a.outline,
input[type=submit].outline,
button[type=submit].outline {
background: none;
color: #2d2c59;
border: 1px solid #2d2c59; }
a.button.outline:hover,
.caldera-grid input.btn.outline:hover,
input.search-submit.outline:hover,
.product-enquiry-button a.outline:hover,
input[type=submit].outline:hover,
button[type=submit].outline:hover {
background: white;
border-color: #3e3881;
color: #3e3881; }
a.button.white,
.caldera-grid input.btn.white,
input.search-submit.white,
.product-enquiry-button a.white,
input[type=submit].white,
button[type=submit].white {
background: #fff;
color: #333333; }
a.button.white:hover,
.caldera-grid input.btn.white:hover,
input.search-submit.white:hover,
.product-enquiry-button a.white:hover,
input[type=submit].white:hover,
button[type=submit].white:hover {
background: #333;
color: white; }
a.button.black,
.caldera-grid input.btn.black,
input.search-submit.black,
.product-enquiry-button a.black,
input[type=submit].black,
button[type=submit].black {
background: #333333;
color: #fff; }
a.button.black:hover,
.caldera-grid input.btn.black:hover,
input.search-submit.black:hover,
.product-enquiry-button a.black:hover,
input[type=submit].black:hover,
button[type=submit].black:hover {
background: #222; } .primary-menu {
list-style: none;
margin: 0;
padding: 0; }
#js-menu-toggle {
display: block;
float: right;
text-decoration: none; }
@media (min-width: 1025px) {
nav a#js-menu-toggle {
display: none; } }
.primary-menu[aria-hidden="true"] {
display: none; }
.primary-menu:target,
.primary-menu[aria-hidden="false"] {
display: block; }
.primary-menu > .menu-item {
display: block; }
@media (min-width: 48em) {
.primary-menu > .menu-item {
display: inline-block;
margin-right: 1em; } }
.sub-menu {
list-style: none;
margin: 0;
padding: 0; }
.sub-menu {
display: none; }
.sub-menu[aria-hidden="true"] {
display: none; }
.sub-menu:target,
.sub-menu[aria-hidden="false"] {
display: block; }
@media (min-width: 48em) {
.sub-menu {
left: 0;
position: absolute;
top: 100%; } }
.sub-menu > .menu-item {
display: block; }
@media (min-width: 48em) {
.primary-menu[data-action="hover"] .menu-item:hover > .sub-menu,
.primary-menu[data-action="hover"] .menu-item:hover > .sub-menu[aria-hidden="true"] {
display: block; } }
.site-menu-toggle[aria-hidden="true"] {
display: none; }
.site-menu-toggle[aria-hidden="false"] {
display: block; }
@media (min-width: 48em) {
.site-menu-toggle {
display: none; } }
@media (min-width: 48em) {
.menu-item {
position: relative; } }
.menu-item-has-children {
white-space: normal; }
.menu-item-has-children > a:after {
display: inline-block;
background-image: url(//www.bannerbox.co.uk/wp-content/themes/bannerbox/img/down-chevron-white.png);
background-size: cover;
content: "";
height: 15px;
position: absolute;
right: 20px;
width: 15px; }
@media (min-width: 48em) {
.no-js [data-responsive-nav-control] {
display: none; } }
.no-js .primary-menu {
display: none;
list-style: none;
margin: 0;
padding-left: 0; }
@media (min-width: 48em) {
.no-js .primary-menu {
display: block; } }
.no-js .primary-menu:target {
display: block; }
.no-js .primary-menu ul {
list-style: none;
margin: 0;
padding-left: 0; }
.no-js .primary-menu li {
position: relative; }
.no-js .primary-menu li:hover > ul,
.no-js .primary-menu li[focus-within] > ul {
display: block; }
.no-js .primary-menu li:hover > ul,
.no-js .primary-menu li:focus-within > ul {
display: block; }
.no-js .primary-menu li > a:focus > ul {
display: block; }
.no-js .primary-menu li > ul {
display: none; }
@media (min-width: 48em) {
.no-js .primary-menu li > ul {
left: 0;
position: absolute;
top: 100%; } }
.no-js .primary-menu > li {
display: block; }
@media (min-width: 48em) {
.no-js .primary-menu > li {
display: inline-block; } }
.search-container-overlay {
display: none;
background-color: #2d2c59;
position: fixed;
z-index: 999;
top: 0;
left: 0;
height: 100%;
width: 100%; }
@media (min-width: 1024px) {
.search-container-overlay {
height: 300px; } }
.search-container-overlay .search-close-btn {
position: absolute;
top: 12px;
right: 34px;
font-family: "Cera Pro", sans-serif !important;
font-weight: 700 !important;
font-size: 1.4rem !important;
color: #fff; }
.search-overlay-content {
position: relative;
top: 26%;
width: 90%;
max-width: 600px;
text-align: center;
margin: 0 auto; }
.search-overlay-content .search-elem-cont {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center; }
.search-overlay-content .search-elem-cont input[type="search"] {
width: 100%;
padding-top: 2px; }
.search-overlay-content .search-elem-cont a img {
width: 200px; }
.search-overlay-content .search-elem-cont div:nth-child(1) {
flex: 5 0 auto;
width: 100%;
margin-bottom: 4px; }
.search-overlay-content .search-elem-cont div:nth-child(2) {
flex: 4 0 0;
width: 100%; }
.search-overlay-content .search-elem-cont div:nth-child(3) {
flex: 1 0 0;
width: 100%; }
@media (max-width: 640px) {
.search-overlay-content .search-elem-cont {
flex-direction: column; }
.search-overlay-content .search-elem-cont div:nth-child(1),
.search-overlay-content .search-elem-cont div:nth-child(2),
.search-overlay-content .search-elem-cont div:nth-child(3) {
flex: 1; }
.search-overlay-content .search-elem-cont div:nth-child(2) {
margin-bottom: 18px; } }
#main-navigation {
clear: both;
display: block;
float: left;
width: 100%; }
#main-navigation .mobile-telephone {
position: relative;
top: 6px;
right: 12px;
display: inline-block;
float: right; }
@media (min-width: 1024px) {
#main-navigation .mobile-telephone {
display: none; } }
#main-navigation .mobile-telephone svg {
width: 18px;
height: 18px; }
#main-navigation .mobile-wc-icons {
float: right;
position: relative;
margin-right: 25px;
top: 6px;
display: flex; }
@media (min-width: 1024px) {
#main-navigation .mobile-wc-icons {
display: none; } }
#main-navigation .mobile-wc-icons .my-account {
margin-right: 8px; }
#main-navigation .mobile-wc-icons .my-account svg {
width: 18px;
height: 18px;
fill: #333; }
#main-navigation .mobile-wc-icons .basket-count {
display: flex; }
#main-navigation .mobile-wc-icons .basket-count svg {
width: 18px;
height: 18px;
fill: #333;
margin-top: 2px; }
#main-navigation .mobile-wc-icons span.basket-count {
display: inline-block;
background: #333;
color: white;
border-radius: 100%;
font-style: normal;
margin-left: -4px;
margin-top: -2px;
height: 15px;
width: 15px;
display: flex;
align-items: center;
justify-content: center; }
#main-navigation .mobile-wc-icons span.basket-count em {
font-style: normal;
font-size: 10px; }
#main-navigation .mobile-nav-search {
position: relative;
top: 5px;
display: inline-block;
float: right; }
@media (min-width: 1024px) {
#main-navigation .mobile-nav-search {
display: none; } }
#main-navigation .mobile-nav-search svg {
width: 18px;
height: 18px; }
#main-navigation .mobile-nav-hamburger {
margin-left: 24px;
font-size: 1.62rem; }
#main-navigation .mobile-nav-hamburger svg {
position: relative;
top: -3px;
width: 20px;
height: 20px;
z-index: 100; }
#main-navigation .mobile-nav-hamburger-close {
display: block;
position: absolute;
z-index: 99;
top: 12px;
right: 34px;
color: #fff;
font-family: "Cera Pro", sans-serif !important;
font-weight: 700 !important;
font-size: 1.4rem !important;
width: 12px;
height: 12px; }
@media (min-width: 1024px) {
#main-navigation .mobile-nav-hamburger-close {
display: none; } }
@media (max-width: 768px) {
#main-navigation .mobile-nav-hamburger-close {
right: 25px; } }
@media (max-width: 1024px) {
#main-navigation {
max-width: 100%;
margin-top: -85px; } }
#main-navigation .menu-new-menu-container {
margin-top: -20px; }
#main-navigation ul {
z-index: 10;
background-color: transparent; }
@media (max-width: 1024px) {
#main-navigation ul {
background-color: #2d2c59;
overflow: auto;
margin-top: 15px !important;
margin-bottom: 15px !important; } }
#main-navigation ul ul {
background-color: #2d2c59 !important; }
@media (max-width: 1024px) {
#main-navigation ul ul {
background-color: #3e3881 !important; } }
#main-navigation ul ul li a {
padding: 6px 0 6px 15px !important; }
@media (min-width: 1025px) {
#main-navigation ul ul li a {
padding: 6px 10px 6px 20px !important; } }
#main-navigation ul ul li a .item-title {
display: inline-block; }
#main-navigation ul ul li.current-menu-item a::after, #main-navigation ul ul li.current-menu-ancestor a::after, #main-navigation ul ul li:hover a::after {
background-image: url(//www.bannerbox.co.uk/wp-content/themes/bannerbox/img/down-chevron-orange.png); }
#main-navigation ul ul ul {
left: 100%;
top: 0;
background-color: #3e3881 !important; }
@media (max-width: 1024px) {
#main-navigation ul ul ul {
margin-left: 15px;
background-color: #514b8d !important; } }
#main-navigation ul ul ul li a {
padding: 6px 0 6px 15px !important; }
@media (min-width: 1025px) {
#main-navigation ul ul ul li a {
padding: 6px 10px 6px 20px !important; } }
#main-navigation ul ul ul li.menu-item-has-children:not(.current-menu-ancestor) a::after {
background-image: url(//www.bannerbox.co.uk/wp-content/themes/bannerbox/img/down-chevron-white.png); }
#main-navigation ul ul ul li.current-menu-item a::after, #main-navigation ul ul ul li.current-menu-ancestor a::after, #main-navigation ul ul ul li:hover a::after {
background-image: url(//www.bannerbox.co.uk/wp-content/themes/bannerbox/img/down-chevron-orange.png); }
#main-navigation ul ul ul ul {
left: 100%;
top: 0;
background-color: #514b8d !important; }
@media (max-width: 1024px) {
#main-navigation ul ul ul ul {
background-color: #7773a6 !important; } }
#main-navigation ul ul ul ul li a {
padding: 6px 0 6px 15px !important; }
@media (min-width: 1025px) {
#main-navigation ul ul ul ul li a {
padding: 6px 10px 6px 20px !important; } }
#main-navigation #js-menu-toggle[aria-expanded="true"] .mobile-nav-hamburger {
display: none; }
@media (max-width: 768px) {
#main-navigation ul {
position: relative; } }   .site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
margin: 0 0 1.5em;
overflow: hidden; }
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
float: left;
width: 50%; }
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
float: right;
text-align: right;
width: 50%; }
.post-navigation {
max-width: 90%;
width: 1600px;
margin: 2rem auto 3rem !important; }  .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important; }
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 17.5px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; } #content[tabindex="-1"]:focus {
outline: 0; } .alignleft,
.alignright {
display: block;
margin: 0 auto 30px; }
@media (min-width: 768px) {
.alignleft,
.alignright {
float: left;
margin: 0 30px 30px 0; } }
@media (min-width: 768px) {
.alignright {
float: right;
margin: 0 0 30px 30px; } }
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto; } .clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
content: "";
display: table;
table-layout: fixed; }
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both; } .info-banner {
background-color: #f1f1f1;
padding: 1rem 0; }
@media (min-width: 768px) {
.info-banner {
position: sticky;
top: 0;
z-index: 10; } }
#page .container, #page .inner-container, #page body section.slider .owl-stage .owl-item .slide, body section.slider .owl-stage .owl-item #page .slide {
max-width: 90%;
width: 1600px;
margin: 0 auto; }
#page .inner-container {
width: 1000px; }
#page .is-svg, #page section.icon-grid .icon .image svg, section.icon-grid .icon .image #page svg, #page section.multi-column-container .column .image svg, section.multi-column-container .column .image #page svg, #page section.product-grid .grid-container .product .title .icon svg, section.product-grid .grid-container .product .title .icon #page svg {
width: 120px;
height: auto;
fill: #2d2c59; }
#page header#masthead {
font-family: "Cera Pro", sans-serif; }
#page header#masthead .container, #page header#masthead .inner-container, #page header#masthead body section.slider .owl-stage .owl-item .slide, body section.slider .owl-stage .owl-item #page header#masthead .slide {
display: grid;
grid-template: "top-info" auto "logo" auto "nav" 1fr / 1fr;
grid-column-gap: 30px;
align-items: center;
justify-items: center;
margin-top: 10px;
margin-bottom: 6px; }
@media (min-width: 768px) {
#page header#masthead .container, #page header#masthead .inner-container, #page header#masthead body section.slider .owl-stage .owl-item .slide, body section.slider .owl-stage .owl-item #page header#masthead .slide {
grid-template: "logo top-info" auto "nav nav" auto/minmax(300px, 1fr); } }
@media (min-width: 1248px) {
#page header#masthead .container, #page header#masthead .inner-container, #page header#masthead body section.slider .owl-stage .owl-item .slide, body section.slider .owl-stage .owl-item #page header#masthead .slide {
grid-template: "logo top-info" auto "logo nav" 1fr/minmax(300px, 1fr); } }
#page header#masthead .container #logo, #page header#masthead .inner-container #logo, #page header#masthead body section.slider .owl-stage .owl-item .slide #logo, body section.slider .owl-stage .owl-item #page header#masthead .slide #logo {
grid-area: logo;
justify-self: left;
margin: 0; }
#page header#masthead .container #logo img, #page header#masthead .inner-container #logo img, #page header#masthead body section.slider .owl-stage .owl-item .slide #logo img, body section.slider .owl-stage .owl-item #page header#masthead .slide #logo img {
width: 220px; }
@media (max-width: 400px) {
#page header#masthead .container #logo img, #page header#masthead .inner-container #logo img, #page header#masthead body section.slider .owl-stage .owl-item .slide #logo img, body section.slider .owl-stage .owl-item #page header#masthead .slide #logo img {
width: 140px;
margin: 10px 0; } }
@media (max-width: 320px) {
#page header#masthead .container #logo img, #page header#masthead .inner-container #logo img, #page header#masthead body section.slider .owl-stage .owl-item .slide #logo img, body section.slider .owl-stage .owl-item #page header#masthead .slide #logo img {
width: 110px; } }
#page header#masthead .container #top-info, #page header#masthead .inner-container #top-info, #page header#masthead body section.slider .owl-stage .owl-item .slide #top-info, body section.slider .owl-stage .owl-item #page header#masthead .slide #top-info {
grid-area: top-info;
display: grid;
grid-template: "email" auto "phone" auto "nav-search" auto;
grid-column-gap: 10px;
grid-row-gap: 10px;
justify-self: flex-end;
align-self: baseline;
font-size: 20px;
font-size: 1rem;
color: #999;
text-align: center;
width: 100%;
font-weight: 400;
text-transform: uppercase; }
@media (min-width: 1024px) {
#page header#masthead .container #top-info, #page header#masthead .inner-container #top-info, #page header#masthead body section.slider .owl-stage .owl-item .slide #top-info, body section.slider .owl-stage .owl-item #page header#masthead .slide #top-info {
align-self: center;
grid-template: auto/repeat(4, auto);
grid-column-gap: 60px;
width: auto; } }
@media (max-width: 1024px) {
#page header#masthead .container #top-info, #page header#masthead .inner-container #top-info, #page header#masthead body section.slider .owl-stage .owl-item .slide #top-info, body section.slider .owl-stage .owl-item #page header#masthead .slide #top-info {
display: none; } }
#page header#masthead .container #top-info div, #page header#masthead .inner-container #top-info div, #page header#masthead body section.slider .owl-stage .owl-item .slide #top-info div, body section.slider .owl-stage .owl-item #page header#masthead .slide #top-info div {
display: inline-block; }
#page header#masthead .container #top-info div a, #page header#masthead .inner-container #top-info div a, #page header#masthead body section.slider .owl-stage .owl-item .slide #top-info div a, body section.slider .owl-stage .owl-item #page header#masthead .slide #top-info div a {
text-decoration: none;
color: #999; }
@media (min-width: 1248px) {
#page header#masthead .container #top-info #telephone a, #page header#masthead .inner-container #top-info #telephone a, #page header#masthead body section.slider .owl-stage .owl-item .slide #top-info #telephone a, body section.slider .owl-stage .owl-item #page header#masthead .slide #top-info #telephone a {
cursor: default; } }
#page header#masthead .container #top-info #email, #page header#masthead .inner-container #top-info #email, #page header#masthead body section.slider .owl-stage .owl-item .slide #top-info #email, body section.slider .owl-stage .owl-item #page header#masthead .slide #top-info #email {
grid-area: email; }
@media (min-width: 560px) {
#page header#masthead .container #top-info #email, #page header#masthead .inner-container #top-info #email, #page header#masthead body section.slider .owl-stage .owl-item .slide #top-info #email, body section.slider .owl-stage .owl-item #page header#masthead .slide #top-info #email {
grid-area: auto; } }
#page header#masthead .container #top-info #email a:hover, #page header#masthead .inner-container #top-info #email a:hover, #page header#masthead body section.slider .owl-stage .owl-item .slide #top-info #email a:hover, body section.slider .owl-stage .owl-item #page header#masthead .slide #top-info #email a:hover {
text-decoration: underline; }
#page header#masthead .container #top-info #nav-search, #page header#masthead .inner-container #top-info #nav-search, #page header#masthead body section.slider .owl-stage .owl-item .slide #top-info #nav-search, body section.slider .owl-stage .owl-item #page header#masthead .slide #top-info #nav-search {
grid-area: nav-search; }
@media (min-width: 560px) {
#page header#masthead .container #top-info #nav-search, #page header#masthead .inner-container #top-info #nav-search, #page header#masthead body section.slider .owl-stage .owl-item .slide #top-info #nav-search, body section.slider .owl-stage .owl-item #page header#masthead .slide #top-info #nav-search {
grid-area: auto; } }
#page header#masthead .container #top-info #nav-search a, #page header#masthead .inner-container #top-info #nav-search a, #page header#masthead body section.slider .owl-stage .owl-item .slide #top-info #nav-search a, body section.slider .owl-stage .owl-item #page header#masthead .slide #top-info #nav-search a {
display: flex;
align-items: center; }
#page header#masthead .container #top-info #nav-search a:hover, #page header#masthead .inner-container #top-info #nav-search a:hover, #page header#masthead body section.slider .owl-stage .owl-item .slide #top-info #nav-search a:hover, body section.slider .owl-stage .owl-item #page header#masthead .slide #top-info #nav-search a:hover {
text-decoration: underline; }
#page header#masthead .container #top-info #nav-search svg, #page header#masthead .inner-container #top-info #nav-search svg, #page header#masthead body section.slider .owl-stage .owl-item .slide #top-info #nav-search svg, body section.slider .owl-stage .owl-item #page header#masthead .slide #top-info #nav-search svg {
width: 16px;
height: 16px;
fill: #999;
margin-right: 5px; }
#page header#masthead .container #top-info .wc-icons, #page header#masthead .inner-container #top-info .wc-icons, #page header#masthead body section.slider .owl-stage .owl-item .slide #top-info .wc-icons, body section.slider .owl-stage .owl-item #page header#masthead .slide #top-info .wc-icons {
display: flex; }
#page header#masthead .container #top-info .wc-icons .my-account, #page header#masthead .inner-container #top-info .wc-icons .my-account, #page header#masthead body section.slider .owl-stage .owl-item .slide #top-info .wc-icons .my-account, body section.slider .owl-stage .owl-item #page header#masthead .slide #top-info .wc-icons .my-account {
margin-right: 8px; }
#page header#masthead .container #top-info .wc-icons .my-account svg, #page header#masthead .inner-container #top-info .wc-icons .my-account svg, #page header#masthead body section.slider .owl-stage .owl-item .slide #top-info .wc-icons .my-account svg, body section.slider .owl-stage .owl-item #page header#masthead .slide #top-info .wc-icons .my-account svg {
width: 16px;
height: 16px;
fill: #999; }
#page header#masthead .container #top-info .wc-icons .basket-count, #page header#masthead .inner-container #top-info .wc-icons .basket-count, #page header#masthead body section.slider .owl-stage .owl-item .slide #top-info .wc-icons .basket-count, body section.slider .owl-stage .owl-item #page header#masthead .slide #top-info .wc-icons .basket-count {
display: flex; }
#page header#masthead .container #top-info .wc-icons .basket-count svg, #page header#masthead .inner-container #top-info .wc-icons .basket-count svg, #page header#masthead body section.slider .owl-stage .owl-item .slide #top-info .wc-icons .basket-count svg, body section.slider .owl-stage .owl-item #page header#masthead .slide #top-info .wc-icons .basket-count svg {
width: 16px;
height: 16px;
fill: #999;
margin-top: 2px; }
#page header#masthead .container #top-info .wc-icons span.basket-count, #page header#masthead .inner-container #top-info .wc-icons span.basket-count, #page header#masthead body section.slider .owl-stage .owl-item .slide #top-info .wc-icons span.basket-count, body section.slider .owl-stage .owl-item #page header#masthead .slide #top-info .wc-icons span.basket-count {
display: inline-block;
background: #999;
color: white;
border-radius: 100%;
font-style: normal;
margin-left: -4px;
margin-top: -2px;
height: 15px;
width: 15px;
display: flex;
align-items: center;
justify-content: center; }
#page header#masthead .container #top-info .wc-icons span.basket-count em, #page header#masthead .inner-container #top-info .wc-icons span.basket-count em, #page header#masthead body section.slider .owl-stage .owl-item .slide #top-info .wc-icons span.basket-count em, body section.slider .owl-stage .owl-item #page header#masthead .slide #top-info .wc-icons span.basket-count em {
font-style: normal;
font-size: 10px; }
#page header#masthead .container #top-info .social-links a svg, #page header#masthead .inner-container #top-info .social-links a svg, #page header#masthead body section.slider .owl-stage .owl-item .slide #top-info .social-links a svg, body section.slider .owl-stage .owl-item #page header#masthead .slide #top-info .social-links a svg {
height: 17px;
width: 17px;
fill: #888; }
#page header#masthead .container #top-info .social-links a:not(:first-child) svg, #page header#masthead .inner-container #top-info .social-links a:not(:first-child) svg, #page header#masthead body section.slider .owl-stage .owl-item .slide #top-info .social-links a:not(:first-child) svg, body section.slider .owl-stage .owl-item #page header#masthead .slide #top-info .social-links a:not(:first-child) svg {
margin-left: 10px; }
#page header#masthead .container #main-navigation, #page header#masthead .inner-container #main-navigation, #page header#masthead body section.slider .owl-stage .owl-item .slide #main-navigation, body section.slider .owl-stage .owl-item #page header#masthead .slide #main-navigation {
grid-area: nav; }
#page header#masthead .container #main-navigation ul#primary-nav, #page header#masthead .inner-container #main-navigation ul#primary-nav, #page header#masthead body section.slider .owl-stage .owl-item .slide #main-navigation ul#primary-nav, body section.slider .owl-stage .owl-item #page header#masthead .slide #main-navigation ul#primary-nav {
margin: 0;
padding: 0; }
@media (max-width: 1024px) {
#page header#masthead .container #main-navigation ul#primary-nav, #page header#masthead .inner-container #main-navigation ul#primary-nav, #page header#masthead body section.slider .owl-stage .owl-item .slide #main-navigation ul#primary-nav, body section.slider .owl-stage .owl-item #page header#masthead .slide #main-navigation ul#primary-nav {
position: relative;
top: -46px;
width: 100vw;
height: 100vh;
margin-left: -5vw; } }
@media (min-width: 768px) {
#page header#masthead .container #main-navigation ul#primary-nav, #page header#masthead .inner-container #main-navigation ul#primary-nav, #page header#masthead body section.slider .owl-stage .owl-item .slide #main-navigation ul#primary-nav, body section.slider .owl-stage .owl-item #page header#masthead .slide #main-navigation ul#primary-nav {
text-align: right; } }
@media (max-width: 1024px) {
#page header#masthead .container #main-navigation ul#primary-nav li:first-child, #page header#masthead .inner-container #main-navigation ul#primary-nav li:first-child, #page header#masthead body section.slider .owl-stage .owl-item .slide #main-navigation ul#primary-nav li:first-child, body section.slider .owl-stage .owl-item #page header#masthead .slide #main-navigation ul#primary-nav li:first-child {
margin-top: 80px; }
#page header#masthead .container #main-navigation ul#primary-nav li:last-child, #page header#masthead .inner-container #main-navigation ul#primary-nav li:last-child, #page header#masthead body section.slider .owl-stage .owl-item .slide #main-navigation ul#primary-nav li:last-child, body section.slider .owl-stage .owl-item #page header#masthead .slide #main-navigation ul#primary-nav li:last-child {
margin-right: 0;
margin-bottom: 15px; } }
@media (min-width: 1024px) {
#page header#masthead .container #main-navigation ul#primary-nav li:last-child, #page header#masthead .inner-container #main-navigation ul#primary-nav li:last-child, #page header#masthead body section.slider .owl-stage .owl-item .slide #main-navigation ul#primary-nav li:last-child, body section.slider .owl-stage .owl-item #page header#masthead .slide #main-navigation ul#primary-nav li:last-child {
margin-right: 0; } }
#page header#masthead .container #main-navigation ul#primary-nav > li, #page header#masthead .inner-container #main-navigation ul#primary-nav > li, #page header#masthead body section.slider .owl-stage .owl-item .slide #main-navigation ul#primary-nav > li, body section.slider .owl-stage .owl-item #page header#masthead .slide #main-navigation ul#primary-nav > li {
float: none;
display: inline-block;
margin: 0;
padding-bottom: 5px; }
@media (min-width: 768px) {
#page header#masthead .container #main-navigation ul#primary-nav > li, #page header#masthead .inner-container #main-navigation ul#primary-nav > li, #page header#masthead body section.slider .owl-stage .owl-item .slide #main-navigation ul#primary-nav > li, body section.slider .owl-stage .owl-item #page header#masthead .slide #main-navigation ul#primary-nav > li {
margin: 0 10px; } }
@media (min-width: 1550px) {
#page header#masthead .container #main-navigation ul#primary-nav > li, #page header#masthead .inner-container #main-navigation ul#primary-nav > li, #page header#masthead body section.slider .owl-stage .owl-item .slide #main-navigation ul#primary-nav > li, body section.slider .owl-stage .owl-item #page header#masthead .slide #main-navigation ul#primary-nav > li {
margin: 0 0 0 50px; } }
#page header#masthead .container #main-navigation ul#primary-nav > li.current-menu-item > a, #page header#masthead .inner-container #main-navigation ul#primary-nav > li.current-menu-item > a, #page header#masthead body section.slider .owl-stage .owl-item .slide #main-navigation ul#primary-nav > li.current-menu-item > a, body section.slider .owl-stage .owl-item #page header#masthead .slide #main-navigation ul#primary-nav > li.current-menu-item > a, #page header#masthead .container #main-navigation ul#primary-nav > li.current-menu-ancestor > a, #page header#masthead .inner-container #main-navigation ul#primary-nav > li.current-menu-ancestor > a, #page header#masthead body section.slider .owl-stage .owl-item .slide #main-navigation ul#primary-nav > li.current-menu-ancestor > a, body section.slider .owl-stage .owl-item #page header#masthead .slide #main-navigation ul#primary-nav > li.current-menu-ancestor > a, #page header#masthead .container #main-navigation ul#primary-nav > li:hover > a, #page header#masthead .inner-container #main-navigation ul#primary-nav > li:hover > a, #page header#masthead body section.slider .owl-stage .owl-item .slide #main-navigation ul#primary-nav > li:hover > a, body section.slider .owl-stage .owl-item #page header#masthead .slide #main-navigation ul#primary-nav > li:hover > a {
color: #faaf43; }
@media (min-width: 1025px) {
#page header#masthead .container #main-navigation ul#primary-nav > li.current-menu-item > a, #page header#masthead .inner-container #main-navigation ul#primary-nav > li.current-menu-item > a, #page header#masthead body section.slider .owl-stage .owl-item .slide #main-navigation ul#primary-nav > li.current-menu-item > a, body section.slider .owl-stage .owl-item #page header#masthead .slide #main-navigation ul#primary-nav > li.current-menu-item > a, #page header#masthead .container #main-navigation ul#primary-nav > li.current-menu-ancestor > a, #page header#masthead .inner-container #main-navigation ul#primary-nav > li.current-menu-ancestor > a, #page header#masthead body section.slider .owl-stage .owl-item .slide #main-navigation ul#primary-nav > li.current-menu-ancestor > a, body section.slider .owl-stage .owl-item #page header#masthead .slide #main-navigation ul#primary-nav > li.current-menu-ancestor > a, #page header#masthead .container #main-navigation ul#primary-nav > li:hover > a, #page header#masthead .inner-container #main-navigation ul#primary-nav > li:hover > a, #page header#masthead body section.slider .owl-stage .owl-item .slide #main-navigation ul#primary-nav > li:hover > a, body section.slider .owl-stage .owl-item #page header#masthead .slide #main-navigation ul#primary-nav > li:hover > a {
color: #4e97b3; } }
#page header#masthead .container #main-navigation ul#primary-nav > li.current-menu-item > a svg, #page header#masthead .inner-container #main-navigation ul#primary-nav > li.current-menu-item > a svg, #page header#masthead body section.slider .owl-stage .owl-item .slide #main-navigation ul#primary-nav > li.current-menu-item > a svg, body section.slider .owl-stage .owl-item #page header#masthead .slide #main-navigation ul#primary-nav > li.current-menu-item > a svg, #page header#masthead .container #main-navigation ul#primary-nav > li.current-menu-ancestor > a svg, #page header#masthead .inner-container #main-navigation ul#primary-nav > li.current-menu-ancestor > a svg, #page header#masthead body section.slider .owl-stage .owl-item .slide #main-navigation ul#primary-nav > li.current-menu-ancestor > a svg, body section.slider .owl-stage .owl-item #page header#masthead .slide #main-navigation ul#primary-nav > li.current-menu-ancestor > a svg, #page header#masthead .container #main-navigation ul#primary-nav > li:hover > a svg, #page header#masthead .inner-container #main-navigation ul#primary-nav > li:hover > a svg, #page header#masthead body section.slider .owl-stage .owl-item .slide #main-navigation ul#primary-nav > li:hover > a svg, body section.slider .owl-stage .owl-item #page header#masthead .slide #main-navigation ul#primary-nav > li:hover > a svg {
fill: #faaf43; }
@media (min-width: 1025px) {
#page header#masthead .container #main-navigation ul#primary-nav > li.current-menu-item > a svg, #page header#masthead .inner-container #main-navigation ul#primary-nav > li.current-menu-item > a svg, #page header#masthead body section.slider .owl-stage .owl-item .slide #main-navigation ul#primary-nav > li.current-menu-item > a svg, body section.slider .owl-stage .owl-item #page header#masthead .slide #main-navigation ul#primary-nav > li.current-menu-item > a svg, #page header#masthead .container #main-navigation ul#primary-nav > li.current-menu-ancestor > a svg, #page header#masthead .inner-container #main-navigation ul#primary-nav > li.current-menu-ancestor > a svg, #page header#masthead body section.slider .owl-stage .owl-item .slide #main-navigation ul#primary-nav > li.current-menu-ancestor > a svg, body section.slider .owl-stage .owl-item #page header#masthead .slide #main-navigation ul#primary-nav > li.current-menu-ancestor > a svg, #page header#masthead .container #main-navigation ul#primary-nav > li:hover > a svg, #page header#masthead .inner-container #main-navigation ul#primary-nav > li:hover > a svg, #page header#masthead body section.slider .owl-stage .owl-item .slide #main-navigation ul#primary-nav > li:hover > a svg, body section.slider .owl-stage .owl-item #page header#masthead .slide #main-navigation ul#primary-nav > li:hover > a svg {
fill: #4e97b3; } }
#page header#masthead .container #main-navigation ul#primary-nav > li.current-menu-item > a::after, #page header#masthead .inner-container #main-navigation ul#primary-nav > li.current-menu-item > a::after, #page header#masthead body section.slider .owl-stage .owl-item .slide #main-navigation ul#primary-nav > li.current-menu-item > a::after, body section.slider .owl-stage .owl-item #page header#masthead .slide #main-navigation ul#primary-nav > li.current-menu-item > a::after, #page header#masthead .container #main-navigation ul#primary-nav > li.current-menu-ancestor > a::after, #page header#masthead .inner-container #main-navigation ul#primary-nav > li.current-menu-ancestor > a::after, #page header#masthead body section.slider .owl-stage .owl-item .slide #main-navigation ul#primary-nav > li.current-menu-ancestor > a::after, body section.slider .owl-stage .owl-item #page header#masthead .slide #main-navigation ul#primary-nav > li.current-menu-ancestor > a::after, #page header#masthead .container #main-navigation ul#primary-nav > li:hover > a::after, #page header#masthead .inner-container #main-navigation ul#primary-nav > li:hover > a::after, #page header#masthead body section.slider .owl-stage .owl-item .slide #main-navigation ul#primary-nav > li:hover > a::after, body section.slider .owl-stage .owl-item #page header#masthead .slide #main-navigation ul#primary-nav > li:hover > a::after {
background-image: url(//www.bannerbox.co.uk/wp-content/themes/bannerbox/img/down-chevron-orange.png) !important; }
#page header#masthead .container #main-navigation ul#primary-nav > li > a, #page header#masthead .inner-container #main-navigation ul#primary-nav > li > a, #page header#masthead body section.slider .owl-stage .owl-item .slide #main-navigation ul#primary-nav > li > a, body section.slider .owl-stage .owl-item #page header#masthead .slide #main-navigation ul#primary-nav > li > a {
font-size: 20px;
font-size: 1rem;
color: #fff;
font-weight: 400;
text-transform: uppercase;
cursor: pointer;
display: flex;
align-items: center;
text-decoration: none;
margin: 0;
border-bottom: 4px solid transparent;
padding: 0 15px; }
@media (min-width: 1025px) {
#page header#masthead .container #main-navigation ul#primary-nav > li > a, #page header#masthead .inner-container #main-navigation ul#primary-nav > li > a, #page header#masthead body section.slider .owl-stage .owl-item .slide #main-navigation ul#primary-nav > li > a, body section.slider .owl-stage .owl-item #page header#masthead .slide #main-navigation ul#primary-nav > li > a {
color: #333333;
padding: 0; } }
#page header#masthead .container #main-navigation ul#primary-nav > li > a:hover, #page header#masthead .inner-container #main-navigation ul#primary-nav > li > a:hover, #page header#masthead body section.slider .owl-stage .owl-item .slide #main-navigation ul#primary-nav > li > a:hover, body section.slider .owl-stage .owl-item #page header#masthead .slide #main-navigation ul#primary-nav > li > a:hover {
color: #faaf43; }
@media (min-width: 1025px) {
#page header#masthead .container #main-navigation ul#primary-nav > li > a:hover, #page header#masthead .inner-container #main-navigation ul#primary-nav > li > a:hover, #page header#masthead body section.slider .owl-stage .owl-item .slide #main-navigation ul#primary-nav > li > a:hover, body section.slider .owl-stage .owl-item #page header#masthead .slide #main-navigation ul#primary-nav > li > a:hover {
color: #4e97b3; } }
#page header#masthead .container #main-navigation ul#primary-nav > li > a:hover svg, #page header#masthead .inner-container #main-navigation ul#primary-nav > li > a:hover svg, #page header#masthead body section.slider .owl-stage .owl-item .slide #main-navigation ul#primary-nav > li > a:hover svg, body section.slider .owl-stage .owl-item #page header#masthead .slide #main-navigation ul#primary-nav > li > a:hover svg {
fill: #faaf43;
transition: 0.5s; }
@media (min-width: 1025px) {
#page header#masthead .container #main-navigation ul#primary-nav > li > a:hover svg, #page header#masthead .inner-container #main-navigation ul#primary-nav > li > a:hover svg, #page header#masthead body section.slider .owl-stage .owl-item .slide #main-navigation ul#primary-nav > li > a:hover svg, body section.slider .owl-stage .owl-item #page header#masthead .slide #main-navigation ul#primary-nav > li > a:hover svg {
fill: #4e97b3; } }
@media (min-width: 1025px) {
#page header#masthead .container #main-navigation ul#primary-nav > li > a:after, #page header#masthead .inner-container #main-navigation ul#primary-nav > li > a:after, #page header#masthead body section.slider .owl-stage .owl-item .slide #main-navigation ul#primary-nav > li > a:after, body section.slider .owl-stage .owl-item #page header#masthead .slide #main-navigation ul#primary-nav > li > a:after {
display: none; } }
#page header#masthead .container #main-navigation ul#primary-nav > li > a svg, #page header#masthead .inner-container #main-navigation ul#primary-nav > li > a svg, #page header#masthead body section.slider .owl-stage .owl-item .slide #main-navigation ul#primary-nav > li > a svg, body section.slider .owl-stage .owl-item #page header#masthead .slide #main-navigation ul#primary-nav > li > a svg {
height: 15px;
width: 15px;
margin-right: 6px;
fill: #fff; }
@media (min-width: 1025px) {
#page header#masthead .container #main-navigation ul#primary-nav > li > a svg, #page header#masthead .inner-container #main-navigation ul#primary-nav > li > a svg, #page header#masthead body section.slider .owl-stage .owl-item .slide #main-navigation ul#primary-nav > li > a svg, body section.slider .owl-stage .owl-item #page header#masthead .slide #main-navigation ul#primary-nav > li > a svg {
fill: #333333; } }
#page header#masthead .container #main-navigation ul#primary-nav > li > a[href="#"], #page header#masthead .inner-container #main-navigation ul#primary-nav > li > a[href="#"], #page header#masthead body section.slider .owl-stage .owl-item .slide #main-navigation ul#primary-nav > li > a[href="#"], body section.slider .owl-stage .owl-item #page header#masthead .slide #main-navigation ul#primary-nav > li > a[href="#"] {
cursor: default; }
#page header#masthead .container #main-navigation ul#primary-nav > li .sub-menu, #page header#masthead .inner-container #main-navigation ul#primary-nav > li .sub-menu, #page header#masthead body section.slider .owl-stage .owl-item .slide #main-navigation ul#primary-nav > li .sub-menu, body section.slider .owl-stage .owl-item #page header#masthead .slide #main-navigation ul#primary-nav > li .sub-menu {
background: #fff;
padding: 15px 0;
box-shadow: 0px 5px 5px #333;
z-index: 10; }
@media (min-width: 768px) {
#page header#masthead .container #main-navigation ul#primary-nav > li .sub-menu, #page header#masthead .inner-container #main-navigation ul#primary-nav > li .sub-menu, #page header#masthead body section.slider .owl-stage .owl-item .slide #main-navigation ul#primary-nav > li .sub-menu, body section.slider .owl-stage .owl-item #page header#masthead .slide #main-navigation ul#primary-nav > li .sub-menu {
white-space: normal;
min-width: 200px; } }
#page header#masthead .container #main-navigation ul#primary-nav > li .sub-menu > li, #page header#masthead .inner-container #main-navigation ul#primary-nav > li .sub-menu > li, #page header#masthead body section.slider .owl-stage .owl-item .slide #main-navigation ul#primary-nav > li .sub-menu > li, body section.slider .owl-stage .owl-item #page header#masthead .slide #main-navigation ul#primary-nav > li .sub-menu > li {
margin: 2px 0;
float: none; }
#page header#masthead .container #main-navigation ul#primary-nav > li .sub-menu > li > a, #page header#masthead .inner-container #main-navigation ul#primary-nav > li .sub-menu > li > a, #page header#masthead body section.slider .owl-stage .owl-item .slide #main-navigation ul#primary-nav > li .sub-menu > li > a, body section.slider .owl-stage .owl-item #page header#masthead .slide #main-navigation ul#primary-nav > li .sub-menu > li > a {
font-size: 20px;
font-size: 1rem;
text-align: left;
color: #fff;
padding: 6px 0 6px 30px;
transition: 0.5s;
display: block;
width: auto;
text-transform: uppercase;
font-weight: 400; }
@media (min-width: 768px) {
#page header#masthead .container #main-navigation ul#primary-nav > li .sub-menu > li > a, #page header#masthead .inner-container #main-navigation ul#primary-nav > li .sub-menu > li > a, #page header#masthead body section.slider .owl-stage .owl-item .slide #main-navigation ul#primary-nav > li .sub-menu > li > a, body section.slider .owl-stage .owl-item #page header#masthead .slide #main-navigation ul#primary-nav > li .sub-menu > li > a {
padding: 6px 30px; } }
#page header#masthead .container #main-navigation ul#primary-nav > li .sub-menu > li > a:hover, #page header#masthead .inner-container #main-navigation ul#primary-nav > li .sub-menu > li > a:hover, #page header#masthead body section.slider .owl-stage .owl-item .slide #main-navigation ul#primary-nav > li .sub-menu > li > a:hover, body section.slider .owl-stage .owl-item #page header#masthead .slide #main-navigation ul#primary-nav > li .sub-menu > li > a:hover {
transition: 0.5s;
color: #faaf43; }
@media (min-width: 1025px) {
#page header#masthead .container #main-navigation ul#primary-nav > li .sub-menu > li > a:hover, #page header#masthead .inner-container #main-navigation ul#primary-nav > li .sub-menu > li > a:hover, #page header#masthead body section.slider .owl-stage .owl-item .slide #main-navigation ul#primary-nav > li .sub-menu > li > a:hover, body section.slider .owl-stage .owl-item #page header#masthead .slide #main-navigation ul#primary-nav > li .sub-menu > li > a:hover {
color: #4e97b3; } }
@media (min-width: 1025px) {
#page header#masthead .container #main-navigation ul#primary-nav > li .sub-menu > li > a:after, #page header#masthead .inner-container #main-navigation ul#primary-nav > li .sub-menu > li > a:after, #page header#masthead body section.slider .owl-stage .owl-item .slide #main-navigation ul#primary-nav > li .sub-menu > li > a:after, body section.slider .owl-stage .owl-item #page header#masthead .slide #main-navigation ul#primary-nav > li .sub-menu > li > a:after {
display: none; } }
@media (max-width: 1024px) {
#page header#masthead .container #main-navigation ul#primary-nav > li, #page header#masthead .inner-container #main-navigation ul#primary-nav > li, #page header#masthead body section.slider .owl-stage .owl-item .slide #main-navigation ul#primary-nav > li, body section.slider .owl-stage .owl-item #page header#masthead .slide #main-navigation ul#primary-nav > li {
display: block;
margin-top: 15px; }
#page header#masthead .container #main-navigation ul#primary-nav > li .sub-menu, #page header#masthead .inner-container #main-navigation ul#primary-nav > li .sub-menu, #page header#masthead body section.slider .owl-stage .owl-item .slide #main-navigation ul#primary-nav > li .sub-menu, body section.slider .owl-stage .owl-item #page header#masthead .slide #main-navigation ul#primary-nav > li .sub-menu {
position: relative;
left: 0;
box-shadow: none;
float: none; }
#page header#masthead .container #main-navigation ul#primary-nav > li .sub-menu li, #page header#masthead .inner-container #main-navigation ul#primary-nav > li .sub-menu li, #page header#masthead body section.slider .owl-stage .owl-item .slide #main-navigation ul#primary-nav > li .sub-menu li, body section.slider .owl-stage .owl-item #page header#masthead .slide #main-navigation ul#primary-nav > li .sub-menu li {
display: block;
width: 100%;
float: none; } }
#page header#masthead .container #main-navigation ul#primary-nav > .current-menu-item > a, #page header#masthead .inner-container #main-navigation ul#primary-nav > .current-menu-item > a, #page header#masthead body section.slider .owl-stage .owl-item .slide #main-navigation ul#primary-nav > .current-menu-item > a, body section.slider .owl-stage .owl-item #page header#masthead .slide #main-navigation ul#primary-nav > .current-menu-item > a,
#page header#masthead .container #main-navigation ul#primary-nav > .current-page-ancestor > a,
#page header#masthead .inner-container #main-navigation ul#primary-nav > .current-page-ancestor > a,
#page header#masthead body section.slider .owl-stage .owl-item .slide #main-navigation ul#primary-nav > .current-page-ancestor > a,
body section.slider .owl-stage .owl-item #page header#masthead .slide #main-navigation ul#primary-nav > .current-page-ancestor > a {
border-bottom: 4px solid #4e97b3; }
@media (max-width: 1024px) {
#page header#masthead .container #main-navigation ul#primary-nav > .current-menu-item > a, #page header#masthead .inner-container #main-navigation ul#primary-nav > .current-menu-item > a, #page header#masthead body section.slider .owl-stage .owl-item .slide #main-navigation ul#primary-nav > .current-menu-item > a, body section.slider .owl-stage .owl-item #page header#masthead .slide #main-navigation ul#primary-nav > .current-menu-item > a,
#page header#masthead .container #main-navigation ul#primary-nav > .current-page-ancestor > a,
#page header#masthead .inner-container #main-navigation ul#primary-nav > .current-page-ancestor > a,
#page header#masthead body section.slider .owl-stage .owl-item .slide #main-navigation ul#primary-nav > .current-page-ancestor > a,
body section.slider .owl-stage .owl-item #page header#masthead .slide #main-navigation ul#primary-nav > .current-page-ancestor > a {
border-bottom: 4px solid transparent; } }
#page header#masthead .container #main-navigation ul#primary-nav > .current-menu-item > a svg, #page header#masthead .inner-container #main-navigation ul#primary-nav > .current-menu-item > a svg, #page header#masthead body section.slider .owl-stage .owl-item .slide #main-navigation ul#primary-nav > .current-menu-item > a svg, body section.slider .owl-stage .owl-item #page header#masthead .slide #main-navigation ul#primary-nav > .current-menu-item > a svg,
#page header#masthead .container #main-navigation ul#primary-nav > .current-page-ancestor > a svg,
#page header#masthead .inner-container #main-navigation ul#primary-nav > .current-page-ancestor > a svg,
#page header#masthead body section.slider .owl-stage .owl-item .slide #main-navigation ul#primary-nav > .current-page-ancestor > a svg,
body section.slider .owl-stage .owl-item #page header#masthead .slide #main-navigation ul#primary-nav > .current-page-ancestor > a svg {
fill: #faaf43; }
#page header#masthead .container #main-navigation ul#primary-nav .current-menu-item > a, #page header#masthead .inner-container #main-navigation ul#primary-nav .current-menu-item > a, #page header#masthead body section.slider .owl-stage .owl-item .slide #main-navigation ul#primary-nav .current-menu-item > a, body section.slider .owl-stage .owl-item #page header#masthead .slide #main-navigation ul#primary-nav .current-menu-item > a,
#page header#masthead .container #main-navigation ul#primary-nav .current-page-ancestor > a,
#page header#masthead .inner-container #main-navigation ul#primary-nav .current-page-ancestor > a,
#page header#masthead body section.slider .owl-stage .owl-item .slide #main-navigation ul#primary-nav .current-page-ancestor > a,
body section.slider .owl-stage .owl-item #page header#masthead .slide #main-navigation ul#primary-nav .current-page-ancestor > a {
color: #faaf43 !important; }
@media (min-width: 1025px) {
#page header#masthead .container #main-navigation ul#primary-nav .current-menu-item > a, #page header#masthead .inner-container #main-navigation ul#primary-nav .current-menu-item > a, #page header#masthead body section.slider .owl-stage .owl-item .slide #main-navigation ul#primary-nav .current-menu-item > a, body section.slider .owl-stage .owl-item #page header#masthead .slide #main-navigation ul#primary-nav .current-menu-item > a,
#page header#masthead .container #main-navigation ul#primary-nav .current-page-ancestor > a,
#page header#masthead .inner-container #main-navigation ul#primary-nav .current-page-ancestor > a,
#page header#masthead body section.slider .owl-stage .owl-item .slide #main-navigation ul#primary-nav .current-page-ancestor > a,
body section.slider .owl-stage .owl-item #page header#masthead .slide #main-navigation ul#primary-nav .current-page-ancestor > a {
color: #4e97b3 !important; } }
@media (max-width: 37.5em) {
#page header#masthead .container #main-navigation button.menu-toggle, #page header#masthead .inner-container #main-navigation button.menu-toggle, #page header#masthead body section.slider .owl-stage .owl-item .slide #main-navigation button.menu-toggle, body section.slider .owl-stage .owl-item #page header#masthead .slide #main-navigation button.menu-toggle {
border: 0;
background: white;
display: inline-block;
padding: 12px 20px 15px;
border-radius: 10px;
color: #2d2c59;
text-decoration: none;
text-align: center;
font-size: 25px;
font-size: 1.25rem;
line-height: 1em;
cursor: pointer;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
font-family: "Cera Pro", sans-serif; }
#page header#masthead .container #main-navigation button.menu-toggle svg, #page header#masthead .inner-container #main-navigation button.menu-toggle svg, #page header#masthead body section.slider .owl-stage .owl-item .slide #main-navigation button.menu-toggle svg, body section.slider .owl-stage .owl-item #page header#masthead .slide #main-navigation button.menu-toggle svg {
width: 25px;
height: 25px;
margin-right: 10px;
fill: #2d2c59; } }
#page #content {
min-height: 900px; }
#page #content section:not(:first-child) {
margin-bottom: 75px; }
#page #content section:not(:first-child).no-content-yet {
text-align: center; }
#page #content section:not(:first-child).no-content-yet svg {
width: 100px;
margin: 0 0 50px; }
#page footer#colophon {
background: #2d2c59;
color: #fff;
padding: 30px 0 20px 0;
line-height: 1.25em;
font-size: 20px;
font-size: 1rem; }
#page footer#colophon .container, #page footer#colophon .inner-container, #page footer#colophon body section.slider .owl-stage .owl-item .slide, body section.slider .owl-stage .owl-item #page footer#colophon .slide {
display: flex;
justify-content: space-between;
align-items: flex-start; }
@media (max-width: 1247px) {
#page footer#colophon .container, #page footer#colophon .inner-container, #page footer#colophon body section.slider .owl-stage .owl-item .slide, body section.slider .owl-stage .owl-item #page footer#colophon .slide {
flex-wrap: wrap; } }
#page footer#colophon .container > div, #page footer#colophon .inner-container > div, #page footer#colophon body section.slider .owl-stage .owl-item .slide > div, body section.slider .owl-stage .owl-item #page footer#colophon .slide > div {
flex: 1;
width: 25%;
padding-left: 12px; }
@media (max-width: 1247px) {
#page footer#colophon .container > div, #page footer#colophon .inner-container > div, #page footer#colophon body section.slider .owl-stage .owl-item .slide > div, body section.slider .owl-stage .owl-item #page footer#colophon .slide > div {
flex: none;
width: 50%;
padding-left: 0;
margin-bottom: 24px; }
#page footer#colophon .container > div:first-child, #page footer#colophon .inner-container > div:first-child, #page footer#colophon body section.slider .owl-stage .owl-item .slide > div:first-child, body section.slider .owl-stage .owl-item #page footer#colophon .slide > div:first-child {
width: 50%; }
#page footer#colophon .container > div:last-child, #page footer#colophon .inner-container > div:last-child, #page footer#colophon body section.slider .owl-stage .owl-item .slide > div:last-child, body section.slider .owl-stage .owl-item #page footer#colophon .slide > div:last-child {
margin-bottom: 0; } }
@media (max-width: 460px) {
#page footer#colophon .container > div, #page footer#colophon .inner-container > div, #page footer#colophon body section.slider .owl-stage .owl-item .slide > div, body section.slider .owl-stage .owl-item #page footer#colophon .slide > div {
width: 100%;
text-align: center; }
#page footer#colophon .container > div:first-child, #page footer#colophon .inner-container > div:first-child, #page footer#colophon body section.slider .owl-stage .owl-item .slide > div:first-child, body section.slider .owl-stage .owl-item #page footer#colophon .slide > div:first-child {
width: 100%; } }
#page footer#colophon .container #footer-logo, #page footer#colophon .inner-container #footer-logo, #page footer#colophon body section.slider .owl-stage .owl-item .slide #footer-logo, body section.slider .owl-stage .owl-item #page footer#colophon .slide #footer-logo {
text-align: center;
padding-left: 0; }
#page footer#colophon .container #footer-logo a, #page footer#colophon .inner-container #footer-logo a, #page footer#colophon body section.slider .owl-stage .owl-item .slide #footer-logo a, body section.slider .owl-stage .owl-item #page footer#colophon .slide #footer-logo a {
color: #fff;
text-decoration: none;
transition: 350ms ease-in-out; }
#page footer#colophon .container #footer-logo a:hover, #page footer#colophon .inner-container #footer-logo a:hover, #page footer#colophon body section.slider .owl-stage .owl-item .slide #footer-logo a:hover, body section.slider .owl-stage .owl-item #page footer#colophon .slide #footer-logo a:hover, #page footer#colophon .container #footer-logo a:focus, #page footer#colophon .inner-container #footer-logo a:focus, #page footer#colophon body section.slider .owl-stage .owl-item .slide #footer-logo a:focus, body section.slider .owl-stage .owl-item #page footer#colophon .slide #footer-logo a:focus {
text-decoration: underline; }
#page footer#colophon .container #footer-logo a.scg-link:not(:last-child):after, #page footer#colophon .inner-container #footer-logo a.scg-link:not(:last-child):after, #page footer#colophon body section.slider .owl-stage .owl-item .slide #footer-logo a.scg-link:not(:last-child):after, body section.slider .owl-stage .owl-item #page footer#colophon .slide #footer-logo a.scg-link:not(:last-child):after {
display: inline-block;
content: " | "; }
#page footer#colophon .container #footer-logo img, #page footer#colophon .inner-container #footer-logo img, #page footer#colophon body section.slider .owl-stage .owl-item .slide #footer-logo img, body section.slider .owl-stage .owl-item #page footer#colophon .slide #footer-logo img {
max-width: 160px;
max-height: auto; }
@media (max-width: 460px) {
#page footer#colophon .container #footer-logo img, #page footer#colophon .inner-container #footer-logo img, #page footer#colophon body section.slider .owl-stage .owl-item .slide #footer-logo img, body section.slider .owl-stage .owl-item #page footer#colophon .slide #footer-logo img {
display: block;
margin: 0 auto; } }
#page footer#colophon .container #footer-logo .links-header, #page footer#colophon .inner-container #footer-logo .links-header, #page footer#colophon body section.slider .owl-stage .owl-item .slide #footer-logo .links-header, body section.slider .owl-stage .owl-item #page footer#colophon .slide #footer-logo .links-header {
margin: 12px 0 4px 0; }
#page footer#colophon .container .footer-menus h3, #page footer#colophon .inner-container .footer-menus h3, #page footer#colophon body section.slider .owl-stage .owl-item .slide .footer-menus h3, body section.slider .owl-stage .owl-item #page footer#colophon .slide .footer-menus h3, #page footer#colophon .container .footer-menus body.page-id-156 #main section.text-block > ol > li:before, body.page-id-156 #main #page footer#colophon .container .footer-menus section.text-block > ol > li:before, #page footer#colophon .inner-container .footer-menus body.page-id-156 #main section.text-block > ol > li:before, body.page-id-156 #main #page footer#colophon .inner-container .footer-menus section.text-block > ol > li:before, #page footer#colophon body.page-id-156 section.slider .owl-stage .owl-item .slide .footer-menus #main section.text-block > ol > li:before, #page footer#colophon body.page-id-156 #main section.slider .owl-stage .owl-item .slide .footer-menus section.text-block > ol > li:before, body.page-id-156 section.slider .owl-stage .owl-item #page footer#colophon .slide .footer-menus #main section.text-block > ol > li:before, body.page-id-156 #main section.slider .owl-stage .owl-item #page footer#colophon .slide .footer-menus section.text-block > ol > li:before {
font-size: 22px;
font-size: 1.1rem;
text-transform: uppercase;
margin: 0; }
#page footer#colophon .container .footer-menus ul, #page footer#colophon .inner-container .footer-menus ul, #page footer#colophon body section.slider .owl-stage .owl-item .slide .footer-menus ul, body section.slider .owl-stage .owl-item #page footer#colophon .slide .footer-menus ul {
margin: 0;
padding: 0;
list-style: none;
text-align: left; }
@media (max-width: 460px) {
#page footer#colophon .container .footer-menus ul, #page footer#colophon .inner-container .footer-menus ul, #page footer#colophon body section.slider .owl-stage .owl-item .slide .footer-menus ul, body section.slider .owl-stage .owl-item #page footer#colophon .slide .footer-menus ul {
text-align: center; } }
#page footer#colophon .container .footer-menus ul li, #page footer#colophon .inner-container .footer-menus ul li, #page footer#colophon body section.slider .owl-stage .owl-item .slide .footer-menus ul li, body section.slider .owl-stage .owl-item #page footer#colophon .slide .footer-menus ul li {
margin: 8px 0; }
#page footer#colophon .container .footer-menus ul li a, #page footer#colophon .inner-container .footer-menus ul li a, #page footer#colophon body section.slider .owl-stage .owl-item .slide .footer-menus ul li a, body section.slider .owl-stage .owl-item #page footer#colophon .slide .footer-menus ul li a {
color: #fff;
text-decoration: none;
transition: 350ms ease-in-out; }
#page footer#colophon .container .footer-menus ul li a:hover, #page footer#colophon .inner-container .footer-menus ul li a:hover, #page footer#colophon body section.slider .owl-stage .owl-item .slide .footer-menus ul li a:hover, body section.slider .owl-stage .owl-item #page footer#colophon .slide .footer-menus ul li a:hover {
text-decoration: underline; }
#page footer#colophon .container #footer-social, #page footer#colophon .inner-container #footer-social, #page footer#colophon body section.slider .owl-stage .owl-item .slide #footer-social, body section.slider .owl-stage .owl-item #page footer#colophon .slide #footer-social {
text-align: right; }
@media (max-width: 1247px) {
#page footer#colophon .container #footer-social, #page footer#colophon .inner-container #footer-social, #page footer#colophon body section.slider .owl-stage .owl-item .slide #footer-social, body section.slider .owl-stage .owl-item #page footer#colophon .slide #footer-social {
text-align: left; } }
@media (max-width: 460px) {
#page footer#colophon .container #footer-social, #page footer#colophon .inner-container #footer-social, #page footer#colophon body section.slider .owl-stage .owl-item .slide #footer-social, body section.slider .owl-stage .owl-item #page footer#colophon .slide #footer-social {
text-align: center; } }
#page footer#colophon .container #footer-social a, #page footer#colophon .inner-container #footer-social a, #page footer#colophon body section.slider .owl-stage .owl-item .slide #footer-social a, body section.slider .owl-stage .owl-item #page footer#colophon .slide #footer-social a {
text-decoration: none; }
#page footer#colophon .container #footer-social a svg, #page footer#colophon .inner-container #footer-social a svg, #page footer#colophon body section.slider .owl-stage .owl-item .slide #footer-social a svg, body section.slider .owl-stage .owl-item #page footer#colophon .slide #footer-social a svg {
height: 25px;
width: 25px;
fill: #faaf43; }
#page footer#colophon .container #footer-social a:last-child svg, #page footer#colophon .inner-container #footer-social a:last-child svg, #page footer#colophon body section.slider .owl-stage .owl-item .slide #footer-social a:last-child svg, body section.slider .owl-stage .owl-item #page footer#colophon .slide #footer-social a:last-child svg {
margin-left: 5px; }
#page footer#colophon .container #footer-social .footer-contact .contact-telephone, #page footer#colophon .inner-container #footer-social .footer-contact .contact-telephone, #page footer#colophon body section.slider .owl-stage .owl-item .slide #footer-social .footer-contact .contact-telephone, body section.slider .owl-stage .owl-item #page footer#colophon .slide #footer-social .footer-contact .contact-telephone {
font-size: 28px;
font-size: 1.4rem;
padding: 12px 0; }
#page footer#colophon .container #footer-social .footer-contact .contact-telephone a, #page footer#colophon .inner-container #footer-social .footer-contact .contact-telephone a, #page footer#colophon body section.slider .owl-stage .owl-item .slide #footer-social .footer-contact .contact-telephone a, body section.slider .owl-stage .owl-item #page footer#colophon .slide #footer-social .footer-contact .contact-telephone a {
color: #fff;
cursor: default; }
#page footer#colophon .container #footer-social .footer-contact .contact-email, #page footer#colophon .inner-container #footer-social .footer-contact .contact-email, #page footer#colophon body section.slider .owl-stage .owl-item .slide #footer-social .footer-contact .contact-email, body section.slider .owl-stage .owl-item #page footer#colophon .slide #footer-social .footer-contact .contact-email {
margin: 0 0 12px 0; }
#page footer#colophon .container #footer-social .footer-contact .contact-email a, #page footer#colophon .inner-container #footer-social .footer-contact .contact-email a, #page footer#colophon body section.slider .owl-stage .owl-item .slide #footer-social .footer-contact .contact-email a, body section.slider .owl-stage .owl-item #page footer#colophon .slide #footer-social .footer-contact .contact-email a {
color: #faaf43;
transition: 350ms ease-in-out; }
#page footer#colophon .container #footer-social .footer-contact .contact-email a:hover, #page footer#colophon .inner-container #footer-social .footer-contact .contact-email a:hover, #page footer#colophon body section.slider .owl-stage .owl-item .slide #footer-social .footer-contact .contact-email a:hover, body section.slider .owl-stage .owl-item #page footer#colophon .slide #footer-social .footer-contact .contact-email a:hover, #page footer#colophon .container #footer-social .footer-contact .contact-email a:active, #page footer#colophon .inner-container #footer-social .footer-contact .contact-email a:active, #page footer#colophon body section.slider .owl-stage .owl-item .slide #footer-social .footer-contact .contact-email a:active, body section.slider .owl-stage .owl-item #page footer#colophon .slide #footer-social .footer-contact .contact-email a:active {
text-decoration: none; }
#page footer#colophon .container #footer-social .legal-text, #page footer#colophon .inner-container #footer-social .legal-text, #page footer#colophon body section.slider .owl-stage .owl-item .slide #footer-social .legal-text, body section.slider .owl-stage .owl-item #page footer#colophon .slide #footer-social .legal-text {
font-size: 18px;
font-size: 0.9rem; }
#page footer#colophon .container #footer-social .legal-text p, #page footer#colophon .inner-container #footer-social .legal-text p, #page footer#colophon body section.slider .owl-stage .owl-item .slide #footer-social .legal-text p, body section.slider .owl-stage .owl-item #page footer#colophon .slide #footer-social .legal-text p {
margin: 4px 0; }
#page footer#colophon .container #footer-social .footer-vatu, #page footer#colophon .inner-container #footer-social .footer-vatu, #page footer#colophon body section.slider .owl-stage .owl-item .slide #footer-social .footer-vatu, body section.slider .owl-stage .owl-item #page footer#colophon .slide #footer-social .footer-vatu {
padding-top: 12px; }
#page footer#colophon .container #footer-social .footer-vatu a, #page footer#colophon .inner-container #footer-social .footer-vatu a, #page footer#colophon body section.slider .owl-stage .owl-item .slide #footer-social .footer-vatu a, body section.slider .owl-stage .owl-item #page footer#colophon .slide #footer-social .footer-vatu a {
color: #faaf43;
text-decoration: underline;
transition: 350ms ease-in-out; }
#page footer#colophon .container #footer-social .footer-vatu a:hover, #page footer#colophon .inner-container #footer-social .footer-vatu a:hover, #page footer#colophon body section.slider .owl-stage .owl-item .slide #footer-social .footer-vatu a:hover, body section.slider .owl-stage .owl-item #page footer#colophon .slide #footer-social .footer-vatu a:hover, #page footer#colophon .container #footer-social .footer-vatu a:active, #page footer#colophon .inner-container #footer-social .footer-vatu a:active, #page footer#colophon body section.slider .owl-stage .owl-item .slide #footer-social .footer-vatu a:active, body section.slider .owl-stage .owl-item #page footer#colophon .slide #footer-social .footer-vatu a:active {
text-decoration: none; }
body.page-id-176 #page section.text-block {
margin: 150px auto 20px;
border-top: 1px solid #ccc;
padding-top: 70px; }
body.page-id-1034 h2.hotspot-title {
font-size: 36px;
font-size: 1.8rem;
margin-bottom: 10px; }
body.page-id-156 #main section.text-block ol {
list-style-type: none;
counter-reset: item;
margin: 0;
padding: 0; }
body.page-id-156 #main section.text-block ol > li {
display: table;
counter-increment: item;
margin-bottom: 0.6em; }
body.page-id-156 #main section.text-block ol > li:before {
content: counters(item, ".") ". ";
display: table-cell;
padding-right: 0.6em; }
body.page-id-156 #main section.text-block ol > li li ol > li {
margin: 0;
margin-bottom: 0.6em; }
body.page-id-156 #main section.text-block ol > li li ol > li:before {
content: counters(item, ".") " "; }
div.seopress-user-consent {
background: #161533;
color: white; }
div.seopress-user-consent a {
color: #ccc;
margin-left: 20px; }
div.seopress-user-consent button#seopress-user-consent-accept {
background: #faaf43;
border-color: #faaf43;
margin: 0 0 0 20px;
cursor: pointer; }
div.seopress-user-consent button#seopress-user-consent-close {
background: #940e0e;
border-color: #940e0e; }
.single .entry-content {
max-width: 90%;
width: 1600px;
margin: 0 auto; }
.single .entry-content .entry-meta {
margin: 30px 0 15px 0;
font-size: 1.2rem;
font-weight: 400; }
.single .entry-footer {
max-width: 90%;
width: 1600px;
margin: 1rem auto; }
.single .entry-footer span {
display: block;
font-size: 1.2rem;
font-weight: 400;
margin-bottom: 10px; }
.blog-main {
max-width: 90%;
width: 1600px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between; }
.blog article,
.archive article {
margin-bottom: 50px; }
@media (min-width: 1248px) {
.blog article,
.archive article {
flex-basis: 30%; } }
.blog article .entry-meta,
.archive article .entry-meta {
margin-bottom: 15px;
font-size: 1.2rem;
font-weight: 400; }
.blog article h2,
.archive article h2 {
font-size: 1.6rem; }
.blog article .read-more,
.archive article .read-more {
padding: 0.5rem 1rem 0.5rem 1rem;
background-color: #2d2c59;
display: inline-block; }
.blog article .read-more a,
.archive article .read-more a {
color: #fff;
text-decoration: none; }
.blog .navigation,
.archive .navigation {
width: 100%; }
.blog .navigation ul,
.archive .navigation ul {
margin: 2rem 0 5rem 0;
padding: 0;
text-align: center; }
.blog .navigation li a,
.blog .navigation li a:hover,
.blog .navigation li.active a,
.blog .navigation li.disabled,
.archive .navigation li a,
.archive .navigation li a:hover,
.archive .navigation li.active a,
.archive .navigation li.disabled {
color: #fff;
text-decoration: none; }
.blog .navigation li,
.archive .navigation li {
display: inline; }
.blog .navigation li a,
.blog .navigation li a:hover,
.blog .navigation li.active a,
.blog .navigation li.disabled,
.archive .navigation li a,
.archive .navigation li a:hover,
.archive .navigation li.active a,
.archive .navigation li.disabled {
background-color: #2d2c59;
border-radius: 3px;
cursor: pointer;
padding: 12px;
padding: 0.75rem; }
.blog .navigation li a:hover,
.blog .navigation li.active a,
.archive .navigation li a:hover,
.archive .navigation li.active a {
background-color: #3e3881; }
.gallery {
margin: 2rem 0; }
.gallery:after {
content: "";
display: table;
clear: both; }
img.aligncenter,
div.aligncenter,
figure.aligncenter,
img.wp-post-image {
display: block;
margin: 1em auto; }
img.alignright,
div.alignright,
figure.alignright {
float: right;
margin: 1em 0 1em 2em; }
img.alignleft,
div.alignleft,
figure.alignleft,
img.wp-post-image.attachment-thumb {
float: left;
margin: 1em 1em 2em 0; }
figure {
max-width: 100%;
height: auto;
margin: 1em 0; }
p img.alignright,
p img.alignleft {
margin-top: 0; }
.gallery figure img {
max-width: 100%;
height: auto;
margin: 0 auto;
display: block; }
.gallery figure {
float: left;
margin: 0 2% 1em 0; }
.gallery.gallery-columns-1 figure {
width: 100%;
margin: 0 0 1em 0;
float: none; }
.gallery.gallery-columns-3 figure {
width: 32%; }
.gallery.gallery-columns-3 figure:nth-of-type(3n + 3) {
margin-right: 0; }
.gallery.gallery-columns-3 figure:nth-of-type(3n + 4) {
clear: left; }
.gallery.gallery-columns-2 figure {
width: 49%; }
.gallery.gallery-columns-2 figure:nth-of-type(even) {
margin-right: 0; }
.gallery.gallery-columns-2 figure:nth-of-type(odd) {
clear: left; }
.gallery.gallery-columns-4 figure {
width: 23.25%; }
.gallery.gallery-columns-4 figure:nth-of-type(4n + 4) {
margin-right: 0; }
.gallery.gallery-columns-4 figure:nth-of-type(4n + 5) {
clear: left; }
.gallery.gallery-columns-5 figure {
width: 18%; }
.gallery.gallery-columns-5 figure:nth-of-type(5n + 5) {
margin-right: 0; }
.gallery.gallery-columns-5 figure:nth-of-type(5n + 6) {
clear: left; }
.gallery.gallery-columns-6 figure {
width: 14.2%; }
.gallery.gallery-columns-6 figure:nth-of-type(6n + 6) {
margin-right: 0; }
.gallery.gallery-columns-6 figure:nth-of-type(6n + 7) {
clear: left; }
.gallery.gallery-columns-7 figure {
width: 12%; }
.gallery.gallery-columns-7 figure:nth-of-type(7n + 7) {
margin-right: 0; }
.gallery.gallery-columns-7 figure:nth-of-type(7n + 8) {
clear: left; }
.gallery.gallery-columns-8 figure {
width: 10.2%; }
.gallery.gallery-columns-8 figure:nth-of-type(8n + 8) {
margin-right: 0; }
.gallery.gallery-columns-8 figure:nth-of-type(8n + 9) {
clear: left; }
.gallery.gallery-columns-9 figure {
width: 8.85%; }
.gallery.gallery-columns-9 figure:nth-of-type(9n + 9) {
margin-right: 0; }
.gallery.gallery-columns-9 figure:nth-of-type(9n + 10) {
clear: left; }
@media (max-width: 767px) {
img.alignright,
div.alignright,
figure.alignright,
img.alignleft,
div.alignleft,
figure.alignleft,
img.wp-post-image.attachment-thumb {
display: block;
margin: 1em auto;
float: none; }
.gallery.gallery-columns-3 figure,
.gallery.gallery-columns-4 figure,
.gallery.gallery-columns-5 figure,
.gallery.gallery-columns-6 figure,
.gallery.gallery-columns-7 figure,
.gallery.gallery-columns-8 figure,
.gallery.gallery-columns-9 figure {
width: 100%;
margin: 0 0 1em 0;
float: none; } }
#search-results article {
margin-bottom: 100px; }
@media (min-width: 560px) {
#search-results article {
display: grid;
grid-template: auto / 1fr 3fr;
grid-column-gap: 50px; } }
@media (min-width: 1248px) {
#search-results article {
grid-template: auto / 1fr 5fr; } }
#search-results article .main-image {
text-align: center;
margin-bottom: 20px; }
.fixed-button {
position: fixed;
top: 50%;
bottom: 50%;
z-index: 10;
right: 20px;
transform: rotate(-90deg);
transition: all 0.2s ease; }
@media (min-width: 1024px) {
.fixed-button {
right: -68px; } }
.fixed-button:hover {
right: -65px; }
.fixed-button button {
color: #fff;
background-color: #2d2c59;
padding: 0.7rem 0.7rem 1.2rem 0.7rem;
font-weight: 600;
font-size: 1.4rem;
box-shadow: 0px 1px 20px 1px rgba(0, 0, 0, 0.3); }
.fixed-button button img {
height: 20px;
vertical-align: bottom; }
@media (min-width: 1024px) {
.fixed-button button img {
margin-right: 8px; } }
.fixed-button button span {
display: none; }
@media (min-width: 1024px) {
.fixed-button button span {
display: inline; } } .modal__overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.6);
display: flex;
justify-content: center;
align-items: center;
z-index: 11; }
.modal__container {
background-color: #fff;
max-width: 700px;
max-height: 100%;
border-radius: 4px;
overflow-y: auto;
box-sizing: border-box; }
@media (min-width: 1024px) {
.modal__container {
max-height: 90vh; } }
@media (min-width: 1024px) {
#modal-2 .modal__container {
max-width: unset;
min-width: 80%; } }
@media (min-width: 1024px) {
#modal-3 .modal__container {
max-width: 1000px;
min-width: 80%; } }
#modal-3 .modal__container .modal__header {
background-color: white; }
#modal-3 .modal__container .modal__header .modal__close {
background-color: #2d2c59; }
#modal-3 .modal__container h1 {
font-size: 2.5rem; }
.modal__header {
text-align: center;
background-color: #2d2c59;
color: #fff;
position: relative;
padding: 20px; }
.modal__header h2 {
font-size: 2.5rem;
margin-bottom: 1rem; }
.modal__title {
margin-top: 0;
margin-bottom: 0;
font-weight: 600;
font-size: 1.25rem;
line-height: 1.25;
color: #00449e;
box-sizing: border-box; }
.modal__close {
background: transparent;
border: 0;
position: absolute;
right: 1rem;
top: 0.5rem;
font-size: 1.2rem;
color: #fff; }
.modal__header .modal__close:before {
content: "\2715"; }
.modal__content {
line-height: 1.5;
color: rgba(0, 0, 0, 0.8);
padding: 20px; }
.modal__btn {
font-size: 0.875rem;
padding-left: 1rem;
padding-right: 1rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
background-color: #e6e6e6;
color: rgba(0, 0, 0, 0.8);
border-radius: 0.25rem;
border-style: none;
border-width: 0;
cursor: pointer;
-webkit-appearance: button;
text-transform: none;
overflow: visible;
line-height: 1.15;
margin: 0;
will-change: transform;
-moz-osx-font-smoothing: grayscale;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
transition: -webkit-transform 0.25s ease-out;
transition: transform 0.25s ease-out;
transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out; }
.modal__btn:focus,
.modal__btn:hover {
-webkit-transform: scale(1.05);
transform: scale(1.05); }
.modal__btn-primary {
background-color: #00449e;
color: #fff; } @keyframes mmfadeIn {
from {
opacity: 0; }
to {
opacity: 1; } }
@keyframes mmfadeOut {
from {
opacity: 1; }
to {
opacity: 0; } }
@keyframes mmslideIn {
from {
transform: translateY(15%); }
to {
transform: translateY(0); } }
@keyframes mmslideOut {
from {
transform: translateY(0); }
to {
transform: translateY(-10%); } }
.micromodal-slide {
display: none; }
.micromodal-slide.is-open {
position: relative;
z-index: 999;
display: block; }
.micromodal-slide[aria-hidden="false"] .modal__overlay {
animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1); }
.micromodal-slide[aria-hidden="false"] .modal__container {
animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1); }
.micromodal-slide[aria-hidden="true"] .modal__overlay {
animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1); }
.micromodal-slide[aria-hidden="true"] .modal__container {
animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1); }
.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
will-change: transform; } body.page-id-19048 #title-1 {
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw); } section.alternating-blocks {
display: grid;
grid-template: auto / auto;
grid-row-gap: 50px; }
section.alternating-blocks .alternating-block {
display: grid;
grid-template: "image text"auto / 1fr 1fr;
grid-column-gap: 50px;
align-items: center; }
section.alternating-blocks .alternating-block .image {
grid-area: image; }
section.alternating-blocks .alternating-block .image a img {
width: 100%; }
section.alternating-blocks .alternating-block .text {
grid-area: text; }
section.alternating-blocks .alternating-block:nth-child(even) {
grid-template: "text image"auto / 1fr 1fr; }
section.button-grid {
text-align: center; }
section.button-grid .grid a {
margin: 0 30px 30px; }
section.icon-grid {
display: grid;
grid-template: auto/repeat(1, 1fr);
grid-gap: 50px; }
@media (min-width: 480px) {
section.icon-grid {
grid-template: auto/repeat(2, 1fr);
grid-row-gap: 100px; } }
@media (min-width: 768px) {
section.icon-grid {
grid-template: auto/repeat(var(--columns), 1fr); } }
section.icon-grid .icon > div {
margin-bottom: 10px; }
section.icon-grid .icon .title,
section.icon-grid .icon .text-block {
text-align: center; }
section.icon-grid .icon .title {
font-size: 30px;
font-size: 1.5rem; }
section.icon-grid .icon .image {
text-align: center;
height: 200px;
display: grid;
align-items: center;
justify-content: center; }
section.icon-grid .icon .image img {
width: 200px; }
section.icon-grid .icon .image img.landscape {
width: auto;
max-width: 250px;
max-height: 120px; }
section.icon-grid .icon .button {
text-align: center; }
section.multi-column-container {
display: grid;
grid-template: auto/repeat(1, 1fr);
grid-column-gap: 50px; }
@media (min-width: 768px) {
section.multi-column-container {
grid-template: auto/repeat(2, 1fr);
grid-row-gap: 100px; } }
@media (min-width: 1024px) {
section.multi-column-container {
grid-template: auto/repeat(var(--columns), 1fr); } }
section.multi-column-container .column {
word-break: break-word; }
section.multi-column-container .column > div {
margin-bottom: 20px; }
section.multi-column-container .column .title,
section.multi-column-container .column .text-block,
section.multi-column-container .column .shortcode {
text-align: center; }
section.multi-column-container .column .title {
font-size: 25px;
font-size: 1.25rem; }
section.multi-column-container .column .image {
text-align: center; }
section.multi-column-container .column .image img {
width: 80%; }
section.multi-column-container .column .button {
text-align: center; }
section.page-title, body section.slider {
padding: 50px 20px;
text-align: center;
background: #2d2c59;
color: white;
margin-top: 0 !important;
background: url(//www.bannerbox.co.uk/wp-content/themes/bannerbox/img/fractal.jpg) no-repeat 0 0;
background-size: cover; }
section.page-title span.small, body section.slider span.small {
font-size: 30px;
font-size: 1.5rem;
display: block; }
section.shortcode-container {
text-align: center; }
.table-block td,
.table-block th {
border-bottom: 1px solid #ccc;
vertical-align: top; }
.table-block td.content-align-left,
.table-block th.content-align-left {
text-align: left; }
.table-block td.content-align-center,
.table-block th.content-align-center {
text-align: center;
padding: 6px 20px; }
.table-block td.content-align-right,
.table-block th.content-align-right {
text-align: right;
padding: 6px 0px 6px 30px; }
.table-block[align="center"] {
margin-left: auto;
margin-right: auto; }
.table-block:after {
content: "";
display: table;
table-layout: fixed;
clear: both; }
section.video div.video {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
background: url(//www.bannerbox.co.uk/wp-content/themes/bannerbox/img/svg/spin.svg) no-repeat 50%;
border: 1px solid #ddd;
margin: 0 auto; }
section.video div.video iframe,
section.video div.video object,
section.video div.video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
section.video div.video.video-width-half {
max-width: calc(100% / 2);
padding-bottom: calc(56.25% / 2); }
section.video div.video.video-width-quarter {
max-width: calc(100% / 4);
padding-bottom: calc(56.25% / 4); }
@media (min-width: 1024px) {
section.product-details {
display: grid;
grid-template: "images text"auto / 1fr 1.5fr;
grid-column-gap: 100px; } }
section.product-details .product-images {
grid-area: images;
text-align: center; }
section.product-details .gallery-container .product-image-gallery {
margin-bottom: 1rem; }
section.product-details .gallery-container .pdp-product-image {
margin-bottom: 20px; }
section.product-details .gallery-container .image-title {
font-weight: 400;
font-size: 1.3rem;
margin-bottom: 3rem; }
section.product-details .gallery-container .product-thumbs {
list-style: none;
display: flex;
justify-content: center;
flex-wrap: wrap;
flex-direction: row;
margin: 0;
padding: 0; }
section.product-details .gallery-container .product-thumbs a {
margin-left: 8px;
margin-right: 8px;
padding: 0 !important; }
section.product-details .gallery-container .product-thumbs a img {
display: inline-block;
max-width: 100%;
margin-bottom: 1rem;
box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2);
line-height: 0;
border-radius: 3px;
width: 80px;
height: 80px;
border: none; }
section.product-details .product-text {
grid-area: text; }
section.product-details img.made-in-uk {
margin-bottom: 30px;
width: 100px; }
section.product-details .product-document-links {
margin: 50px 0; }
section.product-details .product-document-links div {
margin: 10px 0; }
section.product-details .product-document-links div a.application-pdf {
background: url(//www.bannerbox.co.uk/wp-content/uploads/2019/03/book.svg) no-repeat 0 50%;
background-size: auto 20px;
padding-left: 30px;
text-decoration: none;
line-height: 1em; }
section.product-details .product-document-links div a.application-pdf:hover {
text-decoration: underline; }
section.product-details .product-document-links div a.brochure {
background: url(//www.bannerbox.co.uk/wp-content/uploads/2019/04/brochure-cover.jpg) no-repeat 0 50%;
background-size: auto 100px;
padding-left: 90px;
text-decoration: none;
line-height: 1em;
height: 100px;
display: inline-block;
transition: 0.5s;
max-width: 300px; }
section.product-details .product-document-links div a.brochure:hover {
padding-left: 95px;
transition: 0.5s; }
section.product-details .product-document-links div a.brochure span {
color: #555;
font-size: 16px;
font-size: 0.8rem;
line-height: 1.3em;
margin-top: 10px;
display: inline-block; }
section.product-details + section.product-details {
border-top: 1px solid #ccc;
padding-top: 75px; }
.product-enquiry-form {
display: none; }
.product-enquiry-form .wpforms-container {
margin-top: 25px; }
body section.slider {
padding: 0;
background: none; }
body section.slider h3, body.page-id-156 section.slider #main section.text-block > ol > li:before, body.page-id-156 #main section.slider section.text-block > ol > li:before {
font-size: 32px;
font-size: 1.6rem;
margin-bottom: 5px;
line-height: 1.2em; }
@media (min-width: 400px) {
body section.slider h3, body.page-id-156 section.slider #main section.text-block > ol > li:before, body.page-id-156 #main section.slider section.text-block > ol > li:before {
font-size: 40px;
font-size: 2rem; } }
@media (min-width: 768px) {
body section.slider h3, body.page-id-156 section.slider #main section.text-block > ol > li:before, body.page-id-156 #main section.slider section.text-block > ol > li:before {
font-size: 65px;
font-size: 3.25rem; } }
body section.slider p {
font-size: 20px;
font-size: 1rem;
line-height: 1.4; }
@media (min-width: 768px) {
body section.slider p {
font-size: 31px;
font-size: 1.55rem; } }
body section.slider .buttons {
margin: 0px 0 0; }
@media (min-width: 768px) {
body section.slider .buttons {
margin: 30px 0 0; } }
body section.slider .buttons a {
margin: 0 10px;
font-family: "Cera Pro", sans-serif;
font-size: 20px;
font-size: 1rem;
text-transform: uppercase;
border-radius: 0;
padding-top: 15px; }
@media (min-width: 768px) {
body section.slider .buttons a {
font-size: 25px;
font-size: 1.25rem;
margin: 0 20px; } }
body section.slider .owl-theme .owl-dots {
margin: 0;
position: absolute;
width: 100%;
bottom: 10px; }
body section.slider .owl-theme .owl-dots .owl-dot span {
border: 1px solid white;
background: none;
height: 15px;
width: 15px; }
body section.slider .owl-theme .owl-dots .owl-dot.active span {
background: white; }
body section.slider .owl-nav {
position: absolute;
width: 100%;
top: calc(50% - 20px); }
body section.slider .owl-nav .owl-prev,
body section.slider .owl-nav .owl-next {
position: absolute !important;
display: grid;
align-items: center;
outline: none !important; }
body section.slider .owl-nav .owl-prev span,
body section.slider .owl-nav .owl-next span {
font-size: 40px;
font-size: 2rem;
line-height: 0.5rem;
border: 1px solid white !important;
border-radius: 100% !important;
padding: 10px !important;
width: 40px;
height: 40px;
outline: none !important; }
body section.slider .owl-nav .owl-prev:hover,
body section.slider .owl-nav .owl-next:hover {
background: none; }
body section.slider .owl-nav .owl-prev:hover span,
body section.slider .owl-nav .owl-next:hover span {
background: white;
color: #333; }
body section.slider .owl-nav .owl-prev {
left: 10px; }
@media (min-width: 768px) {
body section.slider .owl-nav .owl-prev {
left: 20px; } }
body section.slider .owl-nav .owl-next {
right: 10px; }
@media (min-width: 768px) {
body section.slider .owl-nav .owl-next {
right: 20px; } }
body section.slider .owl-stage .owl-item .slide {
background: url(//www.bannerbox.co.uk/wp-content/themes/bannerbox/img/fractal.jpg) no-repeat 0 0;
background-size: cover !important;
background-position: center !important;
padding: 50px 40px;
height: 275px;
display: grid;
align-content: center; }
@media (min-width: 768px) {
body section.slider .owl-stage .owl-item .slide {
padding: 100px 60px 85px;
height: 375px; } }
section.product-grid h4, section.product-grid section.cookies-info .cookie-group .cookie .name, section.cookies-info .cookie-group .cookie section.product-grid .name {
text-align: center;
margin-bottom: 50px; }
section.product-grid .grid-container {
display: grid;
grid-template: auto/repeat(1, 1fr);
grid-gap: 75px;
margin-top: 60px; }
@media (min-width: 640px) {
section.product-grid .grid-container {
grid-template: auto/repeat(2, 1fr); } }
@media (min-width: 1248px) {
section.product-grid .grid-container {
grid-template: auto/repeat(var(--columns), 1fr); } }
section.product-grid .grid-container .product {
position: relative;
display: grid;
align-items: center;
justify-content: center;
grid-template: "combined" auto "text" 1fr / 1fr;
grid-template-columns: minmax(auto, 350px);
grid-row-gap: 10px; }
section.product-grid .grid-container .product > * {
grid-area: combined; }
section.product-grid .grid-container .product .title {
font-size: 44px;
font-size: 2.2rem;
color: white;
text-align: center;
font-weight: 500;
width: 100%; }
@media (min-width: 640px) {
section.product-grid .grid-container .product .title {
font-size: 40px;
font-size: 2rem; } }
section.product-grid .grid-container .product .title > a {
color: white;
text-decoration: none;
width: 100%;
height: 100%;
display: block;
padding: 0 20px; }
section.product-grid .grid-container .product .title .icon svg {
fill: white !important;
width: 80px !important; }
section.product-grid .grid-container .product .text {
grid-area: text;
text-align: center;
display: grid;
align-self: baseline; }
section.product-grid .grid-container .product .text a {
font-weight: 700;
font-size: 50px;
font-size: 2.5rem; }
section.product-grid .grid-container .product .image {
text-align: center;
width: 100%; }
section.product-grid .grid-container .product .image a {
display: block; }
section.product-grid .grid-container .product .image a img {
width: 100%; }
section.product-grid .grid-container .product .fractal-image {
width: 100%;
height: 0;
padding-top: 100%;
background: url(//www.bannerbox.co.uk/wp-content/themes/bannerbox/img/fractal.jpg) no-repeat 0 0;
background-size: 400%;
border-radius: 100%;
display: block;
align-self: baseline; }
section.product-grid .grid-container .product .fractal-image a {
display: block;
height: 100%;
width: 100%;
background: blue; }
section.product-grid.inner-container .grid-container {
grid-template: auto/repeat(1, 1fr);
grid-gap: 50px; }
@media (min-width: 560px) {
section.product-grid.inner-container .grid-container {
grid-template: auto/repeat(2, 1fr); } }
@media (min-width: 1024px) {
section.product-grid.inner-container .grid-container {
grid-template: auto/repeat(3, 1fr); } }
@media (min-width: 1248px) {
section.product-grid.inner-container .grid-container {
grid-template: auto/repeat(var(--columns), 1fr); } }
section.product-grid.inner-container .grid-container .product {
border-radius: 100%;
width: 210px;
justify-self: center;
grid-template: "combined" 210px "text" auto/1fr; }
section.product-grid.inner-container .grid-container .product .title {
font-size: 20px;
font-size: 1rem;
width: 210px; }
section.product-grid.inner-container .grid-container .product .title .icon svg {
width: 65px !important; }
section.cookies-info .cookie-group {
margin-bottom: 60px; }
section.cookies-info .cookie-group .cookie {
margin-bottom: 40px;
padding-left: 55px;
background: url('data:image/svg+xml;utf8,<svg height="512pt" viewBox="0 0 511 512" width="512pt" xmlns="http://www.w3.org/2000/svg"><path d="m508.929688 275.464844c-1.671876-2.0625-4.09375-3.371094-6.730469-3.648438-22.796875-2.367187-40.867188-19.878906-43.945313-42.578125-.398437-2.925781-2.066406-5.523437-4.558594-7.101562-2.496093-1.578125-5.558593-1.976563-8.371093-1.085938-4.816407 1.523438-9.851563 2.296875-14.96875 2.296875-27.347657 0-49.59375-22.246094-49.59375-49.59375 0-2.648437.207031-5.285156.621093-7.84375.449219-2.796875-.3125-5.65625-2.09375-7.867187-1.777343-2.207031-4.414062-3.554688-7.246093-3.703125-26.300781-1.410156-46.898438-23.164063-46.898438-49.523438 0-13.164062 5.101563-25.566406 14.367188-34.925781 3.859375-3.898437 3.859375-10.175781 0-14.074219-9.265625-9.355468-14.367188-21.761718-14.367188-34.921875 0-1.066406.035157-2.128906.101563-3.160156.324218-4.847656-2.878906-9.226563-7.597656-10.382813-19.90625-4.878906-40.480469-7.351562-61.152344-7.351562-68.378906 0-132.667969 26.628906-181.015625 74.980469-48.351563 48.347656-74.980469 112.632812-74.980469 181.015625 0 68.378906 26.628906 132.667968 74.976562 181.019531 48.351563 48.355469 112.640626 74.984375 181.019532 74.984375 35.171875 0 69.269531-7.019531 101.351562-20.867188 5.070313-2.1875 7.40625-8.074218 5.214844-13.144531-2.1875-5.070312-8.074219-7.402343-13.140625-5.21875-29.5625 12.761719-60.996094 19.230469-93.425781 19.230469-63.035156 0-122.300782-24.550781-166.875-69.125-44.574219-44.574219-69.121094-103.84375-69.121094-166.878906 0-63.039063 24.546875-122.304688 69.121094-166.875 44.574218-44.574219 103.835937-69.121094 166.875-69.121094 16.441406 0 32.808594 1.695312 48.769531 5.042969.804687 13.8125 5.640625 26.871093 13.929687 37.8125-9.117187 12.027343-14.050781 26.625-14.050781 41.960937 0 33.503906 23.71875 61.707032 55.621094 68.191406 0 .25-.003906.5-.003906.746094 0 38.375 31.21875 69.59375 69.59375 69.59375 3.488281 0 6.953125-.257812 10.375-.769531 6.96875 23.355469 25.683593 41.332031 49.347656 47.347656-7.691406 53.34375-33.570313 102.578125-73.5 139.460938-4.054687 3.746093-4.308594 10.074219-.558594 14.132812 3.746094 4.054688 10.074219 4.308594 14.128907.558594 45.789062-42.296875 74.542968-99.570313 80.964843-161.277344.273438-2.640625-.511719-5.277343-2.183593-7.335937zm0 0"/><path d="m95.011719 294.292969c0 33.363281 27.144531 60.511719 60.507812 60.511719 33.367188 0 60.511719-27.148438 60.511719-60.511719 0-33.367188-27.144531-60.511719-60.511719-60.511719-33.363281 0-60.507812 27.144531-60.507812 60.511719zm60.507812-40.511719c22.339844 0 40.511719 18.171875 40.511719 40.511719 0 22.335937-18.171875 40.511719-40.511719 40.511719-22.335937 0-40.507812-18.175782-40.507812-40.511719 0-22.339844 18.171875-40.511719 40.507812-40.511719zm0 0"/><path d="m319.535156 401.605469c24.675782 0 44.75-20.074219 44.75-44.75 0-24.671875-20.074218-44.746094-44.75-44.746094-24.671875 0-44.746094 20.074219-44.746094 44.746094 0 24.675781 20.074219 44.75 44.746094 44.75zm0-69.496094c13.648438 0 24.75 11.101563 24.75 24.746094s-11.101562 24.746093-24.75 24.746093c-13.644531 0-24.746094-11.101562-24.746094-24.746093s11.101563-24.746094 24.746094-24.746094zm0 0"/><path d="m273.609375 198.039062c11.632813-11.632812 11.632813-30.5625 0-42.195312s-30.5625-11.632812-42.195313 0c-11.632812 11.632812-11.632812 30.5625 0 42.195312 5.816407 5.816407 13.457032 8.726563 21.097657 8.726563 7.636719 0 15.277343-2.910156 21.097656-8.726563zm-28.054687-28.054687c3.835937-3.832031 10.074218-3.835937 13.910156 0 3.835937 3.835937 3.835937 10.078125 0 13.914063-3.835938 3.832031-10.074219 3.835937-13.910156 0-3.835938-3.835938-3.835938-10.078126 0-13.914063zm0 0"/><path d="m138.375 145.605469c0-12.636719 10.28125-22.917969 22.917969-22.917969 5.523437 0 10-4.476562 10-10s-4.476563-10-10-10c-23.664063 0-42.917969 19.253906-42.917969 42.917969 0 5.523437 4.476562 10 10 10s10-4.476563 10-10zm0 0"/><path d="m422.074219 334.046875c6.53125-6.53125 10.128906-15.214844 10.128906-24.449219 0-9.238281-3.597656-17.921875-10.128906-24.453125-3.90625-3.902343-10.238281-3.902343-14.144531 0-3.902344 3.90625-3.902344 10.238281 0 14.144531 2.753906 2.753907 4.273437 6.414063 4.273437 10.308594 0 3.894532-1.519531 7.554688-4.269531 10.308594-3.90625 3.90625-3.90625 10.238281 0 14.144531 1.953125 1.949219 4.511718 2.925781 7.070312 2.925781s5.117188-.976562 7.070313-2.929687zm0 0"/><path d="m203.460938 431.273438c19.066406 0 34.578124-15.511719 34.578124-34.578126 0-5.523437-4.476562-10-10-10-5.523437 0-10 4.476563-10 10 0 8.035157-6.542968 14.578126-14.578124 14.578126-5.523438 0-10 4.476562-10 10 0 5.519531 4.476562 10 10 10zm0 0"/><path d="m400.214844 458.1875c-1.636719-3.917969-5.707032-6.453125-9.949219-6.144531-4.152344.300781-7.75 3.234375-8.898437 7.230469-1.148438 4 .382812 8.453124 3.785156 10.871093 3.371094 2.394531 7.921875 2.464844 11.371094.183594 3.945312-2.605469 5.472656-7.785156 3.691406-12.140625zm0 0"/></svg>') no-repeat 0 10px;
background-size: 35px; }
section.cookies-info .cookie-group .cookie .name {
margin-bottom: 10px; }
section.cookies-info .cookie-group .cookie .info {
color: #777;
margin-top: 10px;
font-size: 20px;
font-size: 1rem; }
@media (min-width: 1024px) {
section.cookies-info .cookie-group .cookie .info {
display: grid;
grid-template-columns: repeat(4, auto);
grid-column-gap: 50px; } }
.search-block form {
text-align: center; }
@media (min-width: 768px) {
.search-block form {
width: 600px;
max-width: 90%;
display: grid;
grid-template: auto / 3fr 1fr;
grid-column-gap: 40px;
margin: 0 auto; } }
.search-block form input {
height: 75px;
margin-bottom: 20px; }
@media (min-width: 768px) {
.search-block form input {
float: left; } }
.search-block form input.search-field {
font-size: 40px;
font-size: 2rem;
width: 100%; }
@media (min-width: 768px) {
.search-block form input.search-field {
font-size: 60px;
font-size: 3rem; } }
.search-block form input.search-submit {
font-size: 30px;
font-size: 1.5rem;
font-family: "Cera Pro", sans-serif; }
@media (min-width: 768px) {
.search-block form input.search-submit {
font-size: 30px;
font-size: 1.5rem; } } .single-product .woocommerce-product-gallery figure {
max-width: initial; }
.single-product .price {
color: #4e97b3 !important;
font-size: 1.5rem !important;
font-weight: 400; }
.single-product table.variations select {
padding: 5px;
border-radius: 3px; }
.single-product table.variations label {
font-weight: 500 !important; }
.single-product .woocommerce-variation-add-to-cart .quantity input {
height: 40px; }
.single-product .woocommerce-variation-add-to-cart button {
background-color: #2d2c59 !important;
border-radius: 0;
padding: 12px 50px 15px;
font-size: 1.25rem;
font-weight: 300; }
.single-product .woocommerce-variation-add-to-cart button:hover {
background-color: #3e3881 !important; }
.single-product .woocommerce-variation-price .price {
font-size: 1.5rem; }
.single-product .woocommerce-tabs {
padding-top: 30px; }
.single-product .woocommerce div.product .woocommerce-tabs ul.tabs li {
background-color: #f1f1f1; }
.single-product .woocommerce div.product .woocommerce-tabs ul.tabs li.active {
background-color: white; }
.page-template-default .woocommerce div.product {
display: flex;
flex-wrap: wrap;
margin-bottom: 30px; }
@media (min-width: 1248px) {
.page-template-default .woocommerce div.product {
flex-wrap: nowrap;
gap: 30px; } }
.woocommerce ul.products li.product {
text-align: center; }
.woocommerce ul.products li.product h2 {
font-size: 1.4rem !important; }
.woocommerce ul.products li.product .price {
font-size: 1.3rem !important;
color: #4e97b3; }
.woocommerce ul.products li.product a.button {
background-color: #2d2c59 !important;
border-radius: 0;
color: white;
padding: 12px 30px 15px;
font-size: 1.25rem;
font-weight: 300; }
.woocommerce ul.products li.product a.button:hover {
background-color: #3e3881 !important; }
.woocommerce-shop .entry-content {
max-width: 90%;
width: 1600px;
margin: 0 auto; }
.woocommerce-shop .entry-content .page-title, .woocommerce-shop .entry-content body section.slider, body .woocommerce-shop .entry-content section.slider {
width: 100vw;
max-width: 100vw;
margin-left: calc(50% - 50vw); }
.woocommerce-shop .entry-content .woocommerce-ordering {
float: left;
margin-bottom: 30px; }
@media (min-width: 768px) {
.woocommerce-shop .entry-content .woocommerce-ordering {
float: right;
margin: initial; } }
.woocommerce-shop .entry-content .woocommerce-ordering select {
padding: 5px;
border-radius: 3px; }
.wc-proceed-to-checkout a {
background-color: #2d2c59 !important;
border-radius: 0; }
.wc-proceed-to-checkout a:hover {
background-color: #3e3881 !important; }
.woocommerce-billing-fields label {
font-weight: 500; }
.woocommerce-billing-fields select {
padding: 10px 8px;
border-radius: 3px; }
.woocommerce-billing-fields input {
padding: 10px 8px !important; }
.woocommerce-additional-fields__field-wrapper label {
font-weight: 500; }
.woocommerce-additional-fields__field-wrapper input {
padding: 10px 8px !important; }
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
background: #f1f1f1; }
#place_order {
background-color: #2d2c59 !important;
border-radius: 0;
padding: 12px 30px 15px;
font-size: 1.25rem;
font-weight: 300; }
#place_order:hover {
background-color: #3e3881 !important; }
.woocommerce-MyAccount-navigation ul {
margin: 0 0 30px;
padding: 0; }
.woocommerce-MyAccount-navigation ul li {
list-style-type: none;
margin-bottom: 4px; }
.woocommerce-MyAccount-navigation ul li a {
font-size: 1.3rem !important;
color: #4e97b3;
text-decoration: none;
font-weight: 400; }
.woocommerce-MyAccount-navigation ul li a:hover {
text-decoration: underline; }  .infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer { display: none; } .infinity-end.neverending .site-footer {
display: block; } .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0; } embed,
iframe,
object {
max-width: 100%; } .custom-logo-link {
display: inline-block; } .wp-caption {
margin-bottom: 1.5em;
max-width: 100%; }
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto; }
.wp-caption .wp-caption-text {
margin: 0.8075em 0; }
.wp-caption-text {
text-align: center; } .product-gallery {
display: grid;
grid-template: auto/repeat(4, 1fr);
align-items: center;
justify-content: center;
margin: 30px 0; }
.product-gallery .gallery-item {
text-align: center;
padding: 5px; }
.product-gallery .gallery-item:nth-child(4n+1) {
padding-left: 0; }
.product-gallery .gallery-item:nth-child(4n+1) a {
float: left; }
.product-gallery .gallery-item:nth-child(4n+2) {
padding-left: 0; }
.product-gallery .gallery-item:nth-child(4n+3) {
padding-right: 0; }
.product-gallery .gallery-item:nth-child(4n) {
padding-right: 0; }
.product-gallery .gallery-item:nth-child(4n) a {
float: right; }
.product-gallery .gallery-item a {
display: block;
margin: 0 auto; }
.product-gallery .gallery-item a img {
padding: 0; }
.gallery-block {
display: grid;
grid-template: auto/repeat(2, 1fr);
align-items: center;
justify-content: center;
margin: 30px 0;
grid-gap: 3vw; }
@media (min-width: 768px) {
.gallery-block {
grid-template: auto/repeat(5, 1fr); } }
.gallery-block .gallery-item {
text-align: center;
padding: 5px; }
.gallery-block .gallery-item a {
display: block; }div.block[width=default], div.block[width=left], div.block[width=center], div.block[width=right] {
width: 90%;
max-width: 1600px;
margin: 0 auto; }
div.block[width=wide] {
width: 95%;
max-width: 1900px;
margin: 0 auto; }
.is-svg, section.multi-column-container .column .image svg, section.product-grid .grid-container .product .title .icon svg {
width: 120px;
height: auto;
fill: #2d2c59; }
section {
margin-bottom: 75px; }
section.slider {
margin-bottom: 25px; }
section.page-title, body section.slider {
margin-bottom: 50px; }
.product-grid.container-medium {
width: 1000px;
margin: 0 auto 75px; }
.has-text-align-center {
text-align: center; }
.has-text-align-right {
text-align: right; }
.aligncenter {
text-align: center; }
a.button,
a.wp-block-button__link,
.caldera-grid input.btn,
input.search-submit,
.product-enquiry-button a,
input[type=submit],
button[type=submit] {
background: #2d2c59;
display: inline-block;
padding: 12px 20px 15px;
color: white;
text-decoration: none;
font-size: 25px;
font-size: 1.25rem;
line-height: 1em;
cursor: pointer; }
a.button:hover,
a.wp-block-button__link:hover,
.caldera-grid input.btn:hover,
input.search-submit:hover,
.product-enquiry-button a:hover,
input[type=submit]:hover,
button[type=submit]:hover {
background: #3e3881;
border-color: #3e3881;
color: white; }
a.button.outline,
a.wp-block-button__link.outline,
.caldera-grid input.btn.outline,
input.search-submit.outline,
.product-enquiry-button a.outline,
input[type=submit].outline,
button[type=submit].outline {
background: none;
color: #2d2c59;
border: 1px solid #2d2c59; }
a.button.outline:hover,
a.wp-block-button__link.outline:hover,
.caldera-grid input.btn.outline:hover,
input.search-submit.outline:hover,
.product-enquiry-button a.outline:hover,
input[type=submit].outline:hover,
button[type=submit].outline:hover {
background: white;
border-color: #3e3881;
color: #3e3881; }
a.button.white,
a.wp-block-button__link.white,
.caldera-grid input.btn.white,
input.search-submit.white,
.product-enquiry-button a.white,
input[type=submit].white,
button[type=submit].white {
background: #fff;
color: #333333; }
a.button.white:hover,
a.wp-block-button__link.white:hover,
.caldera-grid input.btn.white:hover,
input.search-submit.white:hover,
.product-enquiry-button a.white:hover,
input[type=submit].white:hover,
button[type=submit].white:hover {
background: #333;
color: white; }
a.button.black,
a.wp-block-button__link.black,
.caldera-grid input.btn.black,
input.search-submit.black,
.product-enquiry-button a.black,
input[type=submit].black,
button[type=submit].black {
background: #333333;
color: #fff; }
a.button.black:hover,
a.wp-block-button__link.black:hover,
.caldera-grid input.btn.black:hover,
input.search-submit.black:hover,
.product-enquiry-button a.black:hover,
input[type=submit].black:hover,
button[type=submit].black:hover {
background: #222; }
hr.wp-block-separator {
margin-bottom: 75px; }
section.page-title, body section.slider {
padding: 50px 20px;
text-align: center;
background: #2d2c59;
color: white;
margin-top: 0 !important;
background: url(//www.bannerbox.co.uk/wp-content/themes/bannerbox/img/fractal.jpg) no-repeat 0 0;
background-size: cover; }
section.page-title span.small, body section.slider span.small {
font-size: 30px;
font-size: 1.5rem;
display: block; }
section.icon-grid {
display: grid;
grid-template: auto/repeat(1, 1fr);
grid-gap: 50px; }
@media (min-width: 480px) {
section.icon-grid {
grid-template: auto/repeat(2, 1fr);
grid-row-gap: 100px; } }
@media (min-width: 768px) {
section.icon-grid {
grid-template: auto/repeat(var(--columns), 1fr); } }
section.icon-grid .icon > div {
margin-bottom: 10px; }
section.icon-grid .icon .title,
section.icon-grid .icon .text-block {
text-align: center; }
section.icon-grid .icon .title {
font-size: 30px;
font-size: 1.5rem; }
section.icon-grid .icon .image {
text-align: center;
height: 200px;
display: grid;
align-items: center;
justify-content: center; }
section.icon-grid .icon .image img {
width: 200px; }
section.icon-grid .icon .image img.landscape {
width: auto;
max-width: 250px;
max-height: 120px; }
section.icon-grid .icon .image svg {
width: 120px;
height: auto;
fill: #2d2c59; }
section.icon-grid .icon .button {
text-align: center; }
section.video div.video {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
background: url(//www.bannerbox.co.uk/wp-content/themes/bannerbox/css/img/svg/spin.svg) no-repeat 50%;
border: 1px solid #ddd;
margin: 0 auto; }
section.video div.video iframe,
section.video div.video object,
section.video div.video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
section.video div.video.video-width-half {
max-width: calc(100% / 2);
padding-bottom: calc(56.25% / 2); }
section.video div.video.video-width-quarter {
max-width: calc(100% / 4);
padding-bottom: calc(56.25% / 4); }
body section.slider {
padding: 0;
background: none; }
body section.slider h3 {
font-size: 26px;
font-size: 1.3rem;
margin-bottom: 5px;
line-height: 1.4em; }
@media (min-width: 768px) {
body section.slider h3 {
font-size: 60px;
font-size: 3rem;
line-height: 1.2em; } }
body section.slider p {
font-size: 24px;
font-size: 1.2rem; }
@media (min-width: 768px) {
body section.slider p {
font-size: 31px;
font-size: 1.55rem; } }
body section.slider .buttons {
margin: 0px 0 0; }
@media (min-width: 768px) {
body section.slider .buttons {
margin: 30px 0 0; } }
body section.slider .buttons a {
margin: 0 10px;
font-family: "Cera Pro", sans-serif;
font-size: 20px;
font-size: 1rem;
text-transform: uppercase;
border-radius: 0;
padding-top: 15px; }
@media (min-width: 768px) {
body section.slider .buttons a {
font-size: 25px;
font-size: 1.25rem;
margin: 0 20px; } }
body section.slider .owl-theme .owl-dots {
margin: 0;
position: absolute;
width: 100%;
bottom: 10px; }
body section.slider .owl-theme .owl-dots .owl-dot span {
border: 1px solid white;
background: none;
height: 15px;
width: 15px; }
body section.slider .owl-theme .owl-dots .owl-dot.active span {
background: white; }
body section.slider .owl-nav {
position: absolute;
width: 100%;
top: calc(50% - 20px); }
body section.slider .owl-nav .owl-prev,
body section.slider .owl-nav .owl-next {
position: absolute !important;
display: grid;
align-items: center;
outline: none !important; }
body section.slider .owl-nav .owl-prev span,
body section.slider .owl-nav .owl-next span {
font-size: 40px;
font-size: 2rem;
line-height: 0.5rem;
border: 1px solid white !important;
border-radius: 100% !important;
padding: 10px !important;
width: 40px;
height: 40px;
outline: none !important; }
body section.slider .owl-nav .owl-prev:hover,
body section.slider .owl-nav .owl-next:hover {
background: none; }
body section.slider .owl-nav .owl-prev:hover span,
body section.slider .owl-nav .owl-next:hover span {
background: white;
color: #333; }
body section.slider .owl-nav .owl-prev {
left: 10px; }
@media (min-width: 768px) {
body section.slider .owl-nav .owl-prev {
left: 20px; } }
body section.slider .owl-nav .owl-next {
right: 10px; }
@media (min-width: 768px) {
body section.slider .owl-nav .owl-next {
right: 20px; } }
body section.slider .owl-stage .owl-item .slide {
background: url(//www.bannerbox.co.uk/wp-content/themes/bannerbox/css/img/fractal.jpg) no-repeat 0 0;
background-size: cover !important;
background-position: center !important;
padding: 50px 60px 35px;
height: 275px;
max-width: 100%;
display: grid;
align-content: center; }
@media (min-width: 768px) {
body section.slider .owl-stage .owl-item .slide {
padding: 100px 60px 85px;
height: 375px; } }
section.alternating-blocks {
display: grid;
grid-template: auto / auto;
grid-row-gap: 50px; }
section.alternating-blocks .alternating-block {
display: grid;
grid-template: "image text"auto / 1fr 1fr;
grid-column-gap: 50px;
align-items: center; }
section.alternating-blocks .alternating-block .image {
grid-area: image; }
section.alternating-blocks .alternating-block .image a img {
width: 100%; }
section.alternating-blocks .alternating-block .text {
grid-area: text; }
section.alternating-blocks .alternating-block:nth-child(even) {
grid-template: "text image"auto / 1fr 1fr; }
section.multi-column-container {
display: grid;
grid-template: auto/repeat(1, 1fr);
grid-column-gap: 50px; }
@media (min-width: 768px) {
section.multi-column-container {
grid-template: auto/repeat(2, 1fr);
grid-row-gap: 100px; } }
@media (min-width: 1024px) {
section.multi-column-container {
grid-template: auto/repeat(var(--columns), 1fr); } }
section.multi-column-container .column {
word-break: break-word; }
section.multi-column-container .column > div {
margin-bottom: 20px; }
section.multi-column-container .column .title,
section.multi-column-container .column .text-block,
section.multi-column-container .column .shortcode {
text-align: center; }
section.multi-column-container .column .title {
font-size: 25px;
font-size: 1.25rem; }
section.multi-column-container .column .image {
text-align: center; }
section.multi-column-container .column .image img {
width: 80%; }
section.multi-column-container .column .button {
text-align: center; }
.table-block td,
.table-block th {
border-bottom: 1px solid #ccc;
vertical-align: top; }
.table-block td.content-align-left,
.table-block th.content-align-left {
text-align: left; }
.table-block td.content-align-center,
.table-block th.content-align-center {
text-align: center;
padding: 6px 20px; }
.table-block td.content-align-right,
.table-block th.content-align-right {
text-align: right;
padding: 6px 0px 6px 30px; }
.table-block[align="center"] {
margin-left: auto;
margin-right: auto; }
.table-block:after {
content: "";
display: table;
table-layout: fixed;
clear: both; }
.search-block form {
text-align: center; }
@media (min-width: 768px) {
.search-block form {
width: 600px;
max-width: 90%;
display: grid;
grid-template: auto / 3fr 1fr;
grid-column-gap: 40px;
margin: 0 auto; } }
.search-block form input {
height: 75px;
margin-bottom: 20px; }
@media (min-width: 768px) {
.search-block form input {
float: left; } }
.search-block form input.search-field {
font-size: 40px;
font-size: 2rem;
width: 100%; }
@media (min-width: 768px) {
.search-block form input.search-field {
font-size: 60px;
font-size: 3rem; } }
.search-block form input.search-submit {
font-size: 30px;
font-size: 1.5rem;
font-family: "Cera Pro", sans-serif; }
@media (min-width: 768px) {
.search-block form input.search-submit {
font-size: 30px;
font-size: 1.5rem; } }
section.product-grid h4, section.product-grid section.cookies-info .cookie-group .cookie .name, section.cookies-info .cookie-group .cookie section.product-grid .name {
text-align: center;
margin-bottom: 50px; }
section.product-grid .grid-container {
display: grid;
grid-template: auto/repeat(1, 1fr);
grid-gap: 75px;
margin-top: 60px; }
@media (min-width: 400px) {
section.product-grid .grid-container {
grid-template: auto/repeat(2, 1fr);
grid-gap: 50px;
margin-top: 30px; } }
@media (min-width: 640px) {
section.product-grid .grid-container {
grid-template: auto/repeat(2, 1fr); } }
@media (min-width: 1248px) {
section.product-grid .grid-container {
grid-template: auto/repeat(var(--columns), 1fr); } }
section.product-grid .grid-container .product {
position: relative;
display: grid;
align-items: center;
justify-content: center;
grid-template: "combined" auto "text" 1fr / 1fr;
grid-template-columns: minmax(auto, 350px);
grid-row-gap: 10px; }
@media (max-width: 400px) {
section.product-grid .grid-container .product {
max-width: 210px;
margin: -20px auto; } }
section.product-grid .grid-container .product > * {
grid-area: combined; }
section.product-grid .grid-container .product .title {
font-size: 44px;
font-size: 2.2rem;
color: white;
text-align: center;
font-weight: 500;
width: 100%; }
@media (min-width: 640px) {
section.product-grid .grid-container .product .title {
font-size: 40px;
font-size: 2rem; } }
section.product-grid .grid-container .product .title > a {
color: white;
text-decoration: none;
width: 100%;
height: 100%;
display: block;
padding: 0 20px; }
section.product-grid .grid-container .product .title .icon svg {
fill: white !important;
width: 80px !important; }
section.product-grid .grid-container .product .text {
grid-area: text;
text-align: center;
display: grid;
align-self: baseline; }
section.product-grid .grid-container .product .text a {
font-weight: 700;
font-size: 30px;
font-size: 1.5rem; }
section.product-grid .grid-container .product .image {
text-align: center;
width: 100%; }
section.product-grid .grid-container .product .image a {
display: block; }
section.product-grid .grid-container .product .image a img {
width: 100%; }
@media (max-width: 400px) {
section.product-grid .grid-container .product .image a img {
max-width: 210px; } }
section.product-grid .grid-container .product .fractal-image {
width: 100%;
height: 0;
padding-top: 100%;
background: url(//www.bannerbox.co.uk/wp-content/themes/bannerbox/css/img/fractal.jpg) no-repeat 0 0;
background-size: 400%;
border-radius: 100%;
display: block;
align-self: baseline; }
section.product-grid .grid-container .product .fractal-image a {
display: block;
height: 100%;
width: 100%;
background: blue; }
section.product-grid.inner-container .grid-container {
grid-template: auto/repeat(1, 1fr);
grid-gap: 50px; }
@media (min-width: 560px) {
section.product-grid.inner-container .grid-container {
grid-template: auto/repeat(2, 1fr); } }
@media (min-width: 1024px) {
section.product-grid.inner-container .grid-container {
grid-template: auto/repeat(3, 1fr); } }
@media (min-width: 1248px) {
section.product-grid.inner-container .grid-container {
grid-template: auto/repeat(var(--columns), 1fr); } }
section.product-grid.inner-container .grid-container .product {
border-radius: 100%;
width: 210px;
justify-self: center;
grid-template: "combined" 210px "text" auto/1fr; }
section.product-grid.inner-container .grid-container .product .title {
font-size: 20px;
font-size: 1rem;
width: 210px; }
section.product-grid.inner-container .grid-container .product .title .icon svg {
width: 65px !important; }
@media (min-width: 1024px) {
section.product-details {
display: grid;
grid-template: "images text"auto / 1fr 1.5fr;
grid-column-gap: 100px; } }
section.product-details .product-images {
grid-area: images;
text-align: center; }
section.product-details .gallery-container .product-image-gallery {
margin-bottom: 1rem; }
section.product-details .gallery-container .pdp-product-image {
margin-bottom: 20px; }
section.product-details .gallery-container .image-title {
font-weight: 400;
font-size: 1.3rem;
margin-bottom: 3rem; }
section.product-details .gallery-container .product-thumbs {
list-style: none;
display: flex;
justify-content: center;
flex-wrap: wrap;
flex-direction: row;
margin: 0;
padding: 0; }
section.product-details .gallery-container .product-thumbs a {
margin-left: 8px;
margin-right: 8px;
padding: 0 !important; }
section.product-details .gallery-container .product-thumbs a img {
display: inline-block;
max-width: 100%;
margin-bottom: 1rem;
box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2);
line-height: 0;
border-radius: 3px;
width: 80px;
height: 80px;
border: none; }
section.product-details .product-text {
grid-area: text; }
section.product-details img.made-in-uk {
margin-bottom: 30px;
width: 100px; }
section.product-details .product-document-links {
margin: 50px 0; }
section.product-details .product-document-links div {
margin: 10px 0; }
section.product-details .product-document-links div a.application-pdf {
background: url(//www.bannerbox.co.uk/wp-content/themes/uploads/2019/03/book.svg) no-repeat 0 50%;
background-size: auto 20px;
padding-left: 30px;
text-decoration: none;
line-height: 1em; }
section.product-details .product-document-links div a.application-pdf:hover {
text-decoration: underline; }
section.product-details .product-document-links div a.brochure {
background: url(//www.bannerbox.co.uk/wp-content/themes/uploads/2019/04/brochure-cover.jpg) no-repeat 0 50%;
background-size: auto 100px;
padding-left: 90px;
text-decoration: none;
line-height: 1em;
height: 100px;
display: inline-block;
transition: 0.5s;
max-width: 300px; }
section.product-details .product-document-links div a.brochure:hover {
padding-left: 95px;
transition: 0.5s; }
section.product-details .product-document-links div a.brochure span {
color: #555;
font-size: 16px;
font-size: 0.8rem;
line-height: 1.3em;
margin-top: 10px;
display: inline-block; }
section.product-details + section.product-details {
border-top: 1px solid #ccc;
padding-top: 75px; }
.product-enquiry-form {
display: none; }
.product-enquiry-form .wpforms-container {
margin-top: 25px; }
.gallery-block {
display: grid;
grid-template: auto/repeat(2, 1fr);
align-items: center;
justify-content: center;
margin: 30px 0;
grid-gap: 3vw; }
@media (min-width: 768px) {
.gallery-block {
grid-template: auto/repeat(5, 1fr); } }
.gallery-block .gallery-item {
text-align: center;
padding: 5px; }
.gallery-block .gallery-item a {
display: block; }
section.cookies-info .cookie-group {
margin-bottom: 60px; }
section.cookies-info .cookie-group .cookie {
margin-bottom: 40px;
padding-left: 55px;
background: url('data:image/svg+xml;utf8,<svg height="512pt" viewBox="0 0 511 512" width="512pt" xmlns="http://www.w3.org/2000/svg"><path d="m508.929688 275.464844c-1.671876-2.0625-4.09375-3.371094-6.730469-3.648438-22.796875-2.367187-40.867188-19.878906-43.945313-42.578125-.398437-2.925781-2.066406-5.523437-4.558594-7.101562-2.496093-1.578125-5.558593-1.976563-8.371093-1.085938-4.816407 1.523438-9.851563 2.296875-14.96875 2.296875-27.347657 0-49.59375-22.246094-49.59375-49.59375 0-2.648437.207031-5.285156.621093-7.84375.449219-2.796875-.3125-5.65625-2.09375-7.867187-1.777343-2.207031-4.414062-3.554688-7.246093-3.703125-26.300781-1.410156-46.898438-23.164063-46.898438-49.523438 0-13.164062 5.101563-25.566406 14.367188-34.925781 3.859375-3.898437 3.859375-10.175781 0-14.074219-9.265625-9.355468-14.367188-21.761718-14.367188-34.921875 0-1.066406.035157-2.128906.101563-3.160156.324218-4.847656-2.878906-9.226563-7.597656-10.382813-19.90625-4.878906-40.480469-7.351562-61.152344-7.351562-68.378906 0-132.667969 26.628906-181.015625 74.980469-48.351563 48.347656-74.980469 112.632812-74.980469 181.015625 0 68.378906 26.628906 132.667968 74.976562 181.019531 48.351563 48.355469 112.640626 74.984375 181.019532 74.984375 35.171875 0 69.269531-7.019531 101.351562-20.867188 5.070313-2.1875 7.40625-8.074218 5.214844-13.144531-2.1875-5.070312-8.074219-7.402343-13.140625-5.21875-29.5625 12.761719-60.996094 19.230469-93.425781 19.230469-63.035156 0-122.300782-24.550781-166.875-69.125-44.574219-44.574219-69.121094-103.84375-69.121094-166.878906 0-63.039063 24.546875-122.304688 69.121094-166.875 44.574218-44.574219 103.835937-69.121094 166.875-69.121094 16.441406 0 32.808594 1.695312 48.769531 5.042969.804687 13.8125 5.640625 26.871093 13.929687 37.8125-9.117187 12.027343-14.050781 26.625-14.050781 41.960937 0 33.503906 23.71875 61.707032 55.621094 68.191406 0 .25-.003906.5-.003906.746094 0 38.375 31.21875 69.59375 69.59375 69.59375 3.488281 0 6.953125-.257812 10.375-.769531 6.96875 23.355469 25.683593 41.332031 49.347656 47.347656-7.691406 53.34375-33.570313 102.578125-73.5 139.460938-4.054687 3.746093-4.308594 10.074219-.558594 14.132812 3.746094 4.054688 10.074219 4.308594 14.128907.558594 45.789062-42.296875 74.542968-99.570313 80.964843-161.277344.273438-2.640625-.511719-5.277343-2.183593-7.335937zm0 0"/><path d="m95.011719 294.292969c0 33.363281 27.144531 60.511719 60.507812 60.511719 33.367188 0 60.511719-27.148438 60.511719-60.511719 0-33.367188-27.144531-60.511719-60.511719-60.511719-33.363281 0-60.507812 27.144531-60.507812 60.511719zm60.507812-40.511719c22.339844 0 40.511719 18.171875 40.511719 40.511719 0 22.335937-18.171875 40.511719-40.511719 40.511719-22.335937 0-40.507812-18.175782-40.507812-40.511719 0-22.339844 18.171875-40.511719 40.507812-40.511719zm0 0"/><path d="m319.535156 401.605469c24.675782 0 44.75-20.074219 44.75-44.75 0-24.671875-20.074218-44.746094-44.75-44.746094-24.671875 0-44.746094 20.074219-44.746094 44.746094 0 24.675781 20.074219 44.75 44.746094 44.75zm0-69.496094c13.648438 0 24.75 11.101563 24.75 24.746094s-11.101562 24.746093-24.75 24.746093c-13.644531 0-24.746094-11.101562-24.746094-24.746093s11.101563-24.746094 24.746094-24.746094zm0 0"/><path d="m273.609375 198.039062c11.632813-11.632812 11.632813-30.5625 0-42.195312s-30.5625-11.632812-42.195313 0c-11.632812 11.632812-11.632812 30.5625 0 42.195312 5.816407 5.816407 13.457032 8.726563 21.097657 8.726563 7.636719 0 15.277343-2.910156 21.097656-8.726563zm-28.054687-28.054687c3.835937-3.832031 10.074218-3.835937 13.910156 0 3.835937 3.835937 3.835937 10.078125 0 13.914063-3.835938 3.832031-10.074219 3.835937-13.910156 0-3.835938-3.835938-3.835938-10.078126 0-13.914063zm0 0"/><path d="m138.375 145.605469c0-12.636719 10.28125-22.917969 22.917969-22.917969 5.523437 0 10-4.476562 10-10s-4.476563-10-10-10c-23.664063 0-42.917969 19.253906-42.917969 42.917969 0 5.523437 4.476562 10 10 10s10-4.476563 10-10zm0 0"/><path d="m422.074219 334.046875c6.53125-6.53125 10.128906-15.214844 10.128906-24.449219 0-9.238281-3.597656-17.921875-10.128906-24.453125-3.90625-3.902343-10.238281-3.902343-14.144531 0-3.902344 3.90625-3.902344 10.238281 0 14.144531 2.753906 2.753907 4.273437 6.414063 4.273437 10.308594 0 3.894532-1.519531 7.554688-4.269531 10.308594-3.90625 3.90625-3.90625 10.238281 0 14.144531 1.953125 1.949219 4.511718 2.925781 7.070312 2.925781s5.117188-.976562 7.070313-2.929687zm0 0"/><path d="m203.460938 431.273438c19.066406 0 34.578124-15.511719 34.578124-34.578126 0-5.523437-4.476562-10-10-10-5.523437 0-10 4.476563-10 10 0 8.035157-6.542968 14.578126-14.578124 14.578126-5.523438 0-10 4.476562-10 10 0 5.519531 4.476562 10 10 10zm0 0"/><path d="m400.214844 458.1875c-1.636719-3.917969-5.707032-6.453125-9.949219-6.144531-4.152344.300781-7.75 3.234375-8.898437 7.230469-1.148438 4 .382812 8.453124 3.785156 10.871093 3.371094 2.394531 7.921875 2.464844 11.371094.183594 3.945312-2.605469 5.472656-7.785156 3.691406-12.140625zm0 0"/></svg>') no-repeat 0 10px;
background-size: 35px; }
section.cookies-info .cookie-group .cookie .name {
margin-bottom: 10px; }
section.cookies-info .cookie-group .cookie .info {
color: #777;
margin-top: 10px;
font-size: 20px;
font-size: 1rem; }
@media (min-width: 1024px) {
section.cookies-info .cookie-group .cookie .info {
display: grid;
grid-template-columns: repeat(4, auto);
grid-column-gap: 50px; } }
@media (min-width: 1024px) {
section.product-details-new {
display: grid;
grid-template: "images text"auto / 1fr 1.5fr;
grid-column-gap: 100px; } }
@media (min-width: 1024px) {
section.product-details-new.reverse {
grid-template: "text images"auto / 1.5fr 1fr; } }
section.product-details-new .product-images {
grid-area: images;
text-align: center; }
section.product-details-new .gallery-container .product-image-gallery {
margin-bottom: 1rem; }
section.product-details-new .gallery-container .pdp-product-image {
margin-bottom: 20px; }
section.product-details-new .gallery-container .image-title {
font-weight: 400;
font-size: 1.3rem;
margin-bottom: 3rem; }
section.product-details-new .gallery-container .product-thumbs {
list-style: none;
display: flex;
justify-content: center;
flex-wrap: wrap;
flex-direction: row;
margin: 0;
padding: 0; }
section.product-details-new .gallery-container .product-thumbs a {
margin-left: 8px;
margin-right: 8px;
padding: 0 !important; }
section.product-details-new .gallery-container .product-thumbs a img {
display: inline-block;
max-width: 100%;
margin-bottom: 1rem;
box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2);
line-height: 0;
border-radius: 3px;
width: 80px;
height: 80px;
border: none; }
section.product-details-new .product-text {
grid-area: text; }
section.product-details-new .product-text ul {
margin-left: 16px;
padding: 0; }
section.product-details-new .product-text ul li {
font-size: 1.1rem; }
section.product-details-new .product-text .product-table td,
section.product-details-new .product-text .product-table th {
font-size: 0.9rem;
color: #666;
border-bottom: none;
font-weight: 300;
padding: 0 30px 6px 0; }
section.product-details-new .product-text .product-enquiry-btn > a {
background-color: #faaf43;
padding: 12px 30px 15px;
display: inline-block;
color: white;
text-decoration: none;
font-size: 25px;
font-size: 1.25rem;
line-height: 1em;
cursor: pointer; }
@media (min-width: 1024px) {
section.product-details-new .product-text .product-enquiry-btn > a {
padding: 12px 50px 15px; } }
section.product-details-new .product-text .product-enquiry-btn .cta-buy-now {
margin: 10px 0 0; }
@media (min-width: 768px) {
section.product-details-new .product-text .product-enquiry-btn .cta-buy-now {
margin: 0 0 0 10px; } }
section.product-details-new + section.product-details {
border-top: 1px solid #ccc;
padding-top: 75px; }
.product-enquiry-form {
display: none; }
.product-enquiry-form .wpforms-container {
margin-top: 25px; }
.product-tabs ul.horizontal {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap; }
.product-tabs ul.horizontal li {
padding: 1rem;
background-color: #2d2c59;
border: 1.5px solid #ccc; }
.product-tabs ul.horizontal li a {
color: #fff;
text-decoration: none;
font-weight: 400; }
.product-tabs ul.horizontal li.active {
background-color: #fff; }
.product-tabs ul.horizontal li.active a {
color: #333333; }
.product-tabs .tab-content {
padding: 3rem;
border: 1.5px solid #ccc; }
.product-tabs .tab-content .product-table td,
.product-tabs .tab-content .product-table th {
border-bottom: none;
font-weight: 300; }
.product-tabs .tab-content .product-table td {
padding: 0 30px 0 0; }
.product-tabs .tab-content .downloads {
display: flex;
flex-wrap: wrap; }
.product-tabs .tab-content .downloads .downloads-column {
width: 100%;
padding: 0 15px;
text-align: center;
margin-bottom: 30px; }
@media (min-width: 1024px) {
.product-tabs .tab-content .downloads .downloads-column {
width: 33.33%;
margin-bottom: 0; } }
.product-tabs .tab-content .downloads .downloads-column img {
max-width: 160px;
width: 100%;
margin-bottom: 15px; }
.product-tabs .tab-content .downloads .downloads-column p {
font-weight: 500; }
.product-cta {
background-color: #f1f1f1;
margin-bottom: 0; }
.product-cta .col-container {
display: flex;
flex-wrap: wrap;
width: 90%;
max-width: 1600px;
margin: 0 auto; }
.product-cta .col-container .image {
width: 100%;
text-align: center; }
@media (min-width: 1024px) {
.product-cta .col-container .image {
width: 50%;
align-self: flex-end;
display: flex; } }
.product-cta .col-container .image img {
max-width: 100%; }
@media (min-width: 480px) {
.product-cta .col-container .image img {
max-width: 400px; } }
@media (min-width: 1024px) {
.product-cta .col-container .image img {
max-width: 100%; } }
.product-cta .col-container .text {
width: 100%;
padding: 2rem 0; }
@media (min-width: 1024px) {
.product-cta .col-container .text {
width: 50%;
align-self: center;
padding: 1.5rem 2rem; } }
.product-cta .col-container .text .button {
padding: 12px 50px 15px;
display: inline-block;
color: white;
text-decoration: none;
font-size: 25px;
font-size: 1.25rem;
line-height: 1em;
cursor: pointer; }
.product-cta .col-container.reverse {
flex-direction: row-reverse; }
.bottom-bar {
background-color: #faaf43;
text-align: center;
padding: 1.5rem 1rem; }
.bottom-bar span {
color: #2d2c59;
font-size: 30px;
font-size: 1.5rem;
font-weight: 600; }
@media (min-width: 1024px) {
.bottom-bar span {
font-size: 50px;
font-size: 2.5rem; } }body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(//www.bannerbox.co.uk/wp-content/themes/bannerbox/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}.owl-theme .owl-nav {
margin-top: 10px;
text-align: center;
-webkit-tap-highlight-color: transparent; }
.owl-theme .owl-nav [class*='owl-'] {
color: #FFF;
font-size: 14px;
margin: 5px;
padding: 4px 7px;
background: #D6D6D6;
display: inline-block;
cursor: pointer;
border-radius: 3px; }
.owl-theme .owl-nav [class*='owl-']:hover {
background: #869791;
color: #FFF;
text-decoration: none; }
.owl-theme .owl-nav .disabled {
opacity: 0.5;
cursor: default; }
.owl-theme .owl-nav.disabled + .owl-dots {
margin-top: 10px; }
.owl-theme .owl-dots {
text-align: center;
-webkit-tap-highlight-color: transparent; }
.owl-theme .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
*display: inline; }
.owl-theme .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 5px 7px;
background: #D6D6D6;
display: block;
-webkit-backface-visibility: visible;
transition: opacity 200ms ease;
border-radius: 30px; }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
background: #869791; }