/*** ============================================ Hidden Sidebar style ============================================ ***/ .hidden-bar{ position: fixed; top: 0; width: 320px; height: 100%; background: #20234c; z-index: 9999999999; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .hidden-bar .mCSB_inside > .mCSB_container{ margin-right:0px; } .hidden-bar.right-align { right: -400px; } .hidden-bar.right-align.visible-sidebar{ right:0px; } .hidden-bar .hidden-bar-closer { position: absolute; right: 20px; top: 20px; width: 40px; height: 40px; background: none; color: #ffffff; border-radius: 0px; text-align: center; line-height: 40px; transition: all 300ms ease; z-index: 999999; } .hidden-bar .hidden-bar-closer button { background: none; display:block; font-size: 40px; color:#ffffff; width:40px; height:40px; line-height:40px; } .hidden-bar .hidden-bar-closer button span:before{ font-size: 30px; line-height: 30px; } .hidden-bar .hidden-bar-closer:hover button { color: #ffffff; } .hidden-bar-wrapper { height: 100%; padding:30px 10px 30px 30px; } .hidden-bar .logo { padding:0px 0px 30px; } .hidden-bar .logo a{ display: inline-block; } .hidden-bar .logo img{ display: inline-block; max-width: 100%; } .hiddenbar-about-us{ position: relative; display: block; } .hiddenbar-about-us h3{ color: #ffffff; font-size: 20px; margin: 0 0 18px; } .hiddenbar-about-us .text{ display: block; } .hiddenbar-about-us .text p{ color: #bdbfd8; margin: 0; } .hidden-bar .contact-info-box{ position: relative; display: block; padding-top: 36px; } .hidden-bar .contact-info-box h3{ color: #ffffff; font-size: 20px; margin: 0 0 23px; } .hidden-bar .contact-info-box ul{ position: relative; display: block; } .hidden-bar .contact-info-box ul li{ position: relative; display: block; overflow: hidden; margin-bottom: 16px; } .hidden-bar .contact-info-box ul li:last-child{ margin-bottom: 0; } .hidden-bar .contact-info-box ul li h5{ font-size: 16px; line-height: 16px; font-weight: 500; margin: 0 0 11px; } .hidden-bar .contact-info-box ul li p{ color: #bdbfd8; margin: 0; } .hidden-bar .contact-info-box ul li p a{ color: #bdbfd8; } .hidden-bar .copy-right-text{ position: relative; display: block; padding-top: 44px; } .hidden-bar .copy-right-text p{ color: #ffffff; font-size: 14px; margin: 0; }