/***************************************************/
/****************** TLp Portfolio ******************/
/****************** www.techlabpro.com *************/
/****************** info@techlabpro.com ************/
/***************************************************/

.tlp-portfolio figure { margin: 0px!important; padding:0px !important;}
.margin-bottom30 { margin-bottom: 30px;}
.paddingl0 { padding-left: 0px;}
.paddingr0 { padding-right: 0px;}
.padding0 { }
/************************** Grid ********************/
tlp-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, .tlp-container:before, .tlp-container:after, .container-fluid:before, .container-fluid:after, .tlp-row:before, .tlp-row:after { content: " "; display: table; } 
.clearfix:after,.container:after, .container-fluid:after, .tlp-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-equal-height { background: #f5f5f5; margin: 0px; }
.tlp-portfolio .layout1 .tlp-portfolio-item .tlp-portfolio-thum { overflow: hidden;position: relative; width: 100%;}
.tlp-portfolio .layout1 .tlp-portfolio-item .tlp-overlay { width: 100%;height: 100%;left: -100%;top: 0;position: absolute;background-color: rgba(38, 38, 38, 0.8);color: rgba(38, 38, 38, 0.8);top: 0%;transition: All 1s ease;-webkit-transition: All 1s ease;-moz-transition: All 1s ease;-o-transition: All 1s ease;}
.tlp-portfolio .layout1 .tlp-portfolio-item .tlp-overlay .link-icon { text-align: center; display: block;padding: 0;}
.tlp-portfolio .layout1 .tlp-portfolio-item .tlp-overlay .link-icon li { list-style: none; display: inline-block; font-size: 15px; }
.tlp-portfolio .layout1 .tlp-portfolio-item .tlp-overlay .link-icon li a { text-align: center; color: #fff; text-decoration: none; border: 1px solid #fff; display: block; width: 40px; height: 40px; line-height: 40px; margin-right: 4px; border-radius: 50%;}
.tlp-portfolio .layout1 .tlp-portfolio-item:hover .tlp-overlay { left: 0; }
.tlp-portfolio .layout1 .tlp-portfolio-item .tlp-portfolio-thum img { width: 100%; }
.tlp-portfolio .layout1 .tlp-portfolio-item .tlp-content { width: 100%; position: relative; }
.tlp-portfolio .layout1 .tlp-portfolio-item .tlp-content h3 { margin: 10px 0;font-size: 20px;font-weight: 400; color:#1a62f4; }
.tlp-portfolio .layout1 .tlp-portfolio-item .tlp-content h3 a { text-decoration: none; }
.tlp-portfolio .layout1 .tlp-portfolio-item .tlp-content p { padding: 0;margin: 0; }
.tlp-portfolio .layout1 .tlp-portfolio-item .tlp-content .tlp-content-holder { padding: 15px 20px; }

/*********************** Layout 2 ****************************/
.tlp-portfolio .layout2 .tlp-equal-height { background: #f5f5f5;margin: 0px;}
.tlp-portfolio .layout2 .tlp-portfolio-thum { overflow: hidden;position: relative;padding-left: 0px; padding-right: 0px;}
.tlp-portfolio .layout2 .tlp-portfolio-item .tlp-overlay {width: 100%;height: 100%;left: -100%;top: 0;position: absolute;background-color: rgba(38, 38, 38, 0.8);color: rgba(38, 38, 38, 0.8);top: 0%;right:15px;transition: All 1s ease;
  -webkit-transition: All 1s ease;
  -moz-transition: All 1s ease;
  -o-transition: All 1s ease;
}
.tlp-portfolio .layout2 .tlp-portfolio-item .tlp-overlay .link-icon { text-align: center; display: block;padding: 0;}
.tlp-portfolio .layout2 .tlp-portfolio-item .tlp-overlay .link-icon li { list-style: none; display: inline-block; font-size: 15px; }
.tlp-portfolio .layout2 .tlp-portfolio-item .tlp-overlay .link-icon li a { text-align: center; color: #fff; text-decoration: none; border: 1px solid #fff; display: block; width: 40px; height: 40px; line-height: 40px; margin-right: 4px; border-radius: 50%;}
.tlp-portfolio .layout2 .tlp-portfolio-item:hover .tlp-overlay { left: 0;}
.tlp-portfolio .layout2 .tlp-portfolio-item .tlp-portfolio-thum img { width: 100%;display: block;}
.tlp-portfolio .layout2 .tlp-portfolio-item .tlp-content .read-more { text-align: right;padding:10px;}
.tlp-portfolio .layout2 .tlp-portfolio-item .tlp-content .read-more a { font-size: 15px;text-decoration: none;border: 1px solid #e4e4e4;padding: 8px 10px;}
.tlp-portfolio .layout2 .tlp-portfolio-item .tlp-content .read-more a:hover {}
.tlp-portfolio .layout2 .tlp-portfolio-item .tlp-content h3 { margin: 0px 0 10px;font-size: 24px;font-weight: 400;}
.tlp-portfolio .layout2 .tlp-portfolio-item .tlp-content h3 a { text-decoration: none;}
.tlp-portfolio .layout2 .tlp-portfolio-item .tlp-content-holder { padding: 0px 5px;}

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

.tlp-portfolio .layout3 .tlp-portfolio-item .tlp-portfolio-thum { overflow: hidden;position: relative; }
.tlp-portfolio .layout3 .tlp-portfolio-item .tlp-overlay { width: 100%;height: 100%;left: -1000px;top: 0; padding:5px;position: absolute;background-color: rgba(38, 38, 38, 0.8);color: rgba(38, 38, 38, 0.8);top: 0%;
  transition: All 1s ease;
  -webkit-transition: All 1s ease;
  -moz-transition: All 1s ease;
  -o-transition: All 1s ease;
}
.tlp-portfolio .layout3 .tlp-portfolio-item .tlp-overlay .link-icon-isotop { text-align: center;padding: 0; }
.tlp-portfolio .layout3 .tlp-portfolio-item .tlp-overlay .link-icon-isotop li { list-style: none;display:inline-block; background: none !important;font-size: 15px; margin-right: 4px;}
.tlp-portfolio .layout3 .tlp-portfolio-item .tlp-overlay .link-icon-isotop li a { text-align: center; color: #fff; text-decoration: none; border: 1px solid #fff; display: block; width: 40px; height: 40px; line-height: 40px; margin-right: 4px; border-radius: 50%;}
.tlp-portfolio .layout3 .tlp-portfolio-item .tlp-overlay .tlp-content { text-align: center;}
.tlp-portfolio .layout3 .tlp-portfolio-item .tlp-overlay .tlp-content h3 { margin: 5% 0 20px 0;font-size: 24px;font-weight: 400;position: relative;}
.tlp-portfolio .layout3 .tlp-portfolio-item .tlp-overlay .tlp-content h3 a { text-decoration: none;color: #fff;}
.tlp-portfolio .layout3 .tlp-portfolio-item .tlp-overlay .tlp-content h3:after { content: "";display: inline-block;position: absolute;right: 0;left: 0;margin: auto;bottom: -20px;height: 2px;background: #17a8eb;z-index: 999999;width: 30%;overflow: auto;}
.tlp-portfolio .layout3 .tlp-portfolio-item .tlp-overlay .tlp-content p { padding: 15px 0 15px 0;margin: 0;color: #fff;}
.tlp-portfolio .layout3 .tlp-portfolio-item .tlp-overlay .tlp-content .tlp-content-holder {padding: 15px 30px 10px 30px;}
.tlp-portfolio .layout3 .tlp-portfolio-item:hover .tlp-overlay { left: 0; }
.tlp-portfolio .layout3 .tlp-portfolio-item .tlp-portfolio-thum img { width: 100%;display: block; }
.tlp-portfolio .layout3 .button-group { margin-bottom: 30px; margin-left: 15px; text-align: center; }
.tlp-portfolio .layout3 button { background: #f2f2f2; padding: 5px 10px;border-radius: 2px; margin-right: 5px; border: none;}
.tlp-portfolio .layout3 button:hover { background: #8e8e8e;color: #fff; }
.tlp-portfolio .layout3 button.selected { background: #8e8e8e;color: #fff; }

/******************************* Detail ********************************/
.tlp-portfolio-detail .image-area img { max-width: 100%;}
.tlp-portfolio-detail .attribute label { font-weight: bold; display:inline;}
.tlp-portfolio-detail .content-area h3 {  padding: 0px 0px 10px; margin: 0px 0px;}




@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%; } 
}