.tuile-isotope{
	padding-bottom:30px;
}

.tuile-isotope > div{
	padding:20px;
}

.tuile-isotope.open .tuile-content{
	display:block;
}
.tuile-content{
	display:none;
	padding-top: 20px;
	padding-bottom: 30px;
}

.tuile-isotope > div{
	background:#35586b;
}
.tuile-isotope .nc{
	color:#FFF;
}

.tuile-see-more{
	height:17px;
	width:17px;
	display:block;
	position:absolute;
	right:35px;
	margin:0 auto;
	bottom:50px;
}

.bar-1, .bar-2, .bar-3{
  position: absolute;
    height: 2px;
    width: 60%;
    background: #FFF;
    left: 20%;
    opacity:1;
    transition:all 0.3s;
}
.text-black .bar-1, .text-black .bar-2, .text-black .bar-3{
  background: #424242;
}
.full-arrow .bar-1{
    top: 45%;
    left: 10%;
    width: 80%;
    transition: all 0.2s;
    transform: rotate(90deg);
}
.full-arrow .bar-2{
  bottom: 20%;
  left: 0;
    opacity: 1;
    transform: rotate(45deg);
}
.full-arrow .bar-3{
    bottom: 20%;
    right: 0;
    left:initial;
    transition: all 0.2s;
    transform: rotate(-45deg);
}
.cross .bar-1, .cross .bar-top{
  top: 35%;
    left: 0;
    width: 100%;
    transition: all 0.2s;
  opacity:0;
  transform: rotate(45deg);
}
.cross .bar-2, .cross .bar-middle{
  bottom: 20%;
    opacity: 1;
  top: 50% !important;
    left: 0;
    transform: rotate(45deg);
    width: 100%;
    transition:all 0.3s;
}
.cross .bar-3, .cross .bar-bottom{
    right: 0;
    left:initial;
  top: 50% !important;
    bottom: 0;
    transform: rotate(-45deg);
    width: 100%;
    transition:all 0.3s;
}