﻿.bubblewrap {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.bubblewrap li {
	float: left;
	display: inline-block;
	zoom: 1; /*Trigger haslayout in IE7 and less*/
	*display: inline; /*For IE7 and less*/
	position: relative;
	
}
.bubblewrap.bw1 li {
/*	width: 156px;
	margin: 0 70px 20px 0;*/
	height: 92px;
	margin: 0 auto;
	margin-bottom: 20px;
}

.bubblewrap.bw1 li a {
	margin: 0 auto; text-align: center;
}

.bubblewrap.bw1 li a {
	width: 156px;
}

.bubblewrap.bw2 li {
	width: 41px;
	height: 41px;
	margin: 0 5px 5px 0;
}

.bubblewrap li img {
	position: absolute;
	left: 0;
	top: 0;

	overflow: hidden;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

.bubblewrap li img:hover { box-shadow: 0 0 10px rgba(0,0,0,0.3); }

.bubblewrap.bw1 li img {
	width: 150px; /*default width of each image.*/
	height: 86px; /*default height of each image.*/
	border: #fff 3px solid;
}

.bubblewrap.bw2 li img {
	width: 35px; /*default width of each image.*/
	height: 35px; /*default height of each image.*/
	border: #fff 3px solid;
}

.bubblewrap .tooltip { /*CSS for image tooltip (alt attribute of image)*/
	left: 20px;
	
	position: absolute;
	color: #000/*#c3781e#ff6b20f4661e#ee6621#bb6600*/;
	font: bold 22px Arial;
	padding: 5px;
	width: 250px;
	text-align: center;
	background: #d8e9f3/*#c8d9e4#96b7cb#23292e#424b52*/;
	border: #ddd 1px solid;
	
	overflow: hidden;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

@media (max-width: 1200px) {
	.bubblewrap.bw1 li- {
   		margin-right: 60px;
	}
}

@media (max-width: 992px) {
	.bubblewrap.bw1 li- {
   		margin-right: 40px;
	}
}
@media (max-width: 767px) {
	.bubblewrap.bw1 li- {
   		margin-right: 20px;
	}
}
