/* Code By Webdevtrick ( https://webdevtrick.com ) */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);


[class^="entypo-"]:before {
	font-family: 'entypo', sans-serif;
}
body {
  background: #e6e6e6;
}
#booking-sidebar {
	right: 0;
	position: fixed;
	top: 30%;
	list-style-type: none;
}
/* #booking-sidebar li:first-child a { border-top-left-radius: 5px; }
#booking-sidebar li:last-child a { border-bottom-left-radius: 5px; } */

#booking-sidebar a {
	background: rgba(0, 0, 0, .7);
	color: #fff;
    text-decoration: none;
	display: block;
	height: 50px;
	width: 50px;  
	font-size: 24px;
	line-height: 50px;
	position: relative;
	text-align: center;
    cursor: pointer;
}
#booking-sidebar a:hover span {
	/* left: 120%; */
	right: 120%;
	opacity: 1;
}
#booking-sidebar a span {
  font: 12px "Open Sans", sans-serif;
  text-transform: uppercase;
	border-radius: 3px;
	line-height: 24px;
	/* left: -100%; */
	right: -100%;
	margin-top: -16px;
	opacity: 0;
	padding: 4px 8px;
	position: absolute;
	/* transition: opacity .3s, left .4s; */
	transition: opacity .3s, right .4s;
	top: 50%;
	z-index: -1;
}

#booking-sidebar a span:before {
	content: "";
	display: block;
	height: 8px;
  	width: 8px;
	left: -4px;
	margin-top: -4px;
	position: absolute;
	top: 50%;
	/* transform: rotate(45deg); */
	transform: rotate(45deg);
}


#feedback .panel {
	border-radius: 0;
	border-bottom: 0 !important;
	background-color: rgba(0, 0, 0, 0.7);
}

#feedback-tab {
	/* float: left; */
	position: absolute;
	left: -40px;
	color: #fff;
	font-size: 20px;
	cursor: pointer;
	text-align: center;
	width: 120px;
	height: 42px;
	background-color: rgba(0,0,0,0.5);
	margin-top: 60px;
	margin-left: -42px;
	padding-top: 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}

#feedback-tab:hover {
	background-color: rgba(0,0,0,0.4);
}

#booking-sidebar a[class*="jx"]:hover,
#booking-sidebar a[class*="jx"] span,
#booking-sidebar a[class*="jx"] span:before {background: #f5db0a;}

#booking-sidebar a[class*="twitter"]:hover,
#booking-sidebar a[class*="twitter"] span,
#booking-sidebar a[class*="twitter"] span:before {background: #00aced;}

#booking-sidebar a[class*="facebook"]:hover,
#booking-sidebar a[class*="facebook"] span,
#booking-sidebar a[class*="facebook"] span:before {background: #3B5998;}

#booking-sidebar a[class*="gplus"]:hover,
#booking-sidebar a[class*="gplus"] span,
#booking-sidebar a[class*="gplus"] span:before {background: #E34429;}

#booking-sidebar a[class*="dribbble"]:hover,
#booking-sidebar a[class*="dribbble"] span,
#booking-sidebar a[class*="dribbble"] span:before {background: #ea4c89;}

#booking-sidebar a[class*="dropbox"]:hover,
#booking-sidebar a[class*="dropbox"] span,
#booking-sidebar a[class*="dropbox"] span:before {background: #8DC5F2;}

#booking-sidebar a[class*="github"]:hover,
#booking-sidebar a[class*="github"] span,
#booking-sidebar a[class*="github"] span:before {background: #9C7A5B;}

#booking-sidebar a[class*="evernote"]:hover,
#booking-sidebar a[class*="evernote"] span,
#booking-sidebar a[class*="evernote"] span:before {background: #6BB130;}