/**** /BROWSE PAGE ****/

.browse-icon {
	text-align: right;
}

.browse-title {
	font-size: 24px;
	font-weight: 600;
}

.browse-description {
	font-size: 15px;
}

.browse-divider {
	height: 10px;
	margin-bottom: 10px;
}

@media (max-width: 767px) {
	.browse-icon {
		text-align: left;
		margin-bottom: 8px;
		text-align: center;
	}
	
	.browse-title {
		text-align: center;
		margin-bottom: 3px;
	}
	
	.browse-description {
		text-align: center;
	}
	
	.browse-divider {
		border-bottom: 2px dotted #ccc;	
	}
}

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/**** BROWSE VISUALLY ****/

.view-browse-visually
{
	
}

.browse-visually-box
{
	display: block;
	text-align: center;
	height: 220px;
	width: 220px;
	line-height: 220px;
	
	border: #ccc dotted 1px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.browse-visually-box img
{
	vertical-align: middle;
}

span.rollover {
	opacity: 1;
	-o-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-webkit-transition: -webkit-transform 1s;
	background: white;
	cursor: pointer;
	height: 200px;
	width: 200px;
	position: absolute;
	z-index: 10;
	opacity: 0;
	
	font-size: 16px;
	font-weight: bolder;
	color: black;
	text-align: center;
	
	padding: 10px;

	border: #ccc dotted 1px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
}

span.rollover:hover {
	opacity: .8;
	-o-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-webkit-transition: -webkit-transform 1s;
	-webkit-box-shadow: 0px 0px 4px #000;
	-moz-box-shadow: 0px 0px 4px #000;
	box-shadow: 0px 0px 4px #000;
}