@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,700");
@import url("https://fonts.googleapis.com/css?family=Nunito:400,700");
@import url("https://fonts.googleapis.com/css?family=Roboto:400,700");

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*1vmin = 8.25px*/



.svg-funnel-js {
    font-family: Nunito, Roboto, Open Sans;
}

    .svg-funnel-js .svg-funnel-js__container {
        width: 100%;
        height: 100%;
    }

    .svg-funnel-js .svg-funnel-js__labels {
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        padding-bottom: 8vmin;
    }

        .svg-funnel-js .svg-funnel-js__labels .svg-funnel-js__label {
            flex: 1 1 0;
            position: relative;
        }

            .svg-funnel-js .svg-funnel-js__labels .svg-funnel-js__label .label__value {
                font-weight: bold;
                color: var(--color-primary-main);
                /*font-size: 2.7vmin;*/
                line-height: 2.4vmin;
                /*margin-bottom: 1vmin;*/
            }

            @media screen and (max-width: 750px) {
                .svg-funnel-js .svg-funnel-js__labels .svg-funnel-js__label .label__title {
                    font-size: 0.6rem !important;
                    height: 4.8vmin;
                }
            }

            .svg-funnel-js .svg-funnel-js__labels .svg-funnel-js__label .label__title {
                font-size: .85rem;
                width: 80%;
                margin: auto;
            }

                @media screen and (max-width: 750px) {
                    .svg-funnel-js .svg-funnel-js__labels .svg-funnel-js__label .label__title.label__title__estimate {
                        font-size: 0.6rem !important;
                    }
                }

                .svg-funnel-js .svg-funnel-js__labels .svg-funnel-js__label .label__title.label__title__estimate {
                    min-height: 5vmin;
                    font-size: .85rem;
                    font-weight:bold;
                    display: inline-flex;
                    align-items: center;
                    color: var(--color-primary-main);
                }

            .svg-funnel-js .svg-funnel-js__labels .svg-funnel-js__label .label__percentage {
                /*font-size: 2.2vmin;*/
                margin-top: 1vmin;
                /*text-shadow: -1px 0 #3f3f3f, 0 1px #3f3f3f, 1px 0 #3f3f3f, 0 -1px #3f3f3f;*/
                color: var(--color-primary-main-support-greyscale);
                font-weight: bold;
            }

            .svg-funnel-js .svg-funnel-js__labels .svg-funnel-js__label .label__segment-percentages {
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                width: 100%;
                left: 0;
                padding: .6vmin .6vmin;
                box-sizing: border-box;
                background-color: #4b4f56;
                margin-top: 3.6363vmin;
                opacity: 0;
                z-index: 1;
                transition: opacity 0.1s ease;
                cursor: default;
            }

                .svg-funnel-js .svg-funnel-js__labels .svg-funnel-js__label .label__segment-percentages ul {
                    margin: 0;
                    padding: 0;
                    text-align: left;
                    list-style-type: none;
                }

                    @media screen and (max-width: 750px) {
                        .svg-funnel-js .svg-funnel-js__labels .svg-funnel-js__label .label__segment-percentages ul li {
                            font-size: 1.5vmin !important;
                        }
                    }

                    .svg-funnel-js .svg-funnel-js__labels .svg-funnel-js__label .label__segment-percentages ul li {
                        font-size: .85rem;
                        color: #f5f6f7;
                        display: flex;
                        margin: 1vmin 0;
                    }

                        .svg-funnel-js .svg-funnel-js__labels .svg-funnel-js__label .label__segment-percentages ul li .percentage__list-title {
                            width: 100%;
                            margin: auto;
                            word-wrap: break-word !important;
                            word-break: break-word !important;
                        }

                        .svg-funnel-js .svg-funnel-js__labels .svg-funnel-js__label .label__segment-percentages ul li .percentage__list-label {
                            /*font-weight: bold;*/
                            color: #ffffff;
                            margin: auto;
                            margin-right: 0vmin;
                            /*font-size: 1.5vmin;*/
                            width: 7.2727vmin;
                            min-width: 4.8484vmin;
                            text-align: right;
                        }

            .svg-funnel-js .svg-funnel-js__labels .svg-funnel-js__label:hover .label__segment-percentages {
                /*margin: -115px 0 0 0;*/
                opacity: 1;
            }
    /*    .svg-funnel-js .svg-funnel-js__subLabels:hover + .svg-funnel-js__labels.svg-funnel-js__label.label__segment-percentages {
        display: none!important;
    }*/

    .svg-funnel-js:not(.svg-funnel-js--vertical) {
        /*font-family: Nunito, Roboto, Open Sans;*/
        padding-top: 7vmin;
        padding-bottom: 7vmin;
    }

        .svg-funnel-js:not(.svg-funnel-js--vertical).svg-funnel-estimate-js {
            padding-top: 5vmin !important;
            /*font-weight: bold;*/
        }

        .svg-funnel-js:not(.svg-funnel-js--vertical) .svg-funnel-js__label {
            padding-left: 0vmin;
            text-align: center;
        }

            .svg-funnel-js:not(.svg-funnel-js--vertical) .svg-funnel-js__label:not(:first-child) {
                border-left: .2vmin solid #a4a1a94f;
            }

    .svg-funnel-js.svg-funnel-js--vertical {
        padding-left: 14.5454vmin;
        padding-right: 1.9393vmin;
    }

        .svg-funnel-js.svg-funnel-js--vertical .svg-funnel-js__label {
            padding-top: 2.9090vmin;
        }

            .svg-funnel-js.svg-funnel-js--vertical .svg-funnel-js__label:not(:first-child) {
                border-top: 0.1212vmin solid #9896dc;
            }

            .svg-funnel-js.svg-funnel-js--vertical .svg-funnel-js__label .label__segment-percentages {
                margin-top: 0;
                margin-left: 12.8484vmin;
                width: calc(100% - 12.8484vmin);
            }

                .svg-funnel-js.svg-funnel-js--vertical .svg-funnel-js__label .label__segment-percentages .segment-percentage__list {
                    display: flex;
                    justify-content: space-around;
                }

    .svg-funnel-js .svg-funnel-js__subLabels {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-top: 1vmin;
        /*position: absolute;*/
        width: 100%;
        left: 0.9696vmin;
    }

        .svg-funnel-js .svg-funnel-js__subLabels .svg-funnel-js__subLabel {
            display: flex;
            cursor: pointer;
            color: var(--color-primary-main-support);
            font-weight:bold;
            z-index: 1;
            /*font-size: .8rem;*/
        }

            .svg-funnel-js .svg-funnel-js__subLabels .svg-funnel-js__subLabel:not(:first-child) {
                margin-left: 1.4545vmin;
                margin-right: 1.4545vmin;
            }

            .svg-funnel-js .svg-funnel-js__subLabels .svg-funnel-js__subLabel .svg-funnel-js__subLabel--color {
                min-width: 1.8vmin;
                min-height: 1.8vmin;
                border-radius: 0.25vmin;
                margin: 0.3vmin 0.7vmin 0.7vmin 0;
            }

            .svg-funnel-js .svg-funnel-js__subLabels .svg-funnel-js__subLabel .svg-funnel-js__subLabel--icon {
                min-width: 1.8vmin;
                min-height: 1.8vmin;
                height: 1.8vmin;
                margin: 0.2vmin;
            }

            .svg-funnel-js .svg-funnel-js__subLabels .svg-funnel-js__subLabel .svg-funnel-js__subLabel--title {
                min-width: 2vmin;
                min-height: 2vmin;
                margin:auto;
            }