
.sidebar {
	z-index:99;
	#testihead{ 
		height: auto;
	 }
	 #testibar{
			background:none  ;
	}
	#fbpageboxbar,#contactbar{
		@media screen and (max-width: $q369) {& {
			width:300px;
			left:15px;
		}}
		.likeboxfuncwrap
		,#contactsidebar_map_iframe{
		  margin: 0 auto;
		  width: 279px;
			@media screen and (max-width: $q369) {& {
				margin: -3px;
			}}
		}
		#fbpageboxhead {
		  display: none;
		}
		#fbpageboxcontent,#contactbarcontent {
			margin: 0 1px 10px;
			@media screen and (max-width: $q369) {& {
				width:300px;
			}}
		}
		#contactbarcontent {
		  margin: 25px ;
			@media screen and (max-width: $q369) {& {
				margin: 10px ;
			}}
		}
	}
	.sidebar-projects:hover {
		opacity: .8;
	}
	.sidebar-projects {
		position: relative;
		width: 392px;
		height: 251px;
		@media screen and (max-width: $q369) {
			& {left:18px;}
		}

		a {
			display: block;
		}
		.projects-banner {
			position: absolute;
			right: 0;
			top: 0;
			z-index: 10;
			@media screen and (max-width: $q369) {& {
				right: 92px;
			}}
		}
		.projects-image {
			position: absolute;
			left: 0;
			top: 18px;
			z-index: 1;
			width: 371px;
			max-width: 371px;
			height: 235px;
			@include pieradius(5px);
			@media screen and (max-width: $q369) {& {
				max-width:279px;
				height:auto;
			}}
		}
	}
	
}

