button {
    cursor: pointer;
}

.lift_buttons {
    position: relative;
    top: 0px;
    left: 0px;
    border-radius: 50%;
    width: 135px;
    height: 135px;
    display: block; 
    float: right;
    font-size: 64px;
    background-color: #E33;
}

.lift_id {
    visibility: hidden;
    top: 0px;
    position: absolute;
}

.lift_current_floor_bg {
    position: absolute;
    text-align: center;
    right: 14px;
    top: -70px;
    font-size: 85px;
    background-color: black;
    width: 70px;
    height: 70px;
    opacity: 0.5;
}

.current_floor {
    position: absolute;
    right: -14px;
    top: 0px;
    font-size: 60px;
    color: yellow;
    text-align: center;
    width: 100px;
}


.lift_name {
    height: 135px;
    width: 100%;
    left: 0px;
    font-size: 50px;
    background-color: black;
    font-weight: bold;
    /*! left: 10px; */
}

#bogoroditsa .lift_name {
    background-color: #a52a2a;
}

.lift_cancel_img {
    position: absolute;
    cursor: pointer;
    left: 0px;
    top: -124px;
    width: 135px;
    opacity: 1;
}    

.brdBlack {
    border: 20px solid black;
    background-color: #77f;
    color:white;
}
.brdBlack2 {
    border: 20px solid black;
    background-color: green;
    color:white;
}

.brd {
    border: 20px solid royalblue;
    background-color: #a77;
    color:white;
}
.brd2 {
    border: 20px solid green;
    background-color: #a77;
    color:white;
}
.brd3 {
    border: 20px solid orange;
    background-color: #a77;
    color:white;
}
.brd4 {
    border: 20px solid #8c8;
    background-color: #a77;
    color:white;
}

#gost {
    position: absolute;
    left: -45px;
    top:0px;
    z-index: 5;
}

#hristos {
    position: absolute;
    float: left;
    color: white;
    left: -24px;
    opacity: 1;
    z-index: -7;
    vertical-align: middle;
    text-align: center;
}

#hristos .lift_name {
    background-color: black;
}

#content {
    position: absolute;
    height: 100%;
    display: block;
    top:0px;
    left:30px;
    width: 570px;
/*    max-width: 570px;*/
}

#buttons_from_floor {
    position: relative;
    width: 100%;
    height: 0px;
    left: 18px;
    top: 410px;
    float: left;
}

/*.floor_call_only_down {
    background-color: #3188ff;
    opacity: 0.7;
    border: solid 8px #8d7c68;
}*/

#buttons_from_floor .floor_call_only_down {
    position: absolute;
    cursor: pointer;
    color: white;
    font-size: 70px;
    display: block;
    top: 15px;
    left: 45px;
    background-color: transparent;
    width: 85px;
/*    font-weight: bold;*/
}

#buttons_from_floor .buttons_from_floor {
    position: relative;
    color: white;
    font-size: 70px;
    display: block;
    left: 31%;
    top: 0px;
    width: 175px;
    height: 135px;
    z-index: 10;
}

#buttons_from_floor .btn_wrap {
    position: relative;
    color: black;
    display: block;
    cursor: pointer;
    left: 155px;
    top: 8px;
    width: 135px;
    height: 135px;
    /*! z-index: 10; */
    /*! background-color: #3188ff; */
    /* margin-top: 15px; */
}

#buttons_from_floor .btn_wrap_only_down_active .floor_call_only_down{
    top:0px;
}

#buttons_from_floor .btn_wrap_only_down_active {
    height: 84px !important;
    border: solid 16px #7fdd00 !important;
    opacity: 1 !important;
}

#buttons_from_floor .btn_wrap_only_down {
    position: relative;
    color: black;
    display: block;
    cursor: pointer;
    left: 31%;
    top: -12px;
    width: 175px;
    height: 115px;
    background-color: royalblue;
    border-radius: 33% 10%;
    margin-top: 20px;
    opacity: 0.7;
}

#buttons_from_floor .floor_call {
    position: absolute;
    opacity: 1;
    width: 100px;
    height: 135px;
    left:-7px;
    color: white;
    font-size: 64px;
    font-weight: bold;
    background-color: transparent;
    top: 0px;
}

.button_down_bg_active, .button_up_bg_active {
    color: #FA7 !important;
    background-color: brown !important;
}

.button_up_symbol {
    position: absolute;
    top: 40px;
    font-size: 70px;
    width: 85px;
    left: 100px;
    z-index: 2;
}

#buttons_from_floor .button_up_bg {
    position: absolute;
    font-size: 90px;
    left: 100px;
    top: 0px;
    width: 85px;
    height: 115px;
    border-radius: 33% 10%;
    background-color: #8c8;
    /*! border: solid 8px #8d7c67; */
    /*! opacity: 0.7; */
    text-align: center;
}

.button_down_bg {
    position: absolute;
    width: 85px;
    height: 115px;
    border-radius: 33% 10%;
    background: royalblue;
    display: block;
}

.button_down_symbol {
    position: absolute;
    top: 40px;
    font-size: 70px;
    width: 85px;
}

.overload_text {
    position:absolute;
    /* display: block; */
    color: black;
    top: -60px;
    z-index: 10;
    left: 60px;
    width: 316px;
    font-size: 50px;
    background-color: yellow;
    display: none;
}

#blue-top {
    top:-140px;
    border-top-right-radius: 50%;
    border-top-left-radius: 50%;
}

#blue-bottom {
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
}

#blue-top, #blue-bottom {
    text-align: center;
    background-color: #31bfec;
    position: absolute;
    font-size: 100px;
    width: 175px;
    height: 135px;
    color:#FFF;
    left: 377px;
}


.id_div {
    position: absolute;
    color: yellow;
    font-size: 70px;
    text-align: center;
    left: -58px;
    top: 406px;
    z-index: 5;
    width: 80px;
    opacity: 0.5;
    background-color: black;
    height: 75px;
}

.tops {
    height: 55px;
    width: 100%;
    font-size: 44px;
    background-color: #a52a2a;
    font-weight: bold;
    z-index: 10;
    top: 275px;
    width: 406px;
}

.tops_lift_img {

}

.close_or_open {
    position: absolute;
    width: 90px;
    height: 115px;
    top: -120px;
    right: 5px;
}

#andrew {
    position: relative;
    font-size: 44px;
    font-weight: bold;
    float: left;
    color: white;
    background-color: #000;
    right: -580px;
    width: 406px;
    height: 120px;
    opacity: 1;
    vertical-align: middle;
    text-align: center;
}

#andrew .lift_name{
    background-color: #789728;
}

#andrew_div {
    position: relative;
    color: yellow;
    text-align: center;
    font-size: 70px;
    top: 50px;
    z-index: 5;
    width: 80px;
    opacity: 0.5;
    background-color: black;
    height: 80px;
    right: 33px;
    z-index: 7;    
}

#andrew_div_before {
    left: 58px;
    width: 600px;
    height: 0px;
    left: 633px;
    top: 600px;
    width: 600px;
    position: relative;
}


#andrew_lift_img {
    position: relative;
    top: 150px;
    right: 100px;
    width: 133px;
    height: 240px;
}

#andrew_lift_img_close, #andrew_lift_img_open{
    position: absolute;
    width: 130px;
    height: 240px;
}


#dolphin_div_before {
    position: relative;
    top: 600px;
}

#dolphin {
    position: relative;
    float: left;
    color: white;
    background-color: #000;
    left: -24px;
    width: 406px;
    height: 120px;
    opacity: 1;
    z-index: -7;
    vertical-align: middle;
    text-align: center;
    font-size: 44px;
    font-weight: bold;
}

#dolphin .lift_name {
    background-color: #33A;
}

#bogoroditsa {
    position: relative;
    background-color: #a52a2a;
    color: #fff;
    width: 406px;
    height: 120px;
    right: -500px;
    z-index: 5;
    vertical-align: middle;
    text-align: center;
}

#prepre {
    position: relative;
    float: right;
    width: 100%;
    color: white;
    font-size: 34px;
    text-align: left;
    line-height: 2;
    font-weight: bold;
}

#text_line {
    position: absolute;
    color: #ff7;
    font-size: 38px;
    display: block;
    width: 450px;
    height: 200px;
    z-index: 5;
    text-align: center;
    font-weight: bold;
    left: 250px;
}

#number_of_lifts_label {
    position: absolute;
    left: 0px;
    top: 65px;
    width: 500px;
    font-size: 20px;
}

.floor{
    font-size: 16px;
}

#menu_img{
    position: absolute;
    left: 870px;
    top: 0px;
    padding: 0px;
    z-index: 100;
    width: 128px;
    cursor: pointer;
}

#menu {
    position: absolute;
    left:0px;
    top:0px;
}

#menu :last-child {
    position: absolute;
}

#podval {
    position: relative;
    left:-33px;
    top:200px;
    z-index: -2;
}

#telegram {
    position: relative;
    display: block;
    top: -100px;
    width: 100px;
    left: 650px;
}

#comment_form textarea {
    position: relative;
    color: black;
    letter-spacing: normal;
    display: block;
    text-align: left;
    font: 400 45px Arial;
    width: 150%;
    height: 260px;
    opacity: 0.8;
}

#comments {
    position: relative;
    left: 33px;
}

#comments div {
    margin-top: 33px;
    margin-bottom: 50px;
    width: 150%;
    min-height: 50px;
    text-align: left;
    color: cyan;
    font-size: 40px;
    font-weight: bold;
    background: black;
    padding: 20px;
    word-break: break-word;
}

body {
    font-family: monospace;
    font-size: 32px;
    text-align: center;
}