/***************************************************/
/****************** TLp Portfolio PRO ***************/
/****************** www.techlabpro.com *************/
/****************** info@techlabpro.com ************/
/***************************************************/
.tlp-portfolio * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } 
.tlp-portfolio *:before, 
.tlp-portfolio *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.tlp-portfolio figure { margin: 0px!important; padding:0px !important; }
.margin-bottom30 { margin-bottom: 30px; }
.paddingl0 { padding-left: 0px !important; }
.paddingr0 { padding-right: 0px; }
.allmargin0 { margin:0px !important; padding: 0px !important; }
.tlp-portfolio ul { margin: 0px; padding: 0px;}
.tlp-portfolio ul li { list-style: none !important; background: none !important; border:none; }
.tlp-portfolio  ul >li >a:before { content: none; }
.tlp-portfolio label { display: inline; }
.tlp-equal-height { margin-bottom: 30px; }
.tlp-portfolio .img-responsive { max-width: 100%; height: auto; display: block; }
.masonry-item { margin-bottom: 30px;}
.single-portfolio-share{ }
.single-portfolio-share div { float: left; display:inline-block; margin-right: 5px; }
.single-portfolio-share .twitter-share,
.single-portfolio-share .fb-share,
.single-portfolio-share .linkedin-share { margin-top: 2px; }
.tlp-portfolio .owl-buttons { position: absolute; top: -40px; right: 0;}
.tlp-portfolio .owl-buttons i { font-size: 14px; color: #fff; }
 /************************** Grid ********************/

.container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }
.container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }
.clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after { content: " "; display: table; } 
.clearfix:after,.container:after, .container-fluid:after, .row:after {clear: both; }
.tlp-row { margin-left: -15px;margin-right: -15px;}
.tlp-col-xs-1, .tlp-col-sm-1, .tlp-col-md-1, .tlp-col-lg-1, .tlp-col-xs-2, .tlp-col-sm-2, .tlp-col-md-2, .tlp-col-lg-2, .tlp-col-xs-3, .tlp-col-sm-3, .tlp-col-md-3, .tlp-col-lg-3, .tlp-col-xs-4, .tlp-col-sm-4, .tlp-col-md-4, .tlp-col-lg-4, .tlp-col-xs-5, .tlp-col-sm-5, .tlp-col-md-5, .tlp-col-lg-5, .tlp-col-xs-6, .tlp-col-sm-6, .tlp-col-md-6, .tlp-col-lg-6, .tlp-col-xs-7, .tlp-col-sm-7, .tlp-col-md-7, .tlp-col-lg-7, .tlp-col-xs-8, .tlp-col-sm-8, .tlp-col-md-8, .tlp-col-lg-8, .tlp-col-xs-9, .tlp-col-sm-9, .tlp-col-md-9, .tlp-col-lg-9, .tlp-col-xs-10, .tlp-col-sm-10, .tlp-col-md-10, .tlp-col-lg-10, .tlp-col-xs-11, .tlp-col-sm-11, .tlp-col-md-11, .tlp-col-lg-11, .tlp-col-xs-12, .tlp-col-sm-12, .tlp-col-md-12, .tlp-col-lg-12 { 
	position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px;
}
.tlp-col-xs-1, .tlp-col-xs-2, .tlp-col-xs-3, .tlp-col-xs-4, .tlp-col-xs-5, .tlp-col-xs-6, .tlp-col-xs-7, .tlp-col-xs-8, .tlp-col-xs-9, .tlp-col-xs-10, .tlp-col-xs-11, .tlp-col-xs-12 {float: left;}
.tlp-col-xs-12 { width: 100%; } .tlp-col-xs-11 { width: 91.66666667%; } .tlp-col-xs-10 { width: 83.33333333%; } .tlp-col-xs-9 { width: 75%; } .tlp-col-xs-8 { width: 66.66666667%; } .tlp-col-xs-7 { width: 58.33333333%; } .tlp-col-xs-6 { width: 50%; } .tlp-col-xs-5 { width: 41.66666667%; } .tlp-col-xs-4 { width: 33.33333333%; } .tlp-col-xs-3 { width: 25%; } .tlp-col-xs-2 { width: 16.66666667%; } .tlp-col-xs-1 { width: 8.33333333%; }

/************************ End Grid ******************************/

/************************ Layout 1 ******************************/

.tlp-portfolio .layout1 .tlp-portfolio-thum { background: #ccc; overflow: hidden; position: relative; width: 100%; }
.tlp-portfolio .layout1 .tlp-overlay { position: absolute; bottom: 0; left: 0; height: 100%; width: 100%; color: #fff; text-align: center; background-color: rgba(217, 35, 45, 0.85); -webkit-transition: all 0.5s ease-out 0.15s; -moz-transition: all 0.5s ease-out 0.15s; -ms-transition: all 0.5s ease-out 0.15s; -o-transition: all 0.5s ease-out 0.15s; transition: all 0.5s ease-out 0.15s; }
.tlp-portfolio .layout1 .tlp-portfolio-thum .tlp-overlay,
.tlp-portfolio .layout1 .tlp-portfolio-thum .link-icon { -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; }
.tlp-portfolio .layout1 .tlp-portfolio-thum:hover .tlp-overlay,
.tlp-portfolio .layout1 .tlp-portfolio-thum:hover .link-icon { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; }
.tlp-portfolio .layout1 .tlp-overlay .link-icon { text-align: center; display: block; padding: 0; }
.tlp-portfolio .layout1 .tlp-overlay .link-icon a { text-align: center; color: #fff; text-decoration: none; display: inline-block; padding: 8px; margin-right:4px; font-size: 20px; width: 45px; height: 45px; border: 1px solid #fff; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
.tlp-portfolio .layout1 .tlp-portfolio-item:hover .tlp-overlay { left: 0; }
.tlp-portfolio .layout1 .tlp-portfolio-thum img { -webkit-transition: all 1.1s ease; -moz-transition: all 1.1s ease; -o-transition: all 1.1s ease; -ms-transition: all 1.1s ease; transition: all 1.1s ease; max-width: 100%; }
.tlp-portfolio .layout1 .tlp-portfolio-thum: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); }
.tlp-portfolio .layout1 .tlp-content { width: 100%; position: relative;}
.tlp-portfolio .layout1 .tlp-content h3,
.tlp-portfolio .layout1 .tlp-content h3 a { margin: 10px 0; font-size: 24px; font-weight: 400; text-decoration: none; }
.tlp-portfolio .layout1 .tlp-content p { padding: 0; margin: 0; }
.tlp-portfolio .layout1 .tlp-content .tlp-content-holder { padding: 15px 20px; }

/*********************** Layout 2 ****************************/
.tlp-portfolio .layout2 .tlp-portfolio-thum { overflow: hidden; position: relative; padding-left: 0px; padding-right: 0px; }
.tlp-portfolio .layout2 .tlp-overlay { position: absolute; bottom: 0; left: 0; height: 100%; width: 100%; color: #fff; background-color: rgba(217, 35, 45, 0.85); -webkit-transition: all 0.5s ease-out 0.15s; -moz-transition: all 0.5s ease-out 0.15s; -ms-transition: all 0.5s ease-out 0.15s; -o-transition: all 0.5s ease-out 0.15s; transition: all 0.5s ease-out 0.15s; text-align: center;} 
.tlp-portfolio .layout2 .tlp-portfolio-thum .tlp-overlay,
.tlp-portfolio .layout2 .tlp-portfolio-thum .link-icon { -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; }
.tlp-portfolio .layout2 .tlp-portfolio-thum:hover .tlp-overlay,
.tlp-portfolio .layout2 .tlp-portfolio-thum:hover .link-icon { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; }
.tlp-portfolio .layout2 .tlp-overlay .link-icon { text-align: center; display: block; padding: 0; }
.tlp-portfolio .layout2 .tlp-overlay .link-icon li { list-style: none; display: inline-block; margin-right:4px; font-size: 16px; width: 36px; height: 36px; border: 1px solid #fff; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
.tlp-portfolio .layout2 .tlp-overlay .link-icon li a { text-align: center; color: #fff; text-decoration: none; display: block; padding: 4px; }
.tlp-portfolio .layout2 .tlp-portfolio-item:hover .tlp-overlay { left: 0; }
.tlp-portfolio .layout2 .tlp-portfolio-thum img { -webkit-transition: all 1.1s ease; -moz-transition: all 1.1s ease; -o-transition: all 1.1s ease; -ms-transition: all 1.1s ease; transition: all 1.1s ease; max-width: 100%; }
.tlp-portfolio .layout2 .tlp-portfolio-thum: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); }
.tlp-portfolio .layout2 .tlp-content .read-more { text-align: right; padding:10px; }
.tlp-portfolio .layout2 .tlp-content .read-more a { font-size: 15px; text-decoration: none; border: 1px solid #e4e4e4; padding: 8px 10px; }
.tlp-portfolio .layout2 .tlp-content .read-more a:hover {}
.tlp-portfolio .layout2 .tlp-content h3 { margin: 0px 0 10px; font-size: 24px; font-weight: 400; }
.tlp-portfolio .layout2 .tlp-content h3 a { text-decoration: none; }
.tlp-portfolio .layout2 .tlp-content-holder { padding: 0px 5px; }

/************************ Layout 3 ******************************/
.tlp-portfolio .layout3 .tlp-portfolio-thum { overflow: hidden; position: relative; width: 100%;}
.tlp-portfolio .layout3 .tlp-overlay { position: absolute; bottom: 0; left: 0; height: 100%; width: 100%; color: #fff; text-align: center; background-color: rgba(217, 35, 45, 0.85); -webkit-transition: all 0.5s ease-out 0.15s; -moz-transition: all 0.5s ease-out 0.15s; -ms-transition: all 0.5s ease-out 0.15s; -o-transition: all 0.5s ease-out 0.15s; transition: all 0.5s ease-out 0.15s; }
.tlp-portfolio .layout3 .tlp-portfolio-thum .tlp-overlay,
.tlp-portfolio .layout3 .tlp-portfolio-thum .link-icon { -webkit-opacity: 0;-moz-opacity: 0;opacity: 0;  -webkit-transition: all 0.3s ease-out 0.5s;
  -moz-transition: all 0.3s ease-out 0.1s; -ms-transition: all 0.3s ease-out 0.1s; -o-transition: all 0.3s ease-out 0.1s; transition: all 0.3s ease-out 0.1s;}
.tlp-portfolio .layout3 .tlp-portfolio-thum:hover .tlp-overlay,
.tlp-portfolio .layout3 .tlp-portfolio-thum:hover .link-icon { -webkit-opacity: 1; -moz-opacity: 1;opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1);}
.tlp-portfolio .layout3 .tlp-overlay .link-icon {text-align: center; display: block; padding: 0; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); }
.tlp-portfolio .layout3 .tlp-overlay .link-icon a { text-align: center; color: #fff; text-decoration: none; display:inline-block; padding: 8px; margin-right:4px; font-size: 20px; width: 40px; height: 40px; border: 1px solid #fff; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
.tlp-portfolio .layout3 .tlp-portfolio-item:hover .tlp-overlay { left: 0; }
.tlp-portfolio .layout3 .tlp-portfolio-thum img { -webkit-transition: all 1.1s ease; -moz-transition: all 1.1s ease; -o-transition: all 1.1s ease; -ms-transition: all 1.1s ease; transition: all 1.1s ease; max-width: 100%; }
.tlp-portfolio .layout3 .tlp-portfolio-thum: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); }
.tlp-portfolio .layout3 .tlp-content { width: 100%; position: relative; }
.tlp-portfolio .layout3 .tlp-content h3,
.tlp-portfolio .layout3 .tlp-content h3 a { margin: 15px 0px 10px; font-size: 24px; font-weight: 400; text-decoration: none; }
.tlp-portfolio .layout3 .tlp-content p { padding: 0; margin: 0; }
.tlp-portfolio .layout3 .tlp-content .tlp-content-holder { padding: 0px; }

/************************* Layout 4 **************************/
.tlp-portfolio .layout4 .image-container { overflow: hidden; position: relative; width: 100%; padding: 0; margin: 0; line-height: 11px; }
.tlp-portfolio .layout4 .image-container img { -webkit-transition: all 1.1s ease; -moz-transition: all 1.1s ease; -o-transition: all 1.1s ease; -ms-transition: all 1.1s ease; transition: all 1.1s ease; max-width: 100%; }
.tlp-portfolio .layout4 .image-container: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); }
.tlp-portfolio .layout4 .tlp-overlay { position: absolute; bottom: 0; left: 0; height: 100%; width: 100%; color: #fff; background-color: rgba(217, 35, 45, 0.85); -webkit-transition: all 0.5s ease-out 0.15s; -moz-transition: all 0.5s ease-out 0.15s; -ms-transition: all 0.5s ease-out 0.15s; -o-transition: all 0.5s ease-out 0.15s; transition: all 0.5s ease-out 0.15s; text-align: center; }
.tlp-portfolio .layout4 .tlp-overlay .link-icon { text-align: center; margin-top: 5px; padding: 0px 0px 0px 10px; text-align: center;  }
.tlp-portfolio .layout4 .tlp-overlay .link-icon a { text-align: center; font-size: 20px; padding: 8px;color: #fff; text-decoration: none; border: 1px solid #fff; display:inline-block; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 40px; height: 40px; }
.tlp-portfolio .layout4 .tlp-overlay .tlp-title { opacity: 0; -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -ms-transform: translateY(-100px); -o-transform: translateY(-100px); transform: translateY(-100px); -webkit-transition: all 0.5s ease-out 0.15s; -moz-transition: all 0.5s ease-out 0.15s; -ms-transition: all 0.5s ease-out 0.15s; -o-transition: all 0.5s ease-out 0.15s; transition: all 0.5s ease-out 0.15s; display: block; background: #fff; text-align: center; padding: 1px 0; margin: 20px 0px 5px; color: #000; font-size: 20px; }
.tlp-portfolio .layout4 .tlp-overlay:hover .tlp-title {opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); }
.tlp-portfolio .layout4 .tlp-overlay .tlp-title h3 { padding: 10px; margin: 0px; }
.tlp-portfolio .layout4 .tlp-overlay p { padding:0px 10px 5px; margin: 0px; line-height: 20px; }
.tlp-portfolio .layout4 .tlp-overlay,
.tlp-portfolio .layout4 .link-icon { -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; -webkit-transition: all 0.5s ease-out 0.15s; -moz-transition: all 0.5s ease-out 0.15s; -ms-transition: all 0.5s ease-out 0.15s; -o-transition: all 0.5s ease-out 0.15s; transition: all 0.5s ease-out 0.15s; }
.tlp-portfolio .layout4 .image-container:hover .tlp-overlay,
.tlp-portfolio .layout4 .image-container:hover .link-icon { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); }
.tlp-portfolio .layout4 .tlp-portfolio-item { border: 6px solid #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }
.tlp-portfolio .layout4 .tlp-portfolio-item .tlp-info h3,
.tlp-portfolio .layout4 .tlp-portfolio-item .tlp-info h3 a { margin: 15px 5px; padding: 0; }

/********************* End Layout 4 **********************/

/************************ Layout 5 *************************/

.tlp-portfolio .layout5 .tlp-portfolio-item { position: relative; overflow: hidden;  }
.tlp-portfolio .layout5 .tlp-portfolio-item img { position: relative; display: block;}
.tlp-portfolio .layout5 .tlp-overlay { padding: 15px; margin: 0px; color: #fff; font-size:14px; -webkit-backface-visibility: hidden; backface-visibility: hidden;position: absolute; left: 0; width: 100%; height: 100%;top: auto; bottom: 0; background-color: rgba(245, 46, 46, .7); color: #fff; -webkit-transition: -webkit-transform 0.55s; transition: transform 0.55s; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0);  }
.tlp-portfolio .layout5 .tlp-overlay .tlp-title { background-color: rgba(245, 46, 46, .9); color: #fff;  opacity: 0;padding: 15px; margin: 0px; color: #fff; -webkit-backface-visibility: hidden; backface-visibility: hidden;position: absolute; left: 0; width: 100%; height: 100%;bottom: 50px; height: 50px; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); }
.tlp-portfolio .layout5 .tlp-overlay h3,.tlp-portfolio .layout5 .tlp-overlay h3 a {float: left; color: #fff; font-size: 20px; }
.tlp-portfolio .layout5 .tlp-overlay p.link-icon { text-align: center;}
.tlp-portfolio .layout5 .tlp-overlay p.link-icon a { color: #fff; font-size: 20px; display: inline-block; padding: 8px; font-weight: normal;-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 36px; height: 36px; border: 1px solid #fff; }
.tlp-portfolio .layout5 .tlp-overlay .tlp-content p { line-height: 22px; margin: 0px; padding: 0px 0px 5px;}
.tlp-portfolio .layout5 .tlp-overlay h3,
.tlp-portfolio .layout5 .tlp-overlay p.link-icon a { -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,200%,0); transform: translate3d(0,200%,0); }
.tlp-portfolio .layout5 .tlp-overlay h3 { display: inline-block; margin: 0px; padding: 0px }
.tlp-portfolio .layout5 .tlp-portfolio-item:hover .tlp-title { opacity: 1; }
.tlp-portfolio .layout5 .tlp-portfolio-item:hover .tlp-content {opacity: 1; }
.tlp-portfolio .layout5 .tlp-portfolio-item:hover .tlp-overlay,
.tlp-portfolio .layout5 .tlp-portfolio-item:hover h3,
.tlp-portfolio .layout5 .tlp-portfolio-item:hover p.link-icon a { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.tlp-portfolio .layout5 .tlp-portfolio-item:hover h3 { opacity: 1; -webkit-transition-delay: 0.05s; transition-delay: 0.05s; }
.tlp-portfolio .layout5 .tlp-portfolio-item:hover p.link-icon a:last-child {-webkit-transition-delay: 0.15s; transition-delay: 0.15s; }
.tlp-portfolio .layout5 .tlp-portfolio-item:hover p.link-icon a:first-child {-webkit-transition-delay: 0.05s; transition-delay: 0.05s; }

/********************* End Layout 5 **********************/

/***********************  Layout 6 **********************/
.tlp-portfolio .layout6 figure { position: relative; overflow: hidden; width: 100%; height: auto; text-align: center; }
.tlp-portfolio .layout6 img { position: relative; display: block; }
.tlp-portfolio .layout6 figure:hover img { opacity: 0.8; }
.tlp-portfolio .layout6 figcaption { position: absolute; top: 0; left: 0; width: 100%; height: 100%;padding: 0px; color: #fff; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.tlp-portfolio .layout6 .tlp-portfolio-thum img,
.tlp-portfolio .layout6 .tlp-portfolio-thum .tlp-content,
.tlp-portfolio .layout6 .tlp-portfolio-thum .link-icon { -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; }
.tlp-portfolio .layout6 .tlp-portfolio-thum h3 ,
.tlp-portfolio .layout6 .tlp-portfolio-thum h3 a { font-size: 24px; color: #fff; text-align: center; padding: 0px; }
.tlp-portfolio .layout6 .tlp-portfolio-thum img { -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.tlp-portfolio .layout6 .tlp-portfolio-thum .tlp-content { position: absolute; width: 100%; height: 100%; top: 90px; padding: 15px;  }
.tlp-portfolio .layout6 .tlp-portfolio-thum p { position: absolute; bottom: 0; left: 0; padding: 0px 15px; line-height: 20px;text-transform: none; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,50px,0); transform: translate3d(0,50px,0); }
.tlp-portfolio .layout6 .tlp-portfolio-thum:hover img { -webkit-transform: translate3d(0,-95px,0); transform: translate3d(0,-95px,0); }
.tlp-portfolio .layout6 .tlp-portfolio-thum:hover .tlp-content { background-color: rgba(245, 46, 46, .7);-webkit-transform: translate3d(0,-120px,0); transform: translate3d(0,-95px,0); }
.tlp-portfolio .layout6 .tlp-portfolio-thum:hover .tlp-content p { position: relative; padding-bottom: 0px; margin-right: 0px; }
.tlp-portfolio .layout6 .tlp-portfolio-thum:hover .link-icon { opacity: 1;}
.tlp-portfolio .layout6 .tlp-portfolio-thum:hover p { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.tlp-portfolio .layout6 .tlp-portfolio-thum .link-icon { margin: 0px; padding: 0px; text-align: center;-webkit-backface-visibility: hidden; backface-visibility: hidden; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,20px,0) scale(1.1); transform: translate3d(0,20px,0) scale(1.1); } 
.tlp-portfolio .layout6 .tlp-portfolio-thum .link-icon li{ display: inline-block; text-align: center;border: 1px solid #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 30px; height: 30px;}
.tlp-portfolio .layout6 .tlp-portfolio-thum .link-icon a { color: #fff; text-align: center; font-size: 20px; display: inline-block; padding: 10px; font-weight: normal;-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 40px; height: 40px; border: 1px solid #fff; }

/******************************** Layout 7 *******************************/
.tlp-portfolio .layout7 figure { position: relative; overflow: hidden; margin: 0px; width: 100%; height: auto; text-align: center; cursor: pointer; }
.tlp-portfolio .layout7 img { position: relative; display: block; }
.tlp-portfolio .layout7 figure .tlp-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 15px; color: #fff; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.tlp-portfolio .layout7 figure h3,
.tlp-portfolio .layout7 figure p { margin: 0; }
.tlp-portfolio .layout7 h3, 
.tlp-portfolio .layout7 h3 a { color: #fff;}
.tlp-portfolio .layout7 .tlp-portfolio-thum:hover .tlp-overlay { background: rgba(255,255,255,0.9); }
.tlp-portfolio .layout7 .tlp-portfolio-thum img { max-width: none; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.tlp-portfolio .layout7 .tlp-portfolio-thum figcaption { text-align: left; }
.tlp-portfolio .layout7 .tlp-portfolio-thum h3 { font-size: 24px; position: relative; padding: 8px 0; color: #fff; font-weight: 400; }
.tlp-portfolio .layout7 .tlp-portfolio-thum p { opacity: 0; margin: 0px 0px 4px; padding: 4px 6px; background: rgba(255,255,255,0.9); color: #fff; line-height: 20px; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-360px,0,0); transform: translate3d(-360px,0,0); }
.tlp-portfolio .layout7 .tlp-portfolio-thum .link-icon { display: inline-block; text-align: center; margin: 0 0 4px; padding: 4px; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-360px,0,0); transform: translate3d(-360px,0,0); }
.tlp-portfolio .layout7 .tlp-portfolio-thum .link-icon a { text-align: center; font-size: 20px; padding: 10px; color: #fff; text-decoration: none; border: 1px solid #fff; display:inline-block; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 40px; height: 40px;}
.tlp-portfolio .layout7 .tlp-portfolio-thum p:first-child { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; }
.tlp-portfolio .layout7 .tlp-portfolio-thum p:nth-of-type(2) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }
.tlp-portfolio .layout7 .tlp-portfolio-thum p:nth-of-type(3) { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; }
.tlp-portfolio .layout7 .tlp-portfolio-thum:hover p:first-child { -webkit-transition-delay: 0s; transition-delay: 0s; }
.tlp-portfolio .layout7 .tlp-portfolio-thum:hover p:nth-of-type(2) { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; }
.tlp-portfolio .layout7 .tlp-portfolio-thum:hover p:nth-of-type(3) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }
.tlp-portfolio .layout7 .tlp-portfolio-thum:hover img { -webkit-transform: scale3d(1.1,1.1,1); transform: scale3d(1.1,1.1,1); }
.tlp-portfolio .layout7 .tlp-portfolio-thum:hover p, 
.tlp-portfolio .layout7 .tlp-portfolio-thum:hover .link-icon { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }

/******************************** Layout 8 ****************************/

.tlp-portfolio .layout8 figure { position: relative; overflow: hidden; margin: 0px; width: 100%; height: auto; text-align: center; }
.tlp-portfolio .layout8 img { position: relative; display: block; }
.tlp-portfolio .layout8 figcaption { padding: 30px; color: #fff; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.tlp-portfolio .layout8 figcaption,
.tlp-portfolio .layout8  figcaption .tlp-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.tlp-portfolio .layout8 .tlp-portfolio-thum img { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1.15); transform: scale(1.15); }
.tlp-portfolio .layout8 .tlp-portfolio-thum:hover img { -webkit-transform: scale(1); transform: scale(1); }
.tlp-portfolio .layout8 .tlp-portfolio-thum h3 { font-size: 24px; margin-top: 30%; padding: 0px 15px; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,20px,0); }
.tlp-portfolio .layout8 .tlp-portfolio-thum h3 a { color: #fff;}
.tlp-portfolio .layout8 .tlp-portfolio-thum p { margin: 0; padding: 0px 15px 4px 15px; line-height: 20px; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,20px,0) scale(1.1); transform: translate3d(0,20px,0) scale(1.1); }
.tlp-portfolio .layout8 .tlp-portfolio-thum:hover .tlp-overlay { background-color: rgba(217, 35, 45, 0.85); -webkit-transition: all 0.35s ease-out 0.15s; -moz-transition: all 0.35s ease-out 0.15s; -ms-transition: all 0.35s ease-out 0.15s; -o-transition: all 0.35s ease-out 0.15s; transition: all 0.35s ease-out 0.15s; }
.tlp-portfolio .layout8 .tlp-portfolio-thum .link-icon { margin: 0px; text-align: center; padding: 0px; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,20px,0) scale(1.1); transform: translate3d(0,20px,0) scale(1.1); }
.tlp-portfolio .layout8 .tlp-portfolio-thum .link-icon a { display: inline-block;text-align: center; font-size: 16px; padding: 6px; margin-right: 4px; color: #fff; text-decoration: none; border: 1px solid #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 40px; height: 40px;}
.tlp-portfolio .layout8 .tlp-portfolio-thum:hover .link-icon { opacity: 1;}
.tlp-portfolio .layout8 .tlp-portfolio-thum:hover h3 { margin-top: 10%; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.tlp-portfolio .layout8 .tlp-portfolio-thum:hover p { opacity: 1; -webkit-transform: translate3d(0,0,0) scale(1); transform: translate3d(0,0,0) scale(1); }


/*********************** Start Layout 9 ********************/
.tlp-portfolio .layout9 .tlp-portfolio-item figure,
.tlp-portfolio .isotope7 .tlp-portfolio-item figure,
.tlp-portfolio .slider5 .tlp-portfolio-item figure { position: relative; overflow: hidden; }
.tlp-portfolio .layout9 .tlp-portfolio-item,
.tlp-portfolio .isotope7 .tlp-portfolio-item,
.tlp-portfolio .slider5 .tlp-portfolio-item { position: relative; overflow: hidden; text-align: center; cursor: pointer; }
.tlp-portfolio .layout9 .tlp-portfolio-item figcaption,
.tlp-portfolio .isotope7 .tlp-portfolio-item figcaption,
.tlp-portfolio .slider5 .tlp-portfolio-item figcaption { color: #fff; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.tlp-portfolio .layout9 .tlp-portfolio-item figcaption::before,
.tlp-portfolio .isotope7 .tlp-portfolio-item figcaption::before,
.tlp-portfolio .slider5 .tlp-portfolio-item figcaption::before,
.tlp-portfolio .layout9 .tlp-portfolio-item figcaption::after,
.tlp-portfolio .isotope7 .tlp-portfolio-item figcaption::after,
.tlp-portfolio .slider5 .tlp-portfolio-item figcaption::after { pointer-events: none; }
.tlp-portfolio .layout9 .tlp-portfolio-item img,
.tlp-portfolio .isotope7 .tlp-portfolio-item img,
.tlp-portfolio .slider5 .tlp-portfolio-item img { -webkit-transition: opacity 0.35s; transition: opacity 0.35s; }
.tlp-portfolio .layout9 figcaption:hover,
.tlp-portfolio .isotope7 figcaption:hover,
.tlp-portfolio .slider5 figcaption:hover { background-color: rgba(46, 44, 44, .4); }
.tlp-portfolio .layout9 .tlp-portfolio-item .link-icon,
.tlp-portfolio .isotope7 .tlp-portfolio-item .link-icon,
.tlp-portfolio .slider5 .tlp-portfolio-item .link-icon { margin: 0px; text-align: center; padding: 0px; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,20px,0) scale(1.1); transform: translate3d(0,20px,0) scale(1.1); }
.tlp-portfolio .layout9 .tlp-portfolio-item .link-icon a,
.tlp-portfolio .isotope7 .tlp-portfolio-item .link-icon a,
.tlp-portfolio .slider5 .tlp-portfolio-item .link-icon a { display: inline-block;text-align: center; font-size: 16px; padding: 6px; margin-right: 4px; color: #fff; text-decoration: none; border: 1px solid #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 40px; height: 40px;}
.tlp-portfolio .layout9 .tlp-portfolio-item:hover .link-icon,
.tlp-portfolio .isotope7 .tlp-portfolio-item:hover .link-icon,
.tlp-portfolio .slider5 .tlp-portfolio-item:hover .link-icon { opacity:1; }
.tlp-portfolio .layout9 .tlp-portfolio-item figcaption::before,
.tlp-portfolio .isotope7 .tlp-portfolio-item figcaption::before,
.tlp-portfolio .slider5 .tlp-portfolio-item figcaption::before,
.tlp-portfolio .layout9 .tlp-portfolio-item figcaption::after,
.tlp-portfolio .isotope7 .tlp-portfolio-item figcaption::after,
.tlp-portfolio .slider5 .tlp-portfolio-item figcaption::after { position: absolute; top: 15px; right: 15px; bottom: 15px; left: 15px; content: ''; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; }
.tlp-portfolio .layout9 .tlp-portfolio-item figcaption::before,
.tlp-portfolio .isotope7 .tlp-portfolio-item figcaption::before,
.tlp-portfolio .slider5 .tlp-portfolio-item figcaption::before { border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0, 1); transform: scale(0, 1); }
.tlp-portfolio .layout9 .tlp-portfolio-item figcaption::after,
.tlp-portfolio .isotope7 .tlp-portfolio-item figcaption::after,
.tlp-portfolio .slider5 .tlp-portfolio-item figcaption::after { border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1, 0); transform: scale(1, 0); }
.tlp-portfolio .layout9 .tlp-portfolio-item h3,
.tlp-portfolio .isotope7 .tlp-portfolio-item h3,
.tlp-portfolio .slider5 .tlp-portfolio-item h3 { padding-left: 17px; padding-right: 17px; padding-top: 3%; padding-bottom: 0px; margin-bottom: 8px; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); opacity: 0; }
.tlp-portfolio .layout9 .tlp-portfolio-item .tlp-content,
.tlp-portfolio .isotope7 .tlp-portfolio-item .tlp-content,
.tlp-portfolio .slider5 .tlp-portfolio-item .tlp-content { opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); }
.tlp-portfolio .layout9 .tlp-portfolio-item:hover figcaption::before, 
.tlp-portfolio .layout9 .tlp-portfolio-item:hover figcaption::after,
.tlp-portfolio .isotope7 .tlp-portfolio-item:hover figcaption::before, 
.tlp-portfolio .isotope7 .tlp-portfolio-item:hover figcaption::after,
.tlp-portfolio .slider5 .tlp-portfolio-item:hover figcaption::before, 
.tlp-portfolio .slider5 .tlp-portfolio-item:hover figcaption::after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
.tlp-portfolio .layout9 .tlp-portfolio-item:hover h3,
.tlp-portfolio .layout9 .tlp-portfolio-item:hover .tlp-content,
.tlp-portfolio .isotope7 .tlp-portfolio-item:hover h3,
.tlp-portfolio .isotope7 .tlp-portfolio-item:hover .tlp-content,
.tlp-portfolio .slider5 .tlp-portfolio-item:hover h3,
.tlp-portfolio .slider5 .tlp-portfolio-item:hover .tlp-content { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.tlp-portfolio .layout9 .tlp-portfolio-item .tlp-content p,
.tlp-portfolio .isotope7 .tlp-portfolio-item .tlp-content p,
.tlp-portfolio .slider5 .tlp-portfolio-item .tlp-content p { line-height: 22px; margin-bottom: 0px; padding: 0px 15px; }

/*********************** Start Layout 10 & Isotope 8 ********************/

.tlp-portfolio .layout10 .tlp-portfolio-item,
.tlp-portfolio .isotope8 .tlp-portfolio-item,
.tlp-portfolio .slider6 .tlp-portfolio-item { position: relative; overflow: hidden; }
.tlp-portfolio .layout10 .tlp-portfolio-item figure,
.tlp-portfolio .isotope8 .tlp-portfolio-item figure,
.tlp-portfolio .slider6 .tlp-portfolio-item figure { position: relative; overflow: hidden; }
.tlp-portfolio .layout10 .tlp-overlay,
.tlp-portfolio .isotope8 .tlp-overlay,
.tlp-portfolio .slider6 .tlp-overlay { padding: 15px; margin: 0px; color: #fff; font-size:14px; -webkit-backface-visibility: hidden; backface-visibility: hidden;position: absolute; left: 0; width: 100%; height: 100%;top: auto; bottom: 0;  color: #fff; -webkit-transition: -webkit-transform 0.55s; transition: transform 0.55s; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); }
.tlp-portfolio .layout10 .tlp-overlay .tlp-title,
.tlp-portfolio .isotope8 .tlp-overlay .tlp-title,
.tlp-portfolio .slider6 .tlp-overlay .tlp-title { background-color: rgba(245, 46, 46, .9); color: #fff; opacity: 0; padding: 5px 10px; margin: 0px; color: #fff; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; left: 0; width: 100%; height: 100%; bottom: 60px; height: 60px; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); }
.tlp-portfolio .layout10 .tlp-overlay h3,
.tlp-portfolio .layout10 .tlp-overlay h3 a ,
.tlp-portfolio .isotope8 .tlp-overlay h3,
.tlp-portfolio .isotope8 .tlp-overlay h3 a,
.tlp-portfolio .slider6 .tlp-overlay h3,
.tlp-portfolio .slider6 .tlp-overlay h3 a { color: #fff; font-size: 20px; }
.tlp-portfolio .layout10 .tlp-overlay .tlp-content,
.tlp-portfolio .isotope8 .tlp-overlay .tlp-content,
.tlp-portfolio .slider6 .tlp-overlay .tlp-content { position: absolute; left: 0; right: 0; display: block; top: 30%; text-align: center; }
.tlp-portfolio .layout10 .tlp-overlay h3,
.tlp-portfolio .isotope8 .tlp-overlay h3,
.tlp-portfolio .slider6 .tlp-overlay h3 { margin: 0px; padding: 3px 0px 0px; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,200%,0); transform: translate3d(0,200%,0); }
.tlp-portfolio .layout10 .tlp-portfolio-item .link-icon,
.tlp-portfolio .isotope8 .tlp-portfolio-item .link-icon,
.tlp-portfolio .slider6 .tlp-portfolio-item .link-icon { margin: 0px; text-align: center; padding: 0px; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,20px,0) scale(1.1); transform: translate3d(0,20px,0) scale(1.1); }
.tlp-portfolio .layout10 .tlp-portfolio-item .link-icon a,
.tlp-portfolio .isotope8 .tlp-portfolio-item .link-icon a,
.tlp-portfolio .slider6 .tlp-portfolio-item .link-icon a { display: inline-block; text-align: center; font-size: 16px; padding: 6px; margin-right: 4px; color: #fff; text-decoration: none; border: 1px solid #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 40px; height: 40px;}
.tlp-portfolio .layout10 .tlp-portfolio-item:hover img,
.tlp-portfolio .isotope8 .tlp-portfolio-item:hover img,
.tlp-portfolio .slider6 .tlp-portfolio-item:hover img { opacity: .9; }
.tlp-portfolio .layout10 .tlp-portfolio-item:hover .tlp-title,
.tlp-portfolio .layout10 .tlp-portfolio-item:hover .tlp-content,
.tlp-portfolio .isotope8 .tlp-portfolio-item:hover .tlp-title,
.tlp-portfolio .isotope8 .tlp-portfolio-item:hover .tlp-content,
.tlp-portfolio .slider6 .tlp-portfolio-item:hover .tlp-title,
.tlp-portfolio .slider6 .tlp-portfolio-item:hover .tlp-content { opacity: 1; }
.tlp-portfolio .layout10 .tlp-portfolio-item:hover .tlp-overlay,
.tlp-portfolio .layout10 .tlp-portfolio-item:hover h3,
.tlp-portfolio .isotope8 .tlp-portfolio-item:hover .tlp-overlay,
.tlp-portfolio .isotope8 .tlp-portfolio-item:hover h3,
.tlp-portfolio .slider6 .tlp-portfolio-item:hover .tlp-overlay,
.tlp-portfolio .slider6 .tlp-portfolio-item:hover h3 { opacity: 1; -webkit-transition-delay: 0.05s; transition-delay: 0.05s;-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }

/*********************** Start Layout 11 & Isotope 7 ********************/
.tlp-portfolio .layout11 .tlp-portfolio-item,
.tlp-portfolio .isotope9 .tlp-portfolio-item { position: relative; overflow: hidden; text-align: center; } 
.tlp-portfolio .layout11 .tlp-portfolio-item figure,
.tlp-portfolio .isotope9 .tlp-portfolio-item figure { position: relative; overflow: hidden; }
.tlp-portfolio .layout11 .tlp-overlay,
.tlp-portfolio .isotope9 .tlp-overlay { background-color: rgba(0, 0, 0, 0.5); position: absolute; opacity:0; top: 0; left: 0; width: 100%; height: 100%; padding: 0px; color: #fff; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; opacity:0; text-decoration: none; text-align: center; } 
.tlp-portfolio .layout11 .tlp-overlay .item-info,
.tlp-portfolio .isotope9 .tlp-overlay .item-info { z-index:10; color:#ffffff; padding-top: 10%; position: relative; }
.tlp-portfolio .layout11 .tlp-portfolio-item h3,
.tlp-portfolio .isotope9 .tlp-portfolio-item h3 { font-size: 22px; line-height: 1.2; margin: 0px; padding: 5px 0px; color: #fff; } 
.tlp-portfolio .layout11 .tlp-overlay .item-info p,
.tlp-portfolio .isotope9 .tlp-overlay .item-info p { padding: 0px 15px; margin-bottom: 0px; text-align: center; }
.tlp-portfolio .layout11 .tlp-portfolio-item h3 a,
.tlp-portfolio .isotope9 .tlp-portfolio-item h3 a { color: #fff; } 
.tlp-portfolio .layout11 .tlp-portfolio-item:hover .tlp-overlay,
.tlp-portfolio .isotope9 .tlp-portfolio-item:hover .tlp-overlay {  opacity: 1; } 
.tlp-portfolio .layout11 .tlp-portfolio-item .link-icon,
.tlp-portfolio .isotope9 .tlp-portfolio-item .link-icon { margin: 0px; text-align: center; padding: 0px; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,20px,0) scale(1.1); transform: translate3d(0,20px,0) scale(1.1); }
.tlp-portfolio .layout11 .tlp-portfolio-item .link-icon a,
.tlp-portfolio .isotope9 .tlp-portfolio-item .link-icon a { display: inline-block; text-align: center; font-size: 16px; padding: 6px; margin-right: 4px; color: #fff; text-decoration: none; border: 1px solid #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 40px; height: 40px;}
.tlp-portfolio .layout11 .tlp-overlay .line,
.tlp-portfolio .isotope9 .tlp-overlay .line { height: 2px; width:0%; margin: 8px auto; background-color: #ffffff; -webkit-transition: all 500ms ease-out; -moz-transition: all 500ms ease-out; -o-transition: all 500ms ease-out; transition: all 500ms ease-out; }
.tlp-portfolio .layout11 .tlp-overlay:hover .line,
.tlp-portfolio .isotope9 .tlp-overlay:hover .line { width:40%; }

/*********************** Start Layout 12 & Isotope 8 ********************/
.tlp-portfolio .layout12 .tlp-portfolio-item,
.tlp-portfolio .isotope10 .tlp-portfolio-item { position: relative; overflow: hidden; margin: 0px; text-align: center; } 
.tlp-portfolio .layout12 .tlp-portfolio-item figure,
.tlp-portfolio .isotope10 .tlp-portfolio-item figure { position: relative; overflow: hidden; }
.tlp-portfolio .layout12 .tlp-overlay,
.tlp-portfolio .isotope10 .tlp-overlay { background-color: rgba(0, 0, 0, 0.5); position: absolute; opacity: 0; top: 0; left: 0; width: 100%; height: 100%; padding: 0px; color: #fff; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; text-decoration: none; text-align: center; -webkit-transition: all 300ms ease-out;} 
.tlp-portfolio .layout12 .tlp-portfolio-item h3,
.tlp-portfolio .isotope10 .tlp-portfolio-item h3 { font-size: 22px; line-height: 1.2; margin: 0px; padding: 4px 0px; } 
.tlp-portfolio .layout12 .tlp-overlay .item-info .item-info-top,
.tlp-portfolio .isotope10 .tlp-overlay .item-info .item-info-top { width: 100%; top: 0; position: absolute; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; padding:0 10px; } 
.tlp-portfolio .layout12 .tlp-overlay .item-info .item-info-bottom,
.tlp-portfolio .isotope10 .tlp-overlay .item-info .item-info-bottom { width: 100%; bottom: 0; position: absolute; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; padding:0 10px; } 
.tlp-portfolio .layout12 .tlp-overlay .item-info p,
.tlp-portfolio .isotope10 .tlp-overlay .item-info p { padding: 0px 15px; text-align: center; }
.tlp-portfolio .layout12 .tlp-portfolio-item h3,
.tlp-portfolio .layout12 .tlp-portfolio-item h3 a,
.tlp-portfolio .isotope10 .tlp-portfolio-item h3,
.tlp-portfolio .isotope10 .tlp-portfolio-item h3 a { color: #fff; } 
.tlp-portfolio .layout12 .tlp-portfolio-item:hover .tlp-overlay,
.tlp-portfolio .isotope10 .tlp-portfolio-item:hover .tlp-overlay { opacity: 1; } 
.tlp-portfolio .layout12 .tlp-portfolio-item .social-icons,
.tlp-portfolio .isotope10 .tlp-portfolio-item .social-icons { color: #fff; margin: 0px; text-align: center; padding: 0px; } 
.tlp-portfolio .layout12 .tlp-overlay .line,
.tlp-portfolio .isotope10 .tlp-overlay .line { height: 2px; width: 0%; margin: 10px auto; background-color: #ffffff; -webkit-transition: all 500ms ease-out; -moz-transition: all 500ms ease-out; -o-transition: all 500ms ease-out; transition: all 500ms ease-out; }
.tlp-portfolio .layout12 .tlp-overlay:hover .line,
.tlp-portfolio .isotope10 .tlp-overlay:hover .line { width: 40%; }
.tlp-portfolio .layout12 .tlp-overlay:hover .item-info .item-info-top,
.tlp-portfolio .isotope10 .tlp-overlay:hover .item-info .item-info-top { top:35%; }
.tlp-portfolio .layout12 .tlp-overlay:hover .item-info .item-info-bottom,
.tlp-portfolio .isotope10 .tlp-overlay:hover .item-info .item-info-bottom { bottom:32%; }

/************************ Layout Isotope 1 ******************************/

.tlp-portfolio .isotope1 .tlp-portfolio-thum { background: #ccc; overflow: hidden; position: relative; width: 100%; }
.tlp-portfolio .isotope1 .tlp-overlay { position: absolute; bottom: 0; left: 0; height: 100%; width: 100%; color: #fff; text-align: center; background-color: rgba(217, 35, 45, 0.85); -webkit-transition: all 0.5s ease-out 0.15s; -moz-transition: all 0.5s ease-out 0.15s; -ms-transition: all 0.5s ease-out 0.15s; -o-transition: all 0.5s ease-out 0.15s; transition: all 0.5s ease-out 0.15s; }
.tlp-portfolio .isotope1 .tlp-portfolio-thum .tlp-overlay,
.tlp-portfolio .isotope1 .tlp-portfolio-thum .link-icon { -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; }
.tlp-portfolio .isotope1 .tlp-portfolio-thum:hover .tlp-overlay,
.tlp-portfolio .isotope1 .tlp-portfolio-thum:hover .link-icon { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; }
.tlp-portfolio .isotope1 .tlp-overlay .link-icon { text-align: center; display: block; padding: 0; }
.tlp-portfolio .isotope1 .tlp-overlay .link-icon li { display: inline-block; }
.tlp-portfolio .isotope1 .tlp-overlay .link-icon a { text-align: center; color: #fff; text-decoration: none; display: inline-block; padding: 8px; margin-right:4px; font-size: 20px; width: 45px; height: 45px; border: 1px solid #fff; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
.tlp-portfolio .isotope1 .tlp-portfolio-item:hover .tlp-overlay { left: 0;}
.tlp-portfolio .isotope1 .tlp-portfolio-thum img { -webkit-transition: all 1.1s ease; -moz-transition: all 1.1s ease; -o-transition: all 1.1s ease; -ms-transition: all 1.1s ease; transition: all 1.1s ease; max-width: 100%; }
.tlp-portfolio .isotope1 .tlp-portfolio-thum: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); }
.tlp-portfolio .isotope1 .tlp-content { width: 100%; position: relative; }
.tlp-portfolio .isotope1 .tlp-content h3,
.tlp-portfolio .isotope1 .tlp-content h3 a { margin: 10px 0; font-size: 24px; font-weight: 400; text-decoration: none; }
.tlp-portfolio .isotope1 .tlp-content p { padding: 0; margin: 0; }
.tlp-portfolio .isotope1 .tlp-content .tlp-content-holder { padding: 15px 20px; }

/*********************** Layout Isotope 2 ****************************/
.tlp-portfolio .isotope2 .image-container { overflow: hidden; position: relative; width: 100%; padding: 0; margin: 0; line-height: 11px; }
.tlp-portfolio .isotope2 .image-container img { -webkit-transition: all 1.1s ease; -moz-transition: all 1.1s ease; -o-transition: all 1.1s ease; -ms-transition: all 1.1s ease; transition: all 1.1s ease; max-width: 100%; }
.tlp-portfolio .isotope2 .image-container: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); }
.tlp-portfolio .isotope2 .tlp-overlay { position: absolute; bottom: 0; left: 0; height: 100%; width: 100%; color: #fff; background-color: rgba(217, 35, 45, 0.85); -webkit-transition: all 0.5s ease-out 0.15s; -moz-transition: all 0.5s ease-out 0.15s; -ms-transition: all 0.5s ease-out 0.15s; -o-transition: all 0.5s ease-out 0.15s; transition: all 0.5s ease-out 0.15s; text-align: center; }
.tlp-portfolio .isotope2 .tlp-overlay .link-icon { text-align: center; padding: 0; display: block; text-align: center;  }
.tlp-portfolio .isotope2 .tlp-overlay .link-icon a { text-align: center; color: #fff; font-size: 20px; line-height: 45px;text-decoration: none; border: 1px solid #fff; display:inline-block; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 40px; height: 40px; }
.tlp-portfolio .isotope2 .tlp-overlay .tlp-title { opacity: 0; -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -ms-transform: translateY(-100px); -o-transform: translateY(-100px); transform: translateY(-100px); -webkit-transition: all 0.5s ease-out 0.15s; -moz-transition: all 0.5s ease-out 0.15s; -ms-transition: all 0.5s ease-out 0.15s; -o-transition: all 0.5s ease-out 0.15s; transition: all 0.5s ease-out 0.15s; display: block; background: #fff; text-align: center; padding: 1px 0; margin: 20px 0px 5px; color: #000; font-size: 20px; }
.tlp-portfolio .isotope2 .tlp-overlay:hover .tlp-title { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); }
.tlp-portfolio .isotope2 .tlp-overlay .tlp-title h3 { padding: 10px; margin: 0px; }
.tlp-portfolio .isotope2 .tlp-overlay p { padding:0px 15px 5px; margin: 0px; line-height: 20px; }
.tlp-portfolio .isotope2 .tlp-overlay,
.tlp-portfolio .isotope2 .link-icon { -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; -webkit-transition: all 0.5s ease-out 0.15s; -moz-transition: all 0.5s ease-out 0.15s; -ms-transition: all 0.5s ease-out 0.15s; -o-transition: all 0.5s ease-out 0.15s; transition: all 0.5s ease-out 0.15s; }
.tlp-portfolio .isotope2 .image-container:hover .tlp-overlay,
.tlp-portfolio .isotope2 .image-container:hover .link-icon { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); }
.tlp-portfolio .isotope2 .tlp-each-item { border: 6px solid #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }
.tlp-portfolio .isotope2 .tlp-portfolio-item .tlp-info h3,
.tlp-portfolio .isotope2 .tlp-portfolio-item .tlp-info h3 a { margin: 15px 5px; padding: 0; }

/************************ Layout Isotope 3 *************************/

.tlp-portfolio .isotope3 .tlp-portfolio-item { position: relative; float: left; overflow: hidden;  }
.tlp-portfolio .isotope3 .tlp-portfolio-item .tlp-each-item { position: relative; float: left; overflow: hidden; }
.tlp-portfolio .isotope3 .tlp-portfolio-item img { position: relative; display: block; }
.tlp-portfolio .isotope3 .tlp-overlay { padding: 15px; margin: 0px; color: #fff; font-size:14px; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; left: 0; width: 100%; height: 100%; top: auto; bottom: 0; background-color: rgba(245, 46, 46, .7); color: #fff; -webkit-transition: -webkit-transform 0.55s; transition: transform 0.55s; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0);  }
.tlp-portfolio .isotope3 .tlp-overlay .tlp-title { background-color: rgba(245, 46, 46, .9); color: #fff;  opacity: 0;padding: 15px; margin: 0px; color: #fff; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; left: 0; width: 100%; height: 100%; bottom: 50px; height: 50px; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); }
.tlp-portfolio .isotope3 .tlp-overlay h3,
.tlp-portfolio .isotope3 .tlp-overlay h3 a { float: left; color: #fff; font-size: 22px; }
.tlp-portfolio .isotope3 .tlp-overlay p.link-icon { text-align: center;}
.tlp-portfolio .isotope3 .tlp-overlay p.link-icon a { color: #fff; font-size: 20px; display: inline-block; padding: 8px; font-weight: normal;-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 40px; height: 40px; border: 1px solid #fff; }
.tlp-portfolio .isotope3 .tlp-overlay .tlp-content p{ line-height: 22px; margin: 0px; padding: 0px 0px 5px; }
.tlp-portfolio .isotope3 .tlp-overlay h3,.tlp-portfolio .isotope3 .tlp-overlay p.link-icon a { -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,200%,0); transform: translate3d(0,200%,0); }
.tlp-portfolio .isotope3 .tlp-overlay h3 { display: inline-block; margin: 0px; padding: 0px }
.tlp-portfolio .isotope3 .tlp-portfolio-item:hover .tlp-title { opacity: 1; }
.tlp-portfolio .isotope3 .tlp-portfolio-item:hover .tlp-content { opacity: 1; }
.tlp-portfolio .isotope3 .tlp-portfolio-item:hover .tlp-overlay,
.tlp-portfolio .isotope3 .tlp-portfolio-item:hover h3,
.tlp-portfolio .isotope3 .tlp-portfolio-item:hover p.link-icon a { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.tlp-portfolio .isotope3 .tlp-portfolio-item:hover h3 { opacity: 1; -webkit-transition-delay: 0.05s; transition-delay: 0.05s; }
.tlp-portfolio .isotope3 .tlp-portfolio-item:hover p.link-icon a:last-child { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; }
.tlp-portfolio .isotope3 .tlp-portfolio-item:hover p.link-icon a:first-child { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; }

/***********************  Layout Isotope 4 **********************/
.tlp-portfolio .isotope4 figure { position: relative; overflow: hidden; width: 100%; height: auto; text-align: center; }
.tlp-portfolio .isotope4 img { position: relative; display: block; }
.tlp-portfolio .isotope4 figure:hover img { opacity: 0.8; }
.tlp-portfolio .isotope4 figcaption { position: absolute; top: 0; left: 0; width: 100%; height: 100%;padding: 0px; color: #fff; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.tlp-portfolio .isotope4 .tlp-portfolio-thum img,
.tlp-portfolio .isotope4 .tlp-portfolio-thum .tlp-content,
.tlp-portfolio .isotope4 .tlp-portfolio-thum .link-icon { -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; }
.tlp-portfolio .isotope4 .tlp-portfolio-thum h3 ,
.tlp-portfolio .isotope4 .tlp-portfolio-thum h3 a { font-size: 24px; color: #fff; text-align: center; padding: 0px; }
.tlp-portfolio .isotope4 .tlp-portfolio-thum img { -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.tlp-portfolio .isotope4 .tlp-portfolio-thum .tlp-content { position: absolute; width: 100%; height: 100%; top: 90px; padding: 15px;  }
.tlp-portfolio .isotope4 .tlp-portfolio-thum p { position: absolute; bottom: 0; left: 0; padding: 0px 15px; line-height: 20px;text-transform: none; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,50px,0); transform: translate3d(0,50px,0); }
.tlp-portfolio .isotope4 .tlp-portfolio-thum:hover img { -webkit-transform: translate3d(0,-95px,0); transform: translate3d(0,-95px,0); }
.tlp-portfolio .isotope4 .tlp-portfolio-thum:hover .tlp-content { background-color: rgba(245, 46, 46, .7);-webkit-transform: translate3d(0,-120px,0); transform: translate3d(0,-95px,0); }
.tlp-portfolio .isotope4 .tlp-portfolio-thum:hover .tlp-content p { position: relative; padding-bottom: 0px; margin-right: 0px; }
.tlp-portfolio .isotope4 .tlp-portfolio-thum:hover .link-icon { opacity: 1;}
.tlp-portfolio .isotope4 .tlp-portfolio-thum:hover p { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.tlp-portfolio .isotope4 .tlp-portfolio-thum .link-icon { margin: 0px; padding: 0px; text-align: center;-webkit-backface-visibility: hidden; backface-visibility: hidden; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,20px,0) scale(1.1); transform: translate3d(0,20px,0) scale(1.1); }
.tlp-portfolio .isotope4 .tlp-portfolio-thum .link-icon a { text-align: center; font-size: 16px; padding: 6px; display: inline-block; color: #fff; text-decoration: none;border: 1px solid #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 36px; height: 36px; }

/******************************** Layout Isotope 5 *******************************/
.tlp-portfolio .isotope5 figure { position: relative; overflow: hidden; margin: 0px; width: 100%; height: auto; text-align: center; cursor: pointer; }
.tlp-portfolio .isotope5 img { position: relative; display: block;  }
.tlp-portfolio .isotope5 .tlp-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 15px; color: #fff; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.tlp-portfolio .isotope5 h3,
.tlp-portfolio .isotope5 p { margin: 0; }
.tlp-portfolio .isotope5 .tlp-portfolio-thum:hover .tlp-overlay { background: rgba(255,255,255,0.9); }
.tlp-portfolio .isotope5 .tlp-portfolio-thum img { max-width: none; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.tlp-portfolio .isotope5 .tlp-portfolio-thum figcaption { text-align: left; }
.tlp-portfolio .isotope5 .tlp-portfolio-thum h3 { font-size: 24px; position: relative; padding: 8px 0; color: #fff; font-weight: 400; }
.tlp-portfolio .isotope5 .tlp-portfolio-thum p { opacity: 0;margin: 0px 0px 4px; padding: 4px 6px; background: rgba(255,255,255,0.9); color: #2f3238; line-height: 20px; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-360px,0,0); transform: translate3d(-360px,0,0); }
.tlp-portfolio .isotope5 .tlp-portfolio-thum .link-icon { display: inline-block; text-align: center; margin: 0 0 4px; padding: 4px; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-360px,0,0); transform: translate3d(-360px,0,0); }
.tlp-portfolio .isotope5 .tlp-portfolio-thum .link-icon a { text-align: center; font-size: 16px; padding: 4px; color: #fff; text-decoration: none; border: 1px solid #fff; display: block; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 35px; height: 35px;}
.tlp-portfolio .isotope5 .tlp-portfolio-thum p:first-child { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; }
.tlp-portfolio .isotope5 .tlp-portfolio-thum p:nth-of-type(2) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }
.tlp-portfolio .isotope5 .tlp-portfolio-thum p:nth-of-type(3) { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; }
.tlp-portfolio .isotope5 .tlp-portfolio-thum:hover p:first-child { -webkit-transition-delay: 0s; transition-delay: 0s; }
.tlp-portfolio .isotope5 .tlp-portfolio-thum:hover p:nth-of-type(2) { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; }
.tlp-portfolio .isotope5 .tlp-portfolio-thum:hover p:nth-of-type(3) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }
.tlp-portfolio .isotope5 .tlp-portfolio-thum:hover img { -webkit-transform: scale3d(1.1,1.1,1); transform: scale3d(1.1,1.1,1); }
.tlp-portfolio .isotope5 .tlp-portfolio-thum:hover p, 
.tlp-portfolio .isotope5 .tlp-portfolio-thum:hover .link-icon { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }

/******************************** Layout Isotope 6 ****************************/

.tlp-portfolio .isotope6 figure { position: relative; overflow: hidden; margin: 0px; width: 100%; height: auto; text-align: center; }
.tlp-portfolio .isotope6 img { position: relative; display: block; }
.tlp-portfolio .isotope6 figcaption { padding: 30px; color: #fff; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.tlp-portfolio .isotope6 figcaption, 
.tlp-portfolio .isotope6  figcaption .tlp-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.tlp-portfolio .isotope6 .tlp-portfolio-thum img { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1.15); transform: scale(1.15); }
.tlp-portfolio .isotope6 .tlp-portfolio-thum h3 { font-style: 24px; margin-top: 20%; padding: 0px 15px; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,20px,0); }
.tlp-portfolio .isotope6 .tlp-portfolio-thum h3 a { color: #fff; }
.tlp-portfolio .isotope6 .tlp-portfolio-thum .tlp-content { position: absolute; width: 100%; height: 100%; top: 90px; padding: 15px;  }
.tlp-portfolio .isotope6 .tlp-portfolio-thum p { margin: 0; padding: 0px 15px 5px 15px; line-height: 20px; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,20px,0) scale(1.1); transform: translate3d(0,20px,0) scale(1.1); }
.tlp-portfolio .isotope6 .tlp-portfolio-thum:hover .tlp-content { background-color: rgba(245, 46, 46, .7);-webkit-transform: translate3d(0,-120px,0); transform: translate3d(0,-95px,0); }
.tlp-portfolio .isotope6 .tlp-portfolio-thum:hover .tlp-content p { position: relative; padding-bottom: 0px; margin-right: 0px; }
.tlp-portfolio .isotope6 .tlp-portfolio-thum .link-icon { text-align: center;margin: 0px; padding: 0px; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,20px,0) scale(1.1); transform: translate3d(0,20px,0) scale(1.1); }
.tlp-portfolio .isotope6 .tlp-portfolio-thum .link-icon a { display: inline-block; margin-right: 4px;text-align: center; font-size: 16px; padding: 6px; color: #fff; text-decoration: none; border: 1px solid #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 35px; height: 35px;}
.tlp-portfolio .isotope6 .tlp-portfolio-thum:hover .link-icon { opacity: 1;}
.tlp-portfolio .isotope6 .tlp-portfolio-thum:hover h3 { margin-top: 10%; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.tlp-portfolio .isotope6 .tlp-portfolio-thum:hover p { opacity: 1; -webkit-transform: translate3d(0,0,0) scale(1); transform: translate3d(0,0,0) scale(1); }


/************************  Slider 1 *************************/

.tlp-portfolio .slider1 .tlp-portfolio-item { position: relative; overflow: hidden; }
.tlp-portfolio .slider1 .tlp-portfolio-item img { position: relative; display: block; }
.tlp-portfolio .slider1 .tlp-overlay { padding: 15px; margin: 0px; color: #fff; font-size:14px; -webkit-backface-visibility: hidden; backface-visibility: hidden;position: absolute; left: 0; width: 100%; height: 100%;top: auto; bottom: 0; background-color: rgba(245, 46, 46, .7); color: #fff; -webkit-transition: -webkit-transform 0.55s; transition: transform 0.55s; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0);  }
.tlp-portfolio .slider1 .tlp-overlay .tlp-title { background-color: rgba(245, 46, 46, .9); color: #fff;  opacity: 0;padding: 15px; margin: 0px; color: #fff; -webkit-backface-visibility: hidden; backface-visibility: hidden;position: absolute; left: 0; width: 100%; height: 100%;bottom: 50px; height: 50px; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); }
.tlp-portfolio .slider1 .tlp-overlay h3,
.tlp-portfolio .slider1 .tlp-overlay h3 a { color: #fff; font-size: 20px; }
.tlp-portfolio .slider1 .tlp-overlay p.link-icon { text-align: center;}
.tlp-portfolio .slider1 .tlp-overlay p.link-icon a { color: #fff; font-size: 20px; display: inline-block; padding: 8px; font-weight: normal; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 36px; height: 36px; border: 1px solid #fff; }
.tlp-portfolio .slider1 .tlp-overlay .tlp-content p { line-height: 22px; margin: 0px; padding: 0px 0px 5px; }
.tlp-portfolio .slider1 .tlp-overlay h3,.tlp-portfolio .slider1 .tlp-overlay p.link-icon a { -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,200%,0); transform: translate3d(0,200%,0); }
.tlp-portfolio .slider1 .tlp-overlay h3 { display: inline-block; margin: 0px; padding: 0px }
.tlp-portfolio .slider1 .tlp-portfolio-item:hover .tlp-title { opacity: 1;}
.tlp-portfolio .slider1 .tlp-portfolio-item:hover .tlp-content {opacity: 1; }
.tlp-portfolio .slider1 .tlp-portfolio-item:hover .tlp-overlay,
.tlp-portfolio .slider1 .tlp-portfolio-item:hover h3,
.tlp-portfolio .slider1 .tlp-portfolio-item:hover p.link-icon a {-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.tlp-portfolio .slider1 .tlp-portfolio-item:hover h3 {opacity: 1; -webkit-transition-delay: 0.05s; transition-delay: 0.05s; }
.tlp-portfolio .slider1 .tlp-portfolio-item:hover p.link-icon a:last-child {-webkit-transition-delay: 0.15s; transition-delay: 0.15s; }
.tlp-portfolio .slider1 .tlp-portfolio-item:hover p.link-icon a:first-child {-webkit-transition-delay: 0.05s; transition-delay: 0.05s; }

/***********************  Slider 2 **********************/
.tlp-portfolio .slider2 figure { position: relative; overflow: hidden; width: 100%; height: auto; text-align: center; }
.tlp-portfolio .slider2 img { position: relative; display: block; }
.tlp-portfolio .slider2 figure:hover img { opacity: 0.8; }
.tlp-portfolio .slider2 figcaption { position: absolute; top: 0; left: 0; width: 100%; height: 100%;padding: 0px; color: #fff; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.tlp-portfolio .slider2 .tlp-portfolio-thum img,
.tlp-portfolio .slider2 .tlp-portfolio-thum .tlp-content,
.tlp-portfolio .slider2 .tlp-portfolio-thum .link-icon { -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; }
.tlp-portfolio .slider2 .tlp-portfolio-thum h3 ,
.tlp-portfolio .slider2 .tlp-portfolio-thum h3 a { font-size: 24px; color: #fff; text-align: center; padding: 0px; }
.tlp-portfolio .slider2 .tlp-portfolio-thum img { -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.tlp-portfolio .slider2 .tlp-portfolio-thum .tlp-content{ position: absolute; width: 100%; height: 100%; top: 90px; padding: 15px;  }
.tlp-portfolio .slider2 .tlp-portfolio-thum p { position: absolute; bottom: 0; left: 0; padding: 0px 15px; line-height: 20px;text-transform: none; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,50px,0); transform: translate3d(0,50px,0); }
.tlp-portfolio .slider2 .tlp-portfolio-thum:hover img { -webkit-transform: translate3d(0,-95px,0); transform: translate3d(0,-95px,0); }
.tlp-portfolio .slider2 .tlp-portfolio-thum:hover .tlp-content { background-color: rgba(245, 46, 46, .7);-webkit-transform: translate3d(0,-120px,0); transform: translate3d(0,-95px,0); }
.tlp-portfolio .slider2 .tlp-portfolio-thum:hover .tlp-content p { position: relative; padding-bottom: 0px; margin-right: 0px; }
.tlp-portfolio .slider2 .tlp-portfolio-thum:hover .link-icon { opacity: 1; }
.tlp-portfolio .slider2 .tlp-portfolio-thum:hover p { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.tlp-portfolio .slider2 .tlp-portfolio-thum .link-icon { margin: 0px; padding: 0px; text-align: center;-webkit-backface-visibility: hidden; backface-visibility: hidden; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,20px,0) scale(1.1); transform: translate3d(0,20px,0) scale(1.1); } .tlp-portfolio .slider2 .tlp-portfolio-thum .link-icon li{ display: inline-block; text-align: center;border: 1px solid #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 30px; height: 30px;}
.tlp-portfolio .slider2 .tlp-portfolio-thum .link-icon a { color: #fff; text-align: center; font-size: 20px; display: inline-block; padding: 10px; font-weight: normal;-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 40px; height: 40px; border: 1px solid #fff; }

/******************************** Slider 3 ****************************/

.tlp-portfolio .slider3 figure { position: relative; overflow: hidden; margin: 0px; width: 100%; height: auto; text-align: center; }
.tlp-portfolio .slider3 img { position: relative; display: block; }
.tlp-portfolio .slider3 figcaption { padding: 30px; color: #fff; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.tlp-portfolio .slider3 figcaption, 
.tlp-portfolio .slider3  figcaption .tlp-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.tlp-portfolio .slider3 .tlp-portfolio-thum img { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1.15); transform: scale(1.15); }
.tlp-portfolio .slider3 .tlp-portfolio-thum:hover img { -webkit-transform: scale(1); transform: scale(1); }
.tlp-portfolio .slider3 .tlp-portfolio-thum h3 { font-size: 24px; margin-top: 30%; padding: 0px 15px; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,20px,0); }
.tlp-portfolio .slider3 .tlp-portfolio-thum h3 a { color: #fff; }
.tlp-portfolio .slider3 .tlp-portfolio-thum p { margin: 0; padding: 0px 15px 4px 15px; line-height: 20px; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,20px,0) scale(1.1); transform: translate3d(0,20px,0) scale(1.1); }
.tlp-portfolio .slider3 .tlp-portfolio-thum:hover .tlp-overlay { background-color: rgba(217, 35, 45, 0.85); -webkit-transition: all 0.35s ease-out 0.15s; -moz-transition: all 0.35s ease-out 0.15s; -ms-transition: all 0.35s ease-out 0.15s; -o-transition: all 0.35s ease-out 0.15s; transition: all 0.35s ease-out 0.15s; }
.tlp-portfolio .slider3 .tlp-portfolio-thum .link-icon { margin: 0px; text-align: center; padding: 0px; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,20px,0) scale(1.1); transform: translate3d(0,20px,0) scale(1.1); }
.tlp-portfolio .slider3 .tlp-portfolio-thum .link-icon a { display: inline-block;text-align: center; font-size: 16px; padding: 6px; margin-right: 4px; color: #fff; text-decoration: none; border: 1px solid #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 35px; height: 35px; }
.tlp-portfolio .slider3 .tlp-portfolio-thum:hover .link-icon { opacity: 1; }
.tlp-portfolio .slider3 .tlp-portfolio-thum:hover h3 { margin-top: 10%; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.tlp-portfolio .slider3 .tlp-portfolio-thum:hover p { opacity: 1; -webkit-transform: translate3d(0,0,0) scale(1); transform: translate3d(0,0,0) scale(1); }

/******************************** Slider 4 *******************************/
.tlp-portfolio .slider4 figure { position: relative; overflow: hidden; margin: 0px; width: 100%; height: auto; text-align: center; cursor: pointer; }
.tlp-portfolio .slider4 img { position: relative; display: block; }
.tlp-portfolio .slider4 figure .tlp-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 15px; color: #fff; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.tlp-portfolio .slider4 figure h3,
.tlp-portfolio .slider4 figure p { margin: 0; }
.tlp-portfolio .slider4 h3, 
.tlp-portfolio .slider4 h3 a { color: #fff;}
.tlp-portfolio .slider4 .tlp-portfolio-thum:hover .tlp-overlay { background: rgba(255,255,255,0.9); }
.tlp-portfolio .slider4 .tlp-portfolio-thum img { max-width: none; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.tlp-portfolio .slider4 .tlp-portfolio-thum figcaption { text-align: left; }
.tlp-portfolio .slider4 .tlp-portfolio-thum h3 { font-size: 24px; position: relative; padding: 8px 0; color: #fff; font-weight: 400; }
.tlp-portfolio .slider4 .tlp-portfolio-thum p { opacity: 0; margin: 0px 0px 4px; padding: 4px 6px; background: rgba(255,255,255,0.9); color: #fff; line-height: 20px; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-360px,0,0); transform: translate3d(-360px,0,0); }
.tlp-portfolio .slider4 .tlp-portfolio-thum .link-icon { display: inline-block; text-align: center; margin: 0 0 4px; padding: 4px; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-360px,0,0); transform: translate3d(-360px,0,0); }
.tlp-portfolio .slider4 .tlp-portfolio-thum .link-icon a { text-align: center; font-size: 20px; padding: 10px; color: #fff; text-decoration: none; border: 1px solid #fff; display:inline-block; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 40px; height: 40px; }
.tlp-portfolio .slider4 .tlp-portfolio-thum p:first-child { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; }
.tlp-portfolio .slider4 .tlp-portfolio-thum p:nth-of-type(2) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }
.tlp-portfolio .slider4 .tlp-portfolio-thum p:nth-of-type(3) { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; }
.tlp-portfolio .slider4 .tlp-portfolio-thum:hover p:first-child { -webkit-transition-delay: 0s; transition-delay: 0s; }
.tlp-portfolio .slider4 .tlp-portfolio-thum:hover p:nth-of-type(2) { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; }
.tlp-portfolio .slider4 .tlp-portfolio-thum:hover p:nth-of-type(3) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }
.tlp-portfolio .slider4 .tlp-portfolio-thum:hover img { -webkit-transform: scale3d(1.1,1.1,1); transform: scale3d(1.1,1.1,1); }
.tlp-portfolio .slider4 .tlp-portfolio-thum:hover p, 
.tlp-portfolio .slider4 .tlp-portfolio-thum:hover .link-icon { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }

/******************************* Isotope ********************************/

.tlp-portfolio .button-group { margin-bottom: 25px; margin-left: 15px; text-align: center; }
.tlp-portfolio button { background: #3083FB; color:#fff;padding: 5px 10px;border-radius: 2px; margin-right: 5px; border: none;}
.tlp-portfolio button:hover { background: #8e8e8e;color: #fff; }
.tlp-portfolio button.selected { background: #8e8e8e;color: #fff; outline: 0px; }


/***************************** Detail page **************************/
.tlp-portfolio-detail h2 { text-transform: uppercase; text-align: center; margin: 0px 0px 30px; padding: 0px; }
.tlp-portfolio-detail ul { margin: 0px; padding: 0px; }
.tlp-portfolio-detail ul li { list-style: none; }
.tlp-portfolio-detail .image-area { margin-bottom: 25px; }
.tlp-portfolio-detail .related-project h3.title { padding: 10px 15px; }
.tlp-portfolio-detail .desc-area { text-align: left; }
.tlp-portfolio-detail .attribute-area { text-align: left; }

/***************************** Gallery ****************************/
.portfolio-slider { width: 80%; margin: 0 auto; } 
.fotorama__arr { border-radius: 50%; border:1px solid #eee; } 
.fotorama__wrap--css3 .fotorama__arr:not(:focus), 
.fotorama__wrap--css3 .fotorama__fullscreen-icon:not(:focus), 
.fotorama__wrap--css3 .fotorama__video-close:not(:focus), 
.fotorama__wrap--css3 .fotorama__video-play:not(:focus) { transition-property: inherit; transition-property: inherit; transition-duration: inherit; } 
.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--next:not(:focus) { -webkit-transform: inherit; transform: inherit; } 
.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr { opacity: inherit !important; }

/******************************  pop up **************************/
.tlp-popup-navigation,.tlp-popup-navigation-wrap { width:100%; }
#tlp-port-item-count { display: none; } 
#tlp-popup-wrap .tlp-popup-singlePage-counter { color: #fff; position: absolute; margin: auto; right: 40px; top: 0; bottom: 0; height: 30px; }
#tlp-popup-wrap .tlp-popup-content { padding-top: 70px; } 
.admin-bar #tlp-popup-wrap .tlp-popup-content { padding-top: 46px; } 
#tlp-port-item-count { display:none; } 
.tlp-popup-wrap { min-height: 100%; position: fixed; width: 100%; left: 0; top: 0; margin-left:100%; display: none; overflow-y: scroll; overflow-x: hidden; z-index: 999999; padding: 0px; } 
.tlp-popup-wrap:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } 
.tlp-popup-wrap .tlp-popup-navigation-wrap { background-color: #3083FB; }
.tlp-popup-wrap .tlp-popup-loading { background: url('../images/tlp-loading.gif') no-repeat center; height: 200px; } 
.tlp-popup-content { width: 100%; height: 100%; background: #fff; position: fixed; overflow-y: scroll; } 
.tlp-popup-singlePage-sticky .tlp-popup-navigation-wrap { text-align: center; position: fixed; top: 0; } 
.tlp-popup-singlePage .tlp-popup-next, 
.tlp-popup-singlePage .tlp-popup-prev { width: 44px; height: 44px; bottom: 0; }
.tlp-popup-singlePage .tlp-popup-next { background: url("../images/tlp-sprite.png") no-repeat scroll -46px -92px transparent; right: 0; bottom: 0; left: 108px; }
.tlp-popup-navigation .tlp-popup-prev,
.tlp-popup-navigation .tlp-popup-close,
.tlp-popup-navigation .tlp-popup-next { display: inline-block; margin: 5px !important; cursor: pointer; } 
.tlp-popup-navigation { padding: 5px 0px; }
.tlp-popup-singlePage .tlp-popup-next:hover { background-position: -46px -138px; }
.tlp-popup-singlePage .tlp-popup-prev { background: url("../images/tlp-sprite.png") no-repeat scroll 0 -92px transparent;left: 0;}
.tlp-popup-singlePage .tlp-popup-prev:hover { background-position: 0 -138px; }
.tlp-popup-singlePage .tlp-popup-close { background: url("../images/tlp-sprite.png") no-repeat scroll -92px -92px transparent; height: 44px; width: 44px; margin: auto; top: 0; right: 0; bottom: 0; left: 0; } 
.tlp-popup-singlePage .tlp-popup-close:hover { background-position: -92px -138px; }

/******************************* Detail ********************************/
.tlp-portfolio-detail .image-area img { max-width: 100%; }
.tlp-portfolio-detail .attributes label { font-weight: bold; display:inline; }
.tlp-portfolio-detail .related-project h3 { font-size: 22px; }
.tlp-portfolio-detail .related-project { margin-bottom: 100px; border:0px solid red; overflow: hidden;} 

/******************************* Slider *******************************/
.portfolio-slider { width: 80%; margin: 0 auto; } 
.fotorama__arr { border-radius: 50%; border:1px solid #eee; }
.fotorama__wrap--css3 .fotorama__arr:not(:focus), 
.fotorama__wrap--css3 .fotorama__fullscreen-icon:not(:focus), 
.fotorama__wrap--css3 .fotorama__video-close:not(:focus), 
.fotorama__wrap--css3 .fotorama__video-play:not(:focus) { transition-property: inherit; transition-property: inherit; transition-duration: inherit; } 
.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--next:not(:focus) { -webkit-transform: inherit; transform: inherit; } 
.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr {opacity: inherit !important; } 


@media (min-width: 768px) {
  .tlp-col-sm-1, .tlp-col-sm-2, .tlp-col-sm-3, .tlp-col-sm-4, .tlp-col-sm-5, .tlp-col-sm-6, .tlp-col-sm-7, .tlp-col-sm-8, .tlp-col-sm-9, .tlp-col-sm-10, .tlp-col-sm-11, .tlp-col-sm-12 {float: left; } 
  .tlp-col-sm-12 {width: 100%;} .tlp-col-sm-11 {width: 91.66666667%;} .tlp-col-sm-10 {width: 83.33333333%;} .tlp-col-sm-9 {width: 75%;} .tlp-col-sm-8 {width: 66.66666667%;} .tlp-col-sm-7 {width: 58.33333333%;} .tlp-col-sm-6 {width: 50%;} .tlp-col-sm-5 {width: 41.66666667%;} .tlp-col-sm-4 {width: 33.33333333%;} .tlp-col-sm-3 {width: 25%;} .tlp-col-sm-2 {width: 16.66666667%;} .tlp-col-sm-1 {width: 8.33333333%;}
}
@media (min-width: 992px) {
  .tlp-col-md-1, .tlp-col-md-2, .tlp-col-md-3, .tlp-col-md-4, .tlp-col-md-5, .tlp-col-md-6, .tlp-col-md-7, .tlp-col-md-8, .tlp-col-md-9, .tlp-col-md-10, .tlp-col-md-11, .tlp-col-md-12 {float: left;}
  .tlp-col-md-12 {width: 100%;} .tlp-col-md-11 {width: 91.66666667%;} .tlp-col-md-10 {width: 83.33333333%;} .tlp-col-md-9 {width: 75%;} .tlp-col-md-8 {width: 66.66666667%;} .tlp-col-md-7 {width: 58.33333333%;} .tlp-col-md-6 {width: 50%;} .tlp-col-md-5 {width: 41.66666667%;} .tlp-col-md-4 {width: 33.33333333%;} .tlp-col-md-3 {width: 25%;} .tlp-col-md-2 {width: 16.66666667%;} .tlp-col-md-1 {width: 8.33333333%;} 
}
@media (min-width: 1200px) {
  .tlp-col-lg-1, .tlp-col-lg-2, .tlp-col-lg-3, .tlp-col-lg-4, .tlp-col-lg-5, .tlp-col-lg-6, .tlp-col-lg-7, .tlp-col-lg-8, .tlp-col-lg-9, .tlp-col-lg-10, .tlp-col-lg-11, .tlp-col-lg-12 {float: left;}
  .tlp-col-lg-12 {width: 100%;} .tlp-col-lg-11 {width: 91.66666667%;} .tlp-col-lg-10 {width: 83.33333333%;} .tlp-col-lg-9 {width: 75%;} .tlp-col-lg-8 {width: 66.66666667%;} .tlp-col-lg-7 {width: 58.33333333%;} .tlp-col-lg-6 {width: 50%;} .tlp-col-lg-5 {width: 41.66666667%;} .tlp-col-lg-4 {width: 33.33333333%;} .tlp-col-lg-3 {width: 25%;} .tlp-col-lg-2 {width: 16.66666667%;} .tlp-col-lg-1 {width: 8.33333333%;} 
}