.tl-masonry-galcol1-s1 {  
    margin: 1rem 0;
    -webkit-column-count: 1; 
    -moz-column-count: 1;
      column-count: 1;
    -webkit-column-gap: 1rem;
    -moz-column-gap: 1rem;
      column-gap: 1rem;
    -webkit-column-width: 100%;
    -moz-column-width: 100%;
    column-width: 100%;
}
.tl-masonry-galcol2-s1 {  
    margin: 1rem 0;
    -webkit-column-count: 2; 
    -moz-column-count: 2;
      column-count: 2;
    -webkit-column-gap: 1rem;
    -moz-column-gap: 1rem;
      column-gap: 1rem;
    -webkit-column-width: 50%;
    -moz-column-width: 50%;
    column-width: 50%;
}
.tl-masonry-galcol3-s1 {  
    margin: 1rem 0;
    -webkit-column-count: 3; 
    -moz-column-count: 3;
      column-count: 3;
    -webkit-column-gap: 1rem;
    -moz-column-gap: 1rem;
      column-gap: 1rem;
    -webkit-column-width: 33.33333333333333%;
    -moz-column-width: 33.33333333333333%;
    column-width: 33.33333333333333%;
}
.tl-masonry-galcol4-s1 {  
    margin: 1rem 0;
    -webkit-column-count: 4; 
    -moz-column-count: 4;
      column-count: 4;
    -webkit-column-gap: 1rem;
    -moz-column-gap: 1rem;
      column-gap: 1rem;
    -webkit-column-width: 25%;
    -moz-column-width: 25%;
    column-width: 25%;
}

.tl-tile { 
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
.tl-tile img {
    max-width: 100%;
    width: 100%;
    height: auto;
    /*margin-bottom: 1.7rem;*/
}
.tl-tile:hover { 
}
.active-item {
  transform: scale(1);
}
.port-link {

  color: #777777;
  cursor: pointer;
  display: inline-block;
  font-size: 1rem;
  font-weight: normal;
  height: auto;
  line-height: normal;
  margin: 0;
  padding: 0.5rem 1rem;
  text-decoration: none;
  text-transform: capitalize;
  vertical-align: middle;
}
.tl-portfolio-menu-s1 li:hover{
	background: #eeeeee;
}
.tl-portfolio-menu-s1 .all-img-link.port-link:hover { background: #c72c1c none repeat scroll 0 0;}
.port-link:hover { text-decoration: none;}
.port-link:focus {
  outline: none;
  border-color: var(--darken-2);
  box-shadow: 0 0 0 3px var(--darken-3);
}

::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/** portfolio menu **/
.tl-portfolio-menu-s1 { margin: 0; padding: 10px 0 20px; text-align: center;}
.simple-portfolio-inner {padding: 0 15px;}


.tl-simple-galcol1-s1 .tl-no-gutter.tl-tile,
.tl-simple-galcol2-s1 .tl-no-gutter.tl-tile,
.tl-simple-galcol3-s1 .tl-no-gutter.tl-tile,
.tl-simple-galcol4-s1 .tl-no-gutter.tl-tile {
  margin-bottom: -1px;
}
.tl-simple-galcol1-s1 .tl-tile, 
.tl-simple-galcol2-s1 .tl-tile, 
.tl-simple-galcol3-s1 .tl-tile, 
.tl-simple-galcol4-s1 .tl-tile {
  margin-bottom: 30px;
}

/** portfolio ovaley **/

.transition, .tl-gal-overlay-title, .tl-gal-overlay-icon, .port-link, .all-img-link{
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	transition: all .5s ease;
}
.tl-tile-inner > p { display: none;}
.tl-tile-inner{position: relative;}
.tl-gal-overlay { 
background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; 
height: 100%; 
left: 0; 
position: absolute; 
bottom: 0; 
right: 0; 
width: 100%;
height:0;
overflow: hidden;
transition: .5s ease; 
}
.tl-portfolio-s1 .tl-tile-inner:hover .tl-gal-overlay { height: 100%;}
.tl-portfolio-s1 .tl-tile-inner:hover .tl-gal-overlay .tl-gal-overlay-title, .tl-portfolio-s1 .tl-tile-inner:hover .tl-gal-overlay .tl-gal-overlay-icon { opacity: 1;}
.tl-gal-overlay-icon {
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
  opacity: 0.3;
}
.tl-gal-overlay-icon i{color: #FFF;}
.tl-gal-overlay-icon a { background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; display: inline-block; line-height: 20px; padding: 10px 14px; vertical-align: top; margin: 0 1px;}
.tl-gal-overlay-title {
  background: #777 none repeat scroll 0 0;
  bottom: 0;
  color: #ffffff;
  font-size: 14px;
  left: 0;
  min-height: 20px;
  padding: 10px 20px;
  position: absolute;
  text-align: center;
  transform: translate(0%, 0%);
  width: 100%;
  opacity: 0;
}
@media screen and ( min-width: 768px ) and (max-width: 1199px){
/*.tl-simple-galcol3-s1 .tl-tile {
  max-height: 280px;
  overflow: hidden;
}*/
}
@media screen and (max-width: 991px){
	.port-link { padding: 0.5rem 0.9rem;}
}

/** simple portfolio style **/

  /** no-padding style goes to here **/
  .tl-simple-galcol1-s1 .tl-no-gutter, .tl-simple-galcol2-s1 .tl-no-gutter, .tl-simple-galcol3-s1 .tl-no-gutter, .tl-simple-galcol4-s1 .tl-no-gutter { padding-left: 0; padding-right: 0;}
  .tl-simple-galcol1-s1 .tl-no-gutter.tl-tile img, .tl-simple-galcol2-s1 .tl-no-gutter.tl-tile img, .tl-simple-galcol3-s1 .tl-no-gutter.tl-tile img, .tl-simple-galcol4-s1 .tl-no-gutter.tl-tile img { margin-bottom: 0px;}