/*************************************************
* Qickbar
*************************************************/

#quickbar {
	position: fixed;
	z-index: 29991;
	width:   auto;	
	right: 0;
	top: 50%;
    -webkit-transform: translateY(-50%);
			transform: translateY(-50%);
	
	transition: all 300ms ease 100ms;
}

/*@media (max-width:1024px) {
	#quickbar {
		display: none;
	}
}*/

.quickbaritem {
	position: relative;
	z-index: 29993;
	width:  auto;
	height: 50px;
	margin-bottom: 2px;
}

.quickbaritem.qbi3 {
	margin-bottom: 0;
}

.quickbaritem a {
	display: block;
	color: #fff;
}

.quickbaricon {
	position: relative;
	z-index: 29994;
	width:  50px;
	height: 50px;
	background: #00a88f;
		
	line-height: 50px;
	text-align: center;
	
	font-size: 20px;
	
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 20px auto;
}

.qbi1 .quickbaricon {
	background-image: url('images/tel.png');
}

.qbi2 .quickbaricon {
	background-image: url('images/mail.png');
}

.qbi3 .quickbaricon {
	background-image: url('images/callback.png');
}

.quickbarlabel {
	position: absolute;
	z-index: 29992;
	top: 0;	
	right: -100%;	
	display: block;
	
	height:    50px;
	max-width: 50px;
	overflow: hidden;
	background: #00a88f;
	
	padding: 14px 20px 0 20px;
	
	font-size: 15px;
	line-height: 20px;
	
	transition: all 300ms ease;
}

.quickbarlabel span {
	white-space: nowrap;
	display: block;
}

.quickbaritem a:hover .quickbarlabel {
	right: 50px;
	max-width: 600px;
}