');--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)}
Let’s take a dive in and learn about how colors affect a website visitor and what that means for people visiting with you on your website. Grab your favorite beverage and let’s see what each color means.
Let’s dive into the wonderful world of how colors affect a website visitor.
When you first visit a website, what’s the thing that grabs your attention? It’s probably not the text (sorry, words, I still love you). Nope, it’s the colors. The truth is, colors have a magical way of making people feel things. They can soothe us, excite us, or even make us trust a brand before we know what they actually do!
How colors affect a website visitor starts the moment they land on the page. We’re talking microseconds here! The brain processes visual elements 60,000 times faster than text (woah, right?), so you’ve got to think about the color palette from the get-go.
Whether you’re building a website for a funky coffee shop in Little Rock or an online store for homemade candles, the colors you pick will set the stage for the user’s emotional journey.
For instance, vibrant reds and oranges scream “Look at me!”—they’re the life of the party, perfect for grabbing attention. Meanwhile, cool blues and greens are more like your laid-back friends—they make users feel calm, reassured, and ready to hang out for a while.
This balance of excitement and comfort is where how colors affect a website visitor truly shines.
We’ve all seen those corporate websites covered in blue tones, right? Well, there’s a reason for that. How colors affect a website visitor when blue is involved?
It’s all about trust. Blue is the color of reliability and calm, which is why tech giants like Facebook, LinkedIn, and Twitter have painted themselves in shades of it. If you’re building a website for a financial institution or medical service, you might want to take a page from the blue playbook.
But don’t go overboard! Too much blue can make your site feel cold and distant. You’ve got to warm it up with accent colors like cheerful oranges or neutral whites to keep things balanced. After all, how colors affect a website visitor can vary depending on how well you mix them.
Red is intense, bold, and full of passion—basically, it’s the drama queen of the color world. How colors affect a website visitor when red is involved? Simple: they’re immediately drawn to whatever’s in red.
It’s not a coincidence that clearance sales and “Buy Now” buttons are often red. This color is all about urgency and action, so if you want your visitors to feel a little pressure to click that button, red is your go-to.
Just be careful not to overdo it. Red can also signal danger or stress if it’s plastered all over your site. Think of it like hot sauce—a little spice is exciting, but too much can overwhelm your taste buds. You want how colors affect a website visitor to be pleasant, not overwhelming, right?
You might not realize it, but colors have a direct line to our emotions. How colors affect a website visitor is deeply rooted in the way we perceive moods and feelings.
Let’s be real—no one is getting hyped over a plain, all-gray website. (Unless you’re going for that minimalistic, “I’m too cool for color” look.) But let’s break down what different colors can make people feel.
When you think of sunshine and warmth, what comes to mind? Yellow and orange! These warm colors bring joy and positivity to a website, which is why how colors affect a website visitor with these tones is often associated with fun, energy, and optimism.
Yellow is the color of happiness—perfect for brands that want to radiate positivity (think BigX Media, if we were a color, we’d be that bright, happy yellow).
However, too much yellow can strain the eyes, so don’t turn your entire background into a glowing sun. Sprinkle it in with moderation.
Orange, on the other hand, is bold and creative. It’s a great choice for a call-to-action button or a brand that wants to show off its playful side. How colors affect a website visitor when orange is in play? They’re more likely to see your brand as innovative and approachable.
Green is all about balance and growth. This color can evoke feelings of nature, health, and peace. If you’re a brand that’s eco-friendly or focused on wellness, green is your BFF.
How colors affect a website visitor when they see green? It calms them down and makes them feel like they’re in safe, organic hands.
Green also gives off trustworthy vibes—just like blue—but with a more natural feel. That’s why you often see green on banking websites or anything to do with sustainability. It’s no surprise that Whole Foods is drenched in green. Their entire brand is built around natural, wholesome goodness.
Let’s not forget about the neutral shades that keep everything balanced. How colors affect a website visitor isn’t just about bright, in-your-face colors; sometimes, it’s the neutrals that do all the heavy lifting.
Black is sleek, sophisticated, and timeless. It adds an air of luxury to a site, making it perfect for fashion brands, high-end products, or any business looking to exude elegance. How colors affect a website visitor when black is present? It gives them that “Wow, this is classy” vibe.
But beware—too much black can feel heavy or oppressive. If you’re going for a dark theme, make sure to add some contrast with lighter colors. Black paired with gold or white? Now we’re talking luxury that doesn’t feel like a black hole.
White is the unsung hero of website design. How colors affect a website visitor when white is used? They’ll see clarity and simplicity. White space is essential for giving the eyes a break, especially on text-heavy pages.
It also makes other colors pop by contrast. Think of white as the canvas that lets the masterpiece shine.
Whether you’re a trendy boutique in Fayetteville or running an online creative agency like BigX Media, the balance of white space can make all the difference in how professional and clean your site feels. White helps users focus on what’s important and prevents your page from feeling cluttered.
Gray is neutral and versatile, often used as a background color or accent. How colors affect a website visitor when gray is used strategically? It lets the other elements shine without being too overpowering. It’s like the cool, calm friend who brings everyone together.
When combined with brighter colors, gray can add depth and sophistication. However, too much gray can feel a bit dull and uninspired, so mix it up with other tones to keep things lively.
How colors affect a website visitor can also depend on their cultural background. While red might symbolize luck and celebration in one part of the world, it could symbolize warning or danger in another.
If your website has a global audience, keep in mind the cultural meanings behind certain colors. You don’t want to accidentally send the wrong message!
For example, in the U.S., white often symbolizes purity or weddings. But in some Asian cultures, white is associated with mourning. Context is key, and it’s essential to think about your target audience when deciding on your color scheme.
You know those buttons that scream “Click me!”? That’s no accident. How colors affect a website visitor when it comes to call-to-action (CTA) buttons is crucial for driving conversions. A well-placed, brightly colored button can make all the difference between a visitor scrolling past and a visitor clicking through to buy your product or service.
Red is often used for CTA buttons because it creates a sense of urgency, but orange and green are also popular choices. You want a color that stands out from the rest of your site without clashing. After all, how colors affect a website visitor can be the difference between a bounce and a buy!
Now that we’ve explored how colors affect a website visitor, it’s time for some experimentation. Don’t be afraid to A/B test your color choices. What works for one audience might not work for another. Try different hues for your buttons, headers, and backgrounds to see what leads to better engagement. BigX Media loves to geek out over this stuff, so if you need a hand, we’ve got you covered.
At the end of the day, how colors affect a website visitor boils down to psychology, emotion, and context. It’s about creating a mood that aligns with your brand and makes people feel something.
Whether it’s trust, excitement, or calmness, your color choices can steer visitors toward clicking that all-important “Buy Now” button or hanging out on your blog for hours.
Colors aren’t just pretty—they’re powerful. And when used right, they can turn casual browsers into loyal customers. So, take a moment to think about your brand’s vibe. Does your website feel like a soothing blue lagoon, or is it more of a bold, fiery red adventure?
Whatever the case, remember that how colors affect a website visitor is a critical piece of the design puzzle.
Need help picking the perfect palette? You know where to find us—BigX Media, your go-to source for web design brilliance!