@charset "utf-8";

/* -------------------------------------
 Volume Button
----------------------------------------*/

.volume-button {
    position: absolute;
    /*top: 110px;*/
    /*left: 50%;*/
    bottom: 15px;
    right: 30px;
    z-index: 10;
    display: block;
    text-align: center;
    color: #043167;
    font: normal normal normal 14px/1 FontAwesome;
    /*transform: translateX(400px);*/
    cursor: pointer;
}

/*  pickup
--------------------------------------------- */
@media screen and (max-width: 1150px) {
    .top .volume-button--pickup {
        bottom: 100px;
    }
}

/*  Icon
--------------------------------------------- */
.volume-button:before {
    display: inline;
    vertical-align: middle;
    font-size: 40px;
}

.volume-button--off:before {
    content: "\f026";
}

.volume-button--on:before {
    content: "\f028";
}

/*  Text
--------------------------------------------- */
.volume-button:after {
    display: inline;
    vertical-align: middle;
    font-size: 10px;
    margin-left: 3px;
}

.volume-button--off:after {
    content: "OFF";
}

.volume-button--on:after {
    content: "ON";
}