.sitemap {
    position: relative
}

.fpo-p {
    font-size: 13px;
    text-align: center;
    display: block;
    margin: auto;
    padding-top: 10px;
    padding-bottom: 20px;
}

.sitemap h2 {
    background: #4d7850;
    color: #fff;
    padding: 10px;
    font-size: 22px;
    display: block;
    margin: auto;
    text-align: center;
    width: 280px;
    border-radius: 5px;
    font-weight: 600;
}
.map-menu {
    text-transform: uppercase;
    background-color: #e5e5e5;
    border: 1px solid #cdcdcd;
    font-size: 14px;
    padding: 5px 15px;
    position: absolute;
    top: 10px;
    right: 0px;
}
    .map-menu:hover {
        background-color: #e1e1e1 !important;
        border: 1px solid #cdcdcd !important;
        color: #000 !important;
    }

    .map-menu1 {
        text-transform: uppercase !important;
        background-color: #2196f3 !important;
        border: 1px solid #2196f3 !important;
        color: #fff !important;
        font-size: 14px !important;
        padding: 5px 15px !important;
    }
.map-menu2 {
    text-transform: uppercase !important;
    background-color: #4caf50 !important;
    border: 1px solid #4caf50 !important;
    color: #fff !important;
    font-size: 14px !important;
    padding: 5px 15px !important;
}
.map-menu3 {
    text-transform: uppercase !important;
    background-color: #ff5722 !important;
    border: 1px solid #ff5722 !important;
    color: #fff !important;
    font-size: 14px !important;
    padding: 5px 15px !important;
}

.map-menu4 {
    text-transform: uppercase !important;
    background-color: #9c27b0 !important;
    border: 1px solid #9c27b0 !important;
    color: #fff !important;
    font-size: 14px !important;
    padding: 5px 15px !important;
}

.map-menu11 {
    background-color: #52b2ff !important;
    border: 1px solid #52b2ff !important;
    color: #fff !important;
}
.map-menu22 {
    background-color: #69bf6c !important;
    border: 1px solid #69bf6c !important;
    color: #fff !important;
}

.map-menu33 {
    background-color: #699160 !important;
    border: 1px solid #699160 !important;
    color: #fff !important;
}

.map-menu44 {
    background-color: #699160 !important;
    border: 1px solid #699160 !important;
    color: #fff !important;
}

.vertical-tree {
    padding-top: 10px;
    padding-bottom: 10px;
}

.vertical-tree ul {
    padding-left:30px;
}
.vertical-tree li {
    margin: 0px 0;
    list-style-type: none;
    position: relative;
    padding: 10px 5px 0px 4px;
}
.vertical-tree-span {
    font-weight: 700;
    color: #bebdbd;
    text-align: center;
    font-size: 32px;
    position: absolute;
    top: 3px;
    left: -43px;
}
.vertical-tree li::before {
    content: '';
    position: absolute;
    top: 0;
    width: 1px;
    height: 100%;
    right: auto;
    left: -20px;
    border-left: 2px solid #ccc;
    bottom: 50px;
}
.vertical-tree li::after {
    content: '';
    position: absolute;
    top: 26px;
    width: 25px;
    height: 20px;
    right: auto;
    left: -20px;
    border-top: 2px solid #ccc;
}
.vertical-tree li a {
    display: inline-block;
    padding: 5px 5px;
    text-decoration: none;
    background-color: #c8e6ff;
    color: #000000;
    border: 1px solid #b1d1eb;
    font-size: 12px;
    border-radius: 4px;
    font-weight: 500;
}
.vertical-tree > ul > li::before, .vertical-tree > ul > li::after {
    border: 0;
}
.vertical-tree li:last-child::before {
    height: 27px;
}
.vertical-tree li a:hover, .vertical-tree li a:hover + ul li a {
    background-color: #2196f3;
    color: #ffffff;
    border: 1px solid #2196f3;
}
.vertical-tree li a:hover+ul li::after, .vertical-tree li a:hover+ul li::before, .vertical-tree li a:hover+ul::before, .vertical-tree li a:hover+ul ul::before {
    border-color: #9fcf94;
}


.vertical-tree2 li a {
    display: inline-block;
    padding: 5px 5px;
    text-decoration: none;
    background-color: #d8ffd9;
    color: #000000;
    border: 1px solid #c3ebc4;
    font-size: 12px;
    border-radius: 4px;
    font-weight: 500;
}
    .vertical-tree2 li a:hover, .vertical-tree2 li a:hover + ul li a {
        background-color: #4caf50;
        color: #ffffff;
        border: 1px solid #4caf50;
    }

.vertical-tree3 li a {
    display: inline-block;
    padding: 5px 5px;
    text-decoration: none;
    background-color: #ffc8b7;
    color: #000000;
    border: 1px solid #e9af9d;
    font-size: 12px;
    border-radius: 4px;
    font-weight: 500;
}
    .vertical-tree3 li a:hover, .vertical-tree3 li a:hover + ul li a {
        background-color: #ff5722;
        color: #ffffff;
        border: 1px solid #ff5722;
    }


.vertical-tree4 li a {
    display: inline-block;
    padding: 5px 5px;
    text-decoration: none;
    background-color: #f9d5ff;
    color: #000000;
    border: 1px solid #dfb9e5;
    font-size: 12px;
    border-radius: 4px;
    font-weight: 500;
}
    .vertical-tree4 li a:hover, .vertical-tree4 li a:hover + ul li a {
        background-color: #9c27b0;
        color: #ffffff;
        border: 1px solid #9c27b0;
    }