.fb-wrapper {
	display: block;
	position: fixed;
    z-index: 6;
    top: 110px;
    right: 0;
    width: 340px;
    height: 50%;
    height: 500px;
    max-width: 340px;
    border: 5px solid #0055a4;
    -webkit-transition: -webkit-transform .6s;
    transition: -webkit-transform .6s;
    transition: transform .6s;
    transition: transform .6s,-webkit-transform .6s;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

.fb-wrapper:before {
	content: '';
    position: absolute;
    background-color: #0055a4;
    top: 5%;
    right: 100%;
    width: 36px;
    height: 110px;
    border-radius: 6px 0 0 6px;
    background-image: url(../images/logo-fb-vert.png);
    background-position: 6px;
    background-repeat: no-repeat;
    cursor: pointer;
}
.fb-wrapper.active {
	transform: translateX(0);
}