.sidebar,.sidebar-rent {width:40%;height:100%;position:fixed;top:0;left:-40%;z-index:999;transition:all .3s;background-color:white;box-shadow:3px 3px 3px rgba(51,51,51,0.5);text-align:right;overflow:auto }.sidebar.active,.sidebar-rent.active {left:0 }.overlay {display:none;position:fixed;width:100%;height:100%;background:rgba(51,51,51,0.7);z-index:998;opacity:0;transition:all .5s ease-in-out }.overlay.active {display:block;opacity:1 }.dismiss,.dismiss-rent {width:35px;height:35px;position:absolute;top:10px;right:10px;transition:all .3s;border-radius:4px;text-align:center;line-height:35px;cursor:pointer;color:#000 }.dismiss:hover,.dismiss:focus,.dismiss-rent:hover,.dismiss-rent:focus {color:#000 }.sidebar ul.menu-elements,.sidebar-rent ul.menu-elements{padding:10px 0;border-bottom:1px solid #444;transition:all .3s }.sidebar ul li a,.sidebar-rent ul li a {display:block;padding:10px 20px;border:0;color:#fff }.sidebar ul li a:hover,.sidebar ul li a:focus,.sidebar ul li.active >a:hover,.sidebar ul li.active >a:focus,.sidebar-rent ul li a:hover,.sidebar-rent ul li a:focus,.sidebar-rent ul li.active >a:hover,.sidebar-rent ul li.active >a:focus{outline:0;background:#555;color:#fff }.sidebar ul li a i,.sidebar-rent ul li a i {margin-right:5px }.sidebar ul li.active >a,a[aria-expanded="true"],.sidebar-rent ul li.active >a {background:#444;color:#fff }.sidebar ul ul a,.sidebar-rent ul ul a {background:#444;padding-left:30px;font-size:14px }.sidebar ul ul li.active >a,.sidebar-rent ul ul li.active >a {background:#555 }.sidebar a[data-toggle="collapse"],.sidebar-rent a[data-toggle="collapse"] {position:relative }.sidebar .dropdown-toggle::after,.sidebar-rent .dropdown-toggle::after {display:block;position:absolute;top:50%;right:20px;transform:translateY(-50%) }@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and ( min--moz-device-pixel-ratio:2),only screen and ( -o-min-device-pixel-ratio:2/1),only screen and ( min-device-pixel-ratio:2),only screen and ( min-resolution:192dpi),only screen and ( min-resolution:2dppx){.sidebar,.sidebar-rent{width:100vw;left:-100vw }}@media screen and (max-width:1000px) and (min-width:600px) {.sidebar,.sidebar-rent{width:100vw;left:-100vw }}@media screen and (max-width:1600px) and (min-width:1000px) {.sidebar,.sidebar-rent{width:70vw;left:-70vw }}@media screen and (max-width:600px) {.sidebar,.sidebar-rent{width:100vw;left:-100vw }}