');--success-svg-icon:url('data:image/svg+xml;utf8,');--info-svg-icon:url('data:image/svg+xml;utf8,');--chevron-svg-icon:url('data:image/svg+xml;utf8,');--checkbox-svg-icon:url('data:image/svg+xml;utf8,');--radiobutton-svg-icon:url('data:image/svg+xml;utf8,');--show-password-svg-icon:url('data:image/svg+xml;utf8,');--hide-password-svg-icon:url('data:image/svg+xml;utf8,');--error-svg-icon-color:var(--red-500);--success-svg-icon-color:var(--emerald-700);--info-svg-icon-color:var(--sky-500);--chevron-svg-icon-color:var(--grey-900);--checkbox-svg-icon-color:var(--grey-900);--radiobutton-svg-icon-color:var(--grey-900);--show-password-svg-icon-color:var(--grey-900);--hide-password-svg-icon-color:var(--grey-900);--bde-woo-notices__icon-size:16px;--bde-woo-notices__padding:24px;--bde-woo-notices__border-radius:4px;--bde-woo-notices__error-background:var(--red-50);--bde-woo-notices__error-text:var(--red-500);--bde-woo-notices__error-link-text:var(--red-500);--bde-woo-notices__error-link-text-hover:var(--red-500);--bde-woo-notices__info-background:var(--sky-100);--bde-woo-notices__info-text:var(--sky-500);--bde-woo-notices__info-link-text:var(--sky-500);--bde-woo-notices__info-link-text-hover:var(--sky-500);--bde-woo-notices__success-background:var(--emerald-100);--bde-woo-notices__success-text:var(--emerald-700);--bde-woo-notices__success-link-text:var(--emerald-700);--bde-woo-notices__success-link-text-hover:var(--emerald-700);--bde-woo-sale-badge__border-radius:2px;--bde-woo-sale-badge__padding:4px 8px;--bde-woo-ratings__star-color:var(--yellow-500);--bde-woo-ratings__star-size:18px;--bde-woo-ratings__filled-star-svg:url('data:image/svg+xml;utf8,');--bde-woo-ratings__empty-star-svg:url('data:image/svg+xml;utf8,');--bde-woo-product-images__border-radius:4px;--bde-woo-product-images__border-width:0px;--bde-woo-product-images__border-color:var(--grey-300);--bde-woo-wrappers__background-color:var(--white);--bde-woo-wrappers__border-radius:4px;--bde-woo-wrappers__border-color:var(--grey-300);--bde-woo-wrappers__border-width:1px;--bde-woo-wrappers__shadow:rgba(0,0,0,.05) 0 1px 3px,rgba(0,0,0,.05) 0 1px 2px;--bde-woo-tables__header-color:var(--grey-100);--bde-woo-tables__background-color:var(--white);--bde-woo-tables__border-radius:4px;--bde-woo-tables__border-width:1px;--bde-woo-widgets__chip-background-color:transparent;--bde-woo-widgets__chip-background-color-hover:var(--indigo-50);--bde-woo-widgets__chip-text-color:inherit;--bde-woo-widgets__handle-border-color:var(--grey-300);--bde-woo-widgets__handle-background-color:var(--white);--bde-woo-widgets__handle-background-color-hover:var(--white);--bde-woo-widgets__handle-shadow:rgba(0,0,0,.05) 0 1px 3px,rgba(0,0,0,.05) 0 1px 2px;--bde-woo-widgets__handle-shadow-hover:var(--grey-300) 0 0 4px;--bde-woo-widgets__remove-item-from-cart-color:var(--grey-450);--bde-woo-select2__active-item-background-color:var(--indigo-50);--bde-woo-gallery__zoom-icon-shadow:rgba(0,0,0,.05) 0 1px 3px,rgba(0,0,0,.05) 0 1px 2px;--bde-woo-payment-box-background-color:var(--grey-100);--bde-woo-payment-box-border-color:var(--grey-200);--bde-woo-payment-box-border-width:1px;--bde-woo-quicklook-button-icon:url(/wp-content/uploads/breakdance/css/icons/eye.svg);--bde-woo-quicklook-button-background-color:none;--bde-woo-quicklook-button-icon-size:20px;--bde-woo-quicklook-button-backdrop-color:rgba(0,0,0,.15);--bde-woo-quicklook-button-backdrop-opacity:.7;--bde-woo-quicklook-modal-background-color:var(--white);--bde-woo-quicklook-overlay-color:rgba(0,0,0,.7);--bde-woo-quicklook-close-button-size:2em;--bde-woo-quicklook-arrow-size:1em;--bde-woo-quicklook-arrow-color:var(--white);--bde-woo-swatch-space-between-options:10px;--bde-woo-swatch-padding:7px;--bde-woo-swatch-color-width:30px;--bde-woo-swatch-color-height:30px;--bde-woo-swatch-border:1px solid var(--grey-200);--bde-woo-swatch-border-color-hover:var(--grey-400);--bde-woo-swatch-shadow:none;--bde-woo-swatch-shadow-hover:none;--bde-woo-swatch-background:var(--white);--bde-woo-swatch-background-hover:var(--grey-50);--bde-woo-swatch-color-padding:2px;--bde-woo-swatch-tooltip-color:var(--white);--bde-woo-swatch-tooltip-background:var(--grey-900);--bde-woo-swatch-tooltip-padding:7px;--bde-woo-swatch-space-after-label:8px;--bde-woo-responsive__stack:row}:root{--bde-links-color:var(--bde-brand-primary-color);--bde-links-color-hover:var(--bde-brand-primary-color-hover);--bde-button-primary-background-color:var(--bde-brand-primary-color);--bde-button-primary-background-color-hover:var(--bde-brand-primary-color-hover);--bde-button-secondary-border-color:var(--bde-brand-primary-color);--bde-button-secondary-border-color-hover:var(--bde-brand-primary-color);--bde-button-secondary-text-color:var(--bde-brand-primary-color);--bde-button-secondary-background-color-hover:var(--bde-brand-primary-color);--bde-button-text-text-color:var(--bde-links-color);--bde-button-text-text-color-hover:var(--bde-links-color-hover);--bde-button-font-size:var(--bde-body-font-size);--bde-form-font-size:var(--bde-body-font-size);--bde-form-input-border-top-left-radius:var(--bde-form-input-border-radius);--bde-form-input-border-top-right-radius:var(--bde-form-input-border-radius);--bde-form-input-border-bottom-left-radius:var(--bde-form-input-border-radius);--bde-form-input-border-bottom-right-radius:var(--bde-form-input-border-radius);--bde-form-input-border-top:var(--bde-form-input-border-width) solid var(--bde-form-input-border-color);--bde-form-input-border-right:var(--bde-form-input-border-width) solid var(--bde-form-input-border-color);--bde-form-input-border-bottom:var(--bde-form-input-border-width) solid var(--bde-form-input-border-color);--bde-form-input-border-left:var(--bde-form-input-border-width) solid var(--bde-form-input-border-color);--bde-form-label-color:var(--bde-headings-color);--bde-form-input-focused-border-color:var(--bde-brand-primary-color);--bde-form-input-focused-shadow:var(--bde-brand-primary-color) 0 0 2px;--bde-form-checkbox-selected-color:var(--bde-brand-primary-color);--bde-z-index-lightbox:1100;--bde-z-index-popup:1050;--bde-z-index-modal:1000;--bde-z-index-modal-backdrop:calc(var(--bde-z-index-modal) - 1);--bde-z-index-high:300;--bde-z-index-medium:200;--bde-z-index-low:100;--bde-z-index-sticky:10;--bde-z-index-minicart:var(--bde-z-index-modal);--bde-z-index-minicart-backdrop:var(--bde-z-index-modal-backdrop);--bde-z-index-menu-dropdown:var(--bde-z-index-modal);--bde-z-index-menu-mobile:var(--bde-z-index-modal);--bde-z-index-menu-backdrop:var(--bde-z-index-modal-backdrop);--bde-z-index-search-fullscreen:var(--bde-z-index-modal);--bde-z-index-back-to-top:var(--bde-z-index-high);--bde-z-index-scroll-progress:var(--bde-z-index-high);--bde-z-index-header-sticky:var(--bde-z-index-medium);--bde-z-index-header-overlay:calc(var(--bde-z-index-header-sticky) - 1);--bde-z-index-social-share-buttons:var(--bde-z-index-low);--bde-woo-base-text-color:var(--bde-body-text-color);--bde-woo-base-headings-color:var(--bde-headings-color);--bde-woo-base-primary-color:var(--bde-brand-primary-color);--bde-woo-base-primary-color-hover:var(--bde-brand-primary-color-hover);--bde-woo-base-extra-small-gaps:calc(var(--bde-woo-base-small-gaps)/var(--bde-woo-base-ratio));--bde-woo-base-small-gaps:calc(var(--bde-woo-base-space)/var(--bde-woo-base-ratio));--bde-woo-base-standard-gaps:var(--bde-woo-base-space);--bde-woo-base-medium-gaps:calc(var(--bde-woo-base-space)*var(--bde-woo-base-ratio));--bde-woo-base-big-gaps:calc(var(--bde-woo-base-medium-gaps)*var(--bde-woo-base-ratio));--bde-woo-base-large-gaps:calc(var(--bde-woo-base-big-gaps)*var(--bde-woo-base-ratio));--bde-woo-base-extra-large-gaps:calc(var(--bde-woo-base-large-gaps)*var(--bde-woo-base-ratio));--bde-woo-typography-ratio:var(--bde-font-size-ratio);--bde-woo-typography__size-small:calc(var(--bde-woo-typography__size-standard)/var(--bde-woo-typography-ratio));--bde-woo-typography__size-small-font-family:var(--bde-body-font-family);--bde-woo-typography__size-standard:var(--bde-body-font-size);--bde-woo-typography__size-standard-font-family:var(--bde-body-font-family);--bde-woo-typography__size-medium:calc(var(--bde-woo-typography__size-standard)*var(--bde-woo-typography-ratio));--bde-woo-typography__size-medium-font-family:var(--bde-heading-font-family);--bde-woo-typography__size-large:calc(var(--bde-woo-typography__size-medium)*var(--bde-woo-typography-ratio));--bde-woo-typography__size-large-font-family:var(--bde-heading-font-family);--bde-woo-typography__size-extra-large:calc(var(--bde-woo-typography__size-large)*var(--bde-woo-typography-ratio));--bde-woo-typography__size-extra-large-font-family:var(--bde-heading-font-family);--bde-woo-buttons-and-links__text-link-color:var(--bde-woo-base-primary-color);--bde-woo-buttons-and-links__text-link-color-hover:var(--bde-woo-base-primary-color-hover);--bde-woo-buttons-and-links__nav-link-color:var(--bde-woo-base-text-color);--bde-woo-buttons-and-links__nav-link-color-hover:var(--bde-woo-base-text-on-primary-color);--bde-woo-buttons-and-links__nav-link-color-active:var(--bde-woo-base-primary-color);--bde-woo-forms__spacing-after-label:var(--bde-form-after-label);--bde-woo-forms__spacing-between-fields:var(--bde-form-gap);--bde-woo-forms__spacing-between-columns:var(--bde-woo-base-extra-large-gaps);--bde-woo-forms__labels-color:var(--bde-form-label-color);--bde-woo-forms__inputs-background-color:var(--bde-form-input-background-color);--bde-woo-forms__inputs-text-color:var(--bde-form-text-color);--bde-woo-forms__inputs-placeholder-color:var(--bde-form-input-placeholder-color);--bde-woo-forms__inputs-border-color:var(--bde-form-input-border-color);--bde-woo-forms__inputs-border-width:var(--bde-form-input-border-width);--bde-woo-forms__inputs-border-radius:var(--bde-form-input-border-top-left-radius) var(--bde-form-input-border-top-right-radius) var(--bde-form-input-border-bottom-right-radius) var(--bde-form-input-border-bottom-left-radius);--bde-woo-forms__inputs-background-color-focused:var(--bde-form-input-focused-background-color);--bde-woo-forms__inputs-border-color-focused:var(--bde-form-input-focused-border-color);--bde-woo-forms__inputs-shadow-focused:var(--bde-form-input-focused-shadow);--bde-woo-forms__inputs-shadow:var(--bde-form-input-input-shadow);--bde-woo-forms__inputs-select2-hover-item:var(--bde-woo-base-primary-color);--bde-woo-forms__labels-required-color:var(--bde-form-label-required-color);--bde-woo-forms__labels-required-size:var(--bde-form-label-required-size);--bde-woo-forms__labels-required-nudge-x:var(--bde-form-label-required-nudge-x);--bde-woo-forms__labels-required-nudge-y:var(--bde-form-label-required-nudge-y);--bde-woo-tables__border-color:var(--bde-woo-base-border-color);--bde-woo-sale-badge__background-color:var(--bde-woo-base-primary-color);--bde-woo-sale-badge__text-color:var(--bde-woo-base-text-on-primary-color);--bde-woo-sale-badge__font-weight:var(--bde-woo-typography-font-weight-heavy);--bde-woo-sale-badge__font-size:var(--bde-woo-typography__size-standard);--bde-woo-widgets__chip-text-color-hover:var(--bde-woo-buttons-and-links__text-link-color);--bde-woo-widgets__handle-border-color-hover:var(--bde-woo-base-primary-color);--bde-woo-notices__padding-left:calc(var(--bde-woo-notices__padding) + var(--bde-woo-notices__icon-size) + (var(--bde-woo-notices__icon-size)/2));--bde-woo-quicklook-button-text-color:var(--bde-button-primary-text-color);--bde-woo-quicklook-button-background-color-hover:var(--bde-woo-quicklook-button-background-color);--bde-woo-quicklook-button-icon-spacing:var(--bde-woo-base-standard-gaps);--bde-woo-quicklook-close-button-color:var(--bde-woo-base-headings-color);--bde-woo-quicklook-arrow-color-hover:var(--bde-woo-quicklook-arrow-color);--bde-woo-quicklook-arrow-background-color:var(--bde-brand-primary-color);--bde-woo-quicklook-arrow-background-color-hover:var(--bde-woo-quicklook-arrow-background-color);--bde-woo-swatch-space-between-items:var(--bde-woo-base-medium-gaps);--bde-woo-swatch-background-selected:var(--bde-woo-swatch-background-hover);--bde-woo-swatch-border-color-selected:var(--bde-woo-swatch-border-color-hover);--bde-woo-swatch-shadow-selected:var(--bde-woo-swatch-shadow-hover);--bde-woo-swatch-color-background:var(--bde-woo-swatch-background)}:root{--bde-font-size-ratio:1.3;--bde-base-font-size:19px}.breakdance .button-atom{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;appearance:none;box-sizing:border-box;margin:0;border:0;padding:0;background-color:transparent;font-size:var(--bde-button-font-size);line-height:var(--bde-button-line-height);transform:translate(0,0);max-width:100%;width:var(--bde-button-width)}.breakdance .button-atom--primary,.breakdance .button-atom--custom{text-align:center;font-weight:var(--bde-button-font-weight);text-decoration:none;padding:var(--bde-button-padding-base);border-radius:var(--bde-button-border-radius);border-width:var(--bde-button-border-width);border-style:solid;border-color:transparent;overflow:hidden}.breakdance .button-atom--primary{color:var(--bde-button-primary-text-color);background:var(--bde-button-primary-background-color);border-color:var(--bde-button-primary-border-color)}.breakdance .button-atom--custom{color:var(--bde-button-custom-text-color);background:var(--bde-button-custom-background-color);border-color:var(--bde-button-custom-border-color)}.breakdance *,.breakdance *:before,.breakdance *:after{box-sizing:border-box}.breakdance img{max-width:100%;height:auto}.breakdance figure{margin-left:0;margin-right:0}.breakdance-rich-text-styles>*:first-child{margin-top:0}.breakdance-rich-text-styles>*:last-child{margin-bottom:0}.breakdance-global-gradients-sprite{position:absolute;width:0;height:0;overflow:hidden}.breakdance{background-color:var(--bde-background-color);color:var(--bde-body-text-color)}.breakdance h1,.breakdance h2{color:var(--bde-headings-color)}.breakdance a{color:var(--bde-links-color)}.breakdance{font-family:var(--bde-body-font-family);font-size:var(--bde-body-font-size)}.breakdance h1,.breakdance h2{font-family:var(--bde-heading-font-family)}.breakdance h1{font-size:var(--bde-h1-font-size)}.breakdance h2{font-size:var(--bde-h2-font-size)}.breakdance{color:#272727}.breakdance h1{color:#fff}.breakdance h2{font-size:40px}.breakdance a{text-decoration:none;text-decoration-style:none}:root{--bde-form-input-padding-top:0px;--bde-form-input-padding-bottom:0px}:root{--bde-section-width:1180px}@media (max-width:1119px){:root{--bde-font-size-ratio:1.3}.breakdance-global-gradients-sprite{position:absolute;width:0;height:0;overflow:hidden}}@media (max-width:1023px){.breakdance-global-gradients-sprite{position:absolute;width:0;height:0;overflow:hidden}}@media (max-width:767px){:root{--bde-font-size-ratio:1.19}.breakdance-global-gradients-sprite{position:absolute;width:0;height:0;overflow:hidden}.breakdance h2{font-size:34px}}@media (max-width:479px){:root{--bde-font-size-ratio:1.15}.breakdance-global-gradients-sprite{position:absolute;width:0;height:0;overflow:hidden}.breakdance h2{font-size:28px}}@media (min-width:800px) and (max-width:601px){.breakdance-global-gradients-sprite{position:absolute;width:0;height:0;overflow:hidden}}.breakdance .bde-section-378-102 .section-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;text-align:center}.breakdance .bde-section-378-102>.section-background-overlay{background-color:var(--bde-palette-overlay-color-af4d1909-f3e4-402e-adab-6c4da7aa710c-1)}.breakdance .bde-section-378-102 .section-container{--bde-section-width:100vw}@media (max-width:479px){.breakdance .bde-section-378-102 .section-container{padding-top:0}}.breakdance .bde-heading-378-103{width:1009px;margin-top:110px}@media (max-width:479px){.breakdance .bde-heading-378-103{margin-top:150px}}.breakdance .bde-image2-378-122{border-radius:100px}@media (max-width:479px){.breakdance .bde-image2-378-122{height:110px;width:auto}}.breakdance .bde-rich-text-378-104{color:#fff;width:770px}.breakdance .bde-section-378-105 .section-container{display:flex;flex-direction:column}.breakdance .bde-columns-378-106{--columnCount:1}@media (max-width:1119px){.breakdance .bde-columns-378-106{--columnCount:1}.breakdance .bde-columns-378-106.bde-columns{flex-direction:column;flex-wrap:nowrap}.breakdance .bde-columns-378-106.bde-columns>.bde-column{width:100%}.breakdance .bde-columns-378-106>div:nth-child(1){order:10}}@media (max-width:1023px){.breakdance .bde-columns-378-106{--columnCount:1}}@media (max-width:767px){.breakdance .bde-columns-378-106{--columnCount:1}}@media (max-width:479px){.breakdance .bde-columns-378-106{--columnCount:1}}@media (min-width:800px) and (max-width:601px){.breakdance .bde-columns-378-106{--columnCount:1}}.breakdance .bde-column-378-107{--column-width:100%}.breakdance .bde-rich-text-378-119{margin-bottom:28px}.breakdance .bde-header-builder-41-100.bde-header-builder--overlay{background-color:transparent;box-shadow:none}@media (max-width:1119px){.breakdance .bde-header-builder-41-100 .bde-header-builder__container{flex-direction:column}}.breakdance .bde-div-41-115{width:90%}.breakdance .bde-div-41-115{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-around;align-items:center}.breakdance .bde-div-41-115{display:flex;justify-content:space-between;flex-wrap:nowrap}@media (max-width:1119px){.breakdance .bde-div-41-115{width:100%}.breakdance .bde-div-41-115{justify-content:center;align-items:center}.breakdance .bde-div-41-115{display:flex;justify-content:space-between}}.breakdance .bde-image-41-104{width:150px}.breakdance .bde-image-41-104 .breakdance-image-object{width:100%;height:auto}@media (max-width:767px){.breakdance .bde-image-41-104{width:70px}.breakdance .bde-image-41-104 .breakdance-image-object{width:100%;height:auto}}@media (max-width:1023px){.breakdance .bde-menu-41-105 .breakdance-menu{--menu-background:#1B1B1BE8;--menu-hide-on-mobile:none;--toggle-layer-color:#fcf9ff;--mobile-offcanvas-width:62%;--link-arrow-color:var(--bde-brand-primary-color)}}@media (min-width:1024px){.breakdance .bde-menu-41-105 .breakdance-menu{--menu-hide-on-desktop:none;--link-color:#fff}.breakdance .bde-menu-41-105 .breakdance-menu-link{color:#fff}}@media (max-width:1119px){@media (max-width:1023px){.breakdance .bde-menu-41-105 .breakdance-menu{--menu-hide-on-mobile:none}}@media (min-width:1024px){.breakdance .bde-menu-41-105 .breakdance-menu{--menu-hide-on-desktop:none}}}@media (max-width:1023px){.breakdance .bde-menu-41-105 .breakdance-menu{--menu-hide-on-mobile:none}.breakdance .bde-menu-41-105 .breakdance-menu{--links-gap:0;--dropdown-link-icon-display:none;--dropdown-link-description-display:none;--dropdown-links-gap:var(--gap-none)}.breakdance .bde-menu-41-105 .breakdance-menu-list{align-items:stretch;background-color:var(--menu-background);display:none;flex-direction:column;left:var(--mobile-offset-x);max-height:var(--menu-max-height);overflow-y:auto;position:absolute;top:var(--mobile-offset-y,100%);width:calc(100vw - var(--menu-scrollbar-width,0px));z-index:var(--bde-z-index-menu-mobile)}.breakdance .bde-menu-41-105 .breakdance-menu-list>.bde-button{border-top:var(--link-border);justify-content:var(--link-alignment);margin-left:0;padding:10px 15px}.breakdance .bde-menu-41-105 .breakdance-menu-list>.bde-button .button-atom{width:var(--bde-button-width,100%)}.breakdance .bde-menu-41-105 .breakdance-menu-list>:last-child{border-bottom:var(--link-border)}.breakdance .bde-menu-41-105 .breakdance-menu .breakdance-menu-link{border-top:var(--link-border);outline-offset:-1px;padding:var(--mobile-link-padding-top) var(--mobile-link-padding-right) var(--mobile-link-padding-bottom) var(--mobile-link-padding-left)}.breakdance .bde-menu-41-105 .breakdance-menu-link-arrow{border-top:var(--link-border);bottom:0;position:absolute;right:0;top:0}.breakdance .bde-menu-41-105 .breakdance-dropdown-floater{transform:none;visibility:visible}.breakdance .bde-menu-41-105 .breakdance-dropdown-body{background-color:var(--link-background-color);border-radius:0;border-top:var(--link-border);box-shadow:none;flex-direction:column}.breakdance .bde-menu-41-105 .breakdance-dropdown--custom .breakdance-dropdown-floater{width:auto}.breakdance .bde-menu-41-105 .breakdance-dropdown-section{--dropdown-section-padding:0;--dropdown-section-gap:var(--gap-none)}.breakdance .bde-menu-41-105 .breakdance-dropdown-columns{--dropdown-columns-stack:column;--dropdown-columns-gap:var(--gap-none)}.breakdance .bde-menu-41-105 .breakdance-dropdown-column{gap:var(--gap-none)}.breakdance .bde-menu-41-105 .breakdance-menu--collapse .breakdance-dropdown-column--collapsible{gap:var(--gap-none)}.breakdance .bde-menu-41-105 .breakdance-menu--collapse .breakdance-dropdown-column--collapsible .breakdance-dropdown-item:first-child{border-top:var(--link-border)}.breakdance .bde-menu-41-105 .breakdance-menu--collapse .breakdance-dropdown-column--collapsible .breakdance-dropdown-column__title{outline-offset:-1px}.breakdance .bde-menu-41-105 .breakdance-menu--collapse .breakdance-dropdown-column--collapsible .breakdance-dropdown-links:not(.is-visible):not(.is-collapsing){height:0;overflow:hidden;visibility:hidden}.breakdance .bde-menu-41-105 .breakdance-dropdown-column__title{font-weight:500;justify-content:var(--link-alignment);padding:var(--mobile-link-level-2-padding-top) var(--mobile-link-level-2-padding-right) var(--mobile-link-level-2-padding-bottom) var(--mobile-link-level-2-padding-left);white-space:normal}.breakdance .bde-menu-41-105 .breakdance-menu--collapse .breakdance-dropdown-column--collapsible .breakdance-dropdown-column__title:after{display:block}.breakdance .bde-menu-41-105 .breakdance-dropdown-item+.breakdance-dropdown-item{border-top:var(--link-border)}.breakdance .bde-menu-41-105 .breakdance-menu .breakdance-dropdown-link{justify-content:var(--link-alignment);outline-offset:-1px;padding:var(--mobile-link-level-3-padding-top) var(--mobile-link-level-3-padding-right) var(--mobile-link-level-3-padding-bottom) var(--mobile-link-level-3-padding-left);white-space:normal}.breakdance .bde-menu-41-105 .breakdance-menu-topbar{align-items:center;display:flex}.breakdance .bde-menu-41-105 .breakdance-menu-toggle{display:flex}@media (min-width:1024px){.breakdance .bde-menu-41-105 .breakdance-menu{--menu-hide-on-desktop:none}}}@media (max-width:767px){@media (max-width:1023px){.breakdance .bde-menu-41-105 .breakdance-menu{--menu-hide-on-mobile:none;--link-color:#f5efff}.breakdance .bde-menu-41-105 .breakdance-menu-link{color:#f5efff}.breakdance .bde-menu-41-105 .breakdance-menu .breakdance-dropdown-column__title{color:#fff}.breakdance .bde-menu-41-105 .breakdance-dropdown-link{color:#fff}}@media (min-width:1024px){.breakdance .bde-menu-41-105 .breakdance-menu{--menu-hide-on-desktop:none}}}@media (max-width:479px){@media (max-width:1023px){.breakdance .bde-menu-41-105 .breakdance-menu{--menu-hide-on-mobile:none}}@media (min-width:1024px){.breakdance .bde-menu-41-105 .breakdance-menu{--menu-hide-on-desktop:none}}}@media (min-width:800px) and (max-width:601px){@media (max-width:1023px){.breakdance .bde-menu-41-105 .breakdance-menu{--menu-hide-on-mobile:none}}@media (min-width:1024px){.breakdance .bde-menu-41-105 .breakdance-menu{--menu-hide-on-desktop:none}}}@media (min-width:1120px){.breakdance .bde-menu-custom-dropdown-41-125 .breakdance-dropdown{--dropdown-background-color:#000000E8;--dropdown-custom-width:260px}.breakdance .bde-menu-custom-dropdown-41-125 .breakdance-dropdown-body{border-top:2px solid #70d5ff;border-bottom:2px solid #70d5ff;border-left:2px solid #70d5ff;border-right:2px solid #70d5ff;border-radius:0}.breakdance .bde-menu-custom-dropdown-41-125 .breakdance-dropdown-custom-content{display:flex;flex-direction:column;gap:16px}}.breakdance .bde-text-link-41-128{color:#70d5ff}.breakdance .bde-text-link-41-130{color:#70d5ff}@media (min-width:1120px){.breakdance .bde-menu-dropdown-41-120 .breakdance-dropdown{--dropdown-background-color:#000000E8;--dropdown-custom-width:500px;--dropdown-section-padding:20px}.breakdance .bde-menu-dropdown-41-120 .breakdance-dropdown-body{border-top:2px solid #70d5ff;border-bottom:2px solid #70d5ff;border-left:2px solid #70d5ff;border-right:2px solid #70d5ff;border-radius:2px}.breakdance .bde-menu-dropdown-41-120 .breakdance-dropdown .breakdance-dropdown-column__title{font-size:22px}.breakdance .bde-menu-dropdown-41-120 .breakdance-dropdown .breakdance-dropdown-link{border-radius:8px}.breakdance .bde-menu-dropdown-41-120 .breakdance-dropdown .breakdance-dropdown-link__text{color:#8bddff}.breakdance .bde-menu-dropdown-41-120 .breakdance-dropdown .breakdance-dropdown-link__description{color:#fff}}.breakdance .bde-button-41-121 .bde-button__button{--bde-button-custom-border-color:transparent;--bde-button-custom-border-color-hover:transparent;--bde-button-custom-text-color:#fff;--bde-button-custom-text-color-hover:#fff;--bde-button-custom-background-color:var(--bde-palette-my-blue-gradient-67fafbf5-77e1-4d18-95df-fc1cdbe3833e-gradient-4);--bde-button-custom-background-color-hover:var(--bde-palette-my-blue-gradient-67fafbf5-77e1-4d18-95df-fc1cdbe3833e-gradient-4);padding:var(--bde-button-padding-sm)}.breakdance .bde-back-to-top-270-135 .bde-back-to-top__button{background-color:var(--bde-body-text-color)}.breakdance .bde-back-to-top-270-135 .bde-back-to-top__icon-wrap{color:#62cdfb}.breakdance .bde-popup-72-100{background-color:#000000BF}.breakdance .bde-popup-72-100 .breakdance-popup-content{background:#191919}.breakdance .bde-popup-72-100 .breakdance-popup .breakdance-popup-close-button{color:#fff;--closeButtonSize:20px;--closeButtonOutsidePadding:6px;padding-left:6px;padding-right:6px;padding-bottom:6px;padding-top:6px;background-color:#000000BD}@media (max-width:1119px){.breakdance .bde-popup-72-100 .breakdance-popup .breakdance-popup-close-button{color:#fff;background-color:#000000BD}}@media (max-width:1023px){.breakdance .bde-popup-72-100 .breakdance-popup .breakdance-popup-close-button{color:#fff;background-color:#000000BD}}@media (max-width:767px){.breakdance .bde-popup-72-100 .breakdance-popup .breakdance-popup-close-button{color:#fff;background-color:#000000BD}}@media (max-width:479px){.breakdance .bde-popup-72-100 .breakdance-popup .breakdance-popup-close-button{color:#fff;background-color:#000000BD}}@media (min-width:800px) and (max-width:601px){.breakdance .bde-popup-72-100 .breakdance-popup .breakdance-popup-close-button{color:#fff;background-color:#000000BD}}.breakdance .bde-section-72-101 .section-container{display:flex;flex-direction:column}.breakdance .bde-section-72-101{background-image:url(https://bigxmedia.net/wp-content/uploads/2024/09/website-deisgn-and-marketing-agency.webp)}.breakdance .bde-section-72-101>.section-background-overlay{background-color:var(--bde-palette-overlay-color-af4d1909-f3e4-402e-adab-6c4da7aa710c-1)}.breakdance .bde-heading-72-108{width:377px;font-size:28px;margin-bottom:28px}.breakdance .bde-columns-72-103{--columnCount:1}@media (max-width:1119px){.breakdance .bde-columns-72-103{--columnCount:1}.breakdance .bde-columns-72-103.bde-columns{flex-direction:column;flex-wrap:nowrap}.breakdance .bde-columns-72-103.bde-columns>.bde-column{width:100%}}@media (max-width:1023px){.breakdance .bde-columns-72-103{--columnCount:1}}@media (max-width:767px){.breakdance .bde-columns-72-103{--columnCount:1}}@media (max-width:479px){.breakdance .bde-columns-72-103{--columnCount:1}}@media (min-width:800px) and (max-width:601px){.breakdance .bde-columns-72-103{--columnCount:1}}.breakdance .bde-column-72-105{--column-width:100%;border-radius:12px;box-shadow:5px 20px 75px 0px #000000D4}.breakdance .bde-column-72-105{display:flex;flex-direction:column;justify-content:center}.breakdance .bde-column-72-105{background-color:#fff}.breakdance .bde-column-72-105.bde-column{padding:40px 30px}.breakdance .bde-text-72-111{margin-bottom:30px}.breakdance .bde-section-378-102{background-image:url(https://www.bigxmedia.net/wp-content/uploads/2024/10/bulding-a-memorable-brand.avif)}.breakdance .bde-section-378-102>.section-background-overlay{background-color:var(--bde-palette-overlay-color-af4d1909-f3e4-402e-adab-6c4da7aa710c-1)}
Learn more about choosing the right website colors and how it plays a major role in your SEO factors as well.
Choosing the right website colors may seem like a minor decision, but it plays a critical role in the success of your site. The colors you choose for your website impact how visitors perceive your brand, how they interact with your content, and ultimately whether or not they convert into customers or return for future visits.
This article will explore the importance of choosing the right website colors, how color affects user behavior, and practical tips to guide you through the process.
Whether you’re designing a website for the first time or looking to refresh an existing one, understanding the psychology behind colors can help you make informed choices that benefit your brand.
When folks land on your website, they’re sizing it up faster than a cheetah on espresso! The colors you splash across your site are like the mood ring of your brand, sending vibes faster than you can say “click.”
Warm hues are like a cozy hug, saying “Welcome!” while cool shades strut in with a businesslike swagger, promising trust and professionalism. So, remember: those colors are the first thing your visitors will see, so make sure they’re dressed to impress!
People will subconsciously form judgments about your brand based on color alone. If your color scheme is off-putting, they may leave before even engaging with your content.
A well-thought-out palette can grab attention, keep visitors on your site, and ultimately lead to higher conversions.
Colors significantly impact people’s emotions, which in turn influences their actions. By thoughtfully selecting the colors for your website, you can leverage this emotional response to benefit your goals.
For instance, red is renowned for conjuring a sense of urgency, which is why many clearance sales and “buy now” buttons are adorned in its vibrant hue.
Conversely, blue whispers tranquility and trust, rendering it a favored choice among financial institutions and healthcare providers.
ach color can trigger specific feelings and reactions, which is why it’s important to align your website colors with the emotional tone you want your brand to convey.
This emotional resonance can encourage people to take desired actions, such as making a purchase, signing up for a newsletter, or contacting you for more information.
The color scheme of your website should be in harmony with your overall brand identity. Consistency is paramount; the colors utilized on your website must reflect the same visual language as your logo, social media profiles, packaging, and all other branded materials.
When you choose your website colors with your brand identity in mind, you create a unified look and feel that helps with brand recognition.
Think of some of the world’s biggest brands—Coca-Cola’s red, Starbucks’ green, and Facebook’s blue.
These colors are iconic and immediately recognizable because they are consistently applied across all of these companies’ touchpoints.
Your website colors can have the same effect on your audience, making your brand instantly memorable.
To choose your website colors effectively, it’s helpful to understand color psychology—the study of how colors impact human behavior.
Different colors trigger different feelings, and this understanding can help guide your choices. Here are a few commonly associated meanings of various colors:
Understanding the emotions associated with different colors allows you to make choices that reflect your brand message and objectives.
For instance, if you manage a luxury brand, you might prefer rich purples or golden accents. Conversely, if your brand emphasizes sustainability, earthy greens, and browns may connect more effectively with your audience.
When picking the colors for your website, think about what makes your audience tick! Different age groups, genders, and cultures can have wildly different reactions to hues.
For instance, the young crowd might vibe with eye-popping, bold colors, while the more seasoned visitors might roll with softer, more mellow shades.
Cultural differences can also play a role in how colors are perceived. In Western cultures, white is often associated with purity and cleanliness, but in some Eastern cultures, white may be associated with mourning.
When you choose your website colors, take the time to research your audience’s preferences and cultural background to ensure that your color scheme resonates with them and doesn’t inadvertently create the wrong impression.
A great website design balances aesthetics with functionality. While it’s important to choose your website colors that look visually appealing, they should also support usability and accessibility.
For example, using a high contrast between your text and background colors can improve readability, while using too many bright colors can overwhelm and confuse visitors.
It’s also important to consider color accessibility. Around 8% of men and 0.5% of women are colorblind, and for these users, certain color combinations may be difficult to distinguish.
When choosing your website colors, make sure to test your color scheme with accessibility tools to ensure that your site is inclusive to all users.
Choosing the right website colors can help you create a cohesive user experience that makes it easy for visitors to navigate your site and take action.
A well-planned color scheme can guide users’ attention to key elements, such as call-to-action buttons or important information.
For example, if you want users to click a specific button, you can use a contrasting color to make it stand out against the rest of the page.
When you choose your website colors thoughtfully, you can subtly direct your users’ behavior and improve your site’s overall performance.
Trust is an essential factor in converting visitors into customers, and the right website colors can play a significant role in building that trust.
Cool colors like blues and greens are often associated with stability and trustworthiness. Financial institutions and healthcare providers frequently use these colors to create a sense of security and reliability.
On the other hand, overly bright and clashing colors may give the impression of being unprofessional or unreliable.
Choosing website colors that convey the right emotions can help establish trust with your audience, which is essential for encouraging engagement and conversions.
As we mentioned earlier, consistency is key to building a strong brand identity.
When you choose your website colors that are consistent with your overall brand, you reinforce your brand’s image and make it more recognizable to your audience.
This enhanced brand recognition can help you stand out in a crowded market and encourage repeat visits.
A consistent color scheme also helps users associate certain emotions or qualities with your brand.
Over time, this can lead to increased brand loyalty and higher conversions as users become more familiar with and trusting of your brand.
When choosing your website colors, a good place to start is with your existing brand colors.
These colors are already associated with your brand and can help create a sense of continuity across your website and other marketing materials.
If your brand doesn’t already have defined colors, take the time to develop a color palette that reflects your brand’s personality and values.
Consider the emotions you want to evoke and how you want your brand to be perceived. Once you have a primary brand color, you can build a complementary color palette around it.
There are plenty of online tools that can help you choose your website colors.
Color palette generators can help you create harmonious color combinations based on your primary brand color. These tools can save you time and effort by automatically generating a variety of color schemes that work well together.
While it may be tempting to use a wide variety of colors on your website, it’s generally best to limit your palette to a few key colors.
Too many colors can create a chaotic and overwhelming experience for visitors. A more limited palette will help create a cohesive and professional look.
As a rule of thumb, try to stick to a maximum of three to five colors.
This includes a primary color, a secondary color, and one or two accent colors.
These colors should complement each other and work together to create a visually appealing and user-friendly experience.
It’s important to remember that colors may appear differently on different screens and devices.
Before finalizing your website colors, test your color scheme on a variety of devices, including desktop computers, smartphones, and tablets.
Make sure that your colors look good and are easy to read on all screen sizes and resolutions.
Testing your colors across different devices will help ensure that your website looks professional and consistent no matter how your visitors access it.
As we mentioned earlier, accessibility is a crucial consideration when choosing your website colors.
Failing to account for users with color vision deficiencies or other visual impairments can alienate a portion of your audience and create a negative user experience.
Avoid low-contrast text and background combinations that can be difficult to read.
Make sure that important elements like buttons and links are distinguishable from the rest of the page, even for users with color blindness.
Furthermore, using the wrong colors on your website can actually impact your SEO scoring. Google actually looks at your colors to ensure they follow the guidelines for those who may require special accessibility features.
This is why you need a team of professional website designers who understand this concept and can help guide you through it.
Using too many colors can create a cluttered and confusing design.
When you choose your website colors, aim for simplicity and clarity. Stick to a limited color palette and avoid using more than one bright or bold color on a single page.
If your color scheme becomes too complex, it can distract users from your content and reduce the overall usability of your site.
Your website colors should align with your brand identity and the message you want to communicate.
Avoid choosing colors simply because they are trendy or because you personally like them. Instead, choose your website colors based on how they reflect your brand’s personality and values.
If your brand is fun and playful, bright and vibrant colors might be a good fit.
But if your brand is more serious or professional, you may want to opt for muted or neutral tones. Make sure your color choices support the overall impression you want to create.
Choosing the right website colors is about more than just aesthetics—it’s about creating a positive user experience, building trust, and reinforcing your brand’s identity.
By understanding color psychology, considering your audience, and balancing functionality with design, you can choose your website colors that help your brand succeed.
Remember, your website is often the first point of contact potential customers have with your brand.
The colors you choose can impact everything from how long visitors stay on your site to whether or not they make a purchase.
By taking the time to choose your website colors thoughtfully and strategically, you can create a website that not only looks great but also drives real results for your business.
Ultimately, when you choose your website colors, you’re making a decision that can influence your brand’s perception, user engagement, and conversion rates. So take the time to get it right—your website (and your bottom line) will thank you for it!