
/* maki */
[class*="maki-"]:before {
  font-family: 'maki', sans-serif;
}

/* zocial */
[class*="zocial-"]:before {
  font-family: 'zocial', sans-serif;
}


[class*="fontawesome-"]:before {
  font-family: 'FontAwesome', sans-serif;
}

    [class*="entypo-"]:before {
   font-family: "entypo", sans-serif;
    }

#sticky-social a { 
           text-decoration: none;
        }

        #sticky-social div { 
           text-decoration: none;
        }

        #sticky-social ul {
           list-style: none;
           margin: 0;
           padding: 0;
        }


        #sticky-social {
           right: 0;
           position: fixed;
           top: 150px;  
           z-index: 2;
        }

        #sticky-social a.social-item {
           background: #333;
           color: #fff;
           display: block;
           height: 45px;
           font: 16px "Open Sans", sans-serif;
           line-height: 45px;
           position: relative;
           text-align: center;
           width: 45px;
        }

         #sticky-social div.social-item {
           background: #1a5fa2;
           color: #fff;
           display: block;
           height: 45px;
           font: 16px "Open Sans", sans-serif;
           line-height: 45px;
           position: relative;
           text-align: center;
           width: 45px;
        }
        #sticky-social div.social-item span form {
             text-align: left;
        }
        #sticky-social a:hover span {
           right: 100%;
        }

        #sticky-social div:hover span {
           right: 100%;
        }

        #sticky-social a span {
           line-height: 45px;
           right: -185px;
           position: absolute;
           text-align:center;
           width:185px;
        }
          #sticky-social div span {
           line-height: 45px;
           right: -307px;
           position: absolute;           
           width:307px;
           padding: 10px;
           background-color: #032a50;
        }

        

        #sticky-social-left a[class*="chat"],
        #sticky-social-left a[class*="chat"]:hover,
        #sticky-social-left a[class*="chat"] span { background: #00aced; }

        #sticky-social-left a[class*="twitter"],
        #sticky-social-left a[class*="twitter"]:hover,
        #sticky-social-left a[class*="twitter"] span { background: #1da1f2; }    

        #sticky-social-left a[class*="pinterest"],
        #sticky-social-left a[class*="pinterest"]:hover,
        #sticky-social-left a[class*="pinterest"] span { background: #161515; }           

        #sticky-social-left a[class*="youtube"],
        #sticky-social-left a[class*="youtube"]:hover,
        #sticky-social-left a[class*="youtube"] span { background: #f00; }   

        #sticky-social-left a[class*="gplus"],
        #sticky-social-left a[class*="gplus"]:hover,
        #sticky-social-left a[class*="gplus"] span { background: #dd4b3c; }   

        #sticky-social-left a[class*="envelope"],
        #sticky-social-left a[class*="envelope"]:hover,
        #sticky-social-left-left a[class*="envelope"] span { background: #3f398e; }   

        #sticky-social-left a[class*="facebook"],
        #sticky-social-left a[class*="facebook"]:hover,
        #sticky-social-left a[class*="facebook"] span { background: #3b5998; }


        #sticky-social-left a { 
           text-decoration: none;
        }

        #sticky-social-left ul {
           list-style: none;
           margin: 0;
           padding: 0;
        }


        #sticky-social-left {
           left: 0;
           position: fixed;
           top: 150px;  
           z-index: 2;
        }

        #sticky-social-left a {
           background: #333;
           color: #fff;
           display: block;
           height: 45px;
           font: 16px "Open Sans", sans-serif;
           line-height: 45px;
           position: relative;
           text-align: center;
           width: 45px;
        }

        #sticky-social-left a:hover span {
           left: 100%;
        }

        #sticky-social-left a span {
           line-height: 45px;
           left: -120px;
           position: absolute;
           text-align:center;
           width:120px;
        }


        #sticky-social  a[class*="calendar"],
        #sticky-social  a[class*="calendar"]:hover,
        #sticky-social  a[class*="calendar"] span { background: #3f398e; }  

