/*menu overwrtten*/
    .zw-product-header {
        background: repeating-linear-gradient(90deg, #232c43, #232c43 1px, #020416 1px, #020416 7px);
    }

    .zw-product-header .menu-icon-help-header .product-title a,
    .zw-product-header .menu-icon-help-header+.product-nav-links li a,
    .zw-product-header .product-nav-links .menu>li>a,
    .zw-product-header .product-nav-links li .nolink {
        color: #fff;
    }

    .block-panels-mini-product-menu .expanded.dropdown .caret {
        background-position: -168px -1px;
    }

    .zw-product-header .product-nav-links li .nolink:after {
        display: none;
    }

    .zw-product-header .product-nav-links li .nolink {
        padding: 20px 0 10px;
        line-height: 30px !important;
    }

    .zspeak-cr-logo {
        margin: 4px 0px 20px;
    }

    .zspeak-cr-logo span {
        background: url(/sites/zweb/images/analytics/za-analyst-speak-sprite.png) no-repeat;
        display: inline-block;
        background-size: 735px auto;
        width: 125px;
        height: 60px;
    }

    .za-ricon.za-barc {
        background-position: -403px 0px;
        width: 145px;
    }

    .za-ricon.kuppingercole {
        background-position: -216px -59px;
        width: 225px;
    }

    .za-ricon.za-gartner {
        background-position: -550px -70px;
        background-size: 900px auto;
    }

    .za-ricon.za-aheadcrm {
        background-position: 1px -59px;
        width: 195px;
    }

    .za-ricon.za-tec {
        background-position: -2px -120px;
    }

    .za-ricon.za-infotech {
        background-position: -578px 0;
        width: 165px;
        height: 50px;
    }

    .za-ricon.za-dresner {
        background-position: -335px 1px;
        width: 50px;
    }

    .za-ricon.za-nucleus {
        background-position: -589px -51px;
        width: 225px;
    }

    .za-ricon.za-451research {
        background-position: -150px 1px;
        width: 160px;
    }

    /*popup*/

    @media only screen and (max-width: 991px) and (min-width: 768px) {
        .main-container-wrapper .zw-product-header .content-wrap>.product-nav-links li {
            margin: 0 10px 0 10px;
        }
    }

    .zw-product-header .expanded.dropdown .caret {
        background-position: -168px 0;
        border-color: #fff transparent transparent transparent;
    }

    .pagewrapper * {
        box-sizing: border-box
    }

    .pagewrapper .content-wrap {
        padding: 90px 0;
    }

    .banner {
        overflow: hidden;
        color: #fff;
        text-align: center;
        background-color: #010415;
        background: repeating-linear-gradient(90deg, #232c43, #232c43 1px, #020416 1px, #020416 7px);
    }


    .bnr-inner {
        margin-bottom: 50px;
    }

    h1 span {
        display: inline-block
    }

    h2 {
        font-size: 22px;
    }

    .flex-wrap {
        display: flex;
        flex-wrap: wrap;
    }

    .flex-wrap>div {
        margin: 0px 10px 30px;
        width: 30%;
        display: inline-block;
        vertical-align: top;
        padding: 25px 25px 80px 25px;
        background: #fff;
        position: relative;
        border: 1px solid #48a4e6;
        box-shadow: 0 0 30px 0px rgb(0 0 0 / 12%);
    }

    .flex-wrap a,
    .flex-wrap button {
        color: #000;
        display: inline-block;
        border: 1px solid #000;
        padding: 9px 30px 9px;
        text-transform: uppercase;
        font-size: 14px;
        font-family: var(--zf-primary-semibold);
        -webkit-transition: all 500ms ease;
        transition: all 500ms ease;
        position: absolute;
        bottom: 30px;
        left: 30px;
        cursor: pointer;
        background: unset;
    }

    .flex-wrap a:hover,
    .flex-wrap button:hover {
        background-color: #000;
        color: #fff
    }

    .text-center {
        text-align: center
    }

    span.year-speak {
        font-size: 34px;
        font-family: var(--zf-primary-extrabold);
        display: block;
        padding-left: 10px;
        margin-bottom: 30px;
        text-decoration: underline;
        color: #000
    }


    .left-nav-panel {
        float: left;
        width: 10%;
        position: -webkit-sticky;
        position: sticky;
        top: 70px;
    }

    .block-wrap {
        float: right;
        width: 90%;
    }

    .cnt-block {
        margin-bottom: 60px
    }

    .block1 .content-wrap:after {
        content: '';
        clear: both;
        display: block;
    }

    .left-nav-panel li {
        cursor: pointer;
        margin-bottom: 10px;
        font-family: var(--zf-primary-semibold);
        font-size: 20px;
    }

    .left-nav-panel li.active {
        color: #03a9f5;
    }

    .left-nav-panel li.active span {
        border-bottom: 1px solid #03a9f5
    }

    .cnt-block div img {
        max-height: 60px;
        max-width: 180px;
        margin-bottom: 20px
    }

    .cnt-block div img.constel-img {
        max-height: 80px;
        max-width: 120px;
    }

    .cnt-block p {
        font-size: 16px
    }


    @media all and (min-width:1200px) {

        .footer-sec-wrap.two-column .content-wrap {
            min-height: 730px;
        }

        .main-container-wrapper .zw-product-header {
            min-height: 70px
        }
    }

    @media all and (min-width:1400px) {
        .act-btn {
            padding: 10px 30px
        }


    }

    @media all and (min-width:768px) and (max-width:992px) {
        .pagewrapper .content-wrap {
            padding: 60px 0
        }

        .flex-wrap>div {
            width: 45%;
        }

        .bnr-inner {
            left: 0;
        }

        span.year-speak {
            padding-left: 30px
        }
    }

    @media all and (max-width:767px) {
        .main-container-wrapper .zw-product-header .menu-icon-help-header .product-title a {
            color: #fff;
        }

        .banner .content-wrap {
            background-size: 100% auto;
            background-position: 0px 100px;
        }

        .pagewrapper .content-wrap {
            max-width: 420px;
            padding: 60px 0
        }

        .banner .content-wrap {
            padding-top: 40px;
        }

        .bnr-inner {
            left: auto;
            top: auto;
        }

        .bnr-inner {
            margin-bottom: 0
        }

        .flex-wrap>div {
            width: 100%;
            margin: 15px 0;
            padding: 30px
        }

        span.year-speak {
            padding-left: 10px;
            font-size: 28px;
            margin-bottom: 20px
        }

        .left-nav-panel {
            display: none
        }

        .block-wrap {
            margin: 0;
            float: none;
            width: 100%
        }

        .flex-wrap a {
            position: static;
        }

        .bottom-cta-section h2 {
            font-size: 30px;
        }
    }