/**
 * Grid items animation
 */
#tiles li {
  -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}

.wookmark-placeholder {
  -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}

/**
 * Filters
 */
#filters, #filtersp {
  list-style-type: none;
  text-align: center;
  margin: 0 3% 0 3%;
}

#filters li, #filtersp li {
  font-size: 12px;
  float: left;
  text-align: left;
  width: 110px;
  cursor: pointer;  
  -webkit-transition: all 0.15s ease-out;
     -moz-transition: all 0.15s ease-out;
       -o-transition: all 0.15s ease-out;
          transition: all 0.15s ease-out;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}
#filters li.nom, #filtersp li.nom{
	font-style: italic;
}
#filters li.num, #filtersp li.num{
	width: 8%;
	padding: 6px 0 4px 0;
	margin: 0 1% 0 1%;
}
ol.num {
	width: 70%;
}

#filters li:hover, #filtersp li:hover {
  background: #dedede;
}

#filters li.active, #filtersp li.active {  
  color: #ffffff;
}
#filters li.num.active, #filtersp li.num.active {  
  background: #389EC9;
}
#filters li.nom.active, #filtersp li.nom.active, #filters li.facil.active ,#filtersp li.facil.active{  
  background: #29A235;
  padding-right: 5px;
}
/**
 * Sort buttons
 */
#sortbys {
  list-style-type: none;
  text-align: center;
  margin: 0 5% 0 5%;
}

#sortbys li {
  font-size: 12px;
  float: right;
  padding: 6px 0 4px 0;
  cursor: pointer;
  margin: 0 1% 0 1%;
  width: 8%;
  color:#fff;
  background-color:#000;
  -webkit-transition: all 0.15s ease-out;
	 -moz-transition: all 0.15s ease-out;
	   -o-transition: all 0.15s ease-out;
		  transition: all 0.15s ease-out;
  -webkit-border-radius: 3px;
	 -moz-border-radius: 3px;
		  border-radius: 3px;
}

#sortbys li:hover {
  background: #dedede;
  color:#000;
}

#sortbys li.active {
  background: #29A235;
  color: #ffffff;
}
.block_holder {
    padding: 7px;
    background: #f6f6f6;
    -webkit-box-shadow:  0px 0px 3px 1px rgba(0, 0, 0, 0.15);
    box-shadow:  0px 0px 3px 1px rgba(0, 0, 0, 0.15);
    float: left;
    margin: 15px;
}
.hover_block {
    position: relative;
    overflow: hidden;
}
.hover_info {
	height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.hover_info p { 
	color: #FFFFFF;
    font-family: 'Roboto';
    font-size: 18px;
    font-weight: bold;
    left: 0;
    line-height: 1.4;
    margin-left: 12px;
    opacity: 1;
    padding: 0;
    position: absolute;
    top: 8px;
    transition-delay: 600ms;
    width: 100%;
}
.hover_info:hover p { opacity: 0; transition: opacity 200ms linear; -webkit-transition: opacity 200ms linear; -moz-transition: opacity 200ms linear; }

.block_8 .circle_over { 
    border-radius: 50% 50% 50% 50%; 
    box-shadow: 0 0 0 220px rgba(0, 0, 0, 0.7) inset; 
    height: 175%;
    width: 125%;
    position: absolute;
    top: -37.5%;
    left: -12.5%;
    transition: all 250ms linear;
    -webkit-transition: all 250ms linear;
}
.block_8:hover .circle_over {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7) inset;
}
.especial{
	background-color:yellow;
}
/**
 *  ilander-Ticket 4849
 */
#sortbys1 {
  list-style-type: none;
  text-align: center;
  margin: 0 5% 0 5%;
}

#sortbys1 li {
  font-size: 12px;
  float: right;
  padding: 0px;
  cursor: pointer;
  margin: 0 1% 0 1%;
  width: 8%;
}
/**
 * Fin-ilander-Ticket 4849
 */
 /**
 *  ilander-Ticket 5070
 */
#sortbys2 {
  list-style-type: none;
  text-align: center;
  margin: 0 5% 0 5%;
}

#sortbys2 li {
  font-size: 12px;
  float: right;
  padding: 6px 0 4px 0;
  cursor: pointer;
  margin: 0 3% 0 3%;
  width: 8%;
  color:#fff;
  background-color:#000;
  -webkit-transition: all 0.15s ease-out;
	 -moz-transition: all 0.15s ease-out;
	   -o-transition: all 0.15s ease-out;
		  transition: all 0.15s ease-out;
  -webkit-border-radius: 3px;
	 -moz-border-radius: 3px;
		  border-radius: 3px;
}

#sortbys2 li:hover {
  background: #dedede;
  color:#000;
}

#sortbys2 li.active {
  background: #29A235;
  color: #ffffff;
/**
 * Fin-ilander-Ticket 5070
 */