.sidebar-right,.sidebar-left{display:none}@media only screen and (min-width:1024px) and (orientation:landscape){.sidebar-right,.sidebar-left{display:block}}@media(max-width:768px){.sidebar-right,.sidebar-left{top:50%}}.sidebar-right .toggle.active:before,.sidebar-left .toggle.active:before{content:'\f00d'}.s-contact:hover,.s-phone:hover,.s-mail:hover,.s-google:hover,.s-job:hover,.s-qr-code:hover{opacity:1}.toggle.active:hover{background-color:rgba(255,0,0,1.0)}.toggle.s-contact{background:rgba(28,147,226,1.0)}.toggle.s-phone{b/ackground:#00a43a;background:rgba(28,147,226,1.0)}.toggle.s-mail{background:#d6951b}.toggle.s-google{background:#a57b00}.toggle.s-job{background:red}.toggle.s-qr-code{background:#c97935}.toggle.s-job:hover,.toggle.s-contact:hover,.toggle.s-phone:hover,.toggle.s-mail:hover,.toggle.s-google:hover,.sidebar-left .sidebar-job,.toggle.s-qr-code:hover{background:#63ad63}.sidebar-left{position:fixed;top:67.8%;left:0;width:0;border:0 solid blue;height:auto;padding:0;box-sizing:border-box;transition:top ease-in-out .5s;z-index:2}.sidebar-left .sidebar-contact,.sidebar-left .sidebar-phone,.sidebar-left .sidebar-mail,.sidebar-left .sidebar-qr-code,.sidebar-left .sidebar-job,.sidebar-left .sidebar-google{position:relative;float:none;left:-190px;width:190px;height:48px;padding:15px;box-sizing:border-box;transition:.5s;margin-bottom:2px;background:rgba(255,255,255,1.9);text-align:center}.sidebar-left .s-contact,.sidebar-left .s-phone,.sidebar-left .s-mail,.sidebar-left .s-qr-code,.sidebar-left .s-job,.sidebar-left .s-google{position:absolute;height:48px;width:48px;b/order-radius:6px 0 0 6px;text-align:center;cursor:pointer;top:0;right:-48px;line-height:48px;opacity:1}.sidebar-left .sidebar-contact.active,.sidebar-left .sidebar-phone.active,.sidebar-left .sidebar-mail.active,.sidebar-left .sidebar-qr-code.active,.sidebar-left .sidebar-job.active,.sidebar-left .sidebar-google.active{left:0}.sidebar-right{position:fixed;top:50%;right:0;width:0;height:auto;padding:0;box-sizing:border-box;transition:top ease-in-out .5s;z-index:2;b/order:10px solid blue}.sidebar-right li,.sidebar-left li{list-style:none}.sidebar-right .s-contact,.sidebar-right .s-phone,.sidebar-right .s-mail,.sidebar-right .s-qr-code,.sidebar-right .s-job,.sidebar-right .s-google{position:absolute;height:48px;width:48px;text-align:center;b/order-radius:6px 0 0 6px;cursor:pointer;top:0;left:-48px;line-height:48px;opacity:1}.sidebar-right .sidebar-contact,.sidebar-right .sidebar-phone,.sidebar-right .sidebar-mail,.sidebar-right .sidebar-job,.sidebar-right .sidebar-qr-code,.sidebar-right .sidebar-google{position:relative;float:none;left:0;width:190px;height:48px;padding:15px;text-align:center;box-sizing:border-box;transition:1s;margin-bottom:2px;background:rgba(255,255,255,0.9)}.sidebar-right .sidebar-contact.active,.sidebar-right .sidebar-phone.active,.sidebar-right .sidebar-mail.active,.sidebar-right .sidebar-job.active,.sidebar-right .sidebar-qr-code.active,.sidebar-right .sidebar-google.active{left:-190px}.sidebar-right .sidebar-contact:hover,.sidebar-right .sidebar-phone:hover,.sidebar-right .sidebar-mail:hover,.sidebar-right .sidebar-job:hover,.sidebar-right .sidebar-qr-code:hover,.sidebar-right .sidebar-google:hover{left:-190px}.sidebar-right .sidebar-qr-code:hover ~ .sidebar-right .sidebar-job{left:-190px}.toggle.active:before{content:'\f00d'}.s-contact:hover,.s-phone:hover,.s-mail:hover,.s-google:hover,.s-qr-code:hover,.s-job:hover{opacity:1}.toggle.active:hover{background-color:rgba(255,0,0,0.8)}.s/idebar-contact.active,.s-contact.active,.s/idebar-phone.active,.s-phone.active,.s/idebar-mail.active,.s-mail.active,.s/idebar-google.active,.s-google.active{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}.toggle.s-contact:before{content:'\f2c3';font-family:fontAwesome;font-size:18px;color:#fff}.toggle.s-phone:before{content:'\f095';font-family:fontAwesome;font-size:18px;color:#fff}.toggle.s-mail:before{content:'\f003';font-family:fontAwesome;font-size:18px;color:#fff}.toggle.s-google:before{content:'\f041';font-family:fontAwesome;font-size:18px;color:#fff}.toggle.s-qr-code:before{content:'\f029';font-family:fontAwesome;font-size:18px;color:#fff}.toggle.s-job:before{content:'\f0b1';font-family:fontAwesome;font-size:18px;color:#fff}