.crp-tile.btn01 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.crp-tile.btn01 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.btn01 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.crp-tile.btn01 .ovrly {
  background: rgba(0,0,0,0.5);
  height: 100%;
  left: 0;
  top: -100%;
  width: 100%;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.crp-tile.btn01 .fa {
  background: rgba(256, 256, 256, 0.9);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: rgba(50, 50, 50, 0.9);
  display: block;
  line-height: 40px;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  width: 40px;
  height: 40px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.crp-tile.btn01 .fa:hover {
  background: rgba(256,256,256,1);
}

.crp-tile.btn01 .ic-link {
  left: 50%;
  top:-40px;
  margin-left: -45px;
  margin-top: -20px;
}

.crp-tile.btn01 .ic-search {
  left: 50%;
  top:-40px;
  margin-left: 5px;
  margin-top: -20px;
}

.crp-tile.btn01:hover .fa {
  top: 50%;
}


.crp-tile.btn01:hover .ovrly {
  top: 0;
}

/* Button 01 [ END ]....*/
.crp-tile.btn02 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.crp-tile.btn02 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.btn02 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.crp-tile.btn02 .ovrly {
  background: rgba(0,0,0,0.5);
  height: 100%;
  left: -100%;
  top: 0;
  width: 100%;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.crp-tile.btn02 .fa {
  background: rgba(256, 256, 256, 0.9);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: rgba(50, 50, 50, 0.9);
  display: block;
  line-height: 40px;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  width: 40px;
  height: 40px;
  top: 80px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.crp-tile.btn02 .fa:hover {
  background: rgba(256,256,256,1);
}

.crp-tile.btn02 .ic-link {
  /*left: 100px;*/
  left:-50px;
  top:50%;
  margin-left: 0px;
  margin-top: -20px;
}

.crp-tile.btn02 .ic-search {
  /*left: 145px;*/
  left:-50px;
  top:50%;
  margin-left: 0px;
  margin-top: -20px;
}

.crp-tile.btn02:hover .ic-link {
  left: 50%;
  margin-left: -45px;
}

.crp-tile.btn02:hover .ic-search {
  left: 50%;
  margin-left: 5px;
}


.crp-tile.btn02:hover .ovrly {
  left: 0;
}
/* Button 02 [ END ]....*/
.crp-tile.btn03 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;  
}

.crp-tile.btn03 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.btn03 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.crp-tile.btn03 .ovrly {
  background: rgba(0,0,0,0.5);
  height: 100%;
  left: 0;
  top: 100%;
  width: 100%;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.crp-tile.btn03 .fa {
  background: rgba(256, 256, 256, 0.9);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: rgba(50, 50, 50, 0.9);
  display: block;
  line-height: 40px;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  width: 40px;
  height: 40px;
  top: 205px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.crp-tile.btn03 .fa:hover {
  background: rgba(256,256,256,1);
}

.crp-tile.btn03 .ic-link {
  left:50%;
  top:100%;
  margin-left: -45px;
  margin-top: 0px;
}

.crp-tile.btn03 .ic-search {
  left:50%;
  top:100%;
  margin-left: 5px;
  margin-top: 0px;
}

.crp-tile.btn03:hover .fa {
  top: 50%;
  margin-top: -20px;
}

.crp-tile.btn03:hover .ovrly {
  top: 0;
}
/* Button 03 [ END ]....*/
.crp-tile.btn04 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;  
}

.crp-tile.btn04 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.btn04 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.crp-tile.btn04 .ovrly {
  background: rgba(0,0,0,0.5);
  height: 100%;
  left: 100%;
  top: 0;
  width: 100%;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.crp-tile.btn04 .fa {
  background: rgba(256, 256, 256, 0.9);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: rgba(50, 50, 50, 0.9);
  display: block;
  line-height: 40px;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  width: 40px;
  height: 40px;
  top: 80px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.crp-tile.btn04 .fa:hover {
  background: rgba(256,256,256,1);
}

.crp-tile.btn04 .ic-link {
  left:120%;
  top:50%;
  margin-left: 0px;
  margin-top: -20px;
}

.crp-tile.btn04 .ic-search {
  left:120%;
  top:50%;
  margin-left: 0px;
  margin-top: -20px;
}

.crp-tile.btn04:hover .ic-link {
  left:50%;
  margin-left: -45px;
}

.crp-tile.btn04:hover .ic-search {
  left:50%;
  margin-left: 5px;
}

.crp-tile.btn04:hover .ovrly {
  left: 0;
}
/* Button 04 [ END ]....*/
.crp-tile.btn05 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative; 
}

.crp-tile.btn05 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.btn05 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.crp-tile.btn05 .ovrly {
  background: rgba(0,0,0,0.5);
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.btn05 .fa {
  background: rgba(256, 256, 256, 0.9);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: block;
  line-height: 40px;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  width: 40px;
  height: 40px;
  top: 80px;
  opacity: 0;
  left: 123px;
  -webkit-transition: all 0.3s , color 0.1s 0.3s;
  -moz-transition: all 0.3s , color 0.1s 0.3s;
  -o-transition: all 0.3s , color 0.1s 0.3s;
  transition: all 0.3s , color 0.1s 0.3s;
  color: transparent;
}

.crp-tile.btn05 .fa:hover {
  background: rgba(256,256,256,1);
}

.crp-tile.btn05 .ic-link {
  left: 50%;
  top:50%;
  margin-left: -20px;
  margin-top: -20px;
}

.crp-tile.btn05 .ic-search {
  left: 50%;
  top:50%;
  margin-left: -20px;
  margin-top: -20px;
}

.crp-tile.btn05:hover .ic-link {
  margin-left: -45px;
  opacity: 1;
}

.crp-tile.btn05:hover .ic-search {
  margin-left: 5px;
  opacity: 1;
}

.crp-tile.btn05:hover .ovrly {
  opacity: 1;
}
/* Button 05 [ END ]....*/
.crp-tile.btn06 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;  
}

.crp-tile.btn06 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.btn06 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.crp-tile.btn06 .ovrly {
  background: rgba(0,0,0,0.5);
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.btn06 .fa {
  background: rgba(256, 256, 256, 0.9);  
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: block;
  line-height: 40px;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  width: 40px;
  height: 40px;
  top: 80px;
  opacity: 0;
  color: transparent;
  -webkit-transition: all 0.3s , color 0.1s 0.3s;
  -moz-transition: all 0.3s , color 0.1s 0.3s;
  -o-transition: all 0.3s , color 0.1s 0.3s;
  transition: all 0.3s , color 0.1s 0.3s;
}

.crp-tile.btn06 .fa:hover {
  background: rgba(256,256,256,1);
}

.crp-tile.btn06 .ic-link {
  left: 50%;
  top:50%;
  margin-left: -60px;
  margin-top: -20px;
}

.crp-tile.btn06 .ic-search {
  left: 50%;
  top:50%;
  margin-left: 50px;
  margin-top: -20px;
}

.crp-tile.btn06:hover .ic-link {
  margin-left: -45px;
  opacity: 1;
}

.crp-tile.btn06:hover .ic-search {
  margin-left: 5px;
  opacity: 1;
}

.crp-tile.btn06:hover .ovrly {
  opacity: 1;
}
/* Button 06 [ END ]....*/
.crp-tile.btn07 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative; 
}

.crp-tile.btn07 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.btn07 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.crp-tile.btn07 .ovrly {
  background: rgba(0,0,0,0.5);
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.btn07 .fa {
  background: rgba(256, 256, 256, 0.9);
  
  
  
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: rgba(50, 50, 50, 0.9);
  display: block;
  line-height: 40px;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  width: 40px;
  height: 40px;
  top: 80px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0;
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -ms-transform: scale(1.5);
  -o-transform: scale(1.5);
  transform: scale(1.5);
}

.crp-tile.btn07 .fa:hover {
  background: rgba(256,256,256,1);
}

.crp-tile.btn07 .ic-link {
  left: 50%;
  top:50%;
  margin-left: -45px;
  margin-top: -20px;
}

.crp-tile.btn07 .ic-search {
  left: 50%;
  top:50%;
  margin-left: 5px;
  margin-top: -20px;
}

.crp-tile.btn07:hover .fa {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.crp-tile.btn07:hover .ovrly {
  opacity: 1;
}
/* Button 07 [ END ]....*/
.crp-tile.btn08 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative; 
}

.crp-tile.btn08 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.btn08 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.crp-tile.btn08 .ovrly {
  background: rgba(0,0,0,0.5);
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.btn08 .fa {
  background: rgba(256, 256, 256, 0.9);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: rgba(50, 50, 50, 0.9);
  display: block;
  line-height: 40px;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  width: 40px;
  height: 40px;
  top: 80px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}

.crp-tile.btn08 .fa:hover {
  background: rgba(256,256,256,1);
}

.crp-tile.btn08 .ic-link {
  left: 50%;
  top:50%;
  margin-left: -45px;
  margin-top: -20px;
}

.crp-tile.btn08 .ic-search {
  left: 50%;
  top:50%;
  margin-left: 5px;
  margin-top: -20px;
}

.crp-tile.btn08:hover .fa {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.crp-tile.btn08:hover .ovrly {
  opacity: 1;
}
/* Button 08 [ END ]....*/
.crp-tile.btn09 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.crp-tile.btn09 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.btn09 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.crp-tile.btn09 .ovrly {
  background: rgba(0,0,0,0.5);
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.btn09 .fa {
  background: rgba(256, 256, 256, 0.9);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: rgba(50, 50, 50, 0.9);
  display: block;
  line-height: 40px;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  width: 40px;
  height: 40px;
  top: 80px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.btn09 .fa:hover {
  background: rgba(256,256,256,1);
}


.crp-tile.btn09 .ic-link {
  left: 50%;
  top:50%;
  margin-left: -45px;
  margin-top: -20px;
}

.crp-tile.btn09 .ic-search {
  left: 50%;
  top:50%;
  margin-left: 5px;
  margin-top: -20px;
}

.crp-tile.btn09 .ic-link {
  -webkit-transform-origin: 165% 50%;
  -moz-transform-origin: 165% 50%;
  -ms-transform-origin: 165% 50%;
  -o-transform-origin: 165% 50%;
  transform-origin: 165% 50%;
  -webkit-transform: rotateZ(0deg) scale(0);
  -moz-transform: rotateZ(0deg) scale(0);
  -ms-transform: rotateZ(0deg) scale(0);
  -o-transform: rotateZ(0deg) scale(0);
  transform: rotateZ(0deg) scale(0);
}

.crp-tile.btn09 .ic-search {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}

.crp-tile.btn09:hover .ic-link {
  -webkit-transform: rotateZ(360deg) scale(1);
  -moz-transform: rotateZ(360deg) scale(1);
  -ms-transform: rotateZ(360deg) scale(1);
  -o-transform: rotateZ(360deg) scale(1);
  transform: rotateZ(360deg) scale(1);
}

.crp-tile.btn09:hover .ic-search {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.crp-tile.btn09:hover .ovrly {
  opacity: 1;
}
/* Button 09 [ END ]....*/
.crp-tile.btn10 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.crp-tile.btn10 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.btn10 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.crp-tile.btn10 .ovrly {
  background: rgba(0,0,0,0.5);
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.btn10 .fa {
  background: rgba(256, 256, 256, 0.9);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: rgba(50, 50, 50, 0.9);
  display: block;
  line-height: 40px;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  width: 40px;
  height: 40px;
  top: 80px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.btn10 .fa:hover {
  background: rgba(256,256,256,1);
}

.crp-tile.btn10 .ic-link {
  left: 50%;
  top:50%;
  margin-left: -45px;
  margin-top: -20px;
}

.crp-tile.btn10 .ic-search {
  left: 50%;
  top:50%;
  margin-left: 5px;
  margin-top: -20px;
}

.crp-tile.btn10 .ic-link {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}

.crp-tile.btn10 .ic-search {
  -webkit-transform-origin: -65% 50%;
  -moz-transform-origin: -65% 50%;
  -ms-transform-origin: -65% 50%;
  -o-transform-origin: -65% 50%;
  transform-origin: -65% 50%;
  -webkit-transform: rotateZ(0deg) scale(0);
  -moz-transform: rotateZ(0deg) scale(0);
  -ms-transform: rotateZ(0deg) scale(0);
  -o-transform: rotateZ(0deg) scale(0);
  transform: rotateZ(0deg) scale(0);
}

.crp-tile.btn10:hover .ic-link {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.crp-tile.btn10:hover .ic-search {
  -webkit-transform: rotateZ(360deg) scale(1);
  -moz-transform: rotateZ(360deg) scale(1);
  -ms-transform: rotateZ(360deg) scale(1);
  -o-transform: rotateZ(360deg) scale(1);
  transform: rotateZ(360deg) scale(1);
}

.crp-tile.btn10:hover .ovrly {
  opacity: 1;
}
/* Button 10 [ END ]....*/

.crp-tile.btn11 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.crp-tile.btn11 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.btn11 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.crp-tile.btn11 .ovrly {
  background: rgba(0,0,0,0.5);
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.btn11 .fa {
  background: rgba(256, 256, 256, 0.9);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: rgba(50, 50, 50, 0.9);
  display: block;
  line-height: 40px;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  width: 40px;
  height: 40px;
  top: 80px;
  -webkit-transform: rotateZ(360deg) scale(0);
  -moz-transform: rotateZ(360deg) scale(0);
  -ms-transform: rotateZ(360deg) scale(0);
  -o-transform: rotateZ(360deg) scale(0);
  transform: rotateZ(360deg) scale(0);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.btn11 .fa:hover {
  background: rgba(256,256,256,1);
}

.crp-tile.btn11 .ic-link {
  left: 50%;
  top:50%;
  margin-left: -45px;
  margin-top: -20px;
}

.crp-tile.btn11 .ic-search {
  left: 50%;
  top:50%;
  margin-left: 5px;
  margin-top: -20px;
}

.crp-tile.btn11 .ic-link {
  -webkit-transform-origin: 105% 50%;
  -moz-transform-origin: 105% 50%;
  -ms-transform-origin: 105% 50%;
  -o-transform-origin: 105% 50%;
  transform-origin: 105% 50%;
}

.crp-tile.btn11 .ic-search {
  -webkit-transform-origin: -5% 50%;
  -moz-transform-origin: -5% 50%;
  -ms-transform-origin: -5% 50%;
  -o-transform-origin: -5% 50%;
  transform-origin: -5% 50%;
}

.crp-tile.btn11:hover .fa {
  -webkit-transform: rotateZ(0deg) scale(1);
  -moz-transform: rotateZ(0deg) scale(1);
  -ms-transform: rotateZ(0deg) scale(1);
  -o-transform: rotateZ(0deg) scale(1);
  transform: rotateZ(0deg) scale(1);
}

.crp-tile.btn11:hover .ovrly {
  opacity: 1;
}
/* Button 11 [ END ]....*/

.crp-tile.btn12 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.crp-tile.btn12 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.btn12 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.crp-tile.btn12 .ovrly {
  background: rgba(0,0,0,0.5);
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.btn12 .fa {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: transparent;
  display: block;
  line-height: 40px;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  width: 40px;
  height: 40px;
  top: 80px;
  transform: scale(0);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 0;
}

.crp-tile.btn12 .fa:hover {
  background: rgba(256,256,256,1);
}

.crp-tile.btn12 .ic-link {
  left: 50%;
  top:50%;
  margin-left: -45px;
  margin-top: -20px;
}

.crp-tile.btn12 .ic-search {
  left: 50%;
  top:50%;
  margin-left: 5px;
  margin-top: -20px;
}

.crp-tile.btn12:hover .fa {
  opacity: 1;
  transform: scale(1.1);
  /*color: rgba(50, 50, 50, 0.9);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 0 5px 25px #fff inset;
  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 0 5px 25px #fff inset;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 0 5px 25px #fff inset;*/
}

.crp-tile.btn12:hover .ovrly {
  opacity: 1;
}
/* Button 12 [ END ]....*/
.crp-tile.btn13 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.crp-tile.btn13 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.btn13 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.crp-tile.btn13 .ovrly {
  background: rgba(0,0,0,0.5);
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.btn13 .fa {
  background: rgba(256, 256, 256, 0.9);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: rgba(50, 50, 50, 0.9);
  opacity: 0;
  display: block;
  line-height: 40px;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  width: 40px;
  height: 40px;
  -webkit-transform: rotateZ(180deg);
  -moz-transform: rotateZ(180deg);
  -ms-transform: rotateZ(180deg);
  -o-transform: rotateZ(180deg);
  transform: rotateZ(180deg);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.btn13 .fa:hover {
  background: rgba(256,256,256,1);
}

.crp-tile.btn13 .ic-link {
  left: 50%;
  top:50%;
  margin-left: -45px;
  margin-top: -20px;
}

.crp-tile.btn13 .ic-search {
  left: 50%;
  top:50%;
  margin-left: 5px;
  margin-top: -20px;
}

.crp-tile.btn13 .ic-link {
  -webkit-transform-origin: left bottom;
  -moz-transform-origin: left bottom;
  -ms-transform-origin: left bottom;
  -o-transform-origin: left bottom;
  transform-origin: left bottom;
}

.crp-tile.btn13 .ic-search {
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  -o-transform-origin: right top;
  transform-origin: right top;
}

.crp-tile.btn13:hover .fa {
  opacity: 1;
  -webkit-transform: rotateZ(0deg);
  -moz-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  -o-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
}


.crp-tile.btn13:hover .ovrly {
  opacity: 1;
}
/* Button 13 [ END ]....*/
.crp-tile.btn14 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.crp-tile.btn14 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.btn14 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.crp-tile.btn14 .ovrly {
  background: rgba(0,0,0,0.5);
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.btn14 .fa {
  background: rgba(256, 256, 256, 0.9);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: rgba(50, 50, 50, 0.9);
  opacity: 0;
  display: block;
  line-height: 40px;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  width: 40px;
  height: 40px;
  top: 80px;
  -webkit-transform: rotateZ(180deg);
  -moz-transform: rotateZ(180deg);
  -ms-transform: rotateZ(180deg);
  -o-transform: rotateZ(180deg);
  transform: rotateZ(180deg);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.btn14 .fa:hover {
  background: rgba(256,256,256,1);
}

.crp-tile.btn14 .ic-link {
  left: 50%;
  top:50%;
  margin-left: -45px;
  margin-top: -20px;
}

.crp-tile.btn14 .ic-search {
  left: 50%;
  top:50%;
  margin-left: 5px;
  margin-top: -20px;
}

.crp-tile.btn14 .ic-link {
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
}

.crp-tile.btn14 .ic-search {
  -webkit-transform-origin: right bottom;
  -moz-transform-origin: right bottom;
  -ms-transform-origin: right bottom;
  -o-transform-origin: right bottom;
  transform-origin: right bottom;
}

.crp-tile.btn14:hover .fa {
  opacity: 1;
  -webkit-transform: rotateZ(0deg);
  -moz-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  -o-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
}

.crp-tile.btn14:hover .ovrly {
  opacity: 1;
}
/* Button 14 [ END ]....*/

.crp-tile.btn15 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.crp-tile.btn15 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.btn15 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.crp-tile.btn15 .ovrly {
  background: rgba(0,0,0,0.5);
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  opacity: 0;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.crp-tile.btn15 .fa {
  background: rgba(256, 256, 256, 0.9);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: rgba(50, 50, 50, 0.9);
  display: block;
  line-height: 40px;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  width: 40px;
  height: 40px;
  top: 80px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.btn15 .fa:hover {
  background: rgba(256,256,256,1);
}

.crp-tile.btn15 .ic-link {
  left: -20%;
  top:50%;
  margin-left: -40px;
  margin-top: -20px;
}

.crp-tile.btn15 .ic-search {
  left: 120%;
  top:50%;
  margin-left: 0px;
  margin-top: -20px;
}

.crp-tile.btn15 .ic-link {
  -webkit-transform: rotateZ(0deg);
  -moz-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  -o-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
}

.crp-tile.btn15 .ic-search {
  -webkit-transform: rotateZ(360deg);
  -moz-transform: rotateZ(360deg);
  -ms-transform: rotateZ(360deg);
  -o-transform: rotateZ(360deg);
  transform: rotateZ(360deg);
}

.crp-tile.btn15:hover .ic-link {
  left: 50%;
  margin-left: -45px;
  -webkit-transform: rotateZ(360deg);
  -moz-transform: rotateZ(360deg);
  -ms-transform: rotateZ(360deg);
  -o-transform: rotateZ(360deg);
  transform: rotateZ(360deg);
}

.crp-tile.btn15:hover .ic-search {
  left: 50%;
  margin-left: 5px;
  -webkit-transform: rotateZ(0deg);
  -moz-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  -o-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
}

.crp-tile.btn15:hover .ovrly {
  opacity: 1;
}
/* Button 15 [ END ]....*/
.crp-tile.btn16 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.crp-tile.btn16 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.btn16 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.crp-tile.btn16 .ovrly {
  background: rgba(0,0,0,0.5);
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  opacity: 0;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.crp-tile.btn16 .fa {
  background: rgba(256, 256, 256, 0.9);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: rgba(50, 50, 50, 0.9);
  display: block;
  line-height: 40px;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  width: 40px;
  height: 40px;
  top: 80px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.btn16 .fa:hover {
  background: rgba(256,256,256,1);
}

.crp-tile.btn16 .ic-link {
  left: 50%;
  top:0%;
  margin-left: -45px;
  margin-top: -40px;
}

.crp-tile.btn16 .ic-search {
  left: 50%;
  top:100%;
  margin-left: 5px;
  margin-top: 0px;
}

.crp-tile.btn16 .ic-link {
  -webkit-transform: rotateZ(0deg);
  -moz-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  -o-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
}

.crp-tile.btn16 .ic-search {
  -webkit-transform: rotateZ(360deg);
  -moz-transform: rotateZ(360deg);
  -ms-transform: rotateZ(360deg);
  -o-transform: rotateZ(360deg);
  transform: rotateZ(360deg);
}

.crp-tile.btn16:hover .ic-link {
  top:50%;
  margin-top: -20px;
  -webkit-transform: rotateZ(360deg);
  -moz-transform: rotateZ(360deg);
  -ms-transform: rotateZ(360deg);
  -o-transform: rotateZ(360deg);
  transform: rotateZ(360deg);
}

.crp-tile.btn16:hover .ic-search {
  top:50%;
  margin-top: -20px;
  -webkit-transform: rotateZ(0deg);
  -moz-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  -o-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
}

.crp-tile.btn16:hover .ovrly {
  opacity: 1;
}
/* Button 16 [ END ]....*/
.crp-tile.btn17 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.crp-tile.btn17 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.btn17 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.crp-tile.btn17 .ovrly {
  background: rgba(0,0,0,0.5);
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.btn17 .fa {
  background: rgba(256, 256, 256, 0.9);
  color: rgba(50, 50, 50, 0.9);
  display: block;
  line-height: 40px;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  width: 40px;
  height: 40px;
  top: 80px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0;
  -webkit-transform: rotateZ(360deg);
  -moz-transform: rotateZ(360deg);
  -ms-transform: rotateZ(360deg);
  -o-transform: rotateZ(360deg);
  transform: rotateZ(360deg);
}

.crp-tile.btn17 .fa:hover {
  background: rgba(256,256,256,1);
}

.crp-tile.btn17 .ic-link {
  left: 50%;
  top:50%;
  margin-left: -45px;
  margin-top: -20px;
}

.crp-tile.btn17 .ic-search {
  left: 50%;
  top:50%;
  margin-left: 5px;
  margin-top: -20px;
}

.crp-tile.btn17:hover .fa {
  opacity: 1;
  -webkit-transform: rotateZ(0deg);
  -moz-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  -o-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
}

.crp-tile.btn17:hover .ovrly {
  opacity: 1;
}
/* Button 17 [ END ]....*/
.crp-tile.btn18 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.crp-tile.btn18 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.btn18 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.crp-tile.btn18 .ovrly {
  background: rgba(0,0,0,0.5);
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.btn18 .fa {
  background: rgba(256, 256, 256, 0.9);
  color: rgba(50, 50, 50, 0.9);
  display: block;
  line-height: 40px;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  width: 40px;
  height: 40px;
  top: 80px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0;
  -webkit-transform: rotateZ(-360deg);
  -moz-transform: rotateZ(-360deg);
  -ms-transform: rotateZ(-360deg);
  -o-transform: rotateZ(-360deg);
  transform: rotateZ(-360deg);
}

.crp-tile.btn18 .fa:hover {
  background: rgba(256,256,256,1);
}

.crp-tile.btn18 .ic-link {
  left: 50%;
  top:50%;
  margin-left: -45px;
  margin-top: -20px;
}

.crp-tile.btn18 .ic-search {
  left: 50%;
  top:50%;
  margin-left: 5px;
  margin-top: -20px;
}

.crp-tile.btn18:hover .fa {
  opacity: 1;
  -webkit-transform: rotateZ(0deg);
  -moz-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  -o-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
}

.crp-tile.btn18:hover .ovrly {
  opacity: 1;
}
/* Button 18 [ END ]....*/
.crp-tile.btn19 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;  
}

.crp-tile.btn19 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.btn19 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.crp-tile.btn19 .ovrly {
  background: rgba(0,0,0,0.5);
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.btn19 .fa {
  background: rgba(256, 256, 256, 0.9); 
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  color: rgba(50, 50, 50, 0.9);
  display: block;
  line-height: 40px;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  width: 40px;
  height: 40px;
  top: 80px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0;
}

.crp-tile.btn19 .fa:hover {
  background: rgba(256,256,256,1);
}

.crp-tile.btn19 .ic-link {
  left: 50%;
  top:50%;
  margin-left: -45px;
  margin-top: -20px;
}

.crp-tile.btn19 .ic-search {
  left: 50%;
  top:50%;
  margin-left: 5px;
  margin-top: -20px;
}

.crp-tile.btn19:hover .fa {
  opacity: 1;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.crp-tile.btn19:hover .ovrly {
  opacity: 1;
}
/* Button 19 [ END ]....*/
.crp-tile.btn20 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.crp-tile.btn20 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.btn20 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.crp-tile.btn20 .ovrly {
  background: rgba(0,0,0,0.5);
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.btn20 .fa {
  background: rgba(256, 256, 256, 0.9);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: rgba(50, 50, 50, 0.9);
  display: block;
  line-height: 40px;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  width: 40px;
  height: 40px;
  top: 80px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0;
}

.crp-tile.btn20 .fa:hover {
  background: rgba(256,256,256,1);
}

.crp-tile.btn20 .ic-link {
  left: 50%;
  top:50%;
  margin-left: -45px;
  margin-top: -20px;
}

.crp-tile.btn20 .ic-search {
  left: 50%;
  top:50%;
  margin-left: 5px;
  margin-top: -20px;
}

.crp-tile.btn20:hover .fa {
  opacity: 1;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.crp-tile.btn20:hover .ovrly {
  opacity: 1;
}
/* Button 20 [ END ]....*/
.crp-tile.btn21 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.crp-tile.btn21 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.btn21 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.crp-tile.btn21 .ovrly {
  background: rgba(0,0,0,0.5);
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.btn21 .fa {
  background: rgba(256, 256, 256, 0.9);
  color: rgba(50, 50, 50, 0.9);
  display: block;
  line-height: 40px;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  width: 40px;
  height: 40px;
  top: 80px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform: scaleX(0);
}

.crp-tile.btn21 .fa:hover {
  background: rgba(256,256,256,1);
}

.crp-tile.btn21 .ic-link {
  left: 50%;
  top:50%;
  margin-left: -45px;
  margin-top: -20px;
}

.crp-tile.btn21 .ic-search {
  left: 50%;
  top:50%;
  margin-left: 5px;
  margin-top: -20px;
}

.crp-tile.btn21:hover .fa {
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -o-transform: scaleX(1);
  transform: scaleX(1);
}

.crp-tile.btn21:hover .ovrly {
  opacity: 1;
}
/* Button 21 [ END ]....*/
.crp-tile.btn22 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.crp-tile.btn22 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.btn22 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.crp-tile.btn22 .ovrly {
  background: rgba(0,0,0,0.5);
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.btn22 .fa {
  background: rgba(256, 256, 256, 0.9);
  color: rgba(50, 50, 50, 0.9);
  display: block;
  line-height: 40px;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  width: 40px;
  height: 40px;
  top: 80px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -o-transform: scaleY(0);
  transform: scaleY(0);
}

.crp-tile.btn22 .fa:hover {
  background: rgba(256,256,256,1);
}

.crp-tile.btn22 .ic-link {
  left: 50%;
  top:50%;
  margin-left: -45px;
  margin-top: -20px;
}

.crp-tile.btn22 .ic-search {
  left: 50%;
  top:50%;
  margin-left: 5px;
  margin-top: -20px;
}

.crp-tile.btn22:hover .fa {
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -o-transform: scaleY(1);
  transform: scaleY(1);
}

.crp-tile.btn22:hover .ovrly {
  opacity: 1;
}
/* Button 22 [ END ]....*/
.crp-tile.ovrly01 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  
}

.crp-tile.ovrly01 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.ovrly01 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.crp-tile.ovrly01 .ovrlyT {
  background: rgba(0, 0, 0, 0.25);
  height: 100%;
  left: 0;
  top: -100%;
  width: 100%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.ovrly01 .ovrlyB {
  background: rgba(0, 0, 0, 0.25);
  height: 100%;
  left: 0;
  top: 100%;
  width: 100%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.ovrly01 .fa {
  background: rgba(256, 256, 256, 0.9);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: rgba(50, 50, 50, 0.9);
  display: block;
  line-height: 40px;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  width: 40px;
  height: 40px;
  top: 80px;
  -webkit-transition: opacity 0.5s 0.0s;
  -moz-transition: opacity 0.5s 0.0s;
  -o-transition: opacity 0.5s 0.0s;
  transition: opacity 0.5s 0.0s;
  opacity: 0;
}

.crp-tile.ovrly01 .fa:hover {
  background: rgba(256,256,256,1);
}

.crp-tile.ovrly01 .ic-link {
  left: 50%;
  top:50%;
  margin-left: -45px;
  margin-top: -20px;
}

.crp-tile.ovrly01 .ic-search {
  left: 50%;
  top:50%;
  margin-left: 5px;
  margin-top: -20px;
}

.crp-tile.ovrly01:hover .ovrlyT {
  top: 0;
}

.crp-tile.ovrly01:hover .ovrlyB {
  top: 0;
}

.crp-tile.ovrly01:hover .fa {
  opacity: 1;
}
/* Overlay 01 [ END ]....*/
.crp-tile.ovrly02 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.crp-tile.ovrly02 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.ovrly02 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.crp-tile.ovrly02 .ovrlyL {
  background: rgba(0, 0, 0, 0.25);
  height: 100%;
  left: -100%;
  top: 0;
  width: 100%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.ovrly02 .ovrlyR {
  background: rgba(0, 0, 0, 0.25);
  height: 100%;
  left: 100%;
  top: 0;
  width: 100%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.ovrly02 .fa {
  background: rgba(256, 256, 256, 0.9);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: rgba(50, 50, 50, 0.9);
  display: block;
  line-height: 40px;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  width: 40px;
  height: 40px;
  top: 80px;
  -webkit-transition: opacity 0.5s 0.0s;
  -moz-transition: opacity 0.5s 0.0s;
  -o-transition: opacity 0.5s 0.0s;
  transition: opacity 0.5s 0.0s;
  opacity: 0;
}

.crp-tile.ovrly02 .fa:hover {
  background: rgba(256,256,256,1);
}

.crp-tile.ovrly02 .ic-link {
  left: 50%;
  top:50%;
  margin-left: -45px;
  margin-top: -20px;
}

.crp-tile.ovrly02 .ic-search {
  left: 50%;
  top:50%;
  margin-left: 5px;
  margin-top: -20px;
}

.crp-tile.ovrly02:hover .ovrlyL {
  left: 0;
}

.crp-tile.ovrly02:hover .ovrlyR {
  left: 0;
}

.crp-tile.ovrly02:hover .fa {
  opacity: 1;
}
/* Overlay 02 [ END ]....*/
.crp-tile.ovrly03 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.crp-tile.ovrly03 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.ovrly03 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.crp-tile.ovrly03 .ovrlyT {
  background: rgba(0, 0, 0, 0.25);
  height: 100%;
  left: -100%;
  top: -100%;
  width: 100%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.ovrly03 .ovrlyB {
  background: rgba(0, 0, 0, 0.25);
  height: 100%;
  left: 100%;
  top: 100%;
  width: 100%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.ovrly03 .fa {
  background: rgba(256, 256, 256, 0.9);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: rgba(50, 50, 50, 0.9);
  display: block;
  line-height: 40px;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  width: 40px;
  height: 40px;
  top: 80px;
  -webkit-transition: opacity 0.5s 0.0s;
  -moz-transition: opacity 0.5s 0.0s;
  -o-transition: opacity 0.5s 0.0s;
  transition: opacity 0.5s 0.0s;
  opacity: 0;
}

.crp-tile.ovrly03 .fa:hover {
  background: rgba(256,256,256,1);
}

.crp-tile.ovrly03 .ic-link {
  left: 50%;
  top:50%;
  margin-left: -45px;
  margin-top: -20px;
}

.crp-tile.ovrly03 .ic-search {
  left: 50%;
  top:50%;
  margin-left: 5px;
  margin-top: -20px;
}

.crp-tile.ovrly03:hover .ovrlyT {
  left: 0;
  top: 0;
}

.crp-tile.ovrly03:hover .ovrlyB {
  left: 0;
  top: 0;
}

.crp-tile.ovrly03:hover .fa {
  opacity: 1;
}
/* Overlay 03 [ END ]....*/
.crp-tile.ovrly04 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative; 
}

.crp-tile.ovrly04 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.ovrly04 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.crp-tile.ovrly04 .ovrlyT {
  background: rgba(0, 0, 0, 0.25);
  height: 100%;
  left: 100%;
  top: -100%;
  width: 100%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.ovrly04 .ovrlyB {
  background: rgba(0, 0, 0, 0.25);
  height: 100%;
  left: -100%;
  top: 100%;
  width: 100%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.ovrly04 .fa {
  background: rgba(256, 256, 256, 0.9);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: rgba(50, 50, 50, 0.9);
  display: block;
  line-height: 40px;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  width: 40px;
  height: 40px;
  top: 80px;
  -webkit-transition: opacity 0.5s 0.0s;
  -moz-transition: opacity 0.5s 0.0s;
  -o-transition: opacity 0.5s 0.0s;
  transition: opacity 0.5s 0.0s;
  opacity: 0;
}

.crp-tile.ovrly04 .fa:hover {
  background: rgba(256,256,256,1);
}

.crp-tile.ovrly04 .ic-link {
  left: 50%;
  top:50%;
  margin-left: -45px;
  margin-top: -20px;
}

.crp-tile.ovrly04 .ic-search {
  left: 50%;
  top:50%;
  margin-left: 5px;
  margin-top: -20px;
}

.crp-tile.ovrly04:hover .ovrlyT {
  left: 0;
  top: 0;
}

.crp-tile.ovrly04:hover .ovrlyB {
  left: 0;
  top: 0;
}

.crp-tile.ovrly04:hover .fa {
  opacity: 1;
}
/* Overlay 04 [ END ]....*/
.crp-tile.ovrly05 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.crp-tile.ovrly05 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.ovrly05 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.crp-tile.ovrly05 .ovrlyT {
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  left: -100%;
  top: -100%;
  -webkit-transform: rotateZ(325deg);
  -moz-transform: rotateZ(325deg);
  -ms-transform: rotateZ(325deg);
  -o-transform: rotateZ(325deg);
  transform: rotateZ(325deg);
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.crp-tile.ovrly05 .ovrlyB {
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  left: 200%;
  top: 200%;
  -webkit-transform: rotateZ(325deg);
  -moz-transform: rotateZ(325deg);
  -ms-transform: rotateZ(325deg);
  -o-transform: rotateZ(325deg);
  transform: rotateZ(325deg);
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.crp-tile.ovrly05 .fa {
  background: rgba(256, 256, 256, 0.9);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: rgba(50, 50, 50, 0.9);
  display: block;
  line-height: 40px;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  width: 40px;
  height: 40px;
  top: 80px;
  -webkit-transition: opacity 0.5s 0.0s;
  -moz-transition: opacity 0.5s 0.0s;
  -o-transition: opacity 0.5s 0.0s;
  transition: opacity 0.5s 0.0s;
  opacity: 0;
}

.crp-tile.ovrly05 .fa:hover {
  background: rgba(256,256,256,1);
}

.crp-tile.ovrly05 .ic-link {
  left: 50%;
  top:50%;
  margin-left: -45px;
  margin-top: -20px;
}

.crp-tile.ovrly05 .ic-search {
  left: 50%;
  top:50%;
  margin-left: 5px;
  margin-top: -20px;
}

.crp-tile.ovrly05:hover .ovrlyT {
  left: -50%;
  top: 0%;
}

.crp-tile.ovrly05:hover .ovrlyB {
  left: 50%;
  top: 0%;
}

.crp-tile.ovrly05:hover .fa {
  opacity: 1;
}
/* Overlay 05 [ END ]....*/
.crp-tile.ovrly06 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  
  
  
}

.crp-tile.ovrly06 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.ovrly06 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.crp-tile.ovrly06 .ovrlyT {
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  left: -100%;
  top: -100%;
  -webkit-transform: rotateZ(325deg);
  -moz-transform: rotateZ(325deg);
  -ms-transform: rotateZ(325deg);
  -o-transform: rotateZ(325deg);
  transform: rotateZ(325deg);
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.crp-tile.ovrly06 .ovrlyB {
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  left: 200%;
  top: 200%;
  -webkit-transform: rotateZ(325deg);
  -moz-transform: rotateZ(325deg);
  -ms-transform: rotateZ(325deg);
  -o-transform: rotateZ(325deg);
  transform: rotateZ(325deg);
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.crp-tile.ovrly06 .fa {
  background: rgba(256, 256, 256, 0.9);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: rgba(50, 50, 50, 0.9);
  display: block;
  line-height: 40px;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  width: 40px;
  height: 40px;
  top: 80px;
  -webkit-transition: all 0.2s 0.3s;
  -moz-transition: all 0.2s 0.3s;
  -o-transition: all 0.2s 0.3s;
  transition: all 0.2s 0.3s;
  opacity: 0;
}

.crp-tile.ovrly06 .fa:hover {
  background: rgba(256,256,256,1);
}

.crp-tile.ovrly06 .ic-link {
  left: 50%;
  top:50%;
  margin-left: -45px;
  margin-top: -20px;
}

.crp-tile.ovrly06 .ic-search {
  left: 50%;
  top:50%;
  margin-left: 5px;
  margin-top: -20px;
}

.crp-tile.ovrly06:hover .ovrlyT {
  left: -50%;
  top: 0%;
}

.crp-tile.ovrly06:hover .ovrlyB {
  left: 50%;
  top: 0%;
}

.crp-tile.ovrly06:hover .fa {
  opacity: 1;
}
/* Overlay 06 [ END ]....*/
.crp-tile.ovrly07 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.crp-tile.ovrly07 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.ovrly07 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.crp-tile.ovrly07 .ovrlyT {
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 50%;
  left: 0;
  top: -50%;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.crp-tile.ovrly07 .ovrlyB {
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 50%;
  left: 0;
  top: 100%;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.crp-tile.ovrly07 .fa {
  background: rgba(256, 256, 256, 0.9);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: rgba(50, 50, 50, 0.9);
  display: block;
  line-height: 40px;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  width: 40px;
  height: 40px;
  top: 80px;
  -webkit-transition: opacity 0.5s 0.0s;
  -moz-transition: opacity 0.5s 0.0s;
  -o-transition: opacity 0.5s 0.0s;
  transition: opacity 0.5s 0.0s;
  opacity: 0;
}

.crp-tile.ovrly07 .fa:hover {
  background: rgba(256,256,256,1);
}

.crp-tile.ovrly07 .ic-link {
  left: 50%;
  top:50%;
  margin-left: -45px;
  margin-top: -20px;
}

.crp-tile.ovrly07 .ic-search {
  left: 50%;
  top:50%;
  margin-left: 5px;
  margin-top: -20px;
}

.crp-tile.ovrly07:hover .ovrlyT {
  top: 0;
}

.crp-tile.ovrly07:hover .ovrlyB {
  top: 50%;
}

.crp-tile.ovrly07:hover .fa {
  opacity: 1;
}
/* Overlay 07 [ END ]....*/
.crp-tile.ovrly08 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.crp-tile.ovrly08 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.ovrly08 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.crp-tile.ovrly08 .ovrlyL {
  background: rgba(0, 0, 0, 0.5);
  width: 50%;
  height: 100%;
  top: 0;
  left: -50%;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.crp-tile.ovrly08 .ovrlyR {
  background: rgba(0, 0, 0, 0.5);
  width: 50%;
  height: 100%;
  left: 100%;
  top: 0;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.crp-tile.ovrly08 .fa {
  background: rgba(256, 256, 256, 0.9);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: rgba(50, 50, 50, 0.9);
  display: block;
  line-height: 40px;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  width: 40px;
  height: 40px;
  top: 80px;
  -webkit-transition: all 0.2s 0.3s;
  -moz-transition: all 0.2s 0.3s;
  -o-transition: all 0.2s 0.3s;
  transition: all 0.2s 0.3s;
  opacity: 0;
}

.crp-tile.ovrly08 .fa:hover {
  background: rgba(256,256,256,1);
}

.crp-tile.ovrly08 .ic-link {
  left: 50%;
  top:50%;
  margin-left: -45px;
  margin-top: -20px;
}

.crp-tile.ovrly08 .ic-search {
  left: 50%;
  top:50%;
  margin-left: 5px;
  margin-top: -20px;
}

.crp-tile.ovrly08:hover .ovrlyL {
  left: 0;
}

.crp-tile.ovrly08:hover .ovrlyR {
  left: 50%;
}

.crp-tile.ovrly08:hover .fa {
  opacity: 1;
}
/* Overlay 08 [ END ]....*/
.crp-tile.ovrly09 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative; 
}

.crp-tile.ovrly09 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.ovrly09 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.crp-tile.ovrly09 .ovrly {
  background: rgba(0, 0, 0, 0.5);
  height: 100%;
  left: -230%;
  width: 190%;
  -webkit-transform: skewX(-45deg);
  -moz-transform: skewX(-45deg);
  -ms-transform: skewX(-45deg);
  -o-transform: skewX(-45deg);
  transform: skewX(-45deg);
  -webkit-transition: all 0.7s;
  -moz-transition: all 0.7s;
  -o-transition: all 0.7s;
  transition: all 0.7s;
}

.crp-tile.ovrly09 .fa {
  background: rgba(256, 256, 256, 0.9);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: rgba(50, 50, 50, 0.9);
  display: block;
  line-height: 40px;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  width: 40px;
  height: 40px;
  top: 80px;
  -webkit-transition: opacity 0.5s 0.0s;
  -moz-transition: opacity 0.5s 0.0s;
  -o-transition: opacity 0.5s 0.0s;
  transition: opacity 0.5s 0.0s;
  opacity: 0;
}

.crp-tile.ovrly09 .fa:hover {
  background: rgba(256,256,256,1);
}

.crp-tile.ovrly09 .ic-link {
  left: 50%;
  top:50%;
  margin-left: -45px;
  margin-top: -20px;
}

.crp-tile.ovrly09 .ic-search {
  left: 50%;
  top:50%;
  margin-left: 5px;
  margin-top: -20px;
}


.crp-tile.ovrly09:hover .ovrly {
  left: -40%;
}

.crp-tile.ovrly09:hover .fa {
  opacity: 1;
}
/* Overlay 09 [ END ]....*/
.crp-tile.ovrly10 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.crp-tile.ovrly10 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.ovrly10 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.crp-tile.ovrly10 .ovrly {
  background: rgba(0, 0, 0, 0.5);
  height: 110%;
  left: 180%;
  width: 200%;
  -webkit-transform: skewX(45deg);
  -moz-transform: skewX(45deg);
  -ms-transform: skewX(45deg);
  -o-transform: skewX(45deg);
  transform: skewX(45deg);
  -webkit-transition: all 0.7s;
  -moz-transition: all 0.7s;
  -o-transition: all 0.7s;
  transition: all 0.7s;
}

.crp-tile.ovrly10 .fa {
  background: rgba(256, 256, 256, 0.9);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: rgba(50, 50, 50, 0.9);
  display: block;
  line-height: 40px;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  width: 40px;
  height: 40px;
  top: 80px;
  -webkit-transition: opacity 0.5s 0.0s;
  -moz-transition: opacity 0.5s 0.0s;
  -o-transition: opacity 0.5s 0.0s;
  transition: opacity 0.5s 0.0s;
  opacity: 0;
}

.crp-tile.ovrly10 .fa:hover {
  background: rgba(256,256,256,1);
}

.crp-tile.ovrly10 .ic-link {
  left: 50%;
  top:50%;
  margin-left: -45px;
  margin-top: -20px;
}

.crp-tile.ovrly10 .ic-search {
  left: 50%;
  top:50%;
  margin-left: 5px;
  margin-top: -20px;
}

.crp-tile.ovrly10:hover .ovrly {
  left: -40%;
}

.crp-tile.ovrly10:hover .fa {
  opacity: 1;
}
/* Overlay 10 [ END ]....*/
.crp-tile.ovrly11 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.crp-tile.ovrly11 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.ovrly11 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.crp-tile.ovrly11 .ovrly {
  background: rgba(0, 0, 0, 0.5);
  height: 120%;
  left: 130%;
  width: 210%;
  -webkit-transform: skewX(-45deg);
  -moz-transform: skewX(-45deg);
  -ms-transform: skewX(-45deg);
  -o-transform: skewX(-45deg);
  transform: skewX(-45deg);
  -webkit-transition: all 0.7s;
  -moz-transition: all 0.7s;
  -o-transition: all 0.7s;
  transition: all 0.7s;
}

.crp-tile.ovrly11 .fa {
  background: rgba(256, 256, 256, 0.9);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: rgba(50, 50, 50, 0.9);
  display: block;
  line-height: 40px;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  width: 40px;
  height: 40px;
  top: 80px;
  -webkit-transition: opacity 0.5s 0.0s;
  -moz-transition: opacity 0.5s 0.0s;
  -o-transition: opacity 0.5s 0.0s;
  transition: opacity 0.5s 0.0s;
  opacity: 0;
}

.crp-tile.ovrly11 .fa:hover {
  background: rgba(256,256,256,1);
}

.crp-tile.ovrly11 .ic-link {
  left: 50%;
  top:50%;
  margin-left: -45px;
  margin-top: -20px;
}

.crp-tile.ovrly11 .ic-search {
  left: 50%;
  top:50%;
  margin-left: 5px;
  margin-top: -20px;
}

.crp-tile.ovrly11:hover .ovrly {
  left: -45%;
}

.crp-tile.ovrly11:hover .fa {
  opacity: 1;
}
/* Overlay 11 [ END ]....*/
.crp-tile.ovrly12 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.crp-tile.ovrly12 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.ovrly12 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.crp-tile.ovrly12 .ovrly {
  background: rgba(0, 0, 0, 0.5);
  height: 120%;
  left: -250%;
  width: 210%;
  -webkit-transform: skewX(45deg);
  -moz-transform: skewX(45deg);
  -ms-transform: skewX(45deg);
  -o-transform: skewX(45deg);
  transform: skewX(45deg);
  -webkit-transition: all 0.7s;
  -moz-transition: all 0.7s;
  -o-transition: all 0.7s;
  transition: all 0.7s;
}

.crp-tile.ovrly12 .fa {
  background: rgba(256, 256, 256, 0.9);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: rgba(50, 50, 50, 0.9);
  display: block;
  line-height: 40px;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  width: 40px;
  height: 40px;
  top: 80px;
  -webkit-transition: opacity 0.5s 0.0s;
  -moz-transition: opacity 0.5s 0.0s;
  -o-transition: opacity 0.5s 0.0s;
  transition: opacity 0.5s 0.0s;
  opacity: 0;
}

.crp-tile.ovrly12 .fa:hover {
  background: rgba(256,256,256,1);
}

.crp-tile.ovrly12 .ic-link {
  left: 50%;
  top:50%;
  margin-left: -45px;
  margin-top: -20px;
}

.crp-tile.ovrly12 .ic-search {
  left: 50%;
  top:50%;
  margin-left: 5px;
  margin-top: -20px;
}

.crp-tile.ovrly12:hover .ovrly {
  left: -45%;
}

.crp-tile.ovrly12:hover .fa {
  opacity: 1;
}
/* Overlay 12 [ END ]....*/
.crp-tile.ovrly13 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  
  
  
}

.crp-tile.ovrly13 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.ovrly13 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.crp-tile.ovrly13 .ovrly {
  background: rgba(0,0,0,0.5);
  height: 100%;
  width: 100%;
  left: 0;
  top: -100%;
  -webkit-transition: all 0.3s cubic-bezier(0.815, 1.650, 0.400, 0.680);
  -moz-transition: all 0.3s cubic-bezier(0.815, 1.650, 0.400, 0.680);
  -o-transition: all 0.3s cubic-bezier(0.815, 1.650, 0.400, 0.680);
  transition: all 0.3s cubic-bezier(0.815, 1.650, 0.400, 0.680);
}

.crp-tile.ovrly13 .fa {
  background: rgba(256, 256, 256, 0.9);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: rgba(50, 50, 50, 0.9);
  display: block;
  line-height: 40px;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  width: 40px;
  height: 40px;
  top: 80px;
  -webkit-transition: opacity 0.5s 0.0s;
  -moz-transition: opacity 0.5s 0.0s;
  -o-transition: opacity 0.5s 0.0s;
  transition: opacity 0.5s 0.0s;
  opacity: 0;
}

.crp-tile.ovrly13 .fa:hover {
  background: rgba(256,256,256,1);
}

.crp-tile.ovrly13 .ic-link {
  left: 50%;
  top:50%;
  margin-left: -45px;
  margin-top: -20px;
}

.crp-tile.ovrly13 .ic-search {
  left: 50%;
  top:50%;
  margin-left: 5px;
  margin-top: -20px;
}

.crp-tile.ovrly13:hover .ovrly {
  top: 0;
}

.crp-tile.ovrly13:hover .fa {
  opacity: 1;
}
/* Overlay 13 [ END ]....*/
.crp-tile.ovrly14 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.crp-tile.ovrly14 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.ovrly14 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.crp-tile.ovrly14 .ovrly {
  background: rgba(0, 0, 0, 0.5);
  height: 100%;
  left: 0;
  top: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  width: 100%;
  -webkit-transition: all 0.3s cubic-bezier(0.815, 1.650, 0.400, 0.680);
  -moz-transition: all 0.3s cubic-bezier(0.815, 1.650, 0.400, 0.680);
  -o-transition: all 0.3s cubic-bezier(0.815, 1.650, 0.400, 0.680);
  transition: all 0.3s cubic-bezier(0.815, 1.650, 0.400, 0.680);
}

.crp-tile.ovrly14 .fa {
  background: rgba(256, 256, 256, 0.9);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: rgba(50, 50, 50, 0.9);
  display: block;
  line-height: 40px;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  width: 40px;
  height: 40px;
  top: 80px;
  -webkit-transition: opacity 0.5s 0.0s;
  -moz-transition: opacity 0.5s 0.0s;
  -o-transition: opacity 0.5s 0.0s;
  transition: opacity 0.5s 0.0s;
  opacity: 0;
}

.crp-tile.ovrly14 .fa:hover {
  background: rgba(256,256,256,1);
}

.crp-tile.ovrly14 .ic-link {
  left: 50%;
  top:50%;
  margin-left: -45px;
  margin-top: -20px;
}

.crp-tile.ovrly14 .ic-search {
  left: 50%;
  top:50%;
  margin-left: 5px;
  margin-top: -20px;
}

.crp-tile.ovrly14:hover .ovrly {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.crp-tile.ovrly14:hover .fa {
  opacity: 1;
}
/* Overlay 14 [ END ]....*/
.crp-tile.ovrly15 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.crp-tile.ovrly15 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.ovrly15 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.crp-tile.ovrly15 .ovrly {
  background: rgba(0, 0, 0, 0.5);
  height: 100%;
  left: 0;
  top: 0;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform: scaleX(0);
  width: 100%;
  -webkit-transition: all 0.3s cubic-bezier(0.815, 1.650, 0.400, 0.680);
  -moz-transition: all 0.3s cubic-bezier(0.815, 1.650, 0.400, 0.680);
  -o-transition: all 0.3s cubic-bezier(0.815, 1.650, 0.400, 0.680);
  transition: all 0.3s cubic-bezier(0.815, 1.650, 0.400, 0.680);
}

.crp-tile.ovrly15 .fa {
  background: rgba(256, 256, 256, 0.9);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: rgba(50, 50, 50, 0.9);
  display: block;
  line-height: 40px;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  width: 40px;
  height: 40px;
  top: 80px;
  -webkit-transition: opacity 0.5s 0.0s;
  -moz-transition: opacity 0.5s 0.0s;
  -o-transition: opacity 0.5s 0.0s;
  transition: opacity 0.5s 0.0s;
  opacity: 0;
}

.crp-tile.ovrly15 .fa:hover {
  background: rgba(256,256,256,1);
}

.crp-tile.ovrly15 .ic-link {
  left: 50%;
  top:50%;
  margin-left: -45px;
  margin-top: -20px;
}

.crp-tile.ovrly15 .ic-search {
  left: 50%;
  top:50%;
  margin-left: 5px;
  margin-top: -20px;
}

.crp-tile.ovrly15:hover .ovrly {
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -o-transform: scaleX(1);
  transform: scaleX(1);
}

.crp-tile.ovrly15:hover .fa {
  opacity: 1;
}
/* Overlay 15 [ END ]....*/
.crp-tile.ovrly16 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.crp-tile.ovrly16 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.ovrly16 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.crp-tile.ovrly16 .ovrly {
  background: rgba(0, 0, 0, 0.5);
  height: 100%;
  left: 0;
  top: 0;
  -webkit-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -o-transform: scaleY(0);
  transform: scaleY(0);
  width: 100%;
  -webkit-transition: all 0.3s cubic-bezier(0.815, 1.650, 0.400, 0.680);
  -moz-transition: all 0.3s cubic-bezier(0.815, 1.650, 0.400, 0.680);
  -o-transition: all 0.3s cubic-bezier(0.815, 1.650, 0.400, 0.680);
  transition: all 0.3s cubic-bezier(0.815, 1.650, 0.400, 0.680);
}

.crp-tile.ovrly16 .fa {
  background: rgba(256, 256, 256, 0.9);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: rgba(50, 50, 50, 0.9);
  display: block;
  line-height: 40px;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  width: 40px;
  height: 40px;
  top: 80px;
  -webkit-transition: opacity 0.5s 0.0s;
  -moz-transition: opacity 0.5s 0.0s;
  -o-transition: opacity 0.5s 0.0s;
  transition: opacity 0.5s 0.0s;
  opacity: 0;
}

.crp-tile.ovrly16 .fa:hover {
  background: rgba(256,256,256,1);
}

.crp-tile.ovrly16 .ic-link {
  left: 50%;
  top:50%;
  margin-left: -45px;
  margin-top: -20px;
}

.crp-tile.ovrly16 .ic-search {
  left: 50%;
  top:50%;
  margin-left: 5px;
  margin-top: -20px;
}


.crp-tile.ovrly16:hover .ovrly {
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -o-transform: scaleY(1);
  transform: scaleY(1);
}

.crp-tile.ovrly16:hover .fa {
  opacity: 1;
}
/* Overlay 16 [ END ]....*/
.crp-tile.ovrly17 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.crp-tile.ovrly17 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.ovrly17 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.crp-tile.ovrly17 .ovrly {
  background: -webkit-linear-gradient(top, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%);
  background: -moz-linear-gradient(top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%);
  background: -ms-linear-gradient(top, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%);
  background: -o-linear-gradient(top, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%);
  background: linear-gradient(to bottom, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%);
  height: 100%;
  width: 100%;
  left: 0;
  top: -100%;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.crp-tile.ovrly17 .fa {
  background: rgba(256, 256, 256, 0.9);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: rgba(50, 50, 50, 0.9);
  display: block;
  line-height: 40px;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  width: 40px;
  height: 40px;
  top: 80px;
  -webkit-transition: opacity 0.5s 0.0s;
  -moz-transition: opacity 0.5s 0.0s;
  -o-transition: opacity 0.5s 0.0s;
  transition: opacity 0.5s 0.0s;
  opacity: 0;
}

.crp-tile.ovrly17 .fa:hover {
  background: rgba(256,256,256,1);
}

.crp-tile.ovrly17 .ic-link {
  left: 50%;
  top:50%;
  margin-left: -45px;
  margin-top: -20px;
}

.crp-tile.ovrly17 .ic-search {
  left: 50%;
  top:50%;
  margin-left: 5px;
  margin-top: -20px;
}

.crp-tile.ovrly17:hover .ovrly {
  top: 0;
}

.crp-tile.ovrly17:hover .fa {
  opacity: 1;
}
/* Overlay 17 [ END ]....*/
.crp-tile.ovrly18 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  
}

.crp-tile.ovrly18 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.ovrly18 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.crp-tile.ovrly18 .ovrly {
  background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
  background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);
  background: -ms-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
  background: -o-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
  background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
  height: 100%;
  left: 100%;
  top: 0;
  width: 100%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.ovrly18 .fa {
  background: rgba(256, 256, 256, 0.9);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: rgba(50, 50, 50, 0.9);
  display: block;
  line-height: 40px;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  width: 40px;
  height: 40px;
  top: 80px;
  -webkit-transition: opacity 0.5s 0.0s;
  -moz-transition: opacity 0.5s 0.0s;
  -o-transition: opacity 0.5s 0.0s;
  transition: opacity 0.5s 0.0s;
  opacity: 0;
}

.crp-tile.ovrly18 .fa:hover {
  background: rgba(256,256,256,1);
}

.crp-tile.ovrly18 .ic-link {
  left: 50%;
  top:50%;
  margin-left: -45px;
  margin-top: -20px;
}

.crp-tile.ovrly18 .ic-search {
  left: 50%;
  top:50%;
  margin-left: 5px;
  margin-top: -20px;
}


.crp-tile.ovrly18:hover .ovrly {
  left: 0;
}

.crp-tile.ovrly18:hover .fa {
  opacity: 1;
}
/* Overlay 18 [ END ]....*/
.crp-tile.ovrly19 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.crp-tile.ovrly19 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.ovrly19 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.crp-tile.ovrly19 .ovrly {
  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
  background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);
  background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
  background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
  height: 100%;
  width: 100%;
  left: 0;
  top: 100%;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.crp-tile.ovrly19 .fa {
  background: rgba(256, 256, 256, 0.9);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: rgba(50, 50, 50, 0.9);
  display: block;
  line-height: 40px;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  width: 40px;
  height: 40px;
  top: 80px;
  -webkit-transition: opacity 0.5s 0.0s;
  -moz-transition: opacity 0.5s 0.0s;
  -o-transition: opacity 0.5s 0.0s;
  transition: opacity 0.5s 0.0s;
  opacity: 0;
}

.crp-tile.ovrly19 .fa:hover {
  background: rgba(256,256,256,1);
}

.crp-tile.ovrly19 .ic-link {
  left: 50%;
  top:50%;
  margin-left: -45px;
  margin-top: -20px;
}

.crp-tile.ovrly19 .ic-search {
  left: 50%;
  top:50%;
  margin-left: 5px;
  margin-top: -20px;
}


.crp-tile.ovrly19:hover .ovrly {
  top: 0;
}

.crp-tile.ovrly19:hover .fa {
  opacity: 1;
}
/* Overlay 19 [ END ]....*/
.crp-tile.ovrly20 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.crp-tile.ovrly20 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.ovrly20 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.crp-tile.ovrly20 .ovrly {
  background: -webkit-linear-gradient(left, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%);
  background: -moz-linear-gradient(left, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%);
  background: -ms-linear-gradient(left, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%);
  background: -o-linear-gradient(left, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%);
  background: linear-gradient(to right, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%);
  height: 100%;
  left: -100%;
  top: 0;
  width: 100%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.ovrly20 .fa {
  background: rgba(256, 256, 256, 0.9);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: rgba(50, 50, 50, 0.9);
  display: block;
  line-height: 40px;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  width: 40px;
  height: 40px;
  top: 80px;
  -webkit-transition: opacity 0.5s 0.0s;
  -moz-transition: opacity 0.5s 0.0s;
  -o-transition: opacity 0.5s 0.0s;
  transition: opacity 0.5s 0.0s;
  opacity: 0;
}

.crp-tile.ovrly20 .fa:hover {
  background: rgba(256,256,256,1);
}

.crp-tile.ovrly20 .ic-link {
  left: 50%;
  top:50%;
  margin-left: -45px;
  margin-top: -20px;
}

.crp-tile.ovrly20 .ic-search {
  left: 50%;
  top:50%;
  margin-left: 5px;
  margin-top: -20px;
}


.crp-tile.ovrly20:hover .ovrly {
  left: 0;
}

.crp-tile.ovrly20:hover .fa {
  opacity: 1;
}
/* Overlay 20 [ END ]....*/
.crp-tile.ovrly21 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.crp-tile.ovrly21 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.ovrly21 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.crp-tile.ovrly21 .ovrly {
  background: rgba(0,0,0,0.5);
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  opacity: 0;
  -webkit-transform: perspective(400px) rotateX(-90deg);
  -moz-transform: perspective(400px) rotateX(-90deg);
  -ms-transform: perspective(400px) rotateX(-90deg);
  -o-transform: perspective(400px) rotateX(-90deg);
  transform: perspective(400px) rotateX(-90deg);
  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  -ms-transform-origin: top;
  -o-transform-origin: top;
  transform-origin: top;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.ovrly21 .fa {
  background: rgba(256, 256, 256, 0.9);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: rgba(50, 50, 50, 0.9);
  display: block;
  line-height: 40px;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  width: 40px;
  height: 40px;
  top: 80px;
  -webkit-transition: opacity 0.5s 0.0s;
  -moz-transition: opacity 0.5s 0.0s;
  -o-transition: opacity 0.5s 0.0s;
  transition: opacity 0.5s 0.0s;
  opacity: 0;
}

.crp-tile.ovrly21 .fa:hover {
  background: rgba(256,256,256,1);
}

.crp-tile.ovrly21 .ic-link {
  left: 50%;
  top:50%;
  margin-left: -45px;
  margin-top: -20px;
}

.crp-tile.ovrly21 .ic-search {
  left: 50%;
  top:50%;
  margin-left: 5px;
  margin-top: -20px;
}


.crp-tile.ovrly21:hover .ovrly {
  opacity: 1;
  -webkit-transform: perspective(400px) rotateX(0deg);
  -moz-transform: perspective(400px) rotateX(0deg);
  -ms-transform: perspective(400px) rotateX(0deg);
  -o-transform: perspective(400px) rotateX(0deg);
  transform: perspective(400px) rotateX(0deg);
}

.crp-tile.ovrly21:hover .fa {
  opacity: 1;
}
/* Overlay 21 [ END ]....*/
.crp-tile.ovrly22 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative; 
}

.crp-tile.ovrly22 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.ovrly22 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.crp-tile.ovrly22 .ovrly {
  background: rgba(0,0,0,0.5);
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  opacity: 0;
  -webkit-transform: perspective(400px) rotateY(-90deg);
  -moz-transform: perspective(400px) rotateY(-90deg);
  -ms-transform: perspective(400px) rotateY(-90deg);
  -o-transform: perspective(400px) rotateY(-90deg);
  transform: perspective(400px) rotateY(-90deg);
  -webkit-transform-origin: right;
  -moz-transform-origin: right;
  -ms-transform-origin: right;
  -o-transform-origin: right;
  transform-origin: right;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.ovrly22 .fa {
  background: rgba(256, 256, 256, 0.9);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: rgba(50, 50, 50, 0.9);
  display: block;
  line-height: 40px;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  width: 40px;
  height: 40px;
  top: 80px;
  -webkit-transition: opacity 0.5s 0.0s;
  -moz-transition: opacity 0.5s 0.0s;
  -o-transition: opacity 0.5s 0.0s;
  transition: opacity 0.5s 0.0s;
  opacity: 0;
}

.crp-tile.ovrly22 .fa:hover {
  background: rgba(256,256,256,1);
}

.crp-tile.ovrly22 .ic-link {
  left: 50%;
  top:50%;
  margin-left: -45px;
  margin-top: -20px;
}

.crp-tile.ovrly22 .ic-search {
  left: 50%;
  top:50%;
  margin-left: 5px;
  margin-top: -20px;
}

.crp-tile.ovrly22:hover .ovrly {
  opacity: 1;
  -webkit-transform: perspective(400px) rotateY(0deg);
  -moz-transform: perspective(400px) rotateY(0deg);
  -ms-transform: perspective(400px) rotateY(0deg);
  -o-transform: perspective(400px) rotateY(0deg);
  transform: perspective(400px) rotateY(0deg);
}

.crp-tile.ovrly22:hover .fa {
  opacity: 1;
}
/* Overlay 22 [ END ]....*/
.crp-tile.ovrly23 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.crp-tile.ovrly23 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.ovrly23 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.crp-tile.ovrly23 .ovrly {
  background: rgba(0,0,0,0.5);
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  opacity: 0;
  -webkit-transform: perspective(400px) rotateX(90deg);
  -moz-transform: perspective(400px) rotateX(90deg);
  -ms-transform: perspective(400px) rotateX(90deg);
  -o-transform: perspective(400px) rotateX(90deg);
  transform: perspective(400px) rotateX(90deg);
  -webkit-transform-origin: bottom;
  -moz-transform-origin: bottom;
  -ms-transform-origin: bottom;
  -o-transform-origin: bottom;
  transform-origin: bottom;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.ovrly23 .fa {
  background: rgba(256, 256, 256, 0.9);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: rgba(50, 50, 50, 0.9);
  display: block;
  line-height: 40px;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  width: 40px;
  height: 40px;
  top: 80px;
  -webkit-transition: opacity 0.5s 0.0s;
  -moz-transition: opacity 0.5s 0.0s;
  -o-transition: opacity 0.5s 0.0s;
  transition: opacity 0.5s 0.0s;
  opacity: 0;
}

.crp-tile.ovrly23 .fa:hover {
  background: rgba(256,256,256,1);
}

.crp-tile.ovrly23 .ic-link {
  left: 50%;
  top:50%;
  margin-left: -45px;
  margin-top: -20px;
}

.crp-tile.ovrly23 .ic-search {
  left: 50%;
  top:50%;
  margin-left: 5px;
  margin-top: -20px;
}

.crp-tile.ovrly23:hover .ovrly {
  opacity: 1;
  -webkit-transform: perspective(400px) rotateX(0deg);
  -moz-transform: perspective(400px) rotateX(0deg);
  -ms-transform: perspective(400px) rotateX(0deg);
  -o-transform: perspective(400px) rotateX(0deg);
  transform: perspective(400px) rotateX(0deg);
}

.crp-tile.ovrly23:hover .fa {
  opacity: 1;
}
/* Overlay 23 [ END ]....*/
.crp-tile.ovrly24 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.crp-tile.ovrly24 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.ovrly24 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.crp-tile.ovrly24 .ovrly {
  background: rgba(0,0,0,0.5);
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  opacity: 0;
  -webkit-transform: perspective(400px) rotateY(90deg);
  -moz-transform: perspective(400px) rotateY(90deg);
  -ms-transform: perspective(400px) rotateY(90deg);
  -o-transform: perspective(400px) rotateY(90deg);
  transform: perspective(400px) rotateY(90deg);
  -webkit-transform-origin: left;
  -moz-transform-origin: left;
  -ms-transform-origin: left;
  -o-transform-origin: left;
  transform-origin: left;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.ovrly24 .fa {
  background: rgba(256, 256, 256, 0.9);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: rgba(50, 50, 50, 0.9);
  display: block;
  line-height: 40px;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  width: 40px;
  height: 40px;
  top: 80px;
  -webkit-transition: opacity 0.5s 0.0s;
  -moz-transition: opacity 0.5s 0.0s;
  -o-transition: opacity 0.5s 0.0s;
  transition: opacity 0.5s 0.0s;
  opacity: 0;
}

.crp-tile.ovrly24 .fa:hover {
  background: rgba(256,256,256,1);
}

.crp-tile.ovrly24 .ic-link {
  left: 50%;
  top:50%;
  margin-left: -45px;
  margin-top: -20px;
}

.crp-tile.ovrly24 .ic-search {
  left: 50%;
  top:50%;
  margin-left: 5px;
  margin-top: -20px;
}

.crp-tile.ovrly24:hover .ovrly {
  opacity: 1;
  -webkit-transform: perspective(400px) rotateY(0deg);
  -moz-transform: perspective(400px) rotateY(0deg);
  -ms-transform: perspective(400px) rotateY(0deg);
  -o-transform: perspective(400px) rotateY(0deg);
  transform: perspective(400px) rotateY(0deg);
}

.crp-tile.ovrly24:hover .fa {
  opacity: 1;
}
/* Overlay 24 [ END ]....*/
.crp-tile.ovrly25 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative; 
}

.crp-tile.ovrly25 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.ovrly25 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.crp-tile.ovrly25 .ovrly {
  background: rgba(0,0,0,0.5);
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  opacity: 0;
  -webkit-transform: scale(0.5) rotateZ(180deg);
  -moz-transform: scale(0.5) rotateZ(180deg);
  -ms-transform: scale(0.5) rotateZ(180deg);
  -o-transform: scale(0.5) rotateZ(180deg);
  transform: scale(0.5) rotateZ(180deg);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.ovrly25 .fa {
  background: rgba(256, 256, 256, 0.9);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: rgba(50, 50, 50, 0.9);
  display: block;
  line-height: 40px;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  width: 40px;
  height: 40px;
  top: 80px;
  -webkit-transition: opacity 0.5s 0.0s;
  -moz-transition: opacity 0.5s 0.0s;
  -o-transition: opacity 0.5s 0.0s;
  transition: opacity 0.5s 0.0s;
  opacity: 0;
}

.crp-tile.ovrly25 .fa:hover {
  background: rgba(256,256,256,1);
}

.crp-tile.ovrly25 .ic-link {
  left: 50%;
  top:50%;
  margin-left: -45px;
  margin-top: -20px;
}

.crp-tile.ovrly25 .ic-search {
  left: 50%;
  top:50%;
  margin-left: 5px;
  margin-top: -20px;
}


.crp-tile.ovrly25:hover .ovrly {
  opacity: 1;
  -webkit-transform: scale(1) rotateZ(0deg);
  -moz-transform: scale(1) rotateZ(0deg);
  -ms-transform: scale(1) rotateZ(0deg);
  -o-transform: scale(1) rotateZ(0deg);
  transform: scale(1) rotateZ(0deg);
}

.crp-tile.ovrly25:hover .fa {
  opacity: 1;
}
/* Overlay 25 [ END ]....*/
.crp-tile.ovrly26 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;  
}

.crp-tile.ovrly26 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.ovrly26 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.crp-tile.ovrly26 div {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.ovrly26 .fa {
  background: rgba(256, 256, 256, 0.9);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: rgba(50, 50, 50, 0.9);
  display: block;
  line-height: 40px;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  width: 40px;
  height: 40px;
  top: 80px;
  -webkit-transition: opacity 0.5s 0.0s;
  -moz-transition: opacity 0.5s 0.0s;
  -o-transition: opacity 0.5s 0.0s;
  transition: opacity 0.5s 0.0s;
  opacity: 0;
}

.crp-tile.ovrly26 .fa:hover {
  background: rgba(256,256,256,1);
}

.crp-tile.ovrly26 .ic-link {
  left: 50%;
  top:50%;
  margin-left: -45px;
  margin-top: -20px;
}

.crp-tile.ovrly26 .ic-search {
  left: 50%;
  top:50%;
  margin-left: 5px;
  margin-top: -20px;
}


.crp-tile.ovrly26:hover div {
  -webkit-box-shadow: 0 0 10px 15px rgba(0, 0, 0, 0.5) inset;
  -moz-box-shadow: 0 0 10px 15px rgba(0, 0, 0, 0.5) inset;
  box-shadow: 0 0 10px 15px rgba(0, 0, 0, 0.5) inset;
}

.crp-tile.ovrly26:hover .fa {
  opacity: 1;
}
/* Overlay 26 [ END ]....*/

.crp-tile.ovrly27 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.crp-tile.ovrly27 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.ovrly27 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.crp-tile.ovrly27 .ovrlyT {
  background: rgba(0,0,0,0.25);
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.ovrly27 .ovrlyB {
  background: rgba(0,0,0,0.25);
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.3s 0.2s;
  -moz-transition: all 0.3s 0.2s;
  -o-transition: all 0.3s 0.2s;
  transition: all 0.3s 0.2s;
}

.crp-tile.ovrly27 .fa {
  background: rgba(256, 256, 256, 0.9);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: rgba(50, 50, 50, 0.9);
  display: block;
  line-height: 40px;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  width: 40px;
  height: 40px;
  top: 80px;
  -webkit-transition: opacity 0.5s 0.0s;
  -moz-transition: opacity 0.5s 0.0s;
  -o-transition: opacity 0.5s 0.0s;
  transition: opacity 0.5s 0.0s;
  opacity: 0;
}

.crp-tile.ovrly27 .fa:hover {
  background: rgba(256,256,256,1);
}

.crp-tile.ovrly27 .ic-link {
  left: 50%;
  top:50%;
  margin-left: -45px;
  margin-top: -20px;
}

.crp-tile.ovrly27 .ic-search {
  left: 50%;
  top:50%;
  margin-left: 5px;
  margin-top: -20px;
}


.crp-tile.ovrly27:hover .ovrlyT {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.crp-tile.ovrly27:hover .ovrlyB {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.crp-tile.ovrly27:hover .fa {
  opacity: 1;
}
/* Overlay 27 [ END ]....*/
.crp-tile.dtl01 {
  width: 100%;
  height: 100%;
  position: relative;
}

.crp-tile.dtl01 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.dtl01 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.dtl01 .dtl * {
  position: relative;
}

.crp-tile.dtl01 .dtl {
  
  width: 100%;
  height: 100%;
  top: 0;
  left: -70%;
  opacity: 0;
  z-index: 1;
  overflow: hidden;
  visibility: hidden;
  -webkit-transition: all 0.3s 0.15s;
  -moz-transition: all 0.3s 0.15s;
  -o-transition: all 0.3s 0.15s;
  transition: all 0.3s 0.15s;
}

.crp-tile.dtl01 .dtl h3 {
  color: #fff;
  font-size: 16px;
  font-weight: normal;
}

.crp-tile.dtl01 .dtl p {
  font-size: 14px;
  
  line-height: 1.2;
  color: #6a6a6a;
  text-indent: 0px;
}

.crp-tile.dtl01:hover img {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  opacity: 0;
}

.crp-tile.dtl01:hover .dtl {
  left: 0;
  opacity: 1;
  visibility: visible;
}
/* Details 01 [ END ]....*/
.crp-tile.dtl02 {
  width: 100%;
  height: 100%;
  position: relative;
}

.crp-tile.dtl02 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.dtl02 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.dtl02 .dtl * {
  position: relative;
}

.crp-tile.dtl02 .dtl {
  
  width: 100%;
  height: 100%;
  top: -70%;
  left: 0;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  z-index: 1;
  -webkit-transition: all 0.3s 0.15s;
  -moz-transition: all 0.3s 0.15s;
  -o-transition: all 0.3s 0.15s;
  transition: all 0.3s 0.15s;
}

.crp-tile.dtl02 .dtl h3 {
  color: #fff;
  font-size: 16px;
  font-weight: normal;
}

.crp-tile.dtl02 .dtl p {
  font-size: 14px;
  
  line-height: 1.2;
  color: #6a6a6a;
  text-indent: 0px;
}

.crp-tile.dtl02:hover img {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  opacity: 0;
}

.crp-tile.dtl02:hover .dtl {
  top: 0;
  opacity: 1;
  visibility: visible;
}
/* Details 02 [ END ]....*/
.crp-tile.dtl03 {
  width: 100%;
  height: 100%;
  position: relative;
}

.crp-tile.dtl03 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.dtl03 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.dtl03 .dtl * {
  position: relative;
}

.crp-tile.dtl03 .dtl {
  
  width: 100%;
  height: 100%;
  top: 0;
  left: 70%;
  opacity: 0;
  overflow: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transition: all 0.3s 0.15s;
  -moz-transition: all 0.3s 0.15s;
  -o-transition: all 0.3s 0.15s;
  transition: all 0.3s 0.15s;
}

.crp-tile.dtl03 .dtl h3 {
  color: #fff;
  font-size: 16px;
  font-weight: normal;
}

.crp-tile.dtl03 .dtl p {
  font-size: 14px;
  
  line-height: 1.2;
  color: #6a6a6a;
  text-indent: 0px;
}

.crp-tile.dtl03:hover img {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  opacity: 0;
}

.crp-tile.dtl03:hover .dtl {
  left: 0;
  opacity: 1;
  visibility: visible;
}
/* Details 03 [ END ]....*/
.crp-tile.dtl04 {
  width: 100%;
  height: 100%;
  position: relative;
}

.crp-tile.dtl04 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.dtl04 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.dtl04 .dtl * {
  position: relative;
}

.crp-tile.dtl04 .dtl {
  
  width: 100%;
  height: 100%;
  top: 70%;
  left: 0;
  opacity: 0;
  z-index: 1;
  visibility: hidden;
  overflow: hidden;
  -webkit-transition: all 0.3s 0.15s;
  -moz-transition: all 0.3s 0.15s;
  -o-transition: all 0.3s 0.15s;
  transition: all 0.3s 0.15s;
}

.crp-tile.dtl04 .dtl h3 {
  color: #fff;
  font-size: 16px;
  font-weight: normal;
}

.crp-tile.dtl04 .dtl p {
  font-size: 14px;
  
  line-height: 1.2;
  color: #6a6a6a;
  text-indent: 0px;
}

.crp-tile.dtl04:hover img {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  opacity: 0;
}

.crp-tile.dtl04:hover .dtl {
  top: 0;
  opacity: 1;
  visibility: visible;
}
/* Details 04 [ END ]....*/
.crp-tile.dtl05 {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.crp-tile.dtl05 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.dtl05 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.dtl05 .dtl * {
  position: relative;
}

.crp-tile.dtl05 .dtl {
  
  backface-visibility: hidden;
  width: 100%;
  height: 100%;
  top: 0;
  left: -100%;
  visibility: hidden;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.dtl05 .dtl h3 {
  color: #fff;
  font-size: 16px;
  font-weight: normal;
}

.crp-tile.dtl05 .dtl p {
  font-size: 14px;
  
  line-height: 1.2;
  color: #6a6a6a;
  text-indent: 0px;
}

.crp-tile.dtl05:hover img {
  left: 100%;
}

.crp-tile.dtl05:hover .dtl {
  visibility: visible;
  left: 0;
}
/* Details 05 [ END ]....*/
.crp-tile.dtl06 {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.crp-tile.dtl06 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.dtl06 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.dtl06 .dtl * {
  position: relative;
}

.crp-tile.dtl06 .dtl {
  
  backface-visibility: hidden;
  width: 100%;
  height: 100%;
  left: 0;
  top: -100%;
  visibility: hidden;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.dtl06 .dtl h3 {
  color: #fff;
  font-size: 16px;
  font-weight: normal; 
}

.crp-tile.dtl06 .dtl p {
  font-size: 14px;
  
  line-height: 1.2;
  color: #6a6a6a;
  text-indent: 0px;
}

.crp-tile.dtl06:hover img {
  top: 100%;
}

.crp-tile.dtl06:hover .dtl {
  visibility: visible;
  top: 0;
}
/* Details 06 [ END ]....*/
.crp-tile.dtl07 {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.crp-tile.dtl07 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.dtl07 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.dtl07 .dtl * {
  position: relative; 
}

.crp-tile.dtl07 .dtl {
  
  backface-visibility: hidden;
  width: 100%;
  height: 100%;
  top: 0;
  left: 100%;
  visibility: hidden;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.dtl07 .dtl h3 {
  color: #fff;
  font-size: 16px;
  font-weight: normal;
}

.crp-tile.dtl07 .dtl p {
  font-size: 14px;
  
  line-height: 1.2;
  color: #6a6a6a;
  text-indent: 0px;
}

.crp-tile.dtl07:hover img {
  left: -100%;
}

.crp-tile.dtl07:hover .dtl {
  visibility: visible;
  left: 0;
}
/* Details 07 [ END ]....*/

.crp-tile.dtl08 {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.crp-tile.dtl08 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.dtl08 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.dtl08 .dtl * {
  position: relative; 
}

.crp-tile.dtl08 .dtl {
  
  backface-visibility: hidden;
  width: 100%;
  height: 100%;
  left: 0;
  top: 100%;
  visibility: hidden;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.dtl08 .dtl h3 {
  color: #fff;
  font-size: 16px;
  font-weight: normal;
}

.crp-tile.dtl08 .dtl p {
  font-size: 14px;
  
  line-height: 1.2;
  color: #6a6a6a;
  text-indent: 0px;
}

.crp-tile.dtl08:hover img {
  top: -100%;
}

.crp-tile.dtl08:hover .dtl {
  visibility: visible;
  top: 0;
}
/* Details 08 [ END ]....*/

.crp-tile.dtl09 {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  
}

.crp-tile.dtl09 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.dtl09 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.dtl09 .dtl * {
  position: relative;
}

.crp-tile.dtl09 .dtl {
  
  width: 50%;
  height: 100%;
  top: 0;
  left: 0;
}

.crp-tile.dtl09 .dtl h3 {
  color: #fff;
  font-size: 16px;
  font-weight: normal;
  margin: 10px 20px;
  
  
}

.crp-tile.dtl09 .dtl p {
  font-size: 14px;
  padding-left: 15px;
  line-height: 1.2;
  color: #6a6a6a;
  
  text-indent: 0px;
}

.crp-tile.dtl09:hover img {
  top: -45px;
  left: 70px;
  -webkit-transform: scale(0.4);
  -moz-transform: scale(0.4);
  -ms-transform: scale(0.4);
  -o-transform: scale(0.4);
  transform: scale(0.4);
}
/* Details 09 [ END ]....*/
.crp-tile.dtl10 {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  
}

.crp-tile.dtl10 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.dtl10 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.dtl10 .dtl * {
  position: relative;
}

.crp-tile.dtl10 .dtl {
  
  width: 50%;
  height: 100%;
  top: 0;
  left: 50%;
}

.crp-tile.dtl10 .dtl h3 {
  color: #fff;
  font-size: 16px;
  font-weight: normal;
  margin: 10px 20px;
}

.crp-tile.dtl10 .dtl p {
  font-size: 14px;
  padding-right: 15px;
  line-height: 1.2;
  color: #6a6a6a;
  
  text-indent: 0px;
}

.crp-tile.dtl10:hover img {
  top: -45px;
  left: -70px;
  -webkit-transform: scale(0.4);
  -moz-transform: scale(0.4);
  -ms-transform: scale(0.4);
  -o-transform: scale(0.4);
  transform: scale(0.4);
}
/* Details 10 [ END ]....*/
.crp-tile.dtl11 {
  width: 100%;
  height: 100%;
  position: relative;
}

.crp-tile.dtl11 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.dtl11 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.dtl11 .dtl * {
  position: relative;
}

.crp-tile.dtl11 .dtl {
  
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  visibility: hidden;
  overflow: hidden;
  -webkit-transition: all 0.3s 0.15s;
  -moz-transition: all 0.3s 0.15s;
  -o-transition: all 0.3s 0.15s;
  transition: all 0.3s 0.15s;
  -webkit-transform: scale(0) rotateZ(180deg);
  -moz-transform: scale(0) rotateZ(180deg);
  -ms-transform: scale(0) rotateZ(180deg);
  -o-transform: scale(0) rotateZ(180deg);
  transform: scale(0) rotateZ(180deg);
}

.crp-tile.dtl11 .dtl h3 {
  color: #fff;
  font-size: 16px;
  font-weight: normal;
}

.crp-tile.dtl11 .dtl p {
  font-size: 14px;
  
  line-height: 1.2;
  color: #6a6a6a;
  text-indent: 0px;
}

.crp-tile.dtl11:hover img {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  opacity: 0;
}

.crp-tile.dtl11:hover .dtl {
  visibility: visible;
  -webkit-transform: scale(1) rotateZ(0deg);
  -moz-transform: scale(1) rotateZ(0deg);
  -ms-transform: scale(1) rotateZ(0deg);
  -o-transform: scale(1) rotateZ(0deg);
  transform: scale(1) rotateZ(0deg);
}
/* Details 11 [ END ]....*/

.crp-tile.dtl12 {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;         
}

.crp-tile.dtl12 * {
    position: absolute;
    margin: 0;
    padding: 0;
}

.crp-tile.dtl12 img {
    width: 100%;
    height: 100%;
    top:0;
    left: 0;
    -webkit-transition: all 0.3s;
       -moz-transition: all 0.3s;
         -o-transition: all 0.3s;
            transition: all 0.3s;
}

.crp-tile.dtl12 .dtl * { position: relative; }

.crp-tile.dtl12 .dtl {
    
    width: 100%;
    height: 100%;
    top: 0;
    left: -100%;
    visibility: hidden;
    overflow: hidden;
    -webkit-transition:all 0.3s 0.15s;
       -moz-transition:all 0.3s 0.15s;
         -o-transition:all 0.3s 0.15s;
            transition:all 0.3s;
    -webkit-transform: scale(0.7) rotateZ(180deg);
       -moz-transform: scale(0.7) rotateZ(180deg);
        -ms-transform: scale(0.7) rotateZ(180deg);
         -o-transform: scale(0.7) rotateZ(180deg);
            transform: scale(0.7) rotateZ(180deg);
}

.crp-tile.dtl12 .dtl h3 {
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    
    
}

.crp-tile.dtl12 .dtl p {
    font-size: 14px;
    
    line-height: 1.2;
    color: #6a6a6a;
    text-indent: 0px;
}

.crp-tile.dtl12:hover img { 
    left: 100%;
    -webkit-transform: scale(0.7) rotateZ(180deg);
       -moz-transform: scale(0.7) rotateZ(180deg);
        -ms-transform: scale(0.7) rotateZ(180deg);
         -o-transform: scale(0.7) rotateZ(180deg);
            transform: scale(0.7) rotateZ(180deg);
}

.crp-tile.dtl12:hover .dtl { 
    visibility: visible;
    left: 0;
    -webkit-transform: scale(1) rotateZ(0deg);
       -moz-transform: scale(1) rotateZ(0deg);
        -ms-transform: scale(1) rotateZ(0deg);
         -o-transform: scale(1) rotateZ(0deg);
            transform: scale(1) rotateZ(0deg);
}
/* Details 12 [ END ]....*/
.crp-tile.dtl13 {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;        
}

.crp-tile.dtl13 * {
    position: absolute;
    margin: 0;
    padding: 0;
}

.crp-tile.dtl13 img {
    width: 100%;
    height: 100%;
    top:0;
    left: 0;
    -webkit-transition:all 0.3s;
       -moz-transition:all 0.3s;
         -o-transition:all 0.3s;
            transition:all 0.3s;
}

.crp-tile.dtl13 .dtl * { position: relative; }

.crp-tile.dtl13 .dtl {
    
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    visibility: hidden;
    opacity: 0;
    overflow: hidden;
    -webkit-transition:all 0.3s;
       -moz-transition:all 0.3s;
         -o-transition:all 0.3s;
            transition:all 0.3s;
}

.crp-tile.dtl13 .dtl h3 {
    color: #fff;
    font-size: 16px;
    font-weight: normal;   
}

.crp-tile.dtl13 .dtl p {
    font-size: 14px;
    
    line-height: 1.2;
    color: #6a6a6a;
    text-indent: 0px;
}

.crp-tile.dtl13:hover .dtl { 
    visibility: visible;
    opacity: 1;
}

.crp-tile.dtl13:hover img {
    opacity: 0;
}
/* Details 13 [ END ]....*/
.crp-tile.dtl14 {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.crp-tile.dtl14 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.dtl14 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.dtl14 .dtl * {
  position: relative; 
}

.crp-tile.dtl14 .dtl {
  
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  visibility: hidden;
  opacity: 0;
  overflow: hidden;
  -webkit-transition: all 0.3s 0.15s;
  -moz-transition: all 0.3s 0.15s;
  -o-transition: all 0.3s 0.15s;
  transition: all 0.3s 0.15s;
}

.crp-tile.dtl14 .dtl h3 {
  color: #fff;
  font-size: 16px;
  font-weight: normal;
}

.crp-tile.dtl14 .dtl p {
  font-size: 14px;
  
  line-height: 1.2;
  color: #6a6a6a;
  text-indent: 0px;
}

.crp-tile.dtl14:hover img {
  opacity: 0;
  -webkit-transform: scale(5);
  -moz-transform: scale(5);
  -ms-transform: scale(5);
  -o-transform: scale(5);
  transform: scale(5);
}

.crp-tile.dtl14:hover .dtl {
  visibility: visible;
  opacity: 1;
}
/* Details 14 [ END ]....*/
.crp-tile.dtl15 {
  width: 100%;
  height: 100%;
  position: relative;
}

.crp-tile.dtl15 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.dtl15 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.crp-tile.dtl15 .dtl * {
  position: relative;
}

.crp-tile.dtl15 .dtl {
  
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  visibility: hidden;
  opacity: 0;
  z-index: 1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.dtl15 .dtl h3 {
  color: #fff;
  font-size: 16px;
  font-weight: normal;
}

.crp-tile.dtl15 .dtl p {
  font-size: 14px;
  
  line-height: 1.2;
  color: #6a6a6a;
  text-indent: 0px;
}

.crp-tile.dtl15:hover .dtl {
  visibility: visible;
  opacity: 1;
  left: 25px;
  top: 25px;
}
/* Details 15 [ END ]....*/
.crp-tile.dtl16 {
  width: 100%;
  height: 100%;
  position: relative;
}

.crp-tile.dtl16 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.dtl16 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.crp-tile.dtl16 .dtl * {
  position: relative;
  
}

.crp-tile.dtl16 .dtl {
  
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  visibility: hidden;
  opacity: 0;
  z-index: 1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.dtl16 .dtl h3 {
  color: #fff;
  font-size: 16px;
  font-weight: normal;
}

.crp-tile.dtl16 .dtl p {
  font-size: 14px;
  
  line-height: 1.2;
  color: #6a6a6a;
  text-indent: 0px;
}

.crp-tile.dtl16:hover .dtl {
  visibility: visible;
  opacity: 1;
  left: -25px;
  top: 25px;
}
/* Details 16 [ END ]....*/
.crp-tile.dtl17 {
  width: 100%;
  height: 100%;
  position: relative;
}

.crp-tile.dtl17 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.dtl17 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.crp-tile.dtl17 .dtl * {
  position: relative;
}

.crp-tile.dtl17 .dtl {
  
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  visibility: hidden;
  opacity: 0;
  z-index: 1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.dtl17 .dtl h3 {
  color: #fff;
  font-size: 16px;
  font-weight: normal;
}

.crp-tile.dtl17 .dtl p {
  font-size: 14px;
  
  line-height: 1.2;
  color: #6a6a6a;
  text-indent: 0px;
}

.crp-tile.dtl17:hover .dtl {
  visibility: visible;
  opacity: 1;
  left: -25px;
  top: -25px;
}
/* Details 17 [ END ]....*/
.crp-tile.dtl18 {
  width: 100%;
  height: 100%;
  position: relative;
}

.crp-tile.dtl18 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.dtl18 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.crp-tile.dtl18 .dtl * {
  position: relative;
}

.crp-tile.dtl18 .dtl {
  
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  visibility: hidden;
  opacity: 0;
  z-index: 1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.dtl18 .dtl h3 {
  color: #fff;
  font-size: 16px;
  font-weight: normal;
}

.crp-tile.dtl18 .dtl p {
  font-size: 14px;
  
  line-height: 1.2;
  color: #6a6a6a;
  text-indent: 0px;
}

.crp-tile.dtl18:hover .dtl {
  visibility: visible;
  opacity: 1;
  left: 25px;
  top: -25px;
}
/* Details 18 [ END ]....*/
.crp-tile.dtl19 {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.crp-tile.dtl19 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.dtl19 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.dtl19 .dtl * {
  position: relative;
}

.crp-tile.dtl19 .dtl {
  
  width: 100%;
  height: 100%;
  left: -100%;
  top: 0;
  visibility: hidden;
  opacity: 0;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.dtl19 .dtl h3 {
  color: #fff;
  font-size: 16px;
  font-weight: normal;
}

.crp-tile.dtl19 .dtl p {
  font-size: 14px;
  
  line-height: 1.2;
  color: #6a6a6a;
  text-indent: 0px;
}

.crp-tile.dtl19:hover .dtl {
  visibility: visible;
  opacity: 1;
  left: 0;
}

.crp-tile.dtl19:hover img {
  opacity: 0;
}
/* Details 19 [ END ]....*/
.crp-tile.dtl20 {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.crp-tile.dtl20 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.dtl20 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.dtl20 .dtl * {
  position: relative;
}

.crp-tile.dtl20 .dtl {
  
  width: 100%;
  height: 100%;
  top: -100%;
  left: 0;
  visibility: hidden;
  opacity: 0;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.dtl20 .dtl h3 {
  color: #fff;
  font-size: 16px;
  font-weight: normal;
}

.crp-tile.dtl20 .dtl p {
  font-size: 14px;
  
  line-height: 1.2;
  color: #6a6a6a;
  text-indent: 0px;
}

.crp-tile.dtl20:hover .dtl {
  visibility: visible;
  opacity: 1;
  top: 0;
}

.crp-tile.dtl20:hover img {
  opacity: 0;
}
/* Details 20 [ END ]....*/
.crp-tile.dtl21 {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.crp-tile.dtl21 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.dtl21 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.dtl21 .dtl * {
  position: relative;
}

.crp-tile.dtl21 .dtl {
  
  width: 100%;
  height: 100%;
  left: 100%;
  top: 0;
  visibility: hidden;
  opacity: 0;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.dtl21 .dtl h3 {
  color: #fff;
  font-size: 16px;
  font-weight: normal;
}

.crp-tile.dtl21 .dtl p {
  font-size: 14px;
  
  line-height: 1.2;
  color: #6a6a6a;
  text-indent: 0px;
}

.crp-tile.dtl21:hover .dtl {
  visibility: visible;
  opacity: 1;
  left: 0;
}

.crp-tile.dtl21:hover img {
  opacity: 0;
}
/* Details 21 [ END ]....*/

.crp-tile.dtl22 {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.crp-tile.dtl22 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.dtl22 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.dtl22 .dtl * {
  position: relative;
}

.crp-tile.dtl22 .dtl {
  
  width: 100%;
  height: 100%;
  top: 100%;
  left: 0;
  visibility: hidden;
  opacity: 0;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.dtl22 .dtl h3 {
  color: #fff;
  font-size: 16px;
  font-weight: normal;
}

.crp-tile.dtl22 .dtl p {
  font-size: 14px;
  
  line-height: 1.2;
  color: #6a6a6a;
  text-indent: 0px;
}

.crp-tile.dtl22:hover .dtl {
  visibility: visible;
  opacity: 1;
  top: 0;
}

.crp-tile.dtl22:hover img {
  opacity: 0;
}
/* Details 22 [ END ]....*/
.crp-tile.dtl23 {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.crp-tile.dtl23 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.dtl23 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.crp-tile.dtl23 .dtl * {
  position: relative;
  
  top: -170px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.dtl23 .dtl {
  background: rgba(51, 51, 51, 0.5);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.dtl23 .dtl h3 {
  color: #fff;
  font-size: 16px;
  font-weight: normal;
  
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.crp-tile.dtl23 .dtl p {
  font-size: 14px;
  
  line-height: 1.2;
  color: #fff;
  text-indent: 0px;
}

.crp-tile.dtl23:hover .dtl {
  visibility: visible;
  opacity: 1;
}

.crp-tile.dtl23:hover .dtl * {
  top: 0;
}
/* Details 23 [ END ]....*/
.crp-tile.dtl24 {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.crp-tile.dtl24 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.dtl24 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.crp-tile.dtl24 .dtl * {
  position: relative;
  
  top: 200px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.dtl24 .dtl {
  background: rgba(51, 51, 51, 0.5);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.dtl24 .dtl h3 {
  color: #fff;
  font-size: 16px;
  font-weight: normal;
}

.crp-tile.dtl24 .dtl p {
  font-size: 14px;
  
  line-height: 1.2;
  color: #fff;
  text-indent: 0px;
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.crp-tile.dtl24:hover .dtl {
  visibility: visible;
  opacity: 1;
}

.crp-tile.dtl24:hover .dtl * {
  top: 0;
}
/* Details 24 [ END ]....*/
.crp-tile.dtl25 {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.crp-tile.dtl25 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.dtl25 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.crp-tile.dtl25 .dtl * {
  position: relative;
  
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.dtl25 .dtl {
  background: rgba(51, 51, 51, 0.5);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.dtl25 .dtl h3 {
  color: #fff;
  font-size: 16px;
  font-weight: normal;
  left: -100%; 
}

.crp-tile.dtl25 .dtl p {
  font-size: 14px;
  
  line-height: 1.2;
  color: #fff;
  top: 30px;
  text-indent: 0px;
}

.crp-tile.dtl25:hover .dtl {
  visibility: visible;
  opacity: 1;
}

.crp-tile.dtl25:hover .dtl h3 {
  left: 0;
}

.crp-tile.dtl25:hover .dtl p {
  top: 0;
}
/* Details 25 [ END ]....*/
.crp-tile.dtl26 {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.crp-tile.dtl26 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.dtl26 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.crp-tile.dtl26 .dtl * {
  position: relative;
  
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.dtl26 .dtl {
  background: rgba(51, 51, 51, 0.5);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.dtl26 .dtl h3 {
  color: #fff;
  font-size: 16px;
  font-weight: normal;
  left: -100%;
}

.crp-tile.dtl26 .dtl p {
  font-size: 14px;
  
  line-height: 1.2;
  color: #fff;
  left: 100%;
  text-indent: 0px;
}

.crp-tile.dtl26:hover .dtl {
  visibility: visible;
  opacity: 1;
}

.crp-tile.dtl26:hover .dtl * {
  left: 0;
}
/* Details 26 [ END ]....*/
.crp-tile.dtl27 {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.crp-tile.dtl27 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.dtl27 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.crp-tile.dtl27 .dtl * {
  position: relative;
  
  -webkit-transform: scale(2);
  -moz-transform: scale(2);
  -ms-transform: scale(2);
  -o-transform: scale(2);
  transform: scale(2);
  opacity: 0;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.crp-tile.dtl27 .dtl {
  background: rgba(51, 51, 51, 0.5);
  backface-visibility: hidden;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.dtl27 .dtl h3 {
  color: #fff;
  font-size: 16px;
  font-weight: normal;
}

.crp-tile.dtl27 .dtl p {
  font-size: 14px;
  
  line-height: 1.2;
  color: #fff;
  text-indent: 0px;
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.crp-tile.dtl27:hover .dtl {
  visibility: visible;
  opacity: 1;
}

.crp-tile.dtl27:hover .dtl * {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
/* Details 27 [ END ]....*/
.crp-tile.dtl28 {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.crp-tile.dtl28 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.dtl28 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.crp-tile.dtl28 .dtl * {
  position: relative;
  
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.crp-tile.dtl28 .dtl {
  background: rgba(51, 51, 51, 0.5);
  backface-visibility: hidden;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.dtl28 .dtl h3 {
  color: #fff;
  font-size: 16px;
  font-weight: normal;
}

.crp-tile.dtl28 .dtl p {
  font-size: 14px;
  
  line-height: 1.2;
  color: #fff;
  text-indent: 0px;
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.crp-tile.dtl28:hover .dtl {
  visibility: visible;
  opacity: 1;
}

.crp-tile.dtl28:hover .dtl * {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
/* Details 28 [ END ]....*/
.crp-tile.dtl29 {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.crp-tile.dtl29 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.dtl29 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.dtl29 .dtl * {
  position: relative;
  
}

.crp-tile.dtl29 .dtl {
  background: rgba(51, 51, 51, 0.5);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.dtl29 .dtl h3 {
  color: #fff;
  font-size: 16px;
  font-weight: normal;
}

.crp-tile.dtl29 .dtl p {
  font-size: 14px;
  
  line-height: 1.2;
  color: #fff;
  text-indent: 0px;
}

.crp-tile.dtl29:hover .dtl {
  visibility: visible;
  opacity: 1;
}

.crp-tile.dtl29:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
/* Details 29 [ END ]....*/
.crp-tile.dtl30 {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.crp-tile.dtl30 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.dtl30 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.dtl30 .dtl * {
  position: relative;
}

.crp-tile.dtl30 .dtl {
  background: rgba(51, 51, 51, 0.5);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.dtl30 .dtl h3 {
  color: #fff;
  font-size: 16px;
  font-weight: normal;
}

.crp-tile.dtl30 .dtl p {
  font-size: 14px;
  
  line-height: 1.2;
  color: #fff;
  text-indent: 0px;
}

.crp-tile.dtl30:hover .dtl {
  visibility: visible;
  opacity: 1;
}

.crp-tile.dtl30:hover img {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
/* Details 30 [ END ]....*/

.dtl .fade-ovrly {
  /*position: absolute;
  width: 100%;
  height: 40px;
  left: 0;
  bottom: 0;

  background:*/ linear-gradient(to bottom, rgba(51,51,51,0) 0%,rgba(51,51,51,1) 60%);
}

.crp-tile .dtl h3 {
  margin-left: 20px;
  margin-top: 20px;
  margin-right: 20px;
  margin-bottom: 7px;

  font-size: 16px;
  text-decoration: none;

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.crp-tile .dtl p {
  margin-left: 20px;
  margin-top: 0px;
  margin-right: 20px;
  margin-bottom: 0px;

  font-size: 12px;
}

/* Details common [END] */

.crp-tile.cptn01 {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.crp-tile.cptn01 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.cptn01 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.cptn01 .cptn * {
  position: relative;
}

.crp-tile.cptn01 .cptn {
  width: 100%;
  height: 60px;
  top: -60px;
  left: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.cptn01 .cptn div {
  float: left;
  height: 100%;
  width: 100%;
}

.crp-tile.cptn01 .cptn .fa {
  -wibkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  /*border: 1px solid #fff;*/
  -wibkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: block;
  float: right;
  height: 35px;
  line-height: 35px;
  text-align: center;
  text-decoration: none;
  width: 35px;
  opacity: 0.8;

  position: absolute;
  right: 12px;
  top: 12px;
}

.crp-tile.cptn01 .cptn .fa:hover {
  opacity: 1;
}

.crp-tile.cptn01 .cptn h3 {
  color: #fff;
  font-size: 16px;
  font-weight: normal;
}

.crp-tile.cptn01 .cptn p {
  color: #6a6a6a;
  font-size: 14px;
}

.crp-tile.cptn01:hover img {
  top: 60px;
}

.crp-tile.cptn01:hover .cptn {
  top: 0;
}
/* Caption 01 [ END ]....*/
.crp-tile.cptn02 {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.crp-tile.cptn02 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.cptn02 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.cptn02 .cptn * {
  position: relative;
}

.crp-tile.cptn02 .cptn div {
  height: 100%;
}

.crp-tile.cptn02 .cptn {
  width: 50%;
  height: 100%;
  top: 0;
  right: -50%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.cptn02 .cptn .fa {
  -wibkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  border: 2px solid #fff;
  -wibkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #fff;
  display: block;
  height: 30px;
  line-height: 30px;
  text-align: center;
  text-decoration: none;
  width: 30px;
  margin: 10px auto;
  opacity: 0.8;
  top: -80px;
}

.crp-tile.cptn02 .cptn .fa:hover {
  opacity: 1;
}

.crp-tile.cptn02 .cptn h3 {
  color: #fff;
  font-size: 16px;
  font-weight: normal;
}

.crp-tile.cptn02 .cptn p {
  color: #6a6a6a;
  font-size: 14px;
}

.crp-tile.cptn02:hover img {
  left: -50%;
}

.crp-tile.cptn02:hover .cptn {
  right: 0;
}
/* Caption 02 [ END ]....*/

.crp-tile.cptn03 {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.crp-tile.cptn03 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.cptn03 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.cptn03 .cptn * {
  position: relative;
}

.crp-tile.cptn03 .cptn {
  width: 100%;
  height: 60px;
  bottom: -60px;
  left: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.cptn03 .cptn div {
  float: left;
  height: 100%;
  width: 100%;
}

.crp-tile.cptn03 .cptn .fa {
  -wibkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  /*border: 1px solid #fff;*/
  -wibkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  /*color: #fff;*/
  display: block;
  float: right;
  height: 35px;
  line-height: 35px;
  text-align: center;
  text-decoration: none;
  width: 35px;
  opacity: 0.8;

  position: absolute;
  right: 12px;
  top: 12px;
}

.crp-tile.cptn03 .cptn .fa:hover {
  opacity: 1;
}

.crp-tile.cptn01 .cptn h3 {
  color: #fff;
  font-size: 16px;
  font-weight: normal;
}

.crp-tile.cptn01 .cptn p {
  color: #6a6a6a;
  font-size: 14px;
}

.crp-tile.cptn03:hover img {
  top: -60px;
}

.crp-tile.cptn03:hover .cptn {
  bottom: 0px;
}
/* Caption 03 [ END ]....*/
.crp-tile.cptn04 {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.crp-tile.cptn04 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.cptn04 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.cptn04 .cptn * {
  position: relative;
}

.crp-tile.cptn04 .cptn div {
  height: 100%;
}

.crp-tile.cptn04 .cptn {
  
  width: 130px;
  height: 100%;
  top: 0;
  left: -130px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.cptn04 .cptn .fa {
  -wibkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  border: 2px solid #fff;
  -wibkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #fff;
  display: block;
  height: 30px;
  line-height: 30px;
  text-align: center;
  text-decoration: none;
  width: 30px;
  margin: 10px auto;
  opacity: 0.8;
  top: -80px;
}

.crp-tile.cptn04 .cptn .fa:hover {
  opacity: 1;
}

.crp-tile.cptn04 .cptn h3 {
  color: #fff;
  
  font-size: 16px;
  font-weight: normal;
  margin: 20px 0 3px 10px;
}

.crp-tile.cptn04 .cptn p {
  color: #6a6a6a;
  
  font-size: 14px;
  margin-left: 10px;
}

.crp-tile.cptn04:hover img {
  left: 130px;
}

.crp-tile.cptn04:hover .cptn {
  left: 0;
}
/* Caption 04 [ END ]....*/
.crp-tile.cptn05 {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  
  
  
  
}

.crp-tile.cptn05 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.cptn05 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.cptn05 .cptn * {
  position: relative;
}

.crp-tile.cptn05 .cptn {
  
  width: 100%;
  height: 30%;
  top: 70%;
  left: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.cptn05 .cptn div {
  float: left;
  height: 100%;
}

.crp-tile.cptn05 .cptn .fa {
  -wibkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  border: 2px solid #fff;
  -wibkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #fff;
  display: block;
  float: right;
  height: 30px;
  line-height: 30px;
  text-align: center;
  text-decoration: none;
  width: 30px;
  margin: 13px;
  opacity: 0.8;
}

.crp-tile.cptn05 .cptn .fa:hover {
  opacity: 1;
}

.crp-tile.cptn05 .cptn h3 {
  color: #fff;
  
  font-size: 16px;
  font-weight: normal;
  margin: 10px 20px 0 20px;
}

.crp-tile.cptn05 .cptn p {
  color: #6a6a6a;
  
  font-size: 14px;
  margin-left: 20px;
}

.crp-tile.cptn05:hover img {
  -webkit-transform: scale(0.68);
  -moz-transform: scale(0.68);
  -ms-transform: scale(0.68);
  -o-transform: scale(0.68);
  transform: scale(0.68);
  top: -20px;
  left: -30px;
}
/* Caption 05 [ END ]....*/
.crp-tile.cptn06 {
  width: 100%
  height: 100%;
  position: relative;
  overflow: hidden;
  
  
  
  
}

.crp-tile.cptn06 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.cptn06 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.cptn06 .cptn * {
  position: relative;
}

.crp-tile.cptn06 .cptn {
  
  width: 100%;
  height: 30%;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.cptn06 .cptn div {
  float: left;
  height: 100%;
}

.crp-tile.cptn06 .cptn .fa {
  -wibkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  border: 2px solid #fff;
  -wibkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #fff;
  display: block;
  float: right;
  height: 30px;
  line-height: 30px;
  text-align: center;
  text-decoration: none;
  width: 30px;
  margin: 13px;
  opacity: 0.8;
}

.crp-tile.cptn06 .cptn .fa:hover {
  opacity: 1;
}

.crp-tile.cptn06 .cptn h3 {
  color: #fff;
  
  font-size: 16px;
  font-weight: normal;
  margin: 10px 20px 0 20px;
}

.crp-tile.cptn06 .cptn p {
  color: #6a6a6a;
  
  font-size: 14px;
  margin-left: 20px;
}

.crp-tile.cptn06:hover img {
  -webkit-transform: scale(0.68);
  -moz-transform: scale(0.68);
  -ms-transform: scale(0.68);
  -o-transform: scale(0.68);
  transform: scale(0.68);
  top: 20px;
  left: 35px;
}
/* Caption 06 [ END ]....*/

.crp-tile.cptn07 {
  width: 100%;
  height: 100%;
  position: relative;
}

.crp-tile.cptn07 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.cptn07 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.cptn07 .cptn * {
  position: relative;
}

.crp-tile.cptn07 .cptn {
  
  width: 100%;
  height: 60px;
  top: 0;
  left: 0;
}

.crp-tile.cptn07 .cptn div {
  float: left;
  height: 100%;
  width: 100%;
}

.crp-tile.cptn07 .cptn .fa {
  -wibkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  /*border: 1px solid #fff;*/
  -wibkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  /*color: #fff;*/
  display: block;
  float: right;
  height: 35px;
  line-height: 35px;
  text-align: center;
  text-decoration: none;
  width: 35px;
  opacity: 0.8;

  position: absolute;
  right: 12px;
  top: 12px;
}

.crp-tile.cptn07 .cptn .fa:hover {
  opacity: 1;
}

.crp-tile.cptn07 .cptn h3 {
  color: #fff;
  font-size: 16px;
  font-weight: normal;
}

.crp-tile.cptn07 .cptn p {
  color: #6a6a6a;
  font-size: 14px;
}

.crp-tile.cptn07:hover img {
  top: 60px;
}
/* Caption 07 [ END ]....*/
.crp-tile.cptn08 {
  width: 100%;
  height: 100%;
  position: relative;
}

.crp-tile.cptn08 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.cptn08 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.cptn08 .cptn * {
  position: relative;
}

.crp-tile.cptn08 .cptn {
  width: 100%;
  height: 60px;
  bottom: 0px;
  left: 0;
}

.crp-tile.cptn08 .cptn div {
  float: left;
  height: 100%;
  width: 100%;
}

.crp-tile.cptn08 .cptn .fa {
  -wibkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  /*border: 1px solid #fff;*/
  -wibkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  /*color: #fff;*/
  display: block;
  float: right;
  height: 35px;
  line-height: 35px;
  text-align: center;
  text-decoration: none;
  width: 35px;
  opacity: 0.8;

  position: absolute;
  right: 12px;
  top: 12px;
}

.crp-tile.cptn08 .cptn .fa:hover {
  opacity: 1;
}

.crp-tile.cptn08 .cptn h3 {
  color: #fff;
  font-size: 16px;
  font-weight: normal;
}

.crp-tile.cptn08 .cptn p {
  color: #6a6a6a;
  font-size: 14px;
}

.crp-tile.cptn08:hover img {
  top: -60px;
}
/* Caption 08 [ END ]....*/
.crp-tile.cptn09 {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.crp-tile.cptn09 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.cptn09 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.crp-tile.cptn09 .cptn * {
  position: relative;
}

.crp-tile.cptn09 .cptn {
  width: 100%;
  height: 60px;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  -ms-transform-origin: top;
  -o-transform-origin: top;
  transform-origin: top;
  -webkit-transform: perspective(600px) rotateX(-90deg);
  -moz-transform: perspective(600px) rotateX(-90deg);
  -ms-transform: perspective(600px) rotateX(-90deg);
  -o-transform: perspective(600px) rotateX(-90deg);
  transform: perspective(600px) rotateX(-90deg);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.cptn09 .cptn div {
  float: left;
  height: 100%;
  width: 100%;
}

.crp-tile.cptn09 .cptn .fa {
  -wibkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  /*border: 1px solid #fff;*/
  -wibkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  /*color: #fff;*/
  display: block;
  float: right;
  height: 35px;
  line-height: 35px;
  text-align: center;
  text-decoration: none;
  width: 35px;
  opacity: 0.8;

  position: absolute;
  right: 12px;
  top: 12px;
}

.crp-tile.cptn09 .cptn .fa:hover {
  opacity: 1;
}

.crp-tile.cptn09 .cptn h3 {
  color: #fff;
  font-size: 16px;
  font-weight: normal;
}

.crp-tile.cptn09 .cptn p {
  color: #6a6a6a;
  font-size: 14px;
}

.crp-tile.cptn09:hover .cptn {
  opacity: 1;
  -webkit-transform: perspective(600px) rotateX(0deg);
  -moz-transform: perspective(600px) rotateX(0deg);
  -ms-transform: perspective(600px) rotateX(0deg);
  -o-transform: perspective(600px) rotateX(0deg);
  transform: perspective(600px) rotateX(0deg);
}
/* Caption 09 [ END ]....*/

.crp-tile.cptn10 {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.crp-tile.cptn10 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.cptn10 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.crp-tile.cptn10 .cptn * {
  position: relative;
}

.crp-tile.cptn10 .cptn div {
  height: 100%;
}

.crp-tile.cptn10 .cptn {
  
  width: 130px;
  height: 100%;
  top: 0px;
  right: 0px;
  opacity: 0;
  -webkit-transform-origin: right;
  -moz-transform-origin: right;
  -ms-transform-origin: right;
  -o-transform-origin: right;
  transform-origin: right;
  -webkit-transform: perspective(600px) rotateY(-90deg);
  -moz-transform: perspective(600px) rotateY(-90deg);
  -ms-transform: perspective(600px) rotateY(-90deg);
  -o-transform: perspective(600px) rotateY(-90deg);
  transform: perspective(600px) rotateY(-90deg);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.cptn10 .cptn .fa {
  -wibkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  border: 2px solid #fff;
  -wibkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #fff;
  display: block;
  height: 30px;
  line-height: 30px;
  text-align: center;
  text-decoration: none;
  width: 30px;
  margin: 10px auto;
  opacity: 0.8;
  top: -80px;
}

.crp-tile.cptn10 .cptn .fa:hover {
  opacity: 1;
}

.crp-tile.cptn10 .cptn h3 {
  color: #fff;
  
  font-size: 16px;
  font-weight: normal;
  margin: 20px 0 3px 10px;
}

.crp-tile.cptn10 .cptn p {
  color: #6a6a6a;
  
  font-size: 14px;
  margin-left: 10px;
}

.crp-tile.cptn10:hover .cptn {
  opacity: 1;
  -webkit-transform: perspective(600px) rotateY(0deg);
  -moz-transform: perspective(600px) rotateY(0deg);
  -ms-transform: perspective(600px) rotateY(0deg);
  -o-transform: perspective(600px) rotateY(0deg);
  transform: perspective(600px) rotateY(0deg);
}
/* Caption 10 [ END ]....*/
.crp-tile.cptn11 {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  
  
  
}

.crp-tile.cptn11 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.cptn11 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.crp-tile.cptn11 .cptn * {
  position: relative;
}

.crp-tile.cptn11 .cptn {
  
  width: 100%;
  height: 60px;
  bottom: 0px;
  left: 0;
  opacity: 0;
  -webkit-transform-origin: bottom;
  -moz-transform-origin: bottom;
  -ms-transform-origin: bottom;
  -o-transform-origin: bottom;
  transform-origin: bottom;
  -webkit-transform: perspective(600px) rotateX(90deg);
  -moz-transform: perspective(600px) rotateX(90deg);
  -ms-transform: perspective(600px) rotateX(90deg);
  -o-transform: perspective(600px) rotateX(90deg);
  transform: perspective(600px) rotateX(90deg);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.cptn11 .cptn div {
  float: left;
  height: 100%;
  width: 100%;
}

.crp-tile.cptn11 .cptn .fa {
  -wibkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  /*border: 1px solid #fff;*/
  -wibkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  /*color: #fff;*/
  display: block;
  float: right;
  height: 35px;
  line-height: 35px;
  text-align: center;
  text-decoration: none;
  width: 35px;
  opacity: 0.8;

  position: absolute;
  right: 12px;
  top: 12px;
}


.crp-tile.cptn11 .cptn .fa:hover {
  opacity: 1;
}

.crp-tile.cptn11 .cptn h3 {
  color: #fff;
  font-size: 16px;
  font-weight: normal;
}

.crp-tile.cptn11 .cptn p {
  color: #6a6a6a;
  font-size: 14px;
}

.crp-tile.cptn11:hover .cptn {
  opacity: 1;
  -webkit-transform: perspective(600px) rotateX(0deg);
  -moz-transform: perspective(600px) rotateX(0deg);
  -ms-transform: perspective(600px) rotateX(0deg);
  -o-transform: perspective(600px) rotateX(0deg);
  transform: perspective(600px) rotateX(0deg);
}
/* Caption 11 [ END ]....*/

.crp-tile.cptn12 {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.crp-tile.cptn12 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.cptn12 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.crp-tile.cptn12 .cptn * {
  position: relative;
}

.crp-tile.cptn12 .cptn div {
  height: 100%;
}

.crp-tile.cptn12 .cptn {
  
  width: 140px;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transform-origin: left;
  -moz-transform-origin: left;
  -ms-transform-origin: left;
  -o-transform-origin: left;
  transform-origin: left;
  -webkit-transform: perspective(600px) rotateY(90deg);
  -moz-transform: perspective(600px) rotateY(90deg);
  -ms-transform: perspective(600px) rotateY(90deg);
  -o-transform: perspective(600px) rotateY(90deg);
  transform: perspective(600px) rotateY(90deg);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.cptn12 .cptn .fa {
  -wibkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  border: 2px solid #fff;
  -wibkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #fff;
  display: block;
  height: 30px;
  line-height: 30px;
  text-align: center;
  text-decoration: none;
  width: 30px;
  margin: 10px auto;
  opacity: 0.8;
  top: -80px;
}

.crp-tile.cptn12 .cptn .fa:hover {
  opacity: 1;
}

.crp-tile.cptn12 .cptn h3 {
  color: #fff;
  
  font-size: 16px;
  font-weight: normal;
  margin: 20px 0 3px 10px;
}

.crp-tile.cptn12 .cptn p {
  color: #6a6a6a;
  
  font-size: 14px;
  margin-left: 10px;
}

.crp-tile.cptn12:hover .cptn {
  opacity: 1;
  -webkit-transform: perspective(600px) rotateY(0deg);
  -moz-transform: perspective(600px) rotateY(0deg);
  -ms-transform: perspective(600px) rotateY(0deg);
  -o-transform: perspective(600px) rotateY(0deg);
  transform: perspective(600px) rotateY(0deg);
}
/* Caption 12 [ END ]....*/
.crp-tile.cptn13 {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  
  
  
}

.crp-tile.cptn13 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.cptn13 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.crp-tile.cptn13 .ovrly {
  width: 100%;
  height: 100%;
  top: -100%;
  left: 0;
  background: rgba(0, 0 ,0, 0.5);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.cptn13 .ovrly .cptn * {
  position: relative;
}

.crp-tile.cptn13 .ovrly .cptn {
  position: relative;
  
  width: 100%;
  height: 60px;
  top: 20px;
  left: 0px;
}

.crp-tile.cptn13 .ovrly .cptn div {
  float: left;
  height: 100%;
}

.crp-tile.cptn13 .ovrly .cptn .fa {
  -wibkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  border: 2px solid #fff;
  -wibkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #fff;
  display: block;
  float: right;
  height: 30px;
  line-height: 30px;
  text-align: center;
  text-decoration: none;
  width: 30px;
  margin: 13px;
  opacity: 0.8;
}

.crp-tile.cptn13 .ovrly .cptn .fa:hover {
  opacity: 1;
}

.crp-tile.cptn13 .ovrly .cptn h3 {
  color: #fff;
  
  font-size: 16px;
  font-weight: normal;
  margin: 10px 20px;
}

.crp-tile.cptn13 .ovrly .cptn p {
  color: #6a6a6a;
  
  font-size: 14px;
  line-height: 0;
  margin-left: 20px;
}

.crp-tile.cptn13:hover .ovrly {
  top: 0;
}
/* Caption 13 [ END ]....*/
.crp-tile.cptn14 {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  
  
  
}

.crp-tile.cptn14 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.cptn14 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.crp-tile.cptn14 .ovrly {
  width: 100%;
  height: 100%;
  top: 0;
  left: 100%;
  background: rgba(0, 0 ,0, 0.5);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.cptn14 .ovrly .cptn * {
  position: relative;
}

.crp-tile.cptn14 .ovrly .cptn {
  
  width: 120px;
  height: 100%;
  top: 0;
  left: 25px;
}

.crp-tile.cptn14 .ovrly .cptn div {
  height: 100%;
}

.crp-tile.cptn14 .ovrly .cptn .fa {
  -wibkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  border: 2px solid #fff;
  -wibkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #fff;
  display: block;
  height: 30px;
  line-height: 30px;
  text-align: center;
  text-decoration: none;
  width: 30px;
  margin: 10px auto;
  opacity: 0.8;
  top: -80px;
}

.crp-tile.cptn14 .ovrly .cptn .fa:hover {
  opacity: 1;
}

.crp-tile.cptn14 .ovrly .cptn h3 {
  color: #fff;
  
  font-size: 16px;
  font-weight: normal;
  margin: 20px 0 3px 10px;
}

.crp-tile.cptn14 .ovrly .cptn p {
  color: #6a6a6a;
  
  font-size: 14px;
  margin-left: 10px;
}

.crp-tile.cptn14:hover .ovrly {
  left: 0;
}
/* Caption 14 [ END ]....*/
.crp-tile.cptn15 {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  
  
  
}

.crp-tile.cptn15 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.cptn15 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.crp-tile.cptn15 .ovrly {
  width: 100%;
  height: 100%;
  top: 100%;
  left: 0;
  background: rgba(0, 0 ,0, 0.5);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.cptn15 .ovrly .cptn * {
  position: relative;
}

.crp-tile.cptn15 .ovrly .cptn {
  position: relative;
  
  width: 100%;
  height: 60px;
  top: 20px;
  left: 0;
}

.crp-tile.cptn15 .ovrly .cptn div {
  float: left;
  height: 100%;
}

.crp-tile.cptn15 .ovrly .cptn .fa {
  -wibkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  border: 2px solid #fff;
  -wibkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #fff;
  display: block;
  float: right;
  height: 30px;
  line-height: 30px;
  text-align: center;
  text-decoration: none;
  width: 30px;
  margin: 13px;
  opacity: 0.8;
}

.crp-tile.cptn15 .ovrly .cptn .fa:hover {
  opacity: 1;
}

.crp-tile.cptn15 .ovrly .cptn h3 {
  color: #fff;
  
  font-size: 16px;
  font-weight: normal;
  margin: 10px 20px;
}

.crp-tile.cptn15 .ovrly .cptn p {
  color: #6a6a6a;
  
  font-size: 14px;
  line-height: 0;
  margin-left: 20px;
}

.crp-tile.cptn15:hover .ovrly {
  top: 0;
}
/* Caption 15 [ END ]....*/
.crp-tile.cptn16 {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  
  
  
}

.crp-tile.cptn16 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.cptn16 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.crp-tile.cptn16 .ovrly {
  width: 100%;
  height: 100%;
  top: 0;
  left: -100%;
  background: rgba(0, 0 ,0, 0.5);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.cptn16 .ovrly .cptn * {
  position: relative;
}

.crp-tile.cptn16 .ovrly .cptn {
  
  width: 120px;
  height: 100%;
  top: 0;
  right: 25px;
}

.crp-tile.cptn16 .ovrly .cptn div {
  height: 100%;
}

.crp-tile.cptn16 .ovrly .cptn .fa {
  -wibkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  border: 2px solid #fff;
  -wibkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #fff;
  display: block;
  height: 30px;
  line-height: 30px;
  text-align: center;
  text-decoration: none;
  width: 30px;
  margin: 10px auto;
  opacity: 0.8;
  top: -80px;
}

.crp-tile.cptn16 .ovrly .cptn .fa:hover {
  opacity: 1;
}

.crp-tile.cptn16 .ovrly .cptn h3 {
  color: #fff;
  
  font-size: 16px;
  font-weight: normal;
  margin: 20px 0 3px 10px;
}

.crp-tile.cptn16 .ovrly .cptn p {
  color: #6a6a6a;
  
  font-size: 14px;
  margin-left: 10px;
}

.crp-tile.cptn16:hover .ovrly {
  left: 0;
}
/* Caption 16 [ END ]....*/
.crp-tile.cptn17 {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  
  
  
}

.crp-tile.cptn17 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.cptn17 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.crp-tile.cptn17 .cptn * {
  position: relative;
}

.crp-tile.cptn17 .cptn {
  width: 100%;
  height: 60px;
  bottom: 20px;
  left: 0;
  opacity: 0;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.cptn17 .cptn div {
  float: left;
  height: 100%;
  width: 100%;
}

.crp-tile.cptn17 .cptn .fa {
  -wibkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  /*border: 1px solid #fff;*/
  -wibkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  /*color: #fff;*/
  display: block;
  float: right;
  height: 35px;
  line-height: 35px;
  text-align: center;
  text-decoration: none;
  width: 35px;
  opacity: 0.8;

  position: absolute;
  right: 12px;
  top: 12px;
}


.crp-tile.cptn17 .cptn .fa:hover {
  opacity: 1;
}

.crp-tile.cptn17 .cptn h3 {
  color: #fff;
  font-size: 16px;
  font-weight: normal;
}

.crp-tile.cptn17 .cptn p {
  color: #6a6a6a;
  font-size: 14px;
}

.crp-tile.cptn17:hover .cptn {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
/* Caption 17 [ END ]....*/
.crp-tile.cptn18 {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.crp-tile.cptn18 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.cptn18 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.crp-tile.cptn18 .cptn * {
  position: relative;
}

.crp-tile.cptn18 .cptn {
  width: 100%;
  height: 60px;
  bottom: 20px;
  left: 0;
  opacity: 0;
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -ms-transform: scale(1.5);
  -o-transform: scale(1.5);
  transform: scale(1.5);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.cptn18 .cptn div {
  float: left;
  height: 100%;
  width: 100%;
}

.crp-tile.cptn18 .cptn .fa {
  -wibkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  /*border: 1px solid #fff;*/
  -wibkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  /*color: #fff;*/
  display: block;
  float: right;
  height: 35px;
  line-height: 35px;
  text-align: center;
  text-decoration: none;
  width: 35px;
  opacity: 0.8;

  position: absolute;
  right: 12px;
  top: 12px;
}


.crp-tile.cptn18 .cptn .fa:hover {
  opacity: 1;
}

.crp-tile.cptn18 .cptn h3 {
  color: #fff;
  font-size: 16px;
  font-weight: normal;
}

.crp-tile.cptn18 .cptn p {
  color: #6a6a6a;
  font-size: 14px;
}

.crp-tile.cptn18:hover .cptn {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
/* Caption 18 [ END ]....*/

.crp-tile.cptn19 {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.crp-tile.cptn19 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.cptn19 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.crp-tile.cptn19 .cptn * {
  position: relative;
}

.crp-tile.cptn19 .cptn {
  width: 100%;
  height: 60px;
  bottom: 20px;
  opacity: 0;
  left: -50%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.cptn19 .cptn div {
  float: left;
  height: 100%;
  width: 100%;
}

.crp-tile.cptn19 .cptn .fa {
  -wibkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  /*border: 1px solid #fff;*/
  -wibkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  /*color: #fff;*/
  display: block;
  float: right;
  height: 35px;
  line-height: 35px;
  text-align: center;
  text-decoration: none;
  width: 35px;
  opacity: 0.8;

  position: absolute;
  right: 12px;
  top: 12px;
}


.crp-tile.cptn19 .cptn .fa:hover {
  opacity: 1;
}

.crp-tile.cptn19 .cptn h3 {
  color: #fff;
  font-size: 16px;
  font-weight: normal;
}

.crp-tile.cptn19 .cptn p {
  color: #6a6a6a;
  font-size: 14px;
}

.crp-tile.cptn19:hover .cptn {
  left: 0;
  opacity: 1;
}
/* Caption 19 [ END ]....*/
.crp-tile.cptn20 {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.crp-tile.cptn20 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.cptn20 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.crp-tile.cptn20 .cptn * {
  position: relative;
}

.crp-tile.cptn20 .cptn {
  
  width: 100%;
  height: 60px;
  bottom: -30px;
  left: 0;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.cptn20 .cptn div {
  float: left;
  height: 100%;
  width: 100%;
}

.crp-tile.cptn20 .cptn .fa {
  -wibkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  /*border: 1px solid #fff;*/
  -wibkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  /*color: #fff;*/
  display: block;
  float: right;
  height: 35px;
  line-height: 35px;
  text-align: center;
  text-decoration: none;
  width: 35px;
  opacity: 0.8;

  position: absolute;
  right: 12px;
  top: 12px;
}


.crp-tile.cptn20 .cptn .fa:hover {
  opacity: 1;
}

.crp-tile.cptn20 .cptn h3 {
  color: #fff;
  font-size: 16px;
  font-weight: normal;
}

.crp-tile.cptn20 .cptn p {
  color: #6a6a6a;
  font-size: 14px;
}

.crp-tile.cptn20:hover .cptn {
  bottom: 20px;
  opacity: 1;
}
/* Caption 20 [ END ]....*/

.crp-tile .cptn h3 {
  margin-left: 20px;
  margin-top: 10px;
  margin-right: 65px;
  margin-bottom: 0px;

  font-size: 16px;
  text-decoration: none;

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.crp-tile .cptn p {
  margin-left: 20px;
  margin-top: 0px;
  margin-right: 65px;
  margin-bottom: 0px;

  font-size: 12px;

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Caption common [END] */

.crp-tile.image01 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  
  
  
}

.crp-tile.image01 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.image01 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  -o-transition: -o-transform 0.3s;
  transition: transform 0.3s;
}

.crp-tile.image01 .ovrly {
  background: rgba(0,0,0,0.5);
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.image01 .fa {
  background: rgba(256, 256, 256, 0.9);
  
  
  
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: rgba(50, 50, 50, 0.9);
  display: block;
  line-height: 40px;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  width: 40px;
  height: 40px;
  /*top: 80px;*/
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0;
}

.crp-tile.image01 .fa:hover {
  background: rgba(256,256,256,1);
}

.crp-tile.image01 .ic-link {
  /*left: 100px;*/
  left: 50%;
  top:50%;
  margin-left: -45px;
  margin-top: -20px;
}

.crp-tile.image01 .ic-search {
  /*left: 145px;*/
  left: 50%;
  top:50%;
  margin-left: 5px;
  margin-top: -20px;
}

.crp-tile.image01:hover img {
  -webkit-filter: blur(2px);
  filter: blur(2px);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.crp-tile.image01:hover .ovrly {
  opacity: 1;
}

.crp-tile.image01:hover .fa {
  opacity: 1;
}
/* Image 01 [ END ]....*/
.crp-tile.image02 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  
  
  
}

.crp-tile.image02 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.image02 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.crp-tile.image02 .fa {
  background: rgba(256, 256, 256, 0.9);
  
  
  
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: rgba(50, 50, 50, 0.9);
  display: block;
  line-height: 40px;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  width: 40px;
  height: 40px;
  /*top: 80px;*/
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0;
}

.crp-tile.image02 .fa:hover {
  background: rgba(256,256,256,1);
}

.crp-tile.image02 .ic-link {
  /*left: 100px;*/
  left: 50%;
  top:50%;
  margin-left: -45px;
  margin-top: -20px;
}

.crp-tile.image02 .ic-search {
  /*left: 145px;*/
  left: 50%;
  top:50%;
  margin-left: 5px;
  margin-top: -20px;
}


.crp-tile.image02:hover img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.crp-tile.image02:hover .fa {
  opacity: 1;
}
/* Image 02 [ END ]....*/
.crp-tile.image03 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  
  
  
}

.crp-tile.image03 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.image03 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.image03 .ovrly {
  background: rgba(0,0,0,0.5);
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.image03 .fa {
  background: rgba(256, 256, 256, 0.9);
  
  
  
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: rgba(50, 50, 50, 0.9);
  display: block;
  line-height: 40px;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  width: 40px;
  height: 40px;
  top: 80px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0;
}

.crp-tile.image03 .fa:hover {
  background: rgba(256,256,256,1);
}

.crp-tile.image03 .ic-link {
  /*left: 100px;*/
  left: 50%;
  top:50%;
  margin-left: -45px;
  margin-top: -20px;
}

.crp-tile.image03 .ic-search {
  /*left: 145px;*/
  left: 50%;
  top:50%;
  margin-left: 5px;
  margin-top: -20px;
}

.crp-tile.image03:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

.crp-tile.image03:hover .ovrly {
  opacity: 1;
}

.crp-tile.image03:hover .fa {
  opacity: 1;
}
/* Image 03 [ END ]....*/
.crp-tile.image04 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  
  
  
}

.crp-tile.image04 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.image04 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.image04 .ovrly {
  background: rgba(0,0,0,0.5);
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.image04 .fa {
  background: rgba(256, 256, 256, 0.9);
  
  
  
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: rgba(50, 50, 50, 0.9);
  display: block;
  line-height: 40px;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  width: 40px;
  height: 40px;
  top: 80px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0;
}

.crp-tile.image04 .fa:hover {
  background: rgba(256,256,256,1);
}

.crp-tile.image04 .ic-link {
  /*left: 100px;*/
  left: 50%;
  top:50%;
  margin-left: -45px;
  margin-top: -20px;
}

.crp-tile.image04 .ic-search {
  /*left: 145px;*/
  left: 50%;
  top:50%;
  margin-left: 5px;
  margin-top: -20px;
}

.crp-tile.image04:hover img {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.crp-tile.image04:hover .ovrly {
  opacity: 1;
}

.crp-tile.image04:hover .fa {
  opacity: 1;
}
/* Image 04 [ END ]....*/
.crp-tile.image05 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  
  
  
}

.crp-tile.image05 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.image05 .imgB {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 1;
}

.crp-tile.image05 .imgT {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0.5;
}

.crp-tile.image05 .ovrly {
  background: rgba(0,0,0,0.5);
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.image05 .fa {
  background: rgba(256, 256, 256, 0.9);
  
  
  
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: rgba(50, 50, 50, 0.9);
  display: block;
  line-height: 40px;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  width: 40px;
  height: 40px;
  top: 80px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0;
}

.crp-tile.image05 .fa:hover {
  background: rgba(256,256,256,1);
}

.crp-tile.image05 .ic-link {
  /*left: 100px;*/
  left: 50%;
  top:50%;
  margin-left: -45px;
  margin-top: -20px;
}

.crp-tile.image05 .ic-search {
  /*left: 145px;*/
  left: 50%;
  top:50%;
  margin-left: 5px;
  margin-top: -20px;
}

.crp-tile.image05:hover .imgT {
  opacity: 0;
  -webkit-transform: scale(5);
  -moz-transform: scale(5);
  -ms-transform: scale(5);
  -o-transform: scale(5);
  transform: scale(5);
}

.crp-tile.image05:hover .fa {
  opacity: 1;
}

.crp-tile.image05:hover .ovrly {
  opacity: 1;
}
/* Image 05 [ END ]....*/
.crp-tile.image06 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  
  
  
}

.crp-tile.image06 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.image06 .imgB {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 1;
}

.crp-tile.image06 .imgT {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transform: scale(5);
  -moz-transform: scale(5);
  -ms-transform: scale(5);
  -o-transform: scale(5);
  transform: scale(5);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0;
}

.crp-tile.image06 .ovrly {
  background: rgba(0,0,0,0.5);
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.image06 .fa {
  background: rgba(256, 256, 256, 0.9);
  
  
  
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: rgba(50, 50, 50, 0.9);
  display: block;
  line-height: 40px;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  width: 40px;
  height: 40px;
  top: 80px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0;
}

.crp-tile.image06 .fa:hover {
  background: rgba(256,256,256,1);
}

.crp-tile.image06 .ic-link {
  /*left: 100px;*/
  left: 50%;
  top:50%;
  margin-left: -45px;
  margin-top: -20px;
}

.crp-tile.image06 .ic-search {
  /*left: 145px;*/
  left: 50%;
  top:50%;
  margin-left: 5px;
  margin-top: -20px;
}

.crp-tile.image06:hover .imgT {
  opacity: 0.5;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.crp-tile.image06:hover .fa {
  opacity: 1;
}

.crp-tile.image06:hover .ovrly {
  opacity: 1;
}
/* Image 06 [ END ]....*/
.crp-tile.sBtn01 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.crp-tile.sBtn01 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.sBtn01 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.sBtn01 .ovrly {
  height: 100%;
  width: 35px;
  list-style-type: none;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: perspective(400px) rotateY(90deg);
  -moz-transform: perspective(400px) rotateY(90deg);
  -ms-transform: perspective(400px) rotateY(90deg);
  -o-transform: perspective(400px) rotateY(90deg);
  transform: perspective(400px) rotateY(90deg);
  -webkit-transform-origin: left;
  -moz-transform-origin: left;
  -ms-transform-origin: left;
  -o-transform-origin: left;
  transform-origin: left;
}

.crp-tile.sBtn01 .ovrly * {
  position: relative;
  margin: 0;
  padding: 0;
}

.crp-tile.sBtn01 .fa {
  display: block;
  float: left;
  height: 33px;
  line-height: 33px;
  text-align: center;
  text-decoration: none;
  width: 35px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.sBtn01 .fa:hover {
  color: #fff !important;
}

.crp-tile.sBtn01 .fa-facebook:hover {
  background: #3b5998 !important;
}

.crp-tile.sBtn01 .fa-twitter:hover {
  background: #55acee !important;
}

.crp-tile.sBtn01 .fa-plus:hover {
  background: #dd4b39 !important;
}

.crp-tile.sBtn01 .ic-linkedin:hover {
  background: #0976b4 !important;
}

.crp-tile.sBtn01 .fa-dribbble:hover {
  background: #ea4c89 !important;
}

.crp-tile.sBtn01 .fa-pinterest-p:hover {
  background: #cc2127 !important;
}

.crp-tile.sBtn01:hover .ovrly {
  -webkit-transform: perspective(400px) rotateY(0deg);
  -moz-transform: perspective(400px) rotateY(0deg);
  -ms-transform: perspective(400px) rotateY(0deg);
  -o-transform: perspective(400px) rotateY(0deg);
  transform: perspective(400px) rotateY(0deg);
}

.crp-tile.sBtn01:hover img {
  left: 10px;
}
/*Social Media Button 01 [ END ]....*/

.crp-tile.sBtn02 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.crp-tile.sBtn02 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.sBtn02 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.sBtn02 .ovrly {
  height: 100%;
  width: 35px;
  right: 0;
  list-style-type: none;
  background-color: white;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: perspective(400px) rotateY(-90deg);
  -moz-transform: perspective(400px) rotateY(-90deg);
  -ms-transform: perspective(400px) rotateY(-90deg);
  -o-transform: perspective(400px) rotateY(-90deg);
  transform: perspective(400px) rotateY(-90deg);
  -webkit-transform-origin: right center;
  -moz-transform-origin: right center;
  -ms-transform-origin: right center;
  -o-transform-origin: right center;
  transform-origin: right center;
}

.crp-tile.sBtn02 .ovrly * {
  position: relative;
  margin: 0;
  padding: 0;
}


.crp-tile.sBtn02 .fa {
  float: right;
  background: #fff;
  color: #a1a1a1;
  display: block;
  height: 33px;
  line-height: 33px;
  text-align: center;
  text-decoration: none;
  width: 35px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.sBtn02 .fa:hover {
  color: #fff !important;
}

.crp-tile.sBtn02 .fa-facebook:hover {
  background: #3b5998 !important;
}

.crp-tile.sBtn02 .fa-twitter:hover {
  background: #55acee !important;
}

.crp-tile.sBtn02 .fa-plus:hover {
  background: #dd4b39 !important;
}

.crp-tile.sBtn02 .ic-linkedin:hover {
  background: #0976b4 !important;
}

.crp-tile.sBtn02 .fa-dribbble:hover {
  background: #ea4c89 !important;
}

.crp-tile.sBtn02 .fa-pinterest-p:hover {
  background: #cc2127 !important;
}

.crp-tile.sBtn02:hover .ovrly {
  -webkit-transform: perspective(400px) rotateY(0deg);
  -moz-transform: perspective(400px) rotateY(0deg);
  -ms-transform: perspective(400px) rotateY(0deg);
  -o-transform: perspective(400px) rotateY(0deg);
  transform: perspective(400px) rotateY(0deg);
}

.crp-tile.sBtn02:hover img {
  left: -10px;
}
/*Social Media Button 02 [ END ]....*/

.crp-tile.sBtn03 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.crp-tile.sBtn03 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.sBtn03 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.crp-tile.sBtn03 .ovrly {
  background: rgba(0,0,0,0.5);
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.sBtn03 .fa {
  background: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #a1a1a1;
  display: block;
  font-size: 14px;
  height: 35px;
  width: 35px;
  line-height: 35px;
  text-align: center;
  text-decoration: none;
  bottom: -40px;
}

.crp-tile.sBtn03 .fa:hover {
  color: #fff !important;
}

.crp-tile.sBtn03 .fa-facebook:hover {
  background: #3b5998 !important;
}

.crp-tile.sBtn03 .fa-twitter:hover {
  background: #55acee !important;
}

.crp-tile.sBtn03 .fa-plus:hover {
  background: #dd4b39 !important;
}

.crp-tile.sBtn03 .ic-linkedin:hover {
  background: #0976b4 !important;
}

.crp-tile.sBtn03 .fa-dribbble:hover {
  background: #ea4c89 !important;
}

.crp-tile.sBtn03 .fa-pinterest-p:hover {
  background: #cc2127 !important;
}

.crp-tile.sBtn03 .fa-facebook {
  left: 12px;
  -webkit-transition: bottom 0.3s cubic-bezier(0, 1.135, 0.73, 1.405) 0s, color 0.2s ease 0s;
  -moz-transition: bottom 0.3s cubic-bezier(0, 1.135, 0.73, 1.405) 0s, color 0.2s ease 0s;
  -ms-transition: bottom 0.3s cubic-bezier(0, 1.135, 0.73, 1.405) 0s, color 0.2s ease 0s;
  transition: bottom 0.3s cubic-bezier(0, 1.135, 0.73, 1.405) 0s, color 0.2s ease 0s;
}

.crp-tile.sBtn03 .fa-twitter {
  left: 57px;
  -webkit-transition: bottom 0.3s cubic-bezier(0, 1.135, 0.73, 1.405) 0.1s, color 0.2s ease 0s;
  -moz-transition: bottom 0.3s cubic-bezier(0, 1.135, 0.73, 1.405) 0.1s, color 0.2s ease 0s;
  -ms-transition: bottom 0.3s cubic-bezier(0, 1.135, 0.73, 1.405) 0.1s, color 0.2s ease 0s;
  transition: bottom 0.3s cubic-bezier(0, 1.135, 0.73, 1.405) 0.1s, color 0.2s ease 0s;
}

.crp-tile.sBtn03 .fa-plus {
  left: 102px;
  -webkit-transition: bottom 0.3s cubic-bezier(0, 1.135, 0.73, 1.405) 0.2s, color 0.2s ease 0s;
  -moz-transition: bottom 0.3s cubic-bezier(0, 1.135, 0.73, 1.405) 0.2s, color 0.2s ease 0s;
  -ms-transition: bottom 0.3s cubic-bezier(0, 1.135, 0.73, 1.405) 0.2s, color 0.2s ease 0s;
  transition: bottom 0.3s cubic-bezier(0, 1.135, 0.73, 1.405) 0.2s, color 0.2s ease 0s;
}

.crp-tile.sBtn03 .fa-pinterest-p {
  left: 147px;
  -moz-transition: bottom 0.3s cubic-bezier(0, 1.135, 0.73, 1.405) 0.4s, color 0.2s ease 0s;
  -webkit-transition: bottom 0.3s cubic-bezier(0, 1.135, 0.73, 1.405) 0.4s, color 0.2s ease 0s;
  -ms-transition: bottom 0.3s cubic-bezier(0, 1.135, 0.73, 1.405) 0.4s, color 0.2s ease 0s;
  transition: bottom 0.3s cubic-bezier(0, 1.135, 0.73, 1.405) 0.4s, color 0.2s ease 0s;
}

.crp-tile.sBtn03 .ic-linkedin {
  left: 192px;
  -moz-transition: bottom 0.3s cubic-bezier(0, 1.135, 0.73, 1.405) 0.4s, color 0.2s ease 0s;
  -webkit-transition: bottom 0.3s cubic-bezier(0, 1.135, 0.73, 1.405) 0.4s, color 0.2s ease 0s;
  -ms-transition: bottom 0.3s cubic-bezier(0, 1.135, 0.73, 1.405) 0.4s, color 0.2s ease 0s;
  transition: bottom 0.3s cubic-bezier(0, 1.135, 0.73, 1.405) 0.4s, color 0.2s ease 0s;
}

.crp-tile.sBtn03:hover .fa {
  bottom: 10px;
}

.crp-tile.sBtn03:hover .ovrly {
  opacity: 1;
}
/*Social Media Button 03 [ END ]....*/
.crp-tile.sBtn04 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.crp-tile.sBtn04 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.sBtn04 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.crp-tile.sBtn04 .ovrly {
  background: rgba(0,0,0,0.5);
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.sBtn04 .fa {
  background: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #a1a1a1;
  display: block;
  font-size: 14px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  text-decoration: none;
  top: -40px;
  width: 35px;
}

.crp-tile.sBtn04 .fa:hover {
  color: #fff !important;
}

.crp-tile.sBtn04 .fa-facebook:hover {
  background: #3b5998 !important;
}

.crp-tile.sBtn04 .fa-twitter:hover {
  background: #55acee !important;
}

.crp-tile.sBtn04 .fa-plus:hover {
  background: #dd4b39 !important;
}

.crp-tile.sBtn04 .ic-linkedin:hover {
  background: #0976b4 !important;
}

.crp-tile.sBtn04 .fa-dribbble:hover {
  background: #ea4c89 !important;
}

.crp-tile.sBtn04 .fa-pinterest-p:hover {
  background: #cc2127 !important;
}

.crp-tile.sBtn04 .fa-facebook {
  left: 12px;
  -webkit-transition: top 0.3s cubic-bezier(0, 1.135, 0.73, 1.405) 0s, color 0.2s ease 0s;
  -moz-transition: top 0.3s cubic-bezier(0, 1.135, 0.73, 1.405) 0s, color 0.2s ease 0s;
  -ms-transition: top 0.3s cubic-bezier(0, 1.135, 0.73, 1.405) 0s, color 0.2s ease 0s;
  transition: top 0.3s cubic-bezier(0, 1.135, 0.73, 1.405) 0s, color 0.2s ease 0s;
}

.crp-tile.sBtn04 .fa-twitter {
  left: 57px;
  -webkit-transition: top 0.3s cubic-bezier(0, 1.135, 0.73, 1.405) 0.1s, color 0.2s ease 0s;
  -moz-transition: top 0.3s cubic-bezier(0, 1.135, 0.73, 1.405) 0.1s, color 0.2s ease 0s;
  -ms-transition: top 0.3s cubic-bezier(0, 1.135, 0.73, 1.405) 0.1s, color 0.2s ease 0s;
  transition: top 0.3s cubic-bezier(0, 1.135, 0.73, 1.405) 0.1s, color 0.2s ease 0s;
}

.crp-tile.sBtn04 .fa-plus {
  left: 102px;
  -webkit-transition: top 0.3s cubic-bezier(0, 1.135, 0.73, 1.405) 0.2s, color 0.2s ease 0s;
  -moz-transition: top 0.3s cubic-bezier(0, 1.135, 0.73, 1.405) 0.2s, color 0.2s ease 0s;
  -ms-transition: top 0.3s cubic-bezier(0, 1.135, 0.73, 1.405) 0.2s, color 0.2s ease 0s;
  transition: top 0.3s cubic-bezier(0, 1.135, 0.73, 1.405) 0.2s, color 0.2s ease 0s;
}

.crp-tile.sBtn04 .fa-pinterest-p {
  left: 147px;
  -webkit-transition: top 0.3s cubic-bezier(0, 1.135, 0.73, 1.405) 0.3s, color 0.2s ease 0s;
  -moz-transition: top 0.3s cubic-bezier(0, 1.135, 0.73, 1.405) 0.3s, color 0.2s ease 0s;
  -ms-transition: top 0.3s cubic-bezier(0, 1.135, 0.73, 1.405) 0.3s, color 0.2s ease 0s;
  transition: top 0.3s cubic-bezier(0, 1.135, 0.73, 1.405) 0.3s, color 0.2s ease 0s;
}

.crp-tile.sBtn04 .fa-dribbble {
  left: 192px;
  -webkit-transition: top 0.3s cubic-bezier(0, 1.135, 0.73, 1.405) 0.4s, color 0.2s ease 0s;
  -moz-transition: top 0.3s cubic-bezier(0, 1.135, 0.73, 1.405) 0.4s, color 0.2s ease 0s;
  -ms-transition: top 0.3s cubic-bezier(0, 1.135, 0.73, 1.405) 0.4s, color 0.2s ease 0s;
  transition: top 0.3s cubic-bezier(0, 1.135, 0.73, 1.405) 0.4s, color 0.2s ease 0s;
}

.crp-tile.sBtn04 .ic-linkedin {
  left: 237px;
  -webkit-transition: top 0.3s cubic-bezier(0, 1.135, 0.73, 1.405) 0.3s, color 0.2s ease 0s;
  -moz-transition: top 0.3s cubic-bezier(0, 1.135, 0.73, 1.405) 0.3s, color 0.2s ease 0s;
  -ms-transition: top 0.3s cubic-bezier(0, 1.135, 0.73, 1.405) 0.3s, color 0.2s ease 0s;
  transition: top 0.3s cubic-bezier(0, 1.135, 0.73, 1.405) 0.3s, color 0.2s ease 0s;
}

.crp-tile.sBtn04:hover .fa {
  top: 10px;
}

.crp-tile.sBtn04:hover .ovrly {
  opacity: 1;
}
/*Social Media Button 04 [ END ]....*/
.crp-tile.sBtn05 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.crp-tile.sBtn05 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.sBtn05 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.sBtn05 .ovrly {
  float: left;
  left: 0;
  width: 100%;
  height: 33px;
  list-style-type: none;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: perspective(400px) rotateX(-90deg);
  -moz-transform: perspective(400px) rotateX(-90deg);
  -ms-transform: perspective(400px) rotateX(-90deg);
  -o-transform: perspective(400px) rotateX(-90deg);
  transform: perspective(400px) rotateX(-90deg);
  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  -ms-transform-origin: top;
  -o-transform-origin: top;
  transform-origin: top;
}

.crp-tile.sBtn05 .ovrly * {
  position: relative;
  margin: 0;
  padding: 0;
}

.crp-tile.sBtn05 .fa {
  display: block;
  float: left;
  height: 33px;
  line-height: 33px;
  text-align: center;
  text-decoration: none;
  width: 35px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.sBtn05 .ic-linkedin {
  width: 50px;
}

.crp-tile.sBtn05 .fa:hover {
  color: #fff !important;
}

.crp-tile.sBtn05 .fa-facebook:hover {
  background: #3b5998 !important;
}

.crp-tile.sBtn05 .fa-twitter:hover {
  background: #55acee !important;
}

.crp-tile.sBtn05 .fa-plus:hover {
  background: #dd4b39 !important;
}

.crp-tile.sBtn05 .ic-linkedin:hover {
  background: #0976b4 !important;
}

.crp-tile.sBtn05 .fa-dribbble:hover {
  background: #ea4c89 !important;
}

.crp-tile.sBtn05 .fa-pinterest-p:hover {
  background: #cc2127 !important;
}

.crp-tile.sBtn05:hover .ovrly {
  -webkit-transform: perspective(400px) rotateX(0deg);
  -moz-transform: perspective(400px) rotateX(0deg);
  -ms-transform: perspective(400px) rotateX(0deg);
  -o-transform: perspective(400px) rotateX(0deg);
  transform: perspective(400px) rotateX(0deg);
}

.crp-tile.sBtn05:hover img {
  top: 20px;
}
/*Social Media Button 05 [ END ]....*/

.crp-tile.sBtn06 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.crp-tile.sBtn06 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.sBtn06 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.sBtn06 .ovrly {
  background: #fff;
  width: 100%;
  height: 33px;
  left: 0;
  bottom: 0%;
  float: left;
  list-style-type: none;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: perspective(400px) rotateX(90deg);
  -moz-transform: perspective(400px) rotateX(90deg);
  -ms-transform: perspective(400px) rotateX(90deg);
  -o-transform: perspective(400px) rotateX(90deg);
  transform: perspective(400px) rotateX(90deg);
  -webkit-transform-origin: bottom;
  -moz-transform-origin: bottom;
  -ms-transform-origin: bottom;
  -o-transform-origin: bottom;
  transform-origin: bottom;
}

.crp-tile.sBtn06 .ovrly * {
  position: relative;
  margin: 0;
  padding: 0;
}

.crp-tile.sBtn06 .fa {
  background: #fff;
  color: #a1a1a1;
  display: block;
  height: 33px;
  line-height: 33px;
  text-align: center;
  text-decoration: none;
  width: 35px;
  float: left;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.sBtn06 .fa:hover {
  color: #fff !important;
}

.crp-tile.sBtn06 .fa-facebook:hover {
  background: #3b5998 !important;
}

.crp-tile.sBtn06 .fa-twitter:hover {
  background: #55acee !important;
}

.crp-tile.sBtn06 .fa-plus:hover {
  background: #dd4b39 !important;
}

.crp-tile.sBtn06 .ic-linkedin:hover {
  background: #0976b4 !important;
}

.crp-tile.sBtn06 .fa-dribbble:hover {
  background: #ea4c89 !important;
}

.crp-tile.sBtn06 .fa-pinterest-p:hover {
  background: #cc2127 !important;
}

.crp-tile.sBtn06:hover .ovrly {
  -webkit-transform: perspective(400px) rotateX(0deg);
  -moz-transform: perspective(400px) rotateX(0deg);
  -ms-transform: perspective(400px) rotateX(0deg);
  -o-transform: perspective(400px) rotateX(0deg);
  transform: perspective(400px) rotateX(0deg);
}

.crp-tile.sBtn06:hover img {
  top: -20px;
}
/*Social Media Button 06 [ END ]....*/

.crp-tile.sBtn07 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.crp-tile.sBtn07 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.sBtn07 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.crp-tile.sBtn07 .ovrly {
  background: rgba(0,0,0,0.5);
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.sBtn07 .fa {
  background: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #a1a1a1;
  display: block;
  font-size: 14px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  text-decoration: none;
  bottom: 10px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  left: 10px;
  opacity: 0;
  width: 35px;
}

.crp-tile.sBtn07 .fa:hover {
  color: #fff !important;
}

.crp-tile.sBtn07 .fa-facebook:hover {
  background: #3b5998 !important;
}

.crp-tile.sBtn07 .fa-twitter:hover {
  background: #55acee !important;
}

.crp-tile.sBtn07 .fa-plus:hover {
  background: #dd4b39 !important;
}

.crp-tile.sBtn07 .ic-linkedin:hover {
  background: #0976b4 !important;
}

.crp-tile.sBtn07 .fa-dribbble:hover {
  background: #ea4c89 !important;
}

.crp-tile.sBtn07 .fa-pinterest-p:hover {
  background: #cc2127 !important;
}

.crp-tile.sBtn07:hover .fa-facebook {
  left: 12px;
}

.crp-tile.sBtn07:hover .fa-twitter {
  left: 57px;
}

.crp-tile.sBtn07:hover .fa-plus {
  left: 102px;
}

.crp-tile.sBtn07:hover .fa-pinterest-p   {
  left: 147px;
}

.crp-tile.sBtn07:hover .ic-linkedin {
  left: 192px;
}

.crp-tile.sBtn07:hover .fa {
  opacity: 1;
}

.crp-tile.sBtn07:hover .ovrly {
  opacity: 1;
}
/*Social Media Button 07 [ END ]....*/
.crp-tile.sBtn08 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.crp-tile.sBtn08 * {
  position: absolute;
  margin: 0;
  padding: 0;
}

.crp-tile.sBtn08 img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.crp-tile.sBtn08 .ovrly {
  background: rgba(0,0,0,0.5);
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.crp-tile.sBtn08 .fa {
  background: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #a1a1a1;
  display: block;
  font-size: 14px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  text-decoration: none;
  top: 10px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  right: -45px;
  opacity: 0;
  width: 35px;
}

.crp-tile.sBtn08 .fa:hover {
  color: #fff !important;
}

.crp-tile.sBtn08 .fa-facebook:hover {
  background: #3b5998 !important;
}

.crp-tile.sBtn08 .fa-twitter:hover {
  background: #55acee !important;
}

.crp-tile.sBtn08 .fa-plus:hover {
  background: #dd4b39 !important;
}

.crp-tile.sBtn08 .ic-linkedin:hover {
  background: #0976b4 !important;
}

.crp-tile.sBtn08 .fa-dribbble:hover {
  background: #ea4c89 !important;
}

.crp-tile.sBtn08 .fa-pinterest-p:hover {
  background: #cc2127 !important;
}

.crp-tile.sBtn08:hover .fa-facebook {
  right: 12px;
}

.crp-tile.sBtn08:hover .fa-twitter {
  right: 57px;
}

.crp-tile.sBtn08:hover .fa-plus {
  right: 102px;
}

.crp-tile.sBtn08:hover .fa-pinterest-p {
  right: 147px;
}

.crp-tile.sBtn08:hover .ic-linkedin {
  right: 192px;
}

.crp-tile.sBtn08:hover .fa {
  opacity: 1;
}

.crp-tile.sBtn08:hover .ovrly {
  opacity: 1;
}
/*Social Media Button 08 [ END ]....*/