div.fblogin {
	display: none;
	cursor:pointer;
	padding-right: 0px!important;
	margin-top: 2px;
	
	border-radius: 25px;
}

@media (min-width: 1200px) {
	#header-blocks div.fblogin {
		display: block;
	}
}

div.fblogin p::before{
    width:29px;
    height:22px;
    background:url('../../../img/fblogin/fb1.png') no-repeat top right;
    display:inline-block;
    content:"";
}

div.fblogin p {
    padding:0px 0px;
    background:url('../../../img/fblogin/fb2.png') repeat-x top;
    height:22px;
    color:#FFF;
    font-size:10px;
    display:inline-block;
}
div.fblogin p span {
    display:inline-block;
    padding:0px 5px;
    position:relative;
    top:-7px;
    font-weight: normal;
}

div.fblogin p:after{
    width:4px; 
    height:22px;
    background:url('../../../img/fblogin/fb3.png') no-repeat top left;
    display:inline-block;
    content: "";
}

.fblogin-link {
	float:right;
	border-left: 1px solid #515151;
	display: block;
	color: white;
	font-weight: bold;
	padding: 8px 10px 3px 10px;
	text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
	cursor: pointer;
	line-height: 18px;
}

.fbloader{
    display:none;
    position:fixed;
    bottom:0px;
    right:0px;
    height:40px;
    width:80px;
    background:#3B5998 url('../../../img/fblogin/loading.gif') no-repeat center;
}

.loginpopupsocial {
    display:inline-block;
    float:left;
    margin-right:10px;
    margin-top:5px;
}
.loginpopupsocial span {
    color:#FFF!important;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.2)!important;
    font-family:arial!important;
}

.loginpopupsocial p {
    margin-top:0px;
}

/* authentication */
.hook-authentication-login div.fblogin {
	display: block;
	background-color: #5085c7
}
.hook-authentication-login .fblogin-center {
	text-align: center
}
.hook-authentication-login div.fblogin p::before{
	height: 40px;
	background-position: 0 15px
}
.hook-authentication-login div.fblogin p {
	height: 40px;
	font-size:18px;
}
.hook-authentication-login div.fblogin p:after{
    height: 40px;
}


/* PHONE */
#fblogin-phone {
    display: none;
  }
#fblogin-non-phone {
    display: unset;
}

@media (max-width: 767px) {
    #fblogin-phone {
        display: unset;
    }
    #fblogin-non-phone {
        display: none;
    }
    .hook-authentication-login div.fblogin {
        text-transform: uppercase;
    }
}