/* Start: Recommended Isotope styles */

/**** 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;
}

/* End: Recommended Isotope styles */



/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
      -ms-transition: none;
       -o-transition: none;
          transition: none;
}



/**** Isotope styles ****/

/* required for containers to inherit vertical size from window */

#container{
width:100%;
}

.element {
  position: relative;
  color:#FFFFFF;
  margin-top:35px;
  text-align:center!important; 
  overflow:visible;
  width:333px;
  height:197px!important; 
}

.element img{
  padding:5px;
  background-color:#F7F7F3;
  border:1px solid #D2D2CB;
  margin-bottom:5px;
}

.element p{
	margin-top:0px !important;
	font-family: 'Fjalla One', sans-serif;
	font-size:16px;
	color:#666666;	
}
.element * {
 margin: 0;
}
a.selected {
   
    color:#fff !important;
    text-shadow: none;
	border-radius:6px 6px 6px 6px;
	height:35px !important;
	line-height:35px !important;
	background-color:#4A4A43;
	padding:8px 15px !important;
	
}

/**** Example Options ****/

#options {
}

#options h3 {
  margin-bottom: 0.2em;
  font-size: 15px;
}

#options h4 { 
  font-weight: bold;
}

#options ul {
  margin: 0;
  list-style: none;
  text-align:center;
}

#options ul ul {
  margin-left: 1.5em;

}

#options li {
	display:inline-block;
	background-image:none !important;
	text-shadow:none !important;
    text-transform:capitalize;
	background-color:#D2D0C9;
	border-radius:6px 6px 6px 6px;
	height:35px !important;
	line-height:35px;
}

#options li a {
	width:0px !important;
	background-image:none !important;
	display:inline;
	padding:0px 15px;
	text-shadow:none !important;
}
#options li a:last-child{
	border-right:none;
}
#options li a:hover {
	color:#fff;
	background-color:#4A4A43;
	border-radius:6px 6px 6px 6px;
	padding:8px 15px;
}

#options li a:active {
	
	
}
.co a:link{
background-color:#FF3333;
border-radius:6px;
	padding:20px 15px;
}

#options li a {
    border:none;
  font-family: 'Fjalla One', sans-serif;
  font-size:14px !important;
  text-transform:capitalize;
  color:#4A4A43;
}
#options li a.selected {
  text-shadow: none;
  color:#CC6633;
 
}
/* jquery-method_gallery */

span.roll {
    background: url("../images/mag.png") no-repeat scroll center center #DF3D58;
    height: 181px;
    position: absolute;
    width:100%;
    z-index: 10;
	opacity:0;
	}