.srl_menu {margin-top: 180px;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: 165px;}
.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: #0799bb;border-top: 1px solid #37c1eb;border-right: 1px solid #37c1eb;}
#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: -185px;height: 300px;}
.slide_right_open {right: 0px;}
#slide_right > ul {float: right;background: #202020f0;color: #ffffff;}
#slide_right ul {margin-right: 20px;/* border-left: 1px solid #f1b90a; */border: 1px solid #fcd975;margin-top: 2px;}
#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: #3498db;}
#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 #f1b90a;-webkit-transition: 400ms;-moz-transition: 400ms;-o-transition: 400ms;transition: 400ms;}
.side-bg:hover {background: #045e79;-webkit-transition: 400ms;-moz-transition: 400ms;-o-transition: 400ms;transition: 400ms;}
.side1-bg {width: 130px;height: 80px;border-bottom: 1px solid #f1b90a;padding-top: 10px;}
.side3-bg {height: 200px;border-bottom: 1px solid #f1b90a;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;}
.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;width: 40px;}
.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: solid 1px #e9e9e9;
    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;
}
.list_wapper{
    display: grid;
    /* grid-template-columns: 30% 70%; */
    grid-gap: 10px;
    text-align: center;
    justify-content: center;
}
ul.list_menu2 li.list_wapper{
    width: 100%;
    padding: 6px 5px;
    list-style: none;
    text-align: center;
    border-bottom: 2px dotted #2f2e2e;
    text-align: left;
    font-size: 10px;
    word-break: break-word;
    padding-right: 5px;
    cursor: pointer;
    text-align: center;
}
ul.list_menu2 li.list_wapper:hover{
    background-color: #ffffffa3;
    color: #000;
}
ul.list_menu2 .main_icon img {
    display: block;
    margin: auto;
    width: 105px;
}