.mainMenuControl {
    display: none;
    top: 182px;
    position: absolute;
    background: #5b4b43;
    border: 4px solid #887A72;
    width: 460px;
    border-radius: 0px;
    -webkit-filter: drop-shadow(0 1px 10px rgba(136, 122, 114,0.8));
    -moz-box-shadow: 0 1px 10px rgba(136, 122, 114,0.8);
    filter: drop-shadow(0 1px 10px rgba(136, 122, 114,0.8));
    left: 10px;
    bottom: 10px;
    opacity: 0.8;
}

    .mainMenuControl.active {
        display: block;
    }

    .mainMenuControl:hover {
        opacity: 1;
    }


    .mainMenuControl:after,
    .mainMenuControl:before {
        bottom: 100%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .mainMenuControl:after {
        border-color: rgba(255, 255, 255, 0);
        border-bottom-color: #5b4b43;
        border-width: 16px;
        left: 10%;
        margin-left: -16px;
    }

    .mainMenuControl:before {
        border-color: rgba(136, 122, 114, 0);
        border-bottom-color: #887A72;
        border-width: 20px;
        left: 10%;
        margin-left: -20px;
    }


    .mainMenuControl .mainMenuToolItem {
        height: 82px;
        width: 82px;
        margin: 30px;
        display: inline-block;
        cursor: pointer;
        position: relative;
    }

        .mainMenuControl .mainMenuToolItem .name {
            display: none;
            background-color: #fff;
            position: absolute;
            top: 85px;
            border: 1px solid;
            text-align: center;
            min-width: 95px;
            left: 50%;
            transform: translateX(-50%);
            /*! max-width: 187px; */
            max-height: 70px;
            padding: 3px;
            z-index: +1;
            border-radius: 3px;
        }

        .mainMenuControl .mainMenuToolItem:hover .name {
            display: block;
        }

        .mainMenuControl .mainMenuToolItem .name:after,
        .mainMenuControl .mainMenuToolItem .name:before {
            bottom: 100%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
        }

        .mainMenuControl .mainMenuToolItem .name:after {
            border-color: rgba(255, 255, 255, 0);
            border-bottom-color: #fff;
            border-width: 12px;
            left: 32%;
            margin-left: 18px;
            transform: translateX(-50%);
        }

        .mainMenuControl .mainMenuToolItem .name:before {
            /*! border-color: rgba(136, 122, 114, 0); */
            border-bottom-color: #000;
            border-width: 13px;
            left: 34%;
            margin-left: 17px;
            transform: translateX(-51%);
        }

    .mainMenuControl .scrollContainer {
        height: calc(100% - 2px);
        margin-top: 1px;
    }

    .mainMenuControl .content {
        padding-bottom:45px;
    }