/*! jQuery Elevator - v1.0.6 - 2015
 * https://inzycle.github.com/jquery-elevator
 * Copyright (c) 2015 inZycle; Licensed MIT */

.jq-elevator {
    position: fixed;
    width: 60px
}

    .jq-elevator:before, .jq-elevator:after {
        display: table;
        content: " "
    }

    .jq-elevator:after {
        clear: both
    }

    .jq-elevator.align-top {
        top: 15px
    }

    .jq-elevator.align-bottom {
        bottom: 15px
    }

    .jq-elevator.align-left {
        left: 15px
    }

    .jq-elevator.align-right {
        right: 15px
    }

.jq-top, .jq-item, .jq-bottom, .jq-items-toggle {
    float: left;
    position: relative;
    text-decoration: none;
    text-align: center;
    font-family: "Courier New",Courier,monospace;
    color: #fff;
    background: #0070c0;
    box-shadow: 0 0 2px rgba(0,0,0,0.14),0 2px 4px rgba(0,0,0,0.28);
    transition: box-shadow 150ms cubic-bezier(0,0,0.2,1);
    -webkit-transition: box-shadow 150ms cubic-bezier(0,0,0.2,1);
    -moz-transition: box-shadow 150ms cubic-bezier(0,0,0.2,1);
    -o-transition: box-shadow 150ms cubic-bezier(0,0,0.2,1)
}

.jq-item {
    font-weight: bold;
    font-family: Arial,Helvetica,sans-serif;
    color: #000
}

.jq-elevator .active {
    background: #f0f0f0
}

.jq-items-toggle {
    display: none
}

.jq-elevator.glass .jq-top, .jq-elevator.glass .jq-item, .jq-elevator.glass .jq-bottom {
    opacity: .5;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: .5;
    -khtml-opacity: .5;
    transition: opacity .2s linear;
    -webkit-transition: opacity .2s linear;
    -moz-transition: opacity .2s linear;
    -o-transition: opacity .2s linear
}

.jq-elevator.auto-hide .jq-sml {
    height: 0;
    padding: 0;
    margin: 0;
    overflow: hidden
}

.jq-elevator.auto-hide:hover .jq-sml {
    height: auto;
    padding: 4px 0;
    margin: 3px 20px;
    overflow: inherit
}

    .jq-elevator.auto-hide:hover .jq-sml.jq-text {
        padding: 3px 7px
    }

.jq-elevator .jq-top:hover, .jq-elevator .jq-item:hover, .jq-elevator .jq-bottom:hover {
    opacity: 1;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1
}

.jq-sml:hover {
    box-shadow: 0 0 3px rgba(0,0,0,0.16),0 3px 5px rgba(0,0,0,0.32)
}

.jq-sml:active {
    box-shadow: 0 0 2px rgba(0,0,0,0.14),0 2px 4px rgba(0,0,0,0.28)
}

.jq-big:hover, .jq-mid:hover, .jq-items-toggle:hover {
    box-shadow: 0 0 4px rgba(0,0,0,0.16),0 4px 5px rgba(0,0,0,0.32)
}

.jq-big:active, .jq-mid:active, .jq-items-toggle:active {
    box-shadow: 0 0 2px rgba(0,0,0,0.14),0 2px 4px rgba(0,0,0,0.28)
}

.jq-big {
    font-size: 16px;
    line-height: 16px;
    padding: 20px 0;
    width: 60px;
    margin: 3px 0
}

.jq-elevator.circle .jq-big {
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    border-radius: 30px
}

.jq-elevator.rounded .jq-big {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px
}

.jq-elevator.square .jq-big {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    border-radius: 0
}

.jq-mid {
    font-size: 16px;
    line-height: 16px;
    padding: 12px 0;
    width: 40px;
    margin: 3px 10px
}

.jq-elevator.circle .jq-mid {
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px
}

.jq-elevator.rounded .jq-mid {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px
}

.jq-elevator.square .jq-mid {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    border-radius: 0
}

.jq-sml {
    font-size: 11px;
    line-height: 12px;
    padding: 4px 0;
    width: 20px;
    margin: 3px 20px
}

.jq-elevator.circle .jq-sml {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px
}

.jq-elevator.rounded .jq-sml {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px
}

.jq-elevator.square .jq-sml {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    border-radius: 0
}

.jq-sml.jq-text {
    width: auto;
    padding: 3px 7px;
    white-space: nowrap
}

.jq-elevator.align-left .jq-sml.jq-text {
    float: left;
    text-align: left
}

.jq-elevator.align-right .jq-sml.jq-text {
    float: right;
    text-align: right
}

.jq-title {
    position: absolute;
    font-weight: bold;
    font-size: 11px;
    font-family: Arial,Helvetica,sans-serif;
    line-height: 11px;
    white-space: pre;
    height: 11px;
    padding: 4px 10px;
    display: none;
    color: #fff;
    background: #000;
    opacity: .65;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=65)";
    filter: alpha(opacity=65);
    -moz-opacity: .65;
    -khtml-opacity: .65;
    transition: opacity .2s linear;
    -webkit-transition: opacity .2s linear;
    -moz-transition: opacity .2s linear;
    -o-transition: opacity .2s linear
}

.jq-elevator.circle .jq-title {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px
}

.jq-elevator.rounded .jq-title {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px
}

.jq-elevator.square .jq-title {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    border-radius: 0
}

.jq-big .jq-title {
    top: 18px
}

.jq-elevator.align-left .jq-big .jq-title {
    left: 70px
}

.jq-elevator.align-right .jq-big .jq-title {
    right: 70px
}

.jq-mid .jq-title {
    top: 10px
}

.jq-elevator.align-left .jq-mid .jq-title {
    left: 50px
}

.jq-elevator.align-right .jq-mid .jq-title {
    right: 50px
}

.jq-sml .jq-title {
    top: 0
}

.jq-elevator.align-left .jq-sml .jq-title {
    left: 30px
}

.jq-elevator.align-right .jq-sml .jq-title {
    right: 30px
}

.jq-top:hover .jq-title, .jq-item:hover .jq-title, .jq-bottom:hover .jq-title {
    display: block
}

.jq-elevator.touch {
    width: inherit
}

    .jq-elevator.touch.align-top {
        top: 10px
    }

    .jq-elevator.touch.align-bottom {
        bottom: 10px
    }

    .jq-elevator.touch.align-left {
        left: 10px
    }

    .jq-elevator.touch.align-right {
        right: 10px
    }

    .jq-elevator.touch .jq-title {
        display: none
    }

    .jq-elevator.touch .jq-top, .jq-elevator.touch .jq-bottom, .jq-elevator.touch .jq-items-toggle {
        font-size: 16px;
        line-height: 16px;
        display: block;
        padding: 12px 0;
        width: 40px;
        margin: 0
    }

    .jq-elevator.touch .jq-top, .jq-elevator.touch .jq-item, .jq-elevator.touch .jq-bottom, .jq-elevator.touch .jq-items-toggle {
        height: auto;
        overflow: inherit;
        opacity: 1;
        -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1
    }

    .jq-elevator.touch .jq-items {
        position: absolute;
        width: 20px;
        display: none
    }

    .jq-elevator.touch.align-left .jq-items {
        left: 45px
    }

    .jq-elevator.touch.align-right .jq-items {
        right: 45px
    }

    .jq-elevator.touch.align-top .jq-items {
        top: 50px
    }

    .jq-elevator.touch.align-bottom .jq-items {
        bottom: 50px
    }

    .jq-elevator.touch .jq-item {
        padding: 4px 0;
        margin: 3px 0
    }

        .jq-elevator.touch .jq-item span {
            display: block
        }

        .jq-elevator.touch .jq-item.jq-text {
            padding: 3px 7px
        }

    .jq-elevator.touch.circle .jq-top, .jq-elevator.touch.circle .jq-bottom, .jq-elevator.touch.circle .jq-items-toggle {
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        -khtml-border-radius: 20px;
        border-radius: 20px
    }

    .jq-elevator.touch.rounded .jq-top, .jq-elevator.touch.rounded .jq-bottom, .jq-elevator.touch.rounded .jq-items-toggle {
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        -khtml-border-radius: 8px;
        border-radius: 8px
    }

    .jq-elevator.touch.square .jq-top, .jq-elevator.touch.square .jq-bottom, .jq-elevator.touch.square .jq-items-toggle {
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -khtml-border-radius: 0;
        border-radius: 0
    }

    .jq-elevator.touch.align-left .jq-top, .jq-elevator.touch.align-left .jq-bottom, .jq-elevator.touch.align-left .jq-items-toggle {
        float: left;
        margin-right: 5px
    }

    .jq-elevator.touch.align-right .jq-top, .jq-elevator.touch.align-right .jq-bottom, .jq-elevator.touch.align-right .jq-items-toggle {
        float: right;
        margin-left: 5px
    }