.canvas {background-color: #FFFFFF; position: relative;margin:-5px;}
.thumb{ cursor: pointer; }
.slideshow{ position: relative; margin:0px auto;  }

.fa-chevron-down
        {
            position:absolute;
            top: 40px;
            left: 10px;
            font-size: 28px;
            color: #ccc;
            cursor: pointer;
            z-index:100;
            width: 30px;
            line-height:30px;
        }
        .fa-chevron-up
        {
            position:absolute;
            top: 10px;
            left: 10px;
            font-size: 28px;
            color: #ccc;
            cursor: pointer;
            z-index:100;
            width: 30px;
            line-height:30px;
        }
        .editor-button
        {
            background-image: url(images/ui/buttons.jpg);
            width: 80px;
            height: 80px;
            display: inline-block;
            cursor: pointer;
        }
        .editor-button.upload
        {
            background-position: 0px 0;
        }
        .editor-button.publish
        {
            background-position: -240px 0;
        }
        .editor-button.stickers
        {
            background-position: -80px 0;
            margin-left: 22px;
            margin-right: 23px;
        }
        .editor-button.reset
        {
            background-position: -160px 0;
        }
        .editor-button.cancel,
        .editor-button.cut
        {
            background-position: -240px 0;
            margin-left: 22px;
            margin-right: 23px;
        }
        .editor-button.draw
        {
            margin-left: 22px;
            margin-right: 22px;
        }
        .editor-button.effect
        {
            margin-right: 22px;
        }
        .editor-button.text
        {
            background-position: -560px 0;
        }
        .editor-button.cancel
        {
            background-position: -480px 0;
        }
        .editor-button.cut
        {
            background-position: -400px 0;
        }
        .editor-button.draw
        {
            background-position: -640px 0;
        }
        .editor-button.draw
        {
            background-position: -640px 0;
        }
        .editor-button.effect
        {
            background-position: -720px 0;
        }
        .editor-button.about
        {
            background-position: -800px 0;
        }

        #buttons-bar.cut .editor-button.text,
        #buttons-bar.cut .editor-button.draw,
        #buttons-bar.cut .editor-button.reset,
        #buttons-bar.cut .editor-button.upload,
        #buttons-bar.cut .editor-button.stickers,
        #buttons-bar.cut .editor-button.publish,
        #buttons-bar.cut .editor-button.effect,
        #buttons-bar.cut .editor-button.about
        {
            opacity: 0.5;
        }

        #buttons-bar.draw .editor-button.text,
        #buttons-bar.draw .editor-button.cut,
        #buttons-bar.draw .editor-button.reset,
        #buttons-bar.draw .editor-button.upload,
        #buttons-bar.draw .editor-button.stickers,
        #buttons-bar.draw .editor-button.publish,
        #buttons-bar.draw .editor-button.effect,
        #buttons-bar.draw .editor-button.about
        {
            opacity: 0.5;
        }

    @media only screen and (max-width: 550px)
    {
        .editor-button,
        .editor-button.publish,
        .editor-button.stickers,
        .editor-button.effect,
        .editor-button.cut,
        .editor-button.draw
        {
            margin:0 10px 10px 10px;
        }
    }.blurApp
        {
            position: relative;
        }