.srl_menu {margin-top: 85px;height: 100%;z-index: 100000000;}
.prl_menu {margin-top: 450px;height: 100%;}
.list_menu {list-style: none;padding: 0;margin: 0;width: 116px;}
.list_menu2 {list-style: none;padding: 0;margin: 0px;width: 130px;}
.list_menu h2 {color: #f5f5f5;padding: 12px 0 0 20px;height: 32px;font-size: 19px;}
.list_menu li {color: #f5f5f5;font-weight: 600;width: 116px;}
/* BUTTONS */
.button {border: none;outline: none;padding: 0;cursor: pointer;}
.sbutton {background: none}
.pbutton {background-color: #3498db;border-bottom: solid 1px #2980b9;}
/* TRANSITIONS */
.slide_left_open, .slide_left_close, .slide_right_open, .slide_right_close, .slide_top_open, .slide_top_close, .push_left_open, .push_left_close, .body_close, .body_open_left, .body_open_right, .push_right_open, .push_right_close {-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
.slide_left_close {position: fixed;left: -116px;}
.slide_left_open {left: -20px;}
#slide_left > ul {
    float: left;
    background: #000000;
    border-top: 1px solid #d99c03;
    border-right: 1px solid #d99c03;
}
#slide_left > ul > h2 {border-bottom: solid 1px #c0392b;}
#slide_left ul li {}
#slide_left ul li:hover {}
/* SLIDE RIGHT MENU */
.slide_right_close {position: fixed;right: -150px;}
.slide_right_open {right: 0px;}
#slide_right > ul {float: right;background: #000000;color: #ffffff;}
#slide_right ul {
    margin-right: 20px;
    border-left: 1px solid #d99c03;
    border-top: 1px solid #d99c03;
}
#slide_right ul li {}
#slide_right ul li:hover {}
/* PUSH RIGHT MENU */
.push_right_close {position: fixed;right: -220px;}
.push_right_open {right: 0px;}
#push_right > ul {float: right;background-color: #3498db;}
#push_right > ul > h2 {border-bottom: solid 1px #2980b9;}
#push_right ul li {background-color: #6badda;}
#push_right ul li:hover {background-color: #4fa3dc;}
/* PUSH LEFT MENU */
.push_left_close {position: fixed;left: -220px;}
.push_left_open {left: 0px;}
#push_left > ul {float: left;background-color: #d99c03;}
#push_left > ul > h2 {border-bottom: solid 1px #2980b9;}
#push_left ul li {background-color: #6badda;}
#push_left ul li:hover {background-color: #4fa3dc;}
/*------------*/
.side-bg {width: 116px;/* height: 114px; */display: block;margin-right: auto;border-bottom: 1px solid #d99c03;-webkit-transition: 400ms;-moz-transition: 400ms;-o-transition: 400ms;transition: 400ms;padding: 10px 0;}
.side-bg:hover {/* background: #000000; */-webkit-transition: 400ms;-moz-transition: 400ms;-o-transition: 400ms;transition: 400ms;}
.side1-bg {width: 130px;height: 80px;border-bottom: 1px solid #d99c03;padding-top: 10px;}
.side3-bg {
        height: 164px;
    border-bottom: 1px solid #d99c03;
    padding-top: 10px;
}
.side-bg h3 {font-size: 20px;padding-top: 10px;font-family: 'Lato', sans-serif;font-weight: bold;text-align: center;color: #fff;text-shadow: 1px 1px #000;}
.side-bg p {font-size: 14px;text-align: center;/* padding-top: 20px; */font-family: 'Lato', sans-serif;margin: 0;}
.list_menu2 p {font-size: 14px;padding-top: 1px;}
.list_menu2 p1 {font-size: 11px;font-weight: bold;}	
.side1-bg h3 {font-size: 15px;font-weight: 100;}
.side2-bg h3 {font-size: 15px;}
.side3-bg h3 {font-size: 15px;}
#slide_left > ul > li > a {cursor: pointer;}
#slide_left > ul > li > a:hover {color: #fff;}
/*-- if want auto --*/
#slide_left {}
#slide_left:hover {left: 0px;z-index: 99;}
#slide_left:after {position: fixed;left: -158px;z-index: 99;}
/*--- right side auto */
#slide_right {}
#slide_right:hover {right: -20px;z-index: 99;}
#slide_right:after {position: fixed;right: -260px;/* ok */z-index: 99;}
.side-ico {font-size: 10px;}
.side-info {float: left;padding-top: 4px;text-align: center;width: 100%;}
.side-ico img {width: 30px;}
ul.list_menu2 img {display: block;margin: auto;}
.side-info-box {text-align: center;background: #1a0202;padding: 9px 10px;display: inline-block;font-size: 11px;color: #fff;width: 100%;}
a.chat-btn {background: #880302;padding: 7px 10px;display: block;color: #ffffff;font-weight: bolder !important;text-align: center;font-size: 16px;margin-top: 8px;}
a.chat-btn:hover {background: #ea0b0a;color: #ffffff;}
.border-line {background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.8, #b4822f), color-stop(0.1, rgb(244, 244, 182)));background-image: -moz-linear-gradient(center bottom, #b4822f 33%, rgb(244, 244, 182) 67% );padding: 1px;border: none;}
.border-line > div { background: #000; }
.join {text-align: center;padding: 3px 11px;display: block;margin: auto;border-radius: 1px;margin-top: 10px;color: #fff;font-weight: 100;}
.join:hover {color: #fff;}
.side-ico {
    border: 1px solid #e1e1e1;
    border: none;
    border-radius: 3px;
    color: #ffffff;
    display: inline-block;
    height: 35px;
    line-height: 1;
    margin-left: 43px;
    margin-right: 43px;
    padding: 10px;
    width: 35px;
    text-align: center;
    transition: all .3s ease-in-out;
    border-radius: 50%;
    font-size: 14px;
}