@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500&display=swap');

:root {
    --colour-primary-light: #094975;
    --colour-primary: #043A60;
    --colour-primary-dark: #022B4D;
    --colour-primary-darker: #001c33;
    --colour-primary-darkest: #001828;

    --colour-secondary: #F1712F;
    --colour-secondary-light: #f57f26;

    --colour-light: #dce0e6;
    --colour-lighter: #eff1f5;
    --colour-lightest: #fafafa;
    --colour-dark: #3D4255;
    --colour-darker: #21232d;
    --colour-text: #595c6c;
    --colour-text-light: #9497a4;

    --colour-blue: #6394cd;

    --font-body: 'montserrat', "proxima-nova", Open Sans, Arial, sans-serif;
    --font-heading: 'brandon-grotesque', sans-serif;
}

/*Elements*/
body {
    font-family: "montserrat", 'brandon-grotesque', sans-serif;
    font-weight: 400;
    font-size: 16px;
}
.h1, h1 {
    font-weight: 600;
    text-transform: uppercase;
    font-family: var(--font-heading);
    color: #023a5f;
}
.h3, h3 {
    color: var(--colour-text);
    font-weight: 600;
    font-size: 32px;
    font-family: rift-soft, sans-serif;
}
ol, p, ul {
    color: #002a4e;
}
a:not(.button) {
    color: #3352a3;
}

.responsive {
    width: 100%;
    vertical-align: top;
}
.orange {
    color: #f57f26;
}

input[type="text"],
input[type="number"],
input[type="password"],
input[type="email"],
input[type="tel"],
textarea, select {
    font-weight: 300;
}

/*Global Header*/
.global-header {
    background-color: #001c33;
    padding: 8px 0;
}
.global-header .frame {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.global-header .frame > .gh-dealer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.global-header .frame > .gh-dealer button,
.global-header .frame > .gh-info > p {
    padding: 0;
    font-size: 12px;
    font-weight: 500;
    color: #F1712F;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    background-color: transparent;
    font-family: var(--font-heading);
}
.global-header .frame > .gh-dealer button:hover {
    color: #fff;
}
.global-header .frame > .gh-dealer button:active {
    box-shadow: none;
    top: 0;
}
.global-header .frame > .gh-dealer button strong {
    font-weight: 500;
    color: #fff;
}
.global-header .frame > .gh-dealer button i {
    position: relative;
    top: -1px;
}

.global-header .frame > .gh-info {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.global-header .frame > .gh-info > p {
    margin-left: 20px;
    margin-bottom: 0px;
}
.global-header .frame > .gh-info > p a {
    color: #fff;
    opacity: 0.5;
    font-family: var(--font-heading);
}
.global-header .frame > .gh-info > p a:hover {
    opacity: 1;
}

/*Global header colour override*/
.global-header {
    /*background-color: #043A60;*/
}
/*.global-header {
    background-color: #F1712F;
}
.global-header .frame > .gh-info > p a {
    opacity: 1;
}
.global-header .frame > .gh-dealer button,
.global-header .frame > .gh-info > p {
    color: #001c33;
    font-weight: 600;
}*/

/*Header*/
.header {
    padding: 40px 0;
    position: relative;
    background-color: #043A60;
    background-image: url(images/backgrounds/bg-tile-alt.svg);
    background-repeat: repeat;
    background-size: 700px 700px;
    background-position: -20px -20px;
}

.header-column.coltable {
    display: flex;
    align-items: stretch;
    position: relative;
    z-index: 9999;
}
.header-column > .col {
    display: block;
}
.header-column > .col.head-logo {
    width: 260px;
}
.head-logo .logo.site-logo {
    background-image: url(/template/profile/lafusidlbfjkds/images/logo-alt.svg);
    background-position: center left;
    height: 100px;
    width: 205px;
}

.header-column > .col.head-nav {
    width: auto;
    flex: auto 1 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.head-nav .top-search {
    max-width: 360px;
    position: relative;
}
.head-nav .top-search > label {
    display: none;
}
.head-nav .top-search > input {
    color: #002a4e;
    font-weight: 500;
    border: none;
    padding: 15px;
    border-radius: 5px;
    background-color: #fffc;
    transition: all 0.15s ease;
}
.head-nav .top-search > input:hover {
    background-color: #fff;
}
.head-nav .top-search > input:active,
.head-nav .top-search > input:focus {
    background-color: #fff;
    box-shadow: 0 0 0 2px #F1712F;
    outline: none;
}
.head-nav .top-search > button {
    position: absolute;
    padding: 0 15px 2px;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    background: none;
    color: #043A60;
}
.head-nav .top-search > button:hover {
    color: #F1712F;
}

.header-column > .col.head-account {
    width: 280px;
    text-align: right;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.head-social {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.head-social > a {
    font-size: 20px;
    color: #fff;
    width: 46px;
    text-align: center;
    margin-left: 5px;
    padding: 9px 0 11px;
    border-radius: 50px;
    background-color: #001c33;
}
.head-social > a:hover {
    color: #fff;
    background-color: #094975;
}
.head-account p.account-buttons {
    margin: 0 0 -3px;
}
.head-account p.account-buttons a.button {
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    color: #F1712F;
    padding: 0;
    border: none;
    letter-spacing: 0.5px;
    padding-left: 25px;
    text-transform: uppercase;
    background-color: transparent;
    font-family: var(--font-heading);
}
.head-account p.account-buttons a.button i {
    font-size: 22px;
    line-height: 0px;
    position: relative;
    right: 2px;
    top: 2px;
}
.head-account p.account-buttons a.button:hover {
    box-shadow: none;
    color: #6394cd;
}

/***NAVIGATION***/
.head-nav .navigation.nav-menu {
    background: none;
}
.head-nav .navigation.nav-menu ul.menu {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
}
.head-nav .navigation.nav-menu ul.menu > li {
    width: auto;
    flex: auto 0 0;
    display: block;
    background-color: transparent;
}
.navigation.nav-menu ul.menu > li > a.menulink {
    font-size: 15px;
    line-height: 18px;
    font-weight: 500;
    color: #fff;
    padding: 0;
    padding-top: 8px;
    padding-right: 25px;
    letter-spacing: 1px;
    background-color: transparent;
    font-family: var(--font-heading);
}
.navigation.nav-menu ul.menu > li > a.menulink:hover {
    color: #F1712F;
}
.navigation.nav-menu ul.menu > li > a.menulink span.fa-chevron-down {
    position: relative;
    top: 1px;
    font-size: 20px;
    line-height: 0px;
}
.navigation.nav-menu ul.menu > li > a.menulink span.fa-chevron-down::before {
    content: "\f107";
}
.navigation.nav-menu ul.menu > li.open > a.menulink span.fa-chevron-down::before {
    content: "\f106";
}
.navigation.nav-menu ul.menu > li.open > a.menulink {
    color: #F1712F;
}

/*Nav alternate*/
.navigation.nv-sub {
    margin: 0;
    padding: 6px 0;
    background-color: #d65116;
    background-image: url(images/bg-tile-orange.svg);
    background-position: -20px -20px;
    background-repeat: repeat;
    background-size: 700px 700px;
}
.navigation.nv-sub .button {
    border: none;
    border-radius: 3px;
    font-size: 16px;
    padding: 5px 10px;
}
.navigation.plain {
    background-image: none;
    background-color: #f57f26;
    margin: 0;
    padding: 9px 0;
}
.payment-summary {
    background-color: #3352a3;
    border: none;
}

/*Banner*/
.banner {
    padding: 0;
}
.banner .slider-wrapper {
    box-shadow: none;
    border-bottom: 4px solid #c5e1ef;
}
.banner .slider-wrapper .button {
    font-size: 22px;
    border-radius: 150px;
    font-weight: 500;
    padding: 6px 30px 8px;
    border: none;
}
.banner .slide-cell .col img {
    max-height: 400px;
    border-radius: 10px;
    padding: 20px;
    box-sizing: border-box;
    background: #fff;
    border: 2px solid #6cbed6;
    max-width: 520px;
}
.banner .slide-image .slide a {
    width: 100%;
    display: block;
}
.banner .slide-image .slide a img {
    width: 100%;
}
.slide-cell .bro-img img {
    margin: 0 0 0 auto;
}
.banner .slide-cell .top-space {
    margin-top: 30px;
}
.banner .slide .slide-inner .h3,
.banner .slide .slide-inner h3 {
    font-size: 24px;
    line-height: 27px;
}

/*Button*/
.button-left {
    border-radius: 50px 0 0 50px;
    background-color: #fff;
    padding: 15px 30px 15px 35px;
    color: #f57f29 !important;
    display: inline-block;
}
.button-right {
    text-transform: uppercase;
    border-radius: 0 50px 50px 0;
    background-color: #f57f29;
    padding: 15px 35px 15px 30px;
    color: #fff !important;
    font-weight: 600;
    display: inline-block;
}
.button-left:hover {
    padding: 15px 35px 15px 40px;
    background-color: #eaeaea;
}
.button-right:hover {
    padding: 15px 40px 15px 35px;
    background-color: #dd6a16;
}
.button.b-right {
    border: 1px solid var(--colour-light);
    border-radius: 5px;
    text-transform: uppercase;
    font-family: var(--font-heading);
    background-color: #fff;
    padding: 8px 18px;
    color: var(--colour-primary);
    font-weight: 500;
    vertical-align: top;
    margin-left: 10px;
}
.button.b-right:hover {
    box-shadow: none;
    background-color: var(--colour-secondary-light);
    border-color: var(--colour-secondary-light);
    color: #fff;
}
.button.big.checkout {
    border: none;
    border-radius: 5px;
    font-size: 30px;
    margin-top: 35px;
}
.button.button-fb {
    background-color: #4267b2;
    border-color: #4267b2;
    border-radius: 5px;
    font-weight: 400;
    font-family: Helvetica, Arial, sans-serif;
    padding: 8px 12px;
}
/*Frame*/
.frame.frame-mini{
    width: 100%;
    max-width: 900px;
}
/*Footer*/
.copyright a {
    color: inherit;
}
.footer > .frame > .coltable > .col:last-child {
    padding-right: 0;
}
.footer > .frame > .coltable > .col:first-child {
    padding-left: 0;
}

.footwave {
    background-color: #f79241;
    z-index: 1;
}
.footwave-top {
    background-image: url(images/top-curve.svg);
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    width: 100%;
    height: 20px;
    margin-bottom: 38px;
    z-index: 999;
}
.footwave-bottom {
    margin-bottom: 60px;
    height: 45px;
    width: 100%;
    vertical-align: top;
    background-image: url(images/wave-alt.svg);
    background-size: contain;
    background-repeat: repeat-x;
}
.footwave .coltable .col.flogo {
    width: 15%;
    padding-right: 20px;
}
.footwave .coltable .col.textbox {
    width: 75%;
    padding: 0 80px 0 20px;
}
.footwave .coltable .col.boat {
    width: 10%;
    padding-left: 35px;
}
.footwave .coltable .col.boat img {
    transform: scale(2.5, 2.5);
    position: relative;
    top: -20px;
    right: 20px;
    z-index: 999;
    max-width: 400px;
}
.footwave .coltable .col.textbox p {
    color: #fff;
    font-size: 13px;
    line-height: 18px;
    text-align: justify;
    font-weight: 100;
    margin: 0;
}
.footer {
    position: relative;
    padding: 0 0 60px;
    color: #fff;
    background-color: #a9e5ff;
    background-image: url(images/bg-tile.svg);
    background-repeat: repeat;
    background-size: 700px 700px;
    background-position: -20px -20px;
}
.footer .footlinks {
    width: 20%;
}
.footer .footlinks.footbro {
    width: 25%;
}
.footer .foot-menu {
    padding: 0;
    border: none;
}
.footer .foot-menu a {
    color: #3352a3;
    border-bottom: none;
}
.footer .head {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 22px;
    color: #fff;
    border: none;
    margin-bottom: 5px;
    font-family: var(--font-heading);
}
.footer .foot-menu > li a {
    color: #fff;
    font-size: 14px;
    font-weight: 200;
    position: relative;
    padding: 5px 0;
    left: 0;
    transition: all 0.2s ease-out 0ms;
}
.footer .foot-menu > li a:hover {
    color: var(--colour-secondary-light);
    left: 5px;
}
.footer h2.callme {
    font-weight: 300;
}
.footer .footplace p:not(.head) {
    /*margin: 0;*/
    color: #FFF;
    font-size: 14px;
    font-weight: 200;
    font-family: var(--font-body);
}
.footer .footplace p img {
    height: 140px;
    margin-left: 20px;
    transition: all 0.3s ease-out 0ms;
}
.footer .footplace p img:hover {
    transform: rotate(-12deg) scale(1.1, 1.1);
}
.copyright * {
    color: rgba(255, 255, 255, 0.5);
    transition: all 0.1s ease-out 0ms;
}
.copyright {
    background-color: var(--colour-primary-darker);
    padding: 10px 0;
    border: none;
}
.copyright a:hover {
    color: #fff;
}
.copyright img {
    width: 35px;
    height: 35px;
    display: inline-block;
    vertical-align: top;
    opacity: 0.5;
}
.copyright img:hover {
    opacity: 1;
}
.copyright .payment-logos img {
    width: auto;
    height: 35px;
    opacity: 1;
    border-radius: 5px;
}

/*Elements*/
.box,
.form-block {
    border-width: 2px;
    padding: 10px;
}
.box-small .form-block {
    padding: 3px;
}
.categobox * {
    transition: all 0.2s ease-out 0ms;
}
.categobox .col {
    padding: 0 20px;
    text-align: center;
}
.categobox .col img {
    max-width: 140px;
    padding-bottom: 10px;
}
.categobox .col h4 {
    font-weight: 700;
    font-size: 14px;
    letter-spacing: -1px;
    text-transform: uppercase;
    font-family: var(--font-heading);
    color: #002a4e;
    margin: 0;
}
.categobox .col:hover img {
    transform: scale(1.15, 1.15) translateY(-10px);
}
.categobox .col:hover h4 {
    color: #f57f29;
}
.home-content-box {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    text-shadow: 0 2px 5px rgba(70, 85, 3, 0.6);
    transition: all 0.2s ease-in-out 0s;
    vertical-align: bottom;
    padding-bottom: 15px;
    border-radius: 2px;
    box-shadow: inset 0 -132px 0 rgba(193, 219, 83, 0.7), 0 0 40px rgba(255, 255, 255, 0.7);
}
.home-content-box:hover {
    box-shadow: inset 0 -320px 0 rgba(0, 0, 0, 0.5), 0 0 40px rgba(255, 255, 255, 0.7);
}
.home-content-box h2 {
    padding-top: 200px;
    color: #fff;
    margin: 0;
}
.home-content-box a,
.home-content-box a:hover {
    text-decoration: none;
}
.home-content-box p {
    color: #fff;
    font-size: 20px;
    margin: 0 auto;
    max-width: 350px;
    padding: 10px 20px;
}
.home-content-box .button {
    border: 1px solid #fff;
    background: 0 0;
}
.home-content-box-line {
    background-color: #fff;
    border-radius: 0;
    height: 3px;
    margin: 5px auto 10px;
    width: 70px;
}
.home-content-box.hcb-projects {
    background-image: url(images/hb-projects.jpg);
}
.home-content-box.hcb-about {
    background-image: url(images/hb-about.jpg);
}
.home-content-box.hcb-how {
    background-image: url(images/hb-how.jpg);
}
.home-feature-text h2,
.home-feature-text h3 {
    font-size: 42px;
}
.home-feature-text h2 {
    margin: 0;
}
.home-feature-text h3 {
    font-size: 34px;
    font-weight: 300;
}
.home-feature-text p.testim {
    font-family: capitolium-2, sans-serif;
    color: #999;
    line-height: 32px;
}
.home-feature-text p.testim span {
    font-weight: 800;
}
.section-home-box {
    background-image: url(images/head-bg.jpg);
    background-size: cover;
    padding: 0 0 22px;
}
.section-grey {
    background-image: url(images/bg-tile-grey.svg);
    background-repeat: repeat;
    background-size: 700px 700px;
    background-position: -20px -20px;
    padding: 90px 0;
}
.section-blue {
    background-image: url(images/bg-tile.svg);
    background-repeat: repeat;
    background-color: #023a5f;
}
.section-black {
    background-color: #040509;
}
.section-black-2{
    background-color: #130d0f;
}
.section-orange {
    background-color: #f57f26;
}
.section-transparent {
    background-image: url(images/backgrounds/bg-tile-transparent.svg);
    background-repeat: repeat;
    background-color: #fff;
}
.section-blue .button:hover {
    background-color: #fff;
    color: #023a5f;
    box-shadow: none;
}
.nl-signup.form-table {
    margin-top: 12px;
}
.nl-signup .form-block {
    border: none;
    /*border-bottom: 4px solid #f57f29;*/
    background-color: #fff;
    overflow: visible;
    border-radius: 5px;
    padding: 15px 12px;
}
.nl-signup label {
    font-size: 14px;
}
.nl-signup .field {
    padding: 0 5px 5px !important;
}
.nl-signup button {
    width: 100%;
    text-align: center;
    font-family: var(--font-body);
    background-color: #f57f29;
    font-size: 14px;
    padding: 10px 10px 12px;
}
.nl-signup button:hover {
    background-color: var(--colour-primary);
}
.nl-signup .col:first-child {
    width: 35%;
}
.nl-signup .col:last-child {
    width: 65%;
    padding-left: 10px;
}
.nl-signup .col:only-child {
    width: 100%;
    padding-left: 0px;
}
.nl-signup .responsive {
    transition: all 0.2s ease-in-out 0s;
}
.nl-signup:hover .responsive {
    transform: scale(1.2, 1.2) rotate(-3deg);
}
.page-name-your-boat .wrapper-content {
    padding-top: 0;
}

.contact-box {
    background-color: #023a5f;
    background-image: url(/template/profile/lafusidlbfjkds/images/bg-tile.svg);
    background-size: 600px 600px;
    border-radius: 5px;
    margin: 4px;
    padding: 18px 20px 24px;
    transition: all 0.3s ease-out 0s;
}
.contact-box h2 {
    color: #f79241;
    font-size: 2em;
    margin: 0;
}
.contact-box p {
    font-size: 1.5em;
    color: #fff;
    margin: 0;
}
.contact-box a {
    color: #fff;
}
.form-block.col2 .field {
    width: 50%;
}
#popup-box,
.popup {
    display: none;
    width: 600px;
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
    border: solid 5px #f57f26;
    box-sizing: border-box;
}
#popup-box h1 {
    color: #000;
}
#popup-box p.disclaimer {
    margin: 0;
}
#popup-box hr {
    margin: 15px 0;
}
.popup .popup-box-close {
    background: #ccc;
    border-radius: 100%;
    padding: 6px 12px;
    position: absolute;
    top: -10px;
    right: -10px;
}
.popup .popup-box-close:hover {
    background: #b81b1e;
}
.price-box .attribute-label .price-highlight,
.product-box .options-price .price-highlight {
    /*color: #e1594b;*/
    color: var(--colour-secondary);
}
.product-box .options-price span.enquiry-price {
    font-size: 14px;
    font-weight: 600;
    padding: 5px 10px 7px;
    border-radius: 4px;
    border: 1px solid var(--colour-primary);
}
.price-box .attribute-label .price-highlight s,
.product-box .options-price .price-highlight s {
    color: var(--colour-primary);
    font-weight: 300;
    font-size: 12px;
    opacity: 0.5;
    margin-left: 7px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -2px;
}
.section-grey .product-box > li {
    width: 16.66%;
}
/*.section-grey .product-box > li .box .price-highlight,
.section-grey .product-box > li .box .price-highlight b {
    letter-spacing: -1px;
}*/

.mobile-only {
    display: none;
}
.zulu-entry_form {
    background-image: url(images/bg-tile.svg);
    background-repeat: repeat;
    background-size: 700px 700px;
    background-position: -20px -20px;
}
.entry-form {
    background-image: url(images/bg-tile.svg);
    background-repeat: repeat;
    background-size: 700px 700px;
    background-position: -20px -20px;
}
.entry-form .frame {
    padding: 50px 10px;
}
.entry-form .frame .page-structure * {
    transition: all 0.1s ease-out 0s;
}
.entry-form .frame .page-structure {
    position: relative;
    box-shadow: 0 10px 20px rgba(5, 22, 58, 0.5);
    background-color: #fff;
    border-radius: 15px;
    padding: 0;
}
.entry-form .frame .page-structure ul li {
    list-style: none;
}
.entry-form .frame .page-structure ul li a {
    padding: 12px 15px 10px;
    border-radius: 5px;
    margin-bottom: 4px;
    background-color: #f3f3f3;
    font-weight: 600;
    font-size: 16px;
    border: 1px solid #eee;
    display: block;
    color: #023a5f;
}
.entry-form .frame .page-structure ul li a:hover {
    background-color: #f57f26;
    color: #fff;
}
.entry-form form {
    border: none;
    padding: 10px 5px;
    background-color: #f3f3f3;
    border-radius: 6px;
}
.entry-form .form-block {
    border: none;
    background-color: #f3f3f3;
    margin-bottom: 10px;
    border-radius: 6px;
}
.entry-form .form-block .field.w50 {
    width: 50%;
}
.entry-form .form-block .field.w50 label {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
    color: #aaa;
}
.entry-form .col.first {
    width: 40%;
}
.entry-form .col.first img {
    width: 100%;
    vertical-align: top;
}
.entry-form .botpad {
    padding: 40px;
}
.entry-form .no-margin {
    text-align: right;
}
.entry-form img.comp-banner {
    width: 100%;
    vertical-align: top;
}
.entry-form img.force-boat {
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 280px;
    vertical-align: top;
}

.alert-reverse {
    background-color: #000 !important;
    background: url(images/promo/hauraki.png) right center/auto 80%;
    transition: all 0.2s ease-out 0s;
    background-repeat: no-repeat;
    padding: 20px 30px 30px;
    border-radius: 10px;
}
.alert-reverse h3 {
    color: #fff;
    margin-bottom: 10px;
}
.alert-reverse p {
    margin-bottom: 0;
}
.alert-reverse p a {
    padding: 6px 15px;
    background-color: #ccc;
    color: #000;
    margin-bottom: 6px;
}
.alert-reverse p a:first-child {
    text-transform: uppercase;
    background-color: #fee134;
    font-weight: 600;
    color: #000;
}
.alert-reverse p a:hover {
    background-color: #fff !important;
    color: #000 !important;
}
#note_box.red {
    color: #c83127;
    border: 1px solid #c83127;
}
#note_box.green {
    color: #95a424;
    border: 1px solid #95a424;
}
ul.spec-list.comp-entries > li > p.label {
    width: 50%;
}
ul.spec-list.comp-entries > li > p.value {
    width: 50%;
}
ul.product-box > li {
    float: none;
    display: inline-block;
}
ul.product-box .title {
    font-weight: 400;
}
.product-box-loader {
    border: 13px solid #f3f3f3;
    border-top: 13px solid #3498db;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    animation: spin 0.8s linear infinite;
    display: none;
}


.installation-info-box > a {
    display: block;
    padding: 25px 15px 28px;
    margin-top: 30px;
    border-radius: 5px;
    text-align: center;
    transition: all 0.2s ease-out;
    background-color: #fdfdfb;
    border: 1px solid var(--colour-light);
    position: relative;
    overflow: hidden;
}
.installation-info-box > a:hover {
    background-color: var(--colour-lighter);
}
.installation-info-box p {
    margin: 0;
    font-size: 18px;
    font-weight: 300;
    font-family: var(--font-body);
    color: var(--colour-text-light);
}
.installation-info-box p.icon {
    font-size: 90px;
    position: absolute;
    color: var(--colour-primary);
    opacity: 0.1;
    bottom: -11px;
    left: -5px;
}
.installation-info-box a:hover p,
.installation-info-box a:hover p.icon {
    color: var(--colour-primary);
}

#popup_dealer_select {
    display: none;
    width: 600px;
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
    border: solid 5px #f57f26;
    box-sizing: border-box;
}
#popup_dealer_select h1 {
    color: #000;
}
#popup_dealer_select p.disclaimer {
    margin: 0;
}
#popup_dealer_select hr {
    margin: 15px 0;
}
.select2-dropdown {
    z-index: 9999999999 !important;
}
.select-dealer-container {
    margin-bottom: 20px;
}
.topbar {
    position: absolute;
    top: 0;
    right: 0;
    padding: 5px;
    z-index: 99;
}
ul.browse-category-breadcrumb {
    list-style: none;
    padding: 0;
    margin-bottom: 8px;
}
ul.browse-category-breadcrumb > li {
    padding-left: 1.3em;
    display: inline-block;
}
ul.browse-category-breadcrumb > li > a {
    color: #023a5f;
    font-weight: 600;
}
ul.browse-category-breadcrumb > li > a:hover {
    color: #f57f26;
}
ul.browse-category-breadcrumb > li:not(:first-child) {
    margin-left: 0.6em;
}
ul.browse-category-breadcrumb > li:not(:first-child):before {
    content: "\f054";
    font-family: FontAwesome;
    display: inline-block;
    margin-left: -1.3em;
    width: 1.3em;
    color: #f57f26;
}
ul.browse-category-breadcrumb > li:first-child {
    margin-left: -1.3em;
}
.module_select table td:first-of-type {
    padding-right: 10px;
}
.pro-desc img {
    max-width: 100%;
}
.guessbox {
    position: absolute;
    padding: 5px;
    background-color: #fff;
    font-size: 12px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    z-index: 9999;
    display: none;
    margin-top: 0px;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1), 0 8px 8px rgba(0, 0, 0, 0.1);
}
.guessbox ul,
.guessbox ul li {
    list-style: none;
    margin: 0;
    padding: 0;
}
.guessbox ul li {
    border-bottom: 1px solid #eee;
    padding: 5px 0;
    width: 300px;
}
.guessbox ul li:first-child {
    padding: 0 0 5px;
}
.guessbox ul li:last-child {
    border-bottom: 0 solid #eee;
    padding: 5px 0 0;
}
.guessbox ul li a {
    text-decoration: none;
}
.guessbox ul li .gb-product {
    overflow: hidden;
    display: block;
}
.guessbox ul li .gb-product > .title,
.guessbox ul li .gb-product > img {
    display: inline-block;
    vertical-align: middle;
}
.guessbox ul li .gb-product > .title {
    color: #3b4552;
    font-size: 12px;
    line-height: 14px;
    font-weight: 300;
}
.guessbox ul li .gb-product > .title > span {
    font-size: 12px;
}
.guessbox ul li .gb-product img {
    width: 25%;
    transform: scale(0.9);
    filter: brightness(0.9);
    border-radius: 5px;
    transition: all 0.15s;
}
.guessbox ul li .gb-product > .title {
    width: 75%;
    padding-left: 10px;
    transition: all 0.15s;
    font-family: montserrat,proxima-nova,'Open Sans',Arial,sans-serif;
}
.guessbox ul li .gb-product:hover img {
    transform: scale(1);
    filter: brightness(1);
}
.guessbox ul li .gb-product:hover > .title {
    color: #f57f26;
}
.guessbox ul li a.button {
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 500;
    border-radius: 3px;
}

.mobile-banner {
    max-width: 600px;
    margin: 0 auto;
    display: none;
}
.mobile-banner img {
    width: 100%;
    vertical-align: top;
}
.wishlist-list > .coltable {
    border-bottom: 1px solid #eee;
    padding: 5px 0;
}
.wishlist-list > .coltable > .col.image {
    width: 150px;
    padding-right: 5px;
}
.wishlist-list > .coltable > .col.image img {
    vertical-align: middle;
}
.coltable.wishlist > .col.price,
.wishlist-list > .coltable > .col.title {
    padding-left: 5px;
}
.wishlist-list > .coltable > .col.price .price-highlight {
    font-weight: 700;
    color: #c00;
}
.wishlist-list > .coltable > .col.remove {
    vertical-align: bottom;
}
.wishlist-on {
    color: #95a424;
}
.loader-container {
    text-align: center;
}
.loader-container .loader {
    display: block;
}
.loader-container .loader img {
    vertical-align: top;
    animation: rotating 1.3s linear infinite;
    transform-origin: center;
    opacity: 0.5;
    display: block;
    margin: 0 auto;
}
@keyframes spin {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}
.fiji-comp {
    margin: 10px 0;
    background-image: url(images/promo/fiji-comp/fiji-bg.jpg);
    background-position: center;
    background-size: cover !important;
}
.fiji-comp.alert-reverse p a {
    border-radius: 3px;
    background-color: rgba(255, 255, 255, 0.66);
}
.fiji-comp.alert-reverse p a:first-child {
    background-color: #23abe3;
    color: #fff;
}
.page-login .wrapper-content h1 {
    text-align: center;
}
.page-login .wrapper-content {
    background-image: url(images/bg-tile-grey.svg);
    background-size: 400px;
}
.page-login .form_table {
    padding: 25px;
    border-radius: 6px;
}
.page-login .form_table .field {
    margin-bottom: 5px;
}
.page-login .form_table input {
    border-radius: 3px;
    padding: 10px 12px 12px;
}
.page-login .form_table input[type="submit"] {
    border-radius: 3px;
    padding: 11px 18px 12px;
    line-height: 18px;
}
.text-dash {
    padding: 2px 15px;
    background-color: #fff;
    display: table;
    margin: 0 auto;
    position: relative;
    font-weight: 600;
    font-size: 26px !important;
    z-index: 2;
}
.line-dash {
    position: relative;
    content: "";
    z-index: 1;
    width: 60%;
    top: -20px;
    display: table;
    margin: 0 auto !important;
    border: none;
    height: 3px;
    border-radius: 5px;
    background-color: #002a4e;
}
.button.special-active {
    box-shadow: 0 0 0 0 rgba(2, 58, 95, 0.5);
    -webkit-animation: pulse 1.25s 3 cubic-bezier(0.66, 0, 0, 0.5);
    -moz-animation: pulse 1.25s 3 cubic-bezier(0.66, 0, 0, 0.5);
    -ms-animation: pulse 1.25s 3 cubic-bezier(0.66, 0, 0, 0.5);
    animation: pulse 1.25s 3 cubic-bezier(0.66, 0, 0, 0.5);
}
@-webkit-keyframes pulse {
    to {
        box-shadow: 0 0 0 30px rgba(2, 58, 95, 0);
    }
}
@-moz-keyframes pulse {
    to {
        box-shadow: 0 0 0 30px rgba(2, 58, 95, 0);
    }
}
@-ms-keyframes pulse {
    to {
        box-shadow: 0 0 0 30px rgba(2, 58, 95, 0);
    }
}
@keyframes pulse {
    to {
        box-shadow: 0 0 0 30px rgba(2, 58, 95, 0);
    }
}
.product-reviews .review-rows .review-row .review-stars .rating-star,
.product-reviews .review-summary .rating-stars .rating-star,
.review-write .review-stars .review-star {
    color: #fb0;
}
.product-reviews .review-summary .rating-rows .rating-row > .rating-bar-container > .rating-bar > .rating-bar-filled {
    background-color: #fb0;
}
.product-reviews .review-summary {
    color: #002a4e;
    margin-bottom: 20px;
}
.product-reviews .review-summary .rating-stars .rating-star {
    font-size: 26px;
    color: #f79241;
}
.product-reviews .review-summary > p {
    margin-bottom: 10px;
}
.product-reviews .review-summary .rating-rows .rating-row > * {
    display: inline-block;
    width: 50px;
}
.product-reviews .review-summary .rating-rows .rating-row > .rating-bar-container {
    width: 50%;
    padding: 0 8px;
    vertical-align: middle;
}
.product-reviews .review-summary .rating-rows .rating-row > .rating-bar-container > .rating-bar {
    height: 10px;
    width: auto;
    background-color: #ddd;
}
.product-reviews .review-summary .rating-rows .rating-row > .rating-bar-container > .rating-bar > .rating-bar-filled {
    height: 10px;
    background-color: #f79241;
}
.product-reviews .review-summary .rating-rows .rating-row > .rating-count {
    width: 40px;
    text-align: center;
}
.product-reviews .review-rows .review-row {
    border-bottom: 1px solid #eee;
    padding: 15px 5px;
}
.product-reviews .review-rows .review-row:first-of-type {
    padding-top: 0;
}
.product-reviews .review-rows .review-row:last-of-type {
    border-bottom: none;
}
.product-reviews .review-rows .review-row .review-title {
    color: #002a4e;
    margin-bottom: 5px;
}
.product-reviews .review-rows .review-row .review-stars {
    display: inline-block;
    margin-right: 15px;
}
.product-reviews .review-rows .review-row .review-stars .rating-star {
    color: #f79241;
}
.product-reviews .review-rows .review-row .review-byline {
    display: inline-block;
    margin-bottom: 0;
    color: #999;
    margin-right: 5px;
    font-size: 16px;
}
.product-reviews .review-rows .review-row .review-byline .review-verified {
    background-color: #f79241;
    color: #fff;
    padding: 2px 8px;
    font-size: 14px;
}
.review-write p {
    font-size: 22px;
}
.review-write .review-stars {
    height: 50px;
    margin-bottom: 20px;
}
.review-write .review-stars .review-star {
    cursor: pointer;
    color: #f79241;
    float: left;
    font-size: 50px;
    line-height: 50px;
    padding-right: 10px;
}
.review-write h3 {
    margin: 0;
}
.mobile-only-inline-block {
    display: none;
}
iframe {
    max-width: 100%;
}
.coltable > .col img {
    max-width: 100%;
}
.banner .slide-image.promo {
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
}
.banner .slide-image.promo .slide-inner,
.banner .slide-image.promo img {
    opacity: 0;
}
.banner .slide-image.promo a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
}
.covid-warning {
    text-align: center;
    padding: 10px;
    background: repeating-linear-gradient(45deg, #fc0 0, #fc0 10px, #fff 10px, #fff 20px);
    font-family: "proxima soft", sans-serif;
    font-weight: 600;
    color: #000;
    font-size: 16px;
}
.covid-warning span {
    background-color: #fff;
    padding: 10px;
    display: block;
    color: #000;
}
.covid-warning h2,
.covid-warning p {
    color: #000;
}
.covid-warning p {
    margin-bottom: 10px;
}
.post-wrap img {
    max-width: 100%;
}

.post-content a {
    text-decoration: underline;
}
.post-content a:hover {
    text-decoration: none;
}
.post-content a:visited {
    color: #551A8B !important;
}
.post-content img {
    max-width: 100%;
    height: auto;
}

.section-old4new {
    padding: 20px;
}
.section-red-old4new {
    background-color: #E33B34;
}
.section-red-old4new > * {
    color: #FFF;
}
.button.old4new {
    background-color: #E33B34;
    color: #FFF;
    border-color: #E33B34;
}
.button.old4new:hover {
    opacity: 0.8;
    box-shadow: none;
}

.coltable.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.coltable.flex .col {
    position: relative;
    width: 100%;
    display: block;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

#map_canvas.long {
    height: 100%;
}

/*Sidebox*/
.wrapper-product .page-structure.coltable > .col.col-sidebox.col-sidebox-left:empty {
    display: none;
}
.sidebox {
    overflow-x: auto;
    max-height: 500px;
    /*background: #fbfbfb;*/
    scrollbar-color: var(--colour-light) #fff;
    scrollbar-width: thin;
    transition: all 0.1s;
}
.sidebox:hover {
    scrollbar-color: var(--colour-text) #fff;
}
.sidebox .sidebox-top {
	background: none;
	font-weight: 600;
	color: #A7B4C6;
    padding: 0 0 0px;
	letter-spacing: 0px;
	text-align: left;
	font-size: 12px;
	position: relative;
    text-transform: uppercase;
    /*border-bottom: 2px solid #DDE3EC;*/
}
.sidebox .sidebox-top .js-toggle {
	right: 0;
	top: 2px;
}

.sidebox h4 {
	padding: 8px 0px 0;
	font-size: 18px;
	text-align: left;
	font-weight: 700;
	color: #71BDE4;
	margin-bottom: 10px;
}
.sidebox .links li > a {
    margin: -4px 0;
	padding: 5px 0px 6px;
    padding-right: 16px;
    /*font-weight: 300;*/
	font-size: 12px;
	color: #6A809D;
	text-align: left;
    border-radius: 3px;
    transition: all 0s;
    font-family: var(--font-body);
    background:  linear-gradient(to right, var(--colour-lighter) 50%, transparent 50%);
    background-size: 200% 100%;
    background-position: right center;
    border: none;
}
.sidebox .links li > a:hover {
	padding-left: 8px;
    padding-right: 8px;
	color: var(--colour-secondary);
    position: relative;
    background-position: left center;
    z-index: 2;
}
.sidebox .links li > a small {
    color: #A7B4C6;
}
.sidebox.default-filters .links li > a {
	color: #3D4255;
}
.sidebox .links li:not(.selected) > a:hover small {}

.sidebox ul.links li.selected a {
    color: var(--colour-secondary);
    font-weight: 600;
    z-index: 1;
}
.sidebox ul.links li.selected a:hover {
    background:#e3e3e3;
}

.sidebox ul.links li.up-level a {
    color: #3D4255;
}
.sidebox ul.links li.up-level a:hover {
	color: var(--colour-secondary);
}
/* JS Sidebox Controls */
.js-sidebox-toggle .js-toggle {
	position: absolute;
	color: #999;
    display: none;
}
.js-sidebox-toggle .js-toggle.toggled i,
.js-sidebox-toggle.toggled .js-toggle i {
    transition: all 0.2s ease;
}
.js-sidebox-toggle .js-toggle.toggled i,
.js-sidebox-toggle.toggled .js-toggle i {
	transform: rotate(-180deg);
}
.js-sidebox-toggle .js-toggle:hover {
	color: #068ED0;
}
.sidebox.js-sidebox-toggle .sidebox-top .js-toggle {
    right: 10px;
    top: 5px;
}
.sidebox.loading {
    opacity: 0.5;
}
.sidebox.loading .sidebox-top {
    display: none;
}

/* Navigation */
.navigation.nav-menu {
    padding: 0;
    z-index: 10;
}
.navigation.nav-menu ul.menu {
    width: 100%;
    list-style: none;
}
.navigation.nav-menu ul.menu * {
    margin: 0;
    padding: 0;
}
.navigation.nav-menu ul.menu a {
    display: block;
    color: #3a3a3a;
    text-decoration: none;
}
.navigation.nav-menu ul.menu li a {
    font-weight: normal;
    transition: all 0.2s ease-in-out 0s;
    color: #FFF;
    padding: 13px 25px;
    font-size: 14px;
    text-transform: uppercase;
}
.navigation.nav-menu ul.menu li ul.menu-dropdown {
    display: none;
    list-style: none;
}
.navigation.nav-menu ul.menu li ul.menu-dropdown li {
    font-size: 14px;
    font-weight: normal;
    background-color: #666;
}
.navigation.nav-menu ul.menu li ul.menu-dropdown li a {
    padding: 10px 15px;
}
.navigation.nav-menu ul.menu li.has-children:not(.open) ul.menu-dropdown {
    display: none;
}

/*** MEGA MENU ***/
.navigation.nav-menu .menu li.has-mega-menu {
    position: unset;
}
.navigation.nav-menu .menu li.has-mega-menu a.menulink {
    position: relative;
}
.navigation.nav-menu .menu li.has-mega-menu a.menulink::after {
    content: "";
    position: absolute;
    left: calc(50% - 10px - 25px);
    bottom: -45px;
    transition: all 0s;
    border: 20px solid transparent;
    border-bottom-color: #dce0e6;
    pointer-events: none;
    opacity: 0;
}
.navigation.nav-menu .menu li.has-mega-menu.open a.menulink::after {
    opacity: 1;
    bottom: -41px;
    transition: all 0.4s cubic-bezier(0,0,0.1,0.9) 0.4s;
}

.navigation.nav-menu .menu .mega-menu {
    width: 100%;
    position: absolute;
    left: 0;
    top: 130px;
    display: flex;
    justify-content: left;
    padding: 0;
    -webkit-transition: all 0.4s cubic-bezier(0,0,0.1,0.9) 0s;
    -moz-transition: all 0.4s cubic-bezier(0,0,0.1,0.9) 0s;
    transition: all 0.4s cubic-bezier(0,0,0.1,0.9) 0s;
    background-color: #dce0e6;
    pointer-events: none;
    opacity: 0;
    z-index: 99999;
}
.navigation.nav-menu .menu li.open .mega-menu {
    opacity: 1;
    top: 140px;
    pointer-events: all;
    -webkit-transition: all 0.2s cubic-bezier(0,0,0.1,0.9) 0s;
    -moz-transition: all 0.2s cubic-bezier(0,0,0.1,0.9) 0s;
    transition: all 0.2s cubic-bezier(0,0,0.1,0.9) 0s;
}
.navigation.nav-menu .menu li.has-mega-menu:not(.open) .mega-menu {
    display: none;
}

.navigation.nav-menu .menu .mega-menu li a {
    text-transform: none;
    background-color: unset;
}
.navigation.nav-menu .menu .mega-menu .mm-list {
    width: 220px;
    padding: 10px 0;
    list-style: none;
    background-color: #02233d;
    min-height: calc(100vh - 250px);
}
.navigation.nav-menu .menu .mega-menu .mm-list .mm-list-item {
    position: unset;
    background-color: #02233d;
    width: 100%;
}
.navigation.nav-menu .menu .mega-menu .mm-list .mm-list-item.open,
.navigation.nav-menu .menu .mega-menu .mm-list .mm-list-item:hover {
    background-color: #001828;
}
.navigation.nav-menu .menu .mega-menu .mm-list .mm-list-item > a {
    color: #fff;
    display: flex;
    font-weight: 500;
    letter-spacing: 1px;
    justify-content: flex-start;
    align-items: center;
    text-transform: uppercase;
    text-align: left;
    padding: 18px 22px;
    font-family: var(--font-heading);
    transition: all 0.3s cubic-bezier(0,0,0.1,0.9);
}
.navigation.nav-menu .menu .mega-menu .mm-list .mm-list-item > a:hover,
.navigation.nav-menu .menu .mega-menu .mm-list .mm-list-item.open > a {
    color: #F1712F;
    text-indent: 3px;
}

.navigation.nav-menu .menu .mega-menu .mm-menu {
    display: flex;
    pointer-events: none;
    flex-direction: column;
    position: absolute;
    opacity: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 220px;
    padding: 35px;
    text-align: center;
    transition: all 0.2s cubic-bezier(0,0,0.1,0.9);
}
.navigation.nav-menu .menu .mega-menu .mm-list .mm-list-item.open .mm-menu {
    transition: all 0.2s cubic-bezier(0,0,0.1,0.9) 0s;
    display: flex !important;
    pointer-events: all;
    left: 220px;
    opacity: 1;
}

.navigation.nav-menu .menu .mega-menu .mm-featuremenu {
    display: flex;
    padding: 0 0 25px;
    column-gap: 2px;
}
.navigation.nav-menu .menu .mega-menu .mm-featuremenu .mm-feature {
    flex: 23% 1 1;
    max-width: 25%;
}
.navigation.nav-menu .menu .mega-menu .mm-featuremenu .mm-feature > a {
    opacity: 0.9;
    padding: 5px;
    border-radius: 0px;
    text-transform: uppercase;
    background-color: #fff;
    transition: all 0.15s cubic-bezier(0,0,0.1,0.9);
    position: relative;
    height: 100%;
    top: 0;
}
.navigation.nav-menu .menu .mega-menu .mm-featuremenu .mm-feature:first-child > a {
    border-radius: 5px 0 0 5px;
}
.navigation.nav-menu .menu .mega-menu .mm-featuremenu .mm-feature:last-child > a {
    border-radius: 0 5px 5px 0;
}
/*.navigation.nav-menu .menu .mega-menu .mm-featuremenu .mm-feature > a::after {
    content: "";
    position: absolute;
    transform: translateX(-50%);
    transition: all 0.6s cubic-bezier(0,0,0.1,0.9);
    left: 50%;
    width: 0px;
    bottom: 0px;
    height: 4px;
    border-radius: 5px;
    background-color: #F1712F;
}
.navigation.nav-menu .menu .mega-menu .mm-featuremenu .mm-feature > a:hover::after {
    transition: all 0.3s cubic-bezier(0,0,0.1,0.9);
    width: 100%;
}*/
.navigation.nav-menu .menu .mega-menu .mm-featuremenu .mm-feature > a:hover {
    top: -3px;
    opacity: 1;
    box-shadow: 0 3px 0 #F1712F;
}
.navigation.nav-menu .menu .mega-menu .mm-featuremenu .mm-feature > a:hover .mm-feature-heading {
    color: #F1712F;
}

.navigation.nav-menu .menu .mega-menu .mm-featuremenu .mm-feature .mm-feature-heading {
    font-size: 13px;
    line-height: 16px;
    color: #043A60;
    padding: 10px 0 15px;
    font-weight: 500;
    letter-spacing: 0px;
    text-transform: uppercase;
    font-family: var(--font-heading);
    transition: all 0.2s cubic-bezier(0,0,0.1,0.9);
}
.navigation.nav-menu .menu .mega-menu .mm-featuremenu .mm-feature img {
    width: 85%;
    max-width: 140px;
    margin-top: 10px;
    aspect-ratio: 1/0.8;
    object-fit: contain;
}


.navigation.nav-menu .menu .mega-menu .mm-submenu {
    padding: 0 5px 0;
    text-align: left;
    column-count: 4;
}
.navigation.nav-menu .menu .mega-menu .mm-section {
    display: inline-block;
    vertical-align: top;
    transition: all 0.2s ease-in-out 0s;
    padding-right: 15px;
    width: 100%;
}
.navigation.nav-menu .menu .mega-menu .mm-section .mm-section-heading {
    font-weight: bold;
    margin-bottom: 0px;
    color: #F1712F;
}
.navigation.nav-menu .menu .mega-menu .mm-section .mm-section-heading:hover {
    color: #fff;
}
.navigation.nav-menu .menu .mega-menu .mm-section .mm-section-heading a {
    font-family: montserrat, proxima-nova, 'Open Sans', Arial, sans-serif;
    transition: all 0.1s ease;
    position: relative;
    left: 0;
    color: #55688c;
    font-weight: 300;
    font-size: 14px;
    line-height: 16px;
    text-align: left;
    margin-bottom: 0px;
    padding: 5px 0;
    margin: 2px 0;
    opacity: 1;
}
.navigation.nav-menu .menu .mega-menu .mm-section .mm-section-heading a:hover {
    color: #011C32;
    left: 2px;
}
.navigation.nav-menu .menu .mega-menu .mm-section .mm-section-list {
  list-style: none;
}
.navigation.nav-menu .menu .mega-menu .mm-section .mm-section-list .mm-section-list-item {
  background-color: unset;
}
.navigation.nav-menu .menu .mega-menu .mm-section .mm-section-list .mm-section-list-item a {
  color: #444;
  background-color: unset;
  font-size: 14px;
  font-weight: 400;
  padding: 4px;
}
.navigation.nav-menu .menu .mega-menu .mm-section .mm-section-list .mm-section-list-item a:hover {
  color: #FE0003;
}


/*breadcrumbs*/
.breadcrumbs .breadcrumb,
.breadcrumbs .breadcrumb-divider {
    display: inline-block;
}
.breadcrumbs {
    font-size: 12px;
    line-height: 16px;
}
.breadcrumbs .breadcrumb {
    color: var(--colour-text);
    white-space: nowrap;
    font-size: 12px;
    letter-spacing: 0.2px;
    font-family: var(--font-body);
}
.breadcrumbs .breadcrumb:first-child {
    font-weight: bold;
}
.breadcrumbs .breadcrumb a {
    color: var(--colour-text);
}
.breadcrumbs .breadcrumb a:hover {
    color: var(--colour-secondary);
}
.breadcrumbs .breadcrumb-divider {
    font-size: 12px;
    margin: 0 8px;
    opacity: 0.6;
    color: var(--colour-text);
}
.breadcrumbs .breadcrumb-divider .fa-chevron-right::before {
    content: "/";
    font-family: var(--font-body);
}

/** Product Index Header **/
body.zulu-search .body > .wrapper-content {
    padding: 0;
}

.product-browse-header {
    padding: 25px 0;
    background-color: var(--colour-lighter);
    background-image: url(images/backgrounds/bg-tile-dark.svg);
    box-shadow: inset -9999px 0 0 #eff1f5f6;
    background-repeat: repeat;
    background-size: 700px 700px;
    background-position: -20px -20px;
}

.pbh-coltable {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.pbh-coltable > .col {
    display: block;
}
.pbh-coltable > .col .pbh-results p {
    text-align: right;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.2px;
    font-family: var(--font-body);
    color: var(--colour-text);
    margin: 0 0 5px;
    opacity: 0.6;
}
.pbh-coltable > .col .pbh-results p b,
.pbh-coltable > .col .pbh-results p strong {
    font-weight: 500;
}
.pbh-coltable > .col .pbh-sort form .form-block {
    display: table;
    margin: 0 0 0 auto;
    padding: 6px 0 0;
    border: none;
}
.pbh-coltable > .col .pbh-sort form .form-block .field {
    padding: 0;
    display: flex;
    align-items: center;
}
.pbh-coltable > .col .pbh-sort form .form-block .field label,
.pbh-coltable > .col .pbh-sort form .form-block .field select {
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 0.2px;
    text-transform: uppercase;
    font-family: var(--font-heading);
    color: var(--colour-text);
}
.pbh-coltable > .col .pbh-sort form .form-block .field select {
    border: 2px solid #fff;
    background-color: #fff;
    padding: 5px;
    margin-left: 10px;
}
.pbh-coltable > .col .pbh-sort form .form-block .field select:hover,
.pbh-coltable > .col .pbh-sort form .form-block .field select:focus {
    border-color: var(--colour-blue);
}

.product-browse-header .breadcrumbs:not(:only-child) {
    margin-bottom: 10px;
}
.product-browse-header h1 {
    color: #3D4255;
    margin-bottom: 0px;
    font-size: 30px;
    line-height: 32px;
}
.product-browse-header .product-search-filters {
    margin-top: 10px;
}

.product-browse-header .pbh-subtext {
    display: none;
}
.product-browse-header .pbh-subtext p:not([class]) {
    font-size: 12px;
    font-weight: 300;
    line-height: 20px;
    letter-spacing: 0px;
    font-family: var(--font-body);
    color: var(--colour-text);
}
.product-browse-header .pbh-subtext p:not([class]) br,
.product-browse-header .pbh-subtext p:not([class]):empty {
    display: none;
}

.product-browse-header .product-search-remove {
    font-size: 14px;
}
.product-browse-header .product-search-filters .product-search-filter {
    list-style: none;
    background-color: transparent;
    padding: 6px 10px 5px;
    display: inline-block;
    border: 2px solid #A7B4C6;
    border-radius: 15px;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 13px;
    font-weight: 600;
    color: #A7B4C6;
}
.product-browse-header .product-search-filters .product-search-filter:hover {
    border: 2px solid #8892A0;
    color: #8892A0;
}
.product-browse-header .product-search-filters .product-search-filter a {
    margin-left: 5px;
    color: #DA7676;
    position: relative;
    top: -1px;
}
.product-browse-header .product-search-filters .product-search-filter a:hover {
    color: #C00;
}

/*** PRODUCT PAGE ***/
body.zulu-product .body > .wrapper-content {
    padding-top: 0;
}
body.zulu-product .product-browse-header {
    padding: 15px 0;
}

.padcol.pro-con {
    display: flex;
    width: auto;
    min-width: 100%;
    margin-left: -30px;
    margin-right: -30px;
    padding: 30px 0;
}
.padcol.pro-con > .col {
    padding: 30px;
    float: none;
}

/*Product Image Slider*/
.pro-con .product-image-container {
    box-shadow: none;
    padding: 0;
}
.pro-con .product-image-container .lSSlideWrapper {
    position: relative;
    border-radius: 10px;
    border: 1px solid var(--colour-light);
}
.pro-con .product-image-container .slide img {
    vertical-align: top;
}

.pro-con .product-image-container .lSAction,
.shop-testimonials .lSSlideOuter .lSAction {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    top: 0;
    left: -50px;
    right: -50px;
    bottom: 0;
    pointer-events: none;
    transition: all 0.25s cubic-bezier(0,0,0.1,0.9);
}
.pro-con .product-image-container:hover .lSAction,
.shop-testimonials:hover .lSSlideOuter .lSAction {
    left: 0px;
    right: 0px;
}
.pro-con .product-image-container .lSAction > a.lSPrev,
.pro-con .product-image-container .lSAction > a.lSNext,
.shop-testimonials .lSSlideOuter .lSAction > a.lSPrev,
.shop-testimonials .lSSlideOuter .lSAction > a.lSNext {
    transition: all 0.25s cubic-bezier(0,0,0.1,0.9);
    color: var(--colour-text);
    font-size: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: none;
    background-color: #fbfbfd99;
    position: static;
    height: 150px;
    width: 50px;
    opacity: 1;
    margin-top: 0;
    pointer-events: all;
    border: 1px solid var(--colour-light);
}
.pro-con .product-image-container .lSAction > a.lSPrev:hover,
.pro-con .product-image-container .lSAction > a.lSNext:hover,
.shop-testimonials .lSSlideOuter .lSAction > a.lSPrev:hover,
.shop-testimonials .lSSlideOuter .lSAction > a.lSNext:hover {
    background-color: #fbfbfd;
}
.pro-con .product-image-container .lSAction > a.lSPrev,
.shop-testimonials .lSSlideOuter .lSAction > a.lSPrev {
    border-left: 0;
    border-radius: 0 5px 5px 0;
}
.pro-con .product-image-container .lSAction > a.lSNext,
.shop-testimonials .lSSlideOuter .lSAction > a.lSNext {
    border-right: 0;
    border-radius: 5px 0 0 5px;
}
.pro-con .product-image-container .lSAction > a.lSPrev::before,
.shop-testimonials .lSSlideOuter .lSAction > a.lSPrev::before {
    content: '\f104';
    font-family: "FontAwesome";
}
.pro-con .product-image-container .lSAction > a.lSNext::before,
.shop-testimonials .lSSlideOuter .lSAction > a.lSNext::before {
    content: '\f105';
    font-family: "FontAwesome";
}

.pro-con .product-image-container .lSSlideOuter .lSPager.lSpg > li {
    padding: 0 4px;
}
.pro-con .product-image-container .lSSlideOuter .lSPager.lSpg > li a {
    height: 6px;
    width: 30px;
    transition: all 0.1s ease;
    border: 2px solid var(--colour-light);
    background-color: var(--colour-light);
}
.pro-con .product-image-container .lSSlideOuter .lSPager.lSpg > li:hover a {
    background-color: #fff;
    border-color: var(--colour-blue);
}
.pro-con .product-image-container .lSSlideOuter .lSPager.lSpg > li.active a {
    background-color: var(--colour-blue);
    border-color: var(--colour-blue);
}


/*Product Title*/
.pro-con > .col.pc-content h1 {
    font-family: var(--font-body);
    font-size: 32px;
    font-weight: 600;
    line-height: 1.1;
    text-transform: none;
    margin-bottom: 4px;
}
.pro-con > .col.pc-content p.pc-sku {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
    text-transform: uppercase;
    color: var(--colour-text-light);
}

.pro-con > .col.pc-content .price-box {
    margin: 28px 0 32px;
}
.pro-con > .col.pc-content .price-box p.attribute-label {
    color: var(--colour-primary);
    margin-bottom: 10px;
    font-family: var(--font-body);
    font-size: 30px;
    font-weight: 600;
    line-height: 1.1;
    text-transform: none;
    margin-bottom: 10px;
}
.pro-con > .col.pc-content .price-box p.attribute-label span.enquiry-price {
    text-transform: uppercase;
    font-size: 20px;
    color: var(--colour-text-light);
    /*padding: 14px 22px;
    border-radius: 5px;
    background-color: var(--colour-lighter);
    border: 1px solid var(--colour-light);*/
    display: block;
    margin-bottom: -20px;
}
.pro-con > .col.pc-content .price-box p.attribute-label .price-extra {
    margin-top: 10px;
}

.dealer-box {
    padding: 30px;
    border-radius: 8px;
    background-color: var(--colour-primary-dark);
}
.dealer-box h3,
.dealer-box p {
    color: #fff;
    font-size: 14px;
    font-family: var(--font-body);
    margin: 0 0 10px !important;
}
.dealer-box h3 {
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
}
.dealer-box p:last-child {
    margin-bottom: 0 !important;
}
.dealer-box .button-wrapper {
    margin-top: 25px !important;
}
.dealer-box .button-wrapper .button {
    display: block;
    text-align: center;
    margin-bottom: 2px;
    padding: 16px 16px 18px;
    transition: 0.1s ease;
    border: none;
    width: 100%;
}
.dealer-box .button-wrapper .button:first-child:not(:only-child) {
    background-color: var(--colour-primary);
}
.dealer-box .button-wrapper .button:hover,
.dealer-box .button-wrapper .button:hover:first-child {
    background-color: var(--colour-primary-dark);
    box-shadow: inset 0 0 0 2px var(--colour-secondary-light);
}

p.single-enquire-button .button {
    display: block;
    text-align: center;
    margin-bottom: 2px;
    padding: 20px 20px 23px;
    transition: 0.1s ease;
    font-weight: 500;
    border: none;
    width: 100%;
    font-size: 20px;
}

/*Pricing / Attributes*/
.pro-con > .col.pc-content .attribute-select,
.pro-con > .col.pc-content .attribute-select .field {
    padding: 0;
    border: none;
}
.pro-con > .col.pc-content .attribute-select .field {
    margin-bottom: 15px;
}
.pro-con > .col.pc-content .attribute-select .field:last-child {
    margin-bottom: 0px;
}
.pro-con > .col.pc-content .attribute-select .field label {
    font-size: 12px;
    font-weight: 300;
    margin-bottom: 4px;
    font-family: var(--font-body);
    color: var(--colour-text-light);
}
.pro-con > .col.pc-content .attribute-select .field label b {
    font-weight: 500;
    color: var(--colour-text);
}
.pro-con > .col.pc-content .attribute-select .field select {
    border: none;
    border-radius: 5px;
    border: 2px solid var(--colour-primary);
    background-color: var(--colour-lighter);
    padding: 17px 12px 20px !important;
    color: var(--colour-primary);
    font-size: 16px;
    line-height: 1.1;
}
.pro-con > .col.pc-content .attribute-select .field select:hover {
    border-color: var(--colour-secondary);
    background-color: #fff;
    color: var(--colour-dark);
}
.pro-con > .col.pc-content .attribute-select .field button {
    width: 100%;
    padding: 18px;
    border-radius: 5px;
    background-color: var(--colour-secondary);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 500;
    font-size: 16px;
}
.pro-con > .col.pc-content .attribute-select .field button:hover {
    /*box-shadow: inset 0 0 0 3px var(--colour-secondary);
    color: var(--colour-secondary);
    background-color: #fff;*/
    background-color: var(--colour-secondary-light);
}

/* Product price extra */
.price-extra .price-extra-row {
    margin-bottom: 5px;
    border-radius: 5px;
	border: 1px solid var(--colour-light);
}
.price-extra .price-extra-row:last-of-type {
    margin-bottom: 0px;
}
.price-extra .price-extra-row > div,
.price-extra .price-extra-row > div.laybuy-price,
.price-extra .price-extra-row > div.afterpay-price {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
    position: relative;
    padding: 12px 12px 13px;
    padding-right: 100px;
}
.price-extra > .price-extra-row > div > img {
    float: none;
    object-fit: contain;
    object-position: center right;
    height: 30px;
    width: 100px;
    padding: 5px !important;
    margin-left: 15px;
}
.price-extra .price-extra-row p {
	font-size: 13px;
    font-family: var(--font-body);
    color: var(--colour-text);
	margin: 0;
}
.price-extra .price-extra-row p b {
	font-weight: 600;
}
.price-extra .price-extra-row br {
	display: none;
}
.price-extra .price-extra-row a {
    color: var(--colour-text);
    text-decoration: underline;
    position: absolute;
    right: 15px;
    top: calc(50% - 2px);
    transform: translateY(-50%);
}
.price-extra .price-extra-row a:hover {
    color: var(--colour-secondary);
    text-decoration: none;
}

/* PartPay Price Box Widget Override */
.price-extra .price-extra-row #partpay-widget-container #partPayCalculatorWidget {
    width: 100% !important;
	background-color: #EEE !important;
	border: 1px solid #EEE !important;
}

/* Laybuy */
/*.price-extra > .price-extra-row .laybuy-price {
    text-align: left;
    padding: 10px;
}
.price-extra > .price-extra-row .laybuy-price img {
	padding:4px;
	max-width: 130px;
    float: right;
}
.laybuy-popup-box .laybuy-popup-content {
	text-align: center;
}
.laybuy-popup-box .laybuy-popup-content > img.laybuy-logo {
	max-width: 50%;
}
.laybuy-popup-box .laybuy-popup-content .coltable > .col img {
	max-width: 50px;
	margin-bottom: 15px;
}
.laybuy-popup-box .laybuy-popup-content p.laybuy-special {
	color: #23ABCF;
	font-size: 20px;
	padding: 10px 40px;
}*/
.price-extra > .price-extra-row .laybuy-price {
    text-align: left;
}
.price-extra > .price-extra-row .laybuy-price img {
	padding:4px;
	max-width: 130px;
    float: right;
}
.popup-overlay.laybuy-popup {
    width: 615px;
    padding: 0;
}
.popup-overlay.laybuy-popup iframe {
    width: 100%;
    height: 530px;
}

@media screen and (max-width: 615px) {
    .popup-overlay.laybuy-popup {
        width: inherit;
    }
}

/* Afterpay */
.price-extra > .price-extra-row .afterpay-price {
    padding: 10px;
}

.product-image-container .image-slider .slide {
    text-align: center;
}
.product-image-container .image-slider .slide img {
    max-width: 100%;
}


/*Product Content*/
.product-print-label {
    position: fixed;
    left: 0;
    bottom: 15px;
    z-index: 101;
    margin: 0;
}
.product-print-label a.button {
    font-weight: 500;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 0.2px;
    border-radius: 0 5px 5px 0;
    padding: 10px 20px;
}
.product-print-label a.button i {
    margin-right: 3px;
}


.frame-product .pro-desc {
    padding-top: 30px;
    margin-top: 0px;
    border-top: 2px solid var(--colour-light);
}
.frame-product .pro-desc > p:empty {
    display: none;
}
.frame-product .pro-desc p {
    font-family: var(--font-body);
    color: var(--colour-text);
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
}

.pro-desc ul {
    margin: 15px 0;
    list-style: none;
}
.pro-desc ul li {
    list-style: none;
    position: relative;
    font-family: var(--font-body);
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
    margin-left: 18px;
    margin-bottom: 8px;
    color: var(--colour-text);
}
.pro-desc ul li:before {
    font-family: 'FontAwesome';
    content: "\f105";
    color: var(--colour-blue);
    padding-right: 10px;
    position: absolute;
    left: -17px;
    top: 0px;
}
.pro-desc img:not([class]) {
    max-width: 600px;
}
.pro-desc h3,
.pro-desc iframe {
    margin: 20px 0;
}

/*Product Testimonial Slider*/
.shop-testimonials {
    margin: 80px 0;
    padding: 60px;
    border-radius: 10px;
    background-color: var(--colour-lighter);
    background-image: url(images/backgrounds/bg-tile-dark.svg);
    box-shadow: inset -9999px 0 0 #eff1f5f6;
    background-repeat: repeat;
    background-size: 700px 700px;
    background-position: -20px -20px;
}
.pro-desc > h3,
.shop-testimonials h3,
.related-products-frame h3 {
    font-family: var(--font-heading);
    color: var(--colour-text);
    font-size: 26px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}
.testimonial-slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.shop-testimonials .lSSlideOuter {
    width: auto;
    min-width: 100%;
    margin-top: -80px;
    margin-left: -15px;
    margin-right: -15px;
}
.shop-testimonials .lSSlideOuter .lSSlideWrapper {
    padding-top: 80px;
}
.shop-testimonials .testimonial-slider .testimonial {
    padding: 0 15px;
}
.shop-testimonials .testimonial-slider .testimonial p {
    font-family: var(--font-body);
    color: var(--colour-text);
    font-size: 14px;
    line-height: 1.6;
    font-weight: 300;
}
.shop-testimonials .testimonial-slider .testimonial p br {
    /*display: none;*/
}
.shop-testimonials .testimonial-slider .testimonial .testimonial-stars {
    margin: 10px 0 5px;
    color: #ebc34b;
}
.shop-testimonials .testimonial-slider .testimonial .testimonial-author,
.shop-testimonials .testimonial-slider .testimonial .testimonial-dealer {
    font-family: var(--font-body);
    color: var(--colour-dark);
    font-size: 16px;
    line-height: 1.4;
    font-weight: 500;
}
.shop-testimonials .testimonial-slider .testimonial .testimonial-dealer {
    color: var(--colour-text-light);
    font-weight: 300;
}

.shop-testimonials .lSSlideOuter .lSAction,
.shop-testimonials:hover .lSSlideOuter .lSAction {
    bottom: auto;
    left: auto;
    right: 0;
    top: 20px;
    transform: none;
}
.shop-testimonials .lSSlideOuter .lSAction > a.lSPrev,
.shop-testimonials .lSSlideOuter .lSAction > a.lSNext {
    height: 40px;
    width: 40px;
    margin: 0 2px;
    border-radius: 25px;
    border: 1px solid var(--colour-light);
    background-color: #fdfdfb;
    padding-bottom: 2px;
    font-size: 22px;
}
.shop-testimonials .lSSlideOuter .lSAction > a.lSPrev:hover,
.shop-testimonials .lSSlideOuter .lSAction > a.lSNext:hover {
    border-color: var(--colour-secondary);
    box-shadow: inset 0 0 0 1px var(--colour-secondary);
    color: var(--colour-secondary);
}

/*Basket*/
.frame-basket > .container-fluid {
    padding-left: 0;
    padding-right: 0;
}
.frame-basket > .container-fluid > .row {
    width: auto;
    min-width: 100%;
}

.page-basket .main-content .row:first-child h1 {
    font-size: 36px;
    line-height: 1.1;
    margin: 0;
}
.page-basket .product-browse-header a.button.continue,
.page-basket .main-content .row:first-child a.button.continue,
.page-basket .main-content .empty a.button.empty {
    background-color: #fafafa;
    border: 1px solid var(--colour-light);
    color: var(--colour-text);
    font-size: 12px;
    padding: 8px 15px 10px;
}
.page-basket .product-browse-header a.button.continue:hover,
.page-basket .main-content .row:first-child a.button.continue:hover,
.page-basket .main-content .empty a.button.empty:hover {
    background-color: #fff;
    border-color: var(--colour-secondary);
    color: var(--colour-secondary);
    box-shadow: inset 0 0 0 1px var(--colour-secondary);
}
.page-basket .product-browse-header a.button.continue span {
    margin-left: 3px;
}

.page-basket .basket-content .cart-summary h3 {
    font-weight: 300;
    font-size: 16px;
    font-family: var(--font-body);
    color: var(--colour-text);
    margin-bottom: 15px;
}

.page-checkout .related-products-frame {
    padding-top: 80px;
    margin-top: 80px;
    border-top: 1px solid var(--colour-light);
}
.page-checkout .related-products-frame h3 {
    font-size: 20px;
    margin-bottom: 40px;
}

/*Checkout*/
.checkout-wrap {
    padding: 60px 0;
}
.checkout-wrap .form-block .field .checkbox-label-only label {
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 8px;
    color: var(--colour-primary);
}
.checkout-wrap .form-block .field .checkbox-label-only label:not(:last-child) {
    color: var(--colour-text);
}
.checkout-wrap .form-block .field .checkbox-label-only label:last-child {
    margin-bottom: 25px;
}

.page-checkout .main-content .checkout-footer a.back-link {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    color: var(--colour-primary);
}
.page-checkout .main-content .checkout-footer a.back-link:hover {
    color: var(--colour-secondary);
}
.page-checkout .main-content .checkout-footer button {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    padding: 14px 24px;
    background-color: var(--colour-primary);
}
.page-checkout .main-content .checkout-footer button:hover {
    background-color: var(--colour-secondary-light);
}
.page-checkout .main-content .checkout-footer button span.fa-angle-right {
    font-size: 16px;
}

.frame-checkout .customer-summary {

}
.frame-checkout .shipping-options .list-group-item select {
    padding: 8px 5px 10px;
    border-radius: 3px;
    color: var(--colour-text);
    background-color: var(--colour-lightest);
}

/*Legasea page and footer logo*/
.page-legasea .wrapper-content{
    padding: 0;
}
.page-legasea a.button{
    font-size: 20px;
}
.coltable > .col .footer-logo img,
.footer-logo img {
    max-width: 250px;
}

button[type="submit"].loader {
    position: relative;
}
button[type="submit"] .loader {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2px;
}
button[type="submit"]:not(.loading) .loader {
    display: none;
}
button[type="submit"].loading {
    pointer-events: none;
    background-color: #b9beca !important;
}
button[type="submit"].loading .button-content {
    visibility: hidden;
}

.sidebox .fa-spin {
    color: #a7b4c6;
}

/**** OVERSIZE ****/
@media screen and (min-width: 2200px) {
    html {
        height: auto;
        background-color: var(--colour-primary-darker);
    }
    body {
        max-width: 2000px;
        margin: 0 auto;
    }
}
@media screen and (min-width: 1800px) {
    .frame {
        width: 1400px;
    }
}
@media screen and (min-width: 1400px) {
    .pro-con > .col.pc-content .price-box p.attribute-label {
        font-size: 40px;
    }
}

/**** RESPONSIVE ****/
@media screen and (max-width: 1500px) {

}
@media screen and (max-width: 1400px) {
    .banner .slide-cell .col img {
        max-height: 300px;
        max-width: 360px;
    }
}
@media screen and (max-width: 1380px) {
    .frame {
        width: 1150px;
    }
}
@media screen and (max-width: 1380px) and (min-width: 980px) {
    .frame-basket > .container-fluid > .row,
    .frame-checkout > .container-fluid > .row {
        flex-wrap: nowrap;
    }
    .frame-basket > .container-fluid > .row .col-lg-8,
    .frame-checkout > .container-fluid > .row .col-lg-8 {
        flex: auto 1 1;
    }
    .page-checkout .sidebar-content {
        min-width: 350px;
    }
}
@media screen and (max-width: 700px) and (min-width: 600px) {
    .price-extra .price-extra-row > div,
    .price-extra .price-extra-row > div.laybuy-price,
    .price-extra .price-extra-row > div.afterpay-price {
        padding-top: 8px;
        padding-right: 12px;
        padding-bottom: 28px;
    }
    .price-extra > .price-extra-row > div > img,
    .price-extra > .price-extra-row .afterpay-price img,
    .price-extra > .price-extra-row .laybuy-price img {
        padding: 0 !important;
        max-width: 80px;
    }
    .price-extra .price-extra-row a {
        top: auto;
        transform: none;
        bottom: 12px;
        right: 12px;
    }
}
@media screen and (max-width: 1280px) {
    .frame {
        width: 1000px;
    }
    .header {
        padding: 35px 0;
    }
    .header-column > .col.head-logo {
        width: 220px;
        min-width: 220px;
    }
    .head-logo .logo.site-logo {
        height: 86px;
        width: 178px;
    }
    .header-column > .col.head-account {
        width: 120px;
        min-width: 120px;
    }

    .head-nav .top-search > input {
        padding: 13px 15px;
    }
    .navigation.nav-menu .menu .mega-menu .mm-submenu {
        column-count: 3;
    }

    .navigation.nav-menu ul.menu > li > a.menulink {
        font-size: 14px;
        line-height: 16px;
        letter-spacing: 0.5px;
        padding-right: 16px;
    }
    .head-account p.account-buttons a.button {
        font-size: 12px;
        padding-left: 0px;
        padding-top: 6px;
        display: block;
    }
    .head-account p.account-buttons a.button i {
        font-size: 16px;
        top: 1px;
    }
    .head-social {
        margin-bottom: 6px;
    }
    .head-social > a {
        font-size: 16px;
        width: 35px;
        margin-left: 3px;
        padding: 5px 0;
    }

    .navigation.nav-menu .menu .mega-menu {
        top: 110px;
    }
    .navigation.nav-menu .menu li.open .mega-menu {
        top: 121px;
    }

    .navigation.nav-menu .menu .mega-menu .mm-list {
        min-height: 90vh;
    }

    .navigation.nav-menu .menu .mega-menu .mm-featuremenu .mm-feature img {
        max-width: 100px;
    }
    .navigation.nav-menu .menu .mega-menu .mm-featuremenu .mm-feature .mm-feature-heading {
        font-size: 12px;
        line-height: 14px;
    }

    .navigation.nv-sub .frame {
        width: 95%;
    }
    .post-wrap.post-type-news .post-item h3 {
        font-size: 28px;
    }
    .page-blog .body .row .coltable {
        display: flex;
        flex-wrap: wrap;
    }
    .post-type-news .post-item .post-body {
        height: 100% !important;
    }
}
@media screen and (max-width: 1080px) {
    .frame {
        width: 100% !important;
        padding-left: 40px;
        padding-right: 40px;
    }
}
@media screen and (min-width: 1001px) {
	.header .mobile-menu-trigger {
		display: none;
	}
	.navigation.nav-menu {
		display: block !important;
	}
	.navigation.nav-menu .mobile-nav-head {
		display: none;
	}
	.navigation.nav-menu ul.menu {
		display: table;
	}
	.navigation.nav-menu ul.menu li {
		position: relative;
		float: left;
	}
	.navigation.nav-menu ul.menu>li {
		float: none;
		display: table-cell;
		vertical-align: middle;
		list-style: none;
	}
	.navigation.nav-menu ul.menu li a {
		text-align: center;
	}
	.navigation.nav-menu ul.menu li ul.menu-dropdown {
		position: absolute;
		top: 46px;
		left: 0;
	}
	.navigation.nav-menu ul.menu li ul.menu-dropdown li {
		min-width: 200px;
	}
}
@media screen and (max-width: 1000px) {

    /*Navigation Change*/
    .header {
        padding: 30px 0;
    }

    .global-header {
        position: relative;
    }
    .global-header::after {
        content: "";
        position: absolute;
        left: calc(50% - 120px);
        top: calc(50% - 10px);
        height: 20px;
        width: 240px;
        background-image: url(/template/profile/lafusidlbfjkds/images/logo-alt-tagline.svg);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }
    .global-header .frame > .gh-info > p:not([class]),
    .header-column > .col.head-account {
        display: none;
    }
    .global-header .frame > .gh-info > p.account-buttons {
        display: block !important;
    }
    .global-header .frame > .gh-info > p.account-buttons a.button {
        padding: 0;
        border: none;
        font-weight: 500;
        background-color: transparent;
        margin-left: 15px;
        color: #F1712F;
        opacity: 1;
    }
    .global-header .frame > .gh-info > p.account-buttons a.button:hover {
        color: #fff;
        box-shadow: none;
    }

    .head-logo .logo.site-logo {
        height: 60px;
        width: 150px;
        background-image: url(/template/profile/lafusidlbfjkds/images/logo-alt-crop.svg);
    }
    .header-column > .col.head-logo {
        width: 185px;
        min-width: 185px;
        max-width: 185px;
    }
    .header-column > .col.head-nav {
        justify-content: center;
    }
    .header-column > .col.head-mobile-menu {
        width: 200px;
        min-width: 200px;
        max-width: 200px;
        display: flex !important;
        justify-content: flex-end;
        align-items: center;
    }

    .head-nav .top-search {
        max-width: 350px;
    }
    .head-nav .top-search > input {
        padding: 13px 15px 14px;
    }

    /*the rest*/
    .product-box li {
        width: 33.33%;
    }
    .search-wrap {
        padding: 0;
        margin: 0;
    }
    .search-wrap .top-search > label {
        display: none;
    }
    .navigation.nv-sub .col:first-child {
        display: none;
    }
    .navigation.nv-sub {
        padding: 10px;
    }
    .navigation.nv-sub .col.w25,
    .navigation.nv-sub .col.w50 {
        width: 50% !important;
    }
    ul.menu .menulink {
        font-size: 14px;
        padding-left: 0;
        padding-right: 0;
    }
    .footwave .coltable .col.boat {
        display: none;
    }
    .coltable.categobox {
        overflow: hidden;
    }
    .coltable.categobox > .col {
        width: 33.33%;
        display: block;
        float: left;
    }
    .footer .footplace p img {
        width: auto;
        height: auto;
        margin: 0;
        max-width: 100%;
    }
    .footer .footplace {
        display: block;
        width:100%;
    }
    .footer .footplace p {
        text-align: left !important;
    }
    .footer > .frame > .coltable > .col:first-child {
        padding: 0 20px;
    }
    .section-grey .product-box > li {
        width: 25%;
    }
    .ssslide:not(.promo),
    .ssslide:not(.promo) .slide {
        /*min-height: 400px;
        background-image: url(images/water.jpg) !important;*/
        background-size: contain;
    }
    ul.spec-list.comp-entries > li > p.label {
        width: 70%;
    }
    ul.spec-list.comp-entries > li > p.value {
        width: 30%;
    }
    .guessbox {
        border-top-right-radius: 10px;
        transform: none;
        left: 10px;
    }
    .post-type-news.coltable.col3 > .col {
        width: 50%;
    }
    .post-wrap.post-type-news .post-item h3 {
        font-size: 26px;
    }
    .news-intro.capsule-container .wrap {
        position: unset;
    }
    .news-intro.capsule-container .wrap .capsule {
        float: none;
        margin: 0;
    }

    /*MOBILE MENU*/
    .header-column > .col.head-mobile-menu .mobile-menu-trigger {
        z-index: 9999;
        font-size: 0px;
        color: #fff;
        width: 40px;
        height: 40px;
        display: flex;
        cursor: pointer;
        flex-direction: column;
        justify-content: center;
    }
    .header-column > .col.head-mobile-menu .mobile-menu-trigger i.fa-bars {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .header-column > .col.head-mobile-menu .mobile-menu-trigger i.fa-bars::before,
    .header-column > .col.head-mobile-menu .mobile-menu-trigger i.fa-bars::after {
        content: "";
        width: 40px;
        height: 4px;
        top: 15px;
        border-radius: 5px;
        position: relative;
        background-color: #fff;
        transition: all 0.2s cubic-bezier(0,0,0.1,0.9) 0.3s, transform 0.2s cubic-bezier(0,0,0.1,0.9) 0s, background-color 0.2s cubic-bezier(0,0,0.1,0.9) 0s;
    }
    .header-column > .col.head-mobile-menu .mobile-menu-trigger i.fa-bars::after {
        top: -15px;
        box-shadow: 0 13px 0 #fff;
    }
    .header-column > .col.head-mobile-menu .mobile-menu-trigger.open i.fa-bars::before {
        top: 2px;
        background-color: #F1712F;
        transform: rotate(45deg);
        transition: all 0.2s cubic-bezier(0,0,0.1,0.9), transform 0.2s cubic-bezier(0,0,0.1,0.9) 0.3s, background-color 0.2s cubic-bezier(0,0,0.1,0.9) 0.3s;
    }
    .header-column > .col.head-mobile-menu .mobile-menu-trigger.open i.fa-bars::after {
        top: -2px;
        background-color: #F1712F;
        box-shadow: 0 0px 0 #fff;
        transform: rotate(-45deg);
        transition: all 0.2s cubic-bezier(0,0,0.1,0.9), transform 0.2s cubic-bezier(0,0,0.1,0.9) 0.3s, background-color 0.2s cubic-bezier(0,0,0.1,0.9) 0.3s;
    }

    .head-nav .navigation.nav-menu ul.menu {
        flex-direction: column;
        align-items: flex-end;
    }
    .head-nav .navigation.nav-menu ul.menu > li {
        text-align: right;
        width: 100%;
    }
    .head-nav .navigation.nav-menu ul.menu > li > a.menulink {
        padding: 12px 0;
        font-size: 22px;
        line-height: 24px;
        text-align: right;
    }

	body.mobile-menu-active {
		overflow: hidden;
	}
    body:not(.mobile-menu-active) .navigation.nav-menu {
        display: none;
    }
	.navigation.nav-menu {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0px;
		width: 300px;
        padding: 140px 40px 40px;
		overflow-y: scroll;
        overflow-x: hidden;
		border-radius: 0;
		background-color: #011C32 !important;
		border: none !important;
		z-index: 9998;
	}
	.navigation.nav-menu::before {
		content: "";
        z-index: -1;
        opacity: 0.05;
        position: fixed;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 500px;
        background-size: 300px auto;
        background-repeat: no-repeat;
        background-position: bottom -110px right -110px;
        background-image: url(/template/profile/lafusidlbfjkds/images/icons/lifesaver-icon.svg);
	}

    .navigation.nav-menu .menu li.has-mega-menu a.menulink::after {
        display: none !important;
    }
    .navigation.nav-menu ul.menu > li > a.menulink span.fa-chevron-down {
        top: 2px;
        font-size: 30px;
    }
    .navigation.nav-menu .menu li.has-mega-menu:not(.open) .mega-menu {
        height: 0px;
    }
    .navigation.nav-menu .menu .mega-menu {
        background: none;
        position: static;
        top: 0;
    }
    .navigation.nav-menu .menu .mega-menu .mm-list {
        background-color: transparent;
        min-height: unset;
        width: 100%;
        padding: 0 0 15px;
    }
    .navigation.nav-menu .menu .mega-menu .mm-list .mm-list-item,
    .navigation.nav-menu .menu .mega-menu .mm-list .mm-list-item.open,
    .navigation.nav-menu .menu .mega-menu .mm-list .mm-list-item:hover {
        background-color: transparent;
    }
    .navigation.nav-menu .menu .mega-menu .mm-list .mm-list-item > a {
        /*background-color: #02233d;
        margin-bottom: 2px;
        padding: 14px 18px;*/
        padding: 6px 0;
        color: #F1712F;
    }
    .navigation.nav-menu .menu .mega-menu .mm-list .mm-list-item > a .mm-list-title {
        width: 100%;
        text-align: right;
    }
    .navigation.nav-menu .menu .mega-menu .mm-list .mm-list-item.open .mm-menu {
        display: none !important;
        visibility: none;
        opacity: none;
        pointer-events: none !important;
    }
}
@media screen and (max-width: 992px) {
    .checkout-wrap {
        padding: 0 0 60px;
    }
    .page-checkout .cart-header {
        background-color: var(--colour-lighter);
    }
    .page-checkout .cart-header .col-auto.total {
        font-weight: 600;
        color: var(--colour-primary);
    }
    .page-checkout .product-browse-header .mob-show {
        display: block !important;
    }
    .page-checkout .product-browse-header .mob-show a.button {
        padding: 8px 16px 11px;
        font-size: 13px;
    }

    .frame-checkout .sidebar-content {
        border: none;
        padding-top: 20px;
    }
    .frame-checkout .sidebar-content .cart-summary {
        padding: 20px;
        border-radius: 5px;
        border: 1px solid var(--colour-light);
        background-color: var(--colour-lightest);
        margin-top: 0px;
        margin-left: -20px;
        margin-right: -20px;
        position: relative;
        top: -20px;
    }
    .page-checkout .cart-summary .form-block {
        padding-top: 0;
        border-top: none;
    }

    .frame-checkout > .container-fluid > .row {
        flex-wrap: wrap;
    }
    .frame-checkout > .container-fluid > .row .col-lg-8,
    .frame-checkout > .container-fluid > .row .col-lg-4 {
        flex: 100% 1 1;
    }
    .page-checkout .frame-checkout .sidebar-content {
        min-width: unset;
    }
}
@media screen and (max-width: 980px) {
    .page-basket .basket-content.wrapper-content {
        padding: 30px 0;
    }
    .page-basket .sidebar-content {
        border-left: none;
        padding-top: 40px;
        margin-top: 30px;
        border-top: 1px solid var(--colour-light);
    }
}
@media screen and (max-width: 940px) {
    .alert-reverse {
        padding: 24px 28px;
    }
    .alert-reverse h3 {
        font-size: 22px;
        line-height: 24px;
    }
    .alert-reverse p a {
        font-size: 16px;
        line-height: 18px;
        display: inline-block;
        padding: 8px 12px;
    }
}
@media screen and (max-width: 900px) {
    .product-reviews > .coltable > .col {
        width: 100%;
        display: block;
        padding: 0;
    }
    .product-reviews .review-rows .review-row:first-of-type {
        padding-top: 15px;
    }
    .coltable.page-structure {
        display: -ms-block;
        display: -moz-block;
        display: -webkit-block;
        display: block;
    }
    .coltable.page-structure .col-sidebox {
        display: block;
        width: 100%;
    }
    .coltable.page-structure .col-body {
        display: block;
        width: 100%;
    }
    .coltable.page-structure > .col {
        display: block;
        width: 100% !important;
    }
    .sidebox.js-sidebox-toggle {
        margin: 0 0 8px;
    }
    .sidebox.js-sidebox-toggle .sidebox-top {
        cursor: pointer;
        transition: all 0.2s ease;
        background-color: transparent;
        border-radius: 4px;
        border: 2px solid #A7B4C6;
        color: #A7B4C6;
        padding: 10px 14px;
        font-size: 14px;
        margin: 0;
    }
    .sidebox.js-sidebox-toggle .sidebox-top .js-toggle {
        transition: all 0.2s ease;
        display: block;
        font-size: 20px;
        color: #A7B4C6;
    }
    .sidebox.js-sidebox-toggle .sidebox-top .js-toggle i {
        font-weight: 500;
    }
    .js-sidebox-toggle.toggled .sidebox-top,
    .js-sidebox-toggle .sidebox-top:hover {
        color: #3D4255;
        background-color: #fff;
        border-color: #fff;
        border-bottom-right-radius: 0px;
    }
    .js-sidebox-toggle.toggled .sidebox-top .js-toggle,
    .js-sidebox-toggle .sidebox-top:hover .js-toggle {
        color: #3D4255;
    }
    .sidebox.js-sidebox-toggle .sidebox-body {
        padding: 10px;
        display: none;
    }
    .coltable.page-structure > .col.col-sidebox.col-sidebox-left {
        margin-bottom: 20px;
        padding: 0;
    }
    .sidebox.default-filters {
        margin-bottom: 8px;
    }
    .sidebox.default-filters .links {
        column-count: 4;
        column-gap: 4px
    }
    .sidebox.default-filters .links li {
        width: 100%;
        display: inline-block;
        vertical-align: top;
    }
    .sidebox.default-filters .links li > a {
        margin: 0px 0 4px;
        padding: 6px 10px;
        background: linear-gradient(to right, #3396E8 50%, #ddd 50%);
        background-size: 200% 100%;
        background-position: right center;
    }
    .sidebox.default-filters .links li > a:hover,
    .sidebox.default-filters ul.links li.selected a {
        background-position: left center !important;
        padding: 6px 10px;
        color: #fff;
    }
    .sidebox.default-filters ul.links li.selected a:hover {
        background: linear-gradient(to right, #3396E8 50%, #ddd 50%);
        background-size: 200% 100%;
        background-position: left center;
    }
    .sidebox.default-filters .links li.selected > a small,
    .sidebox.default-filters .links li > a:hover small {
        color: #fff;
    }
    .sidebox.js-sidebox-toggle.side-search .sidebox-body {
        padding: 0px;
    }
    .sidebox .links li > a {
        margin: -1px 0;
    }
    .coltable.brand-list .col {
        width: 25%;
    }
    .sidebox .sidebox-body.search-box {
        display: block;
    }

    .global-header .frame > .gh-info > p.account-buttons a.button {
        font-size: 12px;
        margin-left: 8px;
    }
}
@media screen and (max-width: 800px) {
    .header {
        padding: 25px 0;
    }
    .logo {
        height: 90px;
    }
    ul.menu .menulink {
        font-size: 12px;
    }
    .product-box li {
        width: 50%;
    }
    .entry-form img.force-boat {
        position: relative;
        display: table;
        margin: 0 auto -40px;
        bottom: -20px;
        right: auto;
    }
    .entry-form .botpad .col {
        padding: 5px;
    }
    .entry-form .botpad .col h1,
    .entry-form .botpad .col h2 {
        text-align: center !important;
    }
    .coltable.wishlist > .col.image {
        width: 100px;
    }
    .coltable.wishlist > .col.image img {
        width: 100%;
    }
    .coltable.wishlist > .col.remove button {
        font-size: 12px;
        padding: 7px 20px;
    }
    .banner .slide-image.promo {
        min-height: 120px;
        height: 120px;
        background-position: center;
        background-size: cover;
    }
    .coltable.flex .col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    #map_canvas.long {
        height: 1000px;
    }

    .product-browse-header {
        padding: 20px 0;
        margin-bottom: 0px;
    }
    .product-browse-header p:not([class]) {
        font-size: 12px;
        line-height: 20px;
    }

    .product-browse-header h1 {
        font-size: 24px;
        line-height: 26px;
    }

    .page-checkout .main-content .checkout-footer button {
        width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .page-basket .cart-wrap {
        margin: 0 0 15px;
    }
}
@media screen and (max-width: 700px) {
    .global-header::after {
        display: none;
    }
    .header-column > .col.head-mobile-menu {
        width: 80px;
        min-width: 80px;
        max-width: 80px;
    }

    .alert-reverse {
        padding-right: 180px;
        background: url(images/name-boat.png) right center/auto 90% no-repeat, linear-gradient(to right, #47b9b9 90%, #f6de31 90.01%);
    }
    .section-grey .product-box > li {
        width: 33.33%;
    }
    #popup-box,
    .popup {
        width: 100%;
    }
    #popup-box .form-block .field {
        width: 50%;
    }
    .ssslide,
    .ssslide .slide {
        /*min-height: 500px;*/
    }
    .ssslide .slide .col.first,
    .ssslide .slide .col.last {
        padding: 10px !important;
        text-align: center;
    }
    .button-left {
        font-size: 16px;
        padding: 7px 15px 7px 18px;
    }
    .button-right {
        font-size: 16px;
        padding: 7px 18px 7px 15px;
    }
    .banner .slide-cell .col img {
        max-width: 50%;
        max-height: 300px;
        margin: 0 auto;
    }
    .slide-cell .bro-img img {
        margin: 0 auto;
    }
    .banner .slide .slide-inner .h1,
    .banner .slide .slide-inner h1 {
        font-size: 22px;
    }
    .banner .slide-cell .top-space {
        margin-top: 10px;
    }
    .form-block .field {
        width: 50%;
    }

    .price-extra > .price-extra-row,
	.price-extra > .price-extra-row p,
	.price-extra > .price-extra-row a {
        font-size: 12px !important;
    }
}
@media screen and (max-width: 600px) {
    .frame {
        padding-right: 35px;
        padding-left: 35px;
    }
    .mobile-banner {
        display: block !important;
    }
    .h3,
    h3 {
        font-size: 28px;
        line-height: normal;
    }
    .topbar button {
        font-size: 16px;
    }
    .header {
        padding-top: 25px;
        padding-bottom: 25px;
    }
    .form-block .field {
        width: 100%;
    }
    .product-box li {
        width: 100%;
    }

    .section-grey .product-box > li {
        width: 50%;
    }
    .h3,
    h3 {
        line-height: 32px;
    }
    .footwave .coltable .col.boat img {
        transform: none;
    }

    .navigation {
        background-size: 50% !important;
        padding-bottom: 0;
    }
    .slogan-left,
    .slogan-right {
        display: none !important;
    }
    .search-wrap {
        margin-bottom: 10px;
    }
    .search-wrap .top-search > input {
        width: 75%;
    }
    .padcol.pro-con > .col {
        padding: 10px;
    }
    .cart-row > .coltable > .col.col-image {
        padding-right: 0;
    }
    .cart-row > .coltable > .col.col-info {
        padding: 0px 10px;
    }
    .page-checkout .cart-wrap .cart-row > .coltable .col-info .title {
        font-size: 13px;
        line-height: 15px;
    }
    .page-basket .cart-wrap .cart-row > .coltable .col-info .sub {
        font-size: 10px;
    }
    .cart-row .cart-controls {
        display: block;
        border: none;
        padding: 0;
        width: 100%;
    }
    .cart-row .cart-controls > * {
        width: auto !important;
        float: left !important;
    }
    .cart-row > .coltable > .col.col-price {
        text-align: center;
        padding-right: 0;
    }
    .cart-row .cart-controls .field a.button {
        display: inline-block;
        font-size: 12px;
    }
    .payment-summary {
        text-align: center;
    }
    .payment-summary .button {
        display: block;
    }
    .footwave .coltable .col.flogo {
        padding-right: 0;
        text-align: center;
        margin: 0 0 40px;
    }
    .footwave .coltable .col.flogo img {
        max-width: 150px;
    }
    .footwave .coltable .col.textbox {
        padding: 0 40px;
    }
    .footer .footlinks,
    .footer .frame > .coltable > .col,
    .footer > .frame > .coltable > .col:first-child {
        width: 100%;
        padding: 0 40px 40px;
    }
    .footer .footplace a {
        display: block;
        width: 50%;
        float: left;
        padding: 10px;
        box-sizing: border-box;
    }
    .footer .footplace a img {
        vertical-align: top;
        margin: 0;
        height: auto;
    }
    .footer .footplace .footer-logo a{
        width: 100%;
    }
    .mobile-only {
        display: inline-block;
    }
    .navigation.nv-sub .button {
        margin-bottom: 5px;
        font-size: 12px;
    }
    ul.spec-list.comp-entries > li > p.label {
        width: 80%;
    }
    ul.spec-list.comp-entries > li > p.value {
        width: 20%;
    }
    #popup-box .form-block .field {
        width: 100%;
    }
    .box {
        padding: 5px;
    }
    .product-box.row1 > li .box .title {
        text-align: center;
        padding: 0 10px;
    }
    .product-box.row1 > li .box .title a {
        font-size: 22px;
    }
    .product-box.row1 > li .box .options-price {
        padding: 5px;
    }
    .product-box .options-price {
        font-size: 16px;
    }
    .product-box.row1 li img {
        padding: 0;
    }

    .image-container > .col {
        width: 33.33% !important;
    }
    .mobile-hide {
        display: none !important;
    }
    .mobile-only-inline-block {
        display: inline-block !important;
    }
    .coltable.wishlist > .col.remove a {
        font-size: 12px;
        padding: 7px 20px;
    }

    .guessbox {
        border-top-left-radius: 5px;
        border-top-right-radius: 0px;
        transform: none;
        left: auto;
        right: 0;
    }

    .page-checkout .form-block .field input,
    .page-checkout .form-block .field select,
    .page-checkout .form-block .field textarea {
        font-size: 14px;
        line-height: 1.3;
    }

    .frame-checkout > .container-fluid,
    .frame-checkout > .container-fluid > .row .col-lg-8,
    .frame-checkout > .container-fluid > .row .col-lg-4 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .page-checkout h3.checkout-heading {
        margin-top: 25px;
        margin-bottom: 10px;
        font-size: 14px;
        font-weight: 500;
    }

    .page-checkout .field-inset-wrapper label {
        padding: 6px 13px;
    }
    .page-checkout .form-block .field input,
    .page-checkout .form-block .field select,
    .page-checkout .form-block .field textarea {
        padding: 16px 12px 19px;
    }
    .page-checkout .form-block .field .has-content input,
    .page-checkout .form-block .field .has-content select,
    .page-checkout .form-block .field .has-content textarea {
        padding: 23px 12px 12px;
    }
    .page-checkout .form-block .field .has-content select {
        padding: 22px 13px 12px;
    }

    .copyright .payment-logos {
        margin-top: 5px;
    }
}
@media screen and (max-width: 580px) {
    .categobox .col img {
        max-width: 180px !important;
    }
}
@media screen and (max-width: 550px) {
	.shop-testimonials {
		margin: 60px 0;
		padding: 35px;
	}
    .shop-testimonials .lSSlideOuter {
        margin-top: 0;
    }
    .shop-testimonials .lSSlideOuter .lSSlideWrapper {
        padding-top: 0;
        padding-bottom: 50px;
    }
	.shop-testimonials .lSSlideOuter .lSAction,
	.shop-testimonials:hover .lSSlideOuter .lSAction {
		top: auto;
		left: 0;
		bottom: 0px;
	}
    .shop-testimonials .lSSlideOuter .lSAction > a.lSPrev,
    .shop-testimonials .lSSlideOuter .lSAction > a.lSNext {
        width: 50%;
        border-radius: 5px;
    }
}
@media screen and (max-width: 500px) {
    .frame {
        padding-right: 25px;
        padding-left: 25px;
    }

    .header {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .head-logo .logo.site-logo {
        height: 50px;
        width: 140px;
    }

    .header-column > .col.head-logo {
        width: 150px;
        min-width: 150px;
        max-width: 150px;
    }
    .header-column > .col.head-mobile-menu {
        width: 60px;
        min-width: 60px;
        max-width: 60px;
    }

    .global-header .frame > .gh-info > p  {
        margin-left: 0;
    }
    .global-header .frame > .gh-info > p.account-buttons a.button {
        margin-left: 10px;
    }

    .navigation.nav-menu {
        padding: 120px 35px 30px;
        width: 250px;
    }
    .head-nav .navigation.nav-menu ul.menu > li > a.menulink {
        font-size: 20px;

    }

    .alert-reverse {
        padding: 120px 25px 20px;
        background: url(images/name-boat.png) top 10px center/auto 100px no-repeat, linear-gradient(to top, #47b9b9 80%, #f6de31 80.01%);
    }
    .entry-form .botpad {
        padding: 30px 20px;
    }
    .pro-desc img {
        width: 100%;
    }
    .guessbox ul li {
        width: 280px;
    }
    .coltable.wishlist > .col.price,
    .coltable.wishlist > .col.title {
        font-size: 14px;
    }

    .page-basket .pbh-coltable {
        flex-wrap: wrap;
    }
    .page-basket .pbh-coltable > .col {
        width: 100%;
    }
    .page-basket .pbh-coltable > .col:not(:first-child) {
        padding-top: 10px;
    }

    .price-extra .price-extra-row > div,
    .price-extra .price-extra-row > div.laybuy-price,
    .price-extra .price-extra-row > div.afterpay-price {
        padding-top: 8px;
        padding-right: 12px;
        padding-bottom: 28px;
    }
    .price-extra > .price-extra-row > div > img,
    .price-extra > .price-extra-row .afterpay-price img,
    .price-extra > .price-extra-row .laybuy-price img {
        padding: 0 !important;
        max-width: 80px;
    }
    .price-extra .price-extra-row a {
        top: auto;
        transform: none;
        bottom: 12px;
        right: 12px;
    }

    .global-header .frame > .gh-dealer button,
    .global-header .frame > .gh-info > p,
    .global-header .frame > .gh-info > p.account-buttons a.button {
        font-size: 10px;
    }
}
@media screen and (max-width: 800px) and (min-width: 350px) {
    ul.product-box li .options-price {
        font-size: 20px;
    }
    ul.product-box li .box {
        padding-bottom: 40px;
    }
}
@media screen and (max-width: 440px) {
    .header-column.coltable {
        flex-wrap: wrap;
    }
    .header-column > .col.head-mobile-menu {
        flex: calc(100% - 150px) 1 1;
        max-width: unset;
    }
    .header-column > .col.head-nav {
        flex: 100% 1 1;
        padding-top: 15px;
        order: 1;
    }
    .head-nav .top-search {
        max-width: unset;
    }
    .head-nav .top-search > input {
        padding: 10px 15px 12px;
    }
}
@media screen and (max-width: 400px) {
    .frame {
        padding-right: 20px;
        padding-left: 20px;
    }
    .page-checkout .form-block .field label input {
        width: auto !important;
    }

    .dealer-box {
        padding: 25px;
    }
    .dealer-box h3 {
        font-size: 16px;
        line-height: 20px;
    }

}
@media screen and (max-width: 360px) {
    .global-header .frame > .gh-dealer {
        display: none;
    }
    .global-header .frame > .gh-info > p.account-buttons a.button {
        margin-left: 0px;
        margin-right: 15px;
    }
    .header-column > .col.head-logo {
        min-width: 150px;
        max-width: 150px;
        width: 150px;
    }
    ul.product-box li .box {
        padding-bottom: 30px;
    }
}