.menu-header a{background-image:url(../images/cueTree_logo.png);}
    .color-highlight {
        color: #525751 !important;
    }
    .bg-highlight {
        background-color: #525751 !important;
    }
    .color-red2-dark {
        color: #da4453 !important;
    }
    .color-orange-dark {
        color: #e9573f !important;
    }
    .color-yellow1-dark {
        color: #f6bb42 !important;
    }
    .color-green1-dark {
        color: #00A86B !important;
    }
    .color-blue2-dark {
        color: #00A2FF !important;
    }
    .color-brown1-dark {
        color: #aa8e69 !important;
    }
    .color-gray2-dark {
        color: #aab2bd !important;
    }
    .bg-facebook {
        background-color: #3b5998 !important;
        color: #ffffff;
    }
    .bg-linkedin {
        background-color: #0077b5 !important;
        color: #ffffff;
    }
    .bg-twitter {
        background-color: #4099ff !important;
        color: #ffffff;
    }
    .bg-whatsapp {
        background-color: #34af23 !important;
        color: #ffffff;
    }
    .bg-instagram {
        background-color: #e1306c !important;
        color: #ffffff;
    }
    .opacity-50 {
        opacity: 0.5;
    }
    .bottom-0 {
        margin-bottom: 0px !important;
    }
    .top-10 {
        margin-top: 10px !important;
    }
    .top-20 {
        margin-top: 20px !important;
    }
    .bottom-75 {
        margin-bottom: 75px !important;
    }
    .font-10 {
        font-size: 10px !important;
    }
    .font-11 {
        font-size: 11px !important;
    }
    .font-28 {
        font-size: 28px !important;
    }
    .font-800 {
        font-weight: 800 !important;
    }
/*</style>*/

/* Framework.CSS
*/


/*Shadows*/
.shadow-small{box-shadow: 0 4px 10px 0 rgba(0,0,0,0.10)!important;}
.shadow-large{box-shadow:0 5px 15px 0 rgba(0,0,0,0.09)!important;}


/*Content Boxes*/
@media(max-width:325px){
    .content{margin:0px 10px 30px 10px!important;}
}

.content{z-index:1; margin:0px 15px 30px 15px;}
.round-tiny{border-radius:7px!important; overflow:hidden;}
.round-medium{border-radius:15px!important; overflow:hidden;}

/*--Page Content Settings---*/
 .menu-active, .menu{transition: transform 300ms ease; will-change: transform, opacity;}

/*Menu Titles*/

/*--Menu System---*/
.menu-hider{
    position:fixed;
    top:-100px;
    bottom:-100px;
    left:0px;
    right:0px;
    background-color:rgba(0,0,0,0.45);
    z-index:99;
    pointer-events:none;
    opacity:0;
}

.menu{
    position:fixed;
    background-color:#FFF;
    z-index:100;
    /*overflow:scroll;*/
    -webkit-overflow-scrolling: touch;
}

.menu-box-right{
    right:0px;
    transform:translate3d(105%,0,0);
    top:0px;
    bottom:0px;
    box-shadow: 0 15px 25px 1px rgba(0,0,0,0.1);
    width:250px;
    border-top-right-radius: 0px!important;
    border-bottom-right-radius: 0px!important;
}

.menu-box-bottom{
    bottom:0px;
    left:0px;
    right:0px;
    height:300px;
    transform:translate3d(0, 110%, 0);
}
.menu-box-right.menu-box-detached{top:10px; bottom:10px;}
.menu-box-bottom.menu-box-detached{bottom:20px; left:10px; right:10px;}
.menu-box-bottom:not(.menu-box-detached){border-bottom-left-radius: 0px!important; border-bottom-right-radius: 0px!important;}


/*Menu Heder and Icons*/
.menu-header a{
    background-size: cover;
    /* border-radius: 50px; */
    width: 88px;
    height: 88px;
    margin: 20px auto 21px auto;
    border-radius: 8px;
}

.menu-icons a{
    margin-bottom:20px;
    width:20%;
    float:left;
    text-align:center;
    height:45px;
    line-height:45px;
    border:solid 1px rgba(0,0,0,0.05);
    border-left:none;
}

/*Menu Titles*/

.menu{
    position:fixed;
    background-color:#FFF;
    z-index:100;
    /*overflow:scroll;*/
    -webkit-overflow-scrolling: touch;
}

.menu-items{
    overflow-x: auto;
    height: 100%;
}

.menu-box-left{
    left:0px;
    top:0px;
    width:250px;
    bottom:0px;
    box-shadow: 0 15px 25px 1px rgba(0,0,0,0.1);
    transform:translate3d(-105%,0,0);
    border-top-left-radius: 0px!important;
    border-bottom-left-radius: 0px!important;
}
.menu-box-left.menu-box-detached{top:10px; bottom:10px;}

.menu-box-left.menu-active{transform:translate3d(0%, 0, 0)!important;}
.menu-active.menu{
    opacity:1!important;
    pointer-events:all!important;
    transition-delay: 70ms!important;
}

/*Menu Update*/
.menu-active{opacity:1!important;}


#menu-main .link-list span{font-size:13px;}
.nav-item-active span{
    font-weight:700!important;
}
.nav-item-active::after{
    animation:scale-animation2 1.5s; 
    animation-iteration-count: infinite;
    content:"\f111";
    font-family: "Font Awesome 5 Free";
    font-weight:900;
    position:absolute;
    font-size:8px;
    right:6px;
    color:#00A86B;
    margin-top:-36px;
}

/*Icons*/
.icon{
    color:#FFF;
    display:inline-block;
    text-align:center;
    margin-bottom:15px;
    margin-right:3px;
}

.icon-xxs{width:35px; height:35px;}

.icon i{top:50%; left:50%; position:absolute; transform:translate(-50%, -50%);}

/*Link List*/
.link-list-1 a i:last-child{
    line-height:50px;
    width:20px;
    font-size:10px;
    text-align:center;
    position:absolute;
    right:0px;
    top:0px;
    color:#666666;
}
.link-list-1 a{border-bottom:solid 1px rgba(0,0,0,0.05);}
.link-list-1 a i:first-child{
    line-height:30px;
    width:30px;
    text-align:center;
    position:absolute;
    top:11px;
    left:0px;
}
.link-list-1 a span{
    font-weight:500;
    display:block;
    color:#1f1f1f;
    line-height:50px;
    margin-left:43px;
}