@charset "UTF-8";
/*! ----------------------------------------------------------------------------------------------*\

    ALPHA MOTORS - CLIENT THEME

    This is a generated .css file from a larger .scss project which is source controlled in
    TFS.  Please don't driectly update this file, unless using the source controlled project.


\*-----------------------------------------------------------------------------------------------*/
/*------------------------------------*\
    Responsive Breakpoints
\*------------------------------------*/
/*------------------------------------*\
    Clearfix
\*------------------------------------*/
/*------------------------------------*\
    Container
\*------------------------------------*/
/*------------------------------------*\
    Hover Style
\*------------------------------------*/
/*------------------------------------*\
    White Bubble
\*------------------------------------*/
/*------------------------------------*\
    CSS Arrow Pointer
\*------------------------------------*/
/*------------------------------------*\
    Icon Display
\*------------------------------------*/
/*------------------------------------*\
    BPD Iconset
\*------------------------------------*/
/*------------------------------------*\
    Kendo UI Icon Set
\*------------------------------------*/
/*------------------------------------*\
    Spin Animation
\*------------------------------------*/
/*------------------------------------*\
    Generic Content Box
\*------------------------------------*/
/*------------------------------------*\
    Background Image - Cover
\*------------------------------------*/
/*------------------------------------*\
    Full Width Layout
\*------------------------------------*/
/*------------------------------------*\
    Centre Layout
\*------------------------------------*/
/*------------------------------------*\
    Placeholder Text
\*------------------------------------*/
/*------------------------------------*\
    Centered Page Content
\*------------------------------------*/
/*------------------------------------*\
    Buttons
\*------------------------------------*/
/*------------------------------------*\
    Fade Animation
\*------------------------------------*/
@keyframes bpd-fade-in {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
/* Firefox < 16 */
/* Safari, Chrome and Opera > 12.1 */
/* Internet Explorer */
/* Opera < 12.1 */
/*------------------------------------*\
    Blur
\*------------------------------------*/
/*------------------------------------*\
    Blur (light)
\*------------------------------------*/
/*------------------------------------*\
    Form Focus
\*------------------------------------*/
/*------------------------------------*\
    Text Elipsis
\*------------------------------------*/
/*------------------------------------*\
    Role & Account Select
\*------------------------------------*/
/*------------------------------------*\
    Tracking to Letter Spacing
\*------------------------------------*/
/*------------------------------------*\
    Flip Icon
\*------------------------------------*/
/*------------------------------------*\
    Letter Spacing Standard
\*------------------------------------*/
/*------------------------------------*\
    Variables - General
\*------------------------------------*/
/*--------------------------------------------------------------------*\
    SPACING
\*--------------------------------------------------------------------*/
/*--------------------------------------------------------------------*\
    POSITION
\*--------------------------------------------------------------------*/
/*------------------------------------*\
    Client Colours
\*------------------------------------*/
/*------------------------------------*\
    Client Fonts
\*------------------------------------*/
/*------------------------------------*\
    Variables - Icons
\*------------------------------------*/
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
    line-height: 1.15;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}

/* Sections
     ========================================================================== */
/**
   * Remove the margin in all browsers.
   */
body {
    margin: 0;
}

/**
   * Correct the font size and margin on `h1` elements within `section` and
   * `article` contexts in Chrome, Firefox, and Safari.
   */
h1 {
    font-size: 50px;
    margin: 0.67em 0;
}

/* Grouping content
     ========================================================================== */
/**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */
hr {
    box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 1 */
    overflow: visible;
    /* 2 */
}

/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
pre {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 14px;
    /* 2 */
}

/* Text-level semantics
     ========================================================================== */
/**
   * Remove the gray background on active links in IE 10.
   */
a {
    background-color: transparent;
}

/**
   * 1. Remove the bottom border in Chrome 57-
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */
abbr[title] {
    border-bottom: none;
    /* 1 */
    text-decoration: underline;
    /* 2 */
    -webkit-text-decoration: underline dotted;
            text-decoration: underline dotted;
    /* 2 */
}

/**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */
b,
strong {
    font-weight: bolder;
}

/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
code,
kbd,
samp {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 14px;
    /* 2 */
}

/**
   * Add the correct font size in all browsers.
   */
small {
    font-size: 80%;
}

/**
   * Prevent `sub` and `sup` elements from affecting the line height in
   * all browsers.
   */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -2px;
}

sup {
    top: -5px;
}

/* Embedded content
     ========================================================================== */
/**
   * Remove the border on images inside links in IE 10.
   */
img {
    border-style: none;
}

/* Forms
     ========================================================================== */
/**
   * 1. Change the font styles in all browsers.
   * 2. Remove the margin in Firefox and Safari.
   */
button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    /* 1 */
    font-size: 100%;
    /* 1 */
    line-height: 1.15;
    /* 1 */
    margin: 0;
    /* 2 */
}

/**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */
button,
input {
    /* 1 */
    overflow: visible;
}

/**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */
button,
select {
    /* 1 */
    text-transform: none;
}

/**
   * Correct the inability to style clickable types in iOS and Safari.
   */
button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button;
}

/**
   * Remove the inner border and padding in Firefox.
   */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/**
   * Restore the focus styles unset by the previous rule.
   */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
   * Correct the padding in Firefox.
   */
fieldset {
    padding: 0.35em 12px 0.625em;
}

/**
   * 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from `fieldset` elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *    `fieldset` elements in all browsers.
   */
legend {
    box-sizing: border-box;
    /* 1 */
    color: inherit;
    /* 2 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    white-space: normal;
    /* 1 */
}

/**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */
progress {
    vertical-align: baseline;
}

/**
   * Remove the default vertical scrollbar in IE 10+.
   */
textarea {
    overflow: auto;
}

/**
   * 1. Add the correct box sizing in IE 10.
   * 2. Remove the padding in IE 10.
   */
[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto;
}

/**
   * 1. Correct the odd appearance in Chrome and Safari.
   * 2. Correct the outline style in Safari.
   */
[type=search] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
}

/**
   * Remove the inner padding in Chrome and Safari on macOS.
   */
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
   * 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Change font properties to `inherit` in Safari.
   */
::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
}

/* Interactive
     ========================================================================== */
/*
   * Add the correct display in Edge, IE 10+, and Firefox.
   */
details {
    display: block;
}

/*
   * Add the correct display in all browsers.
   */
summary {
    display: list-item;
}

/* Misc
     ========================================================================== */
/**
   * Add the correct display in IE 10+.
   */
template {
    display: none;
}

/**
   * Add the correct display in IE 10.
   */
[hidden] {
    display: none;
}

.mce-content-body {
    background: white !important;
    color: black;
}

/*------------------------------------*\
    Utilities
\*------------------------------------*/
.push-left {
    float: left !important;
}

.push-right {
    float: right !important;
}

.text-left {
    text-align: left;
}

.text-right,
.price-right {
    text-align: right;
}

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

.text-elipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.no-mobile {
    display: none !important;
}
@media (min-width: 992px) {
    .no-mobile {
        display: block !important;
    }
}

.no-desktop,
.mobile-only {
    display: block !important;
}
@media (min-width: 992px) {
    .no-desktop,
.mobile-only {
        display: none !important;
    }
}

@media print {
    .no-print {
        display: none !important;
    }
}

.cv-is-hidden {
    display: none !important;
}

.spacing-top {
    margin-top: 20px !important;
}

.spacing-right {
    margin-right: 20px !important;
}

.spacing-bottom {
    margin-bottom: 20px !important;
}

.spacing-left {
    margin-left: 2px;
}

.ico-left:before {
    float: left;
}

.ico-right:before {
    float: right;
    margin-right: 0;
    margin-left: 5px;
}

/*------------------------------------*\
    Grid
\*------------------------------------*/
* {
    box-sizing: border-box;
}

.grid::after {
    clear: both;
    content: "";
    display: table;
}

.grid-row,
.row {
    clear: both;
    display: block;
    width: 100%;
}
.grid-row::after,
.row::after {
    clear: both;
    content: "";
    display: table;
}

.container {
    width: 98%;
    max-width: 1400px;
    margin: 0 auto;
}
@media (min-width: 1440px) {
    .container {
        width: 100%;
    }
}
[id*=cv-zone-] {
    width: 100%;
    display: block;
    clear: both;
}
[id*=cv-zone-]::after {
    clear: both;
    content: "";
    display: table;
}

[class*=col-] {
    float: left;
    width: 100%;
    display: inline-block;
    clear: none;
    padding: 0;
}
@media (min-width: 576px) {
    [class*=col-] {
        padding: 0 5px 0 0;
    }
}
[class*=col-].push-right {
    float: right;
}

.col-1-1 {
    padding-right: 0;
}

@media (min-width: 576px) {
    .col-1-2,
.mm-col-1-2 {
        width: 50%;
    }
}

@media (min-width: 576px) {
    .col-1-3,
.mm-col-1-3 {
        width: 33.333%;
    }
}

@media (min-width: 576px) {
    .col-2-3 {
        width: 66.666%;
    }
}

@media (min-width: 576px) {
    .col-1-4,
.mm-col-1-4 {
        width: 25%;
    }
}

@media (min-width: 576px) {
    .col-3-4 {
        width: 75%;
    }
}

@media (min-width: 576px) {
    .col-1-5 {
        width: 20%;
    }
}

@media (min-width: 576px) {
    .col-2-5 {
        width: 40%;
    }
}

@media (min-width: 576px) {
    .col-3-5 {
        width: 60%;
    }
}

@media (min-width: 576px) {
    .col-4-5 {
        width: 80%;
    }
}

@media (min-width: 576px) {
    .col-1-6 {
        width: 16.6666666667%;
    }
}

@media (min-width: 576px) {
    .col-3-10 {
        width: 30%;
    }
}

@media (min-width: 576px) {
    .col-5-12 {
        width: 41.6666666667%;
    }
}

@media (min-width: 768px) {
    .layout-sidebar {
        width: 25%;
        float: left;
        display: inline-block;
        padding-right: 2px;
    }
}
@media (min-width: 1260px) {
    .layout-sidebar {
        width: 20%;
    }
}
.category .layout-sidebar {
    width: 0;
}

@media (min-width: 768px) {
    .layout-maincontent {
        width: 75%;
        float: left;
        display: inline-block;
    }
}
@media (min-width: 1260px) {
    .layout-maincontent {
        width: 80%;
    }
}
.category .layout-maincontent {
    width: 100%;
}

.example-code {
    display: none;
}

/*------------------------------------*\
    Top Bar
\*------------------------------------*/
#cv-zone-topbar {
    background: #fafafa;
    border-bottom: 1px solid #ddd;
    color: #333333;
    font-size: 14px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100000;
}
#cv-zone-topbar .cv-header-topbar {
    height: 35px;
}
#cv-zone-topbar [class*=widget-] {
    float: left;
    display: block;
    height: 35px;
    padding: 12px 10px;
}
#cv-zone-topbar [class*=widget-]:hover {
    background: none;
}
#cv-zone-topbar .widget-user-name {
    display: none;
}
@media (min-width: 992px) {
    #cv-zone-topbar .widget-user-name {
        display: inline-block;
    }
}
#cv-zone-topbar a,
#cv-zone-topbar button {
    color: #333333;
}
#cv-zone-topbar .ico-only-text {
    display: none;
}
@media (min-width: 992px) {
    #cv-zone-topbar .ico-only-text {
        display: inline-block;
    }
}
#cv-zone-topbar .dropdown-section-menu .dropdown-area .ico-only-text {
    display: inline-block;
}

body.role-PUBLIC #cv-zone-topbar {
    display: none;
}
body.role-PUBLIC #cv-zone-topbar .ico-only-text {
    color: black;
}
body.role-PUBLIC #cv-zone-topbar a {
    color: black;
}
body.role-PUBLIC #cv-zone-topbar a:hover {
    color: black;
}
body.role-PUBLIC #cv-zone-topbar a:hover:before {
    color: #00B9EB !important;
}
body.role-PUBLIC #cv-zone-topbar a:hover .ico-left:before {
    color: #00B9EB !important;
}

/*------------------------------------*\
    Header
\*------------------------------------*/
body.role-PUBLIC #cv-zone-header {
    margin-top: 0px;
    top: 0px;
    position: fixed;
    z-index: 9990;
}

#cv-zone-header {
    background: #fff;
    margin-top: 35px;
    padding: 5px;
    box-shadow: 0 4px 2px -2px #ddd;
    z-index: 999;
}
#cv-zone-header .static-menu a {
    padding: 20px;
    color: #000;
}
#cv-zone-header .static-menu a:hover {
    color: #00B9EB;
}
@media (min-width: 768px) {
    #cv-zone-header {
        padding: 10px 0;
        padding-bottom: 0px;
    }
}
@media (min-width: 768px) {
    #cv-zone-header .col-1-3.header-col-1 {
        width: 35%;
    }
    #cv-zone-header .col-1-3.header-col-2 {
        width: 64%;
    }
    #cv-zone-header .col-1-3.header-col-2 .widget-login {
        position: relative;
        float: left;
        z-index: 9999;
        display: none;
    }
}
@media (min-width: 768px) and (min-width: 768px) {
    #cv-zone-header .col-1-3.header-col-2 .widget-login {
        display: block;
    }
}
@media (min-width: 768px) and (min-width: 1260px) {
    #cv-zone-header .col-1-3.header-col-2 .widget-login {
        margin-top: 20px;
    }
}
@media (min-width: 768px) {
    #cv-zone-header .col-1-3.header-col-2 .widget-login:hover {
        color: #52daff;
    }
}
@media (min-width: 768px) {
    #cv-zone-header .col-1-3.header-col-2 .widget-login .icon:before {
        font-size: 38px;
    }
}
@media (min-width: 768px) {
    #cv-zone-header .col-1-3.header-col-2 .widget-login .ico-only-text {
        position: absolute;
        top: 40px;
        left: 0px;
    }
}
@media (min-width: 768px) {
    #cv-zone-header .col-1-3.header-col-3 {
        width: 100%;
    }
}
#cv-zone-header .col-1-3.header-col-1 {
    width: 100%;
}
@media (min-width: 768px) {
    #cv-zone-header .col-1-3.header-col-1 {
        width: 35%;
    }
}
#cv-zone-header .col-1-3.header-col-1 .widget-login.mobile-login {
    position: absolute;
    top: 15px;
    right: 10px;
}
@media (min-width: 768px) {
    #cv-zone-header .col-1-3.header-col-1 .widget-login.mobile-login {
        display: none;
    }
}
#cv-zone-header .col-1-3.header-col-2 {
    width: 100%;
}
@media (min-width: 768px) {
    #cv-zone-header .col-1-3.header-col-2 {
        width: 64%;
    }
}
#cv-zone-header .col-1-3.header-col-2 .widget-product-search {
    margin-top: 0px;
    width: 99%;
}
@media (min-width: 768px) {
    #cv-zone-header .col-1-3.header-col-2 .widget-product-search {
        width: 80%;
        float: left;
    }
}
@media (min-width: 1260px) {
    #cv-zone-header .col-1-3.header-col-2 .widget-product-search {
        margin-top: 20px;
    }
}
#cv-zone-header .col-1-3.header-col-2 .widget-login {
    display: none;
}
@media (min-width: 768px) {
    #cv-zone-header .col-1-3.header-col-2 .widget-login {
        display: block;
    }
}
#cv-zone-header .col-1-3.header-col-3 {
    display: none;
}
@media (min-width: 768px) {
    #cv-zone-header .col-1-3.header-col-3 {
        display: inline-block;
    }
}
#cv-zone-header .col-1-3.header-col-3 .sticky-wrapper {
    width: auto;
    float: left;
}
#cv-zone-header .col-1-3.header-col-3 .sticky-wrapper .cv-menus .container {
    width: 100%;
}
#cv-zone-header .col-1-3.header-col-3 .widget-section-menu {
    width: auto;
    float: left;
}
#cv-zone-header .col-1-3.header-col-3 .widget-section-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#cv-zone-header .col-1-3.header-col-3 .widget-section-menu ul li {
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
    display: block;
}
#cv-zone-header .col-1-3.header-col-3 .widget-section-menu ul li:hover a {
    background: #fff;
    color: #00B9EB;
}
#cv-zone-header .col-1-3.header-col-3 .widget-section-menu ul a {
    display: block;
    padding: 14px;
    height: 50px;
    font-weight: 200;
    color: #000;
}
#cv-zone-header .col-1-3.header-col-3 .widget-section-menu ul a.ico-right:before {
    margin-left: 5px;
    position: relative;
    top: 1px;
}

/*------------------------------------*\
    Navigation
\*------------------------------------*/
#cv-zone-navigation,
#cv-zone-navigation-container {
    z-index: 1000;
}
#cv-zone-navigation .container,
#cv-zone-navigation-container .container {
    position: relative;
}

body.role-PUBLIC .cv-menus {
    z-index: 0;
}

.cv-menus {
    width: 100%;
    left: 0;
    background: #fff;
    position: relative;
    height: 50px;
    color: #000;
    z-index: 999;
}

/*------------------------------------*\
    Feature
\*------------------------------------*/
/*------------------------------------*\
    Page
\*------------------------------------*/
.page-content {
    min-height: 1000px;
    padding-bottom: 64px;
}

#cv-zone-container-1 {
    background: none;
    margin-top: 0px;
}
@media (min-width: 768px) {
    #cv-zone-container-1 {
        margin-top: 0px;
    }
}

.page-home #cv-zone-container-1 {
    background: #fff;
}
.page-home #cv-zone-feature {
    margin-top: 0px;
}

body.role-PUBLIC #cv-zone-feature {
    margin-top: 123px;
}
body.role-PUBLIC #cv-zone-container-1 {
    margin-top: 130px;
}
body.role-PUBLIC.page-home #cv-zone-container-1 {
    margin-top: 0px;
}

/*------------------------------------*\
    Page Before
\*------------------------------------*/
/*------------------------------------*\
    Page After
\*------------------------------------*/
/*------------------------------------*\
    Page Left
\*------------------------------------*/
/*------------------------------------*\
    Page Right
\*------------------------------------*/
/*------------------------------------*\
    Footer
\*------------------------------------*/
#cv-zone-footer {
    background: #333;
    padding: 40px 0;
}
#cv-zone-footer a {
    color: #fff;
    line-height: 40px;
}
#cv-zone-footer a:hover {
    color: #00B9EB;
}
#cv-zone-footer .widget-html-snippet {
    color: #fff;
}
#cv-zone-footer .footer-col {
    text-align: center;
}
@media (min-width: 768px) {
    #cv-zone-footer .footer-col {
        text-align: left;
    }
}

/*------------------------------------*\
    Footer After
\*------------------------------------*/
#cv-zone-footer-after {
    background: #222;
    padding: 10px 0;
    border-top: 1px solid #333;
}
#cv-zone-footer-after a {
    color: #fff;
}
#cv-zone-footer-after small {
    text-align: center;
    display: block;
    color: #fff;
    margin-top: 10px;
}
#cv-zone-footer-after .widget-social-links {
    margin-top: 10px;
}

/*------------------------------------*\
    Buttons
\*------------------------------------*/
.btn {
    padding: 5px 14px;
    background: #00B9EB;
    border: 1px solid #00B9EB;
    color: white;
    float: left;
    display: block;
    outline: none;
    cursor: pointer;
    text-align: center;
    border-radius: 0;
}
.btn:before {
    font-family: "cv-ico-general";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.btn:hover, .btn:focus {
    background: #52daff;
    border-color: #52daff;
}
.btn:before {
    display: inline-block;
    position: relative;
    top: 1px;
    margin-right: 5px;
}
.btn + .btn {
    margin: 0 0 2px 2px;
}
.btn.ico-right:before {
    margin-right: 0;
    margin-left: 5px;
}
.btn.cv-is-processing {
    position: relative;
    background: white !important;
    color: white !important;
}
@keyframes spin {
    0% {
        transform: rotate(359deg);
    }
    100% {
        transform: rotate(0deg);
    }
}
.btn.cv-is-processing:after {
    display: inline-block;
    content: "";
    font-family: "cv-ico-general";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    animation: spin 1.25s infinite linear;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -8px 0 0 -8px;
    color: #00B9EB !important;
}
.btn.disabled, .btn.cv-is-disabled, .btn[disabled], .btn[disabled=disabled] {
    cursor: not-allowed;
    opacity: 0.5;
    color: grey !important;
    background: #ddd !important;
    border-color: #ddd !important;
}
.btn.small {
    padding: 2px 5px;
    font-size: 12px;
}
.btn.large {
    padding: 14px 50px;
    font-size: 18px;
}
.btn.pill {
    border-radius: 100px;
}
.btn.square {
    border-radius: 0;
}
.btn.ghost {
    background: transparent;
    color: grey;
}
.btn.primary {
    background: #00B9EB;
    border-color: #00B9EB;
    color: white;
}
.btn.primary:hover, .btn.primary:focus {
    background: #52daff;
    border-color: #52daff;
}
.btn.primary.ghost {
    background: transparent;
    color: #00B9EB;
}
.btn.secondary {
    background: #545454;
    border-color: #545454;
    color: white;
}
.btn.secondary:hover, .btn.secondary:focus {
    background: #878787;
    border-color: #878787;
}
.btn.secondary.ghost {
    background: transparent;
    color: #545454;
}
.btn.alternate {
    background: #ddd;
    border-color: #ddd;
    color: white;
}
.btn.alternate:hover, .btn.alternate:focus {
    background: white;
    border-color: white;
}
.btn.alternate.ghost {
    background: transparent;
    color: #ddd;
}
.btn.black {
    background: black;
    border-color: black;
    color: white;
}
.btn.black:hover, .btn.black:focus {
    background: #333333;
    border-color: #333333;
}
.btn.black.ghost {
    background: transparent;
    color: black;
}
.btn.cv-favourite:before {
    content: "";
}
.btn.cv-favourite.active:before {
    content: "";
}
.btn.cv-add-to-cart {
    background: #71B55E;
    border-color: #71B55E;
    color: white;
}
.btn.cv-add-to-cart:before {
    content: "";
}
.btn.cv-add-to-cart:hover, .btn.cv-add-to-cart:focus {
    background: #63ab4f;
}
.btn.cv-view-cart:before {
    content: "";
}
.btn.cv-checkout {
    background: #71B55E;
    border-color: #71B55E;
    color: white;
}
.btn.cv-checkout:before {
    content: "";
}
.btn.cv-checkout:hover, .btn.cv-checkout:focus {
    background: #63ab4f;
}
.btn.cv-log-in {
    background: #00B9EB;
    border-color: #00B9EB;
    color: white;
}
.btn.cv-log-in:before {
    content: "";
}
.btn.cv-log-in:hover, .btn.cv-log-in:focus {
    background: #52daff;
    border-color: #52daff;
}
.btn.cv-log-out:before {
    content: "";
}
.btn.cv-view:before {
    content: "";
}
.btn.cv-clear {
    background: #D82A2B;
    border-color: #D82A2B;
    color: white;
}
.btn.cv-clear:before {
    content: "";
}
.btn.cv-clear:hover, .btn.cv-clear:focus {
    background: #c52425;
}
.btn.cv-clear.ghost {
    background: transparent;
    color: #D82A2B;
}
.btn.cv-search:before {
    content: "";
}
.btn.cv-filter:before {
    content: "";
}
.btn.cv-next:before {
    content: "";
}
.btn.cv-previous:before {
    content: "";
}
.btn.cv-apply {
    background: #71B55E;
    border-color: #71B55E;
    color: white;
}
.btn.cv-apply:before {
    content: "";
}
.btn.cv-apply:hover, .btn.cv-apply:focus {
    background: #63ab4f;
}
.btn.cv-confirm {
    background: #71B55E;
    border-color: #71B55E;
    color: white;
}
.btn.cv-confirm:before {
    content: "";
}
.btn.cv-confirm:hover, .btn.cv-confirm:focus {
    background: #63ab4f;
}
.btn.cv-cancel {
    background: #D82A2B;
    border-color: #D82A2B;
    color: white;
}
.btn.cv-cancel:before {
    content: "";
}
.btn.cv-cancel:hover, .btn.cv-cancel:focus {
    background: #c52425;
}
.btn.cv-back:before {
    content: "";
}
.btn.cv-close {
    background: #D82A2B;
    border-color: #D82A2B;
    color: white;
}
.btn.cv-close:before {
    content: "";
}
.btn.cv-close:hover, .btn.cv-close:focus {
    background: #c52425;
}
.btn.cv-send:before {
    content: "";
}
.btn.cv-submit:before {
    content: "";
}
.btn.cv-home:before {
    content: "";
}
.btn.cv-print:before {
    content: "";
}
.btn.cv-edit:before {
    content: "";
}
.btn.cv-export:before {
    content: "";
}
.btn.cv-share:before {
    content: "";
}
.btn.cv-refresh:before {
    content: "";
}
.btn.cv-copy:before {
    content: "";
}
.btn.cv-delete {
    background: #D82A2B;
    border-color: #D82A2B;
    color: white;
}
.btn.cv-delete:before {
    content: "";
}
.btn.cv-delete:hover, .btn.cv-delete:focus {
    background: #c52425;
}
.btn.cv-publish:before {
    content: "";
}
.btn.cv-undo {
    background: #D82A2B;
    border-color: #D82A2B;
    color: white;
}
.btn.cv-undo:before {
    content: "";
}
.btn.cv-undo:hover, .btn.cv-undo:focus {
    background: #c52425;
}
.btn.cv-upload:before {
    content: "";
}
.btn.cv-download:before {
    content: "";
}
.btn.cv-help:before {
    content: "";
}
.btn.cv-readmore:before {
    content: "";
}
.btn.cv-newsletter:before {
    content: "";
}
.btn.cv-approve {
    background: #71B55E;
    border-color: #71B55E;
    color: white;
}
.btn.cv-approve:before {
    content: "";
}
.btn.cv-approve:hover, .btn.cv-approve:focus {
    background: #63ab4f;
}
.btn.cv-reject {
    background: #D82A2B;
    border-color: #D82A2B;
    color: white;
}
.btn.cv-reject:before {
    content: "";
}
.btn.cv-reject:hover, .btn.cv-reject:focus {
    background: #c52425;
}

.btn.cv-favourite.favourite-icon-only {
    position: absolute;
    top: 5px;
    right: 5px;
    background: none;
    border: none;
    padding: 0;
    font-size: 0;
    margin: 0 !important;
    width: auto !important;
}
.btn.cv-favourite.favourite-icon-only:before {
    font-size: 32px;
    color: black;
}

.text-right .btn {
    float: right;
}
.text-right .btn + .btn {
    margin: 0 2px 2px 0;
}

/* Dropdown Button */
.dropdown-section-list {
    padding: 5px 14px;
    background: #00B9EB;
    border: 1px solid #00B9EB;
    color: white;
    float: left;
    display: block;
    outline: none;
    cursor: pointer;
    text-align: center;
    border-radius: 0;
    position: relative;
}
.dropdown-section-list:before {
    font-family: "cv-ico-general";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.dropdown-section-list:hover, .dropdown-section-list:focus {
    background: #52daff;
    border-color: #52daff;
}
.dropdown-section-list:before {
    display: inline-block;
    position: relative;
    top: 1px;
    margin-right: 5px;
}
.dropdown-section-list:hover .dropdown-area, .dropdown-section-list:focus .dropdown-area {
    display: block;
}
.dropdown-section-list .dropdown-area {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    width: 200px;
    background: #f8f8f8;
    color: black;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.18);
}
.dropdown-section-list .dropdown-area ul.dropdown-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.dropdown-section-list .dropdown-area ul.dropdown-list li {
    text-align: left;
    padding: 10px;
}
.dropdown-section-list .dropdown-area ul.dropdown-list li::after {
    clear: both;
    content: "";
    display: table;
}
.dropdown-section-list .dropdown-area ul.dropdown-list li:hover, .dropdown-section-list .dropdown-area ul.dropdown-list li:focus {
    background: #e1eff5;
}
.dropdown-section-list .dropdown-area ul.dropdown-list li span {
    display: block;
    float: left;
}
.dropdown-section-list .dropdown-area ul.dropdown-list li span::before {
    float: left;
    position: relative;
    top: 1px;
    margin-right: 5px;
}
.dropdown-section-list .dropdown-area ul.dropdown-list li span .ico-only-text {
    display: block;
    float: left;
    font-size: 12px;
}

/*------------------------------------*\
    ARROW BOX
\*------------------------------------*/
.arrow-box {
    position: relative;
    padding: 14px;
    background: #00B9EB;
    border-radius: 14px;
    color: white;
    margin: 14px 0;
}
.arrow-box .help-icon:before {
    color: white;
}
.arrow-box:after {
    content: "";
    margin: 0;
    bottom: 100%;
    left: 35px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: none;
    border-bottom-color: #00B9EB;
    border-width: 8px;
    margin-left: -8px;
}
.arrow-box.primary {
    background: #545454;
    color: white;
    min-height: 60px;
}
.arrow-box.primary:after {
    border-bottom-color: #545454;
}
.arrow-box.primary .form-label {
    color: white;
    font-size: 12px;
    margin-left: 5px;
    text-transform: capitalize;
}
.arrow-box.primary .btn {
    background: white;
    color: black;
}
.arrow-box.primary .btn:hover {
    background: white;
    color: black;
}
.arrow-box.secondary {
    background: #545454;
    color: white;
}
.arrow-box.secondary:after {
    border-bottom-color: #545454;
}
.arrow-box.secondary .btn {
    background: white;
    color: black;
}
.arrow-box.secondary .btn:hover {
    background: white;
    color: black;
}
.arrow-box.alternate {
    background: #ddd;
    color: white;
}
.arrow-box.alternate:after {
    border-bottom-color: #ddd;
}
.arrow-box.alternate .btn {
    background: white;
    color: black;
}
.arrow-box.alternate .btn:hover {
    background: white;
    color: black;
}
.arrow-box.black {
    background: black;
    color: white;
}
.arrow-box.black:after {
    border-bottom-color: black;
}
.arrow-box.black .btn {
    background: white;
    color: black;
}
.arrow-box.black .btn:hover {
    background: white;
    color: black;
}

/*------------------------------------*\
    Content Boxe
\*------------------------------------*/
.content-box {
    clear: both;
    display: block;
    margin: 0 0 50px;
}
.content-box::after {
    clear: both;
    content: "";
    display: table;
}
.content-box .box-title {
    display: block;
    padding: 14px;
    background: #ddd;
    font-weight: bold;
}
.content-box .box-title.ico-heading:before {
    position: relative;
    top: 1px;
    margin-right: 5px;
}
.content-box .box-content {
    clear: both;
    padding: 14px;
    min-height: 10em;
    border: 1px solid #ddd;
    background: white;
}
.content-box .box-content::after {
    clear: both;
    content: "";
    display: table;
}
.content-box .box-title + .box-content {
    border-top: none;
}
.content-box.primary .box-title {
    background: #00B9EB;
    color: white;
}
.content-box.secondary .box-title {
    background: #545454;
    color: white;
}
.content-box.alternate .box-title {
    background: #ddd;
    color: white;
}
.content-box.black .box-title {
    background: black;
    color: white;
}

/*------------------------------------*\
    Generic Box
\*------------------------------------*/
.grey-box {
    clear: both;
    display: block;
    padding: 10px;
    margin: 14px 0;
    background: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: opx;
}
.grey-box::after {
    clear: both;
    content: "";
    display: table;
}
.grey-box .container {
    max-width: 100%;
}
.grey-box .grey-box {
    background: white;
}

/*------------------------------------*\
    Data List View
\*------------------------------------*/
.data-list-item-content div:nth-child(2n) .data-list-item {
    background: #fafafa;
}
.data-list-item-content div:hover .data-list-item {
    background: #e1eff5;
}

.data-list-item {
    background: white;
    font-size: 14px;
}
.data-list-item::after {
    clear: both;
    content: "";
    display: table;
}
.data-list-item.data-list-heading {
    border-bottom: 2px solid black;
    font-weight: 200;
    background: white;
}
.data-list-item.data-list-heading:hover {
    background: white;
}
.data-list-item:nth-child(2n) {
    background: #fafafa;
}
.data-list-item:hover {
    background: #e1eff5;
}

.data-item-title {
    display: block;
}
@media (min-width: 992px) {
    .data-item-title {
        display: none;
    }
}

.data-list-column {
    float: left;
    display: inline-block;
    padding: 5px;
    width: 100%;
}
.data-list-column.cv-sortable-column {
    position: relative;
}
.data-list-column.cv-sortable-column .sort-icon {
    position: absolute;
    top: 0;
    right: 0;
}
.data-list-column.price-right {
    padding-right: 1em;
}
.data-list-column.price-right .data-item-value,
.data-list-column.price-right .summary-value {
    font-weight: 200;
}
.data-list-column .widget-productlist-image {
    position: relative;
}
.data-list-column .form-number-plus-minus {
    height: 34px;
}

.data-list-view-basic {
    background: white;
    font-size: 14px;
    margin: 14px 0;
}
.data-list-view-basic.no-options .cv-data-zone-2 {
    width: 75%;
}
.data-list-view-basic.no-options .cv-data-zone-3 {
    display: none;
}
.data-list-view-basic .cv-data-zone-1 {
    float: left;
    display: inline-block;
    width: 100%;
}
@media (min-width: 992px) {
    .data-list-view-basic .cv-data-zone-1 {
        width: 25%;
    }
}
.data-list-view-basic .cv-data-zone-2 {
    float: left;
    display: inline-block;
    width: 100%;
}
@media (min-width: 992px) {
    .data-list-view-basic .cv-data-zone-2 {
        width: 60%;
    }
}
.data-list-view-basic .cv-data-zone-3 {
    float: left;
    display: inline-block;
    width: 100%;
}
@media (min-width: 992px) {
    .data-list-view-basic .cv-data-zone-3 {
        width: 15%;
    }
}
.data-list-view-basic.column-2 .cv-data-zone-2 .data-list-column {
    width: 50%;
}
.data-list-view-basic.column-3 .cv-data-zone-2 .data-list-column {
    width: 33.33333%;
}
.data-list-view-basic.column-4 .cv-data-zone-2 .data-list-column {
    width: 25%;
}
.data-list-view-basic.column-5 .cv-data-zone-2 .data-list-column {
    width: 20%;
}
.data-list-view-basic.column-6 .cv-data-zone-2 .data-list-column {
    width: 16.6666666667%;
}

.data-list-view-product {
    background: white;
    font-size: 14px;
    margin: 14px 0 64px;
}
.data-list-view-product .cv-data-zone-1 {
    float: left;
    display: inline-block;
    width: 100%;
}
@media (min-width: 992px) {
    .data-list-view-product .cv-data-zone-1 {
        width: 50%;
    }
}
.data-list-view-product .cv-data-zone-1 .data-list-column:first-child {
    width: 5%;
}
.data-list-view-product .cv-data-zone-1 .data-list-column:nth-child(2) {
    width: 10%;
}
.data-list-view-product .cv-data-zone-1 .data-list-column:last-child {
    width: 85%;
}
.data-list-view-product .cv-data-zone-1 .data-list-column.image-column .product-image {
    padding: 0;
    border: 1px solid #ddd;
}
.data-list-view-product .cv-data-zone-2 {
    float: left;
    display: inline-block;
    width: 100%;
}
@media (min-width: 992px) {
    .data-list-view-product .cv-data-zone-2 {
        width: 40%;
    }
}
.data-list-view-product .cv-data-zone-3 {
    float: left;
    display: inline-block;
    width: 100%;
}
@media (min-width: 992px) {
    .data-list-view-product .cv-data-zone-3 {
        width: 10%;
    }
}
.data-list-view-product.column-2 .cv-data-zone-2 .data-list-column {
    width: 50%;
}
.data-list-view-product.column-3 .cv-data-zone-2 .data-list-column {
    width: 33.33333%;
}
.data-list-view-product.column-4 .cv-data-zone-2 .data-list-column {
    width: 25%;
}
.data-list-view-product.column-5 .cv-data-zone-2 .data-list-column {
    width: 20%;
}
.data-list-view-product.column-6 .cv-data-zone-2 .data-list-column {
    width: 16.6666666667%;
}
.data-list-view-product.no-options .cv-data-zone-2 {
    width: 50%;
}
.data-list-view-product.no-options .cv-data-zone-3 {
    display: none;
}

.pagination-buttons {
    float: right;
    width: auto;
}

.data-item-action .btn {
    margin: 0 0 5px;
    width: 100%;
}
.data-item-action .btn.cv-is-processing:after {
    margin: 0;
    padding: 0;
    display: block;
    left: 12px;
    top: 12px;
    line-height: 100%;
    font-size: 24px;
    width: 24px;
    height: 24px;
}

.data-item-key-title {
    font-weight: 200;
}

/*------------------------------------*\
    Client fonts
\*------------------------------------*/
@font-face {
    font-family: "Segoe UI";
    src: url("/Themes/BPDTHEME01/theme-client-updates/fonts/Segoe-UI.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
@font-face {
    font-family: "Segoe UI Bold";
    src: url("/Themes/BPDTHEME01/theme-client-updates/fonts/Segoe-UI-Bold.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
@font-face {
    font-family: "Segoe UI Bold Italic";
    src: url("/Themes/BPDTHEME01/theme-client-updates/fonts/Segoe-UI-Bold-Italic.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
@font-face {
    font-family: "Segoe UI Italic";
    src: url("/Themes/BPDTHEME01/theme-client-updates/fonts/Segoe-UI-Italic.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
h1, h2, h3, h4, h5, h6 {
    font-family: "Segoe UI Bold", Arial, sans-serif;
}

p {
    font-family: "Segoe UI", Arial, sans-serif;
}

/*------------------------------------*\
    Forms
\*------------------------------------*/
input,
textarea {
    display: block;
}
input::placeholder,
textarea::placeholder {
    color: #ccc;
    font-style: italic;
}

fieldset {
    border: none;
    padding: 0;
}

[class*=form-] {
    display: block;
    clear: both;
    width: 100%;
    float: left;
    margin: 0 0 12px;
}
[class*=form-].push-right {
    float: right;
}

.form-label {
    display: block;
    font-weight: 200;
    font-size: 14px;
    text-transform: uppercase;
    margin: 0 0 5px;
}
.form-label.required:after {
    color: #D82A2B;
    content: "*";
    padding-left: 2px;
}

.form-title {
    font-weight: 200;
    margin: 20px 0 10px;
    font-size: 20px;
}

.form-text,
.form-email,
.form-password,
.form-url,
.form-credit-card,
.form-tel,
.form-numericinttextbox {
    border: 1px solid #CCC;
    padding: 10px;
    border-radius: 0;
    height: 45px;
}
.form-text:focus, .form-text:active,
.form-email:focus,
.form-email:active,
.form-password:focus,
.form-password:active,
.form-url:focus,
.form-url:active,
.form-credit-card:focus,
.form-credit-card:active,
.form-tel:focus,
.form-tel:active,
.form-numericinttextbox:focus,
.form-numericinttextbox:active {
    border-color: #00B9EB;
    outline: none;
    background: #e1eff5;
}
.form-text:focus::placeholder, .form-text:active::placeholder,
.form-email:focus::placeholder,
.form-email:active::placeholder,
.form-password:focus::placeholder,
.form-password:active::placeholder,
.form-url:focus::placeholder,
.form-url:active::placeholder,
.form-credit-card:focus::placeholder,
.form-credit-card:active::placeholder,
.form-tel:focus::placeholder,
.form-tel:active::placeholder,
.form-numericinttextbox:focus::placeholder,
.form-numericinttextbox:active::placeholder {
    color: #333333;
    font-style: italic;
}
.form-text[disabled=disabled], .form-text[disabled], .form-text[readonly=readonly], .form-text[readonly],
.form-email[disabled=disabled],
.form-email[disabled],
.form-email[readonly=readonly],
.form-email[readonly],
.form-password[disabled=disabled],
.form-password[disabled],
.form-password[readonly=readonly],
.form-password[readonly],
.form-url[disabled=disabled],
.form-url[disabled],
.form-url[readonly=readonly],
.form-url[readonly],
.form-credit-card[disabled=disabled],
.form-credit-card[disabled],
.form-credit-card[readonly=readonly],
.form-credit-card[readonly],
.form-tel[disabled=disabled],
.form-tel[disabled],
.form-tel[readonly=readonly],
.form-tel[readonly],
.form-numericinttextbox[disabled=disabled],
.form-numericinttextbox[disabled],
.form-numericinttextbox[readonly=readonly],
.form-numericinttextbox[readonly] {
    background: #DADADA;
    color: #666;
}
.form-text[disabled=disabled]:hover, .form-text[disabled=disabled]:focus, .form-text[disabled]:hover, .form-text[disabled]:focus, .form-text[readonly=readonly]:hover, .form-text[readonly=readonly]:focus, .form-text[readonly]:hover, .form-text[readonly]:focus,
.form-email[disabled=disabled]:hover,
.form-email[disabled=disabled]:focus,
.form-email[disabled]:hover,
.form-email[disabled]:focus,
.form-email[readonly=readonly]:hover,
.form-email[readonly=readonly]:focus,
.form-email[readonly]:hover,
.form-email[readonly]:focus,
.form-password[disabled=disabled]:hover,
.form-password[disabled=disabled]:focus,
.form-password[disabled]:hover,
.form-password[disabled]:focus,
.form-password[readonly=readonly]:hover,
.form-password[readonly=readonly]:focus,
.form-password[readonly]:hover,
.form-password[readonly]:focus,
.form-url[disabled=disabled]:hover,
.form-url[disabled=disabled]:focus,
.form-url[disabled]:hover,
.form-url[disabled]:focus,
.form-url[readonly=readonly]:hover,
.form-url[readonly=readonly]:focus,
.form-url[readonly]:hover,
.form-url[readonly]:focus,
.form-credit-card[disabled=disabled]:hover,
.form-credit-card[disabled=disabled]:focus,
.form-credit-card[disabled]:hover,
.form-credit-card[disabled]:focus,
.form-credit-card[readonly=readonly]:hover,
.form-credit-card[readonly=readonly]:focus,
.form-credit-card[readonly]:hover,
.form-credit-card[readonly]:focus,
.form-tel[disabled=disabled]:hover,
.form-tel[disabled=disabled]:focus,
.form-tel[disabled]:hover,
.form-tel[disabled]:focus,
.form-tel[readonly=readonly]:hover,
.form-tel[readonly=readonly]:focus,
.form-tel[readonly]:hover,
.form-tel[readonly]:focus,
.form-numericinttextbox[disabled=disabled]:hover,
.form-numericinttextbox[disabled=disabled]:focus,
.form-numericinttextbox[disabled]:hover,
.form-numericinttextbox[disabled]:focus,
.form-numericinttextbox[readonly=readonly]:hover,
.form-numericinttextbox[readonly=readonly]:focus,
.form-numericinttextbox[readonly]:hover,
.form-numericinttextbox[readonly]:focus {
    cursor: not-allowed;
    border-color: #ddd;
}

.k-maskedtextbox.form-credit-card {
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
}

.form-textarea {
    border: 1px solid #CCC;
    padding: 5px;
    border-radius: 0;
    min-height: 200px;
}
.form-textarea:focus, .form-textarea:active {
    border-color: #00B9EB;
    outline: none;
    background: #e1eff5;
}
.form-textarea:focus::placeholder, .form-textarea:active::placeholder {
    color: #333333;
    font-style: italic;
}

.form-help {
    display: inline-block;
    width: auto;
    clear: none;
    margin: 0 0 5px;
}
.form-help .help-icon::after {
    clear: both;
    content: "";
    display: table;
}
.form-help .help-icon:before {
    font-family: "cv-ico-general";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.form-help .help-icon:before {
    content: "";
}
.form-help .help-icon::before {
    float: left;
    background: #ddd;
    color: black;
    padding: 3px;
    border-radius: 12px;
    font-size: 11px;
    display: block;
    margin: 0 5px 0 0;
}

.form-checkbox,
.form-span {
    display: inline-block;
    width: auto;
    clear: none;
}

.form-checkbox + .form-span {
    padding-left: 2px;
}

[type=checkbox],
[type=radio] {
    float: left;
    display: block;
}

.form-radiobutton {
    width: auto;
}

.option-label {
    padding-left: 5px;
    font-size: 12px;
}

.cv-button-checkbox {
    float: left;
    display: block;
    padding: 5px;
    cursor: pointer;
    border: 1px solid #ddd;
    color: black;
    font-weight: 200;
    background: white;
    margin: 5px 0;
    width: 100%;
    text-align: center;
}
.cv-button-checkbox input[type=checkbox] {
    margin: 2px 5px 0 0 !important;
}

.cv-numeric-input {
    position: relative;
    display: inline-block;
}
.cv-numeric-input .k-select {
    display: none !important;
}

.form-number-plus-minus .cv-link {
    font-size: 0;
    float: right;
    height: 100%;
    width: 50%;
    display: inline-block;
    text-align: center;
    margin: 0 !important;
}
.form-number-plus-minus .cv-link:before {
    font-family: "cv-ico-general";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.form-number-plus-minus .cv-link.form-number-plus:before {
    content: "";
}
.form-number-plus-minus .cv-link.form-number-minus:before {
    content: "";
}

.form-number-plus-minus {
    background: white;
    border-left: 1px solid #52daff;
    position: absolute;
    top: 1px;
    right: 5px;
    height: 34px;
    width: 40%;
    margin: 0;
}
.form-number-plus-minus .cv-link {
    float: right;
    font-size: 0;
    height: 100%;
    width: 50%;
    display: inline-block;
    text-align: center;
    clear: none;
}
@media (min-width: 1260px) {
    .form-number-plus-minus .cv-link {
        display: block;
        height: 50%;
        width: 100%;
    }
}
.form-number-plus-minus .cv-link:hover {
    cursor: pointer;
}
.form-number-plus-minus .cv-link:before {
    font-size: 14px;
    position: relative;
    top: 14px;
}
.form-number-plus-minus .cv-link:before:before {
    font-family: "cv-ico-general";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
@media (min-width: 992px) {
    .form-number-plus-minus .cv-link:before {
        top: 6px;
    }
}
.form-number-plus-minus .cv-link.form-number-plus:hover {
    color: #00B9EB;
}
.form-number-plus-minus .cv-link.form-number-plus:before {
    content: "";
}
.form-number-plus-minus .cv-link.form-number-minus:hover {
    color: #00B9EB;
}
.form-number-plus-minus .cv-link.form-number-minus:before {
    content: "";
}
@media (min-width: 1260px) {
    .form-number-plus-minus .cv-link.form-number-minus:before {
        top: 1px;
    }
}

.widget-productlist-qty-input.k-numerictextbox {
    border-radius: 0;
    border: 1px solid #52daff;
    margin: 0;
}
.widget-productlist-qty-input.k-numerictextbox .k-numeric-wrap {
    border: none;
}

.product-grid.grid [class*=cv-zone-product] .cv-numeric-input {
    width: 100%;
    float: left;
    display: inline-block;
    margin: 0 0 5px;
}

.product-grid.detailed-list [class*=cv-zone-product] .cv-numeric-input {
    float: left;
    display: inline-block;
    margin: 0 5px 5px 0;
}
@media (min-width: 992px) {
    .product-grid.detailed-list [class*=cv-zone-product] .cv-numeric-input {
        float: none;
    }
}
@media (min-width: 1260px) {
    .product-grid.detailed-list [class*=cv-zone-product] .cv-numeric-input .form-number-plus-minus {
        width: 40%;
    }
}
@media (min-width: 1260px) {
    .product-grid.detailed-list [class*=cv-zone-product] .cv-numeric-input .form-number-plus-minus .cv-link {
        width: 50%;
        height: 100%;
        clear: none;
    }
}
.product-grid.detailed-list [class*=cv-zone-product] .cv-numeric-input .form-number-plus-minus .cv-link:before {
    top: 8px;
}
@media (min-width: 992px) {
    .product-grid.detailed-list [class*=cv-zone-product] .cv-numeric-input input.widget-productlist-qty-input {
        margin: 0 !important;
    }
}

.product-grid.list [class*=cv-zone-product] .cv-numeric-input {
    float: left;
    display: inline-block;
    margin: 0 5px 5px 0;
}
@media (min-width: 992px) {
    .product-grid.list [class*=cv-zone-product] .cv-numeric-input {
        float: none;
    }
}
@media (min-width: 992px) {
    .product-grid.list [class*=cv-zone-product] .cv-numeric-input .form-number-plus-minus {
        right: 0px;
    }
}
@media (min-width: 1260px) {
    .product-grid.list [class*=cv-zone-product] .cv-numeric-input .form-number-plus-minus {
        width: 40%;
    }
}
.product-grid.list [class*=cv-zone-product] .cv-numeric-input .form-number-plus-minus .cv-link:before {
    top: 7px;
}
@media (min-width: 1260px) {
    .product-grid.list [class*=cv-zone-product] .cv-numeric-input .form-number-plus-minus .cv-link {
        width: 50%;
    }
}
@media (min-width: 992px) {
    .product-grid.list [class*=cv-zone-product] .cv-numeric-input input.widget-productlist-qty-input {
        margin: 0 !important;
    }
}

.product-detail-right .form-number-plus-minus {
    position: static;
    height: initial;
    border: none !important;
    width: auto;
}
.product-detail-right .form-number-plus-minus .cv-link {
    position: absolute;
    top: 0;
    width: 45px;
    height: 45px;
}
.product-detail-right .form-number-plus-minus .cv-link::before {
    font-size: 20px;
    top: 12px;
}
.product-detail-right .form-number-plus-minus .cv-link.form-number-plus {
    right: 0;
}
.product-detail-right .form-number-plus-minus .cv-link.form-number-minus {
    left: 0;
}

.error label {
    color: #D82A2B !important;
}
.error .form-text,
.error .form-email,
.error .form-password,
.error .form-url,
.error .form-credit-card,
.error .form-tel {
    border-color: #D82A2B !important;
}
.error .form-textarea {
    border-color: #D82A2B !important;
}

.form-number-plus-minus {
    border-left: 1px solid #ddd !important;
    top: 1px;
    height: 45px;
}

@media (min-width: 992px) {
    .select-short,
.form-text.ccv {
        width: 150px;
        clear: none;
        margin-right: 10px;
    }
}

/*------------------------------------*\
    Hubspot Forms
\*------------------------------------*/
.hbspt-form {
    clear: both;
    display: block;
    background: white;
    border-radius: 5px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    background: white;
    border: 1px solid #ddd;
    color: black;
    padding: 20px 10px 20px 20px;
}
.hbspt-form::after {
    clear: both;
    content: "";
    display: table;
}
.hbspt-form form,
.hbspt-form .hs-nested-form-fix {
    margin: 0;
}
.hbspt-form .form-columns-1 {
    display: block;
    width: 100%;
    max-width: 100% !important;
    clear: both;
}
.hbspt-form .form-columns-1::after {
    clear: both;
    content: "";
    display: table;
}
.hbspt-form .form-columns-1 .hs-form-field {
    width: 100% !important;
    padding: 0 10px 10px 0;
}
.hbspt-form .form-columns-2 {
    display: block;
    width: 100%;
    max-width: 100% !important;
    clear: both;
}
.hbspt-form .form-columns-2::after {
    clear: both;
    content: "";
    display: table;
}
.hbspt-form .form-columns-2 .hs-form-field {
    padding: 0 10px 10px 0;
    width: 100% !important;
}
@media (min-width: 992px) {
    .hbspt-form .form-columns-2 .hs-form-field {
        float: left;
        width: 50% !important;
        clear: none;
    }
}
.hbspt-form label span {
    display: inline-block;
    font-family: 200;
    font-weight: normal;
    font-size: 11px;
    text-transform: uppercase;
    margin: 0 0 2px;
    float: left;
}
.hbspt-form .hs-form-required {
    color: #D82A2B;
    padding-left: 6px;
    clear: none;
    width: auto;
}
.hbspt-form .no-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.hbspt-form .hs-error-msgs {
    color: #D82A2B;
    font-size: 11px;
}
.hbspt-form .hs-fieldtype-select .input {
    position: relative;
}
.hbspt-form .hs-fieldtype-select .input:before {
    font-family: "cv-ico-general";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.hbspt-form .hs-fieldtype-select .input:before {
    content: "";
}
.hbspt-form .hs-fieldtype-select .input::before {
    display: block;
    position: absolute;
    top: 22px;
    right: 10px;
    font-size: 20px;
    color: #666;
}
.hbspt-form select.hs-input {
    -webkit-appearance: none;
    display: block;
    clear: both;
    width: 100% !important;
    max-width: 100% !important;
    float: left;
    margin: 0 0 12px;
    border: 1px solid #CCC;
    padding: 10px;
    border-radius: 0;
    height: 45px;
    background: white;
    cursor: pointer;
}
.hbspt-form select.hs-input:focus, .hbspt-form select.hs-input:active {
    border-color: #00B9EB;
    outline: none;
    background: #e1eff5;
}
.hbspt-form select.hs-input:focus::placeholder, .hbspt-form select.hs-input:active::placeholder {
    color: #333333;
    font-style: italic;
}

.hbspt-form input[type=email],
.hbspt-form input[type=number],
.hbspt-form input[type=password],
.hbspt-form input[type=search],
.hbspt-form input[type=tel],
.hbspt-form input[type=text] {
    display: block;
    clear: both;
    width: 100% !important;
    float: left;
    margin: 0;
    border: 1px solid #CCC;
    padding: 10px;
    border-radius: 0;
    height: 45px;
    box-sizing: border-box !important;
    max-width: 100% !important;
}
.hbspt-form input[type=email]:focus, .hbspt-form input[type=email]:active,
.hbspt-form input[type=number]:focus,
.hbspt-form input[type=number]:active,
.hbspt-form input[type=password]:focus,
.hbspt-form input[type=password]:active,
.hbspt-form input[type=search]:focus,
.hbspt-form input[type=search]:active,
.hbspt-form input[type=tel]:focus,
.hbspt-form input[type=tel]:active,
.hbspt-form input[type=text]:focus,
.hbspt-form input[type=text]:active {
    border-color: #00B9EB;
    outline: none;
    background: #e1eff5;
}
.hbspt-form input[type=email]:focus::placeholder, .hbspt-form input[type=email]:active::placeholder,
.hbspt-form input[type=number]:focus::placeholder,
.hbspt-form input[type=number]:active::placeholder,
.hbspt-form input[type=password]:focus::placeholder,
.hbspt-form input[type=password]:active::placeholder,
.hbspt-form input[type=search]:focus::placeholder,
.hbspt-form input[type=search]:active::placeholder,
.hbspt-form input[type=tel]:focus::placeholder,
.hbspt-form input[type=tel]:active::placeholder,
.hbspt-form input[type=text]:focus::placeholder,
.hbspt-form input[type=text]:active::placeholder {
    color: #333333;
    font-style: italic;
}
.hbspt-form input[type=email].push-right,
.hbspt-form input[type=number].push-right,
.hbspt-form input[type=password].push-right,
.hbspt-form input[type=search].push-right,
.hbspt-form input[type=tel].push-right,
.hbspt-form input[type=text].push-right {
    float: right;
}

.hbspt-form textarea {
    display: block;
    clear: both;
    width: 100% !important;
    float: left;
    margin: 0;
    border: 1px solid #CCC;
    padding: 5px;
    border-radius: 0;
    height: 100px;
}
.hbspt-form textarea:focus, .hbspt-form textarea:active {
    border-color: #00B9EB;
    outline: none;
    background: #e1eff5;
}
.hbspt-form textarea:focus::placeholder, .hbspt-form textarea:active::placeholder {
    color: #333333;
    font-style: italic;
}
.hbspt-form textarea.push-right {
    float: right;
}

@media (min-width: 992px) {
    .template-top-navigation .btn {
        margin: 0 5px;
    }
}
@media (min-width: 992px) {
    .template-top-navigation .btn.cv-print,
.template-top-navigation .btn.cv-copy {
        float: right;
    }
}

[type=search] {
    -webkit-appearance: none;
    border-radius: 0;
}

input.form-checkbox + .form-label {
    clear: none;
    width: auto;
    padding-left: 5px;
}

/*------------------------------------*\
    ICON FONTS - MOBILE MENU
\*------------------------------------*/
@font-face {
    font-family: "cv-icons-mobilemenu";
    src: url("/Themes/BPDTHEME01/theme-base/webfonts/menu/icomoon.eot");
    src: url("/Themes/BPDTHEME01/theme-base/webfonts/menu/icomoon.eot?#iefix") format("embedded-opentype"), url("/Themes/BPDTHEME01/theme-base/webfonts/menu/icomoon.woff") format("woff"), url("/Themes/BPDTHEME01/theme-base/webfonts/menu/icomoon.ttf") format("truetype"), url("/Themes/BPDTHEME01/theme-base/webfonts/menu/icomoon.svg#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
}
/*------------------------------------*
CV EXAMPLE - ICON FONTS
\*------------------------------------*/
ul.icon-list {
    display: block;
}

ul.icon-list {
    *zoom: 1;
}

ul.icon-list:before,
ul.icon-list:after {
    content: "";
    display: table;
}

ul.icon-list:after {
    clear: both;
}

ul.icon-list li {
    display: block;
    font-size: 16px;
    margin: 0 0 10px;
}

@media (min-width: 37em) {
    ul.icon-list li {
        float: left;
        display: inline-block;
        width: 50%;
    }
}
@media (min-width: 48em) {
    ul.icon-list li {
        width: 25%;
    }
}
ul.icon-list li .mls {
    margin-left: 10px;
    font-size: 13px;
}

.icon-search-example {
    *zoom: 1;
}

.icon-search-example:before,
.icon-search-example:after {
    content: "";
    display: table;
}

.icon-search-example:after {
    clear: both;
}

.icon-search-example .search-icons {
    position: relative;
}

.icon-search-example .search-icons input {
    width: 100%;
    font-size: 14px;
    padding: 10px 10px 10px 45px;
    border: 1px solid #ddd;
    border-left-width: 2px;
    box-sizing: border-box;
}

.icon-search-example .search-icons input:focus {
    border-left-color: #0394cb;
    outline: none;
}

.icon-search-example .search-icons button {
    position: absolute;
    top: 24px;
    left: 30px;
    color: #999;
    border: none;
    padding: 0;
    background: none;
    font-size: 20px;
}

.icon-search-example ul {
    margin: 40px auto;
    padding-left: 5px;
    width: 100%;
    list-style: none;
    text-align: left;
    font-size: 1px;
}

.icon-search-example ul li {
    position: relative;
    z-index: 0;
    display: inline-block;
    padding: 22px;
    border-radius: 4px;
    list-style: none;
    text-align: center;
    font-weight: normal;
    font-size: 32px;
    cursor: pointer;
    min-width: 100px;
}

.icon-search-example li:hover {
    color: #4F8EF7;
    background: #fafafa;
}

.icon-search-example li.active {
    color: #4F8EF7;
}

#icon-panel {
    position: absolute;
    top: -9999px;
    left: -9999px;
    padding: 20px 2px;
    width: 260px;
    border-radius: 4px;
    background: white;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    text-align: center;
    font-size: 14px;
    font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
    opacity: 0.96;
}

#icon-name {
    display: block;
    font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
    font-size: 14px;
    text-align: center;
    width: 100%;
    border: 0;
}

#icon-code {
    padding-top: 10px;
    font-size: 12px;
}

#icons {
    transition: opacity 0.2s ease-in-out;
}

.search-init {
    opacity: 0.15;
}

.search-results li {
    display: none;
}

/*------------------------------------*\
    ICON FONTS - GENERAL
\*------------------------------------*/
@font-face {
    font-family: "cv-ico-general";
    src: url("/Themes/BPDTHEME01/theme-base/webfonts/ico-general/cv-ico-general.woff2") format("woff2"), url("/Themes/BPDTHEME01/theme-base/webfonts/ico-general/cv-ico-general.woff") format("woff"), url("/Themes/BPDTHEME01/theme-base/webfonts/ico-general/cv-ico-general.ttf") format("truetype"), url("/Themes/BPDTHEME01/theme-base/webfonts/ico-general/cv-ico-general.eot"), url("/Themes/BPDTHEME01/theme-base/webfonts/ico-general/cv-ico-general.eot?#iefix") format("embedded-opentype"), url("/Themes/BPDTHEME01/theme-base/webfonts/ico-general/cv-ico-general.svg#cv-ico-general") format("svg");
    font-weight: normal;
    font-style: normal;
}
.bpd-icons:before,
[class^=cv-ico-general-]:before,
[class*=" cv-ico-general-"]:before {
    font-family: "cv-ico-general";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.cv-ico-general-arrow-down:before {
    content: "";
}

.cv-ico-general-arrow-up:before {
    content: "";
}

.cv-ico-general-arrow-right:before {
    content: "";
}

.cv-ico-general-arrow-up2:before {
    content: "";
}

.cv-ico-general-arrow-down2:before {
    content: "";
}

.cv-ico-general-arrow-left:before {
    content: "";
}

.cv-ico-general-flow-tree:before {
    content: "";
}

.cv-ico-general-flow-branch:before {
    content: "";
}

.cv-ico-general-flow-cascade:before {
    content: "";
}

.cv-ico-general-phone:before {
    content: "";
}

.cv-ico-general-mobile:before {
    content: "";
}

.cv-ico-general-mouse:before {
    content: "";
}

.cv-ico-general-directions:before {
    content: "";
}

.cv-ico-general-mail:before {
    content: "";
}

.cv-ico-general-paperplane:before {
    content: "";
}

.cv-ico-general-pencil:before {
    content: "";
}

.cv-ico-general-feather:before {
    content: "";
}

.cv-ico-general-paperclip:before {
    content: "";
}

.cv-ico-general-drawer:before {
    content: "";
}

.cv-ico-general-reply:before {
    content: "";
}

.cv-ico-general-reply-all:before {
    content: "";
}

.cv-ico-general-forward:before {
    content: "";
}

.cv-ico-general-user:before {
    content: "";
}

.cv-ico-general-export:before {
    content: "";
}

.cv-ico-general-location:before {
    content: "";
}

.cv-ico-general-map:before {
    content: "";
}

.cv-ico-general-compass:before {
    content: "";
}

.cv-ico-general-location2:before {
    content: "";
}

.cv-ico-general-target:before {
    content: "";
}

.cv-ico-general-share:before {
    content: "";
}

.cv-ico-general-sharable:before {
    content: "";
}

.cv-ico-general-heart:before {
    content: "";
}

.cv-ico-general-heart2:before {
    content: "";
}

.cv-ico-general-star:before {
    content: "";
}

.cv-ico-general-star2:before {
    content: "";
}

.cv-ico-general-thumbs-up:before {
    content: "";
}

.cv-ico-general-thumbs-down:before {
    content: "";
}

.cv-ico-general-house:before {
    content: "";
}

.cv-ico-general-popup:before {
    content: "";
}

.cv-ico-general-search:before {
    content: "";
}

.cv-ico-general-flashlight:before {
    content: "";
}

.cv-ico-general-printer:before {
    content: "";
}

.cv-ico-general-bell:before {
    content: "";
}

.cv-ico-general-link:before {
    content: "";
}

.cv-ico-general-flag:before {
    content: "";
}

.cv-ico-general-cog:before {
    content: "";
}

.cv-ico-general-tools:before {
    content: "";
}

.cv-ico-general-trophy:before {
    content: "";
}

.cv-ico-general-tag:before {
    content: "";
}

.cv-ico-general-camera:before {
    content: "";
}

.cv-ico-general-megaphone:before {
    content: "";
}

.cv-ico-general-music:before {
    content: "";
}

.cv-ico-general-music2:before {
    content: "";
}

.cv-ico-general-new:before {
    content: "";
}

.cv-ico-general-graduation:before {
    content: "";
}

.cv-ico-general-book:before {
    content: "";
}

.cv-ico-general-newspaper:before {
    content: "";
}

.cv-ico-general-bag:before {
    content: "";
}

.cv-ico-general-airplane:before {
    content: "";
}

.cv-ico-general-lifebuoy:before {
    content: "";
}

.cv-ico-general-eye:before {
    content: "";
}

.cv-ico-general-clock:before {
    content: "";
}

.cv-ico-general-microphone:before {
    content: "";
}

.cv-ico-general-calendar:before {
    content: "";
}

.cv-ico-general-bolt:before {
    content: "";
}

.cv-ico-general-briefcase:before {
    content: "";
}

.cv-ico-general-air:before {
    content: "";
}

.cv-ico-general-hourglass:before {
    content: "";
}

.cv-ico-general-gauge:before {
    content: "";
}

.cv-ico-general-language:before {
    content: "";
}

.cv-ico-general-network:before {
    content: "";
}

.cv-ico-general-key:before {
    content: "";
}

.cv-ico-general-battery:before {
    content: "";
}

.cv-ico-general-bucket:before {
    content: "";
}

.cv-ico-general-magnet:before {
    content: "";
}

.cv-ico-general-drive:before {
    content: "";
}

.cv-ico-general-cup:before {
    content: "";
}

.cv-ico-general-rocket:before {
    content: "";
}

.cv-ico-general-brush:before {
    content: "";
}

.cv-ico-general-keyboard:before {
    content: "";
}

.cv-ico-general-browser:before {
    content: "";
}

.cv-ico-general-publish:before {
    content: "";
}

.cv-ico-general-progress-3:before {
    content: "";
}

.cv-ico-general-progress-2:before {
    content: "";
}

.cv-ico-general-brogress-1:before {
    content: "";
}

.cv-ico-general-progress-0:before {
    content: "";
}

.cv-ico-general-sun:before {
    content: "";
}

.cv-ico-general-sun2:before {
    content: "";
}

.cv-ico-general-adjust:before {
    content: "";
}

.cv-ico-general-code:before {
    content: "";
}

.cv-ico-general-screen:before {
    content: "";
}

.cv-ico-general-infinity:before {
    content: "";
}

.cv-ico-general-light-bulb:before {
    content: "";
}

.cv-ico-general-clipboard:before {
    content: "";
}

.cv-ico-general-cart:before {
    content: "";
}

.cv-ico-general-box:before {
    content: "";
}

.cv-ico-general-ticket:before {
    content: "";
}

.cv-ico-general-rss:before {
    content: "";
}

.cv-ico-general-signal:before {
    content: "";
}

.cv-ico-general-thermometer:before {
    content: "";
}

.cv-ico-general-droplets:before {
    content: "";
}

.cv-ico-general-uniE665:before {
    content: "";
}

.cv-ico-general-statistics:before {
    content: "";
}

.cv-ico-general-pie:before {
    content: "";
}

.cv-ico-general-bars:before {
    content: "";
}

.cv-ico-general-graph:before {
    content: "";
}

.cv-ico-general-lock:before {
    content: "";
}

.cv-ico-general-checkmark:before {
    content: "";
}

.cv-ico-general-cross:before {
    content: "";
}

.cv-ico-general-minus:before {
    content: "";
}

.cv-ico-general-plus:before {
    content: "";
}

.cv-ico-general-cross2:before {
    content: "";
}

.cv-ico-general-minus2:before {
    content: "";
}

.cv-ico-general-plus2:before {
    content: "";
}

.cv-ico-general-cross3:before {
    content: "";
}

.cv-ico-general-minus3:before {
    content: "";
}

.cv-ico-general-plus3:before {
    content: "";
}

.cv-ico-general-erase:before {
    content: "";
}

.cv-ico-general-blocked:before {
    content: "";
}

.cv-ico-general-info:before {
    content: "";
}

.cv-ico-general-info2:before {
    content: "";
}

.cv-ico-general-cycle:before {
    content: "";
}

.cv-ico-general-cw:before {
    content: "";
}

.cv-ico-general-ccw:before {
    content: "";
}

.cv-ico-general-shuffle:before {
    content: "";
}

.cv-ico-general-arrow:before {
    content: "";
}

.cv-ico-general-arrow2:before {
    content: "";
}

.cv-ico-general-retweet:before {
    content: "";
}

.cv-ico-general-loop:before {
    content: "";
}

.cv-ico-general-history:before {
    content: "";
}

.cv-ico-general-list:before {
    content: "";
}

.cv-ico-general-add-to-list:before {
    content: "";
}

.cv-ico-general-layout:before {
    content: "";
}

.cv-ico-general-document:before {
    content: "";
}

.cv-ico-general-docs:before {
    content: "";
}

.cv-ico-general-landscape:before {
    content: "";
}

.cv-ico-general-pictures:before {
    content: "";
}

.cv-ico-general-video:before {
    content: "";
}

.cv-ico-general-music3:before {
    content: "";
}

.cv-ico-general-folder:before {
    content: "";
}

.cv-ico-general-archive:before {
    content: "";
}

.cv-ico-general-trash:before {
    content: "";
}

.cv-ico-general-upload:before {
    content: "";
}

.cv-ico-general-download:before {
    content: "";
}

.cv-ico-general-disk:before {
    content: "";
}

.cv-ico-general-install:before {
    content: "";
}

.cv-ico-general-cloud:before {
    content: "";
}

.cv-ico-general-book2:before {
    content: "";
}

.cv-ico-general-volume:before {
    content: "";
}

.cv-ico-general-sound:before {
    content: "";
}

.cv-ico-general-mute:before {
    content: "";
}

.cv-ico-general-cc:before {
    content: "";
}

.cv-ico-general-cc-by:before {
    content: "";
}

.cv-ico-general-cc-nc:before {
    content: "";
}

.cv-ico-general-cc-nc-eu:before {
    content: "";
}

.cv-ico-general-cc-nc-jp:before {
    content: "";
}

.cv-ico-general-cc-sa:before {
    content: "";
}

.cv-ico-general-cc-nd:before {
    content: "";
}

.cv-ico-general-cc-pd:before {
    content: "";
}

.cv-ico-general-cc-zero:before {
    content: "";
}

.cv-ico-general-cc-share:before {
    content: "";
}

.cv-ico-general-play:before {
    content: "";
}

.cv-ico-general-pause:before {
    content: "";
}

.cv-ico-general-record:before {
    content: "";
}

.cv-ico-general-stop:before {
    content: "";
}

.cv-ico-general-next:before {
    content: "";
}

.cv-ico-general-previous:before {
    content: "";
}

.cv-ico-general-first:before {
    content: "";
}

.cv-ico-general-last:before {
    content: "";
}

.cv-ico-general-resize-enlarge:before {
    content: "";
}

.cv-ico-general-resize-shrink:before {
    content: "";
}

.cv-ico-general-arrow-left2:before {
    content: "";
}

.cv-ico-general-uniE6AC:before {
    content: "";
}

.cv-ico-general-arrow-up3:before {
    content: "";
}

.cv-ico-general-arrow-down3:before {
    content: "";
}

.cv-ico-general-arrow-left3:before {
    content: "";
}

.cv-ico-general-arrow-right2:before {
    content: "";
}

.cv-ico-general-arrow-up4:before {
    content: "";
}

.cv-ico-general-arrow-down4:before {
    content: "";
}

.cv-ico-general-arrow-left4:before {
    content: "";
}

.cv-ico-general-arrow-right3:before {
    content: "";
}

.cv-ico-general-arrow-up5:before {
    content: "";
}

.cv-ico-general-arrow-down5:before {
    content: "";
}

.cv-ico-general-arrow-left5:before {
    content: "";
}

.cv-ico-general-arrow-right4:before {
    content: "";
}

.cv-ico-general-arrow-right5:before {
    content: "";
}

.cv-ico-general-arrow-up6:before {
    content: "";
}

.cv-ico-general-arrow-down6:before {
    content: "";
}

.cv-ico-general-arrow-left6:before {
    content: "";
}

.cv-ico-general-arrow-right6:before {
    content: "";
}

.cv-ico-general-arrow-up7:before {
    content: "";
}

.cv-ico-general-arrow-down7:before {
    content: "";
}

.cv-ico-general-arrow-left7:before {
    content: "";
}

.cv-ico-general-arrow-right7:before {
    content: "";
}

.cv-ico-general-arrow-up--upload:before {
    content: "";
}

.cv-ico-general-arrow-down8:before {
    content: "";
}

.cv-ico-general-arrow-left8:before {
    content: "";
}

.cv-ico-general-flow-parallel:before {
    content: "";
}

.cv-ico-general-flow-line:before {
    content: "";
}

.cv-ico-general-menu:before {
    content: "";
}

.cv-ico-general-ellipsis:before {
    content: "";
}

.cv-ico-general-dots:before {
    content: "";
}

.cv-ico-general-dot:before {
    content: "";
}

.cv-ico-general-daniel-bruce:before {
    content: "";
}

.cv-ico-general-cc-share2:before {
    content: "";
}

.cv-ico-general-back:before {
    content: "";
}

.cv-ico-general-switch:before {
    content: "";
}

.cv-ico-general-users:before {
    content: "";
}

.cv-ico-general-user-add:before {
    content: "";
}

.cv-ico-general-vcard:before {
    content: "";
}

.cv-ico-general-quote:before {
    content: "";
}

.cv-ico-general-moon:before {
    content: "";
}

.cv-ico-general-palette:before {
    content: "";
}

.cv-ico-general-leaf:before {
    content: "";
}

.cv-ico-general-thunder:before {
    content: "";
}

.cv-ico-general-droplet:before {
    content: "";
}

.cv-ico-general-cd:before {
    content: "";
}

.cv-ico-general-suitcase:before {
    content: "";
}

.cv-ico-general-cone:before {
    content: "";
}

.cv-ico-general-earth:before {
    content: "";
}

.cv-ico-general-credit-card:before {
    content: "";
}

.cv-ico-general-database:before {
    content: "";
}

.cv-ico-general-voicemail:before {
    content: "";
}

.cv-ico-general-lock-open:before {
    content: "";
}

.cv-ico-general-logout:before {
    content: "";
}

.cv-ico-general-login:before {
    content: "";
}

.cv-ico-general-question:before {
    content: "";
}

.cv-ico-general-help:before {
    content: "";
}

.cv-ico-general-warning:before {
    content: "";
}

.cv-ico-general-list2:before {
    content: "";
}

.cv-ico-general-text:before {
    content: "";
}

.cv-ico-general-text2:before {
    content: "";
}

.cv-ico-general-upload2:before {
    content: "";
}

.cv-ico-general-bookmark:before {
    content: "";
}

.cv-ico-general-bookmarks:before {
    content: "";
}

.cv-ico-general-chat:before {
    content: "";
}

.cv-ico-general-comment:before {
    content: "";
}

.cv-ico-general-daniel-bruce2:before {
    content: "";
}

.cv-ico-general-cart2:before {
    content: "";
}

.cv-ico-general-chart:before {
    content: "";
}

.cv-ico-general-basket:before {
    content: "";
}

.cv-ico-general-cart3:before {
    content: "";
}

.cv-ico-general-cart4:before {
    content: "";
}

.cv-ico-general-cart5:before {
    content: "";
}

.cv-ico-general-pie2:before {
    content: "";
}

.cv-ico-general-stats:before {
    content: "";
}

.cv-ico-general-bars2:before {
    content: "";
}

.cv-ico-general-bars3:before {
    content: "";
}

.cv-ico-general-credit:before {
    content: "";
}

.cv-ico-general-store:before {
    content: "";
}

.cv-ico-general-coin:before {
    content: "";
}

.cv-ico-general-truck:before {
    content: "";
}

.cv-ico-general-search2:before {
    content: "";
}

.cv-ico-general-search3:before {
    content: "";
}

.cv-ico-general-compass2:before {
    content: "";
}

.cv-ico-general-location3:before {
    content: "";
}

.cv-ico-general-location4:before {
    content: "";
}

.cv-ico-general-target2:before {
    content: "";
}

.cv-ico-general-location5:before {
    content: "";
}

.cv-ico-general-location6:before {
    content: "";
}

.cv-ico-general-map2:before {
    content: "";
}

.cv-ico-general-map3:before {
    content: "";
}

.cv-ico-general-target3:before {
    content: "";
}

.cv-ico-general-pin:before {
    content: "";
}

.cv-ico-general-pin-alt:before {
    content: "";
}

.cv-ico-general-file-pdf:before {
    content: "";
}

.cv-ico-general-file-word:before {
    content: "";
}

.cv-ico-general-file-excel:before {
    content: "";
}

.cv-ico-general-file-css:before {
    content: "";
}

.cv-ico-general-file-xml:before {
    content: "";
}

.cv-ico-general-file-powerpoint:before {
    content: "";
}

.cv-ico-general-file-zip:before {
    content: "";
}

.cv-ico-general-file-openoffice:before {
    content: "";
}

.cv-ico-general-libreoffice:before {
    content: "";
}

.cv-ico-general-copy:before {
    content: "";
}

.cv-ico-general-shopping-cart:before {
    content: "";
}

.cv-ico-general-bag2:before {
    content: "";
}

.cv-ico-general-graph2:before {
    content: "";
}

.cv-ico-general-bars4:before {
    content: "";
}

.cv-ico-general-chart2:before {
    content: "";
}

.cv-ico-general-shopping-bag:before {
    content: "";
}

.cv-ico-general-tag2:before {
    content: "";
}

.cv-ico-general-credit-cards:before {
    content: "";
}

.cv-ico-general-bill:before {
    content: "";
}

.cv-ico-general-search4:before {
    content: "";
}

.cv-ico-general-location7:before {
    content: "";
}

.cv-ico-general-location-arrow:before {
    content: "";
}

.cv-ico-general-location-outline:before {
    content: "";
}

.cv-ico-general-location-arrow-outline:before {
    content: "";
}

.cv-ico-general-map-marker:before {
    content: "";
}

.cv-ico-general-map4:before {
    content: "";
}

.cv-ico-general-truck2:before {
    content: "";
}

.cv-ico-general-shipping:before {
    content: "";
}

.cv-ico-general-basket2:before {
    content: "";
}

.cv-ico-general-wallet:before {
    content: "";
}

.cv-ico-general-bag3:before {
    content: "";
}

.cv-ico-general-money-bag:before {
    content: "";
}

.cv-ico-general-dollar:before {
    content: "";
}

.cv-ico-general-dollar2:before {
    content: "";
}

.cv-ico-general-coins:before {
    content: "";
}

.cv-ico-general-pig:before {
    content: "";
}

.cv-ico-general-safe:before {
    content: "";
}

.cv-ico-general-banknote:before {
    content: "";
}

.cv-ico-general-wallet2:before {
    content: "";
}

.cv-ico-general-magnifier:before {
    content: "";
}

.cv-ico-general-pin2:before {
    content: "";
}

.cv-ico-general-pin3:before {
    content: "";
}

.cv-ico-general-compass3:before {
    content: "";
}

.cv-ico-general-map5:before {
    content: "";
}

.cv-ico-general-location8:before {
    content: "";
}

.cv-ico-general-location9:before {
    content: "";
}

.cv-ico-general-shop:before {
    content: "";
}

.cv-ico-general-tag3:before {
    content: "";
}

.cv-ico-general-tags:before {
    content: "";
}

.cv-ico-general-shopping-cart2:before {
    content: "";
}

.cv-ico-general-credit2:before {
    content: "";
}

.cv-ico-general-bitcoin:before {
    content: "";
}

.cv-ico-general-won:before {
    content: "";
}

.cv-ico-general-renminbi:before {
    content: "";
}

.cv-ico-general-yen:before {
    content: "";
}

.cv-ico-general-rupee:before {
    content: "";
}

.cv-ico-general-gbp:before {
    content: "";
}

.cv-ico-general-euro:before {
    content: "";
}

.cv-ico-general-money:before {
    content: "";
}

.cv-ico-general-truck3:before {
    content: "";
}

.cv-ico-general-search5:before {
    content: "";
}

.cv-ico-general-file:before {
    content: "";
}

.cv-ico-general-file2:before {
    content: "";
}

.cv-ico-general-map-marker2:before {
    content: "";
}

.cv-ico-general-globe:before {
    content: "";
}

.cv-ico-general-location-arrow2:before {
    content: "";
}

.cv-ico-general-compass4:before {
    content: "";
}

.cv-ico-general-search6:before {
    content: "";
}

.cv-ico-general-location10:before {
    content: "";
}

/*------------------------------------*\
    ICON FONTS - SOCIAL
\*------------------------------------*/
@font-face {
    font-family: "cv-ico-social";
    src: url("/Themes/BPDTHEME01/theme-base/webfonts/ico-social/cv-ico-social.eot");
    src: url("/Themes/BPDTHEME01/theme-base/webfonts/ico-social/cv-ico-social.eot?#iefix") format("embedded-opentype"), url("/Themes/BPDTHEME01/theme-base/webfonts/ico-social/cv-ico-social.ttf") format("truetype"), url("/Themes/BPDTHEME01/theme-base/webfonts/ico-social/cv-ico-social.woff") format("woff"), url("/Themes/BPDTHEME01/theme-base/webfonts/ico-social/cv-ico-social.svg#cv-ico-social") format("svg");
    font-weight: normal;
    font-style: normal;
}
[class*=cv-ico-social-]:before {
    font-family: "cv-ico-social";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.cv-ico-social-github:before {
    content: "";
}

.cv-ico-social-github2:before {
    content: "";
}

.cv-ico-soxcial-flickr:before {
    content: "";
}

.cv-ico-social-flickr2:before {
    content: "";
}

.cv-ico-social-vimeo:before {
    content: "";
}

.cv-ico-social-vimeo2:before {
    content: "";
}

.cv-ico-social-twitter:before {
    content: "";
}

.cv-ico-social-twitter2:before {
    content: "";
}

.cv-ico-social-facebook:before {
    content: "";
}

.cv-ico-social-facebook2:before {
    content: "";
}

.cv-ico-social-facebook3:before {
    content: "";
}

.cv-ico-social-googleplus:before {
    content: "";
}

.cv-ico-social-googleplus2:before {
    content: "";
}

.cv-ico-social-pinterest:before {
    content: "";
}

.cv-ico-social-pinterest2:before {
    content: "";
}

.cv-ico-social-tumblr:before {
    content: "";
}

.cv-ico-social-tumblr2:before {
    content: "";
}

.cv-ico-social-linkedin:before {
    content: "";
}

.cv-ico-social-linkedin2:before {
    content: "";
}

.cv-ico-social-dribbble:before {
    content: "";
}

.cv-ico-social-rdio:before {
    content: "";
}

.cv-ico-social-rdio2:before {
    content: "";
}

.cv-ico-social-spotify:before {
    content: "";
}

.cv-ico-social-spotify2:before {
    content: "";
}

.cv-ico-social-qq:before {
    content: "";
}

.cv-ico-social-instagram:before {
    content: "";
}

.cv-ico-social-dropbox:before {
    content: "";
}

.cv-ico-social-evernote:before {
    content: "";
}

.cv-ico-social-flattr:before {
    content: "";
}

.cv-ico-social-skype:before {
    content: "";
}

.cv-ico-social-skype2:before {
    content: "";
}

.cv-ico-social-renren:before {
    content: "";
}

.cv-ico-social-sina-weibo:before {
    content: "";
}

.cv-ico-social-picasa:before {
    content: "";
}

.cv-ico-social-soundcloud:before {
    content: "";
}

.cv-ico-social-mixi:before {
    content: "";
}

.cv-ico-social-behance:before {
    content: "";
}

.cv-ico-social-circles:before {
    content: "";
}

.cv-ico-social-vk:before {
    content: "";
}

.cv-ico-social-smashing:before {
    content: "";
}

.cv-ico-social-dribbble2:before {
    content: "";
}

.cv-ico-social-stumbleupon:before {
    content: "";
}

.cv-ico-social-stumbleupon2:before {
    content: "";
}

.cv-ico-social-lastfm:before {
    content: "";
}

.cv-ico-social-lastfm2:before {
    content: "";
}

.cv-ico-social-share:before {
    content: "";
}

.cv-ico-social-youtube:before {
    content: "";
}

.cv-ico-social-feed:before {
    content: "";
}

.cv-ico-social-apple:before {
    content: "";
}

.cv-ico-social-windows8:before {
    content: "";
}

.cv-ico-social-android:before {
    content: "";
}

.cv-ico-social-tux:before {
    content: "";
}

.cv-ico-social-reddit:before {
    content: "";
}

/*------------------------------------*\
    Images
\*------------------------------------*/
figure {
    margin: 0;
    padding: 0;
}

img {
    max-width: 100%;
}

.img-small {
    max-width: 25%;
}

.img-med {
    max-width: 50%;
}

.img-large {
    max-width: 750%;
}

/*------------------------------------*\
    Kendo UI
\*------------------------------------*/
[class*=k-] {
    box-sizing: border-box;
}

/*------------------------------------*\
    KENDO THEME
\*------------------------------------*/
/* icons */
.k-icon {
    color: #555;
}

.k-icon:hover,
.k-state-hover .k-icon,
.k-state-selected .k-icon,
.k-state-focused .k-icon,
.k-column-menu .k-state-hover .k-sprite,
.k-column-menu .k-state-active .k-sprite {
    opacity: 1;
}

.k-icon,
.k-state-disabled .k-icon,
.k-column-menu .k-sprite {
    opacity: 0.8;
}

.k-mobile-list .k-check:checked,
.k-mobile-list .k-edit-field [type=checkbox]:checked,
.k-mobile-list .k-edit-field [type=radio]:checked {
    opacity: 0.8;
}

.k-tool {
    border-color: transparent;
}

.k-tool-icon,
.k-grouping-dropclue,
.k-drop-hint,
.k-column-menu .k-sprite,
.k-grid-mobile .k-resize-handle-inner:before,
.k-grid-mobile .k-resize-handle-inner:after {
    border-color: transparent;
}

/* IE will ignore the above selectors if these are added too */
.k-mobile-list .k-check:checked,
.k-mobile-list .k-edit-field [type=checkbox]:checked,
.k-mobile-list .k-edit-field [type=radio]:checked {
    border-color: transparent;
}

.k-loading,
.k-state-hover .k-loading {
    background-position: 50% 50%;
}

.k-loading-image {
    background-image: url("/Themes/BPDTHEME01/theme-base/js/kendo-ui/styles/primaryoading-image.gif");
}

.k-loading-color {
    background-color: #ffffff;
}

.k-button {
    color: #2e2e2e;
    border-color: #c5c5c5;
    background-color: #e3e3e3;
}

.k-button:hover {
    color: #2e2e2e;
    border-color: #bcb4b0;
    background-color: #bcb4b0;
}

.k-state-disabled .k-button,
.k-state-disabled .k-button:hover,
.k-button.k-state-disabled:hover,
.k-state-disabled .k-button:active,
.k-button.k-state-disabled:active {
    color: #9f9e9e;
    border-color: #c5c5c5;
    background-color: #e3e3e3;
}

.k-draghandle {
    border-color: #c5c5c5;
    background-color: #ffffff;
    box-shadow: none;
}

.k-draghandle:hover {
    border-color: #bcb4b0;
    background-color: #bcb4b0;
    box-shadow: none;
}

.k-dropdown .k-icon,
.k-picker-wrap .k-icon {
    cursor: pointer;
    position: relative;
    top: 7px;
}

/*------------------------------------*\
      AUTOCOMPLETE
  \*------------------------------------*/
.k-widget.k-autocomplete,
.k-widget.k-combobox {
    height: 45px;
    padding: 0;
    color: #ddd;
    width: 100%;
    float: left;
    display: inline-block;
    outline: none;
    border: 1px solid #ccc;
    border-radius: 0;
}
.k-widget.k-autocomplete.k-state-focused,
.k-widget.k-combobox.k-state-focused {
    border-color: #00B9EB;
}
.k-widget.k-autocomplete .k-input,
.k-widget.k-combobox .k-input {
    height: 100%;
    border-radius: 0;
    background: white;
    padding: 10px;
}

.k-animation-container {
    width: 100%;
}
@media (min-width: 992px) {
    .k-animation-container {
        width: 100%;
    }
}

.k-autocomplete .k-loading,
.k-multiselect .k-loading {
    position: absolute;
    right: 10px;
    bottom: 10px;
}

.k-popup.k-list-container {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), inset 0 0 1px rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.2);
    background: white;
    border: none;
    width: 100%;
}
@media (min-width: 992px) {
    .k-popup.k-list-container {
        width: 100%;
    }
}

.k-popup .k-list .k-item {
    font-size: 14px;
    padding: 10px;
    border-bottom: 2px solid #F6F6F6;
}
.k-popup .k-list .k-item.k-state-hover, .k-popup .k-list .k-item:hover {
    cursor: pointer;
    background: #F2FBFD;
    border-color: #F2FBFD;
    color: black;
}
.k-popup .k-list .k-item.k-state-hover.k-state-selected, .k-popup .k-list .k-item.k-state-hover.k-state-focused, .k-popup .k-list .k-item:hover.k-state-selected, .k-popup .k-list .k-item:hover.k-state-focused {
    background: #00B9EB;
    border-color: #00B9EB;
    color: white;
}

.k-list-optionlabel {
    font-size: 14px;
    padding: 10px;
    border-bottom: 1px solid #F6F6F6;
}
.k-list-optionlabel.k-state-selected, .k-list-optionlabel.k-state-focused {
    background: #00B9EB;
    border-color: #00B9EB;
    color: white;
    font-size: 14px;
    padding: 10px;
}

.k-popup .k-list .k-state-hover {
    border-color: #00B9EB;
    background: #00B9EB;
    color: white;
}

.k-popup .k-list .k-state-focused {
    border-color: #00B9EB;
    background: #00B9EB;
    color: white;
}

/*------------------------------------*\
      DROPDOWN LIST
  \*------------------------------------*/
.k-dropdown-wrap {
    border: 1px solid #CCC;
    border-radius: 0;
    font-size: 14px;
    color: #ddd;
    height: 45px;
    background: white;
}
.k-dropdown-wrap .k-input {
    padding: 10px 10px;
    height: 100%;
    font-weight: 200;
    color: #535c65;
    font-size: 15px;
    text-indent: 0;
}
.k-dropdown-wrap .k-icon {
    top: 10px;
}
.k-dropdown-wrap .k-icon:before {
    font-family: "cv-ico-general";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.k-dropdown-wrap .k-icon:before {
    content: "";
}
.k-dropdown-wrap .k-icon::before {
    top: 8px;
    height: 30px;
}

.k-list .k-state-selected {
    background: #00B9EB !important;
    border-color: #00B9EB;
    color: white;
}

.k-item.k-state-selected .original-value {
    background: #00B9EB !important;
    color: white !important;
}

.k-item .original-value {
    background: #00B9EB;
    color: white;
}

/*------------------------------------*\
      DATE INPUT
  \*------------------------------------*/
.k-datepicker {
    display: block;
    width: 100%;
}

.k-picker-wrap {
    background: white;
    border: 1px solid #CCC;
    border-radius: 0;
    font-size: 14px;
    color: #ddd;
    height: 45px;
}

.k-picker-wrap .k-input {
    padding-top: 0;
    color: black;
    height: 43px;
    padding: 10px;
}

.k-calendar-container {
    background: white;
}

.k-popup.k-calendar-container {
    border-color: #00B9EB;
    padding: 3.8%;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), inset 0 0 1px rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.2);
}

/*------------------------------------*\
      TIME INPUT
  \*------------------------------------*/
.k-timepicker {
    display: block;
    width: 100%;
}

/*------------------------------------*\
      DATETIME INPUT
  \*------------------------------------*/
.k-datetimepicker {
    display: block;
    width: 100%;
}

/*------------------------------------*\
      NUMBER INPUT
  \*------------------------------------*/
.k-numerictextbox {
    display: block;
    width: 100%;
    position: relative;
}
.k-numerictextbox .k-link.k-link-increase .k-i-arrow-60-up:before {
    content: "";
    font-family: "cv-ico-general";
}
.k-numerictextbox .k-link.k-link-decrease .k-i-arrow-60-down:before {
    content: "";
    font-family: "cv-ico-general";
}

.k-numeric-wrap {
    border: 1px solid #CCC;
    border-radius: 0;
    font-size: 14px;
    height: 45px;
    background: white;
    padding: 0;
}
.k-numeric-wrap .k-input {
    padding: 0;
    color: black;
    text-align: center;
    width: 100%;
    height: 43px;
    background: none;
    text-indent: initial;
}
.product-grid.grid .k-numeric-wrap .k-input {
    width: 58%;
    height: 45px;
}
.cv-cart-line .k-numeric-wrap .k-input {
    width: 70%;
}
.data-list-column .k-numeric-wrap .k-input {
    width: 58%;
    height: 35px;
}
.modal-content .k-numeric-wrap .k-input {
    width: 60%;
}

.data-list-column .k-numeric-wrap {
    height: 36px;
}

.modal-window .k-numeric-wrap {
    height: 47px;
}

.k-numerictextbox .k-select {
    background: white;
}

.k-numerictextbox .k-select .k-link span.k-i-arrow-n {
    background-position: -33px -210px;
}

.k-numerictextbox .k-select .k-link span.k-i-arrow-s {
    background-position: -33px -236px;
}

.k-numeric-wrap .k-select {
    width: 50%;
}

@media (min-width: 92em) {
    .k-numeric-wrap .k-select {
        width: 35%;
    }
}
.k-numeric-wrap .k-select .k-link {
    display: inline-block;
    float: right;
    width: 50%;
    height: inherit;
    line-height: 0;
}

@media (min-width: 92em) {
    .k-numeric-wrap .k-select .k-link {
        display: block;
        width: 100%;
        height: 50%;
    }
}
@media (min-width: 92em) {
    .k-numeric-wrap .k-select .k-link .k-icon.k-i-arrow-s {
        margin: 3px 0 0 5px;
    }
}
/*------------------------------------*\
      COMBOBOX INPUT
  \*------------------------------------*/
.k-combobox {
    display: block;
    width: 100%;
}
.k-combobox .k-input {
    padding-top: 2px;
}

/*------------------------------------*\
      RANGESLIDER
  \*------------------------------------*/
.k-slider {
    clear: both;
    display: block;
    width: 100%;
    margin: 0 0 20px 5px;
}
.k-slider::after {
    clear: both;
    content: "";
    display: table;
}
.k-slider .k-label {
    font-size: 10px;
}

.range-slider-currency .k-label:before,
.range-slider-currencyasinteger .k-label:before {
    content: "$";
}

.k-slider-wrap .k-label::before {
    content: "$";
}

.k-slider-track {
    background: white;
    border-radius: 0;
    border: 1px solid #CCC;
}

.k-draghandle {
    background: #00B9EB;
    border-radius: 10px;
    border: none;
    outline: none !important;
}
.k-draghandle:hover {
    outline: none !important;
    background: #00B9EB;
}

.k-draghandle.k-state-selected {
    background: #52daff;
}

.k-slider-selection {
    background: #ddd;
}

.k-tick {
    background: url("/Themes/BPDTHEME01/theme-base/js/kendo-ui/styles/primarylider-h.gif") top center no-repeat;
}

.k-slider-tooltip {
    font-size: 11px;
    border-radius: 10px;
    background: #00B9EB;
    border-color: #00B9EB;
    color: white;
}

@media (min-width: 768px) {
    .product-filter .k-slider {
        width: 150px;
        margin: 25px auto 15px;
    }
}
@media (min-width: 1260px) {
    .product-filter .k-slider {
        width: 200px;
        clear: both;
    }
}
.product-filter .k-slider-items .k-first .k-label {
    left: 0;
    top: -15px;
}
.product-filter .k-slider-items .k-last .k-label {
    right: 0;
    top: -15px;
}

.mobile-filter .k-slider {
    width: 260px;
    margin: 20px 10px 10px;
}
@media (min-width: 576px) {
    .mobile-filter .k-slider {
        width: 550px;
    }
}
.mobile-filter .k-slider-items .k-label {
    color: black;
}
.mobile-filter .k-slider-items .k-first .k-label {
    left: 0;
    top: -15px;
}
.mobile-filter .k-slider-items .k-last .k-label {
    right: 0;
    top: -15px;
}

.k-slider-horizontal .k-first .k-label {
    width: 50px;
    text-align: left;
}

.k-slider-horizontal .k-last .k-label {
    width: 50px;
    text-align: right;
}

/*------------------------------------*\
      TABS
  \*------------------------------------*/
.cv-tabs {
    display: none;
}
.cv-tabs.k-widget {
    display: block;
}

.k-tabstrip {
    display: block;
    background: none;
    width: 100%;
    border-color: transparent;
}
.k-tabstrip .k-loading {
    border: none;
}

.k-tabstrip .k-tabstrip-items {
    padding: 0;
    width: 100%;
}
.overlay-content .k-tabstrip .k-tabstrip-items {
    border-bottom: none;
}
.k-tabstrip .k-tabstrip-items li {
    background: white;
}
.k-tabstrip .k-tabstrip-items a {
    color: black;
}
@media (min-width: 992px) {
    .k-tabstrip .k-tabstrip-items .k-item {
        height: auto;
        width: auto;
        border: none;
        margin-right: 7px;
        margin-left: 0;
        border: 1px solid #CCC;
        border-bottom: none;
        font-size: 16px;
        color: #7A7A7A;
        position: relative;
        top: 0;
        border-radius: 0 0 0 0;
        text-align: left;
        height: auto !important;
    }
}
.k-tabstrip .k-tabstrip-items .k-item .k-link {
    background: #fff;
    color: #ddd;
    font-weight: 200;
    height: 100%;
}
.k-tabstrip .k-tabstrip-items .k-state-active {
    box-shadow: none;
    top: 0;
    height: 39px;
}
.k-tabstrip .k-tabstrip-items .k-state-active .k-link {
    background: white;
    color: black;
    font-weight: 200;
    text-decoration: underline;
    height: 100%;
}
.k-tabstrip .k-tabstrip-items .k-state-hover {
    background: #ddd;
    border-top-color: #CCC;
}
.k-tabstrip .k-tabstrip-items .k-state-hover .k-link {
    color: #00B9EB;
}

.k-tabstrip .k-content {
    border: none;
    background: white;
    margin: 0;
    padding: 20px;
    border: 1px solid #CCC;
    border-radius: 0;
    font-size: 14px;
}
.k-tabstrip .k-content * {
    box-sizing: border-box;
}

.k-state-focused {
    border-color: black;
}
.k-state-focused .k-input,
.k-state-focused .k-select {
    background: #e1eff5;
    color: black;
}
.k-state-focused .k-select {
    border-color: black;
}

/*------------------------------------*\
      SORTABLE
  \*------------------------------------*/
#cv-sortable,
.cv-sortable {
    padding: 0;
    margin: 0;
    font-size: 12px;
}

li.sortable {
    list-style-type: none;
    padding: 0;
    margin: 0 0 3px;
    color: #333;
    cursor: move;
    border: 1px solid #ddd;
    background: white;
    min-height: 35px;
}
li.sortable::after {
    clear: both;
    content: "";
    display: table;
}
li.sortable .handle {
    float: left;
    display: inline-block;
    background: #fafafa;
    min-height: inherit;
    width: 32px;
    border-right: 1px solid #ddd;
}
li.sortable .handle:before {
    position: relative;
    top: 11px;
    left: 9px;
    font-size: 14px;
}
li.sortable .content {
    float: left;
    display: inline-block;
    width: calc(100% - 32px);
    padding: 5px 5px;
}

li.sortable:hover {
    background-color: #dceffd;
}

li.hint {
    display: block;
    width: 50%;
    background-color: #52aef7;
}

li.hint span {
    color: #fff;
}

li.placeholder {
    background-color: #dceffd;
    color: #52aef7;
    text-align: left;
    font-size: 12px;
    color: #00B9EB;
    font-weight: 600;
    padding: 8px 0 0 10px;
}

/*------------------------------------*\
      SORTABLE
  \*------------------------------------*/
li.sortable .widget-text-container::after {
    clear: both;
    content: "";
    display: table;
}
li.sortable .widget-text-container .widget-name {
    font-weight: 600;
    display: inline-block;
    float: left;
    font-size: 13px;
    padding-top: 4px;
}
li.sortable .widget-text-container .widget-description {
    font-weight: 400;
    display: inline-block;
    float: left;
    font-size: 11px;
    padding: 6px 5px 0px 15px;
}
li.sortable .widget-text-container .widget-btn {
    float: right;
    display: inline-block;
    margin-left: 3px;
}
li.sortable .widget-text-container .widget-btn:before {
    position: relative;
    top: 1px;
}

.k-calendar .k-content .k-state-selected .k-link {
    background: #00B9EB;
    color: white;
    font-weight: 200;
}

.k-calendar .k-content .k-state-hover .k-link {
    color: #ddd;
    background: #ddd;
}

.k-calendar .k-content .k-state-disabled .k-link {
    color: #555;
}

.k-dropdown-wrap.k-state-disabled {
    background: #DADADA;
    color: #666;
    opacity: 0.6;
}

/*------------------------------------*\
      ORDER IMPORT
\*------------------------------------*/
.widget-file-upload .k-upload-files .k-upload-status {
    top: 20px;
}
.widget-file-upload .k-dropzone .k-upload-status {
    float: right;
    position: relative;
    top: 10px;
}

.k-textbox.form-credit-card {
    height: 45px;
}

/*------------------------------------*\
    Alert Box
\*------------------------------------*/
.alert-box, .lucene-messages .lucene-message, .grid-no-results {
    background: white;
    margin: 12px 0;
    font-weight: 200;
    display: block;
    color: #333333;
    padding: 8px;
    border-radius: 5px;
    position: relative;
    border: 1px solid #ddd;
    font-size: 12px;
}
.alert-box::after, .lucene-messages .lucene-message::after, .grid-no-results::after {
    clear: both;
    content: "";
    display: table;
}
.alert-box:before, .lucene-messages .lucene-message:before, .grid-no-results:before {
    font-family: "cv-ico-general";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.alert-box::before, .lucene-messages .lucene-message::before, .grid-no-results::before {
    float: left;
    display: block;
    margin: 0 8px 0 0;
    font-size: 12px;
}
@media (min-width: 992px) {
    .alert-box, .lucene-messages .lucene-message, .grid-no-results {
        padding: 10px;
        font-size: 14px;
    }
    .alert-box::before, .lucene-messages .lucene-message::before, .grid-no-results::before {
        font-size: 18px;
        position: relative;
        top: 0px;
    }
}
.alert-box.inline-alert, .lucene-messages .inline-alert.lucene-message, .inline-alert.grid-no-results {
    display: inline-block;
}
.alert-box.info, .lucene-messages .lucene-message, .grid-no-results {
    background: #cbebfb;
    color: #1c82a8;
    border-color: #3d93b0;
}
.alert-box.info:before, .lucene-messages .lucene-message:before, .grid-no-results:before {
    content: "";
}
.alert-box.info:before, .lucene-messages .lucene-message:before, .grid-no-results:before {
    color: #1c82a8;
}
.alert-box.success, .lucene-messages .success.lucene-message, .success.grid-no-results {
    background: #dbf1d8;
    color: #59a983;
    border-color: #3e8468;
}
.alert-box.success:before, .lucene-messages .success.lucene-message:before, .success.grid-no-results:before {
    content: "";
}
.alert-box.success:before, .lucene-messages .success.lucene-message:before, .success.grid-no-results:before {
    color: #59a983;
}
.alert-box.warning, .lucene-messages .warning.lucene-message, .lucene-messages .lucene-message.lucene-did-you-mean, .warning.grid-no-results, .alert-box.alt-style, .lucene-messages .alt-style.lucene-message, .alt-style.grid-no-results {
    background: #ffeebb;
    color: #b48b3b;
    border-color: #ddbe5a;
}
.alert-box.warning:before, .lucene-messages .warning.lucene-message:before, .lucene-messages .lucene-message.lucene-did-you-mean:before, .warning.grid-no-results:before, .alert-box.alt-style:before, .lucene-messages .alt-style.lucene-message:before, .alt-style.grid-no-results:before {
    content: "";
}
.alert-box.warning:before, .lucene-messages .warning.lucene-message:before, .lucene-messages .lucene-message.lucene-did-you-mean:before, .warning.grid-no-results:before, .alert-box.alt-style:before, .lucene-messages .alt-style.lucene-message:before, .alt-style.grid-no-results:before {
    color: #b48b3b;
}
.alert-box.error, .lucene-messages .error.lucene-message, .error.grid-no-results {
    background: #f9c7c6;
    color: #c56666;
    border-color: #b56b6d;
}
.alert-box.error:before, .lucene-messages .error.lucene-message:before, .error.grid-no-results:before {
    content: "";
}
.alert-box.error:before, .lucene-messages .error.lucene-message:before, .error.grid-no-results:before {
    color: #c56666;
}
.alert-box p, .lucene-messages .lucene-message p, .grid-no-results p,
.alert-box small,
.lucene-messages .lucene-message small,
.grid-no-results small {
    line-height: normal;
    margin: 0;
    padding: 0;
}

/*------------------------------------*\
    Overlay Notifications
\*------------------------------------*/
.cv-notification-area {
    position: fixed;
    top: 20px;
    right: 5%;
    width: 90%;
    z-index: 10000000;
}
@media (min-width: 992px) {
    .cv-notification-area {
        width: 100%;
        max-width: 600px;
    }
}

.cv-notification {
    padding: 14px;
    background: #00B9EB;
    margin: 0 0 15px;
    border: 1px solid #00B9EB;
    color: #ddd;
    position: relative;
    width: 100%;
    z-index: 10000000;
    border-radius: 8px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.28);
    font-size: 12px;
}
.cv-notification::after {
    clear: both;
    content: "";
    display: table;
}
.cv-notification:before {
    font-family: "cv-ico-general";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
@media (min-width: 992px) {
    .cv-notification {
        font-size: 14px;
    }
    .cv-notification::before {
        font-size: 30px;
    }
}
.cv-notification:before {
    font-size: 20px;
    float: left;
    display: block;
    margin-right: 10px;
}
.cv-notification .close {
    position: absolute;
    top: 12px;
    right: 12px;
    color: #ddd;
}
.cv-notification .close:before {
    content: "";
}
.cv-notification .close:before {
    font-size: 2em;
    opacity: 0.5;
}
.cv-notification .close:hover:before {
    opacity: 1;
}
.cv-notification.info, .lucene-messages .cv-notification.lucene-message, .cv-notification.grid-no-results {
    background: #cbebfb;
    color: #1c82a8;
    border-color: #3d93b0;
}
.cv-notification.info:before, .lucene-messages .cv-notification.lucene-message:before, .cv-notification.grid-no-results:before {
    content: "";
}
.cv-notification.info .btn.small:hover, .lucene-messages .cv-notification.lucene-message .btn.small:hover, .cv-notification.grid-no-results .btn.small:hover {
    color: #22B8B0;
}
.cv-notification.info .close, .lucene-messages .cv-notification.lucene-message .close, .cv-notification.grid-no-results .close {
    color: #1c82a8;
}
.cv-notification.success {
    background: #dbf1d8;
    color: #59a983;
    border-color: #3e8468;
}
.cv-notification.success:before {
    content: "";
}
.cv-notification.success .btn.small:hover {
    color: #71B55E;
}
.cv-notification.success .close {
    color: #59a983;
}
.cv-notification.warning, .lucene-messages .cv-notification.lucene-message.lucene-did-you-mean {
    background: #ffeebb;
    color: #b48b3b;
    border-color: #ddbe5a;
}
.cv-notification.warning:before, .lucene-messages .cv-notification.lucene-message.lucene-did-you-mean:before {
    content: "";
}
.cv-notification.warning .btn.small:hover, .lucene-messages .cv-notification.lucene-message.lucene-did-you-mean .btn.small:hover {
    color: #F58228;
}
.cv-notification.warning .close, .lucene-messages .cv-notification.lucene-message.lucene-did-you-mean .close {
    color: #b48b3b;
}
.cv-notification.error {
    background: #f9c7c6;
    color: #c56666;
    border-color: #b56b6d;
}
.cv-notification.error:before {
    content: "";
}
.cv-notification.error .btn.small:hover {
    color: #D82A2B;
}
.cv-notification.error .close {
    color: #c56666;
}

.notification-message {
    padding-top: 3px;
    display: block;
}
.notification-message a {
    color: white;
    text-decoration: underline;
}

.notification-content {
    padding-right: 50px;
}

.notification-actions {
    padding: 14px;
}
.notification-actions .btn.small {
    text-decoration: none;
    padding: 12px;
    margin-left: 14px;
    background: white;
    border-color: white;
    color: #333333;
}

/*------------------------------------*\
    Status
\*------------------------------------*/
.status-info {
    color: #22B8B0;
}

.status-active {
    color: #71B55E;
}

.status-error {
    color: #D82A2B;
}

.status-warning {
    color: #F58228;
}

/*------------------------------------*\
    Lucene Messages
\*------------------------------------*/
.lucene-messages {
    margin-bottom: 20px;
}
.lucene-messages::after {
    clear: both;
    content: "";
    display: table;
}
.lucene-messages .lucene-message.lucene-did-you-mean a {
    font-weight: 200;
    color: #b48b3b;
}
.lucene-messages .lucene-message.lucene-did-you-mean a:hover, .lucene-messages .lucene-message.lucene-did-you-mean a:focus {
    text-decoration: underline;
}

/*------------------------------------*\
    Modals
\*------------------------------------*/
[id*=modal-login-register] .modal-content .form-fieldset {
    margin-top: -20px;
}

.modal-header,
.modal-content,
.modal-footer {
    clear: both;
    padding: 14px;
}
.modal-header::after,
.modal-content::after,
.modal-footer::after {
    clear: both;
    content: "";
    display: table;
}
@media (min-width: 768px) {
    .modal-header,
.modal-content,
.modal-footer {
        min-width: 650px;
    }
}

.modal-header {
    background: #00B9EB;
    font-size: 24px;
    color: white;
    border-radius: 10px 10px 0 0;
    padding: 12px;
}
.modal-header * {
    color: white;
}
.modal-header span.ico-heading:before {
    position: relative;
    top: 1px;
    margin-right: 5px;
}

.modal-content {
    background: transparent;
}
.modal-content .form-fieldset .form-checkbox {
    margin-top: 3px;
}

.modal-footer {
    background: #fafafa;
    border-radius: 0 0 10px 10px;
}
.modal-footer:empty {
    background: transparent;
    padding: 0;
}

.fancybox-close {
    background: white !important;
    top: -10px !important;
    right: -12px !important;
    color: black;
    border-radius: 100px;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    width: 25px !important;
    height: 25px !important;
}
.fancybox-close:before {
    font-family: "cv-ico-general";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.fancybox-close:before {
    content: "";
}
.fancybox-close:before {
    position: relative;
    top: 3px;
    left: 4px;
    font-size: 18px;
    color: #00B9EB;
}
.fancybox-close:hover {
    background: #D82A2B !important;
}
.fancybox-close:hover:before {
    color: white;
}

.fancybox-overlay {
    background: rgba(0, 0, 0, 0.82) !important;
}

.fancybox-skin {
    border-radius: 14px;
    background: white !important;
    padding: 0 !important;
}

@media (min-width: 768px) {
    .modal-width-medium {
        width: 800px;
    }
}

@media (min-width: 768px) {
    .modal-width-large {
        width: 1000px;
    }
}

.fancybox-type-image * {
    border-radius: 20px;
}

/*------------------------------------*\
    Tables
\*------------------------------------*/
table {
    border-collapse: collapse;
    border-spacing: 0;
}
table.content-table {
    width: 100%;
    border: 1px solid black;
    background: white;
    text-align: left;
}
table.content-table td,
table.content-table th {
    padding: 5px;
}
table.content-table thead {
    background: black;
    color: white;
}
table.content-table tbody td {
    border: 1px solid black;
}

.table-layout {
    font-size: 14px;
    margin: 14px 0;
    position: relative;
}
.table-layout .heading-row {
    background: #00B9EB;
    color: white;
    padding: 5px;
    font-weight: 200;
    position: relative;
}
.table-layout .heading-row .sortable-heading {
    cursor: pointer;
    display: block;
}
.table-layout .heading-row .sortable-heading:before {
    font-family: "cv-ico-general";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.table-layout .heading-row .sortable-heading:before {
    float: right;
    content: "";
}
.table-layout .content-row {
    padding: 5px;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}
.table-layout .content-row a {
    color: black;
}
.table-layout .content-row:nth-child(2n) {
    background: #fafafa;
}
.table-layout .content-row:hover {
    background: #e1eff5;
}
.table-layout .cv-is-processing-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.75);
}
.table-layout .cv-is-processing-overlay .cv-is-processing-message {
    color: black;
    display: block;
    text-align: center;
    font-weight: 200;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 500px;
    margin-left: -250px;
}
.table-layout .cv-is-processing-overlay .cv-is-processing-message:before {
    font-family: "cv-ico-general";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.table-layout .cv-is-processing-overlay .cv-is-processing-message:before {
    content: "";
}
@keyframes spin {
    0% {
        transform: rotate(359deg);
    }
    100% {
        transform: rotate(0deg);
    }
}
.table-layout .cv-is-processing-overlay .cv-is-processing-message:before {
    display: inline-block;
    animation: spin 1.25s infinite linear;
    margin: 0 8px 0 0;
}

.page-content > table {
    table-layout: fixed;
}

/*------------------------------------*\
    Tooltips
\*------------------------------------*/
.cv-html-tooltip {
    float: left;
    position: relative;
    cursor: pointer;
    padding: 10px;
    display: inline-block;
    /* tranisition of box */
}
.cv-html-tooltip:hover .cv-html-tooltip-content {
    visibility: visible;
}
.cv-html-tooltip .cv-html-tooltip-content {
    background: #00B9EB;
    padding: 8px 10px;
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
    position: absolute;
    min-width: 150px;
    max-width: 300px;
    z-index: 1000;
    border-radius: 5px;
    visibility: hidden;
    vertical-align: middle;
    color: white;
    text-shadow: 0 -1px 0px #01384d;
    font-size: 12px;
    line-height: 12px;
    transition: 0.2s ease-out;
}
.cv-html-tooltip .cv-html-tooltip-content:after {
    position: absolute;
    text-shadow: none;
    content: "";
    background: transparent;
    border: 6px solid transparent;
}
.cv-html-tooltip.tooltip-top-right .cv-html-tooltip-content, .cv-html-tooltip.tooltip-top-left .cv-html-tooltip-content {
    bottom: 100%;
}
.cv-html-tooltip.tooltip-top-right .cv-html-tooltip-content:after, .cv-html-tooltip.tooltip-top-left .cv-html-tooltip-content:after {
    bottom: -12px;
    right: 15px;
    border-top-color: #00B9EB;
}
.cv-html-tooltip.tooltip-top-right .cv-html-tooltip-content {
    right: 0;
}
.cv-html-tooltip.tooltip-top-left .cv-html-tooltip-content {
    left: 5px;
}
.cv-html-tooltip.tooltip-bottom-left .cv-html-tooltip-content {
    left: 5px;
    top: 100%;
}
.cv-html-tooltip.tooltip-bottom-left .cv-html-tooltip-content:after {
    top: -12px;
    left: 15px;
    border-bottom-color: #00B9EB;
}
.cv-html-tooltip.tooltip-bottom .cv-html-tooltip-content:after, .cv-html-tooltip.tooltip-top .cv-html-tooltip-content:after {
    top: -12px;
    left: calc((50%) - 5px);
    border-bottom-color: #00B9EB;
}
.cv-html-tooltip.tooltip-top .cv-html-tooltip-content {
    left: calc((50%) - 150px);
    bottom: 100%;
}
.cv-html-tooltip.tooltip-bottom .cv-html-tooltip-content {
    right: calc((50%) - 150px);
    top: 100%;
}
.cv-html-tooltip.tooltip-bottom-right .cv-html-tooltip-content {
    right: 5px;
    top: 100%;
}
.cv-html-tooltip.tooltip-bottom-right .cv-html-tooltip-content:after {
    top: -12px;
    right: 15px;
    border-bottom-color: #00B9EB;
}
.cv-html-tooltip.tooltip-right .cv-html-tooltip-content {
    left: 100%;
    bottom: 0;
}
.cv-html-tooltip.tooltip-right .cv-html-tooltip-content:after {
    bottom: 15px;
    left: -11px;
    border-right-color: #00B9EB;
}
.cv-html-tooltip.tooltip-left .cv-html-tooltip-content {
    right: 100%;
    bottom: 0;
}
.cv-html-tooltip.tooltip-left .cv-html-tooltip-content:after {
    bottom: 15px;
    right: -11px;
    border-left-color: #00B9EB;
}
.cv-html-tooltip.tooltip-top:hover .cv-html-tooltip-content, .cv-html-tooltip.tooltip-right:hover .cv-html-tooltip-content, .cv-html-tooltip.tooltip-bottom-right:hover .cv-html-tooltip-content, .cv-html-tooltip.tooltip-top-right:hover .cv-html-tooltip-content {
    transform: translate(5px, 0);
}
.cv-html-tooltip.cv-html-tooltip.tooltip-bottom:hover .cv-html-tooltip-content, .cv-html-tooltip.cv-html-tooltip.tooltip-bottom-left:hover .cv-html-tooltip-content, .cv-html-tooltip.cv-html-tooltip.tooltip-left:hover .cv-html-tooltip-content, .cv-html-tooltip.cv-html-tooltip.tooltip-top-left:hover .cv-html-tooltip-content {
    transform: translate(-5px, 0);
}

/*------------------------------------*\
    VALIDATION TOOLTIPS
\*------------------------------------*/
/**
 * source: tooltip-core.scss
 *
 * Defines the basic styling for the tooltip.
 * Each tooltip is made of 2 parts:
 * 	1) body (:after)
 * 	2) arrow (:before)
 *
 * Classes added:
 * 	1) tooltip
 */
.tooltip,
[data-tooltip] {
    position: relative;
    display: inline-block;
    /**
    * tooltip arrow
    */
    /**
    * tooltip body
    */
}
.tooltip:before, .tooltip:after,
[data-tooltip]:before,
[data-tooltip]:after {
    position: absolute;
    transform: translate3d(0, 0, 0);
    visibility: hidden;
    opacity: 0;
    z-index: 10000;
    pointer-events: none;
    transition: 0.3s ease;
}
.tooltip:hover:before, .tooltip:hover:after, .tooltip:focus:before, .tooltip:focus:after,
[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after {
    visibility: visible;
    opacity: 1;
}
.tooltip:before,
[data-tooltip]:before {
    content: "";
    position: absolute;
    background: transparent;
    border: 8px solid transparent;
    z-index: 1000001;
}
.tooltip:after,
[data-tooltip]:after {
    content: attr(data-tooltip);
    background: #00B9EB;
    color: white;
    text-shadow: 0 -1px 0px #00556c;
    padding: 8px 10px;
    font-size: 12px;
    line-height: 12px;
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
    width: 200px;
}
@media (min-width: 992px) {
    .tooltip:after,
[data-tooltip]:after {
        white-space: nowrap;
        width: auto;
    }
}

/**
 * source: tooltip-position.scss
 *
 * Defines the positoning logic for the tooltips.
 *
 * Classes added:
 * 	1) tooltip-top
 * 	2) tooltip-bottom
 * 	3) tooltip-left
 * 	4) tooltip-right
 */
/**
 * set default color for tooltip arrows
 */
.tooltip-top:before {
    border-top-color: #00B9EB;
}

.tooltip-bottom:before {
    border-bottom-color: #00B9EB;
}

.tooltip-left:before {
    border-left-color: #00B9EB;
}

.tooltip-right:before {
    border-right-color: #00B9EB;
}

/**
 * top tooltip
 */
.tooltip-top-left:before,
.tooltip-top:before {
    margin-bottom: -16px;
}
.tooltip-top-left:after,
.tooltip-top:after {
    margin-left: -18px;
}
.tooltip-top-left:before, .tooltip-top-left:after,
.tooltip-top:before,
.tooltip-top:after {
    bottom: 100%;
    left: 18px;
}
.tooltip-top-left:hover:after, .tooltip-top-left:hover:before, .tooltip-top-left:focus:after, .tooltip-top-left:focus:before,
.tooltip-top:hover:after,
.tooltip-top:hover:before,
.tooltip-top:focus:after,
.tooltip-top:focus:before {
    transform: translateY(-8px);
}

.tooltip-top-middle:before {
    border-top-color: #00B9EB;
    right: calc((50%) - 6px);
    top: 0;
}
.tooltip-top-middle:after {
    bottom: 100%;
    left: 0;
}
.tooltip-top-middle:hover:before, .tooltip-top-middle:focus:before {
    top: -10px;
}
.tooltip-top-middle:hover:after, .tooltip-top-middle:focus:after {
    margin-bottom: 10px;
}

.tooltip-top-right:before {
    border-top-color: #00B9EB;
    right: 18px;
    top: -10px;
}
.tooltip-top-right:after {
    right: 8px;
    bottom: 100%;
    margin-bottom: 10px;
}
.tooltip-top-right:hover:before, .tooltip-top-right:focus:before {
    right: 8px;
}
.tooltip-top-right:hover:after, .tooltip-top-right:focus:after {
    right: 0px;
}

/**
 * bottom tooltip
 */
.tooltip-bottom-left:before,
.tooltip-bottom:before {
    margin-top: -16px;
}
.tooltip-bottom-left:after,
.tooltip-bottom:after {
    margin-left: -18px;
}
.tooltip-bottom-left:before, .tooltip-bottom-left:after,
.tooltip-bottom:before,
.tooltip-bottom:after {
    top: 100%;
    left: 18px;
}
.tooltip-bottom-left:hover:after, .tooltip-bottom-left:hover:before, .tooltip-bottom-left:focus:after, .tooltip-bottom-left:focus:before,
.tooltip-bottom:hover:after,
.tooltip-bottom:hover:before,
.tooltip-bottom:focus:after,
.tooltip-bottom:focus:before {
    transform: translateY(8px);
}

.tooltip-bottom-middle:before {
    border-bottom-color: #00B9EB;
    bottom: 0;
    right: calc((50%) - 6px);
}
.tooltip-bottom-middle:after {
    top: 100%;
    left: 0;
}
.tooltip-bottom-middle:hover:before, .tooltip-bottom-middle:focus:before {
    bottom: -10px;
}
.tooltip-bottom-middle:hover:after, .tooltip-bottom-middle:focus:after {
    margin-top: 10px;
}

.tooltip-bottom-right:before {
    border-bottom-color: #00B9EB;
    bottom: -10px;
    right: 28px;
}
.tooltip-bottom-right:after {
    margin-top: 10px;
    right: 10px;
    top: 100%;
}
.tooltip-bottom-right:hover:before, .tooltip-bottom-right:focus:before {
    right: 18px;
}
.tooltip-bottom-right:hover:after, .tooltip-bottom-right:focus:after {
    right: 0;
}

/**
 * right tooltip
 */
.tooltip-right:before {
    margin-left: -16px;
    margin-bottom: -8px;
}
.tooltip-right:after {
    margin-bottom: -14px;
}
.tooltip-right:before, .tooltip-right:after {
    left: 100%;
    bottom: 50%;
}
.tooltip-right:hover:after, .tooltip-right:hover:before, .tooltip-right:focus:after, .tooltip-right:focus:before {
    transform: translateX(8px);
}

/**
 * left tooltip
 */
.tooltip-left:before {
    margin-right: -16px;
    margin-bottom: -8px;
}
.tooltip-left:after {
    margin-bottom: -14px;
}
.tooltip-left:before, .tooltip-left:after {
    right: 100%;
    bottom: 50%;
}
.tooltip-left:hover:after, .tooltip-left:hover:before, .tooltip-left:focus:after, .tooltip-left:focus:before {
    transform: translateX(-8px);
}

/**
 * source: tooltip-color-types.scss
 *
 * Contains tooltips of various types based on color differences.
 *
 * Classes added:
 * 	1) tooltip-error
 * 	2) tooltip-warning
 * 	3) tooltip-info
 * 	4) tooltip-success
 *
 */
/**
 * Error
 */
.tooltip-error:after {
    background-color: #D82A2B;
    text-shadow: 1px 1px 0px #6e1415;
}
.tooltip-error.tooltip-top:before {
    border-top-color: #D82A2B;
}
.tooltip-error.tooltip-bottom:before {
    border-bottom-color: #D82A2B;
}
.tooltip-error.tooltip-left:before {
    border-left-color: #D82A2B;
}
.tooltip-error.tooltip-right:before {
    border-right-color: #D82A2B;
}

/**
 * Warning
 */
.tooltip-warning:after {
    background-color: #F58228;
    text-shadow: 1px 1px 0px #974607;
}
.tooltip-warning.tooltip-top:before {
    border-top-color: #F58228;
}
.tooltip-warning.tooltip-bottom:before {
    border-bottom-color: #F58228;
}
.tooltip-warning.tooltip-left:before {
    border-left-color: #F58228;
}
.tooltip-warning.tooltip-right:before {
    border-right-color: #F58228;
}

/**
 * Info
 */
.tooltip-info:after {
    background-color: #22B8B0;
    text-shadow: 1px 1px 0px #0e4c49;
}
.tooltip-info.tooltip-top:before {
    border-top-color: #22B8B0;
}
.tooltip-info.tooltip-bottom:before {
    border-bottom-color: #22B8B0;
}
.tooltip-info.tooltip-left:before {
    border-left-color: #22B8B0;
}
.tooltip-info.tooltip-right:before {
    border-right-color: #22B8B0;
}

/**
 * Success
 */
.tooltip-success:after {
    background-color: #71B55E;
    text-shadow: 1px 1px 0px #3a652e;
}
.tooltip-success.tooltip-top:before {
    border-top-color: #71B55E;
}
.tooltip-success.tooltip-bottom:before {
    border-bottom-color: #71B55E;
}
.tooltip-success.tooltip-left:before {
    border-left-color: #71B55E;
}
.tooltip-success.tooltip-right:before {
    border-right-color: #71B55E;
}

/**
 * source: tooltip-always.scss
 *
 * Defines a persisted tooltip which shows always.
 *
 * Classes added:
 * 	1) tooltip-always
 *
 */
.tooltip-always:after, .tooltip-always:before {
    opacity: 1;
    visibility: visible;
}
.tooltip-always.tooltip-top-left:after, .tooltip-always.tooltip-top-left:before, .tooltip-always.tooltip-top:after, .tooltip-always.tooltip-top:before {
    transform: translateY(-8px);
}
.tooltip-always.tooltip-bottom-left:after, .tooltip-always.tooltip-bottom-left:before, .tooltip-always.tooltip-bottom:after, .tooltip-always.tooltip-bottom:before {
    transform: translateY(8px);
}
.tooltip-always.tooltip-left:after, .tooltip-always.tooltip-left:before {
    transform: translateX(-8px);
}
.tooltip-always.tooltip-right:after, .tooltip-always.tooltip-right:before {
    transform: translateX(8px);
}

/**
 * source: tooltip-rounded.scss
 *
 * Defines rounded corner tooltips.
 *
 * Classes added:
 * 	1) tooltip-rounded
 *
 */
.tooltip-rounded:after {
    border-radius: 4px;
}

/**
 * source: tooltip-effects.scss
 *
 * Defines various transition effects for the tooltips.
 *
 * Classes added:
 * 	1) tooltip-bounce
 *
 */
.tooltip-bounce:before, .tooltip-bounce:after {
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
}

.no-tooltip:before, .no-tooltip:after {
    display: none;
}

/*------------------------------------*\
    Typography
\*------------------------------------*/
html {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 16px;
    color: black;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    margin: 0;
    padding: 0;
}
h1.ico-heading:before, h2.ico-heading:before, h3.ico-heading:before, h4.ico-heading:before, h5.ico-heading:before, h6.ico-heading:before {
    position: relative;
    top: 1px;
    margin-right: 2px;
}

h1.ico-heading:before {
    margin-right: 10px;
}

h1 {
    font-size: 40px;
}

h2 {
    font-size: 30px;
}

h3 {
    font-size: 30px;
}

h4 {
    font-size: 18px;
}

h5 {
    font-size: 14px;
}

h6 {
    font-size: 5px;
}

p {
    line-height: 1.82;
}

a {
    outline: none;
    text-decoration: none;
    color: #00B9EB;
}

.subtitle {
    font-weight: normal;
    font-size: 14px;
}

.default.text {
    color: #00B9EB;
}
.default.background {
    background: #00B9EB;
}
.default.lighter.text {
    color: #52daff;
}
.default.lighter.background {
    background: #52daff;
}
.default.darker.text {
    color: #006985;
}
.default.darker.background {
    background: #006985;
}

.primary.text {
    color: #00B9EB;
}
.primary.background {
    background: #00B9EB;
}
.primary.lighter.text {
    color: #52daff;
}
.primary.lighter.background {
    background: #52daff;
}
.primary.darker.text {
    color: #006985;
}
.primary.darker.background {
    background: #006985;
}

.secondary.text {
    color: #545454;
}
.secondary.background {
    background: #545454;
}
.secondary.lighter.text {
    color: #878787;
}
.secondary.lighter.background {
    background: #878787;
}
.secondary.darker.text {
    color: #212121;
}
.secondary.darker.background {
    background: #212121;
}

.alternate.text {
    color: #ddd;
}
.alternate.background {
    background: #ddd;
}
.alternate.lighter.text {
    color: white;
}
.alternate.lighter.background {
    background: white;
}
.alternate.darker.text {
    color: #aaaaaa;
}
.alternate.darker.background {
    background: #aaaaaa;
}

.black.text {
    color: black;
}
.black.background {
    background: black;
}
.black.lighter.text {
    color: #333333;
}
.black.lighter.background {
    background: #333333;
}
.black.darker.text {
    color: black;
}
.black.darker.background {
    background: black;
}

.info.text, .text.grid-no-results, .lucene-messages .text.lucene-message {
    color: #22B8B0;
}
.info.background, .background.grid-no-results, .lucene-messages .background.lucene-message {
    background: #22B8B0;
}

.success.text {
    color: #71B55E;
}
.success.background {
    background: #71B55E;
}

.warning.text, .lucene-messages .text.lucene-message.lucene-did-you-mean {
    color: #F58228;
}
.warning.background, .lucene-messages .background.lucene-message.lucene-did-you-mean {
    background: #F58228;
}

.error.text {
    color: #D82A2B;
}
.error.background {
    background: #D82A2B;
}

@media (min-width: 992px) {
    .colour-item {
        width: 20%;
        float: left;
        padding: 5px;
    }
}

.example-area {
    margin: 4em 0;
}
.example-area .background {
    width: 4em;
    height: 4em;
    border-radius: 4em;
}

hr {
    margin: 14px 0 50px;
    box-sizing: border-box;
}

small {
    font-size: 12px;
}

.address {
    clear: both;
    display: block;
}

/*------------------------------------*\
    Navigation Mobile
\*------------------------------------*/
.mobile-menu {
    display: none;
}

.dl-menuwrapper ul {
    padding: 0;
    list-style: none;
    transform-style: preserve-3d;
}
.dl-menuwrapper ul.dl-submenu {
    padding: 0 !important;
}

.dl-menuwrapper li {
    position: relative;
}

.dl-menuwrapper li a {
    display: block;
    position: relative;
    padding: 8px 2%;
    font-size: 12px;
    line-height: 20px;
    font-weight: 400;
    color: #000;
    outline: none;
}

.dl-menuwrapper li > a:after {
    right: 2%;
}

.dl-menuwrapper .dl-menu {
    margin: 0px 0 0 0;
    width: 100%;
    pointer-events: none;
    transform: translateY(10px);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.dl-menuwrapper .dl-menu.dl-menuopen {
    pointer-events: auto;
    transform: translateY(0px);
    display: block;
}

.dl-menuwrapper .dl-menu.dl-menu-toggle {
    transition: all 0.3s ease;
}

/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu {
    display: none;
}

/*
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link.
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/
.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a {
    display: none;
}

.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
    display: block;
}

/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .dl-submenu {
    position: absolute;
    width: 100%;
    top: 10px;
    left: 20px;
    margin: 0;
}

/* Animation classes for moving out and in */
.dl-menu.dl-animate-out-1 {
    animation: MenuAnimOut1 0.4s;
}

.dl-menu.dl-animate-out-2 {
    animation: MenuAnimOut2 0.3s ease-in-out;
}

.dl-menu.dl-animate-out-3 {
    animation: MenuAnimOut3 0.4s ease;
}

.dl-menu.dl-animate-out-4 {
    animation: MenuAnimOut4 0.4s ease;
}

.dl-menu.dl-animate-out-5 {
    animation: MenuAnimOut5 0.4s ease;
}
@keyframes MenuAnimOut1 {
    50% {
        transform: translateZ(-250px) rotateY(30deg);
    }
    75% {
        transform: translateZ(-372.5px) rotateY(15deg);
        opacity: 0.5;
    }
    100% {
        transform: translateZ(-500px) rotateY(0deg);
        opacity: 0;
    }
}
@keyframes MenuAnimOut2 {
    100% {
        transform: translateX(-100%);
        opacity: 0;
    }
}
@keyframes MenuAnimOut3 {
    100% {
        transform: translateZ(300px);
        opacity: 0;
    }
}
@keyframes MenuAnimOut4 {
    100% {
        transform: translateZ(-300px);
        opacity: 0;
    }
}
@keyframes MenuAnimOut5 {
    100% {
        transform: translateY(40%);
        opacity: 0;
    }
}
.dl-menu.dl-animate-in-1 {
    animation: MenuAnimIn1 0.3s;
}

.dl-menu.dl-animate-in-2 {
    animation: MenuAnimIn2 0.3s ease-in-out;
}

.dl-menu.dl-animate-in-3 {
    animation: MenuAnimIn3 0.4s ease;
}

.dl-menu.dl-animate-in-4 {
    animation: MenuAnimIn4 0.4s ease;
}

.dl-menu.dl-animate-in-5 {
    animation: MenuAnimIn5 0.4s ease;
}
@keyframes MenuAnimIn1 {
    0% {
        transform: translateZ(-500px) rotateY(0deg);
        opacity: 0;
    }
    20% {
        transform: translateZ(-250px) rotateY(30deg);
        opacity: 0.5;
    }
    100% {
        transform: translateZ(0px) rotateY(0deg);
        opacity: 1;
    }
}
@keyframes MenuAnimIn2 {
    0% {
        transform: translateX(-100%);
        opacity: 0;
    }
    100% {
        transform: translateX(0px);
        opacity: 1;
    }
}
@keyframes MenuAnimIn3 {
    0% {
        transform: translateZ(300px);
        opacity: 0;
    }
    100% {
        transform: translateZ(0px);
        opacity: 1;
    }
}
@keyframes MenuAnimIn4 {
    0% {
        transform: translateZ(-300px);
        opacity: 0;
    }
    100% {
        transform: translateZ(0px);
        opacity: 1;
    }
}
@keyframes MenuAnimIn5 {
    0% {
        transform: translateY(40%);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
    animation: SubMenuAnimIn1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {
    animation: SubMenuAnimIn2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-3 {
    animation: SubMenuAnimIn3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-4 {
    animation: SubMenuAnimIn4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-5 {
    animation: SubMenuAnimIn5 0.4s ease;
}
@keyframes SubMenuAnimIn1 {
    0% {
        transform: translateX(50%);
        opacity: 0;
    }
    100% {
        transform: translateX(0px);
        opacity: 1;
    }
}
@keyframes SubMenuAnimIn2 {
    0% {
        transform: translateX(100%);
        opacity: 0;
    }
    100% {
        transform: translateX(0px);
        opacity: 1;
    }
}
@keyframes SubMenuAnimIn3 {
    0% {
        transform: translateZ(-300px);
        opacity: 0;
    }
    100% {
        transform: translateZ(0px);
        opacity: 1;
    }
}
@keyframes SubMenuAnimIn4 {
    0% {
        transform: translateZ(300px);
        opacity: 0;
    }
    100% {
        transform: translateZ(0px);
        opacity: 1;
    }
}
@keyframes SubMenuAnimIn5 {
    0% {
        transform: translateZ(-200px);
        opacity: 0;
    }
    100% {
        transform: translateZ(0);
        opacity: 1;
    }
}
.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
    animation: SubMenuAnimOut1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {
    animation: SubMenuAnimOut2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-3 {
    animation: SubMenuAnimOut3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-4 {
    animation: SubMenuAnimOut4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-5 {
    animation: SubMenuAnimOut5 0.4s ease;
}
@keyframes SubMenuAnimOut1 {
    0% {
        transform: translateX(0%);
        opacity: 1;
    }
    100% {
        transform: translateX(50%);
        opacity: 0;
    }
}
@keyframes SubMenuAnimOut2 {
    0% {
        transform: translateX(0%);
        opacity: 1;
    }
    100% {
        transform: translateX(100%);
        opacity: 0;
    }
}
@keyframes SubMenuAnimOut3 {
    0% {
        transform: translateZ(0px);
        opacity: 1;
    }
    100% {
        transform: translateZ(-300px);
        opacity: 0;
    }
}
@keyframes SubMenuAnimOut4 {
    0% {
        transform: translateZ(0px);
        opacity: 1;
    }
    100% {
        transform: translateZ(300px);
        opacity: 0;
    }
}
@keyframes SubMenuAnimOut5 {
    0% {
        transform: translateZ(0);
        opacity: 1;
    }
    100% {
        transform: translateZ(-200px);
        opacity: 0;
    }
}
/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu {
    position: relative;
    opacity: 1;
    transform: none;
}

.no-js .dl-menuwrapper li .dl-submenu {
    display: block;
}

.no-js .dl-menuwrapper li.dl-back {
    display: none;
}

.no-js .dl-menuwrapper li > a:not(:only-child) {
    background: rgba(0, 0, 0, 0.1);
}

.no-js .dl-menuwrapper li > a:not(:only-child):after {
    content: "";
}

.dummy-button {
    position: absolute;
    left: -999em;
}

.widget-mobile-category-menu .second-level.expandable-toggle.Clearance {
    background: #ffd4d2;
}
.widget-mobile-category-menu .second-level.expandable-toggle.Clearance .third-level a:hover {
    color: #FF0000;
}

/*------------------------------------*\
    Navigation Desktop
\*------------------------------------*/
/*------------------------------------*\
    Widget - Account Select
\*------------------------------------*/
@media (min-width: 768px) {
    .widget-account-select .search-options .form-fieldset {
        width: auto;
        clear: none;
        margin-bottom: 0;
    }
    .widget-account-select .search-options .form-fieldset input {
        margin-bottom: 0;
        margin-top: 5px;
    }
}
.widget-account-select .form-text {
    height: 30px;
}

.number-results-row {
    font-size: 12px;
}

/*------------------------------------*\
    Widget - Banner Slider
\*------------------------------------*/
.widget-banner-slider {
    display: block;
    clear: both;
}
.widget-banner-slider .gallery-slide::after {
    clear: both;
    content: "";
    display: table;
}
.widget-banner-slider .gallery-slide img {
    float: left;
}
.widget-banner-slider .container {
    padding: 14px 0;
    line-height: 200%;
    background: transparent;
    position: absolute;
    top: 10px;
    left: 0;
    width: 100%;
    max-width: 100%;
    height: 100%;
}
.widget-banner-slider .banner-caption {
    margin: 0 auto;
    max-width: 1400px;
    color: white;
    text-shadow: 1px 1px 1px #000;
    padding-top: 50px;
    padding-bottom: 50px;
    font-size: 30px;
    text-align: left;
}
.widget-banner-slider .banner-caption::after {
    clear: both;
    content: "";
    display: table;
}
.widget-banner-slider .banner-caption h1 {
    display: block;
    padding-bottom: 2px;
    line-height: 60px;
}
.widget-banner-slider .banner-caption .callout {
    background: rgba(0, 0, 0, 0.7);
    padding: 1em;
    max-width: 720px;
}
.widget-banner-slider .banner-caption .callout::after {
    clear: both;
    content: "";
    display: table;
}
.widget-banner-slider .banner-caption .callout h3 {
    font-size: 30px;
    margin: 0 0 5px;
}
.widget-banner-slider .banner-caption .callout h4.subtitle {
    font-size: 12px;
    line-height: 150%;
    margin: 0 0 5px;
}
.widget-banner-slider .banner-caption .callout .btn {
    font-size: 5px;
}

/*------------------------------------*\
    Widget - Breadcrumb
\*------------------------------------*/
.widget-breadcrumb {
    font-size: 12px;
    padding: 14px;
    margin: 0 0 12px;
    background: none;
}
.widget-breadcrumb ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.widget-breadcrumb ul li {
    display: inline-block;
    padding: 0 0 0 14px;
}
.widget-breadcrumb ul li::after {
    content: "/";
    display: inline-block;
    padding-left: 14px;
}
.widget-breadcrumb ul li:first-child {
    padding-left: 0;
}
.widget-breadcrumb ul li.last-breadcrumb-item::after {
    display: none;
}
.widget-breadcrumb ul li a:hover {
    text-decoration: underline;
}

/*------------------------------------*\
    Widget - Campaign Slider
\*------------------------------------*/
.widget-campaign-slider h2.subtitle {
    padding: 14px;
    font-size: 40px;
    text-align: center;
}
.widget-campaign-slider h2.subtitle:before {
    margin-right: 10px;
}

/*------------------------------------*\
    Widget - Cart Buttons
\*------------------------------------*/
.widget-cart-buttons .btn.small {
    background: #00B9EB;
    border-color: #00B9EB;
    padding: 12px;
}
.widget-cart-buttons .btn.small:hover {
    background: #52daff;
    border-color: #52daff;
}
.widget-cart-buttons .btn {
    float: right;
    margin: 0 2px 2px 0;
}
.widget-cart-buttons .btn + .btn {
    margin: 0 2px 2px 0;
}

.widget-cart-checkout-button .btn.checkout-progress {
    float: right;
}

.widget-pay-pal-express-button {
    padding: 0 12px 0 0;
}

.paypal-or {
    padding: 0 0 0 12px;
    position: relative;
    top: 12px;
}

/*------------------------------------*\
    Widget - Cart Delivery Options
\*------------------------------------*/
.widget-cart-delivery-options {
    display: block;
}
.widget-cart-delivery-options::after {
    clear: both;
    content: "";
    display: table;
}
.widget-cart-delivery-options #delivery-mode-delivery + label:before {
    font-family: "cv-ico-general";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.widget-cart-delivery-options #delivery-mode-delivery + label:before {
    content: "";
}
.widget-cart-delivery-options #delivery-mode-pickup + label:before {
    font-family: "cv-ico-general";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.widget-cart-delivery-options #delivery-mode-pickup + label:before {
    content: "";
}

/*------------------------------------*\
    Widget - Fast Order Entry
\*------------------------------------*/
.widget-cart-fast-order-entry {
    padding: 50px 0;
    margin: 50px 0;
}
.widget-cart-fast-order-entry::after {
    clear: both;
    content: "";
    display: table;
}
.widget-cart-fast-order-entry .fast-order-basic-notes .cv-data-zone-1 .k-widget.k-combobox {
    height: 37px;
}
.widget-cart-fast-order-entry .fast-order-basic-notes .cv-data-zone-2 .data-list-column {
    width: 50%;
    float: left;
}
.widget-cart-fast-order-entry .fast-order-basic-notes .cv-data-zone-2 .data-list-column .form-text {
    height: 37px;
}
.widget-cart-fast-order-entry .fast-order-basic-notes .cv-data-zone-3 .btn.primary.cv-ico-general-plus2 {
    height: 37px;
}

/*------------------------------------*\
    Widget - Cart Summary Totals
\*------------------------------------*/
.widget-cart-order-summary-totals,
.cv-order-summary {
    float: right;
    display: block;
    width: 100%;
    max-width: 600px;
    padding: 10px;
    margin: 50px 0 0px;
}
.widget-cart-order-summary-totals::after,
.cv-order-summary::after {
    clear: both;
    content: "";
    display: table;
}
.widget-cart-order-summary-totals .total,
.cv-order-summary .total {
    font-weight: bold;
}
.widget-cart-order-summary-totals .cart-summary-row,
.cv-order-summary .cart-summary-row {
    clear: both;
    display: block;
}
.widget-cart-order-summary-totals .cart-summary-row::after,
.cv-order-summary .cart-summary-row::after {
    clear: both;
    content: "";
    display: table;
}
.widget-cart-order-summary-totals .summary-label,
.cv-order-summary .summary-label {
    float: left;
}
.widget-cart-order-summary-totals .summary-value,
.cv-order-summary .summary-value {
    float: right;
    text-align: right;
}

.cv-order-summary {
    margin: 0 0 64px;
}

/*------------------------------------*\
    Widget - Promo Code Entry
\*------------------------------------*/
.widget-cart-promotional-code-entry::after {
    clear: both;
    content: "";
    display: table;
}

/*------------------------------------*\
    Widget - Cart Summary
\*------------------------------------*/
#cv-zone-topbar .widget-cart-summary {
    position: relative;
}
#cv-zone-topbar .widget-cart-summary:hover .dropdown-cart-summary {
    display: block;
}
#cv-zone-topbar .widget-cart-summary .cart-total {
    font-weight: 200;
}
#cv-zone-topbar .widget-cart-summary .header-cart-items {
    font-size: 12px;
}
#cv-zone-topbar .widget-cart-summary [class*=widget-] {
    height: auto;
    padding: 0;
    margin: 0;
    font-size: 12px;
}
#cv-zone-topbar .dropdown-cart-summary {
    display: none;
    background: white;
    border-radius: 5px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    background: white;
    border: 1px solid #ddd;
    color: black;
    position: absolute;
    top: 100%;
    right: 0;
    width: 300px;
    z-index: 100000;
    padding: 14px;
}
#cv-zone-topbar .dropdown-cart-summary:before {
    bottom: 100%;
    left: 95%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 10px;
    margin-left: -10px;
}
@media (min-width: 768px) {
    #cv-zone-topbar .dropdown-cart-summary {
        width: 600px;
    }
}
#cv-zone-topbar .dropdown-cart-summary a {
    color: black;
}
#cv-zone-topbar .dropdown-cart-summary .dropdown-cart-summary-title {
    text-align: right;
    font-weight: 200;
}
#cv-zone-topbar .dropdown-cart-summary .dropdown-product-lines {
    clear: both;
    display: block;
    padding: 10px;
    margin: 14px 0;
    background: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: opx;
    max-height: 200px;
    overflow-y: auto;
    padding: 5px;
}
#cv-zone-topbar .dropdown-cart-summary .dropdown-product-lines::after {
    clear: both;
    content: "";
    display: table;
}
#cv-zone-topbar .dropdown-cart-summary .product-line {
    border-bottom: 1px dashed #ddd;
    padding: 5px 0;
}
#cv-zone-topbar .dropdown-cart-summary .product-line::after {
    clear: both;
    content: "";
    display: table;
}
#cv-zone-topbar .dropdown-cart-summary .product-line:only-child {
    border-bottom: none;
}
#cv-zone-topbar .dropdown-cart-summary .product-line .cv-zone-product-line-1 {
    float: left;
    display: block;
    width: 10%;
    padding: 2px;
}
#cv-zone-topbar .dropdown-cart-summary .product-line .cv-zone-product-line-1 .widget-productlist-image {
    max-width: 40px;
}
#cv-zone-topbar .dropdown-cart-summary .product-line .cv-zone-product-line-1 .widget-productlist-image img {
    transition: all 0.2s ease-in-out;
    background: white;
    border-radius: 5px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    background: white;
    border: none;
    color: black;
    backgorund: white;
    border-radius: 100px;
    float: left;
    border: 1px solid #41b7ea;
    padding: 5px;
}
#cv-zone-topbar .dropdown-cart-summary .product-line .cv-zone-product-line-1 .widget-productlist-image img:hover {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    background: #fff;
    transform: translateY(-4px);
}
#cv-zone-topbar .dropdown-cart-summary .product-line .cv-zone-product-line-2 {
    float: left;
    display: block;
    width: 40%;
    padding-top: 15px;
}
#cv-zone-topbar .dropdown-cart-summary .product-line .cv-zone-product-line-2 .widget-productlist-title {
    font-weight: 200;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 90%;
}
#cv-zone-topbar .dropdown-cart-summary .product-line .cv-zone-product-line-3 {
    float: left;
    display: block;
    width: 15%;
    padding-top: 15px;
}
#cv-zone-topbar .dropdown-cart-summary .product-line .cv-zone-product-line-4 {
    float: left;
    display: block;
    width: 15%;
    padding-top: 15px;
}
#cv-zone-topbar .dropdown-cart-summary .product-line .cv-zone-product-line-5 {
    float: left;
    display: block;
    width: 20%;
    padding-top: 15px;
}
#cv-zone-topbar .dropdown-cart-summary .product-line .cv-zone-product-line-5 .widget-productlist-price {
    text-align: right;
    font-weight: 200;
    display: block;
    width: 100%;
}
#cv-zone-topbar .dropdown-cart-summary .cart-lines {
    padding: 12px 0;
}
#cv-zone-topbar .dropdown-cart-summary .cart-lines .cart-line-item {
    font-size: 12px;
}
#cv-zone-topbar .dropdown-cart-summary .cart-lines .cart-line-item::after {
    clear: both;
    content: "";
    display: table;
}
#cv-zone-topbar .dropdown-cart-summary .cart-lines .cart-line-item.subtotals {
    font-weight: 200;
    border-top: 1px solid #00B9EB;
    border-bottom: 1px solid #00B9EB;
    font-size: 30px;
    padding: 2px 0;
    margin: 2px 0;
}
#cv-zone-topbar .dropdown-cart-summary .cart-lines .cart-line-item .cart-line-col-1 {
    float: left;
    display: block;
    width: 50%;
}
#cv-zone-topbar .dropdown-cart-summary .cart-lines .cart-line-item .cart-line-col-2 {
    float: left;
    display: block;
    width: 50%;
    text-align: right;
}
#cv-zone-topbar .dropdown-cart-summary .dropdown-cart-options {
    display: block;
    clear: both;
    padding: 12px 0;
}
#cv-zone-topbar .dropdown-cart-summary .dropdown-cart-options::after {
    clear: both;
    content: "";
    display: table;
}
#cv-zone-topbar .dropdown-cart-summary .dropdown-cart-options .btn.cv-checkout {
    color: white;
    float: right;
    text-align: center;
    width: 100%;
    padding: 12px;
}

/*------------------------------------*\
    Widget - Catalogue Select
\*------------------------------------*/
/*------------------------------------*\
    Widget - Category Banner
\*------------------------------------*/
.widget-category-banner {
    position: relative;
    height: 300px;
    overflow: hidden;
    margin: 0 0 14px;
    background: url("/Images/header01.jpg");
    background-size: cover;
    background-position: 50% 50%;
}
.widget-category-banner::after {
    clear: both;
    content: "";
    display: table;
}
.widget-category-banner .category-banner-title {
    position: absolute;
    top: 50px;
    left: 50px;
    color: white;
    z-index: 2;
    font-size: 50px;
    font-weight: 200;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
}
.widget-category-banner .category-banner-text {
    position: absolute;
    top: 80px;
    left: 50px;
    color: white;
    z-index: 1000;
    font-size: 40px;
    font-weight: 200;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
}
.widget-category-banner .category-banner-image {
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
}

.widget-category-menu {
    display: none;
}
@media (min-width: 992px) {
    .widget-category-menu {
        float: left;
        display: inline-block;
        width: 200px;
    }
}
.widget-category-menu:hover .menu-button {
    background: #00B9EB;
    border-color: #00B9EB;
    color: white;
    cursor: pointer;
}
.widget-category-menu:hover .dropdown-area {
    display: block;
}
.widget-category-menu .menu-button {
    border-radius: 100px;
    background: none;
    border: 1px solid black;
    text-align: center;
    padding: 15px 0 0;
    height: 50px;
    font-weight: 200;
    position: relative;
    display: block;
    width: 100%;
}
.widget-category-menu .menu-button:before {
    font-family: "cv-ico-general";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.widget-category-menu .menu-button:before {
    content: "";
}
.widget-category-menu .menu-button:before {
    font-size: 26px;
    position: relative;
    top: -4px;
    left: 10px;
    float: left;
    display: inline-block;
}
.widget-category-menu .dropdown-area {
    display: none;
    position: absolute;
    top: 50px;
    left: 0px;
    width: 100%;
    height: auto;
    background: transparent;
    z-index: 100000;
    border-radius: 10px;
    padding-top: 12px;
}
.widget-category-menu .dropdown-content {
    display: table;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    border: none;
    background: #ddd;
    position: relative;
}
.widget-category-menu .menu-sidebar {
    background: #ddd;
    float: left;
    display: inline-block;
    height: 100%;
    width: 250px;
    border-radius: 10px 0 0 10px;
}
.widget-category-menu .menu-sidebar:after {
    content: "";
    margin: 0;
    bottom: 100%;
    left: 31px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: none;
    border-bottom-color: #ddd;
    border-width: 10px;
}
.widget-category-menu .menu-content {
    float: right;
    display: inline-block;
    height: 100%;
    width: calc((100%) - 250px);
    padding: 5px 20px;
    background: white;
    min-height: 350px;
    border-radius: 0 10px 10px 0;
}

.menu-sidebar-categories {
    list-style: none;
    margin: 0;
    padding: 0;
}
.menu-sidebar-categories::after {
    clear: both;
    content: "";
    display: table;
}
.menu-sidebar-categories a {
    border-bottom: 1px solid #d0d0d0;
    font-size: 14px;
    padding: 10px;
    color: #006985;
    display: block;
    font-size: 14px;
    font-weight: 200;
    text-transform: uppercase;
}
.menu-sidebar-categories a:before {
    font-family: "cv-ico-general";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.menu-sidebar-categories a:before {
    content: "";
}
.menu-sidebar-categories a:before {
    float: right;
}
.menu-sidebar-categories li:first-child a {
    border-radius: 10px 0 0 0;
}
.menu-sidebar-categories li.active a {
    background: #00B9EB;
    border-bottom-color: #00B9EB;
    color: white;
}

.menu-sub-categories {
    background: white;
    display: none;
}
.menu-sub-categories .menu-group {
    display: block;
    margin: 5px 0 5px;
}
.menu-sub-categories .menu-group::after {
    clear: both;
    content: "";
    display: table;
}
.menu-sub-categories .menu-group ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.menu-sub-categories .menu-group .heading a {
    font-size: 14px;
    font-weight: 200;
    padding: 0 0 5px;
    text-transform: uppercase;
    color: black;
    display: block;
}
.menu-sub-categories .menu-group .heading a:hover {
    color: #00B9EB;
}
.menu-sub-categories .menu-group li {
    list-style: none;
    padding: 0;
    margin: 0;
}
.menu-sub-categories .menu-group li a {
    color: #00B9EB;
    font-size: 14px;
    padding: 2px 0;
    display: block;
}
.menu-sub-categories .menu-group li a:hover {
    color: #00B9EB;
}
.menu-sub-categories.active {
    display: block;
}
.menu-sub-categories.expandable-category .expandable-category-header {
    padding: 0;
    color: black;
    float: left;
    width: calc((100%) - 30px);
}
.menu-sub-categories.expandable-category .expandable-toggle.expandable-header {
    width: 20px;
    float: right;
    padding: 0;
    height: 20px;
    color: black;
    margin-right: 5px;
}
.menu-sub-categories.expandable-category .expandable-toggle.expandable-header:before {
    top: 0px;
    content: "z";
}
.menu-sub-categories.expandable-category .expandable-toggle.expandable-header.cv-ico-general-arrow-down5:before {
    content: "A";
}
.menu-sub-categories.expandable-category .expandable-toggle:hover {
    color: #00B9EB;
}
.menu-sub-categories.expandable-category .expandable-content {
    clear: both;
    padding: 0;
}

.dropdown-area-custom-bottom::after {
    clear: both;
    content: "";
    display: table;
}
.dropdown-area-custom-bottom img {
    width: 100%;
}

/*------------------------------------*\
    Widget - Checkout Messages
\*------------------------------------*/
.widget-checkout-messages .modal-header:before {
    font-family: "cv-ico-general";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.widget-checkout-messages .modal-header:before {
    content: "";
}
.widget-checkout-messages .modal-header:before {
    background: #fff;
    padding: 10px;
    border-radius: 100px;
    color: #00B9EB;
    text-align: center;
    margin-right: 5px;
}
.widget-checkout-messages .content-box.primary {
    margin: 0;
    padding: 0;
}
.widget-checkout-messages .content-box.primary .box-content {
    margin: 0;
    padding: 0;
    border: none;
    line-height: 180%;
}

/*------------------------------------*\
    Widget - Checkout Payment Options
\*------------------------------------*/
/*------------------------------------*\
    Widget - Checkout Review Address B2B
\*------------------------------------*/
/*------------------------------------*\
    Widget - Checkout Review Summary
\*------------------------------------*/
/*------------------------------------*\
    CHECKOUT PROGRESS STEPS
\*------------------------------------*/
.widget-checkout-steps {
    padding: 5px;
    text-align: center;
    position: relative;
}
.widget-checkout-steps::after {
    clear: both;
    content: "";
    display: table;
}
@media (min-width: 992px) {
    .widget-checkout-steps {
        padding: 0;
        margin-bottom: 12px;
    }
}
.widget-checkout-steps .progress-bar {
    background: #d3d3d3;
    width: 80%;
    height: 6px;
    margin: 0 auto;
    position: relative;
    top: 49px;
    z-index: 10;
}
.widget-checkout-steps .progress-bar-active {
    position: absolute;
    top: 0;
    left: 0;
    height: 6px;
    width: 0;
    background: #00B9EB;
}
.widget-checkout-steps .progress-steps {
    z-index: 11;
    position: relative;
}
.widget-checkout-steps .progress-steps::after {
    clear: both;
    content: "";
    display: table;
}
.widget-checkout-steps .progress-step {
    float: left;
    display: block;
    width: 20%;
}
.widget-checkout-steps .progress-step-tick {
    display: block;
    color: #999;
    opacity: 0;
}
.widget-checkout-steps .progress-step-tick:before {
    font-family: "cv-ico-general";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.widget-checkout-steps .progress-step-tick:before {
    content: "";
}
.widget-checkout-steps .progress-step-tick::before {
    position: relative;
    top: 8px;
}
.widget-checkout-steps .progress-step-next {
    text-transform: uppercase;
    color: #444;
    font-size: 10px;
    font-weight: 600;
    opacity: 0;
    margin-top: -7px;
}
.widget-checkout-steps .progress-step-number {
    background: #d3d3d3;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    padding-top: 12px;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    margin: 5px 0;
}
.widget-checkout-steps .progress-step-text {
    font-size: 12px;
    font-weight: 600;
}
.widget-checkout-steps .step-1-active .progress-step-1 .progress-step-number {
    background: #00B9EB;
    color: white;
}
.widget-checkout-steps .step-1-active .progress-bar-active {
    width: 12.5%;
}
.widget-checkout-steps .step-1-active .progress-step-2 .progress-step-next {
    opacity: 1;
}
.widget-checkout-steps .step-2-active .progress-step-1 .progress-step-number,
.widget-checkout-steps .step-2-active .progress-step-2 .progress-step-number {
    background: #00B9EB;
    color: white;
}
.widget-checkout-steps .step-2-active .progress-bar-active {
    width: 37.5%;
}
.widget-checkout-steps .step-2-active .progress-step-1 .progress-step-tick {
    opacity: 1;
}
.widget-checkout-steps .step-2-active .progress-step-3 .progress-step-next {
    opacity: 1;
}
.widget-checkout-steps .step-3-active .progress-step-1 .progress-step-number,
.widget-checkout-steps .step-3-active .progress-step-2 .progress-step-number,
.widget-checkout-steps .step-3-active .progress-step-3 .progress-step-number {
    background: #00B9EB;
    color: white;
}
.widget-checkout-steps .step-3-active .progress-bar-active {
    width: 62.5%;
}
.widget-checkout-steps .step-3-active .progress-step-1 .progress-step-tick {
    opacity: 1;
}
.widget-checkout-steps .step-3-active .progress-step-2 .progress-step-tick {
    opacity: 1;
}
.widget-checkout-steps .step-3-active .progress-step-4 .progress-step-next {
    opacity: 1;
}
.widget-checkout-steps .step-4-active .progress-step-1 .progress-step-number,
.widget-checkout-steps .step-4-active .progress-step-2 .progress-step-number,
.widget-checkout-steps .step-4-active .progress-step-3 .progress-step-number,
.widget-checkout-steps .step-4-active .progress-step-4 .progress-step-number {
    background: #00B9EB;
    color: white;
}
.widget-checkout-steps .step-4-active .progress-bar-active {
    width: 87.5%;
}
.widget-checkout-steps .step-4-active .progress-step-1 .progress-step-tick {
    opacity: 1;
}
.widget-checkout-steps .step-4-active .progress-step-2 .progress-step-tick {
    opacity: 1;
}
.widget-checkout-steps .step-4-active .progress-step-3 .progress-step-tick {
    opacity: 1;
}
.widget-checkout-steps .step-4-active .progress-step-4 .progress-step-next {
    opacity: 0;
}
.widget-checkout-steps .step-4-active .progress-step-5 .progress-step-next {
    opacity: 1;
}
.widget-checkout-steps .step-5-active .progress-step-1 .progress-step-number,
.widget-checkout-steps .step-5-active .progress-step-2 .progress-step-number,
.widget-checkout-steps .step-5-active .progress-step-3 .progress-step-number,
.widget-checkout-steps .step-5-active .progress-step-4 .progress-step-number,
.widget-checkout-steps .step-5-active .progress-step-5 .progress-step-number {
    background: #00B9EB;
    color: white;
}
.widget-checkout-steps .step-5-active .progress-bar-active {
    width: 100%;
}
.widget-checkout-steps .step-5-active .progress-step-1 .progress-step-tick {
    opacity: 1;
}
.widget-checkout-steps .step-5-active .progress-step-2 .progress-step-tick {
    opacity: 1;
}
.widget-checkout-steps .step-5-active .progress-step-3 .progress-step-tick {
    opacity: 1;
}
.widget-checkout-steps .step-5-active .progress-step-4 .progress-step-tick {
    opacity: 1;
}

.total-steps-three .progress-bar {
    width: 66%;
}
.total-steps-three.step-1-active .progress-bar-active {
    width: 25%;
}
.total-steps-three.step-2-active .progress-bar-active {
    width: 75%;
}
.total-steps-three.step-3-active .progress-bar-active {
    width: 100%;
}
.total-steps-three .progress-step {
    width: 33.333333%;
}

.total-steps-four .progress-bar {
    width: 75%;
}
.total-steps-four.step-1-active .progress-bar-active {
    width: 15%;
}
.total-steps-four.step-2-active .progress-bar-active {
    width: 50%;
}
.total-steps-four.step-3-active .progress-bar-active {
    width: 85%;
}
.total-steps-four.step-4-active .progress-bar-active {
    width: 100%;
}
.total-steps-four.step-4-active .progress-step-4 .progress-step-next {
    opacity: 0;
}
.total-steps-four.step-4-active .progress-step-4 .progress-step-tick {
    opacity: 1;
}
.total-steps-four .progress-step {
    width: 25%;
}

/*------------------------------------*\
    Widget - Contact Link
\*------------------------------------*/
/*------------------------------------*\
    Widget - Dashboard
\*------------------------------------*/
.widget-dashboard {
    clear: both;
    display: block;
    padding: 10px;
    margin: 14px 0;
    background: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: opx;
    margin: 0;
}
.widget-dashboard::after {
    clear: both;
    content: "";
    display: table;
}
.widget-dashboard .sub-page-tile {
    transition: all 0.2s ease-in-out;
    background: white;
    border-radius: 5px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    background: white;
    border: none;
    color: black;
    padding: 14px 14px 14px 3em;
    margin: 14px 2.5%;
    display: block;
    float: left;
    border: 1px solid #ddd;
    position: relative;
    width: 100%;
    min-height: 5em;
}
.widget-dashboard .sub-page-tile:hover {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    background: #fff;
    transform: translateY(-4px);
}
@media (min-width: 992px) {
    .widget-dashboard .sub-page-tile {
        width: 20%;
    }
}
.widget-dashboard .sub-page-tile .icon-large {
    position: absolute;
    top: 7px;
    left: -24px;
    width: 50px;
    height: 50px;
    background: black;
    color: white;
    text-align: center;
    font-size: 29px;
    z-index: 1000;
    border-radius: 27px;
    padding: 8px;
}
.widget-dashboard .sub-page-tile .icon-large:before {
    position: relative;
    top: 2px;
}
.widget-dashboard .sub-page-tile .text-large {
    font-weight: bold;
    color: black;
    display: block;
    font-size: 18px;
    padding: 0 0 2px;
}
.widget-dashboard .sub-page-tile .text-small {
    color: black;
    display: black;
    font-size: 0.8em;
}
.widget-dashboard .sub-page-tile .menu-item-count {
    color: #555;
    margin-left: 10px;
    display: inline-block;
}

.dashboard-element-details .btn {
    width: 100%;
    margin: 0 0 10px;
}
@media (min-width: 992px) {
    .dashboard-element-details .btn {
        margin: 0 5px 0 0;
        width: auto;
    }
}

.dashboard-element-details + h2 {
    margin-top: 50px;
}

.account-payment-totals {
    color: #00B9EB;
}
@media (min-width: 992px) {
    .account-payment-totals {
        float: left;
        display: inline-block;
        width: 50%;
        margin: 0 0 20px;
    }
}
.account-payment-totals .balance-owing,
.account-payment-totals .balance-due {
    display: block;
    clear: both;
    padding: 0 0 10px;
}
.account-payment-totals .balance-owing::after,
.account-payment-totals .balance-due::after {
    clear: both;
    content: "";
    display: table;
}
.account-payment-totals .balance-owing span,
.account-payment-totals .balance-due span {
    display: inline-block;
    float: left;
    width: 50%;
    padding-top: 7px;
    font-size: 16px;
}
.account-payment-totals .balance-owing span.text-large,
.account-payment-totals .balance-due span.text-large {
    font-size: 32px;
    font-weight: 600;
    padding-top: 0;
    text-align: right;
    position: relative;
    top: -6px;
}

.account-payment-days {
    margin: 0 0 20px;
}
@media (min-width: 992px) {
    .account-payment-days {
        float: right;
        display: inline-block;
        width: 25%;
        margin: 0;
    }
}

.balance-breakdown {
    width: 100%;
}
.balance-breakdown tr td {
    color: #999;
}
.balance-breakdown tr td.highlighted {
    color: black;
}

.dashboard-module .alert-box, .dashboard-module .grid-no-results, .dashboard-module .lucene-messages .lucene-message, .lucene-messages .dashboard-module .lucene-message {
    margin: 0;
    display: none;
}
.dashboard-module.content-box .box-title {
    background: #00B9EB;
    color: white;
}
.dashboard-module.content-box .box-content {
    min-height: 300px;
}
.dashboard-module.content-box .box-content .spacing-top {
    margin-top: 20px !important;
}

#link-delivery-and-billing + .form-label {
    clear: none;
    width: auto;
    margin: 0 0 0 5px;
}

/*------------------------------------*\
    Account Payment
\*------------------------------------*/
.widget-account-payment .form-label {
    width: auto;
    clear: none;
}
.widget-account-payment .form-checkbox {
    margin-right: 5px;
}

/*------------------------------------*\
    Widget - Forgot Password
\*------------------------------------*/
.widget-forgot-password {
    margin: 64px 0;
}
@media (min-width: 992px) {
    .widget-forgot-password {
        max-width: 50%;
        margin: 64px auto;
    }
}
.widget-forgot-password .col-1-2 {
    width: 100%;
    padding: 0 0 12px;
}
.widget-forgot-password .box-title {
    font-size: 40px;
    font-weight: bold;
    color: white;
    border-radius: 10px 10px 0 0;
    padding: 12px;
}
.widget-forgot-password .box-title:before {
    font-family: "cv-ico-general";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.widget-forgot-password .box-title:before {
    content: "";
}
.widget-forgot-password .box-title:before {
    background: #fff;
    padding: 10px;
    border-radius: 100px;
    color: #00B9EB;
    text-align: center;
    margin-right: 5px;
    margin-right: 10px;
}
.widget-forgot-password .box-content {
    padding: 30px;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

/*------------------------------------*\
    Widget - Freight Estimate
\*------------------------------------*/
.widget-freight-estimate::after {
    clear: both;
    content: "";
    display: table;
}

/*------------------------------------*\
    Widget - Giftcards
\*------------------------------------*/
/*------------------------------------*\
    Widget - Keep Shopping
\*------------------------------------*/
/*------------------------------------*\
    Widget - Login Logout Modal
\*------------------------------------*/
.widget-login-logout-modal ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.widget-login-logout-modal ul li {
    list-style: none;
    margin: 0;
    padding: 0;
}
.widget-login-logout-modal ul li a.cv-is-processing:before {
    font-family: "cv-ico-general";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.widget-login-logout-modal ul li a.cv-is-processing:before {
    content: "";
}
@keyframes spin {
    0% {
        transform: rotate(359deg);
    }
    100% {
        transform: rotate(0deg);
    }
}
.widget-login-logout-modal ul li a.cv-is-processing:before {
    display: inline-block;
    animation: spin 1.25s infinite linear;
}

#modal-login-register .modal-header .cv-ico-general-login:before {
    content: "";
}
#modal-login-register .modal-header .cv-ico-general-login:before {
    background: #fff;
    padding: 10px;
    border-radius: 100px;
    color: #00B9EB;
    text-align: center;
    margin-right: 5px;
}
#modal-login-register .col-1-2 {
    width: 100%;
    padding: 0;
}
#modal-login-register .form-fieldset {
    font-size: 12px;
    margin: 12px 0 0;
}
#modal-login-register .form-fieldset [class*=form-] {
    margin: 0;
}
#modal-login-register .grey-box {
    margin: 0;
    font-size: 12px;
}
#modal-login-register .grey-box a {
    color: black;
    text-decoration: underline;
}
#modal-login-register .grey-box a:hover {
    color: #00B9EB;
}

.password-reset-link.cv-ico-general-lock {
    font-size: 12px;
}
.password-reset-link.cv-ico-general-lock:before {
    content: "";
}
.password-reset-link.cv-ico-general-lock:before {
    margin: 1px 5px 0 0;
}

/*------------------------------------*\
    Widget - Login Only
\*------------------------------------*/
.widget-login-only {
    margin: 64px 0;
}
@media (min-width: 992px) {
    .widget-login-only {
        max-width: 50%;
        margin: 64px auto;
    }
}
.widget-login-only .col-1-2 {
    width: 100%;
    padding: 0 0 12px;
}
.widget-login-only .box-title {
    font-size: 40px;
    font-weight: bold;
    color: white;
    border-radius: 10px 10px 0 0;
    padding: 12px;
}
.widget-login-only .box-title:before {
    font-family: "cv-ico-general";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.widget-login-only .box-title:before {
    content: "";
}
.widget-login-only .box-title:before {
    background: #fff;
    padding: 10px;
    border-radius: 100px;
    color: #00B9EB;
    text-align: center;
    margin-right: 5px;
    margin-right: 10px;
}
.widget-login-only .box-content {
    padding: 30px;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}
.widget-login-only #remember-email {
    margin-right: 5px;
}
.widget-login-only .lost-pwd {
    background: none;
    border: none;
    color: #00B9EB;
    margin: 0;
    padding: 0;
    font-size: 12px;
}
.widget-login-only .lost-pwd:before {
    content: "";
}
.widget-login-only .lost-pwd:before {
    margin: 1px 5px 0 0;
}
.widget-login-only .lost-pwd:hover, .widget-login-only .lost-pwd:focus {
    background: none;
    border: none;
}

/*------------------------------------*\
    Widget - Logo
\*------------------------------------*/
.widget-logo {
    display: block;
    float: left;
    width: 80%;
}
.widget-logo::after {
    clear: both;
    content: "";
    display: table;
}
.widget-logo img {
    float: none;
    width: 90%;
    max-width: 200px;
    display: block;
}
@media (min-width: 768px) {
    .widget-logo img {
        max-width: 100%;
        width: 90%;
        float: left;
    }
}
@media (min-width: 768px) {
    .footer-after-col .widget-logo img {
        max-width: 80px;
        margin: 0;
    }
}

/*------------------------------------*\
    Widget - List Layout Switch
\*------------------------------------*/
.widget-list-layout-switch {
    display: block;
    margin: 0 0 20px;
}
.widget-list-layout-switch::after {
    clear: both;
    content: "";
    display: table;
}
.widget-list-layout-switch .layout-switch {
    float: left;
    display: block;
    margin: 0 14px 5px 0;
    border: 1px solid #ddd;
    min-width: 90px;
    height: 40px;
    float: left;
    display: inline-block;
    outline: none;
    border-radius: 0;
    padding: 0;
    font-weight: 200;
}
@media (min-width: 992px) {
    .widget-list-layout-switch .layout-switch {
        margin: 0 5px 5px 0;
    }
}
.widget-list-layout-switch .layout-switch:hover {
    cursor: pointer;
    border-color: #878787;
}
.widget-list-layout-switch .layout-switch.active {
    font-weight: 200;
    background: #545454;
    border-color: #545454;
    color: white;
}
.widget-list-layout-switch .layout-switch span {
    display: block;
    float: left;
    padding: 11px 0 0 10px;
    text-transform: uppercase;
}
.widget-list-layout-switch .layout-switch span:before {
    position: relative;
    top: -3px;
    margin: 0 5px 0 0;
    font-size: 24px;
    float: left;
}

/*------------------------------------*\
    Widget - Navigation Menu
\*------------------------------------*/
.widget-mega-menu {
    display: none;
    position: relative;
}
.widget-mega-menu::after {
    clear: both;
    content: "";
    display: table;
}
@media (min-width: 768px) {
    .widget-mega-menu {
        display: block;
    }
}
.widget-mega-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.widget-mega-menu ul li {
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
    display: block;
}
.widget-mega-menu ul li:hover a {
    background: #fff;
    color: #00B9EB;
}
.widget-mega-menu ul li:hover .dropdown-area a,
.widget-mega-menu ul li:hover .dopdown-column a {
    background: none;
    color: black;
}
.widget-mega-menu ul li a {
    display: block;
    padding: 14px;
    height: 50px;
    font-weight: 200;
    color: #000;
}
.widget-mega-menu ul li a.ico-right:before {
    margin-left: 5px;
    position: relative;
    top: 1px;
}
.widget-mega-menu ul li.dropdown-twolevel {
    position: relative;
}
.widget-mega-menu ul li.dropdown-twolevel:hover .dropdown-column {
    display: block;
}
.widget-mega-menu ul li.dropdown-twolevel:hover .dropdown-area {
    display: block;
    min-width: 200px;
    font-size: 14px;
}
.widget-mega-menu ul li.dropdown-threelevel:hover .dropdown-area {
    display: none;
}
.widget-mega-menu ul li.dropdown-threelevel .ico-right:before {
    display: none;
}
.widget-mega-menu .dropdown-area {
    background: white;
    border-radius: 5px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    background: white;
    border: 1px solid #ddd;
    color: black;
    border-radius: 0 0 5px 5px;
    display: none;
    padding: 14px;
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    z-index: 1000;
    border-top: none;
}
.widget-mega-menu .dropdown-area::after {
    clear: both;
    content: "";
    display: table;
}
.widget-mega-menu .dropdown-area .mm-col {
    padding-right: 14px;
}
.widget-mega-menu .dropdown-area a {
    height: auto;
    font-weight: normal;
}
.widget-mega-menu .dropdown-area a.mm-heading {
    border-bottom: 1px solid black;
    font-size: 14px;
    font-weight: 200;
    color: black;
    background: none;
    padding: 5px 0;
}
.widget-mega-menu .dropdown-area a.mm-heading:before {
    position: relative;
    top: 1px;
    margin-right: 5px;
}
.widget-mega-menu .dropdown-area a.mm-heading:hover {
    color: #00B9EB;
}
.widget-mega-menu .dropdown-area ul {
    display: block;
    margin: 0 0 14px;
    padding: 0;
}
.widget-mega-menu .dropdown-area ul::after {
    clear: both;
    content: "";
    display: table;
}
.widget-mega-menu .dropdown-area ul li {
    width: 100%;
}
.widget-mega-menu .dropdown-area ul li a {
    padding: 5px;
    font-size: 12px;
    font-weight: 200;
    color: black;
}
.widget-mega-menu .dropdown-area ul li a:hover {
    background: none;
    color: #00B9EB;
}

/*------------------------------------*\
    Widget - Mobile Menu Zoned
\*------------------------------------*/
.widget-mobile-menu-zoned .btn.ghost {
    margin: 0;
    padding: 7px 5px 0;
    border: none;
    color: #00B9EB;
    font-size: 18px;
    height: 35px;
}
.widget-mobile-menu-zoned .btn.ghost:before {
    font-family: "cv-ico-general";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.widget-mobile-menu-zoned .btn.ghost:before {
    content: "";
}
@media (min-width: 768px) {
    .widget-mobile-menu-zoned .btn.ghost {
        display: none;
    }
}
.widget-mobile-menu-zoned .btn.ghost::before {
    font-size: 44px;
    position: relative;
    top: -7px;
    float: left;
}
.widget-mobile-menu-zoned .mobile-menu {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 340px;
    background: #00B9EB;
    height: 100%;
    color: #fff;
    z-index: 100000;
    overflow: auto;
    overflow-y: scroll;
    box-shadow: -10px 0 30px #242424;
}
.widget-mobile-menu-zoned .mobile-menu a {
    color: #fff;
}
.widget-mobile-menu-zoned .mobile-menu > .container {
    margin-top: 65px;
}
.widget-mobile-menu-zoned .mobile-menu.shift-left {
    display: block;
}
.widget-mobile-menu-zoned .mobile-menu [class*=widget-] {
    height: auto;
}
.widget-mobile-menu-zoned .mobile-menu .container {
    position: relative;
    padding: 10px;
    width: 100%;
}
.widget-mobile-menu-zoned .mobile-menu .widget-product-search .product-search-input {
    width: 100%;
    float: left;
    display: block;
    height: 40px;
    padding: 10px;
}
.widget-mobile-menu-zoned .mobile-menu .widget-product-search .btn.search {
    width: 25%;
    float: left;
    display: block;
    height: 40px;
}
.widget-mobile-menu-zoned .mobile-menu .widget-product-search .btn.search span:before {
    font-family: "cv-ico-general";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.widget-mobile-menu-zoned .mobile-menu .widget-product-search .btn.search span:before {
    content: "";
}
.widget-mobile-menu-zoned .mobile-menu .widget-product-search .btn.search span::before {
    display: block;
    color: #fff;
}
.widget-mobile-menu-zoned .mobile-menu .widget-section-menu {
    margin-top: 20px !important;
}
.widget-mobile-menu-zoned .mobile-menu .widget-section-menu .heading {
    text-transform: initial;
    font-size: 14px;
    display: block;
    padding: 10px 0;
    color: #fff;
}
.widget-mobile-menu-zoned .mobile-menu .widget-section-menu .heading::before {
    font-size: 32px;
    position: relative;
    top: -8px;
    margin-right: 8px;
}
.widget-mobile-menu-zoned .mobile-menu .widget-section-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: calc((100%) - 15px);
    float: right;
}
.widget-mobile-menu-zoned .mobile-menu .widget-section-menu ul::after {
    clear: both;
    content: "";
    display: table;
}
.widget-mobile-menu-zoned .mobile-menu .widget-section-menu ul li a {
    display: block;
}
.widget-mobile-menu-zoned .mobile-menu .widget-section-menu ul li a span {
    display: block;
    padding: 5px;
    font-size: 18px;
    color: #fff;
    border-radius: 5px;
}
.widget-mobile-menu-zoned .mobile-menu .widget-section-menu ul li a:hover span {
    background: #00B9EB;
    color: #fff;
}
.widget-mobile-menu-zoned .mobile-menu .widget-section-menu.section-menu-secondarynavigation ul li a {
    font-size: 14px;
    text-transform: initial;
}
.widget-mobile-menu-zoned .mobile-menu .widget-product-category-list {
    margin-bottom: 0 !important;
}
.widget-mobile-menu-zoned .mobile-menu .widget-product-category-list ul {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
}
.widget-mobile-menu-zoned .mobile-menu .widget-product-category-list ul::after {
    clear: both;
    content: "";
    display: table;
}
.widget-mobile-menu-zoned .mobile-menu .widget-product-category-list ul.top-level .box-title {
    font-weight: normal;
}
.widget-mobile-menu-zoned .mobile-menu .widget-product-category-list ul.second-level li:last-child {
    margin-bottom: 15px;
}
.widget-mobile-menu-zoned .mobile-menu .widget-product-category-list ul.second-level .box-title {
    padding-left: 10px !important;
    font-weight: 400;
    text-transform: none;
}
.widget-mobile-menu-zoned .mobile-menu .widget-product-category-list ul li {
    clear: both;
    width: 100%;
    float: none !important;
    display: block !important;
}
.widget-mobile-menu-zoned .mobile-menu .widget-product-category-list ul li::after {
    clear: both;
    content: "";
    display: table;
}
.widget-mobile-menu-zoned .mobile-menu .widget-product-category-list ul li.non-expandable .box-title {
    width: 100%;
    padding: 10px 0 10px 20px;
}
.widget-mobile-menu-zoned .mobile-menu .widget-product-category-list ul li.non-expandable .box-title:hover {
    background: #006985;
    color: #fff;
}
.widget-mobile-menu-zoned .mobile-menu .widget-product-category-list ul li.expandable::before {
    float: left;
    display: block;
    width: 35px;
    font-size: 30px;
    position: relative;
    top: -2px;
    cursor: pointer;
    left: 3px;
    margin: 0;
}
.widget-mobile-menu-zoned .mobile-menu .widget-product-category-list ul li.expandable .box-title {
    width: calc((100%) - 35px);
    float: right;
    display: block;
    padding: 5px;
    border-radius: 3px;
}
.widget-mobile-menu-zoned .mobile-menu .widget-product-category-list ul li.expandable .box-title:hover {
    background: #00B9EB;
    color: #fff;
    padding-left: 5px;
}
.widget-mobile-menu-zoned .mobile-menu .widget-product-category-list ul li a {
    display: block;
    color: #fff;
    padding: 5px 0;
    margin: 0;
    text-transform: initial;
    font-size: 18px;
}
.widget-mobile-menu-zoned .mobile-menu [class*=widget-] {
    clear: both;
    display: block;
    width: 100%;
    padding: 0 !important;
    margin: 0 0 20px;
}
.widget-mobile-menu-zoned .mobile-menu [class*=widget-]::after {
    clear: both;
    content: "";
    display: table;
}
.widget-mobile-menu-zoned .mobile-menu [class*=widget-]:hover {
    background: none;
}
.widget-mobile-menu-zoned .mobile-menu .widget-logo {
    margin: 0;
    padding: 0;
    cursor: default;
    width: auto;
    position: absolute;
    top: -50px;
    left: 20px;
    z-index: 1;
}
.widget-mobile-menu-zoned .mobile-menu .widget-logo img {
    height: auto;
    width: 90%;
    padding: 0;
    margin: 0;
}
.widget-mobile-menu-zoned .mobile-menu .widget-store-availability .my-store strong,
.widget-mobile-menu-zoned .mobile-menu .widget-store-availability .my-store span {
    font-size: 12px;
}
.widget-mobile-menu-zoned .mobile-menu .widget-store-availability .my-store .store {
    position: relative;
    top: 1px;
}
.widget-mobile-menu-zoned .mobile-menu .widget-store-availability .change-store-dropdown {
    width: 100%;
    max-width: 100%;
    position: static;
    min-width: initial;
    clear: both;
}
.widget-mobile-menu-zoned .mobile-menu .widget-store-availability .store-listing-item .store-listing-item-info,
.widget-mobile-menu-zoned .mobile-menu .widget-store-availability .store-listing-item .store-listing-item-selection {
    width: 50%;
}
.widget-mobile-menu-zoned .mobile-menu .widget-store-availability .change-store {
    display: block;
    clear: both;
    position: relative;
    top: 5px;
}

body.shift-left {
    position: relative;
    overflow: hidden;
}
body.shift-left:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    display: bock;
    background: rgba(0, 0, 0, 0.4);
}

.mobile-menu-close {
    display: block;
    padding: 10px;
    position: absolute;
    top: 10px;
    right: 15px;
    width: 35px;
    height: 35px;
    color: white;
}
.mobile-menu-close:before {
    font-family: "cv-ico-general";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.mobile-menu-close:before {
    content: "";
}
.mobile-menu-close:hover, .mobile-menu-close:focus {
    cursor: pointer;
}
.mobile-menu-close:hover:before, .mobile-menu-close:focus:before {
    color: #D82A2B;
}
.mobile-menu-close:before {
    font-size: 28px;
    float: left;
    position: relative;
    top: 0px;
    left: 0px;
}

/*------------------------------------*\
    Widget - Navigation Menu
\*------------------------------------*/
.widget-navigation-menu {
    display: block;
    position: relative;
}
.widget-navigation-menu::after {
    clear: both;
    content: "";
    display: table;
}
.widget-navigation-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.widget-navigation-menu ul li {
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
    display: block;
}
.widget-navigation-menu ul li:hover a {
    background: #00B9EB;
    color: white;
}
.widget-navigation-menu ul li:hover .dropdown-area a,
.widget-navigation-menu ul li:hover .dopdown-column a {
    background: none;
    color: black;
}
.widget-navigation-menu ul li a {
    display: block;
    padding: 14px;
    height: 50px;
    color: white;
}
.widget-navigation-menu ul li a.ico-right:before {
    margin-left: 5px;
    position: relative;
    top: 1px;
}
.widget-navigation-menu ul li.dropdown-twolevel {
    position: relative;
}
.widget-navigation-menu ul li.dropdown-twolevel:hover .dropdown-column {
    display: block;
}
.widget-navigation-menu ul li.dropdown-threelevel:hover .dropdown-area {
    display: block;
}
.widget-navigation-menu .dropdown-column {
    background: white;
    border-radius: 5px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    background: white;
    border: 1px solid #ddd;
    color: black;
    border-radius: 0 0 5px 5px;
    display: none;
    padding: 0;
    position: absolute;
    top: 100%;
    left: 0;
    width: 250px;
    z-index: 1000;
    border-top: none;
}
.widget-navigation-menu .dropdown-column::after {
    clear: both;
    content: "";
    display: table;
}
.widget-navigation-menu .dropdown-column ul {
    display: block;
    margin: 0;
}
.widget-navigation-menu .dropdown-column ul::after {
    clear: both;
    content: "";
    display: table;
}
.widget-navigation-menu .dropdown-column ul li {
    width: 100%;
}
.widget-navigation-menu .dropdown-column ul li a {
    padding: 14px;
    font-size: 12px;
    color: black;
    height: auto;
    background: white;
    font-weight: 200;
}
.widget-navigation-menu .dropdown-column ul li a.ico-left:before {
    margin-right: 5px;
}
.widget-navigation-menu .dropdown-column ul li a:hover {
    background: white;
    color: #00B9EB;
}
.widget-navigation-menu .dropdown-column ul li:last-child a {
    border-radius: 0 0 15px 15px;
}
.widget-navigation-menu .dropdown-area {
    background: white;
    border-radius: 5px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    background: white;
    border: 1px solid #ddd;
    color: black;
    border-radius: 0 0 5px 5px;
    display: none;
    padding: 14px;
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    z-index: 1000;
    border-top: none;
}
.widget-navigation-menu .dropdown-area::after {
    clear: both;
    content: "";
    display: table;
}
.widget-navigation-menu .dropdown-area .mm-col {
    padding-right: 14px;
}
.widget-navigation-menu .dropdown-area a {
    height: auto;
    font-weight: normal;
}
.widget-navigation-menu .dropdown-area a.mm-heading {
    border-bottom: 1px solid black;
    font-size: 14px;
    font-weight: 200;
    color: black;
    background: none;
    padding: 5px 0;
}
.widget-navigation-menu .dropdown-area a.mm-heading:before {
    position: relative;
    top: 1px;
    margin-right: 5px;
}
.widget-navigation-menu .dropdown-area a.mm-heading:hover {
    color: #00B9EB;
}
.widget-navigation-menu .dropdown-area ul {
    display: block;
    margin: 0 0 14px;
    padding: 0;
}
.widget-navigation-menu .dropdown-area ul::after {
    clear: both;
    content: "";
    display: table;
}
.widget-navigation-menu .dropdown-area ul li {
    width: 100%;
}
.widget-navigation-menu .dropdown-area ul li a {
    padding: 5px;
    font-size: 12px;
    font-weight: 200;
    color: black;
}
.widget-navigation-menu .dropdown-area ul li a:hover {
    background: none;
    color: #00B9EB;
}

/*------------------------------------*\
    FLYOUT NAV MENU
\*------------------------------------*/
.flyout-column {
    display: none;
}

.flyout-level-one {
    position: relative;
}
.flyout-level-one:hover .flyout-column-one {
    display: block;
    background: #00B9EB;
}
.flyout-level-one.single-column ul {
    min-height: initial;
}

.flyout-column-one {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 100;
}
.flyout-column-one > ul {
    background: #00B9EB;
    width: 250px;
    min-height: 400px;
}
.flyout-column-one > ul li.flyout-level-two {
    width: 100%;
    display: block;
}
.flyout-column-one > ul li.flyout-level-two:hover a {
    background: #06caff;
}
.flyout-column-one > ul li.flyout-level-two:hover .flyout-column.flyout-column-two {
    display: block;
}
.flyout-column-one > ul li.flyout-level-two a {
    width: 100%;
    display: block;
    padding: 1em;
    border-radius: 0;
    color: white;
    background: none;
    height: auto;
    font-size: 14px;
}

.flyout-column.flyout-column-two {
    display: none;
    position: absolute;
    top: 0;
    left: 250px;
    background: #06caff;
    width: 250px;
    min-height: 400px;
}
.flyout-column.flyout-column-two li {
    display: block;
    width: 100%;
}
.flyout-column.flyout-column-two li.flyout-level-three:hover a {
    background: #1fcfff;
}
.flyout-column.flyout-column-two li:hover .flyout-column.flyout-column-three {
    display: block;
}
.flyout-column.flyout-column-two li a {
    width: 100%;
    display: block;
    color: white;
}
.flyout-column.flyout-column-two .flyout-column.flyout-column-three {
    display: none;
    position: absolute;
    top: 0;
    left: 250px;
    background: #1fcfff;
    width: 250px;
    min-height: 400px;
}
.flyout-column.flyout-column-two .flyout-column.flyout-column-three li {
    display: block;
    width: 100%;
}
.flyout-column.flyout-column-two .flyout-column.flyout-column-three li a {
    width: 100%;
    display: block;
    color: white;
}
.flyout-column.flyout-column-two .flyout-column.flyout-column-three li a:hover {
    background: #39d5ff;
}

/*------------------------------------*\
    Widget - Newsletter
\*------------------------------------*/
.widget-newsletter {
    padding: 14px 0;
    clear: both;
    display: block;
}
.widget-newsletter::after {
    clear: both;
    content: "";
    display: table;
}
.widget-newsletter > div {
    width: 98%;
    max-width: 1400px;
    margin: 0 auto;
}
@media (min-width: 1440px) {
    .widget-newsletter > div {
        width: 100%;
    }
}
.newsletter-message {
    float: left;
    display: inline-block;
    width: 100%;
    min-height: 47px;
    padding-top: 8px;
    padding-bottom: 20px;
    font-size: 16px;
}
@media (min-width: 992px) {
    .newsletter-message {
        width: 50%;
        padding-bottom: 0;
    }
}

.newsletter-form {
    position: relative;
    width: 100%;
}
.newsletter-form::after {
    clear: both;
    content: "";
    display: table;
}
@media (min-width: 992px) {
    .newsletter-form {
        float: right;
        display: inline-block;
        width: 50%;
    }
}
.newsletter-form .form-email {
    float: left;
    display: inline-block;
    height: 50px;
}
.newsletter-form .form-email:focus, .newsletter-form .form-email:active {
    background: white;
}
.newsletter-form .btn.cv-newsletter {
    float: left;
    display: inline-block;
    position: absolute;
    top: 5px;
    right: 5px;
    height: 40px;
    background: #00B9EB;
    border-color: #00B9EB;
}
.newsletter-form .btn.cv-newsletter:hover {
    background: #00B9EB;
    border-color: #00B9EB;
}

/*------------------------------------*\
    Order Import
\*------------------------------------*/
.widget-file-upload {
    min-height: 37px;
    padding: 0 0 20px;
}
.widget-file-upload:after {
    clear: both;
}
.widget-file-upload .grid-row {
    border: 1px solid #ddd;
}
.widget-file-upload .grid-row .form-label {
    margin: 10px;
}
.widget-file-upload .grid-row .widget-file-upload {
    min-height: 37px;
    margin: 0 0 20px;
}
.widget-file-upload .grid-row .widget-file-upload .k-upload {
    border: none;
    margin: 10px 0 10px;
}
.widget-file-upload .grid-row .widget-file-upload .k-upload .k-upload-button {
    position: absolute;
    right: 0px;
}
.widget-file-upload .grid-row .widget-file-upload .cv-upload {
    margin-top: 5px;
}
.widget-file-upload .cv-upload {
    margin-top: 5px;
}

.order-import-messages {
    margin: 31px 0;
    border-radius: 0;
    padding: 18px;
}

.or-separator.horizontal {
    position: relative;
    text-align: center;
    margin: 10px 0;
    clear: both;
}
.or-separator.horizontal span {
    background: #fff;
    display: inline-block;
    width: 50px;
    z-index: 100;
    position: relative;
    font-size: 12px;
    font-weight: 600;
}
.or-separator.horizontal:after {
    content: "";
    width: 100%;
    height: 1px;
    display: block;
    background: #d9dcdd;
    position: relative;
    top: -9px;
    z-index: 10;
}

/*------------------------------------*\
    Widget - Cart Order Lines
\*------------------------------------*/
.widget-order-lines {
    position: relative;
}
.widget-order-lines .order-lines-container {
    display: block !important;
}
.widget-order-lines .cv-is-processing-overlay {
    text-align: center;
    padding: 40px;
    font-size: 18px;
}
.widget-order-lines .cv-is-processing-overlay .cv-is-processing-message {
    display: block;
    font-weight: 200;
}
@keyframes spin {
    0% {
        transform: rotate(359deg);
    }
    100% {
        transform: rotate(0deg);
    }
}
.widget-order-lines .cv-is-processing-overlay .cv-is-processing-message:before {
    font-family: "cv-ico-general";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.widget-order-lines .cv-is-processing-overlay .cv-is-processing-message:before {
    content: "";
}
.widget-order-lines .cv-is-processing-overlay .cv-is-processing-message::before {
    display: block;
    animation: spin 1.25s infinite linear;
    margin: 10px;
}

.widget-order-lines.cv-cart::after {
    clear: both;
    content: "";
    display: table;
}

.line-notes-area {
    clear: both;
}

.cv-cart-line {
    clear: both;
    display: block;
    padding: 30px 10px;
    position: relative;
    border: 2px solid transparent;
    border-bottom: 2px solid #ddd;
}
.cv-cart-line::after {
    clear: both;
    content: "";
    display: table;
}
@media (min-width: 992px) {
    .cv-cart-line {
        padding: 20px;
    }
}
.cv-cart-line.line-error {
    border: 2px solid #D82A2B;
}
.cv-cart-line.line-error::before {
    content: "There is an error with this line";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    padding: 8px 12px;
    font-size: 12px;
    font-weight: 700;
    color: white;
    background: #D82A2B;
    z-index: 10000;
}
.cv-cart-line.line-delete {
    border: 2px solid #D82A2B;
}
.cv-cart-line.line-delete::before {
    content: "Deleting Line";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    padding: 8px 12px;
    font-size: 12px;
    font-weight: 700;
    color: white;
    background: #D82A2B;
    z-index: 10000;
}
.cv-cart-line.line-update {
    border: 2px solid #22B8B0;
}
.cv-cart-line.line-update::before {
    content: "Update to refresh cart line";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    padding: 8px 12px;
    font-size: 12px;
    font-weight: 700;
    color: white;
    background: #22B8B0;
    z-index: 10000;
}
.cv-cart-line:nth-child(even) {
    background: #fafafa;
}
.cv-cart-line:hover, .cv-cart-line:focus {
    background: #e1eff5;
}
.cv-cart-line .cart-product-image-container {
    position: relative;
    border: 1px solid #ddd;
}
.cv-cart-line .cart-product-image-container::after {
    clear: both;
    content: "";
    display: table;
}
.cv-cart-line .cart-product-image-container img {
    float: left;
}
.cv-cart-line .product-ribbons {
    right: 0;
    width: 50px;
}
.cv-cart-line .product-ribbons img {
    width: 100%;
}
.cv-cart-line .widget-order-line-store-availability-click-and-collect {
    margin: 0 !important;
}
.cv-cart-line .widget-order-line-store-availability-click-and-collect .btn {
    margin-top: 5px;
}
.cv-cart-line .widget-order-line-store-availability-click-and-collect.availability-icons .availability-caption {
    padding: 0 30px 0px 0;
    display: block;
    float: left;
    font-size: 12px;
}

.cart-line-area-1::after,
.cart-line-area-2::after {
    clear: both;
    content: "";
    display: table;
}
.cart-line-area-1 .cart-product-image-link,
.cart-line-area-2 .cart-product-image-link {
    float: left;
    width: 100px;
    margin: 0 10px 10px 0;
}
@media (min-width: 768px) {
    .cart-line-area-1,
.cart-line-area-2 {
        display: inline-block;
        float: left;
        width: 50%;
    }
    .cart-line-area-1 .cart-product-image-link,
.cart-line-area-2 .cart-product-image-link {
        width: 20%;
        float: left;
        display: inline-block;
        padding-right: 14px;
        margin: 0;
    }
    .cart-line-area-1 .cart-line-product-info,
.cart-line-area-2 .cart-line-product-info {
        width: 80%;
        float: left;
        display: inline-block;
    }
    .cart-line-area-1 .product-ribbons,
.cart-line-area-2 .product-ribbons {
        position: absolute;
        top: -1px;
        right: -1px;
        max-width: 50px;
    }
}

.cv-cart-headings {
    display: none;
}
@media (min-width: 992px) {
    .cv-cart-headings {
        display: block;
        border-bottom: 2px solid black;
        text-transform: uppercase;
        font-weight: 200;
        padding: 10px 20px;
        margin: 0 0 5px;
        font-size: 14px;
    }
    .cv-cart-headings .cv-cart-headings-col {
        padding: 0;
    }
}

.cart-line-detail-label {
    float: left;
    display: inline-block;
    width: 50%;
    font-size: 12px;
    line-height: 200%;
}
@media (min-width: 992px) {
    .cart-line-detail-label {
        display: none;
    }
}

.cart-line-detail-value {
    float: left;
    display: inline-block;
    width: 50%;
    text-align: right;
    font-size: 12px;
    line-height: 200%;
}
@media (min-width: 992px) {
    .cart-line-detail-value {
        width: 100%;
        font-size: 14px;
        padding-top: 5px;
        line-height: initial;
    }
}

.detailed-line-values {
    clear: both;
    text-align: right;
}
.detailed-line-values::after {
    clear: both;
    content: "";
    display: table;
}
@media (min-width: 768px) {
    .detailed-line-values {
        display: block;
        clear: both;
        padding-top: 10px;
    }
}
@media (min-width: 992px) {
    .detailed-line-values {
        clear: none;
        display: inline-block;
        float: left;
        width: 50%;
        text-align: left;
        padding-top: 0;
    }
}

.cart-line-values {
    padding: 10px 0;
}
.cart-line-values::after {
    clear: both;
    content: "";
    display: table;
}
@media (min-width: 992px) {
    .cart-line-values {
        padding: 0 0 5px;
    }
}

/*------------------------------------*\
    CART LINES
\*------------------------------------*/
.cart-line-area-1::after {
    clear: both;
    content: "";
    display: table;
}
@media (min-width: 768px) {
    .cart-line-area-1 {
        display: inline-block;
        float: left;
        width: 50%;
    }
}

.cart-line-area-2::after {
    clear: both;
    content: "";
    display: table;
}
@media (min-width: 768px) {
    .cart-line-area-2 {
        display: inline-block;
        float: right;
        width: 50%;
    }
}

.cart-line-product-info::after {
    clear: both;
    content: "";
    display: table;
}
@media (min-width: 768px) {
    .cart-line-product-info {
        display: inline-block;
        float: left;
        width: 88%;
    }
}

.cart-product-info::after {
    clear: both;
    content: "";
    display: table;
}
.cart-product-info.col-1-2 {
    width: 100%;
}
.cart-product-info.col-1-3 {
    width: 100%;
}
.cart-product-info.col-1-4 {
    width: 100%;
}
.cart-product-info.col-1-5 {
    width: 100%;
}
@media (min-width: 992px) {
    .cart-product-info {
        float: left;
        display: inline-block;
        width: auto;
        font-weight: 600;
    }
    .cart-product-info.col-1-2 {
        width: 50%;
    }
    .cart-product-info.col-1-3 {
        width: 33.3333%;
    }
    .cart-product-info.col-1-4 {
        width: 25%;
    }
    .cart-product-info.col-1-5 {
        width: 20%;
    }
}

.cart-product-field {
    display: inline-block;
    float: left;
    width: 33.333%;
    font-size: 80%;
}
@media (min-width: 992px) {
    .cart-product-field {
        display: block;
        width: 100%;
        margin: 0 0 5px;
    }
}

.btn.small.cart-see-more {
    float: right;
}
@media (min-width: 992px) {
    .btn.small.cart-see-more {
        display: none;
    }
}

@media (min-width: 992px) {
    .cart-line-qty .k-numerictextbox {
        float: left !important;
        display: inline-block !important;
    }
    .cart-line-qty .k-numerictextbox .k-input {
        font-weight: 600;
    }
}
.cart-line-qty .form-number-plus-minus {
    height: 43px;
    width: 50px;
}

.detailed-line-values {
    clear: both;
    text-align: right;
}
.detailed-line-values::after {
    clear: both;
    content: "";
    display: table;
}
@media (min-width: 768px) {
    .detailed-line-values {
        display: block;
        clear: both;
        padding-top: 10px;
    }
}
@media (min-width: 992px) {
    .detailed-line-values {
        clear: none;
        display: inline-block;
        float: left;
        width: 50%;
        text-align: left;
        padding-top: 0;
    }
}

.cart-line-values {
    padding: 10px 0;
}
.cart-line-values::after {
    clear: both;
    content: "";
    display: table;
}
@media (min-width: 992px) {
    .cart-line-values {
        padding: 0 0 5px;
    }
}

.cart-line-expandable-area {
    clear: both;
    float: right;
    width: 100%;
    background: #ddd;
    color: black;
    position: relative;
    border-radius: 5px;
    padding: 5px;
    margin: -5px 0 0;
}
.cart-line-expandable-area::after {
    clear: both;
    content: "";
    display: table;
}
.cart-line-expandable-area:after {
    content: "";
    margin: 0;
    bottom: 100%;
    right: 15px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: none;
    border-bottom-color: #ddd;
    color: white;
    border-width: 9px;
    margin-left: -9px;
}
@media (min-width: 576px) {
    .cart-line-expandable-area {
        width: 50%;
    }
}
@media (min-width: 768px) {
    .cart-line-expandable-area {
        margin: 0;
        width: 75%;
    }
}
@media (min-width: 992px) {
    .cart-line-expandable-area {
        width: 100%;
        background: none;
        padding: 0;
        color: black;
    }
    .cart-line-expandable-area:after {
        display: none;
    }
}

.cart-product-ppi {
    display: block;
    margin: 0;
}
.cart-product-ppi::after {
    clear: both;
    content: "";
    display: table;
}
@media (min-width: 992px) {
    .cart-product-ppi {
        float: left;
        display: inline-block;
        width: 33.3333%;
        font-weight: 600;
    }
}

.cart-product-disc {
    display: block;
    margin: 0;
}
.cart-product-disc::after {
    clear: both;
    content: "";
    display: table;
}
@media (min-width: 992px) {
    .cart-product-disc {
        float: left;
        display: inline-block;
        width: 33.3333%;
        font-weight: 600;
    }
}

.cart-product-gst {
    display: block;
    margin: 0;
}
.cart-product-gst::after {
    clear: both;
    content: "";
    display: table;
}
@media (min-width: 992px) {
    .cart-product-gst {
        float: left;
        display: inline-block;
        width: 33.3333%;
        font-weight: 600;
    }
}

.cart-line-detail-label {
    float: left;
    display: inline-block;
    width: 50%;
}
@media (min-width: 992px) {
    .cart-line-detail-label {
        display: none;
    }
}

.cart-line-detail-value {
    float: left;
    display: inline-block;
    width: 50%;
    text-align: right;
}
@media (min-width: 992px) {
    .cart-line-detail-value {
        width: 100%;
        font-size: 14px;
        padding-top: 5px;
    }
}

.cart-line-qty {
    float: left;
    display: inline-block;
    width: 50%;
}
@media (min-width: 992px) {
    .cart-line-qty {
        width: 30%;
    }
}

.cart-product-line-total {
    float: right;
    display: inline-block;
    width: 40%;
    text-align: right;
    font-weight: 600;
    font-size: 28px;
    padding-top: 5px;
}
@media (min-width: 992px) {
    .cart-product-line-total {
        width: 20%;
        font-size: 14px;
    }
}

.line-note {
    width: 95%;
    max-width: 540px;
    padding: 5px !important;
}
@media (min-width: 992px) {
    .line-note {
        width: 100%;
        margin: 8px 0 0;
    }
}
@media (min-width: 1260px) {
    .line-note {
        width: 85%;
    }
}
.line-note .form-text {
    font-size: 12px;
    width: 100%;
    display: inline-block;
    margin: 0 5px 0 0;
    height: 26px;
    border-color: white;
    border-radius: 3px !important;
}
.line-note .form-select {
    margin-bottom: 0;
}
.line-note .btn {
    display: inline-block;
    clear: none;
    border-radius: 3px;
}
.line-note .btn:hover {
    background: white;
    color: black;
}

/*------------------------------------*\
    CART SUMMARY
\*------------------------------------*/
.cv-cart-summary {
    margin: 0 0 50px;
    clear: both;
}
.cv-cart-summary::after {
    clear: both;
    content: "";
    display: table;
}

.cv-cart-summary.cv-awaiting-update {
    color: black;
}

.cart-summary-row {
    margin: 0 0 5px;
    padding: 0 0 3px;
    font-size: 16px;
}
.cart-summary-row::after {
    clear: both;
    content: "";
    display: table;
}
.cart-summary-row .summary-label {
    float: left;
    display: inline-block;
    width: 50%;
}
.cart-summary-row .summary-value {
    float: right;
    display: inline-block;
    width: 50%;
    text-align: right;
}
.cart-summary-row.afterpay-order-summary, .cart-summary-row.openpay-order-summary, .cart-summary-row.openpaypay-order-summary {
    background: #ddd;
    border-radius: 5px;
    margin-top: 5px;
    padding-right: 10px;
}
.cart-summary-row.afterpay-order-summary {
    margin-top: 15px;
}

.cart-additional-items {
    padding-bottom: 30px;
}
@media (min-width: 768px) {
    .cart-additional-items {
        float: left;
        display: inline-block;
        width: 60%;
    }
}
@media (min-width: 992px) {
    .cart-additional-items {
        width: 70%;
    }
}
@media (min-width: 576px) {
    .cart-additional-items .btn {
        margin-bottom: 5px;
        width: 32%;
    }
}
@media (min-width: 768px) {
    .cart-additional-items .btn {
        width: 40%;
    }
}
@media (min-width: 992px) {
    .cart-additional-items .btn {
        width: 25%;
    }
}
@media (min-width: 1260px) {
    .cart-additional-items .btn {
        width: auto;
        margin-bottom: 0;
    }
}
.cart-additional-items .btn.active {
    background: #00B9EB;
    color: white;
}

.cart-summary-row.subtotal {
    font-weight: 600;
}

.cart-summary-row.total {
    font-weight: 200;
    border-top: 1px solid #00B9EB;
    border-bottom: 1px solid #00B9EB;
    font-size: 22px;
    padding: 8px 0;
}
.cart-summary-row.total .summary-value {
    letter-spacing: 0.75px;
}

.widget-cart-fast-order-entry,
.cart-fast-order {
    margin-bottom: 50px;
}
.widget-cart-fast-order-entry .table-layout .content-row:nth-child(2n+2),
.cart-fast-order .table-layout .content-row:nth-child(2n+2) {
    background: white;
}
.widget-cart-fast-order-entry .content-row:hover,
.widget-cart-fast-order-entry .table-layout .content-row:nth-child(2n+2):hover,
.cart-fast-order .content-row:hover,
.cart-fast-order .table-layout .content-row:nth-child(2n+2):hover {
    background: white;
}

.payment-logos {
    margin: 0 0 10px;
}
.payment-logos::after {
    clear: both;
    content: "";
    display: table;
}
.payment-logos img {
    height: 24px;
    margin: 0 5px 0 0;
}

.credit-card-type-container input {
    display: none;
}

.payment-logos .CARD #cc-CARDVISA,
.payment-logos .CARD #cc-CARDMASTERCARD,
.payment-logos .CARD #cc-CARDAMEX,
.payment-logos .CARD #cc-CARDDINERSCLUB,
.payment-logos .CARDVISA #cc-CARDMASTERCARD,
.payment-logos .CARDVISA #cc-CARDAMEX,
.payment-logos .CARDVISA #cc-CARD,
.payment-logos .CARDVISA #cc-CARDDINERSCLUB,
.payment-logos .CARDMASTERCARD #cc-CARDVISA,
.payment-logos .CARDMASTERCARD #cc-CARDAMEX,
.payment-logos .CARDMASTERCARD #cc-CARD,
.payment-logos .CARDMASTERCARD #cc-CARDDINERSCLUB,
.payment-logos .CARDAMEX #cc-CARDVISA,
.payment-logos .CARDAMEX #cc-CARDMASTERCARD,
.payment-logos .CARDAMEX #cc-CARD,
.payment-logos .CARDAMEX #cc-CARDDINERSCLUB,
.payment-logos .CARDDINERSCLUB #cc-CARDVISA,
.payment-logos .CARDDINERSCLUB #cc-CARDMASTERCARD,
.payment-logos .CARDDINERSCLUB #cc-CARDAMEX,
.payment-logos .CARDDINERSCLUB #cc-CARD {
    opacity: 0.2;
}

.widget-order-line-additional-details,
.widget-order-line-additional-details-static {
    display: inline-block;
    float: left;
    width: 33.3333%;
    font-size: 80%;
}
@media (min-width: 992px) {
    .widget-order-line-additional-details,
.widget-order-line-additional-details-static {
        width: 100%;
        display: block;
        margin: 0 0 5px;
    }
}
.widget-order-line-additional-details a,
.widget-order-line-additional-details-static a {
    color: black;
}

/*------------------------------------*\
    GUEST CHECKOUT OPTIONS
\*------------------------------------*/
.guest-checkout-options {
    text-align: center;
}
.guest-checkout-options::after {
    clear: both;
    content: "";
    display: table;
}
.guest-checkout-options .btn {
    float: none;
    margin: 0 auto 15px;
}
@media (min-width: 992px) {
    .guest-checkout-options .guest-checkout-options-register {
        float: left;
        display: inline-block;
        width: calc((50%) - 25px);
        padding-top: 15px;
    }
}
.guest-checkout-options .or-separator.vertical:after {
    top: -8px;
}
@media (min-width: 992px) {
    .guest-checkout-options .or-separator.vertical {
        float: left;
        display: inline-block;
        height: 140px;
        margin: 0;
    }
    .guest-checkout-options .or-separator.vertical:after {
        top: 0;
    }
}
.guest-checkout-options .guest-checkout-options-guest::after {
    clear: both;
    content: "";
    display: table;
}
@media (min-width: 992px) {
    .guest-checkout-options .guest-checkout-options-guest {
        float: right;
        display: inline-block;
        width: calc((50%) - 25px);
        padding-top: 15px;
    }
}

.shipping-options {
    list-style: none;
    margin: 0;
    padding: 0;
}
.shipping-options li {
    margin: 0;
    padding: 0;
}
.shipping-options li::after {
    clear: both;
    content: "";
    display: table;
}
.shipping-options li .shipping-cost {
    color: black;
    min-width: 80px;
    display: inline-block;
    margin-left: 5px;
}
.shipping-options li .gst {
    display: inline-block;
    margin-left: 5px;
}
.shipping-options li + li {
    margin-top: 10px;
}
.shipping-options .form-fieldset {
    margin: 0;
}
.shipping-options .form-fieldset .form-radio {
    width: auto;
    margin: 2px 5px 0 0;
}
.shipping-options .form-fieldset .form-label {
    margin: 0;
    font-weight: 200;
    width: auto;
    clear: none;
    font-size: 12px;
    padding: 1px 0;
}
@media (min-width: 992px) {
    .shipping-options .form-fieldset .form-label {
        padding: 0;
        font-size: 14px;
    }
}

@media (min-width: 992px) {
    #cv-zone-cart-bottom-left.col-2-3 {
        padding-right: 100px;
    }
}

.cart-option-buttons .btn.btn-cart-option {
    padding: 5px 10px !important;
    font-size: 12px !important;
}

/* these styles need to remain on the guest checkout page so they don't interfere with other pages / normal checkout */
[data-zone="Page Content"] > .container > .grid > .grid-row > .col-1-1 > .grid-row {
    float: left;
    clear: none;
}

[data-zone="Page Content"] > .container > .grid > .grid-row > .col-1-1 > .grid-row:first-child {
    width: 100%;
}
@media (min-width: 1260px) {
    [data-zone="Page Content"] > .container > .grid > .grid-row > .col-1-1 > .grid-row:first-child {
        width: 30%;
        position: sticky;
        top: 100px;
        padding-right: 25px;
    }
}

[data-zone="Page Content"] > .container > .grid > .grid-row > .col-1-1 > .grid-row:last-child {
    width: 100%;
}
@media (min-width: 1260px) {
    [data-zone="Page Content"] > .container > .grid > .grid-row > .col-1-1 > .grid-row:last-child {
        width: 70%;
    }
}

.widget-delivery-address-b2c {
    margin-top: 24px;
}

.widget-delivery-address-b2c .create-account {
    /* i.e. turn this into a grey box*/
    clear: both;
    display: block;
    padding: 20px;
    margin: 20px 0;
    background: #f8f8f8;
    border: 1px solid #d5d3d0;
    border-radius: 0;
}
.widget-delivery-address-b2c .create-account .form-fieldset {
    margin: 0;
    padding: 0;
}
.widget-delivery-address-b2c .create-account .form-fieldset input {
    margin-bottom: 0;
}

#link-delivery-and-billing {
    margin-bottom: 0;
}

/*------------------------------------*\
    Widget - Order Line Description
\*------------------------------------*/
.widget-order-line-description {
    font-weight: 200;
    font-size: 14px;
}

/*------------------------------------*\
    Widget - Order Line Code
\*------------------------------------*/
.widget-order-line-product-code {
    display: block;
    color: #00B9EB;
    padding: 12px 0;
    font-size: 12px;
}

/*------------------------------------*\
    Widget - Order Line Unit Desc
\*------------------------------------*/
.widget-order-line-unit-description {
    display: block;
    color: #00B9EB;
    padding: 0;
    font-size: 12px;
}

/*------------------------------------*\
    Widget - Order Track
\*------------------------------------*/
.widget-order-track::after {
    clear: both;
    content: "";
    display: table;
}
.widget-order-track .orders-gst {
    display: block;
}

/*------------------------------------*\
    Widget Orders On Hold
\*------------------------------------*/
.widget-orders-on-hold .orders-gst {
    display: block;
}
.widget-orders-on-hold .address span {
    display: block;
}
.widget-orders-on-hold .cv-sortable-column-container .data-list-view-basic .data-list-column.price-right {
    text-align: left;
}

.ordersonhold-controls .form-text {
    margin-bottom: 0;
    padding: 5px;
    height: 30px;
}

.order-track-userinfo .form-label {
    width: 250px;
    margin: 0;
    padding: 2px 0;
}
.order-track-userinfo .form-span {
    width: calc(100% - 250px);
    margin: 0;
    padding: 2px 0;
}

/*------------------------------------*\
    Order approvals
\*------------------------------------*/
.page-OrdersApproval .orderapprove-results .data-list-view-basic .data-list-column {
    width: 25%;
}

/*------------------------------------*\
    Order History
\*------------------------------------*/
.page-OrderSearch .cv-sortable-column-container .data-list-view-basic .data-list-column.price-right {
    text-align: left;
}

/*------------------------------------*\
    Widget - Banner Slider
\*------------------------------------*/
.widget-page-in-development {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.38);
    color: white;
    text-align: center;
    padding: 5px;
}

/*------------------------------------*\
    Widget - Page Title
\*------------------------------------*/
.widget-page-title,
.widget-product-list-title {
    padding: 20px 0 50px;
}
.widget-page-title::after,
.widget-product-list-title::after {
    clear: both;
    content: "";
    display: table;
}

/*------------------------------------*\
    Widget - PayPal Express Button
\*------------------------------------*/
.widget-pay-pal-express-button button.checkout-paypal {
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    color: transparent;
}
.widget-pay-pal-express-button button.checkout-paypal img {
    max-height: 37px;
}

/*------------------------------------*\
    Widget - Payment Icons
\*------------------------------------*/
.widget-payment-icons {
    width: 100%;
    display: block;
}
.widget-payment-icons img {
    max-height: 24px;
}
.footer-after-col .widget-payment-icons {
    margin-top: 12px;
    text-align: center;
}
.footer-after-col .widget-payment-icons img {
    max-height: 20px;
    margin: 0 0 0 12px;
}
@media (min-width: 768px) {
    .footer-after-col .widget-payment-icons {
        text-align: right;
    }
}

/*------------------------------------*\
    Widget - Phone
\*------------------------------------*/
/*------------------------------------*\
    Widget - Product Attributes
\*------------------------------------*/
.widget-product-attributes {
    display: block;
    clear: both;
    margin: 0 0 5px;
}
.widget-product-attributes::after {
    clear: both;
    content: "";
    display: table;
}
@media (min-width: 768px) {
    .widget-product-attributes .master-attribute-selections .attribute-item {
        float: left;
        display: inline-block;
        width: 100%;
        max-width: 50%;
        padding: 0 5px 0 0;
        clear: both;
    }
}

/*------------------------------------*\
    Widget - Product Availability
\*------------------------------------*/
.widget-product-availability {
    display: block;
    clear: both;
    margin: 0 0 30px;
}
.widget-product-availability::after {
    clear: both;
    content: "";
    display: table;
}

/*------------------------------------*\
    Widget - Product ATC
\*------------------------------------*/
.widget-productlist-all-atc-button {
    float: right;
    margin: 12px;
}

/*------------------------------------*\
    Widget - Product Field
\*------------------------------------*/
.widget-product-field {
    display: block;
    padding: 0 0 30px;
}
.widget-product-field::after {
    clear: both;
    content: "";
    display: table;
}
/*------------------------------------*\
    Widget - Product Filter
\*------------------------------------*/
/*------------------------------------*\
    Widget - Product Filter
\*------------------------------------*/
.widget-product-filter {
    display: block;
    margin: 0;
    padding: 5px 0 10px;
}
.widget-product-filter::after {
    clear: both;
    content: "";
    display: table;
}
@media (min-width: 992px) {
    .widget-product-filter .mobile-filter {
        display: none;
    }
}
.widget-product-filter .filter-item {
    margin: 15px 0;
}
.widget-product-filter .filter-item::after {
    clear: both;
    content: "";
    display: table;
}
.widget-product-filter .filter-item .expandable-header {
    display: block;
    padding: 10px 5px;
    background: none;
    font-size: 14px;
    cursor: pointer;
    max-height: 34px;
    color: #000;
    border-bottom: 2px solid #000;
    text-transform: none;
    font-weight: 600;
}
.widget-product-filter .filter-item .expandable-header::after {
    clear: both;
    content: "";
    display: table;
}
.widget-product-filter .filter-item .expandable-header .upArrow,
.widget-product-filter .filter-item .expandable-header .downArrow {
    float: right;
    font-size: 16px;
    position: relative;
    top: 0;
}
.widget-product-filter .filter-item .expandable-header .upArrow:before {
    content: "";
}
.widget-product-filter .filter-item .expandable-header .downArrow:before {
    content: "";
}
.widget-product-filter .filter-item .expandable-content {
    padding: 5px;
}
.widget-product-filter .filter-item .expandable-content::after {
    clear: both;
    content: "";
    display: table;
}
.widget-product-filter .product-filter {
    clear: both;
    display: block;
}
.widget-product-filter .product-filter .heading-alternate {
    font-size: 14px;
    color: #000;
    font-weight: bold;
}
.widget-product-filter .product-filter .show-filter-items {
    display: none;
}
.widget-product-filter .filter-container .expandable-content {
    padding: 0;
}
.widget-product-filter ul.filter-list,
.widget-product-filter ul.filter-checklist {
    list-style: none;
    margin: 0;
    padding: 0 0 5px;
    overflow: auto;
}
.widget-product-filter ul.filter-list li,
.widget-product-filter ul.filter-checklist li {
    list-style: none;
    margin: 0;
    padding: 5px 14px;
    font-size: 12px;
}
.widget-product-filter ul.filter-list li::after,
.widget-product-filter ul.filter-checklist li::after {
    clear: both;
    content: "";
    display: table;
}
.widget-product-filter ul.filter-list li:hover,
.widget-product-filter ul.filter-checklist li:hover {
    text-decoration: underline;
}
.widget-product-filter ul.filter-list li:hover *,
.widget-product-filter ul.filter-checklist li:hover * {
    text-decoration: underline;
    cursor: pointer;
}
.widget-product-filter ul.filter-list li input[type=checkbox],
.widget-product-filter ul.filter-checklist li input[type=checkbox] {
    float: left;
    display: block;
    width: 25px;
}
.widget-product-filter ul.filter-list li label,
.widget-product-filter ul.filter-checklist li label {
    float: left;
    display: block;
    width: calc((100%) - 25px);
}

.filter-options .col-1-1,
.filter-options .col-1-2 {
    padding: 0 !important;
}

.filter-apply {
    display: block;
    clear: both;
    font-size: 12px;
}
.filter-apply div {
    background: #fff;
    display: block;
    padding: 14px 5px 14px 15px;
    border-top: 1px solid #e6e6e6;
    background: #f5f5f5;
}
.filter-apply div:hover {
    background: #71B55E;
    color: #fff;
}
.filter-apply div:before {
    position: relative;
    top: 1px;
    margin-right: 5px;
}
.filter-apply div span {
    display: inline-block;
}
.filter-apply.cv-is-processing div {
    position: relative;
    background: #ddd !important;
    color: #fff !important;
}
@keyframes spin {
    0% {
        transform: rotate(359deg);
    }
    100% {
        transform: rotate(0deg);
    }
}
.filter-apply.cv-is-processing div:after {
    display: inline-block;
    content: "";
    font-family: "cv-ico-general";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    animation: spin 1.25s infinite linear;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -8px 0 0 -8px;
    color: #00B9EB !important;
}

.filter-clear {
    display: block;
    clear: both;
    font-size: 12px;
    text-align: center;
}
.filter-clear div {
    background: none;
    display: block;
    padding: 1em 0.5em 1em 15px;
    border-top: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
    background: #f5f5f5;
}
.filter-clear div:hover {
    background: #D82A2B;
    color: #fff;
}
.filter-clear div:before {
    position: relative;
    top: 1px;
    margin-right: 5px;
}
.filter-clear div span {
    display: inline-block;
}
.filter-clear.cv-is-processing div {
    position: relative;
    background: #ddd !important;
    color: #fff !important;
}
@keyframes spin {
    0% {
        transform: rotate(359deg);
    }
    100% {
        transform: rotate(0deg);
    }
}
.filter-clear.cv-is-processing div:after {
    display: inline-block;
    content: "";
    font-family: "cv-ico-general";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    animation: spin 1.25s infinite linear;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -8px 0 0 -8px;
    color: #00B9EB !important;
}

.current-filter.grey-box {
    border: none;
    padding: 10px 0;
    background: none;
    margin: 0;
    float: left;
    width: 100%;
}
.current-filter.grey-box .expandable-content {
    border: 1px solid #ccc;
}
.current-filter.grey-box .expandable-header {
    background: #000;
    color: #fff;
    font-size: 14px;
}
.current-filter.grey-box .filter-clear div {
    background: none;
    text-align: left;
    color: #D82A2B;
    padding: 5px 8px;
    border: none;
}
.current-filter.grey-box .filter-list li a {
    color: #000;
}
.current-filter.grey-box .filter-list li a:before {
    margin-right: 5px;
}

/* Filter Top 5 Toggles */
.show-filter-items {
    display: block;
    color: #000;
    text-align: center;
    position: relative;
    font-size: 18px;
}

.show-filter-items:after {
    content: "";
    display: block;
    position: absolute;
    width: 80%;
    height: 1px;
    top: 12px;
    z-index: 1;
    left: 10%;
    border-top: 1px dashed #ddd;
}

.show-filter-items.cv-ico-general-arrow-down5,
.show-filter-items.cv-ico-general-arrow-up5 {
    margin: 5px 0;
}

.show-filter-items.cv-ico-general-arrow-down5:before,
.show-filter-items.cv-ico-general-arrow-up5:before {
    background: #ddd;
    color: #fff;
    border-radius: 20px;
    padding: 2px;
    top: 1px;
    position: relative;
    z-index: 100;
}

.show-filter-items.cv-ico-general-arrow-down5:hover:before,
.show-filter-items.cv-ico-general-arrow-up5:hover:before {
    background: #0394cb;
}

.downArrow.cv-ico-general-arrow-up2:before {
    content: "";
}

.upArrow.cv-ico-general-arrow-down2:before {
    content: "";
}

.mobile-filter {
    clear: both;
    display: block;
}
.mobile-filter .arrow-box.primary {
    background: #666;
}
.mobile-filter .arrow-box.primary:after {
    border-bottom-color: #666;
}

.filter-item-mobile {
    clear: both;
    display: block;
}
.filter-item-mobile::after {
    clear: both;
    content: "";
    display: table;
}

.widget-product-filter,
.widget-product-filter .mobile-filter,
.widget-product-list-sort-mobile {
    width: 100%;
    float: left;
    text-transform: initial;
}
.widget-product-filter .btn,
.widget-product-filter .mobile-filter .btn,
.widget-product-list-sort-mobile .btn {
    float: left;
    width: 100%;
}
.widget-product-filter .arrow-box.primary,
.widget-product-filter .mobile-filter .arrow-box.primary,
.widget-product-list-sort-mobile .arrow-box.primary {
    margin: 0;
    border-radius: 0;
    background: #fff;
    padding: 0;
}
.widget-product-filter .arrow-box.primary:after,
.widget-product-filter .mobile-filter .arrow-box.primary:after,
.widget-product-list-sort-mobile .arrow-box.primary:after {
    display: none;
}

#mobile-sort-expand {
    display: block;
    float: left;
    width: 100%;
    padding: 0;
}
#mobile-sort-expand .sort-item-mobile a {
    float: left;
    width: 100%;
    padding: 10px;
    font-size: 12px;
}
#mobile-sort-expand .sort-item-mobile a.selected {
    font-weight: bold;
}

#mobile-filter-expand {
    display: block;
    float: left;
    width: 100%;
    padding: 10px 0;
    border: 1px solid #CCCCCC !important;
}
#mobile-filter-expand .expandable-header {
    padding: 5px;
    background: #00B9EB;
    color: #000;
    border: 1px solid #000 !important;
}
#mobile-filter-expand .expandable-header::after {
    clear: both;
    content: "";
    display: table;
}
#mobile-filter-expand .expandable-header span {
    font-size: 12px;
}
#mobile-filter-expand .expandable-header .upArrow,
#mobile-filter-expand .expandable-header .downArrow {
    float: right;
    display: inline-block;
}
#mobile-filter-expand .expandable-content {
    background: #FAFAFA;
    display: none;
    color: #000;
    border: 1px solid #CCCCCC !important;
    border-top: none !important;
}
#mobile-filter-expand .filter-title {
    float: left;
    width: 35%;
    font-size: 12px;
    padding-top: 5px;
}
#mobile-filter-expand .filter-content {
    float: right;
    width: 65%;
}
#mobile-filter-expand [class*=form-] {
    height: 30px;
    border: 0;
    margin-bottom: 5px;
}

#product-category-filter-wrapper {
    clear: both;
    margin: 0 0 20px;
}
#product-category-filter-wrapper::after {
    clear: both;
    content: "";
    display: table;
}

/*------------------------------------*\
    PRODUCT FILTER HOVER
\*------------------------------------*/
a.filter-apply {
    font-size: 12px;
}

a.filter-apply:hover,
a.filter-apply:focus {
    text-decoration: none;
}

.btn.prmary.ghost.mobile-filter-launch {
    width: 100%;
    margin: -10px 0 10px;
}

.grid.cv-productgrid-options.cv-productgrid-options-before.grey-box.spacing-bottom.product-list-grid-template {
    background: none;
    border: none;
    padding: 0;
    margin: 0 !important;
}

.device-Mobile .mobile-filter {
    display: none !important;
}
.device-Mobile .product-filter {
    display: block !important;
}
.device-Mobile .product-filter .k-widget.k-slider {
    width: 200px !important;
    margin: 20px auto 10px;
}
.device-Mobile #mobile-filter-toggle {
    padding: 15px;
}
.device-Mobile.background-effect::before {
    background: rgba(0, 0, 0, 0.45);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    display: block;
    content: "";
}
.device-Mobile .col-1-6.no-mobile.area1 {
    display: block !important;
    position: fixed;
    top: 0;
    right: -500px;
    width: 90%;
    height: 100%;
    z-index: 100000;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.18);
    padding: 20px;
}
.device-Mobile .col-1-6.no-mobile.area1.active {
    right: 0;
    transition: 0.35s;
}
.device-Mobile .widget-product-filter {
    width: 100% !important;
    margin: 0 0 10px;
    padding: 0;
    max-height: 85%;
    overflow: auto;
}

.mobile-filter-close {
    display: none;
}
.active .mobile-filter-close {
    display: block;
    background: #000;
    color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    padding: 5px;
    height: 50px;
    width: 10%;
    font-size: 28px;
}
.active .mobile-filter-close:before {
    font-family: "cv-ico-general";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.active .mobile-filter-close:before {
    content: "";
}
.active .mobile-filter-close:hover, .active .mobile-filter-close:focus {
    color: #fff;
    cursor: pointer;
}
.active .mobile-filter-close::before {
    top: 7px;
    position: relative;
}

.widget-product-filter,
.widget-product-filter .mobile-filter,
.widget-product-list-sort-mobile {
    text-transform: initial;
}

/*------------------------------------*\
    Widget - Product Gallery
\*------------------------------------*/
.widget-product-gallery {
    padding: 14px;
    background: #ededed;
    position: relative;
    border-radius: 10px;
}
.widget-product-gallery::after {
    clear: both;
    content: "";
    display: table;
}
.widget-product-gallery img {
    float: left;
}
.widget-product-gallery .owl-carousel {
    border-radius: 10px;
}
.widget-product-gallery .owl-carousel .owl-stage-outer {
    background: white;
    border-radius: 10px;
}
.widget-product-gallery .owl-item {
    background: white;
}
.widget-product-gallery .owl-item img {
    padding: 20px;
}
.widget-product-gallery .zoom {
    opacity: 0;
    background: rgba(255, 255, 255, 0.75);
    width: 100%;
    display: block;
    text-align: center;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    color: #333333;
    font-weight: 200;
    padding-top: 48%;
    font-size: 32px;
}
.widget-product-gallery .zoom:hover {
    opacity: 1;
    cursor: pointer;
}
.widget-product-gallery .zoom:before {
    position: relative;
    top: 4px;
    margin-right: 10px;
}
.widget-product-gallery .owl-dot span {
    display: none !important;
}
.widget-product-gallery .item-link {
    transition: all 0.2s ease-in-out;
    background: white;
    border-radius: 5px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    background: white;
    border: none;
    color: black;
    background-color: white !important;
    display: block;
    background-size: 90% !important;
    position: relative;
    width: 100px;
    height: 100px;
    margin: 5px;
    outline: none;
}
.widget-product-gallery .item-link:hover {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    background: #fff;
    transform: translateY(-4px);
}

/*------------------------------------*\
    Widget - Product List Sort
\*------------------------------------*/
.widget-product-list-sort {
    display: block;
    margin-bottom: 20px;
}
.widget-product-list-sort::after {
    clear: both;
    content: "";
    display: table;
}
@media (min-width: 992px) {
    .widget-product-list-sort {
        margin-bottom: 0;
    }
}

.widget-product-list-sort-mobile {
    display: block;
    width: 100%;
}
.widget-product-list-sort-mobile::after {
    clear: both;
    content: "";
    display: table;
}
@media (min-width: 992px) {
    .widget-product-list-sort-mobile {
        display: none;
    }
}
.widget-product-list-sort-mobile .btn.small.primary {
    background: #545454;
    border-color: #545454;
    color: white;
}
.widget-product-list-sort-mobile .btn.small.primary:hover, .widget-product-list-sort-mobile .btn.small.primary:focus {
    background: #878787;
    border-color: #878787;
}

.device-Mobile .layout-sidebar .spacing-right,
.device-Mobile .layout-sidebar .spacing-left {
    margin: 0 !important;
}

/*------------------------------------*\
    Widget - Product List Title
\*------------------------------------*/
/*------------------------------------*\
    Widget - List Totals
\*------------------------------------*/
/*------------------------------------*\
    Widget - List Results Per Page
\*------------------------------------*/
/*------------------------------------*\
    Widget - View Product Button
\*------------------------------------*/
.widget-product-list-view-product-button {
    display: none;
    background: #71B55E;
    border-color: #71B55E;
    color: white;
}
.widget-product-list-view-product-button:hover, .widget-product-list-view-product-button:focus {
    background: #63ab4f;
}
.is-master-product .widget-product-list-view-product-button {
    display: block;
}

/*------------------------------------*\
    Widget - Product Price
\*------------------------------------*/
.widget-product-price.detailed.price {
    display: block;
    clear: both;
    padding: 12px 0;
}
.widget-product-price.detailed.price::after {
    clear: both;
    content: "";
    display: table;
}
.widget-product-price.detailed.price .item-price {
    font-size: 50px;
    font-weight: 200;
    float: left;
}
.widget-product-price.detailed.price .gst {
    font-size: 14px;
    float: left;
    position: relative;
    top: 23px;
    left: 5px;
    font-style: italic;
}

/*------------------------------------*\
    Widget - Product Purchase Details
\*------------------------------------*/
/*------------------------------------*\
    Widget - Product QTY
\*------------------------------------*/
.widget-product-qty {
    display: block;
}
.widget-product-qty .cv-numeric-input {
    display: inline-block;
    width: 200px;
    margin: 0 0 5px;
}

/*------------------------------------*\
    Widget - Product QTY
\*------------------------------------*/
/*------------------------------------*\
    Widget - Product Quick View Modal
\*------------------------------------*/
/*------------------------------------*\
    Widget - Product Ribbons
\*------------------------------------*/
.product-ribbons {
    position: absolute;
    top: -5px;
    left: -5px;
}

.data-list-column.image-column .product-ribbons {
    width: 40px;
    top: -2px;
    left: -2px;
}

/*------------------------------------*\
    Widget - Product Search
\*------------------------------------*/
.widget-product-search {
    margin-top: 20px;
    width: 80%;
    float: left;
}
.widget-product-search::after {
    clear: both;
    content: "";
    display: table;
}
.widget-product-search .k-widget.k-autocomplete {
    float: left;
    display: inline-block;
    width: 65%;
    border-right: none;
    border-radius: 5px 0 0 5px;
    height: 50px;
}
@media (min-width: 768px) {
    .widget-product-search .k-widget.k-autocomplete {
        width: 80%;
    }
}
.widget-product-search .btn.search {
    float: left;
    display: inline-block;
    width: 35%;
    border-radius: 0 5px 5px 0;
    background: #00B9EB;
    border-color: #00B9EB;
    height: 50px;
}
.widget-product-search .btn.search:hover {
    background: #52daff;
    border-color: #52daff;
}
@media (min-width: 768px) {
    .widget-product-search .btn.search {
        width: 20%;
    }
}

/*------------------------------------*\
    PRODUCT SEARCH WITH IMAGE
\*------------------------------------*/
.search-item-with-image {
    box-sizing: border-box !important;
}
.search-item-with-image::after {
    clear: both;
    content: "";
    display: table;
}
.search-item-with-image * {
    box-sizing: border-box !important;
}
.search-item-with-image .image {
    float: left;
    display: inline-block;
    width: 32px;
}
.search-item-with-image .product-info {
    float: left;
    display: inline-block;
    width: calc((100%) - 32px);
    padding-left: 5px;
}
.search-item-with-image .widget-productlist-code {
    clear: both;
    display: block;
}

.k-popup .k-list .k-state-focused .widget-productlist-title,
.k-popup .k-list .k-state-focused .widget-productlist-code {
    color: white;
}

/*------------------------------------*\
    Widget - Product Search w. Cat
\*------------------------------------*/
.widget-product-search-with-category::after {
    clear: both;
    content: "";
    display: table;
}
.widget-product-search-with-category .search-area {
    width: 50%;
    float: left;
    display: inline-block;
}
.widget-product-search-with-category .category-area {
    width: 30%;
    float: left;
    display: inline-block;
}
.widget-product-search-with-category .search-button {
    width: 20%;
    float: left;
    display: inline-block;
}
.widget-product-search-with-category .k-widget.k-dropdown {
    float: left;
    display: inline-block;
    width: 100%;
    border-right: none;
    border-radius: 0;
    height: 50px;
    margin: 0;
}
.widget-product-search-with-category .k-widget.k-dropdown .k-dropdown-wrap {
    height: 50px;
    border-radius: 0;
    border-right: none;
    background: #fafafa;
}
.widget-product-search-with-category .k-widget.k-dropdown .k-dropdown-wrap .k-input {
    padding: 12px;
}
.widget-product-search-with-category .k-widget.k-autocomplete {
    float: left;
    display: inline-block;
    width: 100%;
    border-right: none;
    border-radius: 5px 0 0 5px;
    height: 50px;
    margin-bottom: 0;
}
.widget-product-search-with-category .btn.cv-search {
    float: left;
    display: inline-block;
    width: 100%;
    border-radius: 0 5px 5px 0;
    background: #00B9EB;
    border-color: #00B9EB;
    height: 50px;
}
.widget-product-search-with-category .btn.cv-search:hover {
    background: #52daff;
    border-color: #52daff;
}

.widget-category-menu + .widget-product-search-with-category {
    width: calc((100%) - 200px);
    float: left;
    padding-left: 50px;
}

/*------------------------------------*\
    Widget - Product tech specs
\*------------------------------------*/
.widget-product-technical-specifications {
    clear: both;
    display: block;
    padding: 50px 0;
}
.widget-product-technical-specifications::after {
    clear: both;
    content: "";
    display: table;
}

/*------------------------------------*\
    Widget - Product Title
\*------------------------------------*/
/*------------------------------------*\
    Widget - ZIP Summary
\*------------------------------------*/
.widget-product-zip-summary {
    display: block;
    clear: both;
    margin: 0 0 5px;
    position: relative;
    left: -20px;
    top: -15px;
}
.widget-product-zip-summary::after {
    clear: both;
    content: "";
    display: table;
}

/*------------------------------------*\
    Widget - Product Availability
\*------------------------------------*/
.in-stock,
.out-of-stock,
.please-see-attributes {
    font-size: 12px;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}
.in-stock:before,
.out-of-stock:before,
.please-see-attributes:before {
    font-family: "cv-ico-general";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.in-stock:before,
.out-of-stock:before,
.please-see-attributes:before {
    border-radius: 100%;
    color: white;
    text-align: center;
    font-size: 14px;
    padding: 2px;
    float: none;
    display: inline-block;
    margin: 0 5px 0 0;
}

.in-stock:before {
    content: "";
}
.in-stock:before {
    background: #71B55E;
}

.out-of-stock:before {
    content: "";
}
.out-of-stock:before {
    background: #D82A2B;
}

.please-see-attributes:before {
    content: "";
}
.please-see-attributes:before {
    background: #22B8B0;
}

/*------------------------------------*\
    Widget - Category Title
\*------------------------------------*/
.widget-productlist-category-title {
    display: block;
    text-align: center;
}
.widget-productlist-category-title a {
    display: block;
    font-weight: 200;
    color: black;
    min-height: 30px;
}
.widget-productlist-category-title a:hover {
    color: #00B9EB;
}

/*------------------------------------*\
    Widget - Category Image
\*------------------------------------*/
.widget-productlist-category-image a {
    display: block;
    clear: both;
}
.widget-productlist-category-image a::after {
    clear: both;
    content: "";
    display: table;
}
.widget-productlist-category-image a img {
    float: left;
}

/*------------------------------------*\
    Widget - Product List Code
\*------------------------------------*/
.widget-productlist-code {
    display: block;
    color: #00B9EB;
    padding: 12px 0;
    font-size: 12px;
}

/*------------------------------------*\
    PRODUCT COMPARE
\*------------------------------------*/
.widget-productlist-compare a {
    color: #00B9EB;
    font-size: 12px;
    padding: 0 0 0 12px;
}
.widget-productlist-compare a:hover {
    color: #00B9EB;
}
.widget-productlist-compare .form-fieldset {
    margin: 0;
}
.widget-productlist-compare .form-checkbox {
    margin: 0;
}

body.no-scroll {
    overflow: hidden;
}
body.no-scroll .product-compare-bar {
    box-shadow: none;
}
body.no-scroll .products-to-compare {
    padding-top: 40px;
}
@media (min-width: 992px) {
    body.no-scroll .products-to-compare {
        padding-top: 35px;
    }
}
body.no-scroll .list-of-products {
    height: auto;
    max-height: 200px;
}
@media (min-width: 992px) {
    body.no-scroll .list-of-products {
        max-height: none;
    }
}
body.no-scroll .product-compare-buttons {
    padding-top: 40px;
}
@media (min-width: 992px) {
    body.no-scroll .product-compare-buttons {
        padding-top: 30px;
    }
}
@media (min-width: 992px) {
    body.no-scroll .product-title {
        padding-top: 6px;
        height: 45px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

.product-compare-content > h5,
.product-compare-bar > h5 {
    display: none;
}

.product-compare-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    background: #fafafa;
    border-top: 4px solid #00B9EB;
    width: 100%;
    color: #000;
    z-index: 100000;
    height: 170px;
    padding-top: 0;
    overflow: visible !important;
    display: none;
    box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.18);
}
.product-compare-bar .container {
    position: relative;
    padding: 5px;
}
.product-compare-bar h5 {
    font-size: 14px;
    padding: 0;
    margin: 0 0 5px;
}

.product-compare-toggle {
    background: #00B9EB;
    color: white;
    position: absolute;
    right: 10px;
    top: -32px;
    font-size: 22px;
    width: auto;
    height: 28px;
    text-align: center;
    cursor: pointer;
    border-radius: 4px 4px 0 0;
    font-size: 12px;
    padding: 8px 15px 10px;
}
.product-compare-toggle #compare-toggle:before {
    position: relative;
    top: -2px;
    margin-right: 5px;
    font-size: 18px;
    display: inline-block;
    float: left;
}

.products-to-compare {
    width: 68%;
    float: left;
    display: inline-block;
}
.products-to-compare::after {
    clear: both;
    content: "";
    display: table;
}
@media (min-width: 768px) {
    .products-to-compare {
        width: 78%;
    }
}
.products-to-compare .list-of-products {
    width: 100%;
    height: 100px;
    margin-bottom: 5px;
    overflow: auto;
}
.products-to-compare .list-of-products::after {
    clear: both;
    content: "";
    display: table;
}

.product-compare-buttons {
    margin-bottom: 5px;
    width: 30%;
    float: right;
    display: inline-block;
}
.product-compare-buttons::after {
    clear: both;
    content: "";
    display: table;
}
@media (min-width: 768px) {
    .product-compare-buttons {
        margin-top: 10px;
        width: 20%;
    }
}
.product-compare-buttons .btn {
    float: right;
    margin: 0 0 5px;
    width: 100%;
    font-size: 10px;
}
@media (min-width: 992px) {
    .product-compare-buttons .btn {
        max-width: 170px;
        padding: 10px;
        font-size: 12px;
    }
}
.product-compare-buttons .btn.cv-print {
    display: none;
}

.product-compare-item {
    float: left;
    display: inline-block;
    background: #00B9EB;
    background: white;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin: 0 0 5px;
    position: relative;
    width: 98%;
    padding: 0px;
}
@media (min-width: 768px) {
    .product-compare-item {
        width: 49.5%;
        margin: 0 0.5% 5px 0;
    }
}
@media (min-width: 1260px) {
    .product-compare-item {
        width: 32%;
    }
}
.product-compare-item .form-checkbox {
    float: left;
    display: inline-block;
    margin: 5px 3px 0;
    cursor: pointer;
}
@media (min-width: 768px) {
    .product-compare-item .form-checkbox {
        margin-top: 15px;
    }
}
.product-compare-item .product-img {
    width: 45px;
    float: left;
    display: inline-block;
    margin: 0 5px 0 0;
    border-radius: 0px;
    border: 0;
    padding: 5px;
    min-height: 100%;
}
.product-compare-item .product-title {
    font-size: 12px;
    font-weight: normal;
    float: left;
    display: inline-block;
    color: black;
    padding: 10px 0 0;
    width: 65%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media (min-width: 768px) {
    .product-compare-item .product-title {
        padding-top: 17px;
        width: 60%;
    }
}
@media (min-width: 992px) {
    .product-compare-item .product-title {
        width: 70%;
    }
}
@media (min-width: 1260px) {
    .product-compare-item .product-title {
        width: 72%;
    }
}
.product-compare-item .product-compare-item-remove {
    display: block;
    color: #999;
    position: absolute;
    top: 36%;
    right: 5px;
}
.product-compare-item .product-compare-item-remove:hover {
    color: #d83636;
    cursor: pointer;
}
.product-compare-item .product-compare-item-remove:before {
    content: "";
    font-family: "cv-ico-general";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#compare-full-toggle {
    background: #00B9EB;
}
#compare-full-toggle:hover {
    background: #00c5fa;
}

.compare-alert-messages .alert-box, .compare-alert-messages .grid-no-results, .compare-alert-messages .lucene-messages .lucene-message, .lucene-messages .compare-alert-messages .lucene-message {
    font-size: 12px;
    padding: 3px 8px;
    background: white;
}
.compare-alert-messages .alert-box:before, .compare-alert-messages .grid-no-results:before, .compare-alert-messages .lucene-messages .lucene-message:before, .lucene-messages .compare-alert-messages .lucene-message:before {
    font-size: 12px;
    position: relative;
    top: 2px;
}

.product-compare-close {
    display: none;
    position: absolute;
    top: 5px;
    right: 10px;
    text-align: center;
}
.product-compare-close .cv-ico-general-cross:before {
    position: relative;
    top: 3px;
    left: 4px;
    font-size: 18px;
    color: #6D6E70;
    background: #ddd;
    width: 25px;
    height: 21px;
    display: block;
    border-radius: 100px;
    padding-top: 4px;
    text-align: center;
}
.product-compare-close .cv-ico-general-cross:hover {
    cursor: pointer;
}
.product-compare-close .cv-ico-general-cross:hover:before {
    background: #D82A2B;
    color: white;
}

.expanded-compare-area {
    overflow: scroll !important;
}
.expanded-compare-area .product-compare-close {
    display: block;
}
.expanded-compare-area .product-compare-buttons .btn.small.cv-print {
    display: inline-block;
}

.product-compare-area {
    clear: both;
    padding-top: 40px;
    padding-bottom: 100px;
}
.product-compare-area::after {
    clear: both;
    content: "";
    display: table;
}

.product-compare-table {
    border-top: 1px dashed #ddd;
    padding-top: 40px;
    background-color: white;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 10px;
    box-shadow: 0 0 9px 4px #ebebeb;
    max-width: 90%;
    overflow: auto;
    margin: 0 auto;
}
@media (min-width: 992px) {
    .product-compare-table {
        max-width: 100%;
    }
}
.product-compare-table .content-table {
    border: none;
    font-size: 12px;
}
.product-compare-table .content-table td {
    border: none;
    padding-top: 14px;
    padding-bottom: 14px;
    width: 28%;
}
.product-compare-table .content-table tr:hover td {
    background: #e1eff5;
}
.product-compare-table .content-table tr:nth-child(2n) td {
    background: #fafafa;
}
.product-compare-table .content-table tr:nth-child(2n):hover td {
    background: #e1eff5;
}
.product-compare-table .content-table tr:first-child td {
    background: white;
    border-bottom: 2px solid black;
}
.product-compare-table .content-table tr:first-child:hover td {
    background: #fff !important;
}
.product-compare-table .content-table .widget-productlist-image {
    position: relative;
}
.product-compare-table .content-table .widget-productlist-image .product-img {
    max-width: 200px;
    border-radius: 4px;
    box-shadow: 0 0px 14px #ddd;
}
.product-compare-table .content-table .widget-productlist-image .product-ribbons {
    width: 60px;
}
.product-compare-table .content-table .cv-numeric-input {
    float: left;
}
.product-compare-table .content-table .form-number-plus-minus {
    height: 34px;
}
@media (min-width: 576px) {
    .product-compare-table .content-table .content-table.headings-left tr td:first-child {
        width: 175px;
        font-weight: 200;
    }
}
.product-compare-table .content-table .content-table.headings-left ul {
    line-height: 200%;
}
.product-compare-table .content-table .btn.cv-add-to-cart {
    clear: both;
    display: block;
    font-size: 1.25em;
    padding: 0.75em 1.5em;
    width: 175px;
}

/*------------------------------------*\
    Widget - Product List GST
\*------------------------------------*/
.widget-productlist-gst {
    float: none;
    display: block;
    font-size: 12px;
    color: #00B9EB;
    padding: 5px 0 0 5px;
}

/*------------------------------------*\
    Widget - Product List Image
\*------------------------------------*/
.widget-productlist-image {
    display: block;
}
.widget-productlist-image a {
    display: block;
}
.widget-productlist-image a img {
    display: block;
    width: 100%;
    padding: 8%;
}

/*------------------------------------*\
    Widget - Product Price
\*------------------------------------*/
.widget-productlist-price {
    display: block;
    font-weight: 200;
}
.widget-productlist-price span {
    display: block;
    font-weight: 200;
}

.widget-productlist-rrp {
    float: none;
    margin-bottom: 5px;
    padding: 5px 0 0 5px;
}

.price-right .widget-productlist-price {
    float: right;
}

.data-list-view-product .widget-productlist-price {
    padding: 0;
    font-size: 14px;
}

.product-grid .product .widget-productlist-price {
    float: none;
    padding: 5px 0;
    font-size: 40px;
}

/*------------------------------------*\
    Widget - Product List Title
\*------------------------------------*/
.widget-productlist-title {
    display: block;
}
.widget-productlist-title a {
    display: block;
    font-weight: 200;
    color: black;
    min-height: 50px;
}
.widget-productlist-title a:hover {
    color: #00B9EB;
}

/*------------------------------------*\
    Widget - Product List Unit
\*------------------------------------*/
.widget-productlist-unit {
    float: left;
    display: block;
    font-size: 12px;
    color: #00B9EB;
    padding: 29px 0 0 5px;
}

/*------------------------------------*\
    Widget - Questionnaire
\*------------------------------------*/
.capture-row {
    clear: both;
    display: block;
    padding: 10px;
    margin: 14px 0;
    background: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: opx;
}
.capture-row::after {
    clear: both;
    content: "";
    display: table;
}

.capture-image::after {
    clear: both;
    content: "";
    display: table;
}
.capture-image img {
    float: left;
    border: 1px solid #41b7ea;
}
.capture-image .btn {
    clear: both;
    margin: 10px 0;
}

/*------------------------------------*\
    Widget - Recently Viewed
\*------------------------------------*/
.widget-recently-viewed-products {
    display: block;
    clear: both;
    overflow: hidden;
}
.widget-recently-viewed-products::after {
    clear: both;
    content: "";
    display: table;
}
.widget-recently-viewed-products .owl-item {
    padding: 12px;
}

/*------------------------------------*\
    Widget - Register
\*------------------------------------*/
.widget-register {
    margin: 64px 0;
}
@media (min-width: 992px) {
    .widget-register {
        max-width: 50%;
        margin: 64px auto;
    }
}
.widget-register .col-1-2 {
    width: 100%;
    padding: 0 0 12px;
}
.widget-register .box-title.ico-heading {
    font-size: 40px;
    font-weight: bold;
    color: white;
    border-radius: 10px 10px 0 0;
    padding: 12px;
}
.widget-register .box-title.ico-heading:before {
    font-family: "cv-ico-general";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.widget-register .box-title.ico-heading:before {
    background: #fff;
    padding: 10px;
    border-radius: 100px;
    color: #00B9EB;
    text-align: center;
    margin-right: 5px;
    margin-right: 10px;
}
.widget-register .box-content {
    padding: 30px;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

/*------------------------------------*\
    Widget - Reviews
\*------------------------------------*/
.widget-reviews .write-review {
    clear: both;
    display: block;
    padding: 10px;
    margin: 14px 0;
    background: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: opx;
}
.widget-reviews .write-review::after {
    clear: both;
    content: "";
    display: table;
}
.widget-reviews .btn.secondary.cv-ico-general-pencil + div {
    clear: both;
}

.rating {
    display: block;
    margin: 0 0 12px;
}
.rating::after {
    clear: both;
    content: "";
    display: table;
}
.rating .stars {
    list-style: none;
    margin: 0 30px 0 0;
    padding: 0;
}
.rating .stars::after {
    clear: both;
    content: "";
    display: table;
}
.rating .stars li {
    list-style: none;
    margin: 0;
    padding: 5px;
    float: left;
    display: block;
}
.rating .stars.five li .star-five,
.rating .stars.five li .star-four,
.rating .stars.five li .star-three,
.rating .stars.five li .star-two,
.rating .stars.five li .star-one {
    color: gold;
}
.rating .stars.four li .star-five {
    display: none;
}
.rating .stars.four li .star-four,
.rating .stars.four li .star-three,
.rating .stars.four li .star-two,
.rating .stars.four li .star-one {
    color: gold;
}
.rating .stars.three li .star-five,
.rating .stars.three li .star-four {
    display: none;
}
.rating .stars.three li .star-three,
.rating .stars.three li .star-two,
.rating .stars.three li .star-one {
    color: gold;
}
.rating .stars.two li .star-five,
.rating .stars.two li .star-four,
.rating .stars.two li .star-three {
    display: none;
}
.rating .stars.two li .star-two,
.rating .stars.two li .star-one {
    color: gold;
}
.rating .stars.one li .star-five,
.rating .stars.one li .star-four,
.rating .stars.one li .star-three,
.rating .stars.one li .star-two {
    display: none;
}
.rating .stars.one li .star-one {
    color: gold;
}

/*------------------------------------*\
    Widget - Role Select
\*------------------------------------*/
.widget-role-select {
    position: relative;
}
.widget-role-select::after {
    clear: both;
    content: "";
    display: table;
}
.widget-role-select .role-select {
    float: left;
    display: block;
    cursor: pointer;
}
.widget-role-select .icon .ico-right:before {
    position: relative;
    top: 2px;
    margin-right: 5px;
    margin-left: 5px;
}
.widget-role-select .role-name {
    float: left;
    display: block;
    position: relative;
    top: -5px;
}
.widget-role-select .role-code {
    display: block;
    font-size: 12px;
    padding: 5px 10px;
}
.widget-role-select .dropdown-area {
    display: none;
    background: white;
    border-radius: 5px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    background: white;
    border: 1px solid #ddd;
    color: black;
    z-index: 1000;
    padding: 5px;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 300px;
}
.widget-role-select .dropdown-area::after {
    clear: both;
    content: "";
    display: table;
}
.widget-role-select .dropdown-area:before {
    bottom: 100%;
    left: 10%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 10px;
    margin-left: -10px;
}
.widget-role-select .dropdown-area .dropdown-list {
    display: block;
}
.widget-role-select .dropdown-area .dropdown-list .cv-dropdown {
    margin: 0;
}

/*------------------------------------*\
    Widget - Section Menu
\*------------------------------------*/
.widget-section-menu .heading {
    font-weight: 200;
    padding: 0 0 14px;
}
.widget-section-menu .heading.ico-left:before {
    margin-right: 5px;
}
.widget-section-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.widget-section-menu ul li {
    list-style: none;
    margin: 0;
    padding: 0;
}
.widget-section-menu.dropdown-section-menu {
    position: relative;
}
.widget-section-menu.dropdown-section-menu .heading {
    font-weight: initial;
    padding: 0;
}
.widget-section-menu.dropdown-section-menu .heading.ico-left:before {
    margin-right: 5px;
    position: relative;
    top: 1px;
}
.widget-section-menu.dropdown-section-menu .heading.ico-left .ico-right:before {
    position: relative;
    top: 2px;
    margin-left: 3px;
}
.widget-section-menu.dropdown-section-menu .dropdown-area {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    width: 200px;
}
.widget-section-menu.dropdown-section-menu .dropdown-area .dropdown-list {
    position: relative;
    background: white;
    border-radius: 5px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    background: white;
    border: 1px solid #ddd;
    color: black;
    z-index: 1000;
    padding: 5px 0;
}
.widget-section-menu.dropdown-section-menu .dropdown-area .dropdown-list:before {
    bottom: 100%;
    left: 90%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 10px;
    margin-left: -10px;
}
.widget-section-menu.dropdown-section-menu .dropdown-area .dropdown-list .ico-only-text {
    display: block;
}
.widget-section-menu.dropdown-section-menu .dropdown-area ul li a {
    color: black;
    display: block;
    padding: 12px;
    border-bottom: 1px dashed #ddd;
}
.widget-section-menu.dropdown-section-menu .dropdown-area ul li a:last-child {
    border-bottom: none;
}
.widget-section-menu.dropdown-section-menu .dropdown-area ul li a:before {
    color: #006985;
    margin-right: 5px;
}
.widget-section-menu.dropdown-section-menu .dropdown-area ul li a span {
    color: #006985;
    font-weight: 200;
}
.widget-section-menu.dropdown-section-menu .dropdown-area ul li a:hover {
    background: #00B9EB;
    color: white;
    border-bottom-color: #00B9EB;
}
.widget-section-menu.dropdown-section-menu .dropdown-area ul li a:hover span {
    color: white;
}
.widget-section-menu.dropdown-section-menu .dropdown-area ul li a:hover:before {
    color: white;
}
.widget-section-menu.dropdown-section-menu:hover .dropdown-area {
    display: block;
}

#cv-zone-header .col-1-3.header-col-3 .widget-section-menu.dropdown-section-menu .heading span {
    display: block;
    padding: 14px;
    height: 50px;
    font-weight: 200;
    color: #000;
}
#cv-zone-header .col-1-3.header-col-3 .widget-section-menu.dropdown-section-menu:hover .heading span, #cv-zone-header .col-1-3.header-col-3 .widget-section-menu.dropdown-section-menu:focus .heading span {
    color: #00B9EB;
}
#cv-zone-header .col-1-3.header-col-3 .widget-section-menu.dropdown-section-menu:hover .dropdown-area, #cv-zone-header .col-1-3.header-col-3 .widget-section-menu.dropdown-section-menu:focus .dropdown-area {
    background: white;
}
#cv-zone-header .col-1-3.header-col-3 .widget-section-menu.dropdown-section-menu:hover .dropdown-area ul li, #cv-zone-header .col-1-3.header-col-3 .widget-section-menu.dropdown-section-menu:focus .dropdown-area ul li {
    width: 100%;
}
#cv-zone-header .col-1-3.header-col-3 .widget-section-menu.dropdown-section-menu:hover .dropdown-area ul li a, #cv-zone-header .col-1-3.header-col-3 .widget-section-menu.dropdown-section-menu:focus .dropdown-area ul li a {
    height: auto;
}
#cv-zone-header .col-1-3.header-col-3 .widget-section-menu.dropdown-section-menu:hover .dropdown-area ul li a span, #cv-zone-header .col-1-3.header-col-3 .widget-section-menu.dropdown-section-menu:focus .dropdown-area ul li a span {
    color: black;
}
#cv-zone-header .col-1-3.header-col-3 .widget-section-menu.dropdown-section-menu:hover .dropdown-area ul li a:hover span, #cv-zone-header .col-1-3.header-col-3 .widget-section-menu.dropdown-section-menu:hover .dropdown-area ul li a:focus span, #cv-zone-header .col-1-3.header-col-3 .widget-section-menu.dropdown-section-menu:focus .dropdown-area ul li a:hover span, #cv-zone-header .col-1-3.header-col-3 .widget-section-menu.dropdown-section-menu:focus .dropdown-area ul li a:focus span {
    color: #00B9EB;
}

/*------------------------------------*\
    Widget - Social Links
\*------------------------------------*/
/*------------------------------------*\
    Widget - Stock Availability Notify
\*------------------------------------*/
/*------------------------------------*\
    Widget - Switch Account
\*------------------------------------*/
.widget-switch-account::after {
    clear: both;
    content: "";
    display: table;
}
.widget-switch-account .switch-acc {
    float: left;
    display: block;
}
.widget-switch-account .switch-acc::after {
    clear: both;
    content: "";
    display: table;
}
.widget-switch-account .switch-acc a {
    float: left;
    display: block;
}
.widget-switch-account .switch-acc a .icon {
    display: block;
}
.widget-switch-account .switch-acc a .ico-only-text {
    display: block;
}
.widget-switch-account .acc-name {
    float: left;
    display: block;
    position: relative;
    top: -5px;
}
.widget-switch-account .acc-code {
    display: block;
    font-size: 12px;
    padding: 5px 10px;
    display: block;
    margin-left: 12px;
}

/*------------------------------------*\
    Widget - User Name
\*------------------------------------*/
/*------------------------------------*\
    Widget - Value Prop
\*------------------------------------*/
.widget-value-prop {
    display: block;
    width: 100%;
    text-align: center;
    background: #fafafa;
    position: relative;
    top: -10em;
    margin-bottom: -10em;
    padding: 2em 0;
}
.widget-value-prop::after {
    clear: both;
    content: "";
    display: table;
}
.widget-value-prop > div {
    max-width: 1400px;
    margin: 0 auto;
}
.widget-value-prop a {
    color: black;
    float: left;
    display: block;
    width: 97%;
    margin: 0 1.5%;
}
@media (min-width: 768px) {
    .widget-value-prop a {
        width: 30.333%;
    }
}
.widget-value-prop a:hover {
    color: #00B9EB;
}

.widget-value-prop-content {
    transition: all 0.2s ease-in-out;
    background: white;
    border-radius: 5px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    background: white;
    border: none;
    color: black;
    background: transparent;
    min-height: 100px;
    box-shadow: none;
}
.widget-value-prop-content::after {
    clear: both;
    content: "";
    display: table;
}
.widget-value-prop-content:hover {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    background: #fff;
    transform: translateY(-4px);
}

.widget-value-prop-icon {
    display: block;
    font-size: 30px;
    position: relative;
    top: 14px;
}
.widget-value-prop-icon:before {
    font-family: "cv-ico-general";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.widget-value-prop-icon:before {
    background: #006985;
    border-radius: 50px;
    padding: 10px;
    color: white;
}

.widget-value-prop-text {
    display: block;
    font-size: 5px;
    font-size: 14px;
    font-weight: 200;
    margin-top: 40px;
}

.widget-value-prop-1 .widget-value-prop-icon:before {
    content: "";
}

.widget-value-prop-2 .widget-value-prop-icon:before {
    content: "";
}

.widget-value-prop-3 .widget-value-prop-icon:before {
    content: "";
}

.content-tile {
    transition: all 0.2s ease-in-out;
    background: white;
    border-radius: 5px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    background: white;
    border: none;
    color: black;
    padding: 0;
    margin: 40px 12px;
    text-align: center;
}
.content-tile:hover {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    background: #fff;
    transform: translateY(-4px);
}
.content-tile::after {
    clear: both;
    content: "";
    display: table;
}
.content-tile img {
    float: left;
    display: block;
    width: 100%;
    border-radius: 5px 5px 0 0;
}
.content-tile .info, .content-tile .grid-no-results, .content-tile .lucene-messages .lucene-message, .lucene-messages .content-tile .lucene-message {
    clear: both;
    display: block;
    padding: 12px;
    text-align: center;
}
.content-tile .info::after, .content-tile .grid-no-results::after, .content-tile .lucene-messages .lucene-message::after, .lucene-messages .content-tile .lucene-message::after {
    clear: both;
    content: "";
    display: table;
}
.content-tile .info h3, .content-tile .grid-no-results h3, .content-tile .lucene-messages .lucene-message h3, .lucene-messages .content-tile .lucene-message h3 {
    margin: 0;
    padding: 0;
    color: white;
}
.content-tile .info .link-text, .content-tile .grid-no-results .link-text, .content-tile .lucene-messages .lucene-message .link-text, .lucene-messages .content-tile .lucene-message .link-text {
    font-size: 12px;
    padding: 5px 0;
    display: inline-block;
    margin: 0 auto;
    color: white;
}
.content-tile .info .link-text:hover, .content-tile .grid-no-results .link-text:hover, .content-tile .lucene-messages .lucene-message .link-text:hover, .lucene-messages .content-tile .lucene-message .link-text:hover {
    text-decoration: underline;
}
.content-tile.primary {
    background: #00B9EB;
}
.content-tile.primary .info .link-text, .content-tile.primary .grid-no-results .link-text, .content-tile.primary .lucene-messages .lucene-message .link-text, .lucene-messages .content-tile.primary .lucene-message .link-text {
    color: white;
}
.content-tile.secondary {
    background: #545454;
}
.content-tile.secondary .info .link-text, .content-tile.secondary .grid-no-results .link-text, .content-tile.secondary .lucene-messages .lucene-message .link-text, .lucene-messages .content-tile.secondary .lucene-message .link-text {
    color: white;
}
.content-tile.alternate {
    background: #ddd;
}
.content-tile.alternate .info .link-text, .content-tile.alternate .grid-no-results .link-text, .content-tile.alternate .lucene-messages .lucene-message .link-text, .lucene-messages .content-tile.alternate .lucene-message .link-text {
    color: white;
}
.content-tile.black {
    background: black;
}
.content-tile.black .info .link-text, .content-tile.black .grid-no-results .link-text, .content-tile.black .lucene-messages .lucene-message .link-text, .lucene-messages .content-tile.black .lucene-message .link-text {
    color: white;
}
.content-tile.default {
    background: #fafafa;
    color: black;
}
.content-tile.default .info h3, .content-tile.default .grid-no-results h3, .content-tile.default .lucene-messages .lucene-message h3, .lucene-messages .content-tile.default .lucene-message h3 {
    color: black;
}
.content-tile.default .info .link-text, .content-tile.default .grid-no-results .link-text, .content-tile.default .lucene-messages .lucene-message .link-text, .lucene-messages .content-tile.default .lucene-message .link-text {
    color: black;
}

.parallax-scrolling {
    height: 350px;
    position: relative;
    overflow: hidden;
    display: table;
    width: 100%;
}
.parallax-scrolling::after {
    background: black;
    opacity: 0.15;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.parallax-scrolling .image {
    height: 350px;
    position: absolute;
    display: block;
    background-attachment: fixed;
    overflow: hidden;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
@media (min-width: 1260px) {
    .parallax-scrolling .image {
        background-size: cover;
    }
}
.parallax-scrolling .info, .parallax-scrolling .grid-no-results, .parallax-scrolling .lucene-messages .lucene-message, .lucene-messages .parallax-scrolling .lucene-message {
    text-align: center;
    height: 100%;
    position: relative;
    float: none;
    display: table-cell;
    vertical-align: middle;
    z-index: 2;
}
.parallax-scrolling .info .text, .parallax-scrolling .grid-no-results .text, .parallax-scrolling .lucene-messages .lucene-message .text, .lucene-messages .parallax-scrolling .lucene-message .text {
    color: black;
}
.parallax-scrolling .info .text h2, .parallax-scrolling .grid-no-results .text h2, .parallax-scrolling .lucene-messages .lucene-message .text h2, .lucene-messages .parallax-scrolling .lucene-message .text h2 {
    font-size: 48px;
    color: white;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.parallax-scrolling .info .text h5, .parallax-scrolling .grid-no-results .text h5, .parallax-scrolling .lucene-messages .lucene-message .text h5, .lucene-messages .parallax-scrolling .lucene-message .text h5 {
    font-size: 14px;
    color: white;
    max-width: 650px;
    margin: 0 auto;
}
.parallax-scrolling .info .link, .parallax-scrolling .grid-no-results .link, .parallax-scrolling .lucene-messages .lucene-message .link, .lucene-messages .parallax-scrolling .lucene-message .link {
    text-align: center;
    display: block;
}
.parallax-scrolling .info .link a, .parallax-scrolling .grid-no-results .link a, .parallax-scrolling .lucene-messages .lucene-message .link a, .lucene-messages .parallax-scrolling .lucene-message .link a {
    text-decoration: none;
}
.parallax-scrolling .info .link a:hover, .parallax-scrolling .grid-no-results .link a:hover, .parallax-scrolling .lucene-messages .lucene-message .link a:hover, .lucene-messages .parallax-scrolling .lucene-message .link a:hover, .parallax-scrolling .info .link a:focus, .parallax-scrolling .grid-no-results .link a:focus, .parallax-scrolling .lucene-messages .lucene-message .link a:focus, .lucene-messages .parallax-scrolling .lucene-message .link a:focus {
    text-decoration: none;
}
.parallax-scrolling .info .link .btn, .parallax-scrolling .grid-no-results .link .btn, .parallax-scrolling .lucene-messages .lucene-message .link .btn, .lucene-messages .parallax-scrolling .lucene-message .link .btn {
    display: inline-block;
    float: none;
    clear: none;
    margin: 15px 5px;
    padding: 15px 25px;
    min-width: 200px;
    font-size: 18px;
}
.parallax-scrolling .info .link .btn:empty, .parallax-scrolling .grid-no-results .link .btn:empty, .parallax-scrolling .lucene-messages .lucene-message .link .btn:empty, .lucene-messages .parallax-scrolling .lucene-message .link .btn:empty {
    display: none;
}

.touch .parallax-scrolling .image {
    background-attachment: initial;
}

.side-by-side-content {
    display: block;
    clear: both;
    clear: both;
}
.side-by-side-content .grid-row {
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
}
.side-by-side-content.primary {
    background: #00B9EB;
}
.side-by-side-content.primary .content {
    color: white;
}
.side-by-side-content.primary .content a {
    color: white;
    text-decoration: underline;
}
.side-by-side-content.secondary {
    background: #545454;
}
.side-by-side-content.secondary .content {
    color: white;
}
.side-by-side-content.secondary .content a {
    color: white;
    text-decoration: underline;
}
.side-by-side-content.alternate {
    background: #ddd;
}
.side-by-side-content.alternate .content {
    color: black;
}
.side-by-side-content.alternate .content a {
    color: black;
    text-decoration: underline;
}
.side-by-side-content.black {
    background: black;
}
.side-by-side-content.black .content {
    color: white;
}
.side-by-side-content.black .content a {
    color: white;
    text-decoration: underline;
}
.side-by-side-content.default {
    background: #fafafa;
}
.side-by-side-content.default .content {
    color: black;
}
.side-by-side-content.default .content a {
    color: black;
    text-decoration: underline;
}
.side-by-side-content .col-1-2 {
    min-height: 400px;
    display: table;
    position: relative;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.auto-height .side-by-side-content .col-1-2 {
    height: auto;
}
@media (min-width: 768px) {
    .side-by-side-content .col-1-2 {
        width: 50%;
    }
}
.side-by-side-content .col-1-2 a {
    display: block;
}
.side-by-side-content .col-1-2 .content-container {
    display: block;
    width: 100%;
    padding: 20px 50px;
}
.side-by-side-content .col-1-2 .content-container .content {
    display: block;
    width: 100%;
    line-height: 1.82;
}
@media (min-width: 992px) {
    .side-by-side-content .col-1-2 .content-container .content {
        width: 100%;
        max-width: 100%;
        overflow: auto;
        padding-top: 0;
    }
    .auto-height .side-by-side-content .col-1-2 .content-container .content {
        height: auto;
        max-height: initial;
    }
}

/*------------------------------------*\
    Meet The Team (Staff)
\*------------------------------------*/
.our-staff-grid {
    padding: 0;
}
.our-staff-grid .staff-profile {
    text-align: center;
    float: left;
    display: inline-block;
    width: 30.333%;
    margin: 0 1.5%;
    padding: 30px 60px;
}
.our-staff-grid .staff-profile .stafftitle {
    text-align: center;
    float: left;
    width: 100%;
    height: 80px;
}
.our-staff-grid .staff-profile img {
    border-radius: 100%;
}
.our-staff-grid .staff-profile .btn {
    float: none;
    margin: 0 auto;
}
.our-staff-grid .staff-full-container {
    background: white;
    border-radius: 5px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    background: white;
    border: 1px solid #ddd;
    color: black;
    border-radius: 20px;
    position: relative;
    text-align: left;
    margin-top: 20px;
}
.our-staff-grid .staff-full-container::after {
    clear: both;
    content: "";
    display: table;
}
.our-staff-grid .staff-full-container .cv-ico-general-cross {
    background: white;
    position: absolute;
    top: -10px;
    right: -12px;
    color: black;
    border-radius: 100px;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    width: 25px;
    height: 25px;
}
.our-staff-grid .staff-full-container .cv-ico-general-cross:before {
    position: relative;
    top: 3px;
    left: 4px;
    font-size: 18px;
    color: #00B9EB;
}
.our-staff-grid .staff-full-container .cv-ico-general-cross:hover {
    background: #D82A2B;
    cursor: pointer;
}
.our-staff-grid .staff-full-container .cv-ico-general-cross:hover:before {
    color: white;
}
.our-staff-grid .staff-full-container .staff-full-info {
    float: left;
    width: 100%;
    text-align: center;
    padding: 14px;
}
.our-staff-grid .staff-full-container .staff-full-info strong {
    font-size: 20px;
}

/*------------------------------------*\
    About us
\*------------------------------------*/
@media (min-width: 768px) {
    .page-CP_BPDTHEME01_About #cv-zone-container-1 {
        margin-top: -50px;
    }
}

#custom-layout-about-us-2018-row2 {
    padding: 64px 0;
}
#custom-layout-about-us-2018-row2 .container {
    max-width: 1200px;
}

#custom-layout-about-us-2018-row3 {
    background: #fafafa;
    padding: 64px 0;
}

#custom-layout-about-us-2018-row4 {
    padding: 64px 0;
}

.page-CP_BPDTHEME01_About .about-content {
    padding-top: 50px;
    clear: both;
}
.page-CP_BPDTHEME01_About .about-content .about-full .photo-caption {
    font-size: 12px;
    margin: 0px;
    padding: 0px;
    line-height: 12px;
}
.page-CP_BPDTHEME01_About .about-content .about-full .team-alpha-heading {
    background: #222;
    color: #fff;
    padding: 10px;
    margin-bottom: 50px;
    text-align: center;
}
.page-CP_BPDTHEME01_About .about-content .about-left-side {
    width: 100%;
}
@media (min-width: 768px) {
    .page-CP_BPDTHEME01_About .about-content .about-left-side {
        width: 48%;
        float: left;
    }
}
.page-CP_BPDTHEME01_About .about-content .about-left-side .about-slimline {
    margin-top: 0px;
    font-size: 45px;
    line-height: 55px;
}
@media (min-width: 768px) {
    .page-CP_BPDTHEME01_About .about-content .about-left-side .about-slimline {
        font-size: 85px;
        line-height: 95px;
    }
}
.page-CP_BPDTHEME01_About .about-content .about-right-side {
    width: 100%;
}
@media (min-width: 768px) {
    .page-CP_BPDTHEME01_About .about-content .about-right-side {
        width: 48%;
        float: right;
    }
}
.page-CP_BPDTHEME01_About .about-content .about-left-side.center-content {
    text-align: center;
}
.page-CP_BPDTHEME01_About .about-content .about-right-side.center-content {
    text-align: center;
}

/*------------------------------------*\
    CART
\*------------------------------------*/
#cv-zone-cart-header-sticky-wrapper {
    display: block;
    clear: both;
}
#cv-zone-cart-header-sticky-wrapper::after {
    clear: both;
    content: "";
    display: table;
}

#cv-zone-cart-header {
    display: block;
    clear: both;
}
#cv-zone-cart-header::after {
    clear: both;
    content: "";
    display: table;
}
#cv-zone-cart-header.checkout-heading-navigation.grey-box {
    padding: 12px;
    margin: 0 0 14px;
}
.is-sticky #cv-zone-cart-header.checkout-heading-navigation.grey-box {
    left: 0;
    border-top: none;
    border-right: none;
    border-left: none;
    border-radius: 0;
    z-index: 100000;
}
.is-sticky #cv-zone-cart-header.checkout-heading-navigation.grey-box .grid-row {
    max-width: 1400px;
    margin: 0 auto;
}
#cv-zone-cart-header #cv-zone-cart-header-right {
    float: right;
}

#cv-zone-cart-main {
    display: block;
    clear: both;
    padding: 64px 0;
}
#cv-zone-cart-main::after {
    clear: both;
    content: "";
    display: table;
}

#cv-zone-cart-bottom {
    display: block;
    clear: both;
    padding: 40px;
}
#cv-zone-cart-bottom::after {
    clear: both;
    content: "";
    display: table;
}

#cv-zone-cart-bottom-after,
.checkout-navigation {
    display: block;
    clear: both;
    clear: both;
    display: block;
    padding: 10px;
    margin: 14px 0;
    background: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: opx;
    margin: 30px 0;
}
#cv-zone-cart-bottom-after::after,
.checkout-navigation::after {
    clear: both;
    content: "";
    display: table;
}
#cv-zone-cart-bottom-after::after,
.checkout-navigation::after {
    clear: both;
    content: "";
    display: table;
}
#cv-zone-cart-bottom-after .btn.large,
.checkout-navigation .btn.large {
    padding: 10px;
    font-size: 14px;
}
#cv-zone-cart-bottom-after .widget-pay-pal-express-button button.checkout-paypal img,
.checkout-navigation .widget-pay-pal-express-button button.checkout-paypal img {
    max-height: 40px;
}

#cv-zone-checkout-step2-container {
    display: none;
}

/*------------------------------------*\
    CHECKOUT
\*------------------------------------*/
.summary-address .form-span {
    clear: both;
    display: block;
}

/*------------------------------------*\
    Dashboard
\*------------------------------------*/
.widget-dashboard .change-pwd,
.widget-dashboard .change-details,
.widget-dashboard .change-prefs,
.widget-dashboard .change-address {
    display: none;
}

/*------------------------------------*\
    FLYER CREATOR
\*------------------------------------*/
.brochure-preview-thumbnail {
    display: block;
    float: left;
    width: 20%;
    max-width: 100px;
    margin: 0 10px 10px 0;
    border: 2px solid #CCC;
    border-radius: 4px;
    padding: 2px;
    transition: all 0.2s ease-in-out;
}

.brochure-preview-thumbnail::after {
    clear: both;
    content: "";
    display: table;
}

.brochure-preview-thumbnail img {
    opacity: 0.5;
}

.brochure-preview-thumbnail:hover {
    border-color: #00B9EB;
    cursor: pointer;
    transform: scale(1.05);
}

.brochure-preview-thumbnail.active {
    border-color: #00B9EB;
}

.brochure-preview-thumbnail.active img {
    opacity: 1;
}

.brochure-preview-thumbnail img {
    float: left;
    border-radius: 4px;
}

/*------------------------------------*\
    DEFAULT ADDRESS SELECTION
\*------------------------------------*/
#modal-delivery-addresses .form-title {
    margin-top: 0;
    padding: 0;
}
#modal-delivery-addresses h6.subtitle {
    font-size: 12px;
}
@media (min-width: 992px) {
    #modal-delivery-addresses .modal-content {
        max-height: 600px;
        overflow: auto;
    }
}

.default-address-selection {
    width: 100%;
}
@media (min-width: 576px) {
    .default-address-selection {
        width: 500px;
    }
}
@media (min-width: 768px) {
    .default-address-selection {
        width: 700px;
    }
}
@media (min-width: 992px) {
    .default-address-selection {
        width: 900px;
    }
}
@media (min-width: 1260px) {
    .default-address-selection {
        width: 1200px;
    }
}
.default-address-selection .alert-box, .default-address-selection .grid-no-results, .default-address-selection .lucene-messages .lucene-message, .lucene-messages .default-address-selection .lucene-message {
    margin: 0 0 15px;
}
.default-address-selection .address-tile {
    float: left;
    display: block;
    border: 1px solid rgba(0, 0, 0, 0.18);
    padding: 15px;
    border-radius: 5px;
    transition: all 0.2s ease-in-out;
    width: 100%;
    margin: 0 0 10px;
    min-height: 140px;
    border: 1px solid #ddd;
}
.default-address-selection .address-tile::after {
    clear: both;
    content: "";
    display: table;
}
@media (min-width: 768px) {
    .default-address-selection .address-tile {
        margin: 0.5%;
        width: 49%;
    }
    .default-address-selection .address-tile:nth-child(2n+1) {
        clear: left;
    }
}
@media (min-width: 992px) {
    .default-address-selection .address-tile {
        transition: all 0.2s ease-in-out;
        background: white;
        border-radius: 5px;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
        background: white;
        border: none;
        color: black;
        border: 1px solid #ddd;
    }
    .default-address-selection .address-tile:hover {
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
        background: #fff;
        transform: translateY(-4px);
    }
}
@media (min-width: 1260px) {
    .default-address-selection .address-tile {
        width: 32.333%;
    }
    .default-address-selection .address-tile:nth-child(2n+1) {
        clear: none;
    }
    .default-address-selection .address-tile:nth-child(3n+1) {
        clear: left;
    }
}
.default-address-selection .address-tile:hover {
    background: white;
    cursor: pointer;
}
.default-address-selection .address-tile .icon {
    float: left;
    display: block;
    width: 20%;
    font-size: 24px;
}
.default-address-selection .address-tile .icon::before {
    border: 2px solid rgba(0, 0, 0, 0.2);
    padding: 8px;
    border-radius: 10px;
    color: rgba(0, 0, 0, 0.2);
    position: relative;
    top: 10px;
}
.default-address-selection .address-tile .address {
    float: left;
    display: block;
    width: 80%;
    margin: 0 0 5px;
    clear: none;
    font-style: initial;
}
.default-address-selection .address-tile .address h3.name {
    font-size: 14px;
    display: block;
    margin: 0;
    font-weight: bold;
    padding: 0 0 5px;
}
.default-address-selection .address-tile .address-line {
    font-size: 12px;
}
.default-address-selection .address-tile.active {
    border-color: #00B9EB;
}
.default-address-selection .address-tile.active .icon::before {
    border-color: #00B9EB;
    color: #00B9EB;
}

/*------------------------------------*\
    Homepage
\*------------------------------------*/
.parallax-scrolling + .widget-banner-slider {
    position: relative;
    top: -1.75em;
}

.scrolling-product-banner {
    margin-top: 40px;
}
.scrolling-product-banner .owl-wrapper .owl-item {
    border: 5px solid #fff;
    transition: all 0.5s;
}
.scrolling-product-banner .owl-wrapper .owl-item:hover {
    transform: scale(1.05);
    border: 2px solid #fff;
}
.scrolling-product-banner .owl-wrapper .owl-item .gallery-slide .container {
    top: initial;
    bottom: 0px;
    height: auto;
    padding-bottom: 0px;
}
.scrolling-product-banner .owl-wrapper .owl-item .gallery-slide .container .banner-caption {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    background: rgba(0, 0, 0, 0.5);
}
.scrolling-product-banner .owl-wrapper .owl-item .gallery-slide .container .banner-caption a {
    color: #fff;
}
.scrolling-product-banner .owl-wrapper .owl-item .gallery-slide .container .owl-dots {
    display: none;
}
@keyframes slide {
    100% {
        left: 0;
    }
}
.FeatureProduct .banner-caption {
    position: absolute;
    left: 0;
    background: rgba(0, 0, 0, 0.2);
    width: 60%;
    padding: 2%;
    border-top-right-radius: 25px;
    margin-left: 0px;
    margin-top: 0.5%;
}
@media (min-width: 992px) {
    .FeatureProduct .banner-caption {
        margin-top: 2%;
    }
}
@media (min-width: 1260px) {
    .FeatureProduct .banner-caption {
        margin-top: 5%;
    }
}
.FeatureProduct .banner-caption h1 {
    font-size: 22px;
    line-height: 28px;
}
@media (min-width: 992px) {
    .FeatureProduct .banner-caption h1 {
        font-size: 70px;
        line-height: 90px;
    }
}
.FeatureProduct .banner-caption h2 {
    font-size: 18px;
    line-height: 22px;
}
@media (min-width: 992px) {
    .FeatureProduct .banner-caption h2 {
        font-size: 40px;
        line-height: 50px;
    }
}
.FeatureProduct .owl-nav {
    display: none;
}

.XT1-info-box {
    min-height: 330px;
    padding: 40px;
    background: #0b0502;
    text-align: center;
    color: #fff;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
@media (min-width: 992px) {
    .XT1-info-box {
        position: relative;
        z-index: 2;
        margin-top: -100px;
    }
}
.XT1-info-box .xt1-image {
    width: 100%;
}
.XT1-info-box .xt1-image img {
    max-width: 300px;
}
.XT1-info-box hr {
    border: 0;
    height: 1px;
    margin-top: -50px;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
}
.XT1-info-box .XT1-info-left-side {
    width: 100%;
}
@media (min-width: 768px) {
    .XT1-info-box .XT1-info-left-side {
        width: 45%;
        float: left;
    }
}
.XT1-info-box .XT1-info-right-side {
    width: 100%;
}
@media (min-width: 768px) {
    .XT1-info-box .XT1-info-right-side {
        width: 45%;
        float: right;
    }
}

.list-with-ticks-div {
    margin-top: 20px;
}
.list-with-ticks-div .list-with-ticks {
    width: 100%;
}
@media (min-width: 768px) {
    .list-with-ticks-div .list-with-ticks {
        float: left;
        width: 25%;
    }
}
.list-with-ticks-div .list-with-ticks ul {
    list-style: none;
}
.list-with-ticks-div .list-with-ticks ul .tick-icon {
    font-size: 18px;
}
.list-with-ticks-div .list-with-ticks ul .tick-icon:before {
    content: "";
    font-family: "cv-ico-general";
    font-size: 22px;
    margin-right: 10px;
    color: #000;
}
.list-with-ticks-div .list-with-ticks ul .truck-icon {
    font-size: 18px;
}
.list-with-ticks-div .list-with-ticks ul .truck-icon:before {
    content: "";
    font-family: "cv-ico-general";
    font-size: 22px;
    margin-right: 10px;
    color: #000;
}
.list-with-ticks-div .list-with-ticks ul .scissor-icon {
    font-size: 18px;
}
.list-with-ticks-div .list-with-ticks ul .scissor-icon:before {
    content: "";
    font-family: "cv-ico-general";
    font-size: 22px;
    margin-right: 10px;
    color: #000;
}
.list-with-ticks-div .list-with-ticks ul .laptop-icon {
    font-size: 18px;
}
.list-with-ticks-div .list-with-ticks ul .laptop-icon:before {
    content: "";
    font-family: "cv-ico-general";
    font-size: 22px;
    margin-right: 10px;
    color: #000;
}

.warranty-div {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 20px;
    margin: auto;
}
@media (min-width: 992px) {
    .warranty-div {
        width: 75%;
    }
}
@media (min-width: 1260px) {
    .warranty-div {
        width: 45%;
    }
}
.warranty-div .quality-text {
    width: 100%;
    text-align: center;
}
@media (min-width: 576px) {
    .warranty-div .quality-text {
        width: 80%;
        float: left;
    }
}
.warranty-div .warrenty-logo {
    width: 100%;
    text-align: center;
}
@media (min-width: 576px) {
    .warranty-div .warrenty-logo {
        width: 20%;
        float: left;
        text-align: right;
    }
}

.clearing-div {
    clear: both;
    height: 1px;
}

.Brands-slider {
    margin-top: 40px;
}
.Brands-slider .owl-item {
    text-align: center;
}
.Brands-slider .owl-item .owl-lazy {
    display: inline-block;
    float: none;
    height: 80px;
    width: auto;
}

.Alpha-Hero-Banner {
    margin-top: 20px;
}
.Alpha-Hero-Banner .banner-caption {
    text-align: center;
    background: rgba(0, 0, 0, 0.5);
    width: 60%;
    margin-left: 20%;
    margin-top: 0.5%;
}
.Alpha-Hero-Banner .banner-caption h1,
.Alpha-Hero-Banner .banner-caption p {
    font-size: 22px;
    line-height: 28px;
}
@media (min-width: 992px) {
    .Alpha-Hero-Banner .banner-caption h1,
.Alpha-Hero-Banner .banner-caption p {
        font-size: 50px;
        line-height: 60px;
    }
}
@media (min-width: 992px) {
    .Alpha-Hero-Banner .banner-caption {
        margin-top: 15%;
    }
}
@media (min-width: 1260px) {
    .Alpha-Hero-Banner .banner-caption {
        margin-top: 20%;
    }
}

#DisplayLoginTemplate,
#pageLoginTemplate {
    font-size: 16px !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
    color: black !important;
}

.page-Login #cv-zone-container-1,
.page-THEME_BPDTHEME01_Forgot #cv-zone-container-1 {
    background: #fafafa;
}
.page-Login #cv-zone-container-1 .widget-page-title,
.page-THEME_BPDTHEME01_Forgot #cv-zone-container-1 .widget-page-title {
    text-align: center;
    padding: 40px 0 0;
}

/*------------------------------------*\
    Page Not Found (404)
\*------------------------------------*/
/*------------------------------------*\
    Product - Category
\*------------------------------------*/
.cv-productgrid-options.category {
    display: none;
}

.product-grid {
    clear: both;
}
.product-grid::after {
    clear: both;
    content: "";
    display: table;
}
.product-grid .product {
    position: relative;
}
.product-grid .product::after {
    clear: both;
    content: "";
    display: table;
}
.product-grid .product [class*=cv-zone-product-]::after {
    clear: both;
    content: "";
    display: table;
}

.grid-no-results {
    text-align: center;
}

.product-grid.grid > div {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
}

.widget-campaign-slider .product-grid.grid {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
}
.widget-campaign-slider .product-grid.grid.owl-carousel {
    display: block;
}

/*------------------------------------*\
    Product - All
\*------------------------------------*/
.product-grid {
    clear: both;
    display: block;
}
.product-grid .product {
    border: 1px solid #00B9EB;
    position: relative;
}
.product-grid .product .cv-zone-product-1::after {
    clear: both;
    content: "";
    display: table;
}
.product-grid .product .cv-zone-product-2::after {
    clear: both;
    content: "";
    display: table;
}
.product-grid .product .cv-zone-product-3::after {
    clear: both;
    content: "";
    display: table;
}

/*------------------------------------*\
    Product - Category
\*------------------------------------*/
.product-grid.grid.category .product {
    width: 19%;
    margin: 0 0.5% 1%;
}

/*------------------------------------*\
    Product - Grid
\*------------------------------------*/
.product-grid.grid .product {
    transition: all 0.2s ease-in-out;
    background: white;
    border-radius: 5px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    background: white;
    border: none;
    color: black;
    width: 48%;
    margin: 1%;
    padding: 2px;
    float: left;
    display: block;
    border: 1px solid #ddd;
    text-align: center;
}
.product-grid.grid .product:hover {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    background: #fff;
    transform: translateY(-4px);
}
@media (min-width: 576px) {
    .product-grid.grid .product {
        width: 31%;
        margin: 0 1% 2%;
    }
}
@media (min-width: 992px) {
    .product-grid.grid .product {
        width: 23%;
        padding: 14px;
    }
}
.product-grid.grid .product:hover {
    border-color: #00B9EB;
}
.product-grid.grid .product .cv-zone-product-2 {
    padding-top: 12px;
}
.product-grid.grid .product .cv-zone-product-6 {
    position: relative;
}
.product-grid.grid .product .widget-productlist-atc-button,
.product-grid.grid .product .widget-product-list-view-product-button {
    height: 38px;
    width: 100%;
}
.product-grid.grid .product.is-master-product .master-attribute-selections,
.product-grid.grid .product.is-master-product .widget-product-attribute-list,
.product-grid.grid .product.is-master-product .btn.cv-add-to-cart,
.product-grid.grid .product.is-master-product .form-number,
.product-grid.grid .product.is-master-product .form-number-plus-minus {
    display: none !important;
}
.product-grid.grid .product.is-master-product .widget-product-list-view-product-button {
    margin-top: 38px !important;
}

.page-ProductDisplay .product-grid.grid [class*=cv-zone-product] .cv-numeric-input {
    width: 100%;
    margin: 0 0 5px;
}
.page-ProductDisplay .product-grid.grid [class*=cv-zone-product] .btn {
    width: 100%;
    margin: 0 0 5px;
}
/*------------------------------------*\
    Product - Detailed List
\*------------------------------------*/
.product-grid.detailed-list .product {
    display: block;
    padding: 14px;
    margin: 0 0 50px;
}
.product-grid.detailed-list .product::after {
    clear: both;
    content: "";
    display: table;
}
.product-grid.detailed-list .product .cv-zone-product-1 {
    width: 250px;
    display: block;
    float: left;
}
.product-grid.detailed-list .product .cv-zone-product-2 {
    width: calc((100%) - 250px);
    display: block;
    float: left;
}
.product-grid.detailed-list .product .cv-zone-product-3 {
    display: block;
    clear: both;
    width: 100%;
}
.product-grid.detailed-list .product .cv-zone-product-6 .cv-numeric-input {
    float: left;
    height: 30px;
}
.product-grid.detailed-list .product .cv-zone-product-6 .k-numeric-wrap {
    height: 30px;
}
.product-grid.detailed-list .product .cv-zone-product-6 .k-numeric-wrap .k-input {
    height: 30px;
}
.product-grid.detailed-list .product .cv-zone-product-6 .form-number-plus-minus {
    height: 30px;
}

/*------------------------------------*\
    OWL Grid
\*------------------------------------*/
.product-slider .owl-item {
    padding: 10px;
}
.product-slider .owl-item .product {
    width: 100% !important;
    margin: 0 !important;
}

/*------------------------------------*\
    Infinite Scrolling
\*------------------------------------*/
.infinite-scrolling.text-center .btn {
    float: none;
    display: inline-block;
}

/*------------------------------------*\
    Product Filter
\*------------------------------------*/
.widget-product-filter .product-filter {
    clear: both;
    display: block;
}
.widget-product-filter .product-filter .heading-alternate {
    padding: 0 0 5px;
}
.widget-product-filter .product-filter .show-filter-items {
    display: none;
}
.widget-product-filter .filter-container .expandable-content {
    padding: 0;
}
.widget-product-filter ul.filter-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.widget-product-filter ul.filter-list li {
    list-style: none;
    margin: 0;
    padding: 0;
}
.widget-product-filter ul.filter-list li a {
    display: block;
    width: 100%;
    padding: 5px 0 5px 12px;
    font-size: 12px;
    color: black;
}
.widget-product-filter ul.filter-list li a:hover {
    background: #e1eff5;
}

/*------------------------------------*\
    Product - Detail
\*------------------------------------*/
.product-detail-left::after {
    clear: both;
    content: "";
    display: table;
}
@media (min-width: 992px) {
    .product-detail-left {
        width: 550px;
        float: left;
        display: inline-block;
        padding: 40px 0 64px;
    }
}

.product-detail-right::after {
    clear: both;
    content: "";
    display: table;
}
@media (min-width: 992px) {
    .product-detail-right {
        width: calc((100%) - 550px);
        float: right;
        display: inline-block;
        padding: 40px 0 64px 40px;
    }
}
.product-detail-right .widget-product-field {
    clear: both;
    display: block;
    padding: 0 0 30px;
    margin-top: 20px;
}
.product-detail-right .item-price {
    font-size: 32px;
}
.product-detail-right .qty-in-cart {
    clear: both;
}

.product-detail-bottom {
    padding: 50px 0;
}
.product-detail-bottom::after {
    clear: both;
    content: "";
    display: table;
}

.product-detail-right .info-group.widget-product-field {
    margin: 0;
    padding: 0;
}
.product-detail-right h5.info-heading {
    margin-top: 15px;
    margin-bottom: 4px;
}
.product-detail-right h5.info-heading:empty {
    margin: 0;
}
.product-detail-right .info-group-content {
    display: list-item;
    margin-left: 20px;
}

.page-THEME_BPDTHEME01_Register .page-content .widget-page-title {
    text-align: center;
    padding: 30px 0 0;
}
.page-THEME_BPDTHEME01_Register #cv-zone-container-1 {
    background: #fafafa;
}

/*------------------------------------*\
    Session Expired
\*------------------------------------*/
/*------------------------------------*\
    Static Content (About Us / Contact)
\*------------------------------------*/
/*------------------------------------*\
    Widget - Article Slider
\*------------------------------------*/
.widget-article-slider {
    clear: both;
    display: block;
    width: 100%;
    float: left;
}
.widget-article-slider::after {
    clear: both;
    content: "";
    display: table;
}
.widget-article-slider h2.subtitle {
    font-size: 20px;
}
.widget-article-slider .gallery-slide {
    padding: 10px;
}
.widget-article-slider .news-article {
    transition: all 0.2s ease-in-out;
    background: white;
    border-radius: 5px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    background: white;
    border: none;
    color: black;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.11);
    padding: 0;
    float: left;
    display: block;
    border-radius: 0;
    width: 100%;
    margin: 0 0 10px;
}
.widget-article-slider .news-article:hover {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    background: #fff;
    transform: translateY(-4px);
}
@media (min-width: 992px) {
    .widget-article-slider .news-article {
        width: 31.3333%;
        margin: 1%;
    }
}
.widget-article-slider .owl-item .news-article {
    width: 100%;
    margin: 0;
}
.widget-article-slider .owl-controls {
    margin: 0;
}
@media (min-width: 1260px) {
    .widget-article-slider .owl-controls .owl-nav.owl-buttons {
        margin: 0;
    }
    .widget-article-slider .owl-controls .owl-nav.owl-buttons .owl-prev {
        left: -65px;
    }
    .widget-article-slider .owl-controls .owl-nav.owl-buttons .owl-prev:before {
        content: "";
    }
    .widget-article-slider .owl-controls .owl-nav.owl-buttons .owl-prev::before {
        position: relative;
        left: -6px;
        top: 20px;
    }
    .widget-article-slider .owl-controls .owl-nav.owl-buttons .owl-next {
        right: -65px;
    }
    .widget-article-slider .owl-controls .owl-nav.owl-buttons .owl-next:before {
        content: "";
    }
    .widget-article-slider .owl-controls .owl-nav.owl-buttons .owl-next::before {
        position: relative;
        right: 6px;
        top: 20px;
    }
    .widget-article-slider .owl-controls .owl-nav.owl-buttons .owl-prev,
.widget-article-slider .owl-controls .owl-nav.owl-buttons .owl-next {
        position: absolute;
        top: calc((50%) - 70px);
        font-size: 0;
        background: rgba(0, 0, 0, 0.45);
        border-radius: 0px;
        height: 80px;
        width: 30px;
        opacity: 0.25;
    }
    .widget-article-slider .owl-controls .owl-nav.owl-buttons .owl-prev:before,
.widget-article-slider .owl-controls .owl-nav.owl-buttons .owl-next:before {
        font-family: "cv-ico-general";
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        speak: none;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    .widget-article-slider .owl-controls .owl-nav.owl-buttons .owl-prev.disabled,
.widget-article-slider .owl-controls .owl-nav.owl-buttons .owl-next.disabled {
        display: none !important;
    }
    .widget-article-slider .owl-controls .owl-nav.owl-buttons .owl-prev:before,
.widget-article-slider .owl-controls .owl-nav.owl-buttons .owl-next:before {
        font-size: 30px;
        color: #fff;
    }
    .widget-article-slider .owl-controls .owl-nav.owl-buttons .owl-prev:hover, .widget-article-slider .owl-controls .owl-nav.owl-buttons .owl-prev:focus,
.widget-article-slider .owl-controls .owl-nav.owl-buttons .owl-next:hover,
.widget-article-slider .owl-controls .owl-nav.owl-buttons .owl-next:focus {
        opacity: 1;
        background: #00B9EB;
    }
    .widget-article-slider .owl-controls .owl-nav.owl-buttons .owl-prev:hover:before, .widget-article-slider .owl-controls .owl-nav.owl-buttons .owl-prev:focus:before,
.widget-article-slider .owl-controls .owl-nav.owl-buttons .owl-next:hover:before,
.widget-article-slider .owl-controls .owl-nav.owl-buttons .owl-next:focus:before {
        color: #000;
    }
}
.widget-article-slider .owl-controls .owl-dots {
    margin-top: 0;
    position: relative;
}
.widget-article-slider .owl-controls .owl-dots .owl-dot span {
    background: grey;
    width: 40px;
    height: 4px;
    border-radius: 0;
}
.widget-article-slider .owl-controls .owl-dots .owl-dot.active span {
    background: #00B9EB;
}
.widget-article-slider .owl-controls .owl-dots .owl-dot:hover span {
    background: #52daff;
}
.widget-article-slider .product-slider.with-navigation {
    margin: 0 auto;
    max-width: 90%;
}
.widget-article-slider .owl-item {
    padding: 10px;
}

.news-article {
    background: none;
}
.news-article::after {
    clear: both;
    content: "";
    display: table;
}
.news-article .cv-zone-article-1,
.news-article .cv-zone-article-2,
.news-article .cv-zone-article-3 {
    clear: both;
    display: block;
}
.news-article .cv-zone-article-1::after,
.news-article .cv-zone-article-2::after,
.news-article .cv-zone-article-3::after {
    clear: both;
    content: "";
    display: table;
}
.news-article .cv-zone-article-1 {
    min-height: 180px;
}
.news-article .cv-zone-article-2 {
    padding: 10px;
}
.news-article .cv-zone-article-3 {
    padding: 0 10px 10px;
}

.widget-article-list-title h4.subtitle a {
    min-height: 80px;
    display: block;
    clear: both;
}

.widget-article-list-image {
    text-align: center;
    display: block;
    float: left;
    margin-bottom: 10px;
    width: 100%;
}
.widget-article-list-image::after {
    clear: both;
    content: "";
    display: table;
}
.widget-article-list-image .push-left {
    float: none !important;
}
.widget-article-list-image .push-left a {
    display: block;
    width: 100%;
}
.widget-article-list-image img {
    float: none;
    margin: 0 auto;
    display: block;
    width: 100% !important;
}

.widget-article-list-title {
    display: block;
}
.widget-article-list-title h4.subtitle a {
    font-weight: bold;
    color: #000;
    padding: 4px 0;
    margin: 10px;
}
.widget-article-list-title h4.subtitle a:hover, .widget-article-list-title h4.subtitle a:focus {
    color: #00B9EB;
}

.article-posted-date {
    font-size: 12px;
    color: #999;
}

.widget-article-list-summary {
    font-size: 12px;
}

.widget-article-list-all.news-article-zoned.grid {
    clear: both;
    display: block;
}
.widget-article-list-all.news-article-zoned.grid::after {
    clear: both;
    content: "";
    display: table;
}
.widget-article-list-all.news-article-zoned.grid .news-article {
    transition: all 0.2s ease-in-out;
    background: white;
    border-radius: 5px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    background: white;
    border: none;
    color: black;
    float: left;
    display: inline-block;
    padding: 10px;
    width: 100%;
    margin: 0 0 1%;
}
.widget-article-list-all.news-article-zoned.grid .news-article:hover {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    background: #fff;
    transform: translateY(-4px);
}
@media (min-width: 576px) {
    .widget-article-list-all.news-article-zoned.grid .news-article {
        width: 48%;
        margin: 1%;
    }
}
@media (min-width: 768px) {
    .widget-article-list-all.news-article-zoned.grid .news-article {
        width: 23%;
    }
}
@media (min-width: 992px) {
    .widget-article-list-all.news-article-zoned.grid .news-article {
        width: 23%;
    }
}
@media (min-width: 1260px) {
    .widget-article-list-all.news-article-zoned.grid .news-article {
        width: 23%;
    }
}

.widget-article-text img {
    height: initial !important;
    width: initial !important;
    margin: 40px 0;
    display: block;
}

.dark-background {
    background: #f8f8f8;
    color: #000;
    padding: 40px 14px;
}
@media (min-width: 992px) {
    .dark-background {
        padding: 100px 50px;
    }
}
.dark-background .col-1-2 {
    width: 100%;
}
@media (min-width: 768px) {
    .dark-background .col-1-2:first-child {
        width: 75%;
    }
}
@media (min-width: 992px) {
    .dark-background .col-1-2:first-child {
        width: 50%;
    }
}
@media (min-width: 768px) {
    .dark-background .col-1-2:last-child {
        width: 25%;
    }
}
@media (min-width: 992px) {
    .dark-background .col-1-2:last-child {
        width: 50%;
    }
}
@media (min-width: 768px) {
    .dark-background #custom-layout-news-detail-layout-row1 {
        padding-right: 100px;
    }
}
@media (min-width: 992px) {
    .dark-background #custom-layout-news-detail-layout-row1 {
        padding: 0 100px 14px 0;
    }
}
@media (min-width: 1260px) {
    .dark-background #custom-layout-news-detail-layout-row1 {
        padding: 0 200px 14px 0;
    }
}
.dark-background .widget-breadcrumb {
    padding-top: 0;
    background: none;
}
.dark-background .widget-breadcrumb span,
.dark-background .widget-breadcrumb a {
    color: #fff;
}
.dark-background .widget-article-title {
    display: block;
    border-bottom: 10px solid #545454;
    padding-bottom: 40px;
}
.dark-background .widget-article-title::after {
    clear: both;
    content: "";
    display: table;
}
.dark-background .widget-article-title h4.subtitle,
.dark-background .widget-article-title h4.subtitle a {
    font-size: 32px;
    color: #00B9EB;
    font-weight: 700;
    line-height: 95%;
}
@media (min-width: 992px) {
    .dark-background .widget-article-title h4.subtitle,
.dark-background .widget-article-title h4.subtitle a {
        font-size: 60px;
    }
}
.dark-background .widget-article-date {
    display: block;
    padding: 40px 0;
}
.dark-background .widget-article-date::after {
    clear: both;
    content: "";
    display: table;
}
.dark-background .widget-article-date .article-posted-date {
    color: #00B9EB;
    font-size: 30px;
    font-weight: 700;
}
.dark-background .widget-article-image .img-large.push-left {
    float: none !important;
    display: block;
    text-align: center;
}
.dark-background .widget-article-image .img-large.push-left img {
    max-height: 600px;
}

.centre-content {
    margin: 0 auto;
    max-width: 940px;
    line-height: 220%;
    padding: 40px 14px;
}
.centre-content p {
    line-height: 200%;
    padding: 20px 0;
    margin: 0;
    font-size: 16px;
}

.page-ArticleView #cv-zone-pagecontent-before .widget-breadcrumb {
    display: none;
}
.page-ArticleView .widget-article-title h4.subtitle {
    text-align: center;
    font-size: 32px;
    margin: 50px;
}
.page-ArticleView .news-article {
    max-width: 960px;
    margin: auto;
}
.page-ArticleView .news-article .widget-article-image img {
    margin-right: 20px;
}

/*------------------------------------*\
    Microsoft IE 9
\*------------------------------------*/
/*------------------------------------*\
    Microsoft IE 10
\*------------------------------------*/
/*------------------------------------*\
    Microsoft IE 11
\*------------------------------------*/
/*------------------------------------*\
    Microsoft Edge
\*------------------------------------*/
/*------------------------------------*\
    media print
\*------------------------------------*/
@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    html {
        font-size: 12px !important;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    }

    a,
a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: "";
    }

    abbr[title]:after {
        content: "";
    }

    /*
    * Don't show links for images, or javascript/internal links
    */
    .ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
        content: "";
    }

    pre,
blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }
    p,
h2,
h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
h3 {
        page-break-after: avoid;
    }

    code[class*=language-],
pre[class*=language-] {
        text-shadow: none;
    }

    .cv-header-topbar,
nav,
.site-search,
.widget-logo .main-logo,
.payment,
.footer-col,
.info-group.docs,
#cv-zone-footer-after,
.widget-breadcrumb,
#cv-zone-navigation,
#cv-zone-navigation-container,
.related-products,
.reviews,
#goto-review,
#goto-review-write,
.qty-in-cart,
.btn.blue.cv-ico-general-cart,
.btn.orange.clear.cv-ico-general-star2,
.k-widget.k-numerictextbox.form-number,
.product-ribbons {
        display: none !important;
    }

    .large-pricing {
        margin: 0;
    }

    .grey-box.alt-style, .grey-box.alternate,
.alert-box.alt-style,
.alt-style.grid-no-results,
.lucene-messages .alt-style.lucene-message,
.alert-box.alternate,
.alternate.grid-no-results,
.lucene-messages .alternate.lucene-message {
        padding: 5px;
    }

    .widget-page-title {
        float: left;
        width: 100%;
    }
    .widget-page-title .page-title .subtitle {
        float: left;
        width: 100%;
        margin: 0;
    }

    .product-gallery {
        width: 300px;
        overflow: hidden;
        float: left;
        display: inline-block;
    }
    .product-gallery img {
        width: 280px;
    }
    .product-gallery .owl-dots {
        display: none !important;
    }

    .detailed.price {
        text-align: left !important;
    }

    #product-detail-main-image,
#warranty-content {
        display: block !important;
    }

    .col-1-1 {
        width: 100% !important;
        padding-right: 0 !important;
    }

    .col-1-2 {
        width: 50% !important;
    }

    .col-1-3 {
        width: 33.33% !important;
    }

    .col-1-4 {
        width: 25% !important;
    }

    .col-1-5 {
        width: 20% !important;
    }

    .col-1-6 {
        width: 16.6666666667% !important;
    }

    .col-1-7 {
        width: 14.2857142857% !important;
    }

    .col-1-8 {
        width: 12.5% !important;
    }

    .col-1-9 {
        width: 11.1111111111% !important;
    }

    .col-1-10 {
        width: 10% !important;
    }

    .col-3-10 {
        width: 30% !important;
    }

    .col-1-11 {
        width: 9.0909090909% !important;
    }

    .col-1-13 {
        width: 7.6923076923% !important;
    }

    .col-1-14 {
        width: 7.1428571429% !important;
    }

    .col-1-15 {
        width: 6.6666666667% !important;
    }

    .col-1-16 {
        width: 6.25% !important;
    }

    .col-2-3 {
        width: 66.66% !important;
    }

    .col-3-4 {
        width: 75% !important;
    }

    .col-2-16 {
        width: 12.5% !important;
    }

    .col-3-16 {
        width: 18.75% !important;
    }

    .col-5-16 {
        width: 31.25% !important;
    }

    .col-6-16 {
        width: 37.5% !important;
    }

    .col-7-16 {
        width: 43.75% !important;
    }

    .col-9-16 {
        width: 56.25% !important;
    }

    .col-5-8,
.col-10-16 {
        width: 62.5% !important;
    }

    .col-11-16 {
        width: 68.75% !important;
    }

    .col-13-16 {
        width: 81.25% !important;
    }

    .col-14-16 {
        width: 87.5% !important;
    }

    .col-15-16 {
        width: 93.75% !important;
    }

    .col-1-12 {
        width: 8.3333333333% !important;
    }

    .col-2-12 {
        width: 16.6666666667% !important;
    }

    .col-5-12 {
        width: 41.6666666667% !important;
    }

    .col-7-12 {
        width: 58.3333333333% !important;
    }

    .col-10-12 {
        width: 83.3333333333% !important;
    }

    .col-11-12 {
        width: 91.6666666667% !important;
    }

    [class*=col-] {
        float: left !important;
        padding-right: 10px !important;
    }
    [class*=col-] .grid:last-of-type {
        padding-right: 0 !important;
    }

    [class*=col-].push-right {
        float: right !important;
    }

    #cv-zone-topbar,
.widget-product-search,
.widget-section-menu,
#cv-menus,
#cv-zone-footer {
        display: none !important;
    }

    #cv-zone-footer {
        border-top: none !important;
    }

    #cv-zone-footer-after .widget-logo,
#cv-zone-footer-after .widget-payment-icons {
        display: none !important;
    }

    .page-content {
        min-height: 0;
    }

    #cv-zone-footer-after small {
        text-align: left;
    }
    #cv-zone-footer-after .col-1-3.footer-after-col {
        width: 100%;
    }

    #product-gallery-slider {
        display: none;
    }

    #product-detail-main-image img {
        display: block !important;
        width: 300px !important;
    }

    .product-grid.grid .product {
        width: 200px !important;
    }

    .product-img {
        width: 180px !important;
    }

    .widget-product-list-filter, .product-list-before {
        display: none;
    }

    .sticky-wrapper.is-sticky {
        display: none !important;
    }

    .btn {
        display: none !important;
    }

    .widget-orders-on-hold .spacing-bottom,
#order-track-print .spacing-bottom {
        margin-bottom: 5px;
    }
    .widget-orders-on-hold .spacing-top,
#order-track-print .spacing-top {
        margin-top: 5px;
    }
    .widget-orders-on-hold .grey-box,
#order-track-print .grey-box {
        padding: 5px;
    }
    .widget-orders-on-hold .order-track-view-standard,
#order-track-print .order-track-view-standard {
        margin: 20px 0;
    }
    .widget-orders-on-hold .content-row.summary.last-row .col-1,
.widget-orders-on-hold .content-row.summary.last-row .col-2,
.widget-orders-on-hold .content-row.summary.last-row .col-3,
.widget-orders-on-hold .content-row.summary.last-row .col-4,
.widget-orders-on-hold .content-row.summary.last-row .col-5,
.widget-orders-on-hold .content-row.summary.last-row .col-6,
.widget-orders-on-hold .content-row.summary.last-row .col-7,
.widget-orders-on-hold .content-row.summary.last-row .col-10,
.widget-orders-on-hold .content-row.summary.last-row .col-11,
#order-track-print .content-row.summary.last-row .col-1,
#order-track-print .content-row.summary.last-row .col-2,
#order-track-print .content-row.summary.last-row .col-3,
#order-track-print .content-row.summary.last-row .col-4,
#order-track-print .content-row.summary.last-row .col-5,
#order-track-print .content-row.summary.last-row .col-6,
#order-track-print .content-row.summary.last-row .col-7,
#order-track-print .content-row.summary.last-row .col-10,
#order-track-print .content-row.summary.last-row .col-11 {
        display: none !important;
    }
    .widget-orders-on-hold .content-row.summary.last-row .col-8,
#order-track-print .content-row.summary.last-row .col-8 {
        width: 77% !important;
        text-align: right !important;
    }
    .widget-orders-on-hold .content-row.summary.last-row .col-9,
#order-track-print .content-row.summary.last-row .col-9 {
        width: 23% !important;
        text-align: right !important;
    }
    .widget-orders-on-hold .data-list-view-product,
.widget-orders-on-hold .sortable.hint,
#order-track-print .data-list-view-product,
#order-track-print .sortable.hint {
        margin: 0;
    }
    .widget-orders-on-hold .data-list-view-product .widget-productlist-image,
.widget-orders-on-hold .sortable.hint .widget-productlist-image,
#order-track-print .data-list-view-product .widget-productlist-image,
#order-track-print .sortable.hint .widget-productlist-image {
        width: 50px;
        margin: 0 5px;
        padding: 4px;
    }
    .widget-orders-on-hold .data-list-item,
#order-track-print .data-list-item {
        font-size: 10px;
        padding: 0;
    }
    .widget-orders-on-hold .data-list-item .data-item-value,
#order-track-print .data-list-item .data-item-value {
        margin-bottom: 5px;
    }
    .widget-orders-on-hold .data-list-item .cv-data-zone-1,
.widget-orders-on-hold .data-list-item .cv-data-zone-2,
#order-track-print .data-list-item .cv-data-zone-1,
#order-track-print .data-list-item .cv-data-zone-2 {
        padding: 5px;
    }
    .widget-orders-on-hold .data-list-item .data-list-column.price-right,
#order-track-print .data-list-item .data-list-column.price-right {
        padding-right: 5px !important;
    }
    .widget-orders-on-hold .data-list-item .cv-data-zone-1 .data-list-column,
#order-track-print .data-list-item .cv-data-zone-1 .data-list-column {
        width: auto;
    }
    .widget-orders-on-hold .data-list-item .cv-data-zone-1 .data-list-column .cart-product-title a,
#order-track-print .data-list-item .cv-data-zone-1 .data-list-column .cart-product-title a {
        text-decoration: none;
        font-weight: normal;
    }
    .widget-orders-on-hold .data-list-item .cv-data-zone-1 .data-list-column:first-child,
#order-track-print .data-list-item .cv-data-zone-1 .data-list-column:first-child {
        width: 5%;
        float: left;
    }
    .widget-orders-on-hold .data-list-item .cv-data-zone-1 .data-list-column:last-child,
#order-track-print .data-list-item .cv-data-zone-1 .data-list-column:last-child {
        width: auto;
        float: none !important;
        display: block !important;
        word-break: break-all;
        clear: none;
    }
    .widget-orders-on-hold .data-list-view-basic.no-options .cv-data-zone-1,
.widget-orders-on-hold .data-list-view-product.no-options .cv-data-zone-1,
#order-track-print .data-list-view-basic.no-options .cv-data-zone-1,
#order-track-print .data-list-view-product.no-options .cv-data-zone-1 {
        width: 38%;
        float: left;
    }
    .widget-orders-on-hold .data-list-view-basic.no-options .cv-data-zone-2,
.widget-orders-on-hold .data-list-view-product.no-options .cv-data-zone-2,
#order-track-print .data-list-view-basic.no-options .cv-data-zone-2,
#order-track-print .data-list-view-product.no-options .cv-data-zone-2 {
        width: 62%;
        float: right;
    }

    .order-track-userinfo .col-1-4 {
        width: 48% !important;
    }
    .order-track-userinfo .col-1-4 .address {
        width: 100%;
        margin: 0;
    }
    .order-track-userinfo .col-3-4 {
        width: 50% !important;
        padding: 0;
    }
    .order-track-userinfo .col-3-4 .col-3-4 {
        width: 100% !important;
    }
    .order-track-userinfo .col-3-4 .col-3-4 .form-label {
        width: 50%;
        float: left;
    }
    .order-track-userinfo .form-title {
        margin: 0 0 10px 0;
        padding: 0;
        width: 100%;
        float: left;
    }

    .order-track-list [class*=col-] {
        display: block;
        font-size: 12px;
        padding: 5px;
    }
    .order-track-list.no-discount-or-backorders .col-1 {
        width: 5%;
    }
    .order-track-list.no-discount-or-backorders .col-2 {
        width: 10%;
    }
    .order-track-list.no-discount-or-backorders .col-3 {
        width: 35%;
    }
    .order-track-list.no-discount-or-backorders .col-4 {
        width: 7.5%;
    }
    .order-track-list.no-discount-or-backorders .col-5 {
        width: 7.5%;
    }
    .order-track-list.no-discount-or-backorders .col-6 {
        width: 7.5%;
    }
    .order-track-list.no-discount-or-backorders .col-7 {
        width: 10%;
    }
    .order-track-list.no-discount-or-backorders .col-8 {
        width: 7.5%;
    }
    .order-track-list.no-discount-or-backorders .col-9 {
        width: 10%;
    }
    .order-track-list.show-discount-or-backorders .col-1 {
        width: 5%;
    }
    .order-track-list.show-discount-or-backorders .col-2 {
        width: 10%;
    }
    .order-track-list.show-discount-or-backorders .col-3 {
        width: 30%;
    }
    .order-track-list.show-discount-or-backorders .col-4 {
        width: 7%;
    }
    .order-track-list.show-discount-or-backorders .col-5 {
        width: 7%;
    }
    .order-track-list.show-discount-or-backorders .col-6 {
        width: 7%;
    }
    .order-track-list.show-discount-or-backorders .col-7 {
        width: 7%;
    }
    .order-track-list.show-discount-or-backorders .col-8 {
        width: 10%;
    }
    .order-track-list.show-discount-or-backorders .col-9 {
        width: 7%;
    }
    .order-track-list.show-discount-or-backorders .col-10 {
        width: 10%;
    }
    .order-track-list.show-discount-and-backorders .col-1 {
        width: 5%;
    }
    .order-track-list.show-discount-and-backorders .col-2 {
        width: 10%;
    }
    .order-track-list.show-discount-and-backorders .col-3 {
        width: 25%;
    }
    .order-track-list.show-discount-and-backorders .col-4 {
        width: 6%;
    }
    .order-track-list.show-discount-and-backorders .col-5 {
        width: 6%;
    }
    .order-track-list.show-discount-and-backorders .col-6 {
        width: 6%;
    }
    .order-track-list.show-discount-and-backorders .col-7 {
        width: 6%;
    }
    .order-track-list.show-discount-and-backorders .col-8 {
        width: 10%;
    }
    .order-track-list.show-discount-and-backorders .col-9 {
        width: 6%;
    }
    .order-track-list.show-discount-and-backorders .col-10 {
        width: 10%;
    }
    .order-track-list.show-discount-and-backorders .col-11 {
        width: 10%;
    }

    .page-title + .subtitle {
        margin-bottom: 0 !important;
    }

    .product-detail-left {
        width: 25% !important;
        display: inline-block !important;
        float: left !important;
    }

    .product-detail-right {
        width: 75% !important;
        display: inline-block !important;
        float: left !important;
    }
    .product-detail-right .info-group {
        margin: 0 !important;
    }
    .product-detail-right .info-group.widget-product-field {
        font-size: 12px !important;
        line-height: normal !important;
    }
    .product-detail-right .product-atc,
.product-detail-right .btn,
.product-detail-right .qty-in-cart,
.product-detail-right .qty-breaks {
        display: none !important;
    }

    #product-gallery-slider {
        width: 150px !important;
        overflow: hidden !important;
    }
    #product-gallery-slider img {
        width: 150px !important;
    }
    #product-gallery-slider .owl-controls,
#product-gallery-slider .owl-nav,
#product-gallery-slider .owl-dots {
        display: none !important;
    }

    .product-video {
        display: none !important;
    }

    .contact-enquiry {
        display: none !important;
    }

    .grid.order-track {
        display: none !important;
    }

    .order-track-results {
        display: block !important;
    }

    /*------------------------------------*\
        IMAGE SIZING
    \*------------------------------------*/
    .img-small img,
.img-med img,
.img-large img {
        width: 100%;
    }

    .img-small {
        width: 15%;
    }

    .img-med {
        width: 40%;
    }

    .img-large {
        width: 100%;
    }

    .push-right.img-small {
        margin: 1.8% 0 1.8% 1.8%;
        max-width: 25%;
    }

    .push-right.img-med {
        margin: 1.8% 0 1.8% 1.8%;
        max-width: 40%;
    }

    .push-left.img-small {
        margin: 1.8% 1.8% 1.8% 0;
    }

    .push-left.img-med {
        margin: 1.8% 1.8% 1.8% 0;
    }

    .img-large {
        max-width: 100%;
        margin: 1.8% 0%;
    }

    figure figcaption {
        position: static !important;
    }

    .data-list-view-product.column-5 .cv-data-zone-2 .data-list-column {
        width: 20% !important;
    }
    .data-list-view-product .cv-button-checkbox {
        display: none;
    }

    .no-print {
        display: none !important;
    }

    #cv-zone-pagecontent-after {
        display: none !important;
    }

    /*------------------------------------*\
        PRODUCT COMPARE
    \*------------------------------------*/
    .no-scroll #cv-zone-pagecontent-after {
        display: block !important;
    }
    .no-scroll #cv-zone-topbar,
.no-scroll #cv-zone-header,
.no-scroll #cv-zone-navigation,
.no-scroll #cv-zone-feature,
.no-scroll #cv-zone-pagecontent,
.no-scroll .product-compare-content,
.no-scroll .expanded-compare-area .product-compare-close,
.no-scroll .product-compare-content .products-to-compare,
.no-scroll .product-compare-content .product-compare-buttons,
.no-scroll .product-compare-close,
.no-scroll #cv-zone-footer #cv-zone-footer-before,
.no-scroll #cv-zone-footer #cv-zone-footer-after .product-compare-table .AddToCart,
.no-scroll #cv-zone-footer #cv-zone-footer-after #product-compare-list .product-compare-content,
.no-scroll #cv-zone-footer #cv-zone-footer-after .product-compare-close,
.no-scroll .AddToCart,
.no-scroll .product-compare-toggle {
        display: none;
    }
    .no-scroll .product-compare-bar {
        position: absolute;
        top: 0px;
        left: 0px;
        overflow: visible !important;
        border-top: 0px;
        height: auto !important;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .no-scroll .product-compare-bar .container {
        padding: 0px;
    }
    .no-scroll .product-compare-area {
        width: 100%;
        height: auto;
        position: absolute;
        top: 0px;
        left: 0px;
        border-top: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .no-scroll .product-compare-table td {
        font-size: 8px !important;
    }
    .no-scroll .product-compare-table .product-img {
        width: 80px !important;
    }

    /*------------------------------------*\
        PAYMENT SUMMARY (CHECKOUT)
    \*------------------------------------*/
    .cv-cart .cart-line-qty:before {
        content: "QTY: ";
    }
    .cv-cart * {
        font-size: 95% !important;
    }
    .cv-cart .detailed-line-values {
        margin: 0;
        padding: 0;
    }

    .cart-line-expandable-area:after {
        display: none;
    }

    .cart-product-image {
        display: inline-block;
        float: left;
        width: 40px;
        margin: 0 15px 0 0;
        padding: 10px !important;
    }

    form[action*=PrintOrder] #printPanel {
        display: none;
    }

    form[action*=PrintOrder] #printPanel input {
        display: none;
    }

    .cart-product-availability {
        display: block !important;
        width: auto !important;
        clear: both !important;
    }

    .cart-line-expandable-area {
        padding: 0 !important;
        margin: 0 !important;
    }
    .cart-line-expandable-area .col-1-2 {
        display: block !important;
        width: 100% !important;
        clear: both !important;
        padding-right: 0 !important;
    }

    .page-OnlinePaymentOK br {
        display: none;
    }
    .page-OnlinePaymentOK #cv-zone-header {
        display: none !important;
    }
    .page-OnlinePaymentOK .cv-zone-confirmation-actions {
        display: none !important;
    }
    .page-OnlinePaymentOK .widget-order-confirmation-message {
        font-size: 9px !important;
    }
    .page-OnlinePaymentOK .widget-order-confirmation-message p {
        font-size: 9px !important;
    }
    .page-OnlinePaymentOK .content-box {
        border: none;
        box-shadow: none;
    }
    .page-OnlinePaymentOK .content-box .box-title {
        font-size: 12px;
        border-bottom: 2px solid #999;
    }
    .page-OnlinePaymentOK .confirmation-address {
        min-height: 0;
    }
    .page-OnlinePaymentOK .confirmation-address .form-label {
        width: 30%;
        display: inline-block;
        float: left;
        font-size: 9px !important;
    }
    .page-OnlinePaymentOK .confirmation-address .form-span {
        width: 70%;
        display: inline-block;
        float: right;
        font-size: 9px !important;
        word-break: break-all;
    }
    .page-OnlinePaymentOK .cv-cart-line {
        padding: 10px 0 !important;
        border: none !important;
        border-bottom: 1px solid #ddd !important;
    }
    .page-OnlinePaymentOK .cv-cart-line::after {
        clear: both;
        content: "";
        display: table;
    }
    .page-OnlinePaymentOK .cart-line-area-1,
.page-OnlinePaymentOK .cart-line-area-2 {
        display: inline-block;
        float: left;
        width: 50%;
    }
    .page-OnlinePaymentOK .cart-product-image-container .cart-product-image,
.page-OnlinePaymentOK .cart-product-image-link .cart-product-image {
        height: auto !important;
    }
    .page-OnlinePaymentOK .cart-product-image-container,
.page-OnlinePaymentOK .cart-product-image-link {
        display: inline-block;
        float: left;
        width: 80px;
        margin-right: 10px;
    }
    .page-OnlinePaymentOK .cart-line-qty {
        display: block !important;
        width: 100%;
        text-align: right;
    }
    .page-OnlinePaymentOK .cart-summary-totals {
        width: 50%;
        float: right;
    }

    /*ORDER HISTORY PRINT*/
    .widget-order-track .order-track-view .order-track-userinfo .form-title {
        margin: 0 0 10px 0;
        padding: 0;
        width: 100%;
        float: left;
    }
    .widget-order-track .order-track-view .order-track-userinfo .col-3-4 {
        padding: 0 !important;
    }
    .widget-order-track .order-track-view .order-track-userinfo .col-3-4 .col-3-4 {
        width: 100% !important;
    }
    .widget-order-track .order-track-view .order-track-userinfo .col-3-4 .col-3-4 .form-label {
        width: 50%;
    }
    .widget-order-track .order-track-view .order-track-userinfo .col-1-4 {
        width: 45% !important;
        float: right !important;
    }
    .widget-order-track .order-track-view .order-track-userinfo .col-1-4 .address {
        width: 100%;
        margin: 0;
    }
    .widget-order-track .order-track-view .data-list-view-product.no-options,
.widget-order-track .order-track-view .order-track-view-standard {
        margin: 20px 0;
    }
    .widget-order-track .order-track-view .data-list-view-product.no-options .data-list-item,
.widget-order-track .order-track-view .order-track-view-standard .data-list-item {
        font-size: 10px;
        padding: 0;
    }
    .widget-order-track .order-track-view .data-list-view-product.no-options .data-list-item .data-item-value,
.widget-order-track .order-track-view .order-track-view-standard .data-list-item .data-item-value {
        margin-bottom: 5px;
    }
    .widget-order-track .order-track-view .data-list-view-product.no-options .data-list-item .cv-data-zone-1,
.widget-order-track .order-track-view .data-list-view-product.no-options .data-list-item .cv-data-zone-2,
.widget-order-track .order-track-view .order-track-view-standard .data-list-item .cv-data-zone-1,
.widget-order-track .order-track-view .order-track-view-standard .data-list-item .cv-data-zone-2 {
        padding: 5px;
    }
    .widget-order-track .order-track-view .data-list-view-product.no-options .data-list-item .cv-data-zone-1,
.widget-order-track .order-track-view .order-track-view-standard .data-list-item .cv-data-zone-1 {
        width: 35%;
    }
    .widget-order-track .order-track-view .data-list-view-product.no-options .data-list-item .cv-data-zone-1 .data-list-column,
.widget-order-track .order-track-view .order-track-view-standard .data-list-item .cv-data-zone-1 .data-list-column {
        width: auto;
    }
    .widget-order-track .order-track-view .data-list-view-product.no-options .data-list-item .cv-data-zone-1 .data-list-column.image-column,
.widget-order-track .order-track-view .order-track-view-standard .data-list-item .cv-data-zone-1 .data-list-column.image-column {
        width: 70px;
    }
    .widget-order-track .order-track-view .data-list-view-product.no-options .data-list-item .cv-data-zone-1 .data-list-column.image-column .widget-productlist-image,
.widget-order-track .order-track-view .order-track-view-standard .data-list-item .cv-data-zone-1 .data-list-column.image-column .widget-productlist-image {
        display: inline-block;
        border: none;
    }
    .widget-order-track .order-track-view .data-list-view-product.no-options .data-list-item .cv-data-zone-1 .data-list-column.image-column .widget-productlist-image img,
.widget-order-track .order-track-view .order-track-view-standard .data-list-item .cv-data-zone-1 .data-list-column.image-column .widget-productlist-image img {
        float: left;
        width: 50px;
        border: 1px solid #ddd;
        padding: 5px;
        margin: 0 5px;
    }
    .widget-order-track .order-track-view .data-list-view-product.no-options .data-list-item .cv-data-zone-1 .data-list-column .cart-product-title a,
.widget-order-track .order-track-view .order-track-view-standard .data-list-item .cv-data-zone-1 .data-list-column .cart-product-title a {
        text-decoration: none;
    }
    .widget-order-track .order-track-view .data-list-view-product.no-options .data-list-item .cv-data-zone-1 .data-list-column:first-child,
.widget-order-track .order-track-view .order-track-view-standard .data-list-item .cv-data-zone-1 .data-list-column:first-child {
        width: auto;
        float: left;
    }
    .widget-order-track .order-track-view .data-list-view-product.no-options .data-list-item .cv-data-zone-1 .data-list-column:last-child,
.widget-order-track .order-track-view .order-track-view-standard .data-list-item .cv-data-zone-1 .data-list-column:last-child {
        width: calc(100% - 90px);
        float: left;
        display: block !important;
        word-break: break-all;
        clear: none;
    }
    .widget-order-track .order-track-view .data-list-view-product.no-options .data-list-item .cv-data-zone-2,
.widget-order-track .order-track-view .order-track-view-standard .data-list-item .cv-data-zone-2 {
        width: 65%;
    }
    .widget-order-track .order-track-view .data-list-view-product.no-options .data-list-item .data-list-column.price-right,
.widget-order-track .order-track-view .order-track-view-standard .data-list-item .data-list-column.price-right {
        padding-right: 5px !important;
    }

    .data-list-view-product,
.sortable.hint {
        margin: 0;
    }
    .data-list-view-product .cv-data-zone-2 .data-list-column,
.sortable.hint .cv-data-zone-2 .data-list-column {
        width: 20% !important;
    }

    .approval-status-log {
        padding: 5px;
    }
    .approval-status-log .data-list-item .cv-data-zone-1,
.approval-status-log .data-list-item .cv-data-zone-2,
.approval-status-log .data-list-item .cv-data-zone-3 {
        padding: 0 5px;
    }
    .approval-status-log .data-list-item .cv-data-zone-1 {
        width: 35%;
    }
    .approval-status-log .data-list-item .cv-data-zone-2 {
        width: 65%;
    }
    .approval-status-log .data-list-item .cv-data-zone-2 .data-list-column {
        width: 20%;
    }
    .approval-status-log .data-list-item .cv-data-zone-3 .data-list-column {
        padding: 0;
        border-bottom: 1px solid #dadada;
    }
    .approval-status-log.column-2 .cv-data-zone-2 .data-list-column {
        width: 20%;
    }
    .approval-status-log.column-4 .cv-data-zone-2 .data-list-column {
        width: 25%;
    }
    .approval-status-log.column-3 .cv-data-zone-2 .data-list-column {
        width: 33.3333%;
    }

    #cv-zone-confirmation-content .col-1-2 {
        width: 100% !important;
    }
    #cv-zone-confirmation-content .col-1-2 .confirmation-address {
        min-height: none;
    }

    .widget-order-lines-static.cv-cart .cv-cart-line {
        min-height: 40px;
        height: auto !important;
        padding: 10px 0 !important;
    }
    .widget-order-lines-static.cv-cart .cv-cart-line .detailed-line-values {
        left: -80px;
        top: -10px;
    }

    .cart-line-area-2 {
        width: 50%;
        float: right;
    }
    .cart-line-area-2 .cart-line-values {
        padding: 0;
    }

    .cart-product-image-container,
.cart-product-image-link {
        display: inline;
    }
    .cart-product-image-container .cart-product-image,
.cart-product-image-link .cart-product-image {
        height: 40px;
        width: 40px;
    }

    .no-return {
        display: none;
    }
}
.cart-option-buttons {
    clear: both;
}
.cart-option-buttons::after {
    clear: both;
    content: "";
    display: table;
}

.line-note.arrow-box.primary {
    min-height: initial;
    padding: 10px !important;
    font-size: 12px;
}
.line-note.arrow-box.primary span {
    font-weight: 600;
}

#cv-zone-header .col-1-3.header-col-3 .widget-section-menu.dropdown-section-menu .dropdown-area::after {
    clear: both;
    content: "";
    display: table;
}
#cv-zone-header .col-1-3.header-col-3 .widget-section-menu.dropdown-section-menu .dropdown-area .dropdown-list::after {
    clear: both;
    content: "";
    display: table;
}