body {
    background: #f2f2f2;
}
.logo {
    text-align: center;
    padding: 9px 0; 
}
img {
    max-width: 100%;
    height: auto;
}
ul {
    margin: 0;
    padding: 0;
}
h1, h2 {
    font-family: "Open Sans Condensed",verdana,helvetica,sans-serif;
    position: relative;
}
h1 {

}
    h1 span {
      display: block;
      left: 51px;
      position: relative;
      top: -26px;
      width:90%;
    }
h1 i.icon {
    background: url('data:image/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAAvCAYAAABOtfLKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NkZCMThERjk0MTY2MTFFM0FBNUVFQ0EzNEIyMTlDNjMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NkZCMThERkE0MTY2MTFFM0FBNUVFQ0EzNEIyMTlDNjMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2RkIxOERGNzQxNjYxMUUzQUE1RUVDQTM0QjIxOUM2MyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2RkIxOERGODQxNjYxMUUzQUE1RUVDQTM0QjIxOUM2MyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pl24Pa4AAALqSURBVHja1JpLSBZRFMfPN2VJ6aIH9iJBLAyiaFEbK0HoAZWYSaWhCw0yymoXBBUUFbQLemyFFkVQBLmpKAVp4zZaFD1WigpR0IMWYfY/zflgUr/vu3PnzsyZP/w23zgX/3POPffeM5ObOjZFKSoHqsAu0AVawVfbweamZGKeGOgAhwO/bwHPbQf1EjaxCPSCUdA/zQjJNdIeGTZxAlyUqBRSE6gE3zVGpgKcA+PgSgkjee3Xlmae/FMfwDVDE3l1SGFQYaYGvACPwTKL+7dJhUvVDI91EnwCjRHGWQAa0jTDEXgKbjka77RNqrkwsx28ATsdRplTbXGSZvjeM2AILI1h7u1NykwZuANuxFjWQ1c1m0WzHDy0eXIhtVWq2kRckeGV/FkCRqyqWhgzPCGHbcumpXrDpJoXIrW49K5NeGPKD26JSzPzwSPZnqehTldm+Hof2JPiAe6AaQaV+iPe8bZTuuIFtDqqmd2ybdegxihmqmXCa9FZk1TzCqzu/aRL68ByGzMXwEbSp/awZtaLGY0qWdWCF/loe4/0qr5UVQua6VGaXsZVLScdTd4yfCb9eitT4U+xyFyibIir2upiabZSGhFZUVcxM9cpW2qRtXBWM5fBeTmrZEFcpGoKmXkPrpLfZVkDjoLXyg01F6tmM34Hq+SmVorW1ItDY1IIJk02muxwBNwmvx/GN3aT3x/ToBWg1uakOSnG+iRf2dgpMJiyoSOmaWaiOfKE6qW0NyRshuf1ZvDbhZnpc4zbUPtkQ9ic4CL6LkyamYifyBdwV9YBjhi/n3kVs5kmV2mmIWL/VbW4XwPOFrEd5Ld3XVW1OtdpZmqM322+BIfIf9/JkboPvkUYtyepNDMVt343gePgYMh7P4IN4JdHOsSpOED+dwH5iD0wjFhtPtW0mAmm4k/wBLTJhpKbgDdNmh1a0sxE5bJIdksRCR7SfoCqLJkJqkK2Vm2ytfq35mTVTHAd489T+KOihX8FGACj93zU/AmAKwAAAABJRU5ErkJggg==') no-repeat;
    width: 51px;
    height: 47px;
    display: inline-block;
}
p {
    color: #424242;
}
    p.title {
        font-weight: bold;
    }
.container {width: 960px; max-width: 100%;}
.usp .title {
    font-size: 16px;
}
#topnav {
    text-align: center;
    width: 100%;
    height: 36px;
    background: url('data:image/jpg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABQAAD/4QMraHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjMtYzAxMSA2Ni4xNDU2NjEsIDIwMTIvMDIvMDYtMTQ6NTY6MjcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkFGMTNFNTM5NDBBRDExRTM4NzkxQTMyRUUxMTBFMzVCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkFGMTNFNTNBNDBBRDExRTM4NzkxQTMyRUUxMTBFMzVCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QUYxM0U1Mzc0MEFEMTFFMzg3OTFBMzJFRTExMEUzNUIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QUYxM0U1Mzg0MEFEMTFFMzg3OTFBMzJFRTExMEUzNUIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAACAgICAgICAgICAwICAgMEAwICAwQFBAQEBAQFBgUFBQUFBQYGBwcIBwcGCQkKCgkJDAwMDAwMDAwMDAwMDAwMAQMDAwUEBQkGBgkNCwkLDQ8ODg4ODw8MDAwMDA8PDAwMDAwMDwwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAz/wAARCAAkAAIDAREAAhEBAxEB/8QBogAAAAcBAQEBAQAAAAAAAAAABAUDAgYBAAcICQoLAQACAgMBAQEBAQAAAAAAAAABAAIDBAUGBwgJCgsQAAIBAwMCBAIGBwMEAgYCcwECAxEEAAUhEjFBUQYTYSJxgRQykaEHFbFCI8FS0eEzFmLwJHKC8SVDNFOSorJjc8I1RCeTo7M2F1RkdMPS4ggmgwkKGBmElEVGpLRW01UoGvLj88TU5PRldYWVpbXF1eX1ZnaGlqa2xtbm9jdHV2d3h5ent8fX5/c4SFhoeIiYqLjI2Oj4KTlJWWl5iZmpucnZ6fkqOkpaanqKmqq6ytrq+hEAAgIBAgMFBQQFBgQIAwNtAQACEQMEIRIxQQVRE2EiBnGBkTKhsfAUwdHhI0IVUmJy8TMkNEOCFpJTJaJjssIHc9I14kSDF1STCAkKGBkmNkUaJ2R0VTfyo7PDKCnT4/OElKS0xNTk9GV1hZWltcXV5fVGVmZ2hpamtsbW5vZHV2d3h5ent8fX5/c4SFhoeIiYqLjI2Oj4OUlZaXmJmam5ydnp+So6SlpqeoqaqrrK2ur6/9oADAMBAAIRAxEAPwAXz0//AJZY8VYb9cPj+OKvNf0pqX/LSf8AgE/5pxVH/o5v5fxxVNv+dg/7U/8A08Yq/wD/2Q==') repeat-x;
}
#topnav ul {
    list-style: none;
    display: inline-block; 
}
#topnav ul li {
    float: left;
    border-right: solid 1px #777;
    position: relative;
}
#topnav ul li:first-child {
    border-left: solid 1px #777;
}
#topnav ul li.active {
    background: url('data:image/jpg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABQAAD/4QMraHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjMtYzAxMSA2Ni4xNDU2NjEsIDIwMTIvMDIvMDYtMTQ6NTY6MjcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjIwMUVCNTBGNDBBRjExRTM5MDBBQTkxNTUxRkVBOTRDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjIwMUVCNTEwNDBBRjExRTM5MDBBQTkxNTUxRkVBOTRDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjAxRUI1MEQ0MEFGMTFFMzkwMEFBOTE1NTFGRUE5NEMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjAxRUI1MEU0MEFGMTFFMzkwMEFBOTE1NTFGRUE5NEMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAACAgICAgICAgICAwICAgMEAwICAwQFBAQEBAQFBgUFBQUFBQYGBwcIBwcGCQkKCgkJDAwMDAwMDAwMDAwMDAwMAQMDAwUEBQkGBgkNCwkLDQ8ODg4ODw8MDAwMDA8PDAwMDAwMDwwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAz/wAARCAAkAAIDAREAAhEBAxEB/8QBogAAAAcBAQEBAQAAAAAAAAAABAUDAgYBAAcICQoLAQACAgMBAQEBAQAAAAAAAAABAAIDBAUGBwgJCgsQAAIBAwMCBAIGBwMEAgYCcwECAxEEAAUhEjFBUQYTYSJxgRQykaEHFbFCI8FS0eEzFmLwJHKC8SVDNFOSorJjc8I1RCeTo7M2F1RkdMPS4ggmgwkKGBmElEVGpLRW01UoGvLj88TU5PRldYWVpbXF1eX1ZnaGlqa2xtbm9jdHV2d3h5ent8fX5/c4SFhoeIiYqLjI2Oj4KTlJWWl5iZmpucnZ6fkqOkpaanqKmqq6ytrq+hEAAgIBAgMFBQQFBgQIAwNtAQACEQMEIRIxQQVRE2EiBnGBkTKhsfAUwdHhI0IVUmJy8TMkNEOCFpJTJaJjssIHc9I14kSDF1STCAkKGBkmNkUaJ2R0VTfyo7PDKCnT4/OElKS0xNTk9GV1hZWltcXV5fVGVmZ2hpamtsbW5vZHV2d3h5ent8fX5/c4SFhoeIiYqLjI2Oj4OUlZaXmJmam5ydnp+So6SlpqeoqaqrrK2ur6/9oADAMBAAIRAxEAPwDzn9etv99LirCvrL+P4YqxL65df79P/Ar/AExVNP0Yf5f14qyn/TP+XH/kpir/AP/Z') repeat-x;
}
#topnav ul li a {
    display: block;
    padding: 0 30px;
    line-height: 36px;
    color: #f2f2f2;
}
#topnav ul li ul {
    display: none;
}
#topnav ul li:hover ul {
    display: block;
    position: absolute;
    top: 36px;
    z-index: 1000;
}
#topnav ul li ul li {
    background: #fff;
    text-align: left;
    float: none;
    display: block;
    border-left: solid 1px #777;
    border-right: solid 1px #777;
    border-bottom: solid 1px #777;
}
#topnav ul li ul li:hover {
    background: #f2f2f2;
}
#topnav ul li ul li a {
    color: #333;
    line-height: 25px;
}
.slideshowwrapper img {
    padding: 0;
    margin: 0;
    display: block;
    width: 100%;
    max-width: 100%;
}
.slideshowwrapper ul {
    position: relative;
    list-style: none;
    width: 100%;
    max-width: 100%;
}
.slideshowwrapper li img {
    width: 100%;
    max-width: 100%;
}
.slideshowwrapper .text {
    position: absolute;
    bottom: 10%;
    left: 10%;
    background: url('data:image/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAxMC8zMC8xMxXF/dUAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAGElEQVQYlWM0NjY+wkAEYCJG0ahC6ikEADxsAXGpTQ38AAAAAElFTkSuQmCC') repeat;
    color: #fff;
    font-family: "Open Sans Condensed",verdana,helvetica,sans-serif;
    font-size: 59px;
    padding: 20px 28px;
    line-height: 68px;
}

ul.blocks {
    padding-top: 10px;
    list-style: none;
}
ul.blocks li {
    float: left;
    background-color: #ebebeb;
    border: solid 1px #d8d8d8;
    position: relative;
    width: 296px;
    height: 194px;
    margin: 0 20px 25px 0;
    cursor: pointer;
    padding: 20px;
}
ul.blocks li.third, ul.blocks li.sixt {
    margin-right: 0;
}
ul.blocks li.first {
    background-image: url("/assets/images/about.png");
    background-repeat: no-repeat;
    background-position: bottom right;
}
ul.blocks li.second {
    background-image: url("/assets/images/services.png");
    background-repeat: no-repeat;
    background-position: bottom right;
}
ul.blocks li.third {
    background-image: url("/assets/images/portfolio.png");
    background-repeat: no-repeat;
    background-position: bottom right;
}
ul.blocks li.fourth {
    background-image: url("/assets/images/onbc.png");
    background-repeat: no-repeat;
    background-position: bottom right;
}
ul.blocks li.fifth {
    background-image: url("/assets/images/travel.png");
    background-repeat: no-repeat;
    background-position: bottom right;
}
ul.blocks li.sixt {
    background-image: url("/assets/images/contact.png");
    background-repeat: no-repeat;
    background-position: bottom right;
}
ul.blocks li.first.hilite:hover {
    background: #06bffd;
}
ul.blocks li.second.hilite:hover {
    background: #835ae0;
}
ul.blocks li.third.hilite:hover {
    background: #fcbd35;
}
ul.blocks li.fourth.hilite:hover {
    background: #52c06c;
}
ul.blocks li.fifth.hilite:hover {
    background: #f05050;
}
ul.blocks li.sixt.hilite:hover {
    background: #df65f7;
}
ul.blocks li.hilite:hover .wrapper {
    display: none;
}
ul.blocks li div.hover {
    display: none;
}
ul.blocks li:hover div.hover {
    display: block;
}

ul.blocks h2 {
    margin: 0;
    font-size: 36px;
}
    ul.blocks li.hilite p {
        font-size: 16px;
        line-height: 25px;
        margin-top: 0;
    }
ul.blocks .wrapper p {
    font-family: "Open Sans Condensed",verdana,helvetica,sans-serif;
    font-size: 25px;
    line-height: 31px;
}

    ul.blocks li.first, ul.blocks li.first p {
        color: #06bffd;
    }
    ul.blocks li.second, ul.blocks li.second p {
        color: #835ae0;
    }
    ul.blocks li.third, ul.blocks li.third p {
        color: #fcbd35;
    }
    ul.blocks li.fourth, ul.blocks li.fourth p {
        color: #52c06c;
    }
    ul.blocks li.fifth, ul.blocks li.fifth p {
        color: #f05050;
    }
    ul.blocks li.sixt, ul.blocks li.sixt p {
        color: #df65f7;
    }
    ul.blocks li.hilite p {
        color: #fff;
    }
    ul.blocks li .shadow {
        background: url('data:image/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAASgAAAARCAYAAABuBTHIAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAK6wAACusBgosNWgAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAWdEVYdENyZWF0aW9uIFRpbWUAMTAvMzAvMTMVxf3VAAAEGklEQVR4nO1bXZerIAwE3f//Y3tOH0v3YU/ujdN8ImptnZcihgBKhgnu1vv9/qy1lmmaytZorf0rP59Pscyv0Uarl9piubW2aM/9of/WWqm1vthjWZobjpHspbnXWl/aefOvtYrj4D75eCLPBUE+qKzNuRe01qz3WGt9GQeODe3wGUj3+TqX/Ft987GTjTZGyzf58frA/ug3MgdsI/mOtLXabwmK15/H47FLhwhtwWuLNlvW+qAg57+llEV5miZxsaMd909t0J6Ce57nl3Hx+rXzkwhMs5VICee4NywC5AFvBRLNXwsuTlC9ZGXVS2O0xmP1zd8jX6+lLN9fhFjwGUTaRur3wM9RHUuTxgDXHiyv01QQqRNaiEhItIPRy5Z2YgIGtBTgksKTFpfmp5d0+fi1ZxSp0+5rRL0GmtLREA0cfH+4249SDJJ/jURxXWlqDMci9cv9t9YWKswiZ48UI/VH4TCCGgVUQUhCpci7BpfaBE3NSLs0v8ayRzb0O8+zSxaa2pGCRAp8Kz2LpG1I7CNgkbZkqwHnzt8tXlt+M/e9crQOx58hDFTk6MvydzbU2+02buVtBCs4IgrBOn+xVFqUfCSfKMN5X1K6RUEl+ZTGhAuQn5v1kEn2Ga9Fj2LyoAW8la7Tr0ZwSC4SsZJC91LGSLrH63EMUQXo+ffuvRNOoaAsEsEH7e3MXA3M87xIA0v5H+he+qCV+WKVzrmwHao+j3A1suDnZlsQlPZMvb4iqXykTQQZVZSxl9pZKi1S5tea8kWVlJ2fhLMQE+EUBLUleBpYa12keRqheGcokhLjhKWdYVntLXurLlrfu3B7CCqDKJFp70Xz4dngukC7SB/R/qPK6htxOoKyXp62M1tnSLxeu44QBq/3+rPOsKw0bTQpWYjaaSSe8RMNyMw5jVYfJaseUsuMJavmrPqszZlwOoKyIKV7UZtoWshtM8HnBTAnJh4gGbKS7o0mpL2QDcYeBYPvxvqoEh1fhojW1Efvnx0fRVBr4J1zScqG0jZpgWtnZVq6yInK29G9L3NS8Glzy2AEiY1M+SLKmOy0TYH/4rvFuoh/i+y0vqS5XPjDKb7ibYUR6mLkF8beMUg2kQUfCb4eNWYhqno8ZSsp4RGpovVMsgfTvfd67D4VX62gIimhZMftswvI2vV7v75JB7fZg/0IRvybQ/Rgfu3YPEWl1WcOv0fc77X9Fnw1QSEiKiJjn73vpZnZfnhb/HJ41A6e9Wel255f7bA7O6atDqcvQvJxEVQAo4iL2oxamNZhPfaBf1OjtXs3RL+oITJqb2uyvoioHxdBrYClajJtpLZ7LOp3PpgdeZj+zn1esHER1GBk1VakrefrEwPj6NRyaz8XYrgIaid4CzujYHqCZOu/+N4LeyvLC8fiF2Ga68XTEjNyAAAAAElFTkSuQmCC') no-repeat;
        width: 296px;
        height: 23px;
        position: absolute;
        bottom: -24px;
        left: -2px;
    }
.usp {
    padding-top: 10px;
    top: 20px;
    left: 20px;
}

.row {
    margin:0;
}
.col-lg-3 {
    background: #d3d3d3;
    min-height: 500px;
  float: left;
  width: 25%;
}
.col-lg-9 {
    padding-left: 40px;
  float: left;
  width: 75%;
}
.sidenav {
    list-style: none;
    padding: 50px 0 0 8%;
}
.sidenav li {
    line-height: 30px;
}
.sidenav li.active a {
    color: #ff66ff;
}
    .sidenav li a {
        color: #4a4a4a;
    }
.sidenav i {
    background: url('data:image/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPCAYAAAACsSQRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzNCMERBREY0MTY2MTFFM0IyOTFCQjQ5OERDMzcxQ0MiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzNCMERBRTA0MTY2MTFFM0IyOTFCQjQ5OERDMzcxQ0MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozM0IwREFERDQxNjYxMUUzQjI5MUJCNDk4REMzNzFDQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozM0IwREFERTQxNjYxMUUzQjI5MUJCNDk4REMzNzFDQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrpDE1MAAAD7SURBVHjaYvyf9p+BAGAFYmMgrgBiHSDWBuKfyApYCBgA0twIxN5IYipAfBVZERMOzWxAXAPEZ9AMAIFodMXYDOEH4o1A3IzDgiSoJTgNEQLi/UDsgceL4tCwwWoIJxDvAGJDBsIgHpshjEDcD8SmDMQBTyDmQjfEDYjTGYgHqkCsh2yIMhBvYSAd+CIbwgPEq4D4H4mGREL1gg25CMSx0JgBeWsNEP8hwhBFINZEDhOQKz4C8W4gDgViUSD2AeLVQPwUj0GB4FghIu+IALEZEHsBcQAQSyPJPQdiJWIMYUBKBqDUbAB1QRI0TBxJMQTdQFDiNAdiOYAAAwCpESWmvxAXvwAAAABJRU5ErkJggg==') no-repeat;
    width: 17px;
    height: 15px;
    display: inline-block;
}


footer {
    border-top: solid 1px #d2d2d2;
    font-size: 12px;
    padding-top: 10px;
}

.hidden {display: none;}
.clearfix {clear:both;}
.slideshowwrapper {height: 512px;}

@media (min-width: 768px) and (max-width: 960px) {
  .slideshowwrapper {height: 432px;}
    .col-lg-3 {
        float: left;
        width: 25%;
    }
    .col-lg-9 {
        float: left;
        width: 75%;
    }
    ul.blocks li {
      width: 48.8%;
    }
    ul.blocks li.second, ul.blocks li.fourth {
      margin-right: 0;
    }
    ul.blocks li.third {
      margin-right: 20px;
    }
}
@media (min-width: 768px) and (max-width: 879px) {
  .slideshowwrapper {height: 412px;}
    ul.blocks li {
      width: 48.7%;
    }

}

@media (max-width: 768px) {
    .slideshowwrapper {height: 200px;}
    #topnav {
        background: none;
        height: auto;
    }
    .slideshowwrapper .text {
        font-size: 25px;
        padding: 20px 28px;
        line-height: 30px;
    }
    #topnav ul li:first-child {
        border-left: none;
    }
    #topnav ul li {
        border-left: none;
        border-right: none;
        float: none;
        text-align: center;
        width: 100%;
        height: 36px;
        background: url('data:image/jpg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABQAAD/4QMraHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjMtYzAxMSA2Ni4xNDU2NjEsIDIwMTIvMDIvMDYtMTQ6NTY6MjcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkFGMTNFNTM5NDBBRDExRTM4NzkxQTMyRUUxMTBFMzVCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkFGMTNFNTNBNDBBRDExRTM4NzkxQTMyRUUxMTBFMzVCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QUYxM0U1Mzc0MEFEMTFFMzg3OTFBMzJFRTExMEUzNUIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QUYxM0U1Mzg0MEFEMTFFMzg3OTFBMzJFRTExMEUzNUIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAACAgICAgICAgICAwICAgMEAwICAwQFBAQEBAQFBgUFBQUFBQYGBwcIBwcGCQkKCgkJDAwMDAwMDAwMDAwMDAwMAQMDAwUEBQkGBgkNCwkLDQ8ODg4ODw8MDAwMDA8PDAwMDAwMDwwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAz/wAARCAAkAAIDAREAAhEBAxEB/8QBogAAAAcBAQEBAQAAAAAAAAAABAUDAgYBAAcICQoLAQACAgMBAQEBAQAAAAAAAAABAAIDBAUGBwgJCgsQAAIBAwMCBAIGBwMEAgYCcwECAxEEAAUhEjFBUQYTYSJxgRQykaEHFbFCI8FS0eEzFmLwJHKC8SVDNFOSorJjc8I1RCeTo7M2F1RkdMPS4ggmgwkKGBmElEVGpLRW01UoGvLj88TU5PRldYWVpbXF1eX1ZnaGlqa2xtbm9jdHV2d3h5ent8fX5/c4SFhoeIiYqLjI2Oj4KTlJWWl5iZmpucnZ6fkqOkpaanqKmqq6ytrq+hEAAgIBAgMFBQQFBgQIAwNtAQACEQMEIRIxQQVRE2EiBnGBkTKhsfAUwdHhI0IVUmJy8TMkNEOCFpJTJaJjssIHc9I14kSDF1STCAkKGBkmNkUaJ2R0VTfyo7PDKCnT4/OElKS0xNTk9GV1hZWltcXV5fVGVmZ2hpamtsbW5vZHV2d3h5ent8fX5/c4SFhoeIiYqLjI2Oj4OUlZaXmJmam5ydnp+So6SlpqeoqaqrrK2ur6/9oADAMBAAIRAxEAPwAXz0//AJZY8VYb9cPj+OKvNf0pqX/LSf8AgE/5pxVH/o5v5fxxVNv+dg/7U/8A08Yq/wD/2Q==') repeat-x;
        display: inline-block;
    }
        #topnav ul li:hover ul {
            display: none;
        }
    .col-lg-9 {
        padding-left: 0px;
        width: auto;
        float: none;
    }
    .col-lg-3 {
      width: auto;
      float: none;
        min-height: 0;
    }
    .sidenav {
        padding: 10px 0 5px 0;
    }
    ul.blocks li {
        width: 100%;    
    }
    ul.blocks li:hover div.hover {
            
    }
    ul.blocks li.hilite:hover .wrapper {display: block;}
    ul.blocks .wrapper p {
        display: none;
    }
        ul.blocks li.first { 
            background-image: none;
            background-color: #06BFFD;
        }
        ul.blocks li.second { 
            background-image: none;
            background-color: #835AE0;
        }
        ul.blocks li.third { 
            background-image: none;
            background-color: #FCBD35;
        }
        ul.blocks li.fourth { 
            background-image: none;
            background-color: #52C06C;
        }
        ul.blocks li.fifth { 
            background-image: none;
            background-color: #F05050;
        }
        ul.blocks li.sixt { 
            background-image: none;
            background-color: #DF65F7;
        }
        ul.blocks li h2, ul.blocks li .hover p {
            color: #fff;
        }
        ul.blocks li .hover p {
          font-size: 14px;
          line-height: 1.428571429;
        }
        ul.blocks li div.hover {
            display: block;
        }
        h1 {font-size:30px;}
}






























/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */