#poster-b3 ::selection {
  background: transparent;
}
/*
html {
  margin:0;
  padding:50px 0;
  background:#231733;
}
*/
#poster-b3 #content-s {
  text-align:center;
  
  //position:absolute;
  //left:0;
        //top: 0;
        float: right;
  //right:0;
  //margin:auto;
  //padding:120px 0 10px 0;
  
  //width:200px;
  height:16px;  // 20px;
}

#poster-b3 input[type="checkbox"]{display:none;}

#poster-b3 .checkbox:checked + .label{
      background-color: rgba(0,0,0,0.4);
      //background:#7B7484;
        color: white;
   //color:#231733;
}

#poster-b3 .checkbox:checked ~ .social {
  opacity:1;
  -webkit-transform: scale(1) translateY(-90px);
  -moz-transform:scale(1) translateY(-90px);
  -o-transform:scale(1) translateY(-90px);
  transform:scale(1) translateY(-90px);
    -webkit-transition:.5s;
  -moz-transition:.5s;
  -o-transition:.5s;
  transition:.5s;
}

#poster-b3 .label {
  font-size:12px;
  cursor:pointer;
  margin:0;
  padding: 6px;  //5px 10px;
        background-color: rgba(0,0,0,0.4);
        opacity: 0.5;
  // border-radius:10%;
  // color:#7B7484;
}
#poster-b3 .label:hover {
   opacity: 1;     
}

#poster-b3 .social {
  transform-origin:50% 0%;
  
  -webkit-transform: scale(0) translateY(-190px);
  -moz-transform:scale(0) translateY(-190px);
  -o-transform:scale(0) translateY(-190px);
  transform:scale(0) translateY(-190px);
  
  opacity:0;
}
#poster-b3 #content-s ul {
  position:relative;
  left:0;
  right:0;
  margin:auto;
  color:#fff;
  height: 40px;  /*  30px;  */
  /*width:90px;*/
 /* background:#3B5998;  */
  padding:0;
  list-style:none;
}

#poster-b3 #content-s ul li {
  font-size:20px;
  cursor:pointer;
  width:40px;
  margin:0;
  padding: 8px 0;  /* 12px 0 */
  text-align:center;
  float:left;
  display:block;
  height:22px;
}

#poster-b3 #content-s ul li:hover, #poster-b3 #content-s ul li a:hover  {color:rgba(0,0,0,.5);}

#poster-b3 #content-s ul:after {
  content:'';
  display:block;
  position:absolute;
  left:0;
  right:0;
  margin:38px auto;   /* 35px auto;  */
  height:0;
  width:0;
  
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
	
  border-top: 20px solid #3B5998;
}
/*
#poster-b3 #content-s li[class*="twitter"] {background:#6CDFEA;padding:9px 0;}
#poster-b3 #content-s li[class*="facebook"] {background:#3B5998;padding:9px 0;}
#poster-b3 #content-s li[class*="gplus"] {background:#E34429;padding:9px 0;}
*/
#poster-b3 #content-s li a[class*="twitter"] {background:#6CDFEA;padding:9px 11px;}
#poster-b3 #content-s li a[class*="facebook"] {background:#3B5998;padding:9px 16px;}
#poster-b3 #content-s li a[class*="gplus"] {background:#E34429;padding:9px 11px;}

#poster-b3 #content-s li a {text-decoration: none;}

#poster-b3 span {
    text-transform: uppercase;
    padding-left: 10px;
    font-family: metanormallfc, Helvetica, sans-serif;
    // font-size: 12px;
    font-weight: bold;
}