.mat-ripple {
    overflow: hidden;
    position: relative
}

.mat-ripple:not(:empty) {
    transform: translateZ(0)
}

.mat-ripple.mat-ripple-unbounded {
    overflow: visible
}

.mat-ripple-element {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    transition: opacity,transform 0ms cubic-bezier(0,0,.2,1);
    transform: scale3d(0,0,0)
}

.cdk-high-contrast-active .mat-ripple-element {
    display: none
}

.cdk-visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    left: 0
}

[dir=rtl] .cdk-visually-hidden {
    left: auto;
    right: 0
}

textarea.cdk-textarea-autosize {
    resize: none
}

textarea.cdk-textarea-autosize-measuring {
    padding: 2px 0!important;
    box-sizing: content-box!important;
    height: auto!important;
    overflow: hidden!important
}

textarea.cdk-textarea-autosize-measuring-firefox {
    padding: 2px 0!important;
    box-sizing: content-box!important;
    height: 0!important
}

@keyframes cdk-text-field-autofill-start {
}

@keyframes cdk-text-field-autofill-end {
}

.cdk-text-field-autofill-monitored:-webkit-autofill {
    animation: cdk-text-field-autofill-start 0s 1ms
}

.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
    animation: cdk-text-field-autofill-end 0s 1ms
}

.mat-focus-indicator {
    position: relative
}

.mat-focus-indicator:before {
    inset: 0;
    position: absolute;
    box-sizing: border-box;
    pointer-events: none;
    display: var(--mat-focus-indicator-display, none);
    border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);
    border-radius: var(--mat-focus-indicator-border-radius, 4px)
}

.mat-focus-indicator:focus:before {
    content: ""
}

.cdk-high-contrast-active {
    --mat-focus-indicator-display: block
}

.mat-mdc-focus-indicator {
    position: relative
}

.mat-mdc-focus-indicator:before {
    inset: 0;
    position: absolute;
    box-sizing: border-box;
    pointer-events: none;
    display: var(--mat-mdc-focus-indicator-display, none);
    border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);
    border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px)
}

.mat-mdc-focus-indicator:focus:before {
    content: ""
}

.cdk-high-contrast-active {
    --mat-mdc-focus-indicator-display: block
}

.mat-ripple-element {
    background-color: #0000001a
}

.mat-mdc-option {
    color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87))
}

.mat-mdc-option:hover:not(.mdc-list-item--disabled),.mat-mdc-option:focus:not(.mdc-list-item--disabled),.mat-mdc-option.mat-mdc-option-active,.mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-multiple):not(.mdc-list-item--disabled) {
    background: rgba(0,0,0,.04)
}

.mat-primary .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text {
    color: var(--mdc-theme-primary, #3f51b5)
}

.mat-accent .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text {
    color: var(--mdc-theme-secondary, #ff4081)
}

.mat-warn .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text {
    color: var(--mdc-theme-error, #f44336)
}

.mat-mdc-optgroup-label {
    color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87))
}

.mat-pseudo-checkbox-full {
    color: #0000008a
}

.mat-pseudo-checkbox-full.mat-pseudo-checkbox-disabled {
    color: #b0b0b0
}

.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after {
    color: #3f51b5
}

.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
    background: #3f51b5
}

.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full:after,.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full:after {
    color: #fafafa
}

.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after {
    color: #ff4081
}

.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
    background: #ff4081
}

.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full:after,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full:after {
    color: #fafafa
}

.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after {
    color: #ff4081
}

.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
    background: #ff4081
}

.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full:after,.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full:after {
    color: #fafafa
}

.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after {
    color: #f44336
}

.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
    background: #f44336
}

.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full:after,.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full:after {
    color: #fafafa
}

.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after {
    color: #b0b0b0
}

.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
    background: #b0b0b0
}

.mat-app-background {
    background-color: #fafafa;
    color: #000000de
}

.mat-elevation-z0,.mat-mdc-elevation-specific.mat-elevation-z0 {
    box-shadow: 0 0 #0003,0 0 #00000024,0 0 #0000001f
}

.mat-elevation-z1,.mat-mdc-elevation-specific.mat-elevation-z1 {
    box-shadow: 0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f
}

.mat-elevation-z2,.mat-mdc-elevation-specific.mat-elevation-z2 {
    box-shadow: 0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f
}

.mat-elevation-z3,.mat-mdc-elevation-specific.mat-elevation-z3 {
    box-shadow: 0 3px 3px -2px #0003,0 3px 4px #00000024,0 1px 8px #0000001f
}

.mat-elevation-z4,.mat-mdc-elevation-specific.mat-elevation-z4 {
    box-shadow: 0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f
}

.mat-elevation-z5,.mat-mdc-elevation-specific.mat-elevation-z5 {
    box-shadow: 0 3px 5px -1px #0003,0 5px 8px #00000024,0 1px 14px #0000001f
}

.mat-elevation-z6,.mat-mdc-elevation-specific.mat-elevation-z6 {
    box-shadow: 0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f
}

.mat-elevation-z7,.mat-mdc-elevation-specific.mat-elevation-z7 {
    box-shadow: 0 4px 5px -2px #0003,0 7px 10px 1px #00000024,0 2px 16px 1px #0000001f
}

.mat-elevation-z8,.mat-mdc-elevation-specific.mat-elevation-z8 {
    box-shadow: 0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f
}

.mat-elevation-z9,.mat-mdc-elevation-specific.mat-elevation-z9 {
    box-shadow: 0 5px 6px -3px #0003,0 9px 12px 1px #00000024,0 3px 16px 2px #0000001f
}

.mat-elevation-z10,.mat-mdc-elevation-specific.mat-elevation-z10 {
    box-shadow: 0 6px 6px -3px #0003,0 10px 14px 1px #00000024,0 4px 18px 3px #0000001f
}

.mat-elevation-z11,.mat-mdc-elevation-specific.mat-elevation-z11 {
    box-shadow: 0 6px 7px -4px #0003,0 11px 15px 1px #00000024,0 4px 20px 3px #0000001f
}

.mat-elevation-z12,.mat-mdc-elevation-specific.mat-elevation-z12 {
    box-shadow: 0 7px 8px -4px #0003,0 12px 17px 2px #00000024,0 5px 22px 4px #0000001f
}

.mat-elevation-z13,.mat-mdc-elevation-specific.mat-elevation-z13 {
    box-shadow: 0 7px 8px -4px #0003,0 13px 19px 2px #00000024,0 5px 24px 4px #0000001f
}

.mat-elevation-z14,.mat-mdc-elevation-specific.mat-elevation-z14 {
    box-shadow: 0 7px 9px -4px #0003,0 14px 21px 2px #00000024,0 5px 26px 4px #0000001f
}

.mat-elevation-z15,.mat-mdc-elevation-specific.mat-elevation-z15 {
    box-shadow: 0 8px 9px -5px #0003,0 15px 22px 2px #00000024,0 6px 28px 5px #0000001f
}

.mat-elevation-z16,.mat-mdc-elevation-specific.mat-elevation-z16 {
    box-shadow: 0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f
}

.mat-elevation-z17,.mat-mdc-elevation-specific.mat-elevation-z17 {
    box-shadow: 0 8px 11px -5px #0003,0 17px 26px 2px #00000024,0 6px 32px 5px #0000001f
}

.mat-elevation-z18,.mat-mdc-elevation-specific.mat-elevation-z18 {
    box-shadow: 0 9px 11px -5px #0003,0 18px 28px 2px #00000024,0 7px 34px 6px #0000001f
}

.mat-elevation-z19,.mat-mdc-elevation-specific.mat-elevation-z19 {
    box-shadow: 0 9px 12px -6px #0003,0 19px 29px 2px #00000024,0 7px 36px 6px #0000001f
}

.mat-elevation-z20,.mat-mdc-elevation-specific.mat-elevation-z20 {
    box-shadow: 0 10px 13px -6px #0003,0 20px 31px 3px #00000024,0 8px 38px 7px #0000001f
}

.mat-elevation-z21,.mat-mdc-elevation-specific.mat-elevation-z21 {
    box-shadow: 0 10px 13px -6px #0003,0 21px 33px 3px #00000024,0 8px 40px 7px #0000001f
}

.mat-elevation-z22,.mat-mdc-elevation-specific.mat-elevation-z22 {
    box-shadow: 0 10px 14px -6px #0003,0 22px 35px 3px #00000024,0 8px 42px 7px #0000001f
}

.mat-elevation-z23,.mat-mdc-elevation-specific.mat-elevation-z23 {
    box-shadow: 0 11px 14px -7px #0003,0 23px 36px 3px #00000024,0 9px 44px 8px #0000001f
}

.mat-elevation-z24,.mat-mdc-elevation-specific.mat-elevation-z24 {
    box-shadow: 0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f
}

.mat-theme-loaded-marker {
    display: none
}

.mat-mdc-option {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-body1-font-size, 16px);
    line-height: var(--mdc-typography-body1-line-height, 24px);
    font-weight: var(--mdc-typography-body1-font-weight, 400);
    letter-spacing: var(--mdc-typography-body1-letter-spacing, .03125em)
}

.mat-mdc-card {
    box-shadow: 0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f;
    --mdc-elevated-card-container-color: #fff
}

.mat-mdc-card-outlined {
    box-shadow: 0 0 #0003,0 0 #00000024,0 0 #0000001f;
    --mdc-outlined-card-outline-color: #e0e0e0
}

.mat-mdc-card-subtitle {
    color: #0000008a
}

.mat-mdc-card-title {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-headline6-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-headline6-font-size, 20px);
    line-height: var(--mdc-typography-headline6-line-height, 32px);
    font-weight: var(--mdc-typography-headline6-font-weight, 500);
    letter-spacing: var(--mdc-typography-headline6-letter-spacing, .0125em);
    -webkit-text-decoration: var(--mdc-typography-headline6-text-decoration, inherit);
    text-decoration: var(--mdc-typography-headline6-text-decoration, inherit);
    text-transform: var(--mdc-typography-headline6-text-transform, none)
}

.mat-mdc-card-subtitle {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-subtitle2-font-size, 14px);
    line-height: var(--mdc-typography-subtitle2-line-height, 22px);
    font-weight: var(--mdc-typography-subtitle2-font-weight, 500);
    letter-spacing: var(--mdc-typography-subtitle2-letter-spacing, .0071428571em);
    -webkit-text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit);
    text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit);
    text-transform: var(--mdc-typography-subtitle2-text-transform, none)
}

.mat-mdc-progress-bar {
    --mdc-linear-progress-active-indicator-color: #3f51b5
}

.mat-mdc-progress-bar .mdc-linear-progress__buffer-dots {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(63, 81, 181, 0.25)'/%3E%3C/svg%3E")
}

.mat-mdc-progress-bar .mdc-linear-progress__buffer-bar {
    background-color: #3f51b540
}

.mat-mdc-progress-bar.mat-accent {
    --mdc-linear-progress-active-indicator-color: #ff4081
}

.mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-dots {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(255, 64, 129, 0.25)'/%3E%3C/svg%3E")
}

.mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-bar {
    background-color: #ff408140
}

.mat-mdc-progress-bar.mat-warn {
    --mdc-linear-progress-active-indicator-color: #f44336
}

.mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-dots {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(244, 67, 54, 0.25)'/%3E%3C/svg%3E")
}

.mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-bar {
    background-color: #f4433640
}

.mat-mdc-tooltip {
    --mdc-plain-tooltip-container-color: #616161;
    --mdc-plain-tooltip-supporting-text-color: white
}

.mat-mdc-tooltip {
    --mdc-plain-tooltip-supporting-text-font: Roboto, sans-serif;
    --mdc-plain-tooltip-supporting-text-size: 12px;
    --mdc-plain-tooltip-supporting-text-weight: 400;
    --mdc-plain-tooltip-supporting-text-tracking: .0333333333em
}

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label {
    color: #0009
}

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input {
    color: #000000de
}

@media all {
    .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder {
        color: #0009
    }
}

@media all {
    .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder {
        color: #0009
    }
}

.mdc-text-field .mdc-text-field__input {
    caret-color: var(--mdc-theme-primary, #3f51b5)
}

.mdc-text-field:not(.mdc-text-field--disabled)+.mdc-text-field-helper-line .mdc-text-field-helper-text {
    color: #0009
}

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field-character-counter,.mdc-text-field:not(.mdc-text-field--disabled)+.mdc-text-field-helper-line .mdc-text-field-character-counter {
    color: #0009
}

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--leading {
    color: #0000008a
}

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing {
    color: #0000008a
}

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__affix--prefix {
    color: #0009
}

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__affix--suffix {
    color: #0009
}

.mdc-text-field--filled .mdc-text-field__ripple:before,.mdc-text-field--filled .mdc-text-field__ripple:after {
    background-color: var(--mdc-ripple-color, rgba(0, 0, 0, .87))
}

.mdc-text-field--filled:hover .mdc-text-field__ripple:before,.mdc-text-field--filled.mdc-ripple-surface--hover .mdc-text-field__ripple:before {
    opacity: var(--mdc-ripple-hover-opacity, .04)
}

.mdc-text-field--filled.mdc-ripple-upgraded--background-focused .mdc-text-field__ripple:before,.mdc-text-field--filled:not(.mdc-ripple-upgraded):focus .mdc-text-field__ripple:before {
    opacity: var(--mdc-ripple-focus-opacity, .12)
}

.mdc-text-field--filled:not(.mdc-text-field--disabled) {
    background-color: #f5f5f5
}

.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple:before {
    border-bottom-color: #0000006b
}

.mdc-text-field--filled:not(.mdc-text-field--disabled):hover .mdc-line-ripple:before {
    border-bottom-color: #000000de
}

.mdc-text-field--filled .mdc-line-ripple:after {
    border-bottom-color: var(--mdc-theme-primary, #3f51b5)
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
    border-color: #00000061
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing {
    border-color: #000000de
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
    border-color: var(--mdc-theme-primary, #3f51b5)
}

.mdc-text-field--outlined .mdc-text-field__ripple:before,.mdc-text-field--outlined .mdc-text-field__ripple:after {
    background-color: var(--mdc-ripple-color, transparent)
}

.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label {
    color: #3f51b5de
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled):hover .mdc-line-ripple:before {
    border-bottom-color: var(--mdc-theme-error, #f44336)
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple:after {
    border-bottom-color: var(--mdc-theme-error, #f44336)
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label {
    color: var(--mdc-theme-error, #f44336)
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--invalid+.mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg {
    color: var(--mdc-theme-error, #f44336)
}

.mdc-text-field--invalid .mdc-text-field__input {
    caret-color: var(--mdc-theme-error, #f44336)
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing {
    color: var(--mdc-theme-error, #f44336)
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple:before {
    border-bottom-color: var(--mdc-theme-error, #f44336)
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
    border-color: var(--mdc-theme-error, #f44336)
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing {
    border-color: var(--mdc-theme-error, #f44336)
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
    border-color: var(--mdc-theme-error, #f44336)
}

.mdc-text-field--disabled .mdc-text-field__input {
    color: #00000061
}

@media all {
    .mdc-text-field--disabled .mdc-text-field__input::placeholder {
        color: #00000061
    }
}

@media all {
    .mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder {
        color: #00000061
    }
}

.mdc-text-field--disabled .mdc-floating-label {
    color: #00000061
}

.mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-helper-text {
    color: #00000061
}

.mdc-text-field--disabled .mdc-text-field-character-counter,.mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-character-counter {
    color: #00000061
}

.mdc-text-field--disabled .mdc-text-field__icon--leading,.mdc-text-field--disabled .mdc-text-field__icon--trailing {
    color: #0000004d
}

.mdc-text-field--disabled .mdc-text-field__affix--prefix,.mdc-text-field--disabled .mdc-text-field__affix--suffix {
    color: #00000061
}

.mdc-text-field--disabled .mdc-line-ripple:before {
    border-bottom-color: #0000000f
}

.mdc-text-field--disabled .mdc-notched-outline__leading,.mdc-text-field--disabled .mdc-notched-outline__notch,.mdc-text-field--disabled .mdc-notched-outline__trailing {
    border-color: #0000000f
}

@media screen and (forced-colors: active),(-ms-high-contrast: active) {
    .mdc-text-field--disabled .mdc-text-field__input::placeholder {
        color: GrayText
    }
}

@media screen and (forced-colors: active),(-ms-high-contrast: active) {
    .mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder {
        color: GrayText
    }
}

@media screen and (forced-colors: active),(-ms-high-contrast: active) {
    .mdc-text-field--disabled .mdc-floating-label {
        color: GrayText
    }
}

@media screen and (forced-colors: active),(-ms-high-contrast: active) {
    .mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-helper-text {
        color: GrayText
    }
}

@media screen and (forced-colors: active),(-ms-high-contrast: active) {
    .mdc-text-field--disabled .mdc-text-field-character-counter,.mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-character-counter {
        color: GrayText
    }
}

@media screen and (forced-colors: active),(-ms-high-contrast: active) {
    .mdc-text-field--disabled .mdc-text-field__icon--leading {
        color: GrayText
    }
}

@media screen and (forced-colors: active),(-ms-high-contrast: active) {
    .mdc-text-field--disabled .mdc-text-field__icon--trailing {
        color: GrayText
    }
}

@media screen and (forced-colors: active),(-ms-high-contrast: active) {
    .mdc-text-field--disabled .mdc-text-field__affix--prefix {
        color: GrayText
    }
}

@media screen and (forced-colors: active),(-ms-high-contrast: active) {
    .mdc-text-field--disabled .mdc-text-field__affix--suffix {
        color: GrayText
    }
}

@media screen and (forced-colors: active),(-ms-high-contrast: active) {
    .mdc-text-field--disabled .mdc-line-ripple:before {
        border-bottom-color: GrayText
    }
}

@media screen and (forced-colors: active),(-ms-high-contrast: active) {
    .mdc-text-field--disabled .mdc-notched-outline__leading,.mdc-text-field--disabled .mdc-notched-outline__notch,.mdc-text-field--disabled .mdc-notched-outline__trailing {
        border-color: GrayText
    }
}

.mdc-text-field--disabled.mdc-text-field--filled {
    background-color: #fafafa
}

.mat-mdc-form-field-error {
    color: var(--mdc-theme-error, #f44336)
}

.mat-mdc-form-field-focus-overlay {
    background-color: #000000de
}

.mat-mdc-form-field:hover .mat-mdc-form-field-focus-overlay {
    opacity: .04
}

.mat-mdc-form-field.mat-focused .mat-mdc-form-field-focus-overlay {
    opacity: .12
}

.mat-mdc-form-field-type-mat-native-select .mat-mdc-form-field-infix:after {
    color: #0000008a
}

.mat-mdc-form-field-type-mat-native-select.mat-focused.mat-primary .mat-mdc-form-field-infix:after {
    color: #3f51b5de
}

.mat-mdc-form-field-type-mat-native-select.mat-focused.mat-accent .mat-mdc-form-field-infix:after {
    color: #ff4081de
}

.mat-mdc-form-field-type-mat-native-select.mat-focused.mat-warn .mat-mdc-form-field-infix:after {
    color: #f44336de
}

.mat-mdc-form-field-type-mat-native-select.mat-form-field-disabled .mat-mdc-form-field-infix:after {
    color: #00000061
}

.mat-mdc-form-field.mat-accent .mdc-text-field__input {
    caret-color: var(--mdc-theme-secondary, #ff4081)
}

.mat-mdc-form-field.mat-accent:not(.mdc-text-field--disabled) .mdc-line-ripple:after {
    border-bottom-color: var(--mdc-theme-secondary, #ff4081)
}

.mat-mdc-form-field.mat-accent .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label {
    color: #ff4081de
}

.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled):hover .mdc-line-ripple:before {
    border-bottom-color: var(--mdc-theme-error, #f44336)
}

.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple:after {
    border-bottom-color: var(--mdc-theme-error, #f44336)
}

.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label {
    color: var(--mdc-theme-error, #f44336)
}

.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--invalid+.mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg {
    color: var(--mdc-theme-error, #f44336)
}

.mat-mdc-form-field.mat-accent .mdc-text-field--invalid .mdc-text-field__input {
    caret-color: var(--mdc-theme-error, #f44336)
}

.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing {
    color: var(--mdc-theme-error, #f44336)
}

.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple:before {
    border-bottom-color: var(--mdc-theme-error, #f44336)
}

.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
    border-color: var(--mdc-theme-error, #f44336)
}

.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing {
    border-color: var(--mdc-theme-error, #f44336)
}

.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
    border-color: var(--mdc-theme-error, #f44336)
}

.mat-mdc-form-field.mat-accent .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,.mat-mdc-form-field.mat-accent .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,.mat-mdc-form-field.mat-accent .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
    border-color: var(--mdc-theme-secondary, #ff4081)
}

.mat-mdc-form-field.mat-warn .mdc-text-field__input {
    caret-color: var(--mdc-theme-error, #f44336)
}

.mat-mdc-form-field.mat-warn:not(.mdc-text-field--disabled) .mdc-line-ripple:after {
    border-bottom-color: var(--mdc-theme-error, #f44336)
}

.mat-mdc-form-field.mat-warn .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label {
    color: #f44336de
}

.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled):hover .mdc-line-ripple:before {
    border-bottom-color: var(--mdc-theme-error, #f44336)
}

.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple:after {
    border-bottom-color: var(--mdc-theme-error, #f44336)
}

.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label {
    color: var(--mdc-theme-error, #f44336)
}

.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--invalid+.mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg {
    color: var(--mdc-theme-error, #f44336)
}

.mat-mdc-form-field.mat-warn .mdc-text-field--invalid .mdc-text-field__input {
    caret-color: var(--mdc-theme-error, #f44336)
}

.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing {
    color: var(--mdc-theme-error, #f44336)
}

.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple:before {
    border-bottom-color: var(--mdc-theme-error, #f44336)
}

.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
    border-color: var(--mdc-theme-error, #f44336)
}

.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing {
    border-color: var(--mdc-theme-error, #f44336)
}

.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
    border-color: var(--mdc-theme-error, #f44336)
}

.mat-mdc-form-field.mat-warn .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,.mat-mdc-form-field.mat-warn .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,.mat-mdc-form-field.mat-warn .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
    border-color: var(--mdc-theme-error, #f44336)
}

.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field .mdc-notched-outline__notch {
    border-left: 1px solid rgba(0,0,0,0)
}

[dir=rtl] .mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field .mdc-notched-outline__notch {
    border-left: none;
    border-right: 1px solid rgba(0,0,0,0)
}

.mat-mdc-form-field-infix {
    min-height: 56px
}

.mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
    top: 28px
}

.mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    --mat-mdc-form-field-label-transform: translateY( -34.75px) scale(var(--mat-mdc-form-field-floating-label-scale, .75));
    transform: var(--mat-mdc-form-field-label-transform)
}

.mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix {
    padding-top: 16px;
    padding-bottom: 16px
}

.mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix {
    padding-top: 24px;
    padding-bottom: 8px
}

.mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix {
    padding-top: 16px;
    padding-bottom: 16px
}

.mdc-text-field__input,.mdc-text-field__affix {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-subtitle1-font-size, 16px);
    font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
    letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, .009375em);
    -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
    text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
    text-transform: var(--mdc-typography-subtitle1-text-transform, none)
}

.mdc-text-field--textarea .mdc-text-field__input {
    line-height: 1.5rem
}

.mdc-floating-label {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-subtitle1-font-size, 16px);
    font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
    letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, .009375em);
    -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
    text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
    text-transform: var(--mdc-typography-subtitle1-text-transform, none)
}

.mat-mdc-form-field-subscript-wrapper,.mat-mdc-form-field-bottom-align:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-caption-font-size, 12px);
    line-height: var(--mdc-typography-caption-line-height, 20px);
    font-weight: var(--mdc-typography-caption-font-weight, 400);
    letter-spacing: var(--mdc-typography-caption-letter-spacing, .0333333333em);
    -webkit-text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
    text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
    text-transform: var(--mdc-typography-caption-text-transform, none)
}

.mat-mdc-form-field,.mat-mdc-floating-label {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-body1-font-size, 16px);
    line-height: var(--mdc-typography-body1-line-height, 24px);
    font-weight: var(--mdc-typography-body1-font-weight, 400);
    letter-spacing: var(--mdc-typography-body1-letter-spacing, .03125em);
    -webkit-text-decoration: var(--mdc-typography-body1-text-decoration, inherit);
    text-decoration: var(--mdc-typography-body1-text-decoration, inherit);
    text-transform: var(--mdc-typography-body1-text-transform, none)
}

.mat-mdc-form-field .mdc-text-field--outlined .mdc-floating-label--float-above {
    font-size: calc(16px * var(--mat-mdc-form-field-floating-label-scale, .75))
}

.mat-mdc-form-field .mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    font-size: 16px
}

.mat-mdc-select-value {
    color: #000000de
}

.mat-mdc-select-placeholder {
    color: #0009
}

.mat-mdc-select-disabled .mat-mdc-select-value {
    color: #00000061
}

.mat-mdc-select-arrow {
    color: #0000008a
}

.mat-mdc-form-field.mat-focused.mat-primary .mat-mdc-select-arrow {
    color: #3f51b5de
}

.mat-mdc-form-field.mat-focused.mat-accent .mat-mdc-select-arrow {
    color: #ff4081de
}

.mat-mdc-form-field.mat-focused.mat-warn .mat-mdc-select-arrow,.mat-mdc-form-field .mat-mdc-select.mat-mdc-select-invalid .mat-mdc-select-arrow {
    color: #f44336de
}

.mat-mdc-form-field .mat-mdc-select.mat-mdc-select-disabled .mat-mdc-select-arrow {
    color: #00000061
}

.mat-mdc-select-panel {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-subtitle1-font-size, 16px);
    line-height: var(--mdc-typography-subtitle1-line-height, 28px);
    font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
    letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, .009375em);
    -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
    text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
    text-transform: var(--mdc-typography-subtitle1-text-transform, none);
    line-height: 24px
}

.mat-mdc-select {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-body1-font-size, 16px);
    line-height: var(--mdc-typography-body1-line-height, 24px);
    font-weight: var(--mdc-typography-body1-font-weight, 400);
    letter-spacing: var(--mdc-typography-body1-letter-spacing, .03125em);
    -webkit-text-decoration: var(--mdc-typography-body1-text-decoration, inherit);
    text-decoration: var(--mdc-typography-body1-text-decoration, inherit);
    text-transform: var(--mdc-typography-body1-text-transform, none)
}

.mat-mdc-autocomplete-panel {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-subtitle1-font-size, 16px);
    line-height: var(--mdc-typography-subtitle1-line-height, 28px);
    font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
    letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, .009375em);
    -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
    text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
    text-transform: var(--mdc-typography-subtitle1-text-transform, none);
    line-height: 24px
}

.mat-mdc-dialog-container {
    --mdc-dialog-container-color: white;
    --mdc-dialog-with-divider-divider-color: rgba(0, 0, 0, .12);
    --mdc-dialog-subhead-color: rgba(0, 0, 0, .87);
    --mdc-dialog-supporting-text-color: rgba(0, 0, 0, .6)
}

.mat-mdc-dialog-container {
    --mdc-dialog-subhead-font: Roboto, sans-serif;
    --mdc-dialog-subhead-line-height: 32px;
    --mdc-dialog-subhead-size: 20px;
    --mdc-dialog-subhead-weight: 500;
    --mdc-dialog-subhead-tracking: .0125em;
    --mdc-dialog-supporting-text-font: Roboto, sans-serif;
    --mdc-dialog-supporting-text-line-height: 24px;
    --mdc-dialog-supporting-text-size: 16px;
    --mdc-dialog-supporting-text-weight: 400;
    --mdc-dialog-supporting-text-tracking: .03125em
}

.mat-mdc-standard-chip {
    --mdc-chip-elevated-container-color: #e0e0e0;
    --mdc-chip-elevated-disabled-container-color: #e0e0e0;
    --mdc-chip-label-text-color: #212121;
    --mdc-chip-disabled-label-text-color: #212121;
    --mdc-chip-with-icon-icon-color: #212121;
    --mdc-chip-with-icon-disabled-icon-color: #212121;
    --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #212121;
    --mdc-chip-with-trailing-icon-trailing-icon-color: #212121;
    --mdc-chip-with-icon-selected-icon-color: #212121
}

.mat-mdc-standard-chip.mat-primary.mat-mdc-chip-selected,.mat-mdc-standard-chip.mat-primary.mat-mdc-chip-highlighted {
    --mdc-chip-elevated-container-color: #3f51b5;
    --mdc-chip-elevated-disabled-container-color: #3f51b5;
    --mdc-chip-label-text-color: white;
    --mdc-chip-disabled-label-text-color: white;
    --mdc-chip-with-icon-icon-color: white;
    --mdc-chip-with-icon-disabled-icon-color: white;
    --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
    --mdc-chip-with-trailing-icon-trailing-icon-color: white;
    --mdc-chip-with-icon-selected-icon-color: white
}

.mat-mdc-standard-chip.mat-accent.mat-mdc-chip-selected,.mat-mdc-standard-chip.mat-accent.mat-mdc-chip-highlighted {
    --mdc-chip-elevated-container-color: #ff4081;
    --mdc-chip-elevated-disabled-container-color: #ff4081;
    --mdc-chip-label-text-color: white;
    --mdc-chip-disabled-label-text-color: white;
    --mdc-chip-with-icon-icon-color: white;
    --mdc-chip-with-icon-disabled-icon-color: white;
    --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
    --mdc-chip-with-trailing-icon-trailing-icon-color: white;
    --mdc-chip-with-icon-selected-icon-color: white
}

.mat-mdc-standard-chip.mat-warn.mat-mdc-chip-selected,.mat-mdc-standard-chip.mat-warn.mat-mdc-chip-highlighted {
    --mdc-chip-elevated-container-color: #f44336;
    --mdc-chip-elevated-disabled-container-color: #f44336;
    --mdc-chip-label-text-color: white;
    --mdc-chip-disabled-label-text-color: white;
    --mdc-chip-with-icon-icon-color: white;
    --mdc-chip-with-icon-disabled-icon-color: white;
    --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
    --mdc-chip-with-trailing-icon-trailing-icon-color: white;
    --mdc-chip-with-icon-selected-icon-color: white
}

.mat-mdc-chip-focus-overlay {
    background: #000
}

.mat-mdc-chip {
    height: 32px
}

.mat-mdc-standard-chip {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-body2-font-size, 14px);
    line-height: var(--mdc-typography-body2-line-height, 20px);
    font-weight: var(--mdc-typography-body2-font-weight, 400);
    letter-spacing: var(--mdc-typography-body2-letter-spacing, .0178571429em);
    -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
    text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
    text-transform: var(--mdc-typography-body2-text-transform, none)
}

.mat-mdc-slide-toggle {
    --mdc-switch-disabled-selected-handle-color: #424242;
    --mdc-switch-disabled-unselected-handle-color: #424242;
    --mdc-switch-disabled-selected-track-color: #424242;
    --mdc-switch-disabled-unselected-track-color: #424242;
    --mdc-switch-unselected-focus-state-layer-color: #424242;
    --mdc-switch-unselected-pressed-state-layer-color: #424242;
    --mdc-switch-unselected-hover-state-layer-color: #424242;
    --mdc-switch-unselected-focus-track-color: #e0e0e0;
    --mdc-switch-unselected-hover-track-color: #e0e0e0;
    --mdc-switch-unselected-pressed-track-color: #e0e0e0;
    --mdc-switch-unselected-track-color: #e0e0e0;
    --mdc-switch-unselected-focus-handle-color: #212121;
    --mdc-switch-unselected-hover-handle-color: #212121;
    --mdc-switch-unselected-pressed-handle-color: #212121;
    --mdc-switch-handle-surface-color: var(--mdc-theme-surface, #fff);
    --mdc-switch-unselected-handle-color: #616161;
    --mdc-switch-selected-icon-color: #fff;
    --mdc-switch-disabled-selected-icon-color: #fff;
    --mdc-switch-disabled-unselected-icon-color: #fff;
    --mdc-switch-unselected-icon-color: #fff
}

.mat-mdc-slide-toggle .mdc-form-field {
    color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87))
}

.mat-mdc-slide-toggle .mdc-switch--disabled+label {
    color: #00000061
}

.mat-mdc-slide-toggle.mat-primary {
    --mdc-switch-selected-focus-state-layer-color: #3949ab;
    --mdc-switch-selected-handle-color: #3949ab;
    --mdc-switch-selected-hover-state-layer-color: #3949ab;
    --mdc-switch-selected-pressed-state-layer-color: #3949ab;
    --mdc-switch-selected-focus-handle-color: #1a237e;
    --mdc-switch-selected-hover-handle-color: #1a237e;
    --mdc-switch-selected-pressed-handle-color: #1a237e;
    --mdc-switch-selected-focus-track-color: #7986cb;
    --mdc-switch-selected-hover-track-color: #7986cb;
    --mdc-switch-selected-pressed-track-color: #7986cb;
    --mdc-switch-selected-track-color: #7986cb
}

.mat-mdc-slide-toggle.mat-accent {
    --mdc-switch-selected-focus-state-layer-color: #d81b60;
    --mdc-switch-selected-handle-color: #d81b60;
    --mdc-switch-selected-hover-state-layer-color: #d81b60;
    --mdc-switch-selected-pressed-state-layer-color: #d81b60;
    --mdc-switch-selected-focus-handle-color: #880e4f;
    --mdc-switch-selected-hover-handle-color: #880e4f;
    --mdc-switch-selected-pressed-handle-color: #880e4f;
    --mdc-switch-selected-focus-track-color: #f06292;
    --mdc-switch-selected-hover-track-color: #f06292;
    --mdc-switch-selected-pressed-track-color: #f06292;
    --mdc-switch-selected-track-color: #f06292
}

.mat-mdc-slide-toggle.mat-warn {
    --mdc-switch-selected-focus-state-layer-color: #e53935;
    --mdc-switch-selected-handle-color: #e53935;
    --mdc-switch-selected-hover-state-layer-color: #e53935;
    --mdc-switch-selected-pressed-state-layer-color: #e53935;
    --mdc-switch-selected-focus-handle-color: #b71c1c;
    --mdc-switch-selected-hover-handle-color: #b71c1c;
    --mdc-switch-selected-pressed-handle-color: #b71c1c;
    --mdc-switch-selected-focus-track-color: #e57373;
    --mdc-switch-selected-hover-track-color: #e57373;
    --mdc-switch-selected-pressed-track-color: #e57373;
    --mdc-switch-selected-track-color: #e57373
}

.mat-mdc-slide-toggle {
    --mdc-switch-state-layer-size: 48px
}

.mat-mdc-radio-button .mdc-form-field {
    color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87))
}

.mat-mdc-radio-button.mat-primary {
    --mdc-radio-disabled-selected-icon-color: #000;
    --mdc-radio-disabled-unselected-icon-color: #000;
    --mdc-radio-unselected-focus-icon-color: #212121;
    --mdc-radio-unselected-hover-icon-color: #212121;
    --mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-selected-focus-icon-color: #3f51b5;
    --mdc-radio-selected-hover-icon-color: #3f51b5;
    --mdc-radio-selected-icon-color: #3f51b5;
    --mdc-radio-selected-pressed-icon-color: #3f51b5;
    --mat-mdc-radio-ripple-color: #000;
    --mat-mdc-radio-checked-ripple-color: #3f51b5
}

.mat-mdc-radio-button.mat-primary .mdc-radio--disabled+label {
    color: #00000061
}

.mat-mdc-radio-button.mat-accent {
    --mdc-radio-disabled-selected-icon-color: #000;
    --mdc-radio-disabled-unselected-icon-color: #000;
    --mdc-radio-unselected-focus-icon-color: #212121;
    --mdc-radio-unselected-hover-icon-color: #212121;
    --mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-selected-focus-icon-color: #ff4081;
    --mdc-radio-selected-hover-icon-color: #ff4081;
    --mdc-radio-selected-icon-color: #ff4081;
    --mdc-radio-selected-pressed-icon-color: #ff4081;
    --mat-mdc-radio-ripple-color: #000;
    --mat-mdc-radio-checked-ripple-color: #ff4081
}

.mat-mdc-radio-button.mat-accent .mdc-radio--disabled+label {
    color: #00000061
}

.mat-mdc-radio-button.mat-warn {
    --mdc-radio-disabled-selected-icon-color: #000;
    --mdc-radio-disabled-unselected-icon-color: #000;
    --mdc-radio-unselected-focus-icon-color: #212121;
    --mdc-radio-unselected-hover-icon-color: #212121;
    --mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-selected-focus-icon-color: #f44336;
    --mdc-radio-selected-hover-icon-color: #f44336;
    --mdc-radio-selected-icon-color: #f44336;
    --mdc-radio-selected-pressed-icon-color: #f44336;
    --mat-mdc-radio-ripple-color: #000;
    --mat-mdc-radio-checked-ripple-color: #f44336
}

.mat-mdc-radio-button.mat-warn .mdc-radio--disabled+label {
    color: #00000061
}

.mat-mdc-radio-button .mdc-radio {
    padding: 10px
}

.mat-mdc-radio-button .mdc-radio .mdc-radio__background:before {
    top: -10px;
    left: -10px;
    width: 40px;
    height: 40px
}

.mat-mdc-radio-button .mdc-radio .mdc-radio__native-control {
    top: 0;
    right: 0;
    left: 0;
    width: 40px;
    height: 40px
}

.mat-mdc-slider {
    --mdc-slider-label-container-color: black;
    --mdc-slider-label-label-text-color: white;
    --mdc-slider-disabled-handle-color: #000;
    --mdc-slider-disabled-active-track-color: #000;
    --mdc-slider-disabled-inactive-track-color: #000;
    --mdc-slider-with-tick-marks-disabled-container-color: #000;
    --mat-mdc-slider-value-indicator-opacity: .6
}

.mat-mdc-slider.mat-primary {
    --mdc-slider-handle-color: #3f51b5;
    --mdc-slider-focus-handle-color: #3f51b5;
    --mdc-slider-hover-handle-color: #3f51b5;
    --mdc-slider-active-track-color: #3f51b5;
    --mdc-slider-inactive-track-color: #3f51b5;
    --mdc-slider-with-tick-marks-active-container-color: #fff;
    --mdc-slider-with-tick-marks-inactive-container-color: #3f51b5;
    --mat-mdc-slider-ripple-color: #3f51b5;
    --mat-mdc-slider-hover-ripple-color: rgba(63, 81, 181, .05);
    --mat-mdc-slider-focus-ripple-color: rgba(63, 81, 181, .2)
}

.mat-mdc-slider.mat-accent {
    --mdc-slider-handle-color: #ff4081;
    --mdc-slider-focus-handle-color: #ff4081;
    --mdc-slider-hover-handle-color: #ff4081;
    --mdc-slider-active-track-color: #ff4081;
    --mdc-slider-inactive-track-color: #ff4081;
    --mdc-slider-with-tick-marks-active-container-color: #fff;
    --mdc-slider-with-tick-marks-inactive-container-color: #ff4081;
    --mat-mdc-slider-ripple-color: #ff4081;
    --mat-mdc-slider-hover-ripple-color: rgba(255, 64, 129, .05);
    --mat-mdc-slider-focus-ripple-color: rgba(255, 64, 129, .2)
}

.mat-mdc-slider.mat-warn {
    --mdc-slider-handle-color: #f44336;
    --mdc-slider-focus-handle-color: #f44336;
    --mdc-slider-hover-handle-color: #f44336;
    --mdc-slider-active-track-color: #f44336;
    --mdc-slider-inactive-track-color: #f44336;
    --mdc-slider-with-tick-marks-active-container-color: #fff;
    --mdc-slider-with-tick-marks-inactive-container-color: #f44336;
    --mat-mdc-slider-ripple-color: #f44336;
    --mat-mdc-slider-hover-ripple-color: rgba(244, 67, 54, .05);
    --mat-mdc-slider-focus-ripple-color: rgba(244, 67, 54, .2)
}

.mat-mdc-slider {
    --mdc-slider-label-label-text-font: Roboto, sans-serif;
    --mdc-slider-label-label-text-size: 14px;
    --mdc-slider-label-label-text-line-height: 22px;
    --mdc-slider-label-label-text-tracking: .0071428571em;
    --mdc-slider-label-label-text-weight: 500
}

.mdc-menu-surface {
    box-shadow: 0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f;
    background-color: var(--mdc-theme-surface, #fff);
    color: var(--mdc-theme-on-surface, #000)
}

.mdc-list-item__primary-text {
    color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87))
}

.mdc-list-item__secondary-text {
    color: var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, .54))
}

.mdc-list-item__overline-text {
    color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, .38))
}

.mdc-list-item--with-leading-icon .mdc-list-item__start,.mdc-list-item--with-trailing-icon .mdc-list-item__end {
    background-color: transparent
}

.mdc-list-item--with-leading-icon .mdc-list-item__start,.mdc-list-item--with-trailing-icon .mdc-list-item__end {
    color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, .38))
}

.mdc-list-item__end {
    color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, .38))
}

.mdc-list-item--disabled .mdc-list-item__start,.mdc-list-item--disabled .mdc-list-item__content,.mdc-list-item--disabled .mdc-list-item__end {
    opacity: .38
}

.mdc-list-item--disabled .mdc-list-item__primary-text,.mdc-list-item--disabled .mdc-list-item__secondary-text,.mdc-list-item--disabled .mdc-list-item__overline-text,.mdc-list-item--disabled.mdc-list-item--with-leading-icon .mdc-list-item__start,.mdc-list-item--disabled.mdc-list-item--with-trailing-icon .mdc-list-item__end,.mdc-list-item--disabled.mdc-list-item--with-trailing-meta .mdc-list-item__end {
    color: var(--mdc-theme-on-surface, #000)
}

.mdc-list-item--selected .mdc-list-item__primary-text,.mdc-list-item--activated .mdc-list-item__primary-text,.mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,.mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start {
    color: var(--mdc-theme-primary, #3f51b5)
}

.mdc-deprecated-list-group__subheader {
    color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87))
}

.mdc-list-divider:after {
    border-bottom-color: #fff
}

.mdc-list-divider {
    background-color: #0000001f
}

.mat-mdc-menu-item[disabled],.mat-mdc-menu-item[disabled] .mat-mdc-menu-submenu-icon,.mat-mdc-menu-item[disabled] .mat-icon-no-color {
    color: var(--mdc-theme-text-disabled-on-background, rgba(0, 0, 0, .38))
}

.mat-mdc-menu-item .mat-icon-no-color,.mat-mdc-menu-submenu-icon {
    color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87))
}

.mat-mdc-menu-item:hover:not([disabled]),.mat-mdc-menu-item.cdk-program-focused:not([disabled]),.mat-mdc-menu-item.cdk-keyboard-focused:not([disabled]),.mat-mdc-menu-item-highlighted:not([disabled]) {
    background: rgba(0,0,0,.04)
}

.mat-mdc-menu-content {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-subtitle1-font-size, 16px);
    line-height: var(--mdc-typography-subtitle1-line-height, 28px);
    font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
    letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, .009375em);
    -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
    text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
    text-transform: var(--mdc-typography-subtitle1-text-transform, none);
    line-height: 24px
}

.mat-mdc-menu-content,.mat-mdc-menu-content .mat-mdc-menu-item .mdc-list-item__primary-text {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-body1-font-size, 16px);
    line-height: var(--mdc-typography-body1-line-height, 24px);
    font-weight: var(--mdc-typography-body1-font-weight, 400);
    letter-spacing: var(--mdc-typography-body1-letter-spacing, .03125em);
    -webkit-text-decoration: var(--mdc-typography-body1-text-decoration, inherit);
    text-decoration: var(--mdc-typography-body1-text-decoration, inherit);
    text-transform: var(--mdc-typography-body1-text-transform, none)
}

.mat-mdc-list-base {
    --mdc-list-list-item-label-text-color: rgba(0, 0, 0, .87);
    --mdc-list-list-item-supporting-text-color: rgba(0, 0, 0, .54);
    --mdc-list-list-item-leading-icon-color: rgba(0, 0, 0, .38);
    --mdc-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, .38);
    --mdc-list-list-item-trailing-icon-color: rgba(0, 0, 0, .38);
    --mdc-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, .38);
    --mdc-list-list-item-disabled-label-text-color: black;
    --mdc-list-list-item-disabled-leading-icon-color: black;
    --mdc-list-list-item-disabled-trailing-icon-color: black;
    --mdc-list-list-item-hover-label-text-color: rgba(0, 0, 0, .87);
    --mdc-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, .38);
    --mdc-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, .38);
    --mdc-list-list-item-focus-label-text-color: rgba(0, 0, 0, .87);
    --mdc-list-list-item-hover-state-layer-color: black;
    --mdc-list-list-item-hover-state-layer-opacity: .04;
    --mdc-list-list-item-focus-state-layer-color: black;
    --mdc-list-list-item-focus-state-layer-opacity: .12
}

.mat-mdc-list-option .mdc-list-item__start,.mat-mdc-list-option .mdc-list-item__end {
    --mdc-checkbox-selected-checkmark-color: #fff;
    --mdc-checkbox-selected-focus-icon-color: #3f51b5;
    --mdc-checkbox-selected-hover-icon-color: #3f51b5;
    --mdc-checkbox-selected-icon-color: #3f51b5;
    --mdc-checkbox-selected-pressed-icon-color: #3f51b5;
    --mdc-checkbox-unselected-focus-icon-color: #212121;
    --mdc-checkbox-unselected-hover-icon-color: #212121;
    --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54)
}

.mat-mdc-list-option .mdc-list-item__start,.mat-mdc-list-option .mdc-list-item__end {
    --mdc-radio-disabled-selected-icon-color: #000;
    --mdc-radio-disabled-unselected-icon-color: #000;
    --mdc-radio-unselected-focus-icon-color: #212121;
    --mdc-radio-unselected-hover-icon-color: #212121;
    --mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-selected-focus-icon-color: #3f51b5;
    --mdc-radio-selected-hover-icon-color: #3f51b5;
    --mdc-radio-selected-icon-color: #3f51b5;
    --mdc-radio-selected-pressed-icon-color: #3f51b5;
    --mat-mdc-radio-ripple-color: #000;
    --mat-mdc-radio-checked-ripple-color: #3f51b5
}

.mat-mdc-list-option .mdc-list-item__start .mdc-radio--disabled+label,.mat-mdc-list-option .mdc-list-item__end .mdc-radio--disabled+label {
    color: #00000061
}

.mat-mdc-list-option.mat-accent .mdc-list-item__start,.mat-mdc-list-option.mat-accent .mdc-list-item__end {
    --mdc-checkbox-selected-checkmark-color: #fff;
    --mdc-checkbox-selected-focus-icon-color: #ff4081;
    --mdc-checkbox-selected-hover-icon-color: #ff4081;
    --mdc-checkbox-selected-icon-color: #ff4081;
    --mdc-checkbox-selected-pressed-icon-color: #ff4081;
    --mdc-checkbox-unselected-focus-icon-color: #212121;
    --mdc-checkbox-unselected-hover-icon-color: #212121;
    --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54)
}

.mat-mdc-list-option.mat-accent .mdc-list-item__start,.mat-mdc-list-option.mat-accent .mdc-list-item__end {
    --mdc-radio-disabled-selected-icon-color: #000;
    --mdc-radio-disabled-unselected-icon-color: #000;
    --mdc-radio-unselected-focus-icon-color: #212121;
    --mdc-radio-unselected-hover-icon-color: #212121;
    --mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-selected-focus-icon-color: #ff4081;
    --mdc-radio-selected-hover-icon-color: #ff4081;
    --mdc-radio-selected-icon-color: #ff4081;
    --mdc-radio-selected-pressed-icon-color: #ff4081;
    --mat-mdc-radio-ripple-color: #000;
    --mat-mdc-radio-checked-ripple-color: #ff4081
}

.mat-mdc-list-option.mat-accent .mdc-list-item__start .mdc-radio--disabled+label,.mat-mdc-list-option.mat-accent .mdc-list-item__end .mdc-radio--disabled+label {
    color: #00000061
}

.mat-mdc-list-option.mat-warn .mdc-list-item__start,.mat-mdc-list-option.mat-warn .mdc-list-item__end {
    --mdc-checkbox-selected-checkmark-color: #fff;
    --mdc-checkbox-selected-focus-icon-color: #f44336;
    --mdc-checkbox-selected-hover-icon-color: #f44336;
    --mdc-checkbox-selected-icon-color: #f44336;
    --mdc-checkbox-selected-pressed-icon-color: #f44336;
    --mdc-checkbox-unselected-focus-icon-color: #212121;
    --mdc-checkbox-unselected-hover-icon-color: #212121;
    --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54)
}

.mat-mdc-list-option.mat-warn .mdc-list-item__start,.mat-mdc-list-option.mat-warn .mdc-list-item__end {
    --mdc-radio-disabled-selected-icon-color: #000;
    --mdc-radio-disabled-unselected-icon-color: #000;
    --mdc-radio-unselected-focus-icon-color: #212121;
    --mdc-radio-unselected-hover-icon-color: #212121;
    --mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-selected-focus-icon-color: #f44336;
    --mdc-radio-selected-hover-icon-color: #f44336;
    --mdc-radio-selected-icon-color: #f44336;
    --mdc-radio-selected-pressed-icon-color: #f44336;
    --mat-mdc-radio-ripple-color: #000;
    --mat-mdc-radio-checked-ripple-color: #f44336
}

.mat-mdc-list-option.mat-warn .mdc-list-item__start .mdc-radio--disabled+label,.mat-mdc-list-option.mat-warn .mdc-list-item__end .mdc-radio--disabled+label {
    color: #00000061
}

.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start {
    color: #3f51b5
}

.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
    opacity: 1
}

.mat-mdc-list-base {
    --mdc-list-list-item-one-line-container-height: 48px;
    --mdc-list-list-item-two-line-container-height: 64px;
    --mdc-list-list-item-three-line-container-height: 88px
}

.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
    height: 56px
}

.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
    height: 72px
}

.mat-mdc-list-base {
    --mdc-list-list-item-label-text-font: Roboto, sans-serif;
    --mdc-list-list-item-label-text-line-height: 24px;
    --mdc-list-list-item-label-text-size: 16px;
    --mdc-list-list-item-label-text-tracking: .03125em;
    --mdc-list-list-item-label-text-weight: 400;
    --mdc-list-list-item-supporting-text-font: Roboto, sans-serif;
    --mdc-list-list-item-supporting-text-line-height: 20px;
    --mdc-list-list-item-supporting-text-size: 14px;
    --mdc-list-list-item-supporting-text-tracking: .0178571429em;
    --mdc-list-list-item-supporting-text-weight: 400;
    --mdc-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
    --mdc-list-list-item-trailing-supporting-text-line-height: 20px;
    --mdc-list-list-item-trailing-supporting-text-size: 12px;
    --mdc-list-list-item-trailing-supporting-text-tracking: .0333333333em;
    --mdc-list-list-item-trailing-supporting-text-weight: 400
}

.mdc-list-group__subheader {
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    font-family: Roboto,sans-serif;
    letter-spacing: .009375em
}

.mat-mdc-paginator {
    background: #fff;
    color: #000000de
}

.mat-mdc-paginator-icon {
    fill: #0000008a
}

.mat-mdc-paginator-decrement,.mat-mdc-paginator-increment {
    border-top: 2px solid rgba(0,0,0,.54);
    border-right: 2px solid rgba(0,0,0,.54)
}

.mat-mdc-paginator-first,.mat-mdc-paginator-last {
    border-top: 2px solid rgba(0,0,0,.54)
}

.mat-mdc-icon-button[disabled] .mat-mdc-paginator-decrement,.mat-mdc-icon-button[disabled] .mat-mdc-paginator-increment,.mat-mdc-icon-button[disabled] .mat-mdc-paginator-first,.mat-mdc-icon-button[disabled] .mat-mdc-paginator-last {
    border-color: #0000001f
}

.mat-mdc-icon-button[disabled] .mat-mdc-paginator-icon {
    fill: #0000001f
}

.mat-mdc-paginator .mat-mdc-form-field-infix {
    min-height: 40px
}

.mat-mdc-paginator .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
    top: 20px
}

.mat-mdc-paginator .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    --mat-mdc-form-field-label-transform: translateY( -26.75px) scale(var(--mat-mdc-form-field-floating-label-scale, .75));
    transform: var(--mat-mdc-form-field-label-transform)
}

.mat-mdc-paginator .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix {
    padding-top: 8px;
    padding-bottom: 8px
}

.mat-mdc-paginator .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix {
    padding-top: 8px;
    padding-bottom: 8px
}

.mat-mdc-paginator .mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix {
    padding-top: 8px;
    padding-bottom: 8px
}

.mat-mdc-paginator .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-floating-label {
    display: none
}

.mat-mdc-paginator-container {
    min-height: 56px
}

.mat-mdc-paginator {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-caption-font-size, 12px);
    line-height: var(--mdc-typography-caption-line-height, 20px);
    font-weight: var(--mdc-typography-caption-font-weight, 400);
    letter-spacing: var(--mdc-typography-caption-letter-spacing, .0333333333em);
    -webkit-text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
    text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
    text-transform: var(--mdc-typography-caption-text-transform, none)
}

.mat-mdc-paginator .mat-mdc-select-value {
    font-size: 12px
}

.mat-mdc-tab,.mat-mdc-tab-link {
    background-color: #0000
}

.mat-mdc-tab .mdc-tab__text-label,.mat-mdc-tab-link .mdc-tab__text-label {
    color: #0009
}

.mat-mdc-tab.mat-mdc-tab-disabled .mdc-tab__ripple:before,.mat-mdc-tab.mat-mdc-tab-disabled .mat-ripple-element,.mat-mdc-tab-link.mat-mdc-tab-disabled .mdc-tab__ripple:before,.mat-mdc-tab-link.mat-mdc-tab-disabled .mat-ripple-element {
    background-color: #00000061
}

.mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label,.mat-mdc-tab-link:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label {
    color: #3f51b5
}

.mat-mdc-tab:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline,.mat-mdc-tab-link:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline {
    border-color: var(--mdc-tab-indicator-active-indicator-color, #3f51b5)
}

.mdc-tab__ripple:before,.mat-mdc-tab .mat-ripple-element,.mat-mdc-tab-header-pagination .mat-ripple-element,.mat-mdc-tab-link .mat-ripple-element {
    background-color: #3f51b5
}

.mat-mdc-tab-group.mat-accent .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label,.mat-mdc-tab-group.mat-accent .mat-mdc-tab-link:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label,.mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label,.mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab-link:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label {
    color: #ff4081
}

.mat-mdc-tab-group.mat-accent .mat-mdc-tab:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline,.mat-mdc-tab-group.mat-accent .mat-mdc-tab-link:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline,.mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline,.mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab-link:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline {
    border-color: var(--mdc-tab-indicator-active-indicator-color, #ff4081)
}

.mat-mdc-tab-group.mat-accent .mdc-tab__ripple:before,.mat-mdc-tab-group.mat-accent .mat-mdc-tab .mat-ripple-element,.mat-mdc-tab-group.mat-accent .mat-mdc-tab-header-pagination .mat-ripple-element,.mat-mdc-tab-group.mat-accent .mat-mdc-tab-link .mat-ripple-element,.mat-mdc-tab-nav-bar.mat-accent .mdc-tab__ripple:before,.mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab .mat-ripple-element,.mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab-header-pagination .mat-ripple-element,.mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab-link .mat-ripple-element {
    background-color: #ff4081
}

.mat-mdc-tab-group.mat-warn .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label,.mat-mdc-tab-group.mat-warn .mat-mdc-tab-link:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label,.mat-mdc-tab-nav-bar.mat-warn .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label,.mat-mdc-tab-nav-bar.mat-warn .mat-mdc-tab-link:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label {
    color: #f44336
}

.mat-mdc-tab-group.mat-warn .mat-mdc-tab:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline,.mat-mdc-tab-group.mat-warn .mat-mdc-tab-link:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline,.mat-mdc-tab-nav-bar.mat-warn .mat-mdc-tab:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline,.mat-mdc-tab-nav-bar.mat-warn .mat-mdc-tab-link:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline {
    border-color: var(--mdc-tab-indicator-active-indicator-color, #f44336)
}

.mat-mdc-tab-group.mat-warn .mdc-tab__ripple:before,.mat-mdc-tab-group.mat-warn .mat-mdc-tab .mat-ripple-element,.mat-mdc-tab-group.mat-warn .mat-mdc-tab-header-pagination .mat-ripple-element,.mat-mdc-tab-group.mat-warn .mat-mdc-tab-link .mat-ripple-element,.mat-mdc-tab-nav-bar.mat-warn .mdc-tab__ripple:before,.mat-mdc-tab-nav-bar.mat-warn .mat-mdc-tab .mat-ripple-element,.mat-mdc-tab-nav-bar.mat-warn .mat-mdc-tab-header-pagination .mat-ripple-element,.mat-mdc-tab-nav-bar.mat-warn .mat-mdc-tab-link .mat-ripple-element {
    background-color: #f44336
}

.mat-mdc-tab-group.mat-background-primary,.mat-mdc-tab-nav-bar.mat-background-primary {
    --mat-mdc-tab-header-with-background-background-color: #3f51b5;
    --mat-mdc-tab-header-with-background-foreground-color: #fff
}

.mat-mdc-tab-group.mat-background-accent,.mat-mdc-tab-nav-bar.mat-background-accent {
    --mat-mdc-tab-header-with-background-background-color: #ff4081;
    --mat-mdc-tab-header-with-background-foreground-color: #fff
}

.mat-mdc-tab-group.mat-background-warn,.mat-mdc-tab-nav-bar.mat-background-warn {
    --mat-mdc-tab-header-with-background-background-color: #f44336;
    --mat-mdc-tab-header-with-background-foreground-color: #fff
}

.mat-mdc-tab-header-pagination-chevron {
    border-color: var(--mdc-theme-on-surface, #000)
}

.mat-mdc-tab-header .mdc-tab {
    height: 48px
}

.mdc-tab {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-button-font-size, 14px);
    line-height: var(--mdc-typography-button-line-height, 36px);
    font-weight: var(--mdc-typography-button-font-weight, 500);
    letter-spacing: var(--mdc-typography-button-letter-spacing, .0892857143em);
    -webkit-text-decoration: var(--mdc-typography-button-text-decoration, none);
    text-decoration: var(--mdc-typography-button-text-decoration, none);
    text-transform: var(--mdc-typography-button-text-transform, none)
}

.mat-mdc-checkbox .mdc-form-field {
    color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87))
}

.mat-mdc-checkbox .mat-ripple-element {
    background-color: #0000001a
}

.mat-mdc-checkbox .mdc-checkbox__ripple {
    background: #000
}

.mat-mdc-checkbox.mat-primary {
    --mdc-checkbox-selected-checkmark-color: #fff;
    --mdc-checkbox-selected-focus-icon-color: #3f51b5;
    --mdc-checkbox-selected-hover-icon-color: #3f51b5;
    --mdc-checkbox-selected-icon-color: #3f51b5;
    --mdc-checkbox-selected-pressed-icon-color: #3f51b5;
    --mdc-checkbox-unselected-focus-icon-color: #212121;
    --mdc-checkbox-unselected-hover-icon-color: #212121;
    --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54)
}

.mat-mdc-checkbox.mat-primary .mdc-checkbox--selected~.mat-mdc-checkbox-ripple .mat-ripple-element {
    background-color: #3f51b51a
}

.mat-mdc-checkbox.mat-primary .mdc-checkbox--selected~.mdc-checkbox__ripple {
    background: #3f51b5
}

.mat-mdc-checkbox.mat-accent {
    --mdc-checkbox-selected-checkmark-color: #fff;
    --mdc-checkbox-selected-focus-icon-color: #ff4081;
    --mdc-checkbox-selected-hover-icon-color: #ff4081;
    --mdc-checkbox-selected-icon-color: #ff4081;
    --mdc-checkbox-selected-pressed-icon-color: #ff4081;
    --mdc-checkbox-unselected-focus-icon-color: #212121;
    --mdc-checkbox-unselected-hover-icon-color: #212121;
    --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54)
}

.mat-mdc-checkbox.mat-accent .mdc-checkbox--selected~.mat-mdc-checkbox-ripple .mat-ripple-element {
    background-color: #ff40811a
}

.mat-mdc-checkbox.mat-accent .mdc-checkbox--selected~.mdc-checkbox__ripple {
    background: #ff4081
}

.mat-mdc-checkbox.mat-warn {
    --mdc-checkbox-selected-checkmark-color: #fff;
    --mdc-checkbox-selected-focus-icon-color: #f44336;
    --mdc-checkbox-selected-hover-icon-color: #f44336;
    --mdc-checkbox-selected-icon-color: #f44336;
    --mdc-checkbox-selected-pressed-icon-color: #f44336;
    --mdc-checkbox-unselected-focus-icon-color: #212121;
    --mdc-checkbox-unselected-hover-icon-color: #212121;
    --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54)
}

.mat-mdc-checkbox.mat-warn .mdc-checkbox--selected~.mat-mdc-checkbox-ripple .mat-ripple-element {
    background-color: #f443361a
}

.mat-mdc-checkbox.mat-warn .mdc-checkbox--selected~.mdc-checkbox__ripple {
    background: #f44336
}

.mat-mdc-checkbox-disabled label {
    color: #00000061
}

.mat-mdc-checkbox .mdc-checkbox {
    padding: calc((var(--mdc-checkbox-ripple-size, 40px) - 18px) / 2);
    margin: calc((var(--mdc-checkbox-touch-target-size, 40px) - 40px) / 2)
}

.mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__background {
    top: calc((var(--mdc-checkbox-ripple-size, 40px) - 18px) / 2);
    left: calc((var(--mdc-checkbox-ripple-size, 40px) - 18px) / 2)
}

.mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__native-control {
    top: calc((40px - var(--mdc-checkbox-touch-target-size, 40px)) / 2);
    right: calc((40px - var(--mdc-checkbox-touch-target-size, 40px)) / 2);
    left: calc((40px - var(--mdc-checkbox-touch-target-size, 40px)) / 2);
    width: var(--mdc-checkbox-touch-target-size, 40px);
    height: var(--mdc-checkbox-touch-target-size, 40px)
}

@media all and (-ms-high-contrast: none) {
    .mdc-checkbox .mdc-checkbox__focus-ring {
        display: none
    }
}

.mdc-form-field {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-body2-font-size, 14px);
    line-height: var(--mdc-typography-body2-line-height, 20px);
    font-weight: var(--mdc-typography-body2-font-weight, 400);
    letter-spacing: var(--mdc-typography-body2-letter-spacing, .0178571429em);
    -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
    text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
    text-transform: var(--mdc-typography-body2-text-transform, none)
}

.mat-mdc-button.mat-unthemed {
    --mdc-text-button-label-text-color: #000
}

.mat-mdc-button.mat-primary {
    --mdc-text-button-label-text-color: #3f51b5
}

.mat-mdc-button.mat-accent {
    --mdc-text-button-label-text-color: #ff4081
}

.mat-mdc-button.mat-warn {
    --mdc-text-button-label-text-color: #f44336
}

.mat-mdc-button[disabled][disabled] {
    --mdc-text-button-disabled-label-text-color: rgba(0, 0, 0, .38);
    --mdc-text-button-label-text-color: rgba(0, 0, 0, .38)
}

.mat-mdc-unelevated-button.mat-unthemed {
    --mdc-filled-button-container-color: #fff;
    --mdc-filled-button-label-text-color: #000
}

.mat-mdc-unelevated-button.mat-primary {
    --mdc-filled-button-container-color: #3f51b5;
    --mdc-filled-button-label-text-color: #fff
}

.mat-mdc-unelevated-button.mat-accent {
    --mdc-filled-button-container-color: #ff4081;
    --mdc-filled-button-label-text-color: #fff
}

.mat-mdc-unelevated-button.mat-warn {
    --mdc-filled-button-container-color: #f44336;
    --mdc-filled-button-label-text-color: #fff
}

.mat-mdc-unelevated-button[disabled][disabled] {
    --mdc-filled-button-disabled-container-color: rgba(0, 0, 0, .12);
    --mdc-filled-button-disabled-label-text-color: rgba(0, 0, 0, .38);
    --mdc-filled-button-container-color: rgba(0, 0, 0, .12);
    --mdc-filled-button-label-text-color: rgba(0, 0, 0, .38)
}

.mat-mdc-raised-button.mat-unthemed {
    --mdc-protected-button-container-color: #fff;
    --mdc-protected-button-label-text-color: #000
}

.mat-mdc-raised-button.mat-primary {
    --mdc-protected-button-container-color: #3f51b5;
    --mdc-protected-button-label-text-color: #fff
}

.mat-mdc-raised-button.mat-accent {
    --mdc-protected-button-container-color: #ff4081;
    --mdc-protected-button-label-text-color: #fff
}

.mat-mdc-raised-button.mat-warn {
    --mdc-protected-button-container-color: #f44336;
    --mdc-protected-button-label-text-color: #fff
}

.mat-mdc-raised-button[disabled][disabled] {
    --mdc-protected-button-disabled-container-color: rgba(0, 0, 0, .12);
    --mdc-protected-button-disabled-label-text-color: rgba(0, 0, 0, .38);
    --mdc-protected-button-container-color: rgba(0, 0, 0, .12);
    --mdc-protected-button-label-text-color: rgba(0, 0, 0, .38);
    --mdc-protected-button-container-elevation: 0
}

.mat-mdc-outlined-button {
    --mdc-outlined-button-outline-color: rgba(0, 0, 0, .12)
}

.mat-mdc-outlined-button.mat-unthemed {
    --mdc-outlined-button-label-text-color: #000
}

.mat-mdc-outlined-button.mat-primary {
    --mdc-outlined-button-label-text-color: #3f51b5
}

.mat-mdc-outlined-button.mat-accent {
    --mdc-outlined-button-label-text-color: #ff4081
}

.mat-mdc-outlined-button.mat-warn {
    --mdc-outlined-button-label-text-color: #f44336
}

.mat-mdc-outlined-button[disabled][disabled] {
    --mdc-outlined-button-label-text-color: rgba(0, 0, 0, .38);
    --mdc-outlined-button-disabled-label-text-color: rgba(0, 0, 0, .38);
    --mdc-outlined-button-outline-color: rgba(0, 0, 0, .12);
    --mdc-outlined-button-disabled-outline-color: rgba(0, 0, 0, .12)
}

.mat-mdc-button,.mat-mdc-outlined-button {
    --mat-mdc-button-persistent-ripple-color: #000;
    --mat-mdc-button-ripple-color: rgba(0, 0, 0, .1)
}

.mat-mdc-button:hover .mat-mdc-button-persistent-ripple:before,.mat-mdc-outlined-button:hover .mat-mdc-button-persistent-ripple:before {
    opacity: .04
}

.mat-mdc-button.cdk-program-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-outlined-button.cdk-program-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-outlined-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple:before {
    opacity: .12
}

.mat-mdc-button:active .mat-mdc-button-persistent-ripple:before,.mat-mdc-outlined-button:active .mat-mdc-button-persistent-ripple:before {
    opacity: .12
}

.mat-mdc-button.mat-primary,.mat-mdc-outlined-button.mat-primary {
    --mat-mdc-button-persistent-ripple-color: #3f51b5;
    --mat-mdc-button-ripple-color: rgba(63, 81, 181, .1)
}

.mat-mdc-button.mat-accent,.mat-mdc-outlined-button.mat-accent {
    --mat-mdc-button-persistent-ripple-color: #ff4081;
    --mat-mdc-button-ripple-color: rgba(255, 64, 129, .1)
}

.mat-mdc-button.mat-warn,.mat-mdc-outlined-button.mat-warn {
    --mat-mdc-button-persistent-ripple-color: #f44336;
    --mat-mdc-button-ripple-color: rgba(244, 67, 54, .1)
}

.mat-mdc-raised-button,.mat-mdc-unelevated-button {
    --mat-mdc-button-persistent-ripple-color: #000;
    --mat-mdc-button-ripple-color: rgba(0, 0, 0, .1)
}

.mat-mdc-raised-button:hover .mat-mdc-button-persistent-ripple:before,.mat-mdc-unelevated-button:hover .mat-mdc-button-persistent-ripple:before {
    opacity: .04
}

.mat-mdc-raised-button.cdk-program-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-raised-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-unelevated-button.cdk-program-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-unelevated-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple:before {
    opacity: .12
}

.mat-mdc-raised-button:active .mat-mdc-button-persistent-ripple:before,.mat-mdc-unelevated-button:active .mat-mdc-button-persistent-ripple:before {
    opacity: .12
}

.mat-mdc-raised-button.mat-primary,.mat-mdc-unelevated-button.mat-primary,.mat-mdc-raised-button.mat-accent,.mat-mdc-unelevated-button.mat-accent,.mat-mdc-raised-button.mat-warn,.mat-mdc-unelevated-button.mat-warn {
    --mat-mdc-button-persistent-ripple-color: #fff;
    --mat-mdc-button-ripple-color: rgba(255, 255, 255, .1)
}

.mat-mdc-button.mat-mdc-button-base,.mat-mdc-raised-button.mat-mdc-button-base,.mat-mdc-unelevated-button.mat-mdc-button-base,.mat-mdc-outlined-button.mat-mdc-button-base {
    height: 36px
}

.mdc-button {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-button-font-size, 14px);
    line-height: var(--mdc-typography-button-line-height, 36px);
    font-weight: var(--mdc-typography-button-font-weight, 500);
    letter-spacing: var(--mdc-typography-button-letter-spacing, .0892857143em);
    -webkit-text-decoration: var(--mdc-typography-button-text-decoration, none);
    text-decoration: var(--mdc-typography-button-text-decoration, none);
    text-transform: var(--mdc-typography-button-text-transform, none)
}

.mat-mdc-icon-button {
    --mat-mdc-button-persistent-ripple-color: #000;
    --mat-mdc-button-ripple-color: rgba(0, 0, 0, .1)
}

.mat-mdc-icon-button:hover .mat-mdc-button-persistent-ripple:before {
    opacity: .04
}

.mat-mdc-icon-button.cdk-program-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-icon-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple:before {
    opacity: .12
}

.mat-mdc-icon-button:active .mat-mdc-button-persistent-ripple:before {
    opacity: .12
}

.mat-mdc-icon-button.mat-primary {
    --mat-mdc-button-persistent-ripple-color: #3f51b5;
    --mat-mdc-button-ripple-color: rgba(63, 81, 181, .1)
}

.mat-mdc-icon-button.mat-accent {
    --mat-mdc-button-persistent-ripple-color: #ff4081;
    --mat-mdc-button-ripple-color: rgba(255, 64, 129, .1)
}

.mat-mdc-icon-button.mat-warn {
    --mat-mdc-button-persistent-ripple-color: #f44336;
    --mat-mdc-button-ripple-color: rgba(244, 67, 54, .1)
}

.mat-mdc-icon-button.mat-primary {
    --mdc-icon-button-icon-color: #3f51b5
}

.mat-mdc-icon-button.mat-accent {
    --mdc-icon-button-icon-color: #ff4081
}

.mat-mdc-icon-button.mat-warn {
    --mdc-icon-button-icon-color: #f44336
}

.mat-mdc-icon-button[disabled][disabled] {
    --mdc-icon-button-icon-color: rgba(0, 0, 0, .38);
    --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, .38)
}

.mat-mdc-icon-button.mat-mdc-button-base {
    width: 48px;
    height: 48px;
    padding: 12px
}

.mat-mdc-icon-button.mat-mdc-button-base .mdc-icon-button__focus-ring {
    max-height: 48px;
    max-width: 48px
}

.mat-mdc-icon-button.mat-mdc-button-base.mdc-icon-button--reduced-size .mdc-icon-button__ripple {
    width: 40px;
    height: 40px;
    margin: 4px
}

.mat-mdc-icon-button.mat-mdc-button-base.mdc-icon-button--reduced-size .mdc-icon-button__focus-ring {
    max-height: 40px;
    max-width: 40px
}

.mat-mdc-icon-button.mat-mdc-button-base .mdc-icon-button__touch {
    position: absolute;
    top: 50%;
    height: 48px;
    left: 50%;
    width: 48px;
    transform: translate(-50%,-50%)
}

.mat-mdc-fab,.mat-mdc-mini-fab {
    --mat-mdc-button-persistent-ripple-color: #000;
    --mat-mdc-button-ripple-color: rgba(0, 0, 0, .1)
}

.mat-mdc-fab:hover .mat-mdc-button-persistent-ripple:before,.mat-mdc-mini-fab:hover .mat-mdc-button-persistent-ripple:before {
    opacity: .04
}

.mat-mdc-fab.cdk-program-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-fab.cdk-keyboard-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-mini-fab.cdk-program-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-mini-fab.cdk-keyboard-focused .mat-mdc-button-persistent-ripple:before {
    opacity: .12
}

.mat-mdc-fab:active .mat-mdc-button-persistent-ripple:before,.mat-mdc-mini-fab:active .mat-mdc-button-persistent-ripple:before {
    opacity: .12
}

.mat-mdc-fab.mat-primary,.mat-mdc-mini-fab.mat-primary,.mat-mdc-fab.mat-accent,.mat-mdc-mini-fab.mat-accent,.mat-mdc-fab.mat-warn,.mat-mdc-mini-fab.mat-warn {
    --mat-mdc-button-persistent-ripple-color: #fff;
    --mat-mdc-button-ripple-color: rgba(255, 255, 255, .1)
}

.mat-mdc-fab.mat-unthemed,.mat-mdc-mini-fab.mat-unthemed {
    --mdc-fab-container-color: #fff;
    --mdc-fab-icon-color: #000;
    --mat-mdc-fab-color: #000
}

.mat-mdc-fab.mat-primary,.mat-mdc-mini-fab.mat-primary {
    --mdc-fab-container-color: #3f51b5;
    --mdc-fab-icon-color: #fff;
    --mat-mdc-fab-color: #fff
}

.mat-mdc-fab.mat-accent,.mat-mdc-mini-fab.mat-accent {
    --mdc-fab-container-color: #ff4081;
    --mdc-fab-icon-color: #fff;
    --mat-mdc-fab-color: #fff
}

.mat-mdc-fab.mat-warn,.mat-mdc-mini-fab.mat-warn {
    --mdc-fab-container-color: #f44336;
    --mdc-fab-icon-color: #fff;
    --mat-mdc-fab-color: #fff
}

.mat-mdc-fab[disabled][disabled],.mat-mdc-mini-fab[disabled][disabled] {
    --mdc-fab-container-color: rgba(0, 0, 0, .12);
    --mdc-fab-icon-color: rgba(0, 0, 0, .38);
    --mat-mdc-fab-color: rgba(0, 0, 0, .38)
}

.mdc-fab--extended {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-button-font-size, 14px);
    line-height: var(--mdc-typography-button-line-height, 36px);
    font-weight: var(--mdc-typography-button-font-weight, 500);
    letter-spacing: var(--mdc-typography-button-letter-spacing, .0892857143em);
    -webkit-text-decoration: var(--mdc-typography-button-text-decoration, none);
    text-decoration: var(--mdc-typography-button-text-decoration, none);
    text-transform: var(--mdc-typography-button-text-transform, none)
}

.mat-mdc-snack-bar-container {
    --mat-mdc-snack-bar-button-color: #ff4081;
    --mdc-snackbar-container-color: #333333;
    --mdc-snackbar-supporting-text-color: rgba(255, 255, 255, .87)
}

.mat-mdc-snack-bar-container {
    --mdc-snackbar-supporting-text-font: Roboto, sans-serif;
    --mdc-snackbar-supporting-text-line-height: 20px;
    --mdc-snackbar-supporting-text-size: 14px;
    --mdc-snackbar-supporting-text-weight: 400
}

.mdc-data-table {
    background-color: var(--mdc-theme-surface, #fff);
    border-color: #0000001f
}

.mdc-data-table__row {
    background-color: inherit
}

.mdc-data-table__header-cell {
    background-color: var(--mdc-theme-surface, #fff)
}

.mdc-data-table__row--selected {
    background-color: #3f51b50a
}

.mdc-data-table__pagination-rows-per-page-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__leading,.mdc-data-table__pagination-rows-per-page-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__notch,.mdc-data-table__pagination-rows-per-page-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__trailing {
    border-color: #0000001f
}

.mdc-data-table__cell,.mdc-data-table__header-cell {
    border-bottom-color: #0000001f
}

.mdc-data-table__pagination {
    border-top-color: #0000001f
}

.mdc-data-table__row:not(.mdc-data-table__row--selected):hover {
    background-color: #0000000a
}

.mdc-data-table__header-cell,.mdc-data-table__pagination-total,.mdc-data-table__pagination-rows-per-page-label,.mdc-data-table__cell {
    color: #000000de
}

.mat-mdc-table {
    background: #fff
}

.mat-mdc-table .mdc-data-table__row {
    height: 52px
}

.mat-mdc-table .mdc-data-table__pagination {
    min-height: 52px
}

.mat-mdc-table .mdc-data-table__header-row {
    height: 56px
}

.mdc-data-table__content,.mdc-data-table__cell {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-body2-font-size, 14px);
    line-height: var(--mdc-typography-body2-line-height, 20px);
    font-weight: var(--mdc-typography-body2-font-weight, 400);
    letter-spacing: var(--mdc-typography-body2-letter-spacing, .0178571429em);
    -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
    text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
    text-transform: var(--mdc-typography-body2-text-transform, none)
}

.mdc-data-table__header-cell {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-subtitle2-font-size, 14px);
    line-height: var(--mdc-typography-subtitle2-line-height, 22px);
    font-weight: var(--mdc-typography-subtitle2-font-weight, 500);
    letter-spacing: var(--mdc-typography-subtitle2-letter-spacing, .0071428571em);
    -webkit-text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit);
    text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit);
    text-transform: var(--mdc-typography-subtitle2-text-transform, none)
}

.mat-mdc-progress-spinner {
    --mdc-circular-progress-active-indicator-color: #3f51b5
}

.mat-mdc-progress-spinner.mat-accent {
    --mdc-circular-progress-active-indicator-color: #ff4081
}

.mat-mdc-progress-spinner.mat-warn {
    --mdc-circular-progress-active-indicator-color: #f44336
}

.mat-badge {
    position: relative
}

.mat-badge.mat-badge {
    overflow: visible
}

.mat-badge-hidden .mat-badge-content {
    display: none
}

.mat-badge-content {
    position: absolute;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    transition: transform .2s ease-in-out;
    transform: scale(.6);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    pointer-events: none
}

.ng-animate-disabled .mat-badge-content,.mat-badge-content._mat-animation-noopable {
    transition: none
}

.mat-badge-content.mat-badge-active {
    transform: none
}

.mat-badge-small .mat-badge-content {
    width: 16px;
    height: 16px;
    line-height: 16px
}

.mat-badge-small.mat-badge-above .mat-badge-content {
    top: -8px
}

.mat-badge-small.mat-badge-below .mat-badge-content {
    bottom: -8px
}

.mat-badge-small.mat-badge-before .mat-badge-content {
    left: -16px
}

[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content {
    left: auto;
    right: -16px
}

.mat-badge-small.mat-badge-after .mat-badge-content {
    right: -16px
}

[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content {
    right: auto;
    left: -16px
}

.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: -8px
}

[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: auto;
    right: -8px
}

.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: -8px
}

[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: auto;
    left: -8px
}

.mat-badge-medium .mat-badge-content {
    width: 22px;
    height: 22px;
    line-height: 22px
}

.mat-badge-medium.mat-badge-above .mat-badge-content {
    top: -11px
}

.mat-badge-medium.mat-badge-below .mat-badge-content {
    bottom: -11px
}

.mat-badge-medium.mat-badge-before .mat-badge-content {
    left: -22px
}

[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content {
    left: auto;
    right: -22px
}

.mat-badge-medium.mat-badge-after .mat-badge-content {
    right: -22px
}

[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content {
    right: auto;
    left: -22px
}

.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: -11px
}

[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: auto;
    right: -11px
}

.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: -11px
}

[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: auto;
    left: -11px
}

.mat-badge-large .mat-badge-content {
    width: 28px;
    height: 28px;
    line-height: 28px
}

.mat-badge-large.mat-badge-above .mat-badge-content {
    top: -14px
}

.mat-badge-large.mat-badge-below .mat-badge-content {
    bottom: -14px
}

.mat-badge-large.mat-badge-before .mat-badge-content {
    left: -28px
}

[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content {
    left: auto;
    right: -28px
}

.mat-badge-large.mat-badge-after .mat-badge-content {
    right: -28px
}

[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content {
    right: auto;
    left: -28px
}

.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: -14px
}

[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: auto;
    right: -14px
}

.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: -14px
}

[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: auto;
    left: -14px
}

.mat-badge-content {
    color: #fff;
    background: #3f51b5
}

.cdk-high-contrast-active .mat-badge-content {
    outline: solid 1px;
    border-radius: 0
}

.mat-badge-accent .mat-badge-content {
    background: #ff4081;
    color: #fff
}

.mat-badge-warn .mat-badge-content {
    color: #fff;
    background: #f44336
}

.mat-badge-disabled .mat-badge-content {
    background: #b9b9b9;
    color: #00000061
}

.mat-badge-content {
    font-weight: 600;
    font-size: 12px;
    font-family: Roboto,sans-serif
}

.mat-badge-small .mat-badge-content {
    font-size: 9px
}

.mat-badge-large .mat-badge-content {
    font-size: 24px
}

.mat-bottom-sheet-container {
    box-shadow: 0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f;
    background: #fff;
    color: #000000de
}

.mat-bottom-sheet-container {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    font-family: Roboto,sans-serif;
    letter-spacing: .0178571429em
}

.mat-button-toggle-standalone:not([class*=mat-elevation-z]),.mat-button-toggle-group:not([class*=mat-elevation-z]) {
    box-shadow: 0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f
}

.mat-button-toggle-standalone.mat-button-toggle-appearance-standard:not([class*=mat-elevation-z]),.mat-button-toggle-group-appearance-standard:not([class*=mat-elevation-z]) {
    box-shadow: none
}

.mat-button-toggle {
    color: #00000061
}

.mat-button-toggle .mat-button-toggle-focus-overlay {
    background-color: #0000001f
}

.mat-button-toggle-appearance-standard {
    color: #000000de;
    background: #fff
}

.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay {
    background-color: #000
}

.mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle {
    border-left: solid 1px #e0e0e0
}

[dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle {
    border-left: none;
    border-right: solid 1px #e0e0e0
}

.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle+.mat-button-toggle {
    border-left: none;
    border-right: none;
    border-top: solid 1px #e0e0e0
}

.mat-button-toggle-checked {
    background-color: #e0e0e0;
    color: #0000008a
}

.mat-button-toggle-checked.mat-button-toggle-appearance-standard {
    color: #000000de
}

.mat-button-toggle-disabled {
    color: #00000042;
    background-color: #eee
}

.mat-button-toggle-disabled.mat-button-toggle-appearance-standard {
    background: #fff
}

.mat-button-toggle-disabled.mat-button-toggle-checked {
    background-color: #bdbdbd
}

.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,.mat-button-toggle-group-appearance-standard {
    border: solid 1px #e0e0e0
}

.mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
    line-height: 48px
}

.mat-button-toggle {
    font-family: Roboto,sans-serif
}

.mat-calendar-arrow {
    fill: #0000008a
}

.mat-datepicker-toggle,.mat-datepicker-content .mat-calendar-next-button,.mat-datepicker-content .mat-calendar-previous-button {
    color: #0000008a
}

.mat-calendar-table-header-divider:after {
    background: rgba(0,0,0,.12)
}

.mat-calendar-table-header,.mat-calendar-body-label {
    color: #0000008a
}

.mat-calendar-body-cell-content,.mat-date-range-input-separator {
    color: #000000de;
    border-color: #0000
}

.mat-calendar-body-disabled>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    color: #00000061
}

.mat-form-field-disabled .mat-date-range-input-separator {
    color: #00000061
}

.mat-calendar-body-in-preview {
    color: #0000003d
}

.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    border-color: #00000061
}

.mat-calendar-body-disabled>.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    border-color: #0000002e
}

.mat-calendar-body-in-range:before {
    background: rgba(63,81,181,.2)
}

.mat-calendar-body-comparison-identical,.mat-calendar-body-in-comparison-range:before {
    background: rgba(249,171,0,.2)
}

.mat-calendar-body-comparison-bridge-start:before,[dir=rtl] .mat-calendar-body-comparison-bridge-end:before {
    background: linear-gradient(to right,rgba(63,81,181,.2) 50%,rgba(249,171,0,.2) 50%)
}

.mat-calendar-body-comparison-bridge-end:before,[dir=rtl] .mat-calendar-body-comparison-bridge-start:before {
    background: linear-gradient(to left,rgba(63,81,181,.2) 50%,rgba(249,171,0,.2) 50%)
}

.mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,.mat-calendar-body-in-comparison-range.mat-calendar-body-in-range:after {
    background: #a8dab5
}

.mat-calendar-body-comparison-identical.mat-calendar-body-selected,.mat-calendar-body-in-comparison-range>.mat-calendar-body-selected {
    background: #46a35e
}

.mat-calendar-body-selected {
    background-color: #3f51b5;
    color: #fff
}

.mat-calendar-body-disabled>.mat-calendar-body-selected {
    background-color: #3f51b566
}

.mat-calendar-body-today.mat-calendar-body-selected {
    box-shadow: inset 0 0 0 1px #fff
}

.cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: #3f51b54d
}

@media (hover: hover) {
    .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
        background-color:#3f51b54d
    }
}

.mat-datepicker-content {
    box-shadow: 0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f;
    background-color: #fff;
    color: #000000de
}

.mat-datepicker-content.mat-accent .mat-calendar-body-in-range:before {
    background: rgba(255,64,129,.2)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range:before {
    background: rgba(249,171,0,.2)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start:before,.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end:before {
    background: linear-gradient(to right,rgba(255,64,129,.2) 50%,rgba(249,171,0,.2) 50%)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end:before,.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start:before {
    background: linear-gradient(to left,rgba(255,64,129,.2) 50%,rgba(249,171,0,.2) 50%)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range:after {
    background: #a8dab5
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected,.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range>.mat-calendar-body-selected {
    background: #46a35e
}

.mat-datepicker-content.mat-accent .mat-calendar-body-selected {
    background-color: #ff4081;
    color: #fff
}

.mat-datepicker-content.mat-accent .mat-calendar-body-disabled>.mat-calendar-body-selected {
    background-color: #ff408166
}

.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
    box-shadow: inset 0 0 0 1px #fff
}

.mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: #ff40814d
}

@media (hover: hover) {
    .mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
        background-color:#ff40814d
    }
}

.mat-datepicker-content.mat-warn .mat-calendar-body-in-range:before {
    background: rgba(244,67,54,.2)
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range:before {
    background: rgba(249,171,0,.2)
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start:before,.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end:before {
    background: linear-gradient(to right,rgba(244,67,54,.2) 50%,rgba(249,171,0,.2) 50%)
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end:before,.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start:before {
    background: linear-gradient(to left,rgba(244,67,54,.2) 50%,rgba(249,171,0,.2) 50%)
}

.mat-datepicker-content.mat-warn .mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range:after {
    background: #a8dab5
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected,.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range>.mat-calendar-body-selected {
    background: #46a35e
}

.mat-datepicker-content.mat-warn .mat-calendar-body-selected {
    background-color: #f44336;
    color: #fff
}

.mat-datepicker-content.mat-warn .mat-calendar-body-disabled>.mat-calendar-body-selected {
    background-color: #f4433666
}

.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
    box-shadow: inset 0 0 0 1px #fff
}

.mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: #f443364d
}

@media (hover: hover) {
    .mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
        background-color:#f443364d
    }
}

.mat-datepicker-content-touch {
    box-shadow: 0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f
}

.mat-datepicker-toggle-active {
    color: #3f51b5
}

.mat-datepicker-toggle-active.mat-accent {
    color: #ff4081
}

.mat-datepicker-toggle-active.mat-warn {
    color: #f44336
}

.mat-date-range-input-inner[disabled] {
    color: #00000061
}

.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
    width: 40px;
    height: 40px;
    padding: 8px
}

.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base .mdc-icon-button__focus-ring {
    max-height: 40px;
    max-width: 40px
}

.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base.mdc-icon-button--reduced-size .mdc-icon-button__ripple {
    width: 40px;
    height: 40px;
    margin: 0
}

.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base.mdc-icon-button--reduced-size .mdc-icon-button__focus-ring {
    max-height: 40px;
    max-width: 40px
}

.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base .mdc-icon-button__touch {
    position: absolute;
    top: 50%;
    height: 40px;
    left: 50%;
    width: 40px;
    transform: translate(-50%,-50%)
}

.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-button-touch-target {
    display: none
}

.mat-calendar {
    font-family: Roboto,sans-serif
}

.mat-calendar-body {
    font-size: 13px
}

.mat-calendar-body-label,.mat-calendar-period-button {
    font-size: 14px;
    font-weight: 500
}

.mat-calendar-table-header th {
    font-size: 11px;
    font-weight: 400
}

.mat-divider {
    border-top-color: #0000001f
}

.mat-divider-vertical {
    border-right-color: #0000001f
}

.mat-expansion-panel {
    background: #fff;
    color: #000000de
}

.mat-expansion-panel:not([class*=mat-elevation-z]) {
    box-shadow: 0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f
}

.mat-action-row {
    border-top-color: #0000001f
}

.mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]),.mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]),.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) {
    background: rgba(0,0,0,.04)
}

@media (hover: none) {
    .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover {
        background:#fff
    }
}

.mat-expansion-panel-header-title {
    color: #000000de
}

.mat-expansion-panel-header-description,.mat-expansion-indicator:after {
    color: #0000008a
}

.mat-expansion-panel-header[aria-disabled=true] {
    color: #00000042
}

.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title,.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description {
    color: inherit
}

.mat-expansion-panel-header {
    height: 48px
}

.mat-expansion-panel-header.mat-expanded {
    height: 64px
}

.mat-expansion-panel-header {
    font-family: Roboto,sans-serif;
    font-size: 14px;
    font-weight: 500
}

.mat-expansion-panel-content {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    font-family: Roboto,sans-serif;
    letter-spacing: .0178571429em
}

.mat-grid-tile-header,.mat-grid-tile-footer {
    font-size: 14px
}

.mat-grid-tile-header .mat-line,.mat-grid-tile-footer .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box
}

.mat-grid-tile-header .mat-line:nth-child(n+2),.mat-grid-tile-footer .mat-line:nth-child(n+2) {
    font-size: 12px
}

.mat-icon.mat-primary {
    color: #3f51b5
}

.mat-icon.mat-accent {
    color: #ff4081
}

.mat-icon.mat-warn {
    color: #f44336
}

.mat-drawer-container {
    background-color: #fafafa;
    color: #000000de
}

.mat-drawer {
    background-color: #fff;
    color: #000000de
}

.mat-drawer.mat-drawer-push {
    background-color: #fff
}

.mat-drawer:not(.mat-drawer-side) {
    box-shadow: 0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f
}

.mat-drawer-side {
    border-right: solid 1px rgba(0,0,0,.12)
}

.mat-drawer-side.mat-drawer-end,[dir=rtl] .mat-drawer-side {
    border-left: solid 1px rgba(0,0,0,.12);
    border-right: none
}

[dir=rtl] .mat-drawer-side.mat-drawer-end {
    border-left: none;
    border-right: solid 1px rgba(0,0,0,.12)
}

.mat-drawer-backdrop.mat-drawer-shown {
    background-color: #0009
}

.mat-step-header.cdk-keyboard-focused,.mat-step-header.cdk-program-focused,.mat-step-header:hover:not([aria-disabled]),.mat-step-header:hover[aria-disabled=false] {
    background-color: #0000000a
}

.mat-step-header:hover[aria-disabled=true] {
    cursor: default
}

@media (hover: none) {
    .mat-step-header:hover {
        background:none
    }
}

.mat-step-header .mat-step-label,.mat-step-header .mat-step-optional {
    color: #0000008a
}

.mat-step-header .mat-step-icon {
    background-color: #0000008a;
    color: #fff
}

.mat-step-header .mat-step-icon-selected,.mat-step-header .mat-step-icon-state-done,.mat-step-header .mat-step-icon-state-edit {
    background-color: #3f51b5;
    color: #fff
}

.mat-step-header.mat-accent .mat-step-icon {
    color: #fff
}

.mat-step-header.mat-accent .mat-step-icon-selected,.mat-step-header.mat-accent .mat-step-icon-state-done,.mat-step-header.mat-accent .mat-step-icon-state-edit {
    background-color: #ff4081;
    color: #fff
}

.mat-step-header.mat-warn .mat-step-icon {
    color: #fff
}

.mat-step-header.mat-warn .mat-step-icon-selected,.mat-step-header.mat-warn .mat-step-icon-state-done,.mat-step-header.mat-warn .mat-step-icon-state-edit {
    background-color: #f44336;
    color: #fff
}

.mat-step-header .mat-step-icon-state-error {
    background-color: #0000;
    color: #f44336
}

.mat-step-header .mat-step-label.mat-step-label-active {
    color: #000000de
}

.mat-step-header .mat-step-label.mat-step-label-error {
    color: #f44336
}

.mat-stepper-horizontal,.mat-stepper-vertical {
    background-color: #fff
}

.mat-stepper-vertical-line:before {
    border-left-color: #0000001f
}

.mat-horizontal-stepper-header:before,.mat-horizontal-stepper-header:after,.mat-stepper-horizontal-line {
    border-top-color: #0000001f
}

.mat-horizontal-stepper-header {
    height: 72px
}

.mat-stepper-label-position-bottom .mat-horizontal-stepper-header,.mat-vertical-stepper-header {
    padding: 24px
}

.mat-stepper-vertical-line:before {
    top: -16px;
    bottom: -16px
}

.mat-stepper-label-position-bottom .mat-horizontal-stepper-header:after,.mat-stepper-label-position-bottom .mat-horizontal-stepper-header:before {
    top: 36px
}

.mat-stepper-label-position-bottom .mat-stepper-horizontal-line {
    top: 36px
}

.mat-stepper-vertical,.mat-stepper-horizontal {
    font-family: Roboto,sans-serif
}

.mat-step-label {
    font-size: 14px;
    font-weight: 400
}

.mat-step-sub-label-error {
    font-weight: 400
}

.mat-step-label-error {
    font-size: 16px
}

.mat-step-label-selected {
    font-size: 16px;
    font-weight: 400
}

.mat-sort-header-arrow {
    color: #757575
}

.mat-toolbar {
    background: #f5f5f5;
    color: #000000de
}

.mat-toolbar.mat-primary {
    background: #3f51b5;
    color: #fff
}

.mat-toolbar.mat-accent {
    background: #ff4081;
    color: #fff
}

.mat-toolbar.mat-warn {
    background: #f44336;
    color: #fff
}

.mat-toolbar .mat-form-field-underline,.mat-toolbar .mat-form-field-ripple,.mat-toolbar .mat-focused .mat-form-field-ripple {
    background-color: currentColor
}

.mat-toolbar .mat-form-field-label,.mat-toolbar .mat-focused .mat-form-field-label,.mat-toolbar .mat-select-value,.mat-toolbar .mat-select-arrow,.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow {
    color: inherit
}

.mat-toolbar .mat-input-element {
    caret-color: currentColor
}

.mat-toolbar-multiple-rows {
    min-height: 64px
}

.mat-toolbar-row,.mat-toolbar-single-row {
    height: 64px
}

@media (max-width: 599px) {
    .mat-toolbar-multiple-rows {
        min-height:56px
    }

    .mat-toolbar-row,.mat-toolbar-single-row {
        height: 56px
    }
}

.mat-toolbar,.mat-toolbar h1,.mat-toolbar h2,.mat-toolbar h3,.mat-toolbar h4,.mat-toolbar h5,.mat-toolbar h6 {
    font-size: 20px;
    font-weight: 500;
    line-height: 32px;
    font-family: Roboto,sans-serif;
    letter-spacing: .0125em;
    margin: 0
}

.mat-tree {
    background: #fff
}

.mat-tree-node,.mat-nested-tree-node {
    color: #000000de
}

.mat-tree-node {
    min-height: 48px
}

.mat-tree {
    font-family: Roboto,sans-serif
}

.mat-tree-node,.mat-nested-tree-node {
    font-weight: 400;
    font-size: 14px
}

.mat-h1,.mat-headline-5,.mat-typography .mat-h1,.mat-typography .mat-headline-5,.mat-typography h1 {
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    font-family: Roboto,sans-serif;
    letter-spacing: normal;
    margin: 0 0 16px
}

.mat-h2,.mat-headline-6,.mat-typography .mat-h2,.mat-typography .mat-headline-6,.mat-typography h2 {
    font-size: 20px;
    font-weight: 500;
    line-height: 32px;
    font-family: Roboto,sans-serif;
    letter-spacing: .0125em;
    margin: 0 0 16px
}

.mat-h3,.mat-subtitle-1,.mat-typography .mat-h3,.mat-typography .mat-subtitle-1,.mat-typography h3 {
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    font-family: Roboto,sans-serif;
    letter-spacing: .009375em;
    margin: 0 0 16px
}

.mat-h4,.mat-body-1,.mat-typography .mat-h4,.mat-typography .mat-body-1,.mat-typography h4 {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    font-family: Roboto,sans-serif;
    letter-spacing: .03125em;
    margin: 0 0 16px
}

.mat-h5,.mat-typography .mat-h5,.mat-typography h5 {
    font: 400 11.62px/20px Roboto,sans-serif;
    margin: 0 0 12px
}

.mat-h6,.mat-typography .mat-h6,.mat-typography h6 {
    font: 400 9.38px/20px Roboto,sans-serif;
    margin: 0 0 12px
}

.mat-body-strong,.mat-subtitle-2,.mat-typography .mat-body-strong,.mat-typography .mat-subtitle-2 {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    font-family: Roboto,sans-serif;
    letter-spacing: .0071428571em
}

.mat-body,.mat-body-2,.mat-typography .mat-body,.mat-typography .mat-body-2,.mat-typography {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    font-family: Roboto,sans-serif;
    letter-spacing: .0178571429em
}

.mat-body p,.mat-body-2 p,.mat-typography .mat-body p,.mat-typography .mat-body-2 p,.mat-typography p {
    margin: 0 0 12px
}

.mat-small,.mat-caption,.mat-typography .mat-small,.mat-typography .mat-caption {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    font-family: Roboto,sans-serif;
    letter-spacing: .0333333333em
}

.mat-headline-1,.mat-typography .mat-headline-1 {
    font-size: 96px;
    font-weight: 300;
    line-height: 96px;
    font-family: Roboto,sans-serif;
    letter-spacing: -.015625em;
    margin: 0 0 56px
}

.mat-headline-2,.mat-typography .mat-headline-2 {
    font-size: 60px;
    font-weight: 300;
    line-height: 60px;
    font-family: Roboto,sans-serif;
    letter-spacing: -.0083333333em;
    margin: 0 0 64px
}

.mat-headline-3,.mat-typography .mat-headline-3 {
    font-size: 48px;
    font-weight: 400;
    line-height: 50px;
    font-family: Roboto,sans-serif;
    letter-spacing: normal;
    margin: 0 0 64px
}

.mat-headline-4,.mat-typography .mat-headline-4 {
    font-size: 34px;
    font-weight: 400;
    line-height: 40px;
    font-family: Roboto,sans-serif;
    letter-spacing: .0073529412em;
    margin: 0 0 64px
}

.cdk-overlay-container,.cdk-global-overlay-wrapper {
    pointer-events: none;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.cdk-overlay-container {
    position: fixed;
    z-index: 1000
}

.cdk-overlay-container:empty {
    display: none
}

.cdk-global-overlay-wrapper {
    display: flex;
    position: absolute;
    z-index: 1000
}

.cdk-overlay-pane {
    position: absolute;
    pointer-events: auto;
    box-sizing: border-box;
    z-index: 1000;
    display: flex;
    max-width: 100%;
    max-height: 100%
}

.cdk-overlay-backdrop {
    position: absolute;
    inset: 0;
    z-index: 1000;
    pointer-events: auto;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    transition: opacity .4s cubic-bezier(.25,.8,.25,1);
    opacity: 0
}

.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: 1
}

.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: .6
}

.cdk-overlay-dark-backdrop {
    background: rgba(0,0,0,.32)
}

.cdk-overlay-transparent-backdrop {
    transition: visibility 1ms linear,opacity 1ms linear;
    visibility: hidden;
    opacity: 1
}

.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
    opacity: 0;
    visibility: visible
}

.cdk-overlay-backdrop-noop-animation {
    transition: none
}

.cdk-overlay-connected-position-bounding-box {
    position: absolute;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    min-width: 1px;
    min-height: 1px
}

.cdk-global-scrollblock {
    position: fixed;
    width: 100%;
    overflow-y: scroll
}

.no-scroll {
    overflow: hidden!important
}

* {
    -webkit-tap-highlight-color: transparent
}

button {
    outline: none
}

.country-flag {
    width: 50px;
    height: 50px
}

input.ng-invalid.ng-touched {
    border-width: 2px;
    border-color: #e90000;
    box-shadow: 0 2px 10px -3px #e90000
}

.loading-spinner {
    animation-duration: .75s;
    animation-iteration-count: infinite;
    animation-name: rotate-forever;
    animation-timing-function: linear;
    height: 25px;
    width: 25px;
    border: 2px solid #000000;
    border-right-color: transparent;
    border-radius: 50%;
    display: inline-block
}

@keyframes rotate-forever {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.spinner {
    animation: rotator 1.4s linear infinite
}

@keyframes rotator {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(270deg)
    }
}

.path {
    stroke-dasharray: 187;
    stroke-dashoffset: 0;
    transform-origin: center;
    animation: dash 1.4s ease-in-out infinite,colors 5.6s ease-in-out infinite
}

@keyframes colors {
    0% {
        stroke: red
    }

    to {
        stroke: #b40000
    }
}

@keyframes dash {
    0% {
        stroke-dashoffset: 187
    }

    50% {
        stroke-dashoffset: 46.75;
        transform: rotate(135deg)
    }

    to {
        stroke-dashoffset: 187;
        transform: rotate(450deg)
    }
}

.skeleton-card {
    display: flex;
    width: 32%;
    height: 270px;
    margin: 5px;
    flex-direction: column;
    background-color: #fff;
    box-shadow: 0 1px 2px -1px #00000080;
    text-decoration: none
}

.skeleton {
    width: 200px;
    background: linear-gradient(270deg,#b9b9b9,#6e6e6e);
    background-size: 400% 400%;
    animation: animateSkeleton 1s ease infinite
}

.skeleton-best-value {
    background: linear-gradient(270deg,#e90000,#ad0000);
    background-size: 400% 400%;
    animation: animateSkeleton 1s ease infinite;
    width: 150px;
    height: 40px;
    margin-top: -40px;
    margin-right: auto;
    margin-left: auto;
    background-color: #e90000;
    transform: translateY(20px)
}

.skeleton-best-value.white {
    background: linear-gradient(270deg,#ffffff,#cccccc);
    background-color: #fff;
    background-size: 400% 400%
}

@keyframes animateSkeleton {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    to {
        background-position: 0% 50%
    }
}

@media (max-width: 767px) {
    .skeleton-card {
        width:100%
    }
}

html,body {
    height: 100%
}

body {
    margin: 0;
    font-family: Roboto,Helvetica Neue,sans-serif
}

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
    display: block
}

audio,canvas,progress,video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],template {
    display: none
}

a {
    background-color: transparent
}

a:active,a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,kbd,pre,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

button,input,optgroup,select,textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,select {
    text-transform: none
}

button,html input[type=button],input[type=reset] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox],input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: none
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,th {
    padding: 0
}

@font-face {
    font-family: webflow-icons;
    src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format("truetype");
    font-weight: 400;
    font-style: normal
}

[class^=w-icon-],[class*=" w-icon-"] {
    font-family: webflow-icons!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.w-icon-slider-right:before {
    content: "\e600"
}

.w-icon-slider-left:before {
    content: "\e601"
}

.w-icon-nav-menu:before {
    content: "\e602"
}

.w-icon-arrow-down:before,.w-icon-dropdown-toggle:before {
    content: "\e603"
}

.w-icon-file-upload-remove:before {
    content: "\e900"
}

.w-icon-file-upload-icon:before {
    content: "\e903"
}

* {
    box-sizing: border-box
}

html {
    height: 100%
}

body {
    margin: 0;
    min-height: 100%;
    background-color: #fff;
    font-family: Arial,sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #333
}

img {
    width: 100%;
    vertical-align: middle;
    display: inline-block
}

html.w-mod-touch * {
    background-attachment: scroll!important
}

.w-block {
    display: block
}

.w-inline-block {
    max-width: 100%;
    display: inline-block
}

.w-clearfix:before,.w-clearfix:after {
    content: " ";
    display: table;
    grid-column-start: 1;
    grid-row-start: 1;
    grid-column-end: 2;
    grid-row-end: 2
}

.w-clearfix:after {
    clear: both
}

.w-hidden {
    display: none
}

.w-button {
    display: inline-block;
    padding: 9px 15px;
    background-color: #3898ec;
    color: #fff;
    border: 0;
    line-height: inherit;
    text-decoration: none;
    cursor: pointer;
    border-radius: 0
}

input.w-button {
    -webkit-appearance: button
}

html[data-w-dynpage] [data-w-cloak] {
    color: transparent!important
}

.w-webflow-badge,.w-webflow-badge * {
    position: static;
    inset: auto;
    z-index: auto;
    display: block;
    visibility: visible;
    overflow: visible;
    overflow-x: visible;
    overflow-y: visible;
    box-sizing: border-box;
    width: auto;
    height: auto;
    max-height: none;
    max-width: none;
    min-height: 0;
    min-width: 0;
    margin: 0;
    padding: 0;
    float: none;
    clear: none;
    border: 0 none transparent;
    border-radius: 0;
    background: none;
    background-image: none;
    background-position: 0% 0%;
    background-size: auto auto;
    background-repeat: repeat;
    background-origin: padding-box;
    background-clip: border-box;
    background-attachment: scroll;
    background-color: transparent;
    box-shadow: none;
    opacity: 1;
    transform: none;
    transition: none;
    direction: ltr;
    font-family: inherit;
    font-weight: inherit;
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    font-style: inherit;
    font-variant: inherit;
    text-align: inherit;
    letter-spacing: inherit;
    text-decoration: inherit;
    text-indent: 0;
    text-transform: inherit;
    list-style-type: disc;
    text-shadow: none;
    font-smoothing: auto;
    vertical-align: baseline;
    cursor: inherit;
    white-space: inherit;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal
}

.w-webflow-badge {
    position: fixed!important;
    display: inline-block!important;
    visibility: visible!important;
    z-index: 2147483647!important;
    inset: auto 12px 12px auto!important;
    color: #aaadb0!important;
    background-color: #fff!important;
    border-radius: 3px!important;
    padding: 6px 8px 6px 6px!important;
    font-size: 12px!important;
    opacity: 1!important;
    line-height: 14px!important;
    text-decoration: none!important;
    transform: none!important;
    margin: 0!important;
    width: auto!important;
    height: auto!important;
    overflow: visible!important;
    white-space: nowrap;
    box-shadow: 0 0 0 1px #0000001a,0 1px 3px #0000001a;
    cursor: pointer
}

.w-webflow-badge>img {
    display: inline-block!important;
    visibility: visible!important;
    opacity: 1!important;
    vertical-align: middle!important
}

h1,h2,h3,h4,h5,h6 {
    font-weight: 700;
    margin-bottom: 10px
}

h1 {
    font-size: 38px;
    line-height: 44px;
    margin-top: 20px
}

h2 {
    font-size: 32px;
    line-height: 36px;
    margin-top: 20px
}

h3 {
    font-size: 24px;
    line-height: 30px;
    margin-top: 20px
}

h4 {
    font-size: 18px;
    line-height: 24px;
    margin-top: 10px
}

h5 {
    font-size: 14px;
    line-height: 20px;
    margin-top: 10px
}

h6 {
    font-size: 12px;
    line-height: 18px;
    margin-top: 10px
}

p {
    margin-top: 0;
    margin-bottom: 10px
}

blockquote {
    margin: 0 0 10px;
    padding: 10px 20px;
    border-left: 5px solid #e2e2e2;
    font-size: 18px;
    line-height: 22px
}

figure {
    margin: 0 0 10px
}

figcaption {
    margin-top: 5px;
    text-align: center
}

ul,ol {
    margin-top: 0;
    margin-bottom: 10px;
    padding-left: 40px
}

.w-list-unstyled {
    padding-left: 0;
    list-style: none
}

.w-embed:before,.w-embed:after {
    content: " ";
    display: table;
    grid-column-start: 1;
    grid-row-start: 1;
    grid-column-end: 2;
    grid-row-end: 2
}

.w-embed:after {
    clear: both
}

.w-video {
    width: 100%;
    position: relative;
    padding: 0
}

.w-video iframe,.w-video object,.w-video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0
}

button,html input[type=button],input[type=reset] {
    border: 0;
    cursor: pointer;
    -webkit-appearance: button
}

.w-form {
    margin: 0 0 15px
}

.w-form-done {
    display: none;
    padding: 20px;
    text-align: center;
    background-color: #ddd
}

.w-form-fail {
    display: none;
    margin-top: 10px;
    padding: 10px;
    background-color: #ffdede
}

label {
    display: block;
    margin-bottom: 5px;
    font-weight: 700
}

.w-input,.w-select {
    display: block;
    width: 100%;
    height: 38px;
    padding: 8px 12px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #333;
    background-color: #fff;
    border: 1px solid #cccccc
}

.w-input:-moz-placeholder,.w-select:-moz-placeholder {
    color: #dadada
}

.w-input::-moz-placeholder,.w-select::-moz-placeholder {
    color: #dadada;
    opacity: 1
}

.w-input:-ms-input-placeholder,.w-select:-ms-input-placeholder {
    color: #dadada
}

.w-input::-webkit-input-placeholder,.w-select::-webkit-input-placeholder {
    color: #dadada
}

.w-input:focus,.w-select:focus {
    border-color: #3898ec;
    outline: 0
}

.w-input[disabled],.w-select[disabled],.w-input[readonly],.w-select[readonly],fieldset[disabled] .w-input,fieldset[disabled] .w-select {
    cursor: not-allowed
}

textarea.w-input,textarea.w-select {
    height: auto
}

.w-select {
    background-color: #f3f3f3
}

.w-select[multiple] {
    height: auto
}

.w-form-label {
    display: inline-block;
    cursor: pointer;
    font-weight: 400;
    margin-bottom: 0
}

.w-radio {
    display: block;
    margin-bottom: 5px;
    padding-left: 20px
}

.w-radio:before,.w-radio:after {
    content: " ";
    display: table;
    grid-column-start: 1;
    grid-row-start: 1;
    grid-column-end: 2;
    grid-row-end: 2
}

.w-radio:after {
    clear: both
}

.w-radio-input {
    margin: 4px 0 0;
    margin-top: 1px \ ;
    line-height: normal;
    float: left;
    margin-left: -20px
}

.w-radio-input {
    margin-top: 3px
}

.w-file-upload {
    display: block;
    margin-bottom: 10px
}

.w-file-upload-input {
    width: .1px;
    height: .1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -100
}

.w-file-upload-default,.w-file-upload-uploading,.w-file-upload-success {
    display: inline-block;
    color: #333
}

.w-file-upload-error {
    display: block;
    margin-top: 10px
}

.w-file-upload-default.w-hidden,.w-file-upload-uploading.w-hidden,.w-file-upload-error.w-hidden,.w-file-upload-success.w-hidden {
    display: none
}

.w-file-upload-uploading-btn {
    display: flex;
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
    margin: 0;
    padding: 8px 12px;
    border: 1px solid #cccccc;
    background-color: #fafafa
}

.w-file-upload-file {
    display: flex;
    flex-grow: 1;
    justify-content: space-between;
    margin: 0;
    padding: 8px 9px 8px 11px;
    border: 1px solid #cccccc;
    background-color: #fafafa
}

.w-file-upload-file-name {
    font-size: 14px;
    font-weight: 400;
    display: block
}

.w-file-remove-link {
    margin-top: 3px;
    margin-left: 10px;
    width: auto;
    height: auto;
    padding: 3px;
    display: block;
    cursor: pointer
}

.w-icon-file-upload-remove {
    margin: auto;
    font-size: 10px
}

.w-file-upload-error-msg {
    display: inline-block;
    color: #ea384c;
    padding: 2px 0
}

.w-file-upload-info {
    display: inline-block;
    line-height: 38px;
    padding: 0 12px
}

.w-file-upload-label {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
    margin: 0;
    padding: 8px 12px;
    border: 1px solid #cccccc;
    background-color: #fafafa
}

.w-icon-file-upload-icon,.w-icon-file-upload-uploading {
    display: inline-block;
    margin-right: 8px;
    width: 20px
}

.w-icon-file-upload-uploading {
    height: 20px
}

.w-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 940px
}

.w-container:before,.w-container:after {
    content: " ";
    display: table;
    grid-column-start: 1;
    grid-row-start: 1;
    grid-column-end: 2;
    grid-row-end: 2
}

.w-container:after {
    clear: both
}

.w-container .w-row {
    margin-left: -10px;
    margin-right: -10px
}

.w-row:before,.w-row:after {
    content: " ";
    display: table;
    grid-column-start: 1;
    grid-row-start: 1;
    grid-column-end: 2;
    grid-row-end: 2
}

.w-row:after {
    clear: both
}

.w-row .w-row {
    margin-left: 0;
    margin-right: 0
}

.w-col {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px
}

.w-col .w-col {
    padding-left: 0;
    padding-right: 0
}

.w-col-1 {
    width: 8.33333333%
}

.w-col-2 {
    width: 16.66666667%
}

.w-col-3 {
    width: 25%
}

.w-col-4 {
    width: 33.33333333%
}

.w-col-5 {
    width: 41.66666667%
}

.w-col-6 {
    width: 50%
}

.w-col-7 {
    width: 58.33333333%
}

.w-col-8 {
    width: 66.66666667%
}

.w-col-9 {
    width: 75%
}

.w-col-10 {
    width: 83.33333333%
}

.w-col-11 {
    width: 91.66666667%
}

.w-col-12 {
    width: 100%
}

.w-hidden-main {
    display: none!important
}

@media screen and (max-width: 991px) {
    .w-container {
        max-width:728px
    }

    .w-hidden-main {
        display: inherit!important
    }

    .w-hidden-medium {
        display: none!important
    }

    .w-col-medium-1 {
        width: 8.33333333%
    }

    .w-col-medium-2 {
        width: 16.66666667%
    }

    .w-col-medium-3 {
        width: 25%
    }

    .w-col-medium-4 {
        width: 33.33333333%
    }

    .w-col-medium-5 {
        width: 41.66666667%
    }

    .w-col-medium-6 {
        width: 50%
    }

    .w-col-medium-7 {
        width: 58.33333333%
    }

    .w-col-medium-8 {
        width: 66.66666667%
    }

    .w-col-medium-9 {
        width: 75%
    }

    .w-col-medium-10 {
        width: 83.33333333%
    }

    .w-col-medium-11 {
        width: 91.66666667%
    }

    .w-col-medium-12 {
        width: 100%
    }

    .w-col-stack {
        width: 100%;
        left: auto;
        right: auto
    }
}

@media screen and (max-width: 767px) {
    .w-hidden-main,.w-hidden-medium {
        display:inherit!important
    }

    .w-hidden-small {
        display: none!important
    }

    .w-row,.w-container .w-row {
        margin-left: 0;
        margin-right: 0
    }

    .w-col {
        width: 100%;
        left: auto;
        right: auto
    }

    .w-col-small-1 {
        width: 8.33333333%
    }

    .w-col-small-2 {
        width: 16.66666667%
    }

    .w-col-small-3 {
        width: 25%
    }

    .w-col-small-4 {
        width: 33.33333333%
    }

    .w-col-small-5 {
        width: 41.66666667%
    }

    .w-col-small-6 {
        width: 50%
    }

    .w-col-small-7 {
        width: 58.33333333%
    }

    .w-col-small-8 {
        width: 66.66666667%
    }

    .w-col-small-9 {
        width: 75%
    }

    .w-col-small-10 {
        width: 83.33333333%
    }

    .w-col-small-11 {
        width: 91.66666667%
    }

    .w-col-small-12 {
        width: 100%
    }
}

@media screen and (max-width: 479px) {
    .w-container {
        max-width:none
    }

    .w-hidden-main,.w-hidden-medium,.w-hidden-small {
        display: inherit!important
    }

    .w-hidden-tiny {
        display: none!important
    }

    .w-col {
        width: 100%
    }

    .w-col-tiny-1 {
        width: 8.33333333%
    }

    .w-col-tiny-2 {
        width: 16.66666667%
    }

    .w-col-tiny-3 {
        width: 25%
    }

    .w-col-tiny-4 {
        width: 33.33333333%
    }

    .w-col-tiny-5 {
        width: 41.66666667%
    }

    .w-col-tiny-6 {
        width: 50%
    }

    .w-col-tiny-7 {
        width: 58.33333333%
    }

    .w-col-tiny-8 {
        width: 66.66666667%
    }

    .w-col-tiny-9 {
        width: 75%
    }

    .w-col-tiny-10 {
        width: 83.33333333%
    }

    .w-col-tiny-11 {
        width: 91.66666667%
    }

    .w-col-tiny-12 {
        width: 100%
    }
}

.w-widget {
    position: relative
}

.w-widget-map {
    width: 100%;
    height: 400px
}

.w-widget-map label {
    width: auto;
    display: inline
}

.w-widget-map img {
    max-width: inherit
}

.w-widget-map .gm-style-iw {
    text-align: center
}

.w-widget-map .gm-style-iw>button {
    display: none!important
}

.w-widget-twitter {
    overflow: hidden
}

.w-widget-twitter-count-shim {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 28px;
    height: 20px;
    text-align: center;
    background: white;
    border: #758696 solid 1px;
    border-radius: 3px
}

.w-widget-twitter-count-shim * {
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none
}

.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
    position: relative;
    font-size: 15px;
    line-height: 12px;
    text-align: center;
    color: #999;
    font-family: serif
}

.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
    position: relative;
    display: block
}

.w-widget-twitter-count-shim.w--large {
    width: 36px;
    height: 28px;
    margin-left: 7px
}

.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
    font-size: 18px;
    line-height: 18px
}

.w-widget-twitter-count-shim:not(.w--vertical) {
    margin-left: 5px;
    margin-right: 8px
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large {
    margin-left: 6px
}

.w-widget-twitter-count-shim:not(.w--vertical):before,.w-widget-twitter-count-shim:not(.w--vertical):after {
    top: 50%;
    left: 0;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.w-widget-twitter-count-shim:not(.w--vertical):before {
    border-color: #75869600;
    border-right-color: #5d6c7b;
    border-width: 4px;
    margin-left: -9px;
    margin-top: -4px
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
    border-width: 5px;
    margin-left: -10px;
    margin-top: -5px
}

.w-widget-twitter-count-shim:not(.w--vertical):after {
    border-color: #fff0;
    border-right-color: #fff;
    border-width: 4px;
    margin-left: -8px;
    margin-top: -4px
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
    border-width: 5px;
    margin-left: -9px;
    margin-top: -5px
}

.w-widget-twitter-count-shim.w--vertical {
    width: 61px;
    height: 33px;
    margin-bottom: 8px
}

.w-widget-twitter-count-shim.w--vertical:before,.w-widget-twitter-count-shim.w--vertical:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.w-widget-twitter-count-shim.w--vertical:before {
    border-color: #75869600;
    border-top-color: #5d6c7b;
    border-width: 5px;
    margin-left: -5px
}

.w-widget-twitter-count-shim.w--vertical:after {
    border-color: #fff0;
    border-top-color: #fff;
    border-width: 4px;
    margin-left: -4px
}

.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
    font-size: 18px;
    line-height: 22px
}

.w-widget-twitter-count-shim.w--vertical.w--large {
    width: 76px
}

.w-widget-gplus {
    overflow: hidden
}

.w-background-video {
    position: relative;
    overflow: hidden;
    height: 500px;
    color: #fff
}

.w-background-video>video {
    background-size: cover;
    background-position: 50% 50%;
    position: absolute;
    margin: auto;
    width: 100%;
    height: 100%;
    inset: -100%;
    object-fit: cover;
    z-index: -100
}

.w-background-video>video::-webkit-media-controls-start-playback-button {
    display: none!important;
    -webkit-appearance: none
}

.w-slider {
    position: relative;
    height: 300px;
    text-align: center;
    background: #dddddd;
    clear: both;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    tap-highlight-color: rgba(0,0,0,0)
}

.w-slider-mask {
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 1;
    left: 0;
    right: 0;
    height: 100%;
    white-space: nowrap
}

.w-slide {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 100%;
    white-space: normal;
    text-align: left
}

.w-slider-nav {
    position: absolute;
    z-index: 2;
    inset: auto 0 0;
    margin: auto;
    padding-top: 10px;
    height: 40px;
    text-align: center;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    tap-highlight-color: rgba(0,0,0,0)
}

.w-slider-nav.w-round>div {
    border-radius: 100%
}

.w-slider-nav.w-num>div {
    width: auto;
    height: auto;
    padding: .2em .5em;
    font-size: inherit;
    line-height: inherit
}

.w-slider-nav.w-shadow>div {
    box-shadow: 0 0 3px #3336
}

.w-slider-nav-invert {
    color: #fff
}

.w-slider-nav-invert>div {
    background-color: #2226
}

.w-slider-nav-invert>div.w-active {
    background-color: #222
}

.w-slider-dot {
    position: relative;
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: #fff6;
    cursor: pointer;
    margin: 0 3px .5em;
    transition: background-color .1s,color .1s
}

.w-slider-dot.w-active {
    background-color: #fff
}

.w-slider-arrow-left,.w-slider-arrow-right {
    position: absolute;
    width: 80px;
    inset: 0;
    margin: auto;
    cursor: pointer;
    overflow: hidden;
    color: #fff;
    font-size: 40px;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    tap-highlight-color: rgba(0,0,0,0);
    -webkit-user-select: none;
    user-select: none
}

.w-slider-arrow-left [class^=w-icon-],.w-slider-arrow-right [class^=w-icon-],.w-slider-arrow-left [class*=" w-icon-"],.w-slider-arrow-right [class*=" w-icon-"] {
    position: absolute
}

.w-slider-arrow-left {
    z-index: 3;
    right: auto
}

.w-slider-arrow-right {
    z-index: 4;
    left: auto
}

.w-icon-slider-left,.w-icon-slider-right {
    inset: 0;
    margin: auto;
    width: 1em;
    height: 1em
}

.w-dropdown {
    display: inline-block;
    position: relative;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    z-index: 900
}

.w-dropdown-btn,.w-dropdown-toggle,.w-dropdown-link {
    position: relative;
    vertical-align: top;
    text-decoration: none;
    color: #222;
    padding: 20px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    white-space: nowrap
}

.w-dropdown-toggle {
    -webkit-user-select: none;
    user-select: none;
    display: inline-block;
    cursor: pointer;
    padding-right: 40px
}

.w-icon-dropdown-toggle {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto 20px auto auto;
    width: 1em;
    height: 1em
}

.w-dropdown-list {
    position: absolute;
    background: #dddddd;
    display: none;
    min-width: 100%;
    overflow: auto
}

.w-dropdown-list.w--open {
    display: block
}

.w-dropdown-link {
    padding: 10px 20px;
    display: block;
    color: #222
}

.w-dropdown-link.w--current {
    color: #0082f3
}

.w-nav[data-collapse=all] .w-dropdown,.w-nav[data-collapse=all] .w-dropdown-toggle {
    display: block
}

.w-nav[data-collapse=all] .w-dropdown-list {
    position: static
}

@media screen and (max-width: 991px) {
    .w-nav[data-collapse=medium] .w-dropdown,.w-nav[data-collapse=medium] .w-dropdown-toggle {
        display:block
    }

    .w-nav[data-collapse=medium] .w-dropdown-list {
        position: static
    }
}

@media screen and (max-width: 767px) {
    .w-nav[data-collapse=small] .w-dropdown,.w-nav[data-collapse=small] .w-dropdown-toggle {
        display:block
    }

    .w-nav[data-collapse=small] .w-dropdown-list {
        position: static
    }

    .w-nav-brand {
        padding-left: 10px
    }
}

@media screen and (max-width: 479px) {
    .w-nav[data-collapse=tiny] .w-dropdown,.w-nav[data-collapse=tiny] .w-dropdown-toggle {
        display:block
    }

    .w-nav[data-collapse=tiny] .w-dropdown-list {
        position: static
    }
}

.w-lightbox-backdrop {
    color: #000;
    cursor: auto;
    font-family: serif;
    font-size: medium;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: normal;
    list-style: disc;
    text-align: start;
    text-indent: 0;
    text-shadow: none;
    text-transform: none;
    visibility: visible;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    position: fixed;
    inset: 0;
    color: #fff;
    font-family: Helvetica Neue,Helvetica,Ubuntu,Segoe UI,Verdana,sans-serif;
    font-size: 17px;
    line-height: 1.2;
    font-weight: 300;
    text-align: center;
    background: rgba(0,0,0,.9);
    z-index: 2000;
    outline: 0;
    opacity: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-transform: translate(0,0)
}

.w-lightbox-backdrop,.w-lightbox-container {
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.w-lightbox-content {
    position: relative;
    height: 100vh;
    overflow: hidden
}

.w-lightbox-view {
    position: absolute;
    width: 100vw;
    height: 100vh;
    opacity: 0
}

.w-lightbox-view:before {
    content: "";
    height: 100vh
}

.w-lightbox-group,.w-lightbox-group .w-lightbox-view,.w-lightbox-group .w-lightbox-view:before {
    height: 86vh
}

.w-lightbox-frame,.w-lightbox-view:before {
    display: inline-block;
    vertical-align: middle
}

.w-lightbox-figure {
    position: relative;
    margin: 0
}

.w-lightbox-group .w-lightbox-figure {
    cursor: pointer
}

.w-lightbox-img {
    width: auto;
    height: auto;
    max-width: none
}

.w-lightbox-image {
    display: block;
    float: none;
    max-width: 100vw;
    max-height: 100vh
}

.w-lightbox-group .w-lightbox-image {
    max-height: 86vh
}

.w-lightbox-caption {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: .5em 1em;
    background: rgba(0,0,0,.4);
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.w-lightbox-embed {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%
}

.w-lightbox-control {
    position: absolute;
    top: 0;
    width: 4em;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    transition: all .3s
}

.w-lightbox-left {
    display: none;
    bottom: 0;
    left: 0;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==)
}

.w-lightbox-right {
    display: none;
    right: 0;
    bottom: 0;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+)
}

.w-lightbox-close {
    right: 0;
    height: 2.6em;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=);
    background-size: 18px
}

.w-lightbox-strip {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0 1vh;
    line-height: 0;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden
}

.w-lightbox-item {
    display: inline-block;
    width: 10vh;
    padding: 2vh 1vh;
    box-sizing: content-box;
    cursor: pointer;
    -webkit-transform: translate3d(0,0,0)
}

.w-lightbox-active {
    opacity: .3
}

.w-lightbox-thumbnail {
    position: relative;
    height: 10vh;
    background: #222;
    overflow: hidden
}

.w-lightbox-thumbnail-image {
    position: absolute;
    top: 0;
    left: 0
}

.w-lightbox-thumbnail .w-lightbox-tall {
    top: 50%;
    width: 100%;
    transform: translateY(-50%)
}

.w-lightbox-thumbnail .w-lightbox-wide {
    left: 50%;
    height: 100%;
    transform: translate(-50%)
}

.w-lightbox-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    border: 5px solid rgba(0,0,0,.4);
    border-radius: 50%;
    animation: spin .8s infinite linear
}

.w-lightbox-spinner:after {
    content: "";
    position: absolute;
    inset: -4px;
    border: 3px solid transparent;
    border-bottom-color: #fff;
    border-radius: 50%
}

.w-lightbox-hide {
    display: none
}

.w-lightbox-noscroll {
    overflow: hidden
}

@media (min-width: 768px) {
    .w-lightbox-content {
        height:96vh;
        margin-top: 2vh
    }

    .w-lightbox-view,.w-lightbox-view:before {
        height: 96vh
    }

    .w-lightbox-group,.w-lightbox-group .w-lightbox-view,.w-lightbox-group .w-lightbox-view:before {
        height: 84vh
    }

    .w-lightbox-image {
        max-width: 96vw;
        max-height: 96vh
    }

    .w-lightbox-group .w-lightbox-image {
        max-width: 82.3vw;
        max-height: 84vh
    }

    .w-lightbox-left,.w-lightbox-right {
        display: block;
        opacity: .5
    }

    .w-lightbox-close {
        opacity: .8
    }

    .w-lightbox-control:hover {
        opacity: 1
    }
}

.w-lightbox-inactive,.w-lightbox-inactive:hover {
    opacity: 0
}

.w-richtext:before,.w-richtext:after {
    content: " ";
    display: table;
    grid-column-start: 1;
    grid-row-start: 1;
    grid-column-end: 2;
    grid-row-end: 2
}

.w-richtext:after {
    clear: both
}

.w-richtext[contenteditable=true]:before,.w-richtext[contenteditable=true]:after {
    white-space: initial
}

.w-richtext ol,.w-richtext ul {
    overflow: hidden
}

.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after,.w-richtext .w-richtext-figure-selected[data-rt-type=video] div:after {
    outline: 2px solid #2895f7
}

.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div,.w-richtext .w-richtext-figure-selected[data-rt-type=image] div {
    outline: 2px solid #2895f7
}

.w-richtext figure.w-richtext-figure-type-video>div:after,.w-richtext figure[data-rt-type=video]>div:after {
    content: "";
    position: absolute;
    display: none;
    inset: 0
}

.w-richtext figure {
    position: relative;
    max-width: 60%
}

.w-richtext figure>div:before {
    cursor: default!important
}

.w-richtext figure img {
    width: 100%
}

.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
    opacity: .6
}

.w-richtext figure div {
    font-size: 0px;
    color: transparent
}

.w-richtext figure.w-richtext-figure-type-image,.w-richtext figure[data-rt-type=image] {
    display: table
}

.w-richtext figure.w-richtext-figure-type-image>div,.w-richtext figure[data-rt-type=image]>div {
    display: inline-block
}

.w-richtext figure.w-richtext-figure-type-image>figcaption,.w-richtext figure[data-rt-type=image]>figcaption {
    display: table-caption;
    caption-side: bottom
}

.w-richtext figure.w-richtext-figure-type-video,.w-richtext figure[data-rt-type=video] {
    width: 60%;
    height: 0
}

.w-richtext figure.w-richtext-figure-type-video iframe,.w-richtext figure[data-rt-type=video] iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.w-richtext figure.w-richtext-figure-type-video>div,.w-richtext figure[data-rt-type=video]>div {
    width: 100%
}

.w-richtext figure.w-richtext-align-center {
    margin-right: auto;
    margin-left: auto;
    clear: both
}

.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image>div,.w-richtext figure.w-richtext-align-center[data-rt-type=image]>div {
    max-width: 100%
}

.w-richtext figure.w-richtext-align-normal {
    clear: both
}

.w-richtext figure.w-richtext-align-fullwidth {
    width: 100%;
    max-width: 100%;
    text-align: center;
    clear: both;
    display: block;
    margin-right: auto;
    margin-left: auto
}

.w-richtext figure.w-richtext-align-fullwidth>div {
    display: inline-block;
    padding-bottom: inherit
}

.w-richtext figure.w-richtext-align-fullwidth>figcaption {
    display: block
}

.w-richtext figure.w-richtext-align-floatleft {
    float: left;
    margin-right: 15px;
    clear: none
}

.w-richtext figure.w-richtext-align-floatright {
    float: right;
    margin-left: 15px;
    clear: none
}

.w-nav {
    position: relative;
    background: #dddddd;
    z-index: 1000
}

.w-nav:before,.w-nav:after {
    content: " ";
    display: table;
    grid-column-start: 1;
    grid-row-start: 1;
    grid-column-end: 2;
    grid-row-end: 2
}

.w-nav:after {
    clear: both
}

.w-nav-brand {
    position: absolute
}

.w-nav-link {
    position: relative;
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    color: #222;
    padding: 20px;
    text-align: left;
    margin-left: auto;
    margin-right: auto
}

.w-nav-link.w--current {
    color: #0082f3
}

.w-nav-menu {
    position: relative;
    float: right
}

.w--nav-menu-open {
    display: block!important;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #c8c8c8;
    text-align: center;
    overflow: visible;
    min-width: 200px
}

.w--nav-link-open {
    display: block;
    position: relative
}

.w-nav-overlay {
    position: absolute;
    overflow: hidden;
    display: none;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%
}

.w-nav-overlay .w--nav-menu-open {
    top: 0
}

.w-nav[data-animation=over-left] .w-nav-overlay {
    width: auto
}

.w-nav[data-animation=over-left] .w-nav-overlay,.w-nav[data-animation=over-left] .w--nav-menu-open {
    right: auto;
    z-index: 1;
    top: 0
}

.w-nav[data-animation=over-right] .w-nav-overlay {
    width: auto
}

.w-nav[data-animation=over-right] .w-nav-overlay,.w-nav[data-animation=over-right] .w--nav-menu-open {
    left: auto;
    z-index: 1;
    top: 0
}

.w-nav-button {
    position: relative;
    float: right;
    padding: 18px;
    font-size: 24px;
    display: none;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    tap-highlight-color: rgba(0,0,0,0);
    -webkit-user-select: none;
    user-select: none
}

.w-nav-button.w--open {
    background-color: #c8c8c8;
    color: #fff
}

.w-nav[data-collapse=all] .w-nav-menu {
    display: none
}

.w-nav[data-collapse=all] .w-nav-button {
    display: block
}

@media screen and (max-width: 991px) {
    .w-nav[data-collapse=medium] .w-nav-menu {
        display:none
    }

    .w-nav[data-collapse=medium] .w-nav-button {
        display: block
    }
}

@media screen and (max-width: 767px) {
    .w-nav[data-collapse=small] .w-nav-menu {
        display:none
    }

    .w-nav[data-collapse=small] .w-nav-button {
        display: block
    }

    .w-nav-brand {
        padding-left: 10px
    }
}

@media screen and (max-width: 479px) {
    .nav-link.w-nav-link.hide-mobile,.w-nav[data-collapse=tiny] .w-nav-menu {
        display:none
    }

    .w-nav[data-collapse=tiny] .w-nav-button {
        display: block
    }
}

.w-tabs {
    position: relative
}

.w-tabs:before,.w-tabs:after {
    content: " ";
    display: table;
    grid-column-start: 1;
    grid-row-start: 1;
    grid-column-end: 2;
    grid-row-end: 2
}

.w-tabs:after {
    clear: both
}

.w-tab-menu {
    position: relative
}

.w-tab-link {
    position: relative;
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    padding: 9px 30px;
    text-align: left;
    cursor: pointer;
    color: #222;
    background-color: #ddd
}

.w-tab-link.w--current {
    background-color: #c8c8c8
}

.w-tab-content {
    position: relative;
    display: block;
    overflow: hidden
}

.w-tab-pane {
    position: relative;
    display: none
}

.w--tab-active {
    display: block
}

@media screen and (max-width: 479px) {
    .w-tab-link {
        display:block
    }
}

.w-ix-emptyfix:after {
    content: ""
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.w-dyn-empty {
    padding: 10px;
    background-color: #ddd
}

.w-dyn-hide,.w-dyn-bind-empty,.w-condition-invisible {
    display: none!important
}

.bp-mat-dialog-container .mat-dialog-container {
    border-radius: 0!important;
    padding: 0!important;
    background: transparent;
    box-shadow: none!important;
    overflow: inherit!important
}

.cdk-overlay-pane {
    max-width: 100vw!important
}

.w-100 {
    width: 100%!important
}

.h-100 {
    height: 100%!important
}

.vh-100 {
    height: 100vh!important
}

.position-relative {
    position: relative!important
}

.position-absolute {
    position: absolute!important
}

.z-1 {
    z-index: 1
}

.text-center {
    text-align: center!important
}

.bg-white {
    background-color: #fff!important
}

.mb-30 {
    margin-bottom: 30px
}

.text-large {
    font-size: 18px
}

input[type=checkbox] {
    display: none
}

input[type=checkbox]+label {
    display: block;
    position: relative;
    padding-left: 35px;
    font-size: 14px;
    font-weight: 400;
    color: #3b3b3b;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

input[type=checkbox]+label:last-child {
    margin-bottom: 20px
}

input[type=checkbox]+label:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    border: 2px solid #e70000;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 1;
    transition: all .12s,border-color .08s
}

input[type=checkbox]:checked+label:before {
    width: 10px;
    top: -5px;
    left: 5px;
    border-radius: 0;
    opacity: 1;
    border-top-color: transparent;
    border-left-color: transparent;
    transform: rotate(45deg)
}

.nav-menu-mobile {
    position: fixed;
    z-index: 1000;
    left: 0;
    padding-top: 60px;
    height: 100vh;
    padding-bottom: 20px;
    width: 100%;
    background-color: #444;
    flex-direction: column;
    display: flex;
    justify-content: flex-start;
    align-items: left;
    transition: all .4s ease-in-out;
    transform: translate(-200%)
}

.nav-menu-mobile.open {
    transform: translate(0)
}

.nav-bar-mobile {
    display: none;
    height: 80px;
    margin-right: auto;
    margin-left: auto;
    background-color: #464646;
    z-index: 1000
}

@media (max-width: 479px) {
    input[type=color],input[type=date],input[type=datetime],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select:focus,textarea {
        font-size:16px
    }
}

.hero-wrapper {
    height: 550px;
    padding-top: 180px;
    padding-right: 0;
    padding-left: 0;
    background-image: linear-gradient(180deg,rgba(0,0,0,.3),rgba(0,0,0,.3)),url(home-hero.6d7a3729bb34771a.jpg);
    background-position: 0px 0px,50% 50%;
    background-size: auto,cover;
    background-repeat: repeat,no-repeat
}

.hero-wrapper.hero-wr-dynamic {
    height: 450px;
    padding-top: 140px;
    padding-left: 0;
    background-color: #da0d0d;
    background-image: linear-gradient(180deg,#df0000,#d00)
}

.body {
    background-color: #f5f5f5;
    font-family: Open Sans,sans-serif
}

.brand {
    width: 130px;
    height: 170px;
    margin-top: -50px;
	
   border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #FFFFFF;
    background-image: url(img/dubai-visa-emblem.2aa6bf8dd1f2259debfb.png);
    background-position: 50% 91%;
    background-size: 110px;
    background-repeat: no-repeat;
    box-shadow: 0 0 15px -5px #000
}

.nav-link {
    display: flex;
    height: 80px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: all .3s ease;
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase
}

.nav-link:hover {
    margin-top: 0;
    background-color: #555
}

.nav-link.w--current {
    background-color: #555;
    color: #fff;
    font-weight: 400
}

.nav-link.w--current:hover {
    transform: none
}

.nav-bar {
    display: flex;
    height: 80px;
    margin-right: auto;
    margin-left: auto;
    padding: 0 20px;
    flex-direction: row;
    justify-content: space-around;
    background-color: #464646
}

.visa-search-wr {
    display: flex;
    width: 100%;
    height: 80px;
    margin-top: -40px;
    padding-right: 0;
    padding-left: 0;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px
}

.search-field {
    width: 100%;
    height: 80px;
    margin-bottom: 0;
    padding-left: 0;
    border: 0px solid #000;
    transition: all .3s ease;
    font-size: 18px;
    line-height: 18px
}

.search-field::placeholder {
    color: #5c5c5c
}

.content-wr {
    display: flex;
    padding: 40px 0;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.bp-container {
    max-width: 1100px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 20px;
    padding-left: 20px;
    flex: 1
}

.form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start
}

.bp-h1 {
    margin-top: 5px;
    margin-bottom: 0;
    color: #000;
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    text-align: center
}

.bp-h1.black {
    margin-top: 0;
    color: #000;
    font-size: 24px;
    line-height: 30px
}

.bp-h1.black.lg-margins {
    margin-top: 60px;
    margin-bottom: 60px
}

.bp-h1.bp-h1-grey {
    padding-right: 200px;
    padding-left: 200px;
    color: #5c5c5c;
    font-size: 18px;
    line-height: 23px;
    font-weight: 400
}

.bp-h1.bp-h1-red {
    color: #e90000
}

.bp-h1.grey {
    padding-right: 200px;
    padding-left: 200px;
    color: #5c5c5c;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400
}

.bp-h1.red {
    color: #e90000
}

.banner-h1 {
    margin-top: 0;
    margin-bottom: 0;
    color: #fff;
    font-size: 40px;
    line-height: 45px;
    font-weight: 400
}

.banner-h2 {
    margin-bottom: 0;
    color: #fff;
    font-size: 24px;
    line-height: 30px;
    font-weight: 400
}

.services-wr {
    display: flex;
    width: 100%;
    padding-top: 60px;
    padding-bottom: 60px;
    justify-content: center
}

.card-wr {
    display: flex;
    width: 32%;
    margin-right: 5px;
    margin-bottom: 10px;
    margin-left: 5px;
    padding: 40px 20px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 0;
    background-color: #fff;
    box-shadow: 0 0 40px 5px #0000000d;
    text-decoration: none
}

.card-header {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    text-align: center
}

.card-header.card-sm-h {
    font-size: 13px;
    line-height: 17px
}

.card-header.card-header-red {
    margin-bottom: 40px;
    color: #e90000;
    font-size: 30px;
    line-height: 30px;
    font-weight: 400
}

.card-header.card-header-edit {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 14px
}

.card-header.card-header-big {
    margin-top: 40px;
    font-size: 20px;
    line-height: 24px
}

.card-header.card-header-service {
    margin-bottom: 10px
}

.card-header.card-header-service.card-header-service-on {
    color: #fff
}

.card-para {
    margin-bottom: 0;
    padding-right: 5px;
    padding-left: 5px;
    font-size: 15px;
    line-height: 22px;
    font-weight: 400;
    text-align: center
}

.card-para.card-sm-para,.card-para.car-para-sm {
    padding-right: 0;
    padding-left: 0;
    font-size: 12px;
    line-height: 15px
}

.card-para.car-para-sm.card-para-on {
    color: #fff
}

.card-line {
    width: 50%;
    height: 3px;
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: 0;
    background-color: #e90000
}

.product-card-price-wr {
    display: flex;
    width: 100%;
    margin-bottom: 20px;
    justify-content: center;
    align-items: flex-start
}

.product-card-price {
    margin-top: 0;
    margin-right: 10px;
    margin-bottom: 0;
    color: #434343;
    font-size: 50px;
    font-weight: 400
}

.product-card-currency {
    color: #e90000;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase
}

.card-line.modal-line {
    margin-top: 15px;
    margin-bottom: 15px;
    background-color: #e90000
}

.cta-wr {
    display: flex;
    height: 250px;
    flex-direction: row;
    justify-content: center;
    flex-wrap: nowrap;
    align-items: center;
    background-color: #fff;
    border-bottom: 1px solid rgb(212,212,212)
}

.cta-sub-wr {
    display: flex;
    height: 200px;
    max-width: 1200px;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.bp-btn {
    display: flex;
    width: 200px;
    height: 50px;
    justify-content: center;
    align-items: center;
    border-radius: 0;
    background-color: #e90000;
    font-weight: 400;
    text-transform: uppercase;
    color: #fff
}

.bp-btn:disabled {
    background-color: #ee9191
}

.bp-btn.bp-btn-pink {
    background-color: #e90000
}

.bp-btn.bp-btn-pink.bp-btn-apply {
    background-image: url(img/apply.2c4346611d2e8bd7.svg);
    background-position: 89% 50%;
    background-size: 18px 18px;
    background-repeat: no-repeat;
    box-shadow: 0 3px 30px 6px #0000001a;
    transition: background-color .2s ease
}

.bp-btn.bp-btn-pink.bp-btn-apply:hover {
    background-color: #d529ff
}

.bp-btn.bp-btn-pink.bp-btn-apply.btn-cta {
    background-color: #00732f
}

.bp-btn.bp-btn-pink.bp-btn-apply.btn-cta:hover {
    background-color: #ff1212
}

.bp-btn.bp-btn-pink.btn-cta {
    margin-top: 20px;
    background-color: #e90000;
    transition: background-color .3s ease
}

.bp-btn.bp-btn-pink.btn-cta:hover {
    background-color: #ff1212
}

.bp-btn.btn-modal-next {
    width: 160px;
    height: 40px;
    margin-left: 20px;
    background-color: #e90000;
    background-image: url(img/arrow-right.a3be3938781a3645.svg);
    background-position: 90% 50%;
    background-size: 8px;
    background-repeat: no-repeat;
    transition: background-color .3s ease;
    font-weight: 400
}

.bp-btn.btn-modal-next.arrow-right {
    background-image: url(img/arrow-left.fa971f5f69a2949d.svg)!important;
    background-position: 10% 50%!important
}

.bp-btn.btn-modal-next[disabled]:hover,.bp-btn.btn-modal-next[disabled] {
    background-color: #888;
    color: #333
}

.bp-btn.btn-modal-next:hover {
    background-color: #ff1212
}

.bp-btn.bp-modal-cancel {
    width: 160px;
    height: 40px;
    border-style: solid;
    border-width: 1px;
    border-color: #3e3e3e;
    background-color: transparent;
    transition: background-color .3s ease;
    color: #3e3e3e;
    margin-left: 20px
}

.bp-btn.bp-btn.bp-modal-cancel[disabled]:hover,.bp-btn.bp-btn.bp-modal-cancel[disabled] {
    background-color: #888;
    color: #333
}

.bp-btn.bp-modal-cancel:hover {
    background-color: #e0e0e0
}

.bp-btn.btn-modal-previous {
    width: 160px;
    height: 40px;
    background-color: #5c5c5c;
    background-image: url(img/arrow-left.fa971f5f69a2949d.svg);
    background-position: 10% 50%;
    background-size: 8px;
    background-repeat: no-repeat;
    transition: background-color .3s ease
}

.bp-btn.btn-modal-previous:hover {
    background-color: #333
}

.bp-btn.bp-modal-delete {
    width: 160px;
    height: 40px;
    border-style: solid;
    border-width: 2px;
    border-color: #e90000;
    background-color: transparent;
    background-image: url(img/delete.ab0aa5e0bc1e487a.svg);
    background-position: 90% 50%;
    background-size: 12px;
    background-repeat: no-repeat;
    transition: background-color .3s ease;
    color: #e90000
}

.bp-btn.bp-modal-delete:hover {
    background-color: #e900001a
}

.bp-btn.btn-checkout {
    background-color: #e90000;
    transition: background-color .3s ease;
    color: #fff
}

.bp-btn.btn-checkout[disabled],.bp-btn.btn-checkout[disabled]:hover {
    background-color: #989898;
    color: #333
}

.bp-btn.btn-checkout:hover {
    background-color: #ff2f2f
}

.bp-btn.btn-cancel-order {
    margin-top: 20px;
    border-style: solid;
    border-width: 1px;
    border-color: #3e3e3e;
    background-color: transparent;
    transition: background-color .3s ease;
    color: #3e3e3e;
    font-weight: 400
}

.bp-btn.btn-cancel-order:hover {
    background-color: #e9e9e9
}

.bp-btn.btn-checkout-previous {
    margin-right: auto;
    background-color: #5c5c5c;
    background-image: url(img/arrow-left.fa971f5f69a2949d.svg);
    background-position: 8% 50%;
    background-size: 10px;
    background-repeat: no-repeat;
    transition: background-color .3s ease
}

.bp-btn.btn-checkout-previous:hover {
    background-color: #3d3d3d
}

.bp-btn.btn-checkout-previous.btn-mobile-only {
    display: none;
    margin-top: 20px;
    margin-left: auto
}

.bp-btn.btn-emergency {
    display: none;
    margin-top: 20px;
    border-style: solid;
    border-width: 2px;
    border-color: #fff;
    background-color: #00732f;
    text-transform: none
}

.bp-btn.bp-btn-banner {
    margin-top: 30px;
    background-color: #fff;
    transition: background-color .3s ease;
    color: #e90000
}

.bp-btn.bp-btn-banner:hover {
    background-color: #00732f
}

.bp-btn.bp-btn-submit {
    width: 400px;
    margin: 40px auto 19px;
    box-shadow: 0 0 14px 3px #0000003d;
    transition: background-color .3s ease
}

.bp-btn.bp-btn-submit:hover {
    background-color: #00732f
}

.bp-btn.bp-btn-submit[disabled],.bp-btn.bp-btn-submit[disabled]:hover {
    background-color: #ccc;
    color: #666;
    background-image: none;
    cursor: default;
    box-shadow: none
}

.dubai-time {
    position: relative;
    left: auto;
    right: auto;
    display: flex;
    width: 300px;
    height: 60px;
    margin: 0 auto -30px;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    background-color: #fff;
    background-image: url(img/clock-icon.2f7ec7202fdf4da5.svg);
    background-position: 7% 50%;
    background-size: 25px;
    background-repeat: no-repeat;
    box-shadow: 0 1px 3px -1px #000
}

.bp-footer {
    display: flex;
    padding-top: 80px;
    padding-bottom: 40px;
    justify-content: space-between
}

.footer-wrapper {
    margin-top: 0;
    margin-bottom: 0;
    background-color: #fff
}

.footer-column {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.footer-header {
    margin-bottom: 30px;
    color: #000;
    font-size: 15px;
    line-height: 16px;
    font-weight: 400
}

.footer-link {
    margin-bottom: 20px;
    color: #6e6e6e;
    font-size: 13px;
    line-height: 14px;
    font-weight: 400;
    text-decoration: none
}

.footer-link:hover {
    text-decoration: underline
}

.bp-line {
    width: 200px;
    height: 2px;
    margin-top: 30px;
    margin-bottom: 30px;
    border-radius: 50px;
    background-color: #e90000
}

.testimonials-wr {
    display: flex;
    width: 100%;
    margin-top: 30px;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center
}

.testimonial-card-wr {
    display: flex;
    width: 32%;
    height: 150px;
    margin: 4px;
    padding: 20px;
    flex-direction: column;
    justify-content: center;
    background-color: #fff;
    box-shadow: 0 1px 2px -1px #00000080
}

.cc-wrapper {
    width: 100%;
    height: 80px;
    background-image: url(img/cc.325f7a5423f8efbc.svg);
    background-position: 50% 50%;
    background-size: 250px;
    background-repeat: no-repeat
}

.cc-wrapper.cc-checkout {
    background-size: 180px
}

.copywrite-wr {
    display: flex;
    padding-top: 40px;
    padding-bottom: 40px;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.bp-text {
    margin-bottom: 0
}

.bp-text.bp-text-centered {
    color: #5c5c5c;
    font-weight: 400;
    text-align: center
}

.footer-no-link {
    margin-bottom: 14px;
    color: #6e6e6e;
    font-size: 13px;
    font-weight: 400
}

.language-picker {
    display: flex;
    width: 130px;
    height: 50px;
    flex-direction: row;
    align-items: center;
    background-color: #e90000;
    transition: background-color .3s ease;
    color: #fff;
    font-size: 13px;
    font-weight: 400
}

.language-picker:hover {
    background-color: #f11; 
     display:none;
}

.language-picker.language-picker-white {
    display:none;
    width: 100px;
    padding-left: 15px;
    background-color: transparent;
    transition-property: none;
    color: #fff;
    font-weight: 400
}

.emergency-btn {
    border-radius: 50px;
    /**display: flex;
	**/
	display: none;
    width: 160px;
    height: 45px;
    margin-right: 20px;
    margin-left: 20px;
    padding: 20px;
    justify-content: center;
    align-items: center;
    border-style: solid;
    border-width: 1px;
    border-color: #fff;
    background-color: #00732f;
    transition: background-color .3s ease;
    color: #fff;
    font-size: 13px;
    line-height: 16px;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center
}

.emergency-btn:hover {
    background-color: #ff1f1f
}

.nav-menu {
    display: flex;
    height: 80px;
    justify-content: center;
    align-items: center
}

.ddl-white.w--open {
    background-color: #fff
}

.ddl {
    transition: background-color .3s ease;
    cursor: pointer
}

.ddl:hover {
    background-color: #ececec
}

.ddl-red.w--open {
    border-top: 1px solid #fff;
    background-color: #e90000
}

.ddl-pink-white {
    transition: background-color .3s ease;
    color: #fff;
    cursor: pointer
}

.ddl-pink-white:hover {
    background-color: #da0000
}

.cta-column {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.search-results-wr {
    padding-top: 60px;
    padding-bottom: 30px
}

.search-results-wr.search-result-wr-dyanmic {
    margin-top: -195px;
    padding-top: 0
}

.visa-packages-wr {
    display: flex;
    margin-top: 60px;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    width: 100%
}

.product-card-name {
    margin-top: 0;
    margin-bottom: 5px;
    color: #000;
    font-size: 28px;
    line-height: 30px;
    font-weight: 400
}

.best-value-wr {
    position: relative;
    inset: 0% 0% auto;
    display: flex;
    width: 150px;
    height: 40px;
    margin-top: -40px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 0;
    justify-content: center;
    align-items: center;
    border-radius: 0;
    background-color: #00732f;
    background-image: url(img/apply.2c4346611d2e8bd7.svg);
    background-position: 90% 50%;
    background-size: 14px;
    background-repeat: no-repeat;
    transform: translateY(20px);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    text-transform: uppercase
}

.best-value-wr.best-value-wr-white {
    background-color: #d00;
    background-image: url(apply.2c4346611d2e8bd7.svg);
    box-shadow: 0 1px 2px -1px #000;
    color: #fff;
    transform: translateY(40px)
}

.testi-card-header {
    display: flex;
    margin-bottom: 0;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    flex: 0 auto
}

.testimonial-date {
    padding: 0;
    color: #929292;
    font-size: 12px;
    line-height: 12px
}

.testi-card-content {
    font-size: 13px;
    line-height: 18px
}

.testi-h1 {
    margin-top: 0;
    font-size: 14px;
    line-height: 12px;
    font-weight: 600
}

.dotted-line {
    position: relative;
    width: 100%;
    height: 2px;
    margin-top: 20px;
    margin-bottom: 20px;
    clear: both;
    border-style: solid;
    border-width: 1px;
    border-color: #e90000;
    border-radius: 50px
}

.visa-type-switcher-wr {
    width: 300px;
    height: 50px;
    flex: 0 0 auto
}

.application-search-wr {
    display: flex;
    width: 100%;
    height: 80px;
    margin-top: -105px;
    flex-direction: row;
    border-radius: 0;
    background-color: #fff;
    box-shadow: 0 3px 4px -4px #000
}

.track-result-wr {
    display: flex;
    width: 100%;
    padding-top: 60px;
    padding-bottom: 0;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.order-number {
    color: #e90000
}

.track-timliine-wr {
    display: flex;
    width: 100%;
    padding-top: 70px;
    padding-bottom: 50px;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    flex: 0 auto
}

.time-line {
    width: 60px;
    height: 2px;
    border-radius: 50px;
    background-color: #e90000
}

.track-card {
    display: flex;
    width: 200px;
    padding: 20px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 0;
    background-color: #fff;
    box-shadow: 0 3px 5px -5px #000
}

.track-card-date {
    display: flex;
    width: 150px;
    height: 40px;
    margin-top: -40px;
    justify-content: center;
    align-items: center;
    border-radius: 0;
    background-color: #e90000;
    box-shadow: 0 1px 10px -2px #0006;
    color: #fff;
    font-size: 12px;
    line-height: 13px
}

.track-card-icon {
    width: 50px;
    height: 50px;
    margin-top: 20px;
    margin-bottom: 20px;
    background-image: url(img/confirm-icon.78403f8b392917ad.svg);
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat
}

.track-card-icon._2 {
    background-image: url(img/credit-card.24abe3b65e25ee11.svg);
    background-position: 50% 50%;
    background-size: contain
}

.track-card-icon._3 {
    background-image: url(img/keyboard-control.126bf8bf1500e958.svg);
    background-position: 50% 50%;
    background-size: 30px
}

.cta-help {
    display: flex;
    width: 100%;
    height: 200px;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.contact-cards-wr {
    display: none;
    width: 100%;
    padding-top: 38px;
    padding-bottom: 38px;
    justify-content: space-between;
    flex-wrap: wrap
}

.bp-overlay {
    position: fixed;
    inset: 0%;
    display: flex;
    overflow: auto;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #0006
}

.start-modal-wr {
    width: 900px;
    height: 660px;
    padding: 40px 30px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    background-color: #fafafa;
    box-shadow: 0 11px 12px -5px #00000080
}

.modal-app-list {
    display: flex;
    width: 100%;
    margin-top: 39px;
    justify-content: space-around;
    flex-wrap: wrap;
    flex: 0 auto
}

.modal-card {
    display: flex;
    width: 24%;
    height: 260px;
    padding: 30px 15px;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 1px 1px 30px #0000000d
}

.start-modal-footer {
    display: flex;
    width: 100%;
    justify-content: space-between
}

.start-modal-column {
    display: flex;
    align-items: center
}

.start-modal-column.info-column {
    margin-left: 0;
    padding-left: 40px;
    background-image: url(img/info.c94f3d84c174e894.svg);
    background-position: 0% 50%;
    background-size: 30px;
    background-repeat: no-repeat
}

.modal-disclamer {
    width: 100%;
    padding-top: 30px
}

.header-left {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 15px;
    line-height: 15px;
    font-weight: 400
}

.header-left.header-left-margin {
    margin-bottom: 20px;
    color: #000;
    font-weight: 400
}

.card-icon-modal {
    width: 60px;
    height: 60px;
    margin-bottom: 0;
    background-image: url(img/passport.baa8226228697e95.svg);
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer
}

.card-icon-modal.info {
    background-image: url(img/info.c94f3d84c174e894.svg);
    cursor: default
}

.card-icon-modal.person {
    background-image: url(img/person.1cddb357e1043209.svg);
    background-position: 0px 0px;
    background-size: cover;
    border-radius: 50px;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.card-icon-modal.details {
    background-image: url(img/details.8487d36d736836c9.svg);
    background-position: 50% 50%;
    background-size: contain
}

.card-icon-modal.national-id {
    margin-bottom: 0;
    background-image: url(img/national-id.61d0d8c33e37ffbb.svg);
    background-position: 50% 50%;
    background-size: contain
}

.card-icon-modal.check {
    background-image: url(img/help.e9788fa7804e6873.svg);
    background-position: 50% 50%;
    background-size: contain
}

.card-icon-modal.contact {
    background-image: url(img/phone.7c9636da55b74a4c.svg);
    background-position: 50% 50%;
    background-size: cover
}

.card-icon-modal.search {
    background-image: url(img/search.790da747ce815259.svg);
    background-position: 50% 50%;
    background-size: cover
}

.card-icon-modal.avatar {
    width: 80px;
    height: 80px;
    margin-bottom: 0;
    border-style: solid;
    border-width: 3px;
    border-color: #e90000;
    border-radius: 50px;
    background-image: none
}

.card-icon-modal.add-applicant {
    width: 60px;
    height: 60px;
    background-image: url(img/add-applicant.384773ccaa977bfd.svg);
    background-position: 50% 50%;
    background-size: contain
}

.card-icon-modal.ssl {
    width: 60px;
    height: 60px;
    margin-top: 30px;
    margin-bottom: 10px;
    background-image: url(img/ssl.f5d40fcab391d26b.svg);
    background-position: 50% 50%;
    background-size: contain
}

.bp-overlay-application {
    position: fixed;
    inset: 0%;
    z-index: 1000;
    display: flex;
    overflow: auto;
    justify-content: flex-end;
    background-color: #0006
}

.app-modal-wr {
    display: flex;
    overflow: auto;
    width: 85%;
    height: 100%;
    max-width: 1400px;
    flex-direction: column;
    justify-content: flex-start;
    flex: 1;
    background-color: #f5f5f5
}

.app-modal-wr.app-modal-upload {
    justify-content: space-between
}

.app-modal-header-wr {
    position: relative;
    inset: 0% auto auto 0%;
    display: flex;
    padding: 20px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    flex: 0 0 auto;
    background-color: #fff;
    box-shadow: 0 0 30px 20px #0000000d;
    font-size: 15px;
    font-weight: 600
}

.app-modal-body-wr {
    display: flex;
    padding-right: 0;
    padding-left: 0;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    flex: 0 0 auto;
    background-color: #f5f5f5
}

.app-modal-body-wr.app-modal-upload-wr {
    justify-content: space-between;
    flex: 1
}

.app-modal-footer {
    display: flex;
    width: 100%;
    height: auto;
    padding: 30px 20px;
    justify-content: center;
    flex: 0 0 auto;
    background-color: #f5f5f5
}

.app-modal-footer.app-modal-footer-edit {
    padding-top: 20px;
    padding-bottom: 20px;
    flex: 0 0 auto
}

.app-modal-footer-right {
    display: flex
}

.app-timline-stage {
    width: 40px;
    height: 40px;
    margin-bottom: 0;
    border: 2px solid #707070;
    border-radius: 50px
}

.timline-line {
    width: 100px;
    height: 2px;
    margin-top: 0;
    background-color: #5c5c5c
}

.app-modal-body-header {
    display: flex;
    width: 100%;
    padding: 30px 30px 0;
    justify-content: space-between;
    align-items: center
}

.app-modal-body {
    display: flex;
    width: 100%;
    height: 530px;
    padding: 20px 30px 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 0 0 auto
}

.app-modal-body.app-modal-body-edit {
    height: auto;
    padding-top: 0;
    flex-wrap: wrap;
    flex: 0 0 auto
}

.app-modal-card-wr {
    display: flex;
    width: 700px;
    padding-top: 20px;
    padding-bottom: 0;
    justify-content: center;
    align-items: center
}

.app-modal-card-wr.app-modal-card-wr-fullwidth {
    width: 100%;
    height: auto;
    padding-right: 30px;
    padding-bottom: 0;
    padding-left: 30px;
    justify-content: space-between;
    flex: 1
}

.app-card {
    display: flex;
    width: 250px;
    height: 170px;
    margin-right: 10px;
    margin-left: 10px;
    padding: 30px 10px 20px;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    border-radius: 0;
    background-color: #fff;
    box-shadow: 1px 1px 30px #0000000d;
    transition: all .3s ease;
    text-decoration: none
}

.app-card:hover {
    box-shadow: 2px 9px 10px -7px #00000080;
    transform: translateY(-5px)
}

.app-card.app-edit {
    height: 170px;
    padding-top: 15px;
    justify-content: space-between;
    border-radius: 0
}

.app-card.app-edit:hover {
    transform: none
}

.app-card.app-add-applicant {
    margin-top: 30px;
    border-radius: 0;
    box-shadow: 0 3px 4px -4px #000;
    cursor: pointer
}

.app-card.app-add-applicant[disabled],.app-card.app-add-applicant[disabled]:hover {
    cursor: default;
    transform: none;
    box-shadow: none
}

.app-card.app-add-applicant:hover {
    box-shadow: 0 5px 8px -3px #00000080
}

.app-card-footer {
    display: flex;
    width: 100%;
    height: 30px;
    margin-bottom: -12px;
    justify-content: space-between;
    align-items: center;
    color: #5c5c5c;
    font-size: 12px;
    text-decoration: none
}

.file-control-icon {
    width: 30px;
    height: 30px;
    background-image: url(img/file-upload.1467320cc9b138a6.svg);
    background-position: 50% 50%;
    background-size: 15px;
    background-repeat: no-repeat;
    cursor: pointer
}

.file-control-icon.delete-file {
    background-image: url(img/delete.ab0aa5e0bc1e487a.svg);
    background-position: 50% 50%;
    background-size: 13px
}

.app-modal-info {
    display: flex;
    width: 700px;
    margin-top: 40px;
    padding-right: 20px;
    padding-left: 20px;
    justify-content: space-between
}

.order-total {
    font-size: 20px;
    font-weight: 600
}

.red-text {
    color: #e90000;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400
}

.app-modal-header-timlines {
    display: flex;
    justify-content: center;
    align-items: center
}

.raised-page-wr {
    display: flex;
    min-height: 300px;
    margin-top: -110px;
    padding: 20px 30px;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    background-color: #fff;
    box-shadow: 0 1px 3px -2px #000
}

.page-column {
    display: flex;
    padding: 40px 0;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    flex: 1
}

.confirmation-card {
    display: flex;
    width: 300px;
    margin-top: 40px;
    padding: 60px 30px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #f8f8f8;
    box-shadow: 0 1px 3px -2px #000
}

.caps-text {
    font-size: 20px;
    text-transform: uppercase
}

.sm-card {
    display: flex;
    width: 200px;
    height: 200px;
    margin-right: 10px;
    margin-left: 10px;
    padding: 40px 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 0;
    background-color: #fff;
    box-shadow: 1px 1px 30px #0000000d;
    transition: all .3s ease;
    text-decoration: none
}

.sm-card:hover {
    box-shadow: 2px 9px 10px -7px #00000080;
    transform: translateY(-5px)
}

.card-header-2 {
    margin-top: 20px;
    margin-bottom: 0;
    color: #000;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    text-align: center
}

.whats-next-wr {
    display: flex;
    padding-top: 60px;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.cards-wr {
    display: flex;
    padding-top: 0;
    padding-bottom: 100px;
    justify-content: flex-start;
    align-items: center
}

.bp-row {
    display: flex;
    width: 100%;
    margin-top: 20px;
    justify-content: space-between
}

.invoice-wrapper {
    width: 100%;
    margin-top: 30px
}

.invoice-line {
    width: 100%;
    height: 1px;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #e90000
}

.app-modal-form-wr {
    width: 100%;
    padding-top: 40px
}

.app-modal-form-wr.app-modal-forrm-edit {
    height: auto;
    padding-top: 20px;
    flex: 0 0 auto
}

.input-field {
    height: 65px;
    margin-bottom: 10px;
    padding-left: 50px;
    border: 0px solid #000;
    background-image: url(asteric.d3c5b808703e4969.svg);
    background-position: 96% 50%;
    background-size: 7px;
    background-repeat: no-repeat;
    box-shadow: -1px 6px 4px -6px #00000080;
    font-size: 14px;
    font-weight: 400
}

.input-field:focus {
    box-shadow: 0 1px 5px -1px #ea0000
}

.input-field::placeholder {
    color: #828282
}

.input-field.input-contact {
    background-image: url(img/phone.7c9636da55b74a4c.svg);
    background-position: 3% 50%,96% 50%;
    background-size: 20px,7px;
    background-repeat: no-repeat,no-repeat
}

.input-field.input-contact.input-error {
    border-width: 2px;
    border-color: #e90000;
    background-image: url(img/phone.7c9636da55b74a4c.svg);
    background-position: 3% 50%;
    background-size: 20px;
    background-repeat: no-repeat;
    box-shadow: 0 2px 10px -3px #e90000
}

.input-field.input-passport {
    background-image: url(img/passport.baa8226228697e95.svg);
    background-position: 3% 50%;
    background-size: 20px;
    background-repeat: no-repeat
}

.input-field.input-nationality {
    background-image: url(img/flag.1bab797ec5b4415b.svg);
    background-position: 3% 50%;
    background-size: 20px;
    background-repeat: no-repeat
}

.input-field.input-calendar {
    background-image: url(img/calendar.1fd5c9f9e78b0f60.svg);
    background-position: 3% 50%;
    background-size: 20px;
    background-repeat: no-repeat
}

.input-field.input-email {
    background-image: url(img/email.460ae242a6c5285e.svg);
    background-position: 4% 50%;
    background-size: 20px;
    background-repeat: no-repeat
}

.input-field.input-email:focus {
    border-color: #d1d1d1
}

.input-field.input-work {
    background-image: url(img/work.6cecc1911f7d33ed.svg);
    background-position: 3% 50%;
    background-size: 20px;
    background-repeat: no-repeat
}

.input-field.input-country {
    background-image: url(img/earth.63521b6ddd97e66e.svg);
    background-position: 3% 50%;
    background-size: 20px;
    background-repeat: no-repeat
}

.input-field.input-person {
    background-image: url(img/user.596439a86020bb68.svg);
    background-position: 3% 50%;
    background-size: 20px
}

.input-field.input-bag {
    background-image: url(img/bag.50576c3bca3d3084.svg);
    background-position: 3% 50%;
    background-size: 20px
}

.input-group {
    display: flex;
    min-height: 50px;
    padding-bottom: 10px
}

.input-container {
    position: static;
    display: block;
    margin-bottom: 0;
    padding-bottom: 0;
    flex-direction: column;
    align-items: flex-start;
    flex: 1
}

.error-text {
    margin-top: 0;
    padding-left: 0;
    color: #e90000;
    font-size: 12px;
    line-height: 12px
}

.input-container-right {
    display: block;
    padding-left: 10px;
    flex: 1
}

.input-container-right.input-container-checkbox {
    display: flex;
    margin-top: 10px;
    justify-content: flex-start;
    align-items: center;
    color: #5c5c5c;
    font-size: 14px;
    line-height: 14px
}

.error-text-wr {
    position: static;
    height: 20px;
    margin-top: -30px;
    padding-top: 0;
    padding-left: 50px
}

.whats-app-fav {
    position: fixed;
    left: auto;
    right: 20px;
    bottom: 120px;
    z-index: 1000;
    display: flex;
    width: 60px;
    height: 60px;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    background-color: #0dc900;
    background-image: url(img/whatsapp.2ecefb6880e24716.svg);
    background-position: 50% 50%;
    background-size: 30px;
    background-repeat: no-repeat;
    box-shadow: 1px 1px 20px 3px #0003;
    transition: background-color .4s ease
}

.whats-app-fav:hover1 {
    background-color: #15e006
}

.whats-app-fav1 {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 40px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
    left: 15px;
background-image: url(img/whatsapp.2ecefb6880e24716.svg);
}

.my-float {
    margin-top: 16px;
}
.whats-app-fav:hover {
    background-color: #15e006
}
.check-box {
    position: static;
    width: 25px;
    height: 25px;
    margin-right: 10px;
    border-style: solid;
    border-width: 2px;
    border-color: #5c5c5c;
    background-color: #fff
}

.checkbox-container {
    display: flex;
    margin-top: 5px;
    margin-bottom: 5px;
    flex-wrap: nowrap;
    align-items: center
}

.app-card-info-wr {
    display: flex;
    height: 20px;
    align-items: center
}

.uploaded-file-wr {
    display: flex;
    width: 100%;
    height: 35px;
    margin-top: 4px;
    padding-right: 0;
    padding-left: 7px;
    justify-content: space-between;
    align-items: center;
    border-style: solid;
    border-width: 1px;
    border-color: #e2e2e2;
    border-radius: 4px;
    color: #5c5c5c;
    font-size: 12px;
    line-height: 12px
}

.edit-modal-header {
    margin-top: 0;
    margin-bottom: 0;
    color: #e90000;
    font-size: 20px;
    line-height: 24px;
    font-weight: 400;
    text-align: center
}

.modal-applicant-header {
    margin-top: 0;
    margin-bottom: 0;
    color: #e90000;
    font-size: 20px;
    line-height: 20px;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase
}

.app-modal-column-group {
    display: flex;
    width: 100%;
    height: 100%;
    padding-top: 20px;
    align-items: flex-start;
    flex: 0 0 auto
}

.app-modal-column-group.app-modal-column-group-checkout {
    padding-top: 0;
    flex: 1
}

.app-modal-column {
    display: flex;
    padding-right: 0;
    padding-left: 0;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    flex: 1
}

.app-modal-column.app-modal-column-checkout {
    height: 100%;
    padding: 30px
}

.app-modal-column.app-modal-column-checkout.alternative-column {
    padding-bottom: 30px;
    justify-content: flex-start;
    align-items: center;
    background-color: transparent
}

.select-visa-dropdown {
    width: 100%;
    margin-top: 0;
    margin-bottom: 20px;
    background-color: #e90000;
    box-shadow: 0 4px 8px -4px #00000080;
    transition: background-color .3s ease
}

.select-visa-dropdown:hover {
    background-color: #ff2323
}

.select-visa-toggle {
    display: flex;
    color: #fff;
    line-height: 14px;
    font-weight: 300
}

.applicants-avatars {
    display: flex;
    width: 100%;
    height: auto;
    padding: 0 10px;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    flex: 0 0 auto
}

.app-column-header {
    margin-bottom: 20px;
    color: #000;
    font-size: 15px;
    text-align: center
}

.app-column-header.justified-left {
    margin-right: auto
}

.app-column-header.no-margin {
    margin-bottom: 0;
    font-size: 20px;
    line-height: 25px
}

.red-text-large {
    color: #e90000;
    font-size: 20px
}

.edit-applicant-card {
    display: flex;
    width: 30%;
    height: 130px;
    margin: 5px;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    border-radius: 0;
    background-color: #fff;
    box-shadow: 0 3px 4px -4px #000;
    transition: all .3s ease-in-out;
    color: #000;
    text-decoration: none;
    cursor: pointer
}

.edit-applicant-card:hover {
    box-shadow: 0 5px 8px -3px #0006;
    transform: translateY(-5px)
}

.applicant-avatar-name {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    text-align: center
}

.applicant-avatar {
    width: 65px;
    height: 65px;
    border-style: solid;
    border-width: 2px;
    border-color: #e90000;
    border-radius: 50%;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.select-visa-list.w--open {
    background-color: #e90000;
    box-shadow: 0 4px 8px -4px #00000080;
    height: 150px
}

.select-visa-link {
    padding-top: 15px;
    padding-bottom: 15px;
    color: #fff;
    font-weight: 300;
    cursor: pointer
}

.select-visa-link:hover {
    background-color: #d60000
}

.flex-row {
    display: flex;
    width: 100%;
    margin-bottom: 20px;
    justify-content: flex-start;
    align-items: center
}

.flex-row.flex-row-spacebetween {
    justify-content: space-between
}

.table-product {
    max-width: 300px;
    min-width: 300px
}

.table-product.table-product-header {
    color: #e90000;
    font-weight: 400
}

.table-header {
    flex: 1;
    color: #e90000;
    font-size: 15px;
    line-height: 16px;
    font-weight: 400
}

.table-header.table-header-large {
    font-size: 18px
}

.table-header.table-header-right {
    flex: 0 0 auto
}

.table-text {
    display: flex;
    justify-content: center;
    flex: 1
}

.table-text.table-text-right {
    justify-content: flex-end;
    font-size: 14px
}

.table-text.table-text-header {
    color: #e90000
}

.table-container {
    width: 100%;
    margin-top: 30px;
    padding-bottom: 10px
}

.extra-services-wr {
    display: flex;
    padding-top: 20px;
    padding-bottom: 20px;
    justify-content: space-between
}

.input-field-cc {
    height: 65px;
    padding-left: 50px;
    border-style: solid;
    border-width: 1px;
    border-color: #e90000
}

.input-field-cc:focus {
    border-color: #e90000;
    box-shadow: 0 1px 5px -1px #ff0000a6
}

.input-field-cc::placeholder {
    color: #5c5c5c
}

.input-field-cc.input-field-cc-person {
    background-image: url(img/user.596439a86020bb68.svg);
    background-position: 3% 50%;
    background-size: 20px;
    background-repeat: no-repeat
}

.input-field-cc.input-field-cc-date {
    background-image: url(img/calendar.1fd5c9f9e78b0f60.svg);
    background-position: 7% 50%;
    background-size: 20px;
    background-repeat: no-repeat
}

.input-field-cc.input-field-cc-lock {
    background-image: url(img/lock.08bedbe76eb1846b.svg);
    background-position: 6% 50%;
    background-size: 20px;
    background-repeat: no-repeat
}

.input-field-cc.input-field-cc-card {
    background-image: url(img/cc_1.24abe3b65e25ee11.svg);
    background-position: 3% 50%;
    background-size: 23px;
    background-repeat: no-repeat
}

.input-field-cc.input-field-cc-card.input-field-cc-error {
    border-width: 2px;
    border-color: #e90000;
    background-image: url(img/credit-card.24abe3b65e25ee11.svg);
    box-shadow: 1px 1px 4px #e90000a1
}

.extra-service-card {
    display: flex;
    width: 180px;
    height: 160px;
    margin-right: 0;
    margin-left: 0;
    padding: 10px;
    flex-direction: column;
    justify-content: flex-start;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 2px 2px -2px #000;
    transition: all .3s ease;
    color: #3e3e3e;
    text-decoration: none;
    cursor: pointer
}

.extra-service-card.express-service-card-on {
    background-color: #e90000;
    box-shadow: none
}

.extra-service-card.express-service-card-on:hover {
    box-shadow: none
}

.input-field-coupon {
    height: 45px;
    margin-bottom: 0;
    padding-left: 20px;
    border: 0px solid #000;
    font-size: 14px;
    line-height: 14px
}

.input-field-coupon::placeholder {
    color: #5c5c5c
}

.apply-code-btn {
    display: flex;
    width: 45px;
    height: 45px;
    padding-right: 0;
    justify-content: center;
    align-items: center;
    background-color: #00732f;
    background-image: url(img/done.a42d835cf4f17d7e.svg);
    background-position: 50% 50%;
    background-size: 18px;
    background-repeat: no-repeat;
    transition: background-color .3s ease;
    color: #e90000;
    font-size: 13px;
    line-height: 13px;
    text-transform: uppercase
}

.apply-code-btn:hover {
    background-color: #e900001a
}

.input-group-coupon {
    display: flex;
    margin-bottom: 30px;
    flex-direction: column;
    box-shadow: 0 2px 3px -2px #0000004d
}

.input-container-coupon {
    display: flex;
    align-items: center
}

.extra-service-card-header {
    display: flex;
    height: 25px;
    margin-bottom: 10px;
    justify-content: space-between;
    align-items: center;
    font-size: 18px;
    line-height: 18px;
    font-weight: 400
}

.extra-service-card-header.card-service-on {
    color: #fff
}

.card-service-icon {
    width: 25px;
    height: 25px;
    background-image: url(img/express-off.3faf4df4105c09b8.svg);
    background-position: 0% 50%;
    background-size: contain;
    background-repeat: no-repeat
}

.card-service-icon.chauffeur-off {
    background-image: url(img/airport-pickup.828d1a290bbd2cad.svg);
    background-position: 50% 50%;
    background-size: contain
}

.card-service-icon.covid-insurance-off {
    background-image: url(img/covid-insurance-off.b2c02fc292810beb.svg);
    background-position: 50% 50%;
    background-size: contain
}

.card-service-icon.covid-insurance-on {
    background-image: url(img/covid-insurance-on.b5e23fcaff2d1b7a.svg);
    background-position: 50% 50%;
    background-size: contain
}

.card-service-icon.express-on {
    background-image: url(img/express-on.8f1a394adce9fea2.svg);
    background-position: 50% 50%;
    background-size: contain
}

.checkbox-group {
    display: flex;
    margin-top: 10px;
    padding-left: 0;
    align-items: center
}

.genera-content-wrapper {
    width: 100%;
    padding-top: 0;
    padding-bottom: 0
}

.paragraph {
    color: #000;
    font-size: 15px;
    line-height: 24px;
    font-weight: 400;
    text-align: justify
}

.default-h1 {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #bbb;
    color: #e90000;
    font-size: 24px;
    line-height: 30px;
    font-weight: 400;
    text-transform: none
}

.lang-picker-dropdown {
    width: 80px
}

.bp-red {
    color: #e90000;
    font-weight: 400;
    text-decoration: none
}

.bp-red:hover {
    text-decoration: underline
}

.visa-search-results-wr {
    position: relative;
    z-index: 1;
    overflow: auto;
    width: 100%;
    height: 240px;
    margin-top: 10px;
    flex-direction: column;
    background-color: #fff;
    box-shadow: 0 18px 14px -15px #000
}

.visa-serach-result-wr {
    display: flex;
    height: 60px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    justify-content: flex-start;
    align-items: center;
    flex: 0 0 auto;
    font-size: 18px;
    cursor: pointer
}

.visa-serach-result-wr:hover {
    background-color: #f1f1f1ba
}

.flag-icon {
    width: 40px;
    height: 40px;
    margin-right: 20px;
    margin-left: 20px;
    background-image: url(img/country.d39c5d9f08553a96.svg);
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.form-block {
    width: 100%;
    margin-bottom: 0
}

.search-flag-icon {
    display: flex;
    width: 100px;
    height: 80px;
    justify-content: center;
    align-items: center;
    background-color: #fff
}

.image {
    width: 40px;
    height: 90px
}

.search-field-track {
    width: 100%;
    height: 80px;
    padding-left: 20px;
    border: 0px solid #000;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    font-size: 16px
}

.search-field-track::placeholder {
    color: #424242
}

.search-icon-wr {
    display: flex;
    width: 80px;
    height: 80px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    background-image: url(img/search.790da747ce815259.svg);
    background-position: 50% 50%;
    background-size: 30px 30px;
    background-repeat: no-repeat;
    transition: background-color .3s ease;
    cursor: pointer
}

.search-icon-wr[disabled]:hover {
    background-color: #fff
}

.search-icon-wr:hover {
    border-radius: 0;
    background-color: #f1f1f1
}

.cancel-modal-overlay {
    position: fixed;
    inset: 0%;
    z-index: 10000;
    display: flex;
    justify-content: flex-end;
    background-color: #0006
}

.action-modal {
    position: fixed;
    inset: auto 0% 0% auto;
    z-index: 10000;
    display: flex;
    width: 100%;
    height: 200px;
    padding: 0 20px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    font-size: 15px;
    transition: all .4s ease;
    transform: translateY(100%);
    outline: none
}

.action-modal-footer {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center
}

.action-modal-header {
    width: 100%;
    color: #000;
    font-size: 16px;
    font-weight: 400
}

.modal-header-sm {
    text-align: center
}

.action-modal-body {
    display: flex;
    width: 100%;
    padding: 20px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #e90000;
    font-size: 15px;
    font-weight: 400
}

.bp-btn-sm {
    display: flex;
    width: 120px;
    height: 35px;
    justify-content: center;
    align-items: center;
    text-transform: uppercase
}

.bp-btn-sm.bp-btn-sm-yes {
    margin-left: 40px;
    background-color: #e90000;
    transition: background-color .3s ease;
    color: #fff
}

.bp-btn-sm.bp-btn-sm-yes:hover {
    border-width: 0px;
    border-color: transparent;
    background-color: #ff1212
}

.bp-btn-sm.bp-btn-sm-no {
    border-style: solid;
    border-width: 1px;
    border-color: #3e3e3e;
    background-color: transparent;
    transition: background-color .3s ease;
    color: #3e3e3e
}

.bp-btn-sm.bp-btn-sm-no:hover {
    background-color: #f1f1f1
}

.iframe-overlay {
    position: fixed;
    inset: 0%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    background-color: #64646463
}

.iframe-wr {
    display: block;
    width: 85%;
    height: 100%;
    max-width: 1100px;
    background-color: #fff
}

.div-block-2 {
    width: 60px;
    height: 60px;
    border-style: solid;
    border-width: 4px;
    border-color: ##00732f;
    border-radius: 50%
}

.text-block-5 {
    position: absolute;
    color: #000
}

.iframe-header-wr {
    display: flex;
    height: 80px;
    padding-right: 40px;
    justify-content: flex-end;
    align-items: center;
    background-color: #fff
}

.close-icon {
    width: 40px;
    height: 40px;
    background-image: url(img/close.80781b4a8d75e164.svg);
    background-position: 50% 50%;
    background-size: 25px 25px;
    background-repeat: no-repeat
}

.iframe-body {
    overflow: auto;
    width: 100%;
    height: 100%
}

.social-link {
    width: 15px;
    height: 15px;
    margin-right: 10px;
    margin-left: 10px;
    background-image: url(img/fb-icon.16eb099a5fbffe76.svg);
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat
}

.social-link.twitter {
    background-image: url(img/twitter-icon.a5beb5e8049c4e54.svg);
    background-position: 50% 50%;
    background-size: contain
}

.page-banner {
    display: flex;
    height: 400px;
    padding-right: 40px;
    padding-left: 40px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-image: linear-gradient(180deg,rgba(0,0,0,.24),rgba(0,0,0,.24)),url(img/banner.2cd7064afe01fd73.jpg);
    background-position: 0px 0px,50% 50%;
    background-size: auto,cover;
    background-repeat: repeat,no-repeat
}
/*
.page-banner.blog {
    height: 250px
}
*/
.banner-header {
    margin-top: 0;
    margin-bottom: 0;
    color: #fff;
    font-size: 26px;
    line-height: 30px;
    font-weight: 400
}

.banner-para {
    margin-top: 10px;
    margin-bottom: 0;
    color: #fff;
    font-size: 20px;
    line-height: 28px;
    font-weight: 300;
    text-align: center
}

.testimonial-stars-wr {
    display: flex;
    height: 20px;
    margin-bottom: 10px
}

.star {
    width: 20px;
    height: 20px;
    background-image: url(img/star.f79cb879d23e58f9.svg);
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat
}

.product-card {
    display: flex;
    overflow: visible;
    width: 32%;
    height: 300px;
    margin: 5px;
    flex-direction: column;
    background-color: #fff;
    box-shadow: 0 1px 2px -1px #00000080;
    transition: all .3s ease;
    text-decoration: none;
    cursor: pointer
}

.product-card:hover {
    box-shadow: 0 11px 7px -8px #00000080;
    transform: translateY(-5px)
}

.product-card-img {
    height: 130px;
    background-image: url(img/product.19c56786b4c2de92.jpg);
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.product-card-img._2 {
    background-image: url(img/banner-1.7b6199cd380394b1.jpg);
    background-position: 50% 50%;
    background-size: cover
}

.product-card-img._3 {
    background-image: url(img/banner-2.c216465bc0851598.jpg);
    background-position: 50% 50%;
    background-size: cover;
    transition: opacity .2s ease
}

.product-card-content-wr {
    display: flex;
    padding: 20px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 1
}

.product-card-footer-wr {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.product-card-content {
    width: 100%;
    display: flex;
    margin-bottom: 20px;
    flex-direction: column;
    align-items: center
}

.product-card-visa-type {
    color: #333;
    font-size: 18px;
    line-height: 18px;
    text-transform: uppercase
}

.product-card-cost {
    color: #e90000;
    font-size: 18px;
    line-height: 18px;
    font-weight: 400
}

.product-card-desc {
    color: #353535;
    font-size: 15px;
    line-height: 22px;
    text-align: center
}

.product-card-icon {
    width: 15px;
    height: 15px;
    margin-left: 5px;
    background-image: url(img/arrow-right_1.b48177a7650022f9.svg);
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat
}

.product-card-cost-wr {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.visa-search-button.clear-search {
    background-image: url(img/close.80781b4a8d75e164.svg)
}

.visa-search-button {
    width: 80px;
    height: 80px;
    background-color: #fff;
    background-image: url(img/search.790da747ce815259.svg);
    background-position: 50% 50%;
    background-size: 30px 30px;
    background-repeat: no-repeat;
    box-shadow: 0 3px 4px -4px #000;
    transition: background-color .3s ease;
    cursor: pointer
}

.visa-search-button:hover {
    background-color: #e9e9e9
}

.visa-search-button[disabled]:hover {
    background-color: #fff
}

.search-fields-group {
    display: flex;
    width: 100%;
    height: 80px;
    box-shadow: 0 3px 4px -4px #000
}

.search-fields-group-wr {
    width: 44%
}

.free-visa-banner {
    display: flex;
    height: 300px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-image: linear-gradient(180deg,rgba(0,0,0,.3),rgba(0,0,0,.3)),url(free-visa-banner.3200992815e054d6.jpg);
    background-position: 0px 0px,50% 50%;
    background-size: auto,cover;
    background-repeat: repeat,no-repeat
}

.facebook-buttons-wr {
    display: flex;
    width: 100%;
    margin-top: 40px;
    justify-content: center;
    align-items: center
}

.contact-form-block {
    margin-top: -90px;
    padding: 40px;
    background-color: #fff;
    box-shadow: 0 1px 3px -2px #000
}

.bp-input-field {
    width: 100%;
    height: 65px;
    margin-bottom: 10px;
    padding-left: 50px;
    border: 0px solid #000;
    background-color: #fafafa;
    background-image: url(asteric_1.c062aea9d923dc24.svg);
    background-position: 97% 50%;
    background-size: 6px;
    background-repeat: no-repeat;
    box-shadow: 0 2px 3px -2px #00000080
}

.bp-input-field:focus {
    box-shadow: 0 4px 3px -3px #ff0409c7!important;
    outline: none
}

.bp-input-field::placeholder {
    color: #4d4d4d
}

.bp-input-field.bp-input-field-right {
    margin-left: 10px;
    background-position: 94.5% 50%;
    background-size: 6px
}

.bp-input-field.bp-input-field-right.user {
    box-shadow: 0 2px 3px -2px #00000080
}

.bp-input-field.phone {
    background-image: url(img/phone.7c9636da55b74a4c.svg);
    background-position: 4% 50%;
    background-size: 15px
}

.bp-input-field.user {
    background-image: url(img/user.596439a86020bb68.svg),url(img/asteric_1.c062aea9d923dc24.svg);
    background-position: 4% 50%,97% 50%;
    background-size: 15px,6px;
    background-repeat: no-repeat,no-repeat;
    box-shadow: 0 2px 3px -2px #00000080
}

.bp-input-field.email {
    background-image: url(img/email.460ae242a6c5285e.svg),url(img/asteric_1.c062aea9d923dc24.svg);
    background-position: 2% 50%,97% 50%;
    background-size: 15px,6px;
    background-repeat: no-repeat,no-repeat
}

.bp-input-field.subject {
    background-image: url(img/create.ed8ce776e8a251b1.svg),url(img/asteric_1.c062aea9d923dc24.svg);
    background-position: 2% 50%,98.5% 50%;
    background-size: 15px,6px;
    background-repeat: no-repeat,no-repeat
}

.bp-input-group {
    display: flex;
    height: 50px;
    margin-bottom: 10px
}

.bp-textarea {
    min-height: 200px;
    padding-top: 15px;
    padding-left: 50px;
    border: 0px solid #000;
    background-color: #fafafa;
    background-image: url(img/help.e9788fa7804e6873.svg),url(img/asteric_1.c062aea9d923dc24.svg);
    background-position: 2% 9%,98.5% 10%;
    background-size: 10px,6px;
    background-repeat: no-repeat,no-repeat;
    box-shadow: 0 2px 3px -2px #00000080
}

.bp-textarea:focus {
    box-shadow: 0 4px 3px -3px #ff0409c7!important;
    outline: none
}

.bp-textarea::placeholder {
    color: #4d4d4d
}

.contact-locations-wr {
    display: flex;
    padding-top: 40px;
    padding-bottom: 40px;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.contact-card {
    display: flex;
    width: 32%;
    height: 160px;
    margin-right: 0;
    margin-bottom: 15px;
    padding: 20px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    background-color: #fff;
    box-shadow: 0 1px 3px -2px #000
}

.contact-card-address {
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 15px;
    line-height: 24px;
    font-weight: 400
}

.bp-para {
    margin-bottom: 5px;
    color: #5c5c5c;
    font-size: 14px
}

.text-sm {
    color: #5c5c5c;
    font-size: 13px;
    line-height: 13px;
    text-align: center
}

.utility-page-wrap {
    display: flex;
    width: 100vw;
    height: 100vh;
    max-height: 100%;
    max-width: 100%;
    justify-content: center;
    align-items: center
}

.utility-page-content {
    display: flex;
    width: 260px;
    flex-direction: column;
    text-align: center
}

.banner-container {
    display: flex;
    max-width: 1100px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 30px;
    padding-left: 30px;
    justify-content: space-between;
    align-items: center
}

.currency-switcher-wr-dynamic {
    width: 180px;
    height: 45px;
    flex: 0 0 auto;
    border-radius: 50px;
    background-color: #fff;
    box-shadow: 0 1px 3px -1px #000
}

.content-wr-raised {
    display: flex;
    width: 100%;
    padding-top: 60px;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.bp-space {
    width: 100%;
    height: 80px
}

.checkbox-label {
    font-size: 14px;
    font-weight: 400
}

.checkbox-field {
    display: flex;
    margin-bottom: 0;
    align-items: center
}

.bp-checkbox {
    width: 25px;
    height: 25px;
    margin-top: 0;
    margin-right: 10px;
    margin-left: -8px;
    border-width: 2px;
    border-color: #e90000;
    background-color: #fff;
    cursor: pointer
}

.bp-checkbox.w--redirected-checked {
    border-style: none;
    border-width: 0px;
    background-color: transparent;
    background-image: url(img/done.a42d835cf4f17d7e.svg);
    background-size: 20px 20px
}

@media (max-width: 991px) {
    .nav-bar {
        display:none
    }

    .social-link {
        margin-left: 20px
    }

    .mobile-brand {
        display: none
    }

    .nav-bar-mobile {
        display: block
    }

    .nav-link {
        font-size: 25px;
        line-height: 30px;
        text-align: left
    }

    .bp-btn.bp-modal-cancel {
        margin-left: 0
    }

    .nav-link:active {
        color: #fff
    }

    .bp-h1.bp-h1-grey,.bp-h1.grey {
        padding-right: 0;
        padding-left: 0
    }

    .services-wr {
        flex-wrap: wrap
    }

    .card-wr {
        width: 48%;
        margin-bottom: 30px
    }

    .card-header.card-sm-h {
        margin-bottom: 10px
    }

    .card-line.modal-line,.bp-btn.btn-checkout-previous {
        display: none
    }

    .bp-btn.btn-checkout-previous.btn-mobile-only {
        display: flex
    }

    .bp-btn.btn-emergency {
        display: flex;
        background-color: #00732f
    }

    .bp-footer {
        flex-direction: row;
        flex-wrap: wrap
    }

    .footer-column {
        width: 30%;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start
    }

    .testimonials-wr {
        justify-content: center
    }

    .testimonial-card-wr {
        width: 48%
    }

    .bp-text {
        flex: 1
    }

    .language-picker.language-picker-white {
        margin-top: 20px;
        margin-right: 0;
        margin-left: 20px;
        padding-top: 15px;
        padding-bottom: 15px;
        justify-content: center
    }

    .emergency-btn {
        display: none
    }

    .nav-menu {
        position: fixed;
        left: 0;
        padding-top: 60px;
        height: 100vh;
        padding-bottom: 20px;
        width: 100%;
        background-color: #444;
        flex-direction: column;
        display: flex;
        justify-content: flex-start;
        align-items: left;
        transition: all .4s ease-in-out;
        transform: translate(-200%);
        display: none
    }

    .nav-menu.open {
        transform: translate(0)
    }

    .ddl-white.w--open {
        position: static;
        width: 50%;
        margin-left: 20px
    }

    .ddl {
        position: static
    }

    .dropdown {
        margin-right: 0;
        margin-left: 0;
        flex: 0 0 auto
    }

    .track-timliine-wr {
        flex-direction: column
    }

    .track-card {
        margin-bottom: 50px
    }

    .bp-overlay {
        position: static
    }

    .start-modal-wr {
        width: 100vw;
        height: auto;
        border-radius: 0
    }

    .modal-app-list {
        flex-direction: row;
        align-items: stretch
    }

    .modal-card {
        width: 100%;
        height: 180px;
        margin-bottom: 5px;
        padding-top: 20px;
        padding-bottom: 20px;
        justify-content: space-between
    }

    .bp-overlay-application {
        position: fixed;
        inset: 0%;
        overflow: auto;
        width: 100%;
        flex-direction: column
    }

    .app-modal-wr {
        position: static;
        overflow: auto;
        width: 100%;
        flex: 0 0 auto
    }

    .app-modal-wr.app-modal-upload {
        height: 100%;
        flex: 0 0 auto
    }

    .app-modal-body-header {
        flex: 0 0 auto
    }

    .app-modal-card-wr.app-modal-card-wr-fullwidth {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .raised-page-wr {
        flex-direction: column
    }

    .menu-btn.w--open {
        background-color: transparent
    }

    .menu-icon {
        color: #fff;
        font-size: 50px;
        line-height: 32px
    }

    .input-group {
        overflow: auto
    }

    .app-modal-column-group.app-modal-column-group-checkout {
        flex-direction: column
    }

    .app-modal-column.app-modal-column-checkout {
        width: 100%;
        height: auto;
        flex: 0 0 auto
    }

    .app-modal-column.app-modal-column-checkout.alternative-column {
        width: 100%
    }

    .extra-services-wr {
        justify-content: space-between
    }

    .extra-service-card {
        margin-right: 5px
    }

    .lang-picker-dropdown {
        position: static;
        width: 130px;
        margin-right: 0;
        margin-left: 0;
        clear: none;
        flex: 0 auto
    }

    .action-modal,.iframe-wr {
        width: 100%
    }

    .product-card {
        width: 46%
    }

    .bp-checkbox {
        margin-left: -12px
    }
}

@media (max-width: 767px) {
    .hero-wrapper.hero-wr-dynamic {
        padding-top:120px
    }

    .banner-h1.banner-h1-dynamic {
        text-align: center
    }

    .card-wr {
        width: 100%
    }

    .card-header.card-header-big {
        margin-top: 20px
    }

    .cta-sub-wr {
        flex-direction: column;
        justify-content: center
    }

    .bp-btn.bp-btn-pink.bp-btn-apply.btn-cta {
        margin-top: 20px
    }

    .bp-btn.btn-modal-next {
        margin-left: 0
    }

    .bp-btn.bp-modal-cancel {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .bp-btn.btn-checkout-previous {
        display: none
    }

    .bp-btn.btn-checkout-previous.btn-mobile-only {
        display: flex
    }

    .footer-column {
        width: 50%
    }

    .testimonial-card-wr {
        width: 100%
    }

    .dropdown {
        margin-right: 0;
        margin-left: 0
    }

    .search-results-wr.search-result-wr-dyanmic {
        margin-top: -190px
    }

    .visa-packages-wr,.contact-cards-wr {
        flex-direction: column
    }

    .bp-overlay {
        position: static
    }

    .start-modal-footer {
        flex-direction: column;
        justify-content: space-between;
        align-items: center
    }

    .start-modal-column {
        flex-direction: column
    }

    .start-modal-column.info-column {
        margin-bottom: 20px
    }

    .modal-disclamer {
        padding-bottom: 20px
    }

    .app-modal-footer {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background-color: #f5f5f5
    }

    .app-modal-footer-right {
        flex-direction: column;
        justify-content: center;
        align-items: center
    }

    .app-modal-body {
        padding-top: 30px;
        height: auto
    }

    .app-modal-card-wr {
        width: 100%;
        flex-direction: column
    }

    .app-modal-card-wr.app-modal-card-wr-fullwidth {
        padding-bottom: 0
    }

    .app-card {
        margin-bottom: 20px
    }

    .app-card.app-edit {
        width: 100%
    }

    .app-modal-info {
        width: auto;
        flex-direction: column
    }

    .sm-card {
        margin-bottom: 20px
    }

    .cards-wr {
        flex-direction: column
    }

    .input-group {
        padding-bottom: 0;
        flex-direction: column
    }

    .input-container {
        margin-bottom: 20px
    }

    .input-container-right {
        margin-bottom: 20px;
        padding-left: 0
    }

    .app-modal-column-group {
        flex-direction: column;
        align-items: center
    }

    .app-modal-column.app-modal-column-checkout {
        width: 100%;
        height: auto;
        flex: 0 0 auto
    }

    .app-modal-column.app-modal-column-checkout.alternative-column {
        padding-bottom: 0
    }

    .extra-services-wr {
        justify-content: flex-start
    }

    .input-field-cc.input-field-cc-date,.input-field-cc.input-field-cc-lock {
        background-position: 3% 50%
    }

    .extra-service-card {
        margin-right: 10px
    }

    .input-field-coupon {
        font-size: 15px;
        line-height: 15px
    }

    .apply-code-btn {
        padding-left: 0
    }

    .action-modal-footer {
        align-items: center
    }

    .product-card {
        width: 100%;
        margin: 0 0 20px
    }

    .contact-card {
        width: 100%
    }

    .banner-container {
        flex-direction: column;
        justify-content: center
    }

    .currency-switcher-wr-dynamic {
        margin-top: 20px
    }

    .bp-checkbox {
        margin-left: -7px
    }
}

@media (max-width: 479px) {
    .table-product {
        max-width:100px;
        min-width: 100px
    }

    .hero-wrapper.hero-wr-dynamic {
        padding-top: 100px
    }

    .application-panel {
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch
    }

    .modal-wr-mobile {
        padding: 40px 30px 300px 20px
    }

    .brand {
        width: 120px;
        height: 140px;
        margin-top: 0;
        background-size: 100px
    }

    .nav-bar {
        height: 70px;
        padding-right: 0;
        padding-left: 0
    }

    .visa-search-wr {
        height: auto;
        flex-direction: column
    }

    .search-field {
        background-position: 94% 50%;
        background-size: 20px;
        font-size: 14px;
        line-height: 13px
    }

    .search-field:focus {
        background-size: 20px
    }

    .content-wr {
        padding: 30px 0
    }

    .bp-container {
        padding-right: 20px;
        padding-left: 20px
    }

    .bp-h1 {
        font-size: 18px;
        line-height: 22px
    }

    .bp-h1.black {
        font-size: 20px;
        line-height: 24px
    }

    .bp-h1.bp-h1-grey,.bp-h1.grey {
        font-size: 16px;
        white-space: normal
    }

    .banner-h1 {
        font-size: 30px;
        line-height: 35px
    }

    .banner-h2 {
        font-size: 20px;
        line-height: 27px
    }

    .services-wr {
        padding-bottom: 0
    }

    .card-wr {
        padding-right: 15px;
        padding-left: 15px
    }

    .card-para.card-sm-para {
        line-height: 18px
    }

    .cta-wr {
        height: 300px
    }

    .bp-btn.btn-modal-next {
        width: 100%;
        height: 50px;
        margin-left: 0;
        font-size: 15px
    }

    .bp-btn.bp-modal-cancel {
        width: 100%;
        height: 50px;
        margin-top: 20px;
        margin-bottom: 20px;
        font-size: 15px
    }

    .bp-btn.btn-modal-previous,.bp-btn.bp-modal-delete {
        width: 100%;
        height: 50px;
        font-size: 15px
    }

    .bp-btn.btn-checkout,.bp-btn.btn-cancel-order,.bp-btn.btn-checkout-previous {
        width: 100%
    }

    .bp-btn.btn-emergency {
        width: 100%;
        height: 55px;
        margin-right: auto;
        margin-left: auto;
        font-size: 16px;
        font-weight: 700
    }

    .bp-btn.bp-btn-submit {
        width: 100%
    }

    .bp-footer {
        padding: 20px 0
    }

    .footer-wrapper {
        padding-right: 0;
        padding-left: 0
    }

    .footer-column {
        display: flex;
        width: 100%;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start
    }

    .footer-link {
        font-size: 12px;
        line-height: 12px
    }

    .testimonials-wr {
        flex-direction: column
    }

    .testimonial-card-wr {
        width: 100%;
        margin: 0 0 10px;
        padding-right: 10px;
        padding-left: 10px
    }

    .cc-wrapper.cc-checkout {
        margin-bottom: 20px
    }

    .bp-text {
        flex: 1
    }

    .footer-no-link {
        font-size: 12px;
        line-height: 16px
    }

    .dropdown {
        margin-left: 0
    }

    .cta-column {
        padding-right: 10px;
        padding-left: 10px;
        justify-content: center;
        align-items: center
    }

    .search-results-wr.search-result-wr-dyanmic {
        margin-top: -190px
    }

    .visa-packages-wr {
        flex-direction: column
    }

    .application-search-wr {
        margin-top: -70px
    }

    .contact-cards-wr {
        padding-right: 0;
        padding-left: 0
    }

    .bp-overlay {
        position: static
    }

    .start-modal-wr {
        height: auto;
        padding-right: 20px;
        padding-bottom: 140px;
        padding-left: 20px
    }

    .modal-card {
        height: 200px;
        justify-content: space-around
    }

    .start-modal-column {
        width: 100%;
        flex-direction: column;
        justify-content: center
    }

    .start-modal-column.info-column {
        width: 100%;
        padding-left: 10px;
        flex-direction: row
    }

    .card-icon-modal.ssl {
        margin-top: 10px
    }

    .app-modal-wr {
        display: flex
    }

    .app-modal-body-wr {
        padding-right: 0;
        padding-left: 0
    }

    .app-modal-footer {
        width: 100%;
        padding-right: 15px;
        padding-bottom: 50px;
        padding-left: 15px;
        flex-direction: column;
        justify-content: center;
        flex-wrap: nowrap;
        align-items: center;
        background-color: #f5f5f5
    }

    .app-modal-footer.app-modal-footer-edit {
        padding-top: 30px;
        padding-bottom: 40px
    }

    .app-modal-footer-left {
        width: 100%
    }

    .app-modal-footer-right {
        width: 100%;
        flex-direction: column
    }

    .app-timline-stage {
        width: 30px;
        height: 30px
    }

    .timline-line {
        width: 50px
    }

    .app-modal-body-header {
        flex-direction: column;
        justify-content: center;
        align-items: center
    }

    .app-modal-body {
        padding-right: 20px;
        padding-left: 20px
    }

    .app-modal-body.app-modal-body-edit {
        padding-right: 15px;
        padding-left: 15px
    }

    .app-modal-card-wr {
        flex-direction: column
    }

    .app-modal-card-wr.app-modal-card-wr-fullwidth {
        padding-right: 15px;
        padding-left: 15px
    }

    .app-card {
        width: 100%;
        margin-bottom: 20px
    }

    .app-modal-info {
        justify-content: center;
        align-items: center
    }

    .raised-page-wr {
        padding-right: 10px;
        padding-left: 10px
    }

    .page-column {
        padding-right: 10px;
        padding-bottom: 0;
        padding-left: 10px
    }

    .sm-card {
        margin-bottom: 20px
    }

    .whats-next-wr {
        padding-top: 40px
    }

    .menu-btn {
        padding-right: 0;
        padding-left: 0
    }

    .app-modal-form-wr.app-modal-forrm-edit {
        padding-top: 0
    }

    .input-container,.input-container-right {
        margin-bottom: 10px
    }

    .check-box {
        width: 25px;
        height: 25px
    }

    .modal-applicant-header {
        margin-bottom: 20px
    }

    .app-modal-column-group {
        height: auto;
        padding-top: 0;
        flex: 0 0 auto
    }

    .app-modal-column-group.app-modal-column-group-checkout {
        padding-right: 0;
        padding-left: 0
    }

    .app-modal-column {
        width: 100%;
        height: auto;
        padding-top: 20px;
        padding-bottom: 20px;
        flex: 0 0 auto
    }

    .app-modal-column.app-modal-column-checkout {
        height: auto;
        padding-right: 15px;
        padding-bottom: 30px;
        padding-left: 15px;
        flex: 0 0 auto
    }

    .app-modal-column.app-modal-column-checkout.alternative-column {
        height: auto;
        padding-right: 15px;
        padding-left: 15px;
        flex: 0 0 auto
    }

    .applicants-avatars {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .edit-applicant-card {
        width: 40%
    }

    .extra-services-wr {
        padding-bottom: 0;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }

    .extra-service-card {
        width: 80%;
        margin-right: 0;
        margin-bottom: 15px
    }

    .input-field-coupon {
        height: 45px;
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 12px;
        background-image: none;
        background-size: auto;
        background-repeat: repeat;
        font-size: 15px;
        line-height: 16px
    }

    .input-container-coupon {
        justify-content: flex-start
    }

    .checkbox-group {
        display: flex;
        margin-top: 20px;
        padding-left: 10px;
        align-items: center;
        font-size: 16px;
        line-height: 16px
    }

    .paragraph {
        text-align: left
    }

    .visa-search-results-wr {
        overflow: auto
    }

    .visa-serach-result-wr {
        width: 100%
    }

    .search-results-control {
        height: auto;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }

    .search-field-track {
        font-size: 16px
    }

    .search-icon-wr {
        width: 60px;
        background-size: 25px
    }

    .action-modal {
        height: 260px;
        padding: 0 5px 20px;
        justify-content: flex-end;
        background-color: #fff0
    }

    .action-modal-footer {
        flex-direction: column
    }

    .action-modal-body {
        padding-right: 20px;
        padding-left: 20px;
        border-bottom: 1px solid #d6d6d6;
        background-color: #fff;
        font-size: 14px;
        line-height: 18px
    }

    .bp-btn-sm.bp-btn-sm-yes {
        width: 100%;
        height: 50px;
        margin-top: 10px;
        margin-left: 0;
        border-bottom-width: 0px;
        border-radius: 4px
    }

    .bp-btn-sm.bp-btn-sm-no {
        width: 100%;
        height: 50px;
        border-style: none;
        border-width: 0px;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        background-color: #fff
    }

    .modal-header-sm {
        width: 100%;
        height: 50px;
        padding-top: 15px;
        padding-bottom: 15px;
        border-bottom: 1px solid #d6d6d6;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        background-color: #fff;
        font-size: 14px;
        line-height: 20px;
        text-align: center
    }

    .iframe-wr {
        width: 100%;
        height: 100%
    }

    .iframe-header-wr {
        padding-right: 20px
    }

    .page-banner {
        padding-right: 20px;
        padding-left: 20px
    }

    .banner-header {
        text-align: center
    }

    .banner-para {
        font-size: 16px;
        line-height: 20px
    }

    .product-card {
        width: 100%;
        margin: 0 0 30px
    }

    .visa-search-button {
        width: 100%
    }

    .search-fields-group-wr {
        width: 100%;
        margin-bottom: 10px;
        background-color: #fff
    }

    .contact-form-block {
        padding-top: 20px;
        padding-right: 10px;
        padding-left: 10px
    }

    .bp-input-field.bp-input-field-right.user {
        margin-left: 0
    }

    .bp-input-group {
        height: auto;
        margin-bottom: 0;
        flex-direction: column
    }

    .banner-container {
        flex-direction: column
    }

    .currency-switcher-wr-dynamic {
        margin-top: 30px
    }

    .bp-checkbox {
        margin-left: -24px
    }
}

.blogs-cards-wr {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: row;
    margin-bottom: 30px;
    width: 100%
}

.blog-card:hover {
    box-shadow: 0 11px 7px -8px #00000080;
    transform: translateY(-5px)
}

.blog-card {
    display: flex;
    width: 32%;
    height: 375px;
    border-radius: 4px;
    margin-right: 5px;
    margin-bottom: 10px;
    margin-left: 5px;
    flex-direction: column;
    background-color: #fff;
    box-shadow: 0 1px 2px -1px #00000080;
    transition: all .3s ease;
    text-decoration: none;
    cursor: pointer
}

.blog-featured-image {
    height: 190px;
    width: 100%;
    border-radius: 4px 4px 0 0;
    background-image: url(product.19c56786b4c2de92.jpg);
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.blog-card-content {
    padding: 20px
}

.blog-title {
    color: #e90000;
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 10px;
    min-height: 40px
}

.blog-body iframe {
    width: 100%!important;
    min-height: 400px
}

.blog-body a {
    color: #e90000!important;
    font-weight: 400;
    text-decoration: none
}

.blog-body h1 {
    color: #e90000!important;
    font-weight: 400;
    font-size: 20px
}

.blog-body h2 {
    color: #e90000!important;
    font-weight: 400;
    font-size: 18px
}

.blog-body a:hover {
    text-decoration: underline
}

@media (max-width: 991px) {
    .blog-card {
        width:48%
    }
}

@media (max-width: 767px) {
    .blog-card {
        width:100%
    }
}

aw-wizard {
    display: flex;
    justify-content: flex-start
}

aw-wizard .wizard-steps {
    top: 0;
    display: flex
}

aw-wizard.horizontal {
    flex-direction: column
}

aw-wizard.horizontal .wizard-steps {
    width: 100%;
    flex-direction: row
}

aw-wizard.vertical {
    flex-direction: row
}

aw-wizard.vertical .wizard-steps {
    min-width: calc(100% - 280px);
    width: 80%;
    height: 100%;
    flex-direction: column
}

aw-wizard-step,aw-wizard-completion-step {
    height: auto;
    width: 100%
}

aw-wizard-navigation-bar ul.steps-indicator * {
    box-sizing: border-box
}

aw-wizard-navigation-bar ul.steps-indicator li {
    position: relative;
    pointer-events: none
}

aw-wizard-navigation-bar ul.steps-indicator li a .label {
    color: gray;
    line-height: 14px;
    font-size: 14px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700;
    transition: .25s
}

aw-wizard-navigation-bar ul.steps-indicator li.navigable {
    pointer-events: auto
}

aw-wizard-navigation-bar ul.steps-indicator li.navigable a {
    cursor: pointer
}

aw-wizard-navigation-bar ul.steps-indicator li.navigable a:hover .label {
    color: #4d4d4d
}

aw-wizard-navigation-bar.horizontal ul.steps-indicator {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 0;
    width: 100%;
    list-style: none
}

aw-wizard-navigation-bar.horizontal ul.steps-indicator.steps-2:before {
    left: 25%;
    right: 25%
}

aw-wizard-navigation-bar.horizontal ul.steps-indicator.steps-2 li {
    width: 50%
}

aw-wizard-navigation-bar.horizontal ul.steps-indicator.steps-3:before {
    left: 16.66667%;
    right: 16.66667%
}

aw-wizard-navigation-bar.horizontal ul.steps-indicator.steps-3 li {
    width: 33.33333%
}

aw-wizard-navigation-bar.horizontal ul.steps-indicator.steps-4:before {
    left: 12.5%;
    right: 12.5%
}

aw-wizard-navigation-bar.horizontal ul.steps-indicator.steps-4 li {
    width: 25%
}

aw-wizard-navigation-bar.horizontal ul.steps-indicator.steps-5:before {
    left: 10%;
    right: 10%
}

aw-wizard-navigation-bar.horizontal ul.steps-indicator.steps-5 li {
    width: 20%
}

aw-wizard-navigation-bar.horizontal ul.steps-indicator.steps-6:before {
    left: 8.33333%;
    right: 8.33333%
}

aw-wizard-navigation-bar.horizontal ul.steps-indicator.steps-6 li {
    width: 16.66667%
}

aw-wizard-navigation-bar.horizontal ul.steps-indicator.steps-7:before {
    left: 7.14286%;
    right: 7.14286%
}

aw-wizard-navigation-bar.horizontal ul.steps-indicator.steps-7 li {
    width: 14.28571%
}

aw-wizard-navigation-bar.horizontal ul.steps-indicator.steps-8:before {
    left: 6.25%;
    right: 6.25%
}

aw-wizard-navigation-bar.horizontal ul.steps-indicator.steps-8 li {
    width: 12.5%
}

aw-wizard-navigation-bar.horizontal ul.steps-indicator.steps-9:before {
    left: 5.55556%;
    right: 5.55556%
}

aw-wizard-navigation-bar.horizontal ul.steps-indicator.steps-9 li {
    width: 11.11111%
}

aw-wizard-navigation-bar.horizontal ul.steps-indicator.steps-10:before {
    left: 5%;
    right: 5%
}

aw-wizard-navigation-bar.horizontal ul.steps-indicator.steps-10 li {
    width: 10%
}

aw-wizard-navigation-bar.horizontal ul.steps-indicator li {
    margin: 0;
    padding: 0;
    text-align: center
}

aw-wizard-navigation-bar.horizontal ul.steps-indicator li a .label {
    display: inline-block;
    padding-top: 10px;
    text-align: center
}

aw-wizard-navigation-bar.vertical {
    max-width: 280px;
    width: 20%;
    height: 100%;
    position: sticky;
    top: 0
}

aw-wizard-navigation-bar.vertical ul.steps-indicator {
    display: flex;
    flex-direction: column;
    justify-content: center;
    list-style: none;
    margin: auto
}

aw-wizard-navigation-bar.vertical ul.steps-indicator li:not(:last-child) {
    margin-bottom: 0;
    padding-bottom: 10px
}

aw-wizard-navigation-bar.vertical ul.steps-indicator li a {
    display: flex;
    flex-direction: row;
    align-items: center
}

aw-wizard-navigation-bar.vertical ul.steps-indicator li a .label {
    margin-left: 15px;
    text-align: left
}

aw-wizard-navigation-bar.horizontal.small ul.steps-indicator {
    padding: 24px 0 10px
}

aw-wizard-navigation-bar.horizontal.small ul.steps-indicator li:not(:last-child):before {
    background-color: #e6e6e6;
    content: "";
    position: absolute;
    height: 1px;
    width: calc(100% - 14px);
    top: -7px;
    left: calc(50% + 7px)
}

aw-wizard-navigation-bar.horizontal.small ul.steps-indicator li .step-indicator {
    top: -14px;
    left: calc(50% - 7px);
    position: absolute;
    width: 14px;
    height: 14px;
    text-align: center;
    vertical-align: middle;
    line-height: 14px;
    transition: .25s;
    border-radius: 100%;
    background-color: #e6e6e6
}

aw-wizard-navigation-bar.horizontal.small ul.steps-indicator li.optional .step-indicator {
    background-color: #38ef38
}

aw-wizard-navigation-bar.horizontal.small ul.steps-indicator li.done .step-indicator {
    background-color: #393
}

aw-wizard-navigation-bar.horizontal.small ul.steps-indicator li.current .step-indicator {
    background-color: gray
}

aw-wizard-navigation-bar.horizontal.small ul.steps-indicator li.editing .step-indicator {
    background-color: red
}

aw-wizard-navigation-bar.horizontal.small ul.steps-indicator li.completed .step-indicator {
    background-color: #393
}

aw-wizard-navigation-bar.horizontal.small ul.steps-indicator li.navigable a:hover .step-indicator {
    position: absolute;
    width: 14px;
    height: 14px;
    text-align: center;
    vertical-align: middle;
    line-height: 14px;
    transition: .25s;
    border-radius: 100%;
    background-color: #d9d9d9
}

aw-wizard-navigation-bar.horizontal.small ul.steps-indicator li.navigable.optional a:hover .step-indicator {
    background-color: #20ed20
}

aw-wizard-navigation-bar.horizontal.small ul.steps-indicator li.navigable.done a:hover .step-indicator {
    background-color: #2d862d
}

aw-wizard-navigation-bar.horizontal.small ul.steps-indicator li.navigable.current a:hover .step-indicator {
    background-color: #737373
}

aw-wizard-navigation-bar.horizontal.small ul.steps-indicator li.navigable.editing a:hover .step-indicator {
    background-color: #e60000
}

aw-wizard-navigation-bar.horizontal.small ul.steps-indicator li.navigable.completed a:hover .step-indicator {
    background-color: #2d862d
}

aw-wizard-navigation-bar.horizontal.large-filled ul.steps-indicator {
    padding: 60px 0 10px
}

aw-wizard-navigation-bar.horizontal.large-filled ul.steps-indicator li:not(:last-child):before {
    background-color: #e6e6e6;
    content: "";
    position: absolute;
    height: 1px;
    width: calc(100% - 50px);
    top: -25px;
    left: calc(50% + 25px)
}

aw-wizard-navigation-bar.horizontal.large-filled ul.steps-indicator li .step-indicator {
    top: -50px;
    left: calc(50% - 25px);
    position: absolute;
    width: 50px;
    height: 50px;
    text-align: center;
    vertical-align: middle;
    line-height: 50px;
    transition: .25s;
    border-radius: 100%;
    background-color: #e6e6e6
}

aw-wizard-navigation-bar.horizontal.large-filled ul.steps-indicator li.optional .step-indicator {
    background-color: #38ef38
}

aw-wizard-navigation-bar.horizontal.large-filled ul.steps-indicator li.done .step-indicator {
    background-color: #393
}

aw-wizard-navigation-bar.horizontal.large-filled ul.steps-indicator li.current .step-indicator {
    background-color: gray
}

aw-wizard-navigation-bar.horizontal.large-filled ul.steps-indicator li.editing .step-indicator {
    background-color: red
}

aw-wizard-navigation-bar.horizontal.large-filled ul.steps-indicator li.completed .step-indicator {
    background-color: #393
}

aw-wizard-navigation-bar.horizontal.large-filled ul.steps-indicator li.navigable a:hover .step-indicator {
    position: absolute;
    width: 50px;
    height: 50px;
    text-align: center;
    vertical-align: middle;
    line-height: 50px;
    transition: .25s;
    border-radius: 100%;
    background-color: #d9d9d9
}

aw-wizard-navigation-bar.horizontal.large-filled ul.steps-indicator li.navigable.optional a:hover .step-indicator {
    background-color: #20ed20
}

aw-wizard-navigation-bar.horizontal.large-filled ul.steps-indicator li.navigable.done a:hover .step-indicator {
    background-color: #2d862d
}

aw-wizard-navigation-bar.horizontal.large-filled ul.steps-indicator li.navigable.current a:hover .step-indicator {
    background-color: #737373
}

aw-wizard-navigation-bar.horizontal.large-filled ul.steps-indicator li.navigable.editing a:hover .step-indicator {
    background-color: #e60000
}

aw-wizard-navigation-bar.horizontal.large-filled ul.steps-indicator li.navigable.completed a:hover .step-indicator {
    background-color: #2d862d
}

aw-wizard-navigation-bar.horizontal.large-empty ul.steps-indicator {
    padding: 60px 0 10px
}

aw-wizard-navigation-bar.horizontal.large-empty ul.steps-indicator li:not(:last-child):before {
    background-color: #e6e6e6;
    content: "";
    position: absolute;
    height: 1px;
    width: calc(100% - 50px);
    top: -25px;
    left: calc(50% + 25px)
}

aw-wizard-navigation-bar.horizontal.large-empty ul.steps-indicator li .step-indicator {
    top: -50px;
    left: calc(50% - 25px);
    position: absolute;
    width: 50px;
    height: 50px;
    text-align: center;
    vertical-align: middle;
    line-height: 46px;
    transition: .25s;
    border-radius: 100%;
    border-width: 2px;
    border-style: solid;
    border-color: #e6e6e6
}

aw-wizard-navigation-bar.horizontal.large-empty ul.steps-indicator li.optional .step-indicator {
    border-width: 2px;
    border-style: solid;
    border-color: #38ef38
}

aw-wizard-navigation-bar.horizontal.large-empty ul.steps-indicator li.done .step-indicator {
    border-width: 2px;
    border-style: solid;
    border-color: #393
}

aw-wizard-navigation-bar.horizontal.large-empty ul.steps-indicator li.current .step-indicator {
    border-width: 2px;
    border-style: solid;
    border-color: gray
}

aw-wizard-navigation-bar.horizontal.large-empty ul.steps-indicator li.editing .step-indicator {
    border-width: 2px;
    border-style: solid;
    border-color: red
}

aw-wizard-navigation-bar.horizontal.large-empty ul.steps-indicator li.completed .step-indicator {
    border-width: 2px;
    border-style: solid;
    border-color: #393
}

aw-wizard-navigation-bar.horizontal.large-empty ul.steps-indicator li.navigable a:hover .step-indicator {
    position: absolute;
    width: 50px;
    height: 50px;
    text-align: center;
    vertical-align: middle;
    line-height: 46px;
    transition: .25s;
    border-radius: 100%;
    border-width: 2px;
    border-style: solid;
    border-color: #cdcdcd
}

aw-wizard-navigation-bar.horizontal.large-empty ul.steps-indicator li.navigable.optional a:hover .step-indicator {
    border-width: 2px;
    border-style: solid;
    border-color: #12e212
}

aw-wizard-navigation-bar.horizontal.large-empty ul.steps-indicator li.navigable.done a:hover .step-indicator {
    border-width: 2px;
    border-style: solid;
    border-color: #267326
}

aw-wizard-navigation-bar.horizontal.large-empty ul.steps-indicator li.navigable.current a:hover .step-indicator {
    border-width: 2px;
    border-style: solid;
    border-color: #676767
}

aw-wizard-navigation-bar.horizontal.large-empty ul.steps-indicator li.navigable.editing a:hover .step-indicator {
    border-width: 2px;
    border-style: solid;
    border-color: #c00
}

aw-wizard-navigation-bar.horizontal.large-empty ul.steps-indicator li.navigable.completed a:hover .step-indicator {
    border-width: 2px;
    border-style: solid;
    border-color: #267326
}

aw-wizard-navigation-bar.horizontal.large-filled-symbols ul.steps-indicator {
    padding: 60px 0 10px
}

aw-wizard-navigation-bar.horizontal.large-filled-symbols ul.steps-indicator li:not(:last-child):before {
    background-color: #e6e6e6;
    content: "";
    position: absolute;
    height: 1px;
    width: calc(100% - 50px);
    top: -25px;
    left: calc(50% + 25px)
}

aw-wizard-navigation-bar.horizontal.large-filled-symbols ul.steps-indicator li .step-indicator {
    top: -50px;
    left: calc(50% - 25px);
    position: absolute;
    width: 50px;
    height: 50px;
    text-align: center;
    vertical-align: middle;
    line-height: 50px;
    transition: .25s;
    border-radius: 100%;
    background-color: #e6e6e6;
    color: #000
}

aw-wizard-navigation-bar.horizontal.large-filled-symbols ul.steps-indicator li.optional .step-indicator {
    background-color: #38ef38;
    color: #000
}

aw-wizard-navigation-bar.horizontal.large-filled-symbols ul.steps-indicator li.done .step-indicator {
    background-color: #393;
    color: #000
}

aw-wizard-navigation-bar.horizontal.large-filled-symbols ul.steps-indicator li.current .step-indicator {
    background-color: gray;
    color: #000
}

aw-wizard-navigation-bar.horizontal.large-filled-symbols ul.steps-indicator li.editing .step-indicator {
    background-color: red;
    color: #000
}

aw-wizard-navigation-bar.horizontal.large-filled-symbols ul.steps-indicator li.completed .step-indicator {
    background-color: #393;
    color: #000
}

aw-wizard-navigation-bar.horizontal.large-filled-symbols ul.steps-indicator li.navigable a:hover .step-indicator {
    position: absolute;
    width: 50px;
    height: 50px;
    text-align: center;
    vertical-align: middle;
    line-height: 50px;
    transition: .25s;
    border-radius: 100%;
    background-color: #d9d9d9;
    color: #000
}

aw-wizard-navigation-bar.horizontal.large-filled-symbols ul.steps-indicator li.navigable.optional a:hover .step-indicator {
    background-color: #20ed20;
    color: #000
}

aw-wizard-navigation-bar.horizontal.large-filled-symbols ul.steps-indicator li.navigable.done a:hover .step-indicator {
    background-color: #2d862d;
    color: #000
}

aw-wizard-navigation-bar.horizontal.large-filled-symbols ul.steps-indicator li.navigable.current a:hover .step-indicator {
    background-color: #737373;
    color: #000
}

aw-wizard-navigation-bar.horizontal.large-filled-symbols ul.steps-indicator li.navigable.editing a:hover .step-indicator {
    background-color: #e60000;
    color: #000
}

aw-wizard-navigation-bar.horizontal.large-filled-symbols ul.steps-indicator li.navigable.completed a:hover .step-indicator {
    background-color: #2d862d;
    color: #000
}

aw-wizard-navigation-bar.horizontal.large-empty-symbols ul.steps-indicator {
    padding: 60px 0 10px
}

aw-wizard-navigation-bar.horizontal.large-empty-symbols ul.steps-indicator li:not(:last-child):before {
    background-color: #e6e6e6;
    content: "";
    position: absolute;
    height: 1px;
    width: calc(100% - 50px);
    top: -25px;
    left: calc(50% + 25px)
}

aw-wizard-navigation-bar.horizontal.large-empty-symbols ul.steps-indicator li .step-indicator {
    top: -50px;
    left: calc(50% - 25px);
    position: absolute;
    width: 50px;
    height: 50px;
    text-align: center;
    vertical-align: middle;
    line-height: 46px;
    transition: .25s;
    border-radius: 100%;
    border-width: 2px;
    border-style: solid;
    border-color: #e6e6e6;
    color: #e6e6e6
}

aw-wizard-navigation-bar.horizontal.large-empty-symbols ul.steps-indicator li.optional .step-indicator {
    border-width: 2px;
    border-style: solid;
    border-color: #38ef38;
    color: #38ef38
}

aw-wizard-navigation-bar.horizontal.large-empty-symbols ul.steps-indicator li.done .step-indicator {
    border-width: 2px;
    border-style: solid;
    border-color: #393;
    color: #393
}

aw-wizard-navigation-bar.horizontal.large-empty-symbols ul.steps-indicator li.current .step-indicator {
    border-width: 2px;
    border-style: solid;
    border-color: gray;
    color: gray
}

aw-wizard-navigation-bar.horizontal.large-empty-symbols ul.steps-indicator li.editing .step-indicator {
    border-width: 2px;
    border-style: solid;
    border-color: red;
    color: red
}

aw-wizard-navigation-bar.horizontal.large-empty-symbols ul.steps-indicator li.completed .step-indicator {
    border-width: 2px;
    border-style: solid;
    border-color: #393;
    color: #393
}

aw-wizard-navigation-bar.horizontal.large-empty-symbols ul.steps-indicator li.navigable a:hover .step-indicator {
    position: absolute;
    width: 50px;
    height: 50px;
    text-align: center;
    vertical-align: middle;
    line-height: 46px;
    transition: .25s;
    border-radius: 100%;
    border-width: 2px;
    border-style: solid;
    border-color: #cdcdcd;
    color: #cdcdcd
}

aw-wizard-navigation-bar.horizontal.large-empty-symbols ul.steps-indicator li.navigable.optional a:hover .step-indicator {
    border-width: 2px;
    border-style: solid;
    border-color: #12e212;
    color: #12e212
}

aw-wizard-navigation-bar.horizontal.large-empty-symbols ul.steps-indicator li.navigable.done a:hover .step-indicator {
    border-width: 2px;
    border-style: solid;
    border-color: #267326;
    color: #267326
}

aw-wizard-navigation-bar.horizontal.large-empty-symbols ul.steps-indicator li.navigable.current a:hover .step-indicator {
    border-width: 2px;
    border-style: solid;
    border-color: #676767;
    color: #676767
}

aw-wizard-navigation-bar.horizontal.large-empty-symbols ul.steps-indicator li.navigable.editing a:hover .step-indicator {
    border-width: 2px;
    border-style: solid;
    border-color: #c00;
    color: #c00
}

aw-wizard-navigation-bar.horizontal.large-empty-symbols ul.steps-indicator li.navigable.completed a:hover .step-indicator {
    border-width: 2px;
    border-style: solid;
    border-color: #267326;
    color: #267326
}

aw-wizard-navigation-bar.vertical.small ul.steps-indicator {
    padding: 5px 5px 5px 19px
}

aw-wizard-navigation-bar.vertical.small ul.steps-indicator li:not(:last-child):before {
    background-color: #e6e6e6;
    content: "";
    position: absolute;
    left: -7px;
    top: 14px;
    height: calc(100% - 14px);
    width: 1px
}

aw-wizard-navigation-bar.vertical.small ul.steps-indicator li a {
    min-height: 14px
}

aw-wizard-navigation-bar.vertical.small ul.steps-indicator li .step-indicator {
    top: 0;
    left: -14px;
    position: absolute;
    width: 14px;
    height: 14px;
    text-align: center;
    vertical-align: middle;
    line-height: 14px;
    transition: .25s;
    border-radius: 100%;
    background-color: #e6e6e6
}

aw-wizard-navigation-bar.vertical.small ul.steps-indicator li.optional .step-indicator {
    background-color: #38ef38
}

aw-wizard-navigation-bar.vertical.small ul.steps-indicator li.done .step-indicator {
    background-color: #393
}

aw-wizard-navigation-bar.vertical.small ul.steps-indicator li.current .step-indicator {
    background-color: gray
}

aw-wizard-navigation-bar.vertical.small ul.steps-indicator li.editing .step-indicator {
    background-color: red
}

aw-wizard-navigation-bar.vertical.small ul.steps-indicator li.completed .step-indicator {
    background-color: #393
}

aw-wizard-navigation-bar.vertical.small ul.steps-indicator li.navigable a:hover .step-indicator {
    position: absolute;
    width: 14px;
    height: 14px;
    text-align: center;
    vertical-align: middle;
    line-height: 14px;
    transition: .25s;
    border-radius: 100%;
    background-color: #d9d9d9
}

aw-wizard-navigation-bar.vertical.small ul.steps-indicator li.navigable.optional a:hover .step-indicator {
    background-color: #20ed20
}

aw-wizard-navigation-bar.vertical.small ul.steps-indicator li.navigable.done a:hover .step-indicator {
    background-color: #2d862d
}

aw-wizard-navigation-bar.vertical.small ul.steps-indicator li.navigable.current a:hover .step-indicator {
    background-color: #737373
}

aw-wizard-navigation-bar.vertical.small ul.steps-indicator li.navigable.editing a:hover .step-indicator {
    background-color: #e60000
}

aw-wizard-navigation-bar.vertical.small ul.steps-indicator li.navigable.completed a:hover .step-indicator {
    background-color: #2d862d
}

aw-wizard-navigation-bar.vertical.large-filled ul.steps-indicator {
    padding: 5px 5px 5px 55px
}

aw-wizard-navigation-bar.vertical.large-filled ul.steps-indicator li:not(:last-child):before {
    background-color: #e6e6e6;
    content: "";
    position: absolute;
    left: -25px;
    top: 50px;
    height: calc(100% - 50px);
    width: 1px
}

aw-wizard-navigation-bar.vertical.large-filled ul.steps-indicator li a {
    min-height: 50px
}

aw-wizard-navigation-bar.vertical.large-filled ul.steps-indicator li .step-indicator {
    top: 0;
    left: -50px;
    position: absolute;
    width: 50px;
    height: 50px;
    text-align: center;
    vertical-align: middle;
    line-height: 50px;
    transition: .25s;
    border-radius: 100%;
    background-color: #e6e6e6
}

aw-wizard-navigation-bar.vertical.large-filled ul.steps-indicator li.optional .step-indicator {
    background-color: #38ef38
}

aw-wizard-navigation-bar.vertical.large-filled ul.steps-indicator li.done .step-indicator {
    background-color: #393
}

aw-wizard-navigation-bar.vertical.large-filled ul.steps-indicator li.current .step-indicator {
    background-color: gray
}

aw-wizard-navigation-bar.vertical.large-filled ul.steps-indicator li.editing .step-indicator {
    background-color: red
}

aw-wizard-navigation-bar.vertical.large-filled ul.steps-indicator li.completed .step-indicator {
    background-color: #393
}

aw-wizard-navigation-bar.vertical.large-filled ul.steps-indicator li.navigable a:hover .step-indicator {
    position: absolute;
    width: 50px;
    height: 50px;
    text-align: center;
    vertical-align: middle;
    line-height: 50px;
    transition: .25s;
    border-radius: 100%;
    background-color: #d9d9d9
}

aw-wizard-navigation-bar.vertical.large-filled ul.steps-indicator li.navigable.optional a:hover .step-indicator {
    background-color: #20ed20
}

aw-wizard-navigation-bar.vertical.large-filled ul.steps-indicator li.navigable.done a:hover .step-indicator {
    background-color: #2d862d
}

aw-wizard-navigation-bar.vertical.large-filled ul.steps-indicator li.navigable.current a:hover .step-indicator {
    background-color: #737373
}

aw-wizard-navigation-bar.vertical.large-filled ul.steps-indicator li.navigable.editing a:hover .step-indicator {
    background-color: #e60000
}

aw-wizard-navigation-bar.vertical.large-filled ul.steps-indicator li.navigable.completed a:hover .step-indicator {
    background-color: #2d862d
}

aw-wizard-navigation-bar.vertical.large-empty ul.steps-indicator {
    padding: 5px 5px 5px 55px
}

aw-wizard-navigation-bar.vertical.large-empty ul.steps-indicator li:not(:last-child):before {
    background-color: #e6e6e6;
    content: "";
    position: absolute;
    left: -25px;
    top: 50px;
    height: calc(100% - 50px);
    width: 1px
}

aw-wizard-navigation-bar.vertical.large-empty ul.steps-indicator li a {
    min-height: 50px
}

aw-wizard-navigation-bar.vertical.large-empty ul.steps-indicator li .step-indicator {
    top: 0;
    left: -50px;
    position: absolute;
    width: 50px;
    height: 50px;
    text-align: center;
    vertical-align: middle;
    line-height: 46px;
    transition: .25s;
    border-radius: 100%;
    border-width: 2px;
    border-style: solid;
    border-color: #e6e6e6
}

aw-wizard-navigation-bar.vertical.large-empty ul.steps-indicator li.optional .step-indicator {
    border-width: 2px;
    border-style: solid;
    border-color: #38ef38
}

aw-wizard-navigation-bar.vertical.large-empty ul.steps-indicator li.done .step-indicator {
    border-width: 2px;
    border-style: solid;
    border-color: #393
}

aw-wizard-navigation-bar.vertical.large-empty ul.steps-indicator li.current .step-indicator {
    border-width: 2px;
    border-style: solid;
    border-color: gray
}

aw-wizard-navigation-bar.vertical.large-empty ul.steps-indicator li.editing .step-indicator {
    border-width: 2px;
    border-style: solid;
    border-color: red
}

aw-wizard-navigation-bar.vertical.large-empty ul.steps-indicator li.completed .step-indicator {
    border-width: 2px;
    border-style: solid;
    border-color: #393
}

aw-wizard-navigation-bar.vertical.large-empty ul.steps-indicator li.navigable a:hover .step-indicator {
    position: absolute;
    width: 50px;
    height: 50px;
    text-align: center;
    vertical-align: middle;
    line-height: 46px;
    transition: .25s;
    border-radius: 100%;
    border-width: 2px;
    border-style: solid;
    border-color: #cdcdcd
}

aw-wizard-navigation-bar.vertical.large-empty ul.steps-indicator li.navigable.optional a:hover .step-indicator {
    border-width: 2px;
    border-style: solid;
    border-color: #12e212
}

aw-wizard-navigation-bar.vertical.large-empty ul.steps-indicator li.navigable.done a:hover .step-indicator {
    border-width: 2px;
    border-style: solid;
    border-color: #267326
}

aw-wizard-navigation-bar.vertical.large-empty ul.steps-indicator li.navigable.current a:hover .step-indicator {
    border-width: 2px;
    border-style: solid;
    border-color: #676767
}

aw-wizard-navigation-bar.vertical.large-empty ul.steps-indicator li.navigable.editing a:hover .step-indicator {
    border-width: 2px;
    border-style: solid;
    border-color: #c00
}

aw-wizard-navigation-bar.vertical.large-empty ul.steps-indicator li.navigable.completed a:hover .step-indicator {
    border-width: 2px;
    border-style: solid;
    border-color: #267326
}

aw-wizard-navigation-bar.vertical.large-filled-symbols ul.steps-indicator {
    padding: 5px 5px 5px 55px
}

aw-wizard-navigation-bar.vertical.large-filled-symbols ul.steps-indicator li:not(:last-child):before {
    background-color: #e6e6e6;
    content: "";
    position: absolute;
    left: -25px;
    top: 50px;
    height: calc(100% - 50px);
    width: 1px
}

aw-wizard-navigation-bar.vertical.large-filled-symbols ul.steps-indicator li a {
    min-height: 50px
}

aw-wizard-navigation-bar.vertical.large-filled-symbols ul.steps-indicator li .step-indicator {
    top: 0;
    left: -50px;
    position: absolute;
    width: 50px;
    height: 50px;
    text-align: center;
    vertical-align: middle;
    line-height: 50px;
    transition: .25s;
    border-radius: 100%;
    background-color: #e6e6e6;
    color: #000
}

aw-wizard-navigation-bar.vertical.large-filled-symbols ul.steps-indicator li.optional .step-indicator {
    background-color: #38ef38;
    color: #000
}

aw-wizard-navigation-bar.vertical.large-filled-symbols ul.steps-indicator li.done .step-indicator {
    background-color: #393;
    color: #000
}

aw-wizard-navigation-bar.vertical.large-filled-symbols ul.steps-indicator li.current .step-indicator {
    background-color: gray;
    color: #000
}

aw-wizard-navigation-bar.vertical.large-filled-symbols ul.steps-indicator li.editing .step-indicator {
    background-color: red;
    color: #000
}

aw-wizard-navigation-bar.vertical.large-filled-symbols ul.steps-indicator li.completed .step-indicator {
    background-color: #393;
    color: #000
}

aw-wizard-navigation-bar.vertical.large-filled-symbols ul.steps-indicator li.navigable a:hover .step-indicator {
    position: absolute;
    width: 50px;
    height: 50px;
    text-align: center;
    vertical-align: middle;
    line-height: 50px;
    transition: .25s;
    border-radius: 100%;
    background-color: #d9d9d9;
    color: #000
}

aw-wizard-navigation-bar.vertical.large-filled-symbols ul.steps-indicator li.navigable.optional a:hover .step-indicator {
    background-color: #20ed20;
    color: #000
}

aw-wizard-navigation-bar.vertical.large-filled-symbols ul.steps-indicator li.navigable.done a:hover .step-indicator {
    background-color: #2d862d;
    color: #000
}

aw-wizard-navigation-bar.vertical.large-filled-symbols ul.steps-indicator li.navigable.current a:hover .step-indicator {
    background-color: #737373;
    color: #000
}

aw-wizard-navigation-bar.vertical.large-filled-symbols ul.steps-indicator li.navigable.editing a:hover .step-indicator {
    background-color: #e60000;
    color: #000
}

aw-wizard-navigation-bar.vertical.large-filled-symbols ul.steps-indicator li.navigable.completed a:hover .step-indicator {
    background-color: #2d862d;
    color: #000
}

aw-wizard-navigation-bar.vertical.large-empty-symbols ul.steps-indicator {
    padding: 5px 5px 5px 55px
}

aw-wizard-navigation-bar.vertical.large-empty-symbols ul.steps-indicator li:not(:last-child):before {
    background-color: #e6e6e6;
    content: "";
    position: absolute;
    left: -25px;
    top: 50px;
    height: calc(100% - 50px);
    width: 1px
}

aw-wizard-navigation-bar.vertical.large-empty-symbols ul.steps-indicator li a {
    min-height: 50px
}

aw-wizard-navigation-bar.vertical.large-empty-symbols ul.steps-indicator li .step-indicator {
    top: 0;
    left: -50px;
    position: absolute;
    width: 50px;
    height: 50px;
    text-align: center;
    vertical-align: middle;
    line-height: 46px;
    transition: .25s;
    border-radius: 100%;
    border-width: 2px;
    border-style: solid;
    border-color: #e6e6e6;
    color: #e6e6e6
}

aw-wizard-navigation-bar.vertical.large-empty-symbols ul.steps-indicator li.optional .step-indicator {
    border-width: 2px;
    border-style: solid;
    border-color: #38ef38;
    color: #38ef38
}

aw-wizard-navigation-bar.vertical.large-empty-symbols ul.steps-indicator li.done .step-indicator {
    border-width: 2px;
    border-style: solid;
    border-color: #393;
    color: #393
}

aw-wizard-navigation-bar.vertical.large-empty-symbols ul.steps-indicator li.current .step-indicator {
    border-width: 2px;
    border-style: solid;
    border-color: gray;
    color: gray
}

aw-wizard-navigation-bar.vertical.large-empty-symbols ul.steps-indicator li.editing .step-indicator {
    border-width: 2px;
    border-style: solid;
    border-color: red;
    color: red
}

aw-wizard-navigation-bar.vertical.large-empty-symbols ul.steps-indicator li.completed .step-indicator {
    border-width: 2px;
    border-style: solid;
    border-color: #393;
    color: #393
}

aw-wizard-navigation-bar.vertical.large-empty-symbols ul.steps-indicator li.navigable a:hover .step-indicator {
    position: absolute;
    width: 50px;
    height: 50px;
    text-align: center;
    vertical-align: middle;
    line-height: 46px;
    transition: .25s;
    border-radius: 100%;
    border-width: 2px;
    border-style: solid;
    border-color: #cdcdcd;
    color: #cdcdcd
}

aw-wizard-navigation-bar.vertical.large-empty-symbols ul.steps-indicator li.navigable.optional a:hover .step-indicator {
    border-width: 2px;
    border-style: solid;
    border-color: #12e212;
    color: #12e212
}

aw-wizard-navigation-bar.vertical.large-empty-symbols ul.steps-indicator li.navigable.done a:hover .step-indicator {
    border-width: 2px;
    border-style: solid;
    border-color: #267326;
    color: #267326
}

aw-wizard-navigation-bar.vertical.large-empty-symbols ul.steps-indicator li.navigable.current a:hover .step-indicator {
    border-width: 2px;
    border-style: solid;
    border-color: #676767;
    color: #676767
}

aw-wizard-navigation-bar.vertical.large-empty-symbols ul.steps-indicator li.navigable.editing a:hover .step-indicator {
    border-width: 2px;
    border-style: solid;
    border-color: #c00;
    color: #c00
}

aw-wizard-navigation-bar.vertical.large-empty-symbols ul.steps-indicator li.navigable.completed a:hover .step-indicator {
    border-width: 2px;
    border-style: solid;
    border-color: #267326;
    color: #267326
}