.malihu * {outline:none;}
.malihu #toolbar{position:fixed; z-index:3; right:10px; top:10px; padding:5px; background:url(viewer/malihu/images/fs_img_g_bg.png);}
.malihu #toolbar img{border:none;}
.malihu #img_title{display: none; position:fixed; z-index:3; left:10px; top:10px; padding:10px; background:url(viewer/malihu/images/fs_img_g_bg.png); color:#FFF; font-size:24px; text-transform:uppercase;}
.malihu #bg{position:fixed; z-index:1; overflow:hidden; width:100%; height:100%; background-color: #000000}
.malihu #bgimg{display:none; -ms-interpolation-mode: bicubic;}
.malihu #preloader{position:fixed; z-index:9999999; top:200px; left: 49%; margin:auto; background-color: rgba(0,0,0,0.4); width: 70px; height: 70px;}
.malihu #preloader i{margin-left: 17px; margin-top: 17px; color: #d3d3d3; font-size: 40px;}
.malihu #thumbnails_wrapper{z-index:2; position:fixed; bottom:0; width:100%; background:url(viewer/malihu/images/empty.gif); /* stupid ie needs a background value to understand hover area */}
.malihu #outer_container {position:relative; padding:0; width:100%; margin:40px auto;}
.malihu #outer_container .thumbScroller{position:relative; overflow:hidden; background:url(viewer/malihu/images/fs_img_g_bg.png);}
.malihu #outer_container .thumbScroller, .malihu #outer_container .thumbScroller .container, .malihu #outer_container .thumbScroller .content{height:170px;}
.malihu #outer_container .thumbScroller .container{position:relative; left:0; min-width: 100%}
.malihu #outer_container .thumbScroller .content{float:left; margin-top: 5px;}
.malihu #outer_container .thumbScroller .content div{margin:5px; height:100%;}
.malihu #outer_container .thumbScroller img{border:1px solid #fff; max-height: 139px; min-height: 139px; }
.malihu #outer_container .thumbScroller .content div a{display:block; padding:5px;}

.malihu .nextImageBtn, .malihu .prevImageBtn{display:block; position:absolute; width:50px; height:50px; top:50%; margin:-25px 10px 0 10px; z-index:3; filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity:0.4; opacity:0.4;}
.malihu .nextImageBtn:hover, .malihu .prevImageBtn:hover{filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8;}
.malihu .nextImageBtn{right:0; background:#000 url(viewer/malihu/images/nextImgBtn.png) center center no-repeat;}
.malihu .prevImageBtn{background:#000 url(viewer/malihu/images/prevImgBtn.png) center center no-repeat;}

.malihu .viewModeBtn {display: block; width: 50px; height: 50px;}
.malihu #toolbar .maximize {background-image: url(viewer/malihu/images/toolbar_n_icon.png); background-repeat: no-repeat; background-size: cover;}
.malihu #toolbar .minimize {background-image: url(viewer/malihu/images/toolbar_fs_icon.png); background-repeat: no-repeat; background-size: cover;}

.malihu .closeBtn {display: block; width: 50px; height: 50px; background-image: url(/wp-content/plugins/career-portfolio-premium/images/general/icons/close-icon-2.png); background-repeat: no-repeat; background-size: cover;}

.malihu #details{position:fixed; z-index:3; left:10px; top:10px; padding:10px; margin-right: 70px; min-width: 300px; max-width: 400px; background:url(viewer/malihu/images/fs_img_g_bg.png); color:#FFF; font-size:16px;}
.malihu h4 {text-transform:uppercase; margin: 0px; font-weight: 100; font-size: 16px; line-height: normal; max-height: 40px; overflow: hidden; }
.malihu p {margin-top: 7px; font-weight: 100; font-size: 12px; line-height: normal; max-height: 100px; overflow: auto;}

.malihu #read_more_wrapper { margin-top: 13px; margin-bottom: 10px; text-align: left}
.malihu #read_more_wrapper #read_more {
    padding: 5px 8px;
    /*background: #4479BA;*/
    color: #FFF;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    border: solid 1px white;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    text-decoration: none;
}
.malihu #read_more_wrapper #read_more:hover {
    /*background: #356094;*/
    border: solid 1px #a9a9a9;
}



.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 ]....*/
/*
#gallery .caption {
	background: rgb(0,0,0);	
	background: rgba(0,0,0,.6);	
	text-align: center;
	display: none;
}

#gallery .caption p {
	color: #fff;
	text-align: center;
	padding: 3px;
	font-family: 'Roboto', sans-serif;
}

#gallery .tile .zoom {
	font-size: 30px;
	color: #fff;
	display: block;
	position: absolute;
	top: 48%;
	left: 50%;
	margin: -12px 0 0 -12px;
	-moz-transition: top .5s;
	-o-transition: top .5s;
	-webkit-transition: top .5s;
	transition: top .5s;
}*/

/* Effect Slide */
/*#gallery .effect-slide {
	-moz-transform: translateY(50px);
	-ms-transform: translateY(50px);
	-o-transform: translateY(50px);
	-webkit-transform: translateY(50px);
	transform: translateY(50px);
	-moz-animation: effect-slide 0.8s ease forwards;
	-o-animation: effect-slide 0.8s ease forwards;
	-webkit-animation: effect-slide 0.8s ease forwards;
	animation: effect-slide 0.8s ease forwards;
}
#gallery .effect-slide:nth-child(odd) {
	-moz-animation-duration: 0.6s;
	-o-animation-duration: 0.6s;
	-webkit-animation-duration: 0.6s;
	animation-duration: 0.6s;
}

@-webkit-keyframes effect-slide {
  to { -webkit-transform: translateY(0); }
}
@-moz-keyframes effect-slide {
  to { -moz-transform: translateY(0); }
}
@keyframes effect-slide {
  to { transform: translateY(0); }
}*/


/* Effect Zoom */
/*#gallery .effect-zoom {
	-moz-transform: scale(.3);
	-ms-transform: scale(.3);
	-o-transform: scale(.3);
	-webkit-transform: scale(.3);
	transform: scale(.3);
	-moz-animation: effect-zoom 0.8s ease forwards;
	-o-animation: effect-zoom 0.8s ease forwards;
	-webkit-animation: effect-zoom 0.8s ease forwards;
	animation: effect-zoom 0.8s ease forwards;
}
#gallery .effect-zoom:nth-child(odd) {
	-moz-animation-duration: 0.6s;
	-o-animation-duration: 0.6s;
	-webkit-animation-duration: 0.6s;
	animation-duration: 0.6s;
}

@-webkit-keyframes effect-zoom {
  to { -webkit-transform: scale(1); }
}
@-moz-keyframes effect-zoom {
  to { -moz-transform: scale(1); }
}
@keyframes effect-zoom {
  to { transform: scale(1); }
}

#gallery .already-visible {
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-moz-animation: none;
	-o-animation: none;
	-webkit-animation: none;
	animation: none;
}*/

#gallery .tile {
	float:left;
	margin:10px;
}
#gallery .ftg-filters {
	margin-left: 10px;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
#gallery .ftg-filters a {
	display: inline-block;
	margin-right: 10px;
	color: #666;
	padding-bottom: 2px;
	border-bottom: 3px solid transparent; 
}
#gallery .ftg-filters a:hover,
#gallery .ftg-filters a.selected {
	color: #000;
	border-bottom: 3px solid #000; 
	text-decoration: none;
}

/*#gallery .tile .ftg-social {
	display: none;
	position: absolute;
	bottom: 15px;
	right:10px;
}
#gallery .tile:hover .ftg-social {
	display: block;
}
#gallery .tile .ftg-social a {
	color: #fff;
	font-size: 24px;
	width:30px;
	height: 30px;
    text-decoration: none;
    text-align: center;
}

#gallery .tile:hover .ftg-social a:hover {
	color: #90b4ff;
	text-decoration: none;
}
*/
.ftg-loading-panel {
	position:fixed;
	top:10px;
	right:10px;
	background:#222 url(../img/loading.gif) no-repeat;
	width:40px;
	height:40px;
	padding:4px;
	border-radius:5px;
	z-index:1000;
}
.ftg-loading-panel p {
	display:none;
}

#gallery .tile:hover {
    cursor: pointer;
}