/**********************/

/*******SideBarMenu********/
#cd-nav ul {
    position: absolute;
    width: 90%;
    max-width: 300px;
    /*left: 1%;*/
    top: 60px;
    border-radius: 40px 0px;
    /*box-shadow: 0px 0px 10px rgba(88,188,218,1);*/
    box-shadow: 0px 0px 10px rgb(204, 223, 240);
    /*background: #ffffff;*/
    background: rgb(231,240,251);
    background: linear-gradient(0deg, rgba(231,240,251,1) 5%, rgba(255,255,255,1) 50%);
    visibility: hidden;
    /*remove bullets*/
    list-style-type: none;
    /* remove overflow:hidden if you want to create a drop-down menu - but then remember to fix/eliminate the list items animation */
    overflow: hidden;
    z-index: 100;
    /* Force Hardware Acceleration in WebKit */
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transition: -webkit-transform 0.3s, visibility 0s 0.3s;
    -moz-transition: -moz-transform 0.3s, visibility 0s 0.3s;
    transition: transform 0.3s, visibility 0s 0.3s;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 2px solid #c4d7e8;
}

    #cd-nav ul li {
        /* Force Hardware Acceleration in WebKit */
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    #cd-nav ul.is-visible {
        visibility: visible;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        -webkit-transition: -webkit-transform 0.3s, visibility 0s 0s;
        -moz-transition: -moz-transform 0.3s, visibility 0s 0s;
        transition: transform 0.3s, visibility 0s 0s;
    }

        #cd-nav ul.is-visible li:nth-child(1) {
            /* list items animation */
            -webkit-animation: cd-slide-in 0.2s;
            -moz-animation: cd-slide-in 0.2s;
            animation: cd-slide-in 0.2s;
        }

        #cd-nav ul.is-visible li:nth-child(2) {
            -webkit-animation: cd-slide-in 0.3s;
            -moz-animation: cd-slide-in 0.3s;
            animation: cd-slide-in 0.3s;
        }

        #cd-nav ul.is-visible li:nth-child(3) {
            -webkit-animation: cd-slide-in 0.4s;
            -moz-animation: cd-slide-in 0.4s;
            animation: cd-slide-in 0.4s;
        }

        #cd-nav ul.is-visible li:nth-child(4) {
            -webkit-animation: cd-slide-in 0.5s;
            -moz-animation: cd-slide-in 0.5s;
            animation: cd-slide-in 0.5s;
        }

        #cd-nav ul.is-visible li:nth-child(5) {
            -webkit-animation: cd-slide-in 0.6s;
            -moz-animation: cd-slide-in 0.6s;
            animation: cd-slide-in 0.6s;
        }

#cd-nav li a {
    color: #4381ba;
    display: block;
    padding: 0.5em;
    /*border-bottom: 1px solid #bfd2e3;*/
    font-weight: normal;
}

#cd-nav li:last-child a {
    border-bottom: none;
}


.cd-nav-trigger {
    position: absolute;
    top: 55px;
    /*left: 1%;*/
    width: 31px;
    height: 31px;
    background: white;
    border-radius: 15px;
    -webkit-box-shadow: 0px 0px 0px 2px #c5def7, inset 0px 11px 12px -8px #81b6f1, inset 0px -10px 27px -8px #fafdff, -24px 5px 5px 5px rgba(0,0,0,0);
    box-shadow: 0px 0px 0px 2px #c5def7, inset 0px 11px 12px -8px #81b6f1, inset 0px -10px 27px -8px #fafdff, -24px 5px 5px 5px rgba(0,0,0,0);
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    z-index: 200;
    border: 1px solid #cce0f1;
}

    .cd-nav-trigger span {
        /* the span element is used to create the menu icon */
        position: absolute;
        display: block;
        width: 20px;
        height: 2px;
        background: #151965;
        top: 50%;
        margin-top: -1px;
        left: 50%;
        margin-left: -10px;
        -webkit-transition: background 0.3s;
        -moz-transition: background 0.3s;
        transition: background 0.3s;
    }

        .cd-nav-trigger span::before, .cd-nav-trigger span::after {
            content: '';
            position: absolute;
            left: 0;
            background: inherit;
            width: 100%;
            height: 100%;
            /* Force Hardware Acceleration in WebKit */
            -webkit-transform: translateZ(0);
            -moz-transform: translateZ(0);
            -ms-transform: translateZ(0);
            -o-transform: translateZ(0);
            transform: translateZ(0);
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            -webkit-transition: -webkit-transform 0.3s, background 0s;
            -moz-transition: -moz-transform 0.3s, background 0s;
            transition: transform 0.3s, background 0s;
        }

        .cd-nav-trigger span::before {
            top: -6px;
            -webkit-transform: rotate(0);
            -moz-transform: rotate(0);
            -ms-transform: rotate(0);
            -o-transform: rotate(0);
            transform: rotate(0);
        }

        .cd-nav-trigger span::after {
            bottom: -6px;
            -webkit-transform: rotate(0);
            -moz-transform: rotate(0);
            -ms-transform: rotate(0);
            -o-transform: rotate(0);
            transform: rotate(0);
        }

    .cd-nav-trigger.menu-is-open {
        /*box-shadow: none;*/
    }

        .cd-nav-trigger.menu-is-open span {
            background: rgba(232, 74, 100, 0);
        }

            .cd-nav-trigger.menu-is-open span::before, .cd-nav-trigger.menu-is-open span::after {
                background: #151965;
            }

            .cd-nav-trigger.menu-is-open span::before {
                top: 0;
                -webkit-transform: rotate(135deg);
                -moz-transform: rotate(135deg);
                -ms-transform: rotate(135deg);
                -o-transform: rotate(135deg);
                transform: rotate(135deg);
            }

            .cd-nav-trigger.menu-is-open span::after {
                bottom: 0;
                -webkit-transform: rotate(225deg);
                -moz-transform: rotate(225deg);
                -ms-transform: rotate(225deg);
                -o-transform: rotate(225deg);
                transform: rotate(225deg);
            }


#cd-gallery-items li {
    margin-bottom: 1.5em;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    border-radius: 0.25em;
}

    #cd-gallery-items li img {
        width: 100%;
        display: block;
        border-radius: 0.25em;
    }


li.list {
    background: url(../Content/images/documents.png);
    background-repeat: no-repeat;
    display: inline-block;
    text-rendering: auto;
    margin: 2px 0px 2px 15px;
}
li.list-home {
    background: url(../Content/images/home.png);
    background-repeat: no-repeat;
    display: inline-block;
    text-rendering: auto;
}
li.list-back {
    background: url(../Content/images/back.png);
    background-repeat: no-repeat;
    display: inline-block;
    text-rendering: auto;
}
a.list {
    padding-top: 0px !important;
}

ul.is-visible {
    padding-left: 20px;
    padding-top: 40px !important;
}