@CHARSET "UTF-8";

dd {
	text-indent: 1em;
	padding-bottom: 0.5em;
	font-size: 1.1em;
}

dt {
	font-size: 1.3em;
	font-weight: normal;
}

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}

.glyphicon.glyphicon-info-sign {
	font-size: 0.8em;
}

.glyphicon.glyphicon-chevron-right {
	float:right;
}

.list-group-item.active.orange {
	border-color: #F08C25;
	background-color: #F08C25;
}

hr {
	border-top: 2px solid #e3e3e3;
}


	.gridBlock {
		display: block;
		width: 100%;
	}

@media (max-width: 449px) {
	.item {
	width: 30px;
	height: 30px;
	float: left;
	border: 1px solid white;
}
	.scale-image {
		height: auto;
		max-width: 65px;
	}
}

@media ( min-width : 450px) and (max-width : 767px) {
	.item {
	width: 40px;
	height: 40px;
	float: left;
	border: 2px solid white;
}
.scale-image {
		height: auto;
		max-width: 85px;
	}
}

@media ( min-width : 768px) and (max-width : 1027px) {

	.item {
	width: 60px;
	height: 60px;
	float: left;
	border: 5px solid white;
}
	.scale-image {
		height: auto;
		max-width: 100px;
	}
}

@media ( min-width : 1028px) {
    .item {
	width: 80px;
	height: 80px;
	float: left;
	border: 5px solid white;
    }
    .scale-image {
		height: auto;
		max-width: 100px;
	}
}

	body {

		padding-bottom: 50px;
		font-family: "Helvetica Neue", Helvetica, "Liberation Sans", Arial,
			"sans-serif";
	}



.grid {
	margin: 2%
}

.dropdown-submenu {
	position: relative;
}

.dropdown-submenu>.dropdown-menu {
	top: 0;
	left: 100%;
	margin-top: -6px;
	margin-left: -1px;
	-webkit-border-radius: 0 6px 6px 6px;
	-moz-border-radius: 0 6px 6px;
	border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
	display: block;
}

.dropdown-submenu:hover>a:after {
	border-left-color: #fff;
}

.dropdown-submenu.pull-left {
	float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
	left: -100%;
	margin-left: 10px;
	-webkit-border-radius: 6px 0 6px 6px;
	-moz-border-radius: 6px 0 6px 6px;
	border-radius: 6px 0 6px 6px;
}

.col-centered{
    float: none;
    margin: 0 auto;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
  font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
  font-size: 75%;
}
h1,
.h1 {
  font-size: 36px;
}
h2,
.h2 {
  font-size: 30px;
}
h3,
.h3 {
  font-size: 24px;
}
h4,
.h4 {
  font-size: 18px;
}
h5,
.h5 {
  font-size: 14px;
}
h6,
.h6 {
  font-size: 12px;
}
p {
  margin: 0 0 10px;
}