:root {
    /*colors*/
    --main-color: #005596;
    --main-color-darken: #004686;
    --secondary-color: #e59911;
    --secondary-color-lighten: #ffb32c;
    --secondary-color-darken: #de910a;
    --tertiary-color-1: #f6f7f8;
    --tertiary-color-2: #ccc;
    --tertiary-color-3: #999;
    --tertiary-color-4: #333;
    --tertiary-color-5: #767676;
    --dark-text-color: #333;
    --light-text-color: #fff;
    --link-color: #005596;
    /* fonts */
    --main-font: 'Open Sans', sans-serif;
    --secondary-font: 'Corda-Medium', serif;
    --main-font-size: 1.6rem;
    --main-font-weight: 400;
    --main-line-height: 1.6;
    /* form elements */
    --element-border-radius: 5px;
    --element-border: 1px solid var(--tertiary-color-2);
    --element-width: 100%;
    --element-height: auto;
    --element-font-size: var(--main-font-size);
    --element-font-weight: 600;
    --element-padding: 1.3rem 0;
    --element-text-indent: 1.3rem;
    --element-text-align: left;
    --input-display: block;
    /* buttons */
    --btn-padding: 1.3rem 3rem;
    --btn-margin: 2rem 0;
    --btn-height: auto;
    --btn-width: 100%;
    --btn-text-transform: none;
    --btn-font-weight: 700;
    --btn-font-size: 2rem;
    --btn-background: var(--main-color);
    --btn-background-darken: var(--main-color-darken);
    --btn-border: 2px solid var(--btn-background);
    --btn-color: var(--light-text-color);
    --btn-letter-spacing: 0;
    --btn-text-align: center;
    --btn-display: block;
    --main-action-color: #ffb32c;
    --main-action-color-darker: #de910a;
    /* effects */
    --transition: all 0.3s ease;
    --box-shadow: 1px 4px 6px -2px rgba(0,0,0,.3);
    /* gradient */
    --radial-gradient-background: radial-gradient(ellipse at center,var(--main-color) 0%,var(--main-color-darker) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}



/*#endregion*/


/*#region form elements ******************************************************************************************************************************************************************************/
textarea:focus,
select:focus,
input[type='text']:focus,
input[type='search']:focus,
input[type='number']:focus,
input[type='email']:focus,
input[type='date']:focus,
input[type='tel']:focus,
input[type='password']:focus {
    --element-border: 1px solid var(--tertiary-color-3);
}
.CategoryFiltersWrapper select,
.k-dropdown.small,
.k-multiselect.small,
input.small,
textarea.small,
select.small,
input[type='text'].small,
input[type='tel'].small,
input[type='number'].small,
input[type='email'].small,
input[type='date'].small,
input[type='password'].small {
    --element-height: 40px;
    --element-font-size: 1.4rem;
    --element-padding: 0 6rem 0 1.5rem;
}

input.qty-input {
    --element-width: 60px;
    --element-text-align: center;
    --element-text-indent: 0;
}

/*#endregion*/



/*#region section ******************************************************************************************************************************************************************************/

/*#endregion*/