.sidebar-left,.sidebar-right{display:none}@media only screen and (min-width:1024px) and (orientation:landscape){.sidebar-left,.sidebar-right{position:fixed;width:0;height:auto;padding:0;transition:top .5s ease-in-out;z-index:2;box-sizing:border-box}.toggle.s-contact:before,.toggle.s-google:before,.toggle.s-job:before,.toggle.s-mail:before,.toggle.s-phone:before,.toggle.s-qr-code:before{font-family:fontAwesome;font-size:18px;color:#fff}.sidebar-left,.sidebar-right{display:block}.sidebar-left .toggle.active:before,.sidebar-right .toggle.active:before,.toggle.active:before{content:'\f00d'}.toggle.s-contact,.toggle.s-phone{background:#1c93e2}.toggle.s-mail{background:#d6951b}.toggle.s-google{background:#a57b00}.toggle.s-job{background:red}.toggle.s-qr-code{background:#c97935}.sidebar-left .sidebar-job,.toggle.s-contact:hover,.toggle.s-google:hover,.toggle.s-job:hover,.toggle.s-mail:hover,.toggle.s-phone:hover,.toggle.s-qr-code:hover{background:#63ad63}@media(max-width:768px){.sidebar-left,.sidebar-right{top:50%}}.sidebar-left{top:67.8%;left:0;border:0 solid #00f}.sidebar-left .sidebar-contact,.sidebar-left .sidebar-google,.sidebar-left .sidebar-job,.sidebar-left .sidebar-mail,.sidebar-left .sidebar-phone,.sidebar-left .sidebar-qr-code{position:relative;float:none;left:-190px;width:190px;height:48px;padding:15px;box-sizing:border-box;transition:.5s;margin-bottom:2px;background:#fff;text-align:center}.sidebar-left .s-contact,.sidebar-left .s-google,.sidebar-left .s-job,.sidebar-left .s-mail,.sidebar-left .s-phone,.sidebar-left .s-qr-code{position:absolute;height:48px;width:48px;text-align:center;cursor:pointer;top:0;right:-48px;line-height:48px;opacity:1}.sidebar-left .sidebar-contact.active,.sidebar-left .sidebar-google.active,.sidebar-left .sidebar-job.active,.sidebar-left .sidebar-mail.active,.sidebar-left .sidebar-phone.active,.sidebar-left .sidebar-qr-code.active{left:0}.sidebar-right{top:46%;right:0}.sidebar-left li,.sidebar-right li{list-style:none}.sidebar-right .s-contact,.sidebar-right .s-google,.sidebar-right .s-job,.sidebar-right .s-mail,.sidebar-right .s-phone,.sidebar-right .s-qr-code{position:absolute;height:48px;width:48px;text-align:center;cursor:pointer;top:0;left:-48px;line-height:48px;opacity:1}.sidebar-right .sidebar-contact,.sidebar-right .sidebar-google,.sidebar-right .sidebar-job,.sidebar-right .sidebar-mail,.sidebar-right .sidebar-phone,.sidebar-right .sidebar-qr-code{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,.9)}.sidebar-right .sidebar-contact.active,.sidebar-right .sidebar-contact:hover,.sidebar-right .sidebar-google.active,.sidebar-right .sidebar-google:hover,.sidebar-right .sidebar-job.active,.sidebar-right .sidebar-job:hover,.sidebar-right .sidebar-mail.active,.sidebar-right .sidebar-mail:hover,.sidebar-right .sidebar-phone.active,.sidebar-right .sidebar-phone:hover,.sidebar-right .sidebar-qr-code.active,.sidebar-right .sidebar-qr-code:hover,.sidebar-right .sidebar-qr-code:hover~.sidebar-right .sidebar-job{left:-190px}.s-contact:hover,.s-google:hover,.s-job:hover,.s-mail:hover,.s-phone:hover,.s-qr-code:hover{opacity:1}.toggle.active:hover{background-color:rgba(255,0,0,.8)}.s-contact.active,.s-google.active,.s-mail.active,.s-phone.active,.s/idebar-contact.active,.s/idebar-google.active,.s/idebar-mail.active,.s/idebar-phone.active{box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)}.toggle.s-contact:before{content:'\f2c3'}.toggle.s-phone:before{content:'\f095'}.toggle.s-mail:before{content:'\f003'}.toggle.s-google:before{content:'\f041'}.toggle.s-qr-code:before{content:'\f029'}.toggle.s-job:before{content:'\f0b1'}}