/***************************************************************/
/********************* WP TLP Portfolio ************************/
/*********************** info@techlabpro.com *******************/
/*************** copyright (c) 2015 @ TechlabPro.com ***********/
/***************************************************************/



/*********************** Grid System **************************/
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.tlp-body-overflow{
  overflow: hidden;
}
.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; }
.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 System *********************/

/*********************** Common CSS ************************/
.tlp-portfolio figure{ margin: 0px!important; padding:0px !important;}
.tlp-portfolio .no-margin{ margin:0px; padding: 0px;}
.paddingl0{ padding-left: 0px;}
.paddingr0 { padding-right: 0px;}
.padding0{ padding: 0px !important;}
.allmargin0{ margin:0px !important; padding: 0px !important; }
.tlp-portfolio ul{ margin: 0px; padding: 0px;}
.tlp-portfolio ul li{ list-style: none !important; background: none; }
.tlp-portfolio label{ font-weight: bold; display:inline-block; margin-right: 5px;}
.tlp-equal-height {margin-bottom: 30px;}
.tlp-portfolio .img-responsive{width: 100%; height: auto; } 
.default-margin{ margin-bottom: 30px;}
/* ********************** Pagination ********************/
.tlp-portfolio-container .row.tlp-portfolio::after{
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
nav.tlp-pagination {
    display: block;
    margin: 0 -15px;
    text-align: center;
    clear: both;
}
nav.tlp-pagination ul {
    margin: 15px 0;
}
ul.page-numbers li {
    display: inline-block;
}
nav.tlp-pagination ul.page-numbers li .page-numbers.current, nav.tlp-pagination ul.page-numbers li .page-numbers:hover {
    background: #256fff;
}
nav.tlp-pagination ul.page-numbers li .page-numbers {
    padding: 3px 8px;
    background: #81d742;
    color: #fff;
    font-weight: bold;
}

/********************* end common css ******************/
/************************ 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-portfolio-item .tlp-content{background: #256FFF; }
.tlp-portfolio .layout1 .tlp-content { width: 100%; position: relative; color: #fff;}
.tlp-portfolio .layout1 .tlp-content h3 {margin: 0px 0px 6px 0;font-size: 22px;font-weight: 400;text-decoration: none;}
.tlp-portfolio .layout1 .tlp-content h3 a {color: #fff;}
.tlp-portfolio .layout1 .tlp-content p {padding: 0;margin: 0;}
.tlp-portfolio .layout1 .tlp-content .tlp-content-holder {padding: 15px;}

/*********************** 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: 40px; height: 40px;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-content2 p { padding:0px; margin: 0px 0px 12px 0px}
.tlp-portfolio .layout2 .tlp-content2 h3 {margin: 0px 0 10px; padding: 0px;font-size: 24px;font-weight: 400;}
.tlp-portfolio .layout2 .tlp-content2 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: 6px;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-content2 { width: 100%; position: relative;}
.tlp-portfolio .layout3 .tlp-content2 h3{margin: 15px 0px 10px;font-size: 24px;font-weight: 400;text-decoration: none;}
.tlp-portfolio .layout3 .tlp-content2 p {padding: 0 0px 6px;margin: 0;}
.tlp-portfolio .layout3 .tlp-content2 .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: 0; display: block; text-align: center;  }
.tlp-portfolio .layout4 .tlp-overlay .link-icon a {text-align: center; font-size: 20px; padding: 8px;margin-right: 6px;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; font-size: 22px; font-weight: 400;  }
.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; font-size: 22px; font-weight: 400; }

/********************* 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;  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; font-weight: 400; } 
.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; margin-right: 6px; font-weight: normal;-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 40px; height: 40px; 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; font-weight: 400;}
.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-item img,.tlp-portfolio .layout6 .tlp-portfolio-item .tlp-content2,.tlp-portfolio .layout6 .tlp-portfolio-item .link-icon {-webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; }
.tlp-portfolio .layout6 .tlp-portfolio-item h3 ,.tlp-portfolio .layout6 .tlp-portfolio-item h3 a{ font-size: 22px; margin: 15px 0px 10px; padding: 0px; font-weight: 400; color: #fff; text-align: center; padding: 0px;}
.tlp-portfolio .layout6 .tlp-portfolio-item img {-webkit-backface-visibility: hidden; backface-visibility: hidden; }
.tlp-portfolio .layout6 .tlp-portfolio-item .tlp-content2{position: absolute; width: 100%; height: 100%; top: 90px; padding: 15px;  } 
.tlp-portfolio .layout6 .tlp-portfolio-item p{position: absolute; bottom: 0; left: 0; padding: 0px 15px; margin: 0px 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-item:hover img {-webkit-transform: translate3d(0,-95px,0); transform: translate3d(0,-95px,0); }
.tlp-portfolio .layout6 .tlp-portfolio-item:hover .tlp-content2 {background-color: rgba(245, 46, 46, .7);-webkit-transform: translate3d(0,-120px,0); transform: translate3d(0,-90px,0); }
.tlp-portfolio .layout6 .tlp-portfolio-item:hover .tlp-content2 p{position: relative; padding-bottom: 0px; margin-right: 0px; } 
.tlp-portfolio .layout6 .tlp-portfolio-item:hover .link-icon{ opacity: 1;}
.tlp-portfolio .layout6 .tlp-portfolio-item:hover p {opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 
.tlp-portfolio .layout6 .tlp-portfolio-item .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-item .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-item .link-icon a{color: #fff; text-align: center; font-size: 20px; display: inline-block; padding: 8px; margin-right: 6px; 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 .tlp-portfolio-item:hover .tlp-overlay {background: rgba(255,255,255,0.9); }
.tlp-portfolio .layout7 .tlp-portfolio-item 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-item figcaption {text-align: left; }
.tlp-portfolio .layout7 .tlp-portfolio-item h3 {font-size: 22px; color: #fff; font-weight: 400; position: relative; padding: 8px 4px; color: #fff; font-weight: 400; } 
.tlp-portfolio .layout7 .tlp-portfolio-item h3 a{ color: #fff;}
.tlp-portfolio .layout7 .tlp-portfolio-item p{ opacity:0;margin: 0px 6px 4px; padding: 4px 6px; background: #1ba7de; 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-item .link-icon {display: 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-item .link-icon a{text-align: center; font-size: 16px;margin-right: 6px; padding: 4px; color: #fff; text-decoration: none; border: 1px solid #fff; display:inline-block; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 35px; height: 35px;} 
.tlp-portfolio .layout7 .tlp-portfolio-item p:first-child {-webkit-transition-delay: 0.15s; transition-delay: 0.15s; } 
.tlp-portfolio .layout7 .tlp-portfolio-item p:nth-of-type(2) {-webkit-transition-delay: 0.1s; transition-delay: 0.1s; } 
.tlp-portfolio .layout7 .tlp-portfolio-item p:nth-of-type(3) {-webkit-transition-delay: 0.05s; transition-delay: 0.05s; } 
.tlp-portfolio .layout7 .tlp-portfolio-item:hover p:first-child {-webkit-transition-delay: 0s; transition-delay: 0s; } 
.tlp-portfolio .layout7 .tlp-portfolio-item:hover p:nth-of-type(2) {-webkit-transition-delay: 0.05s; transition-delay: 0.05s; } 
.tlp-portfolio .layout7 .tlp-portfolio-item:hover p:nth-of-type(3) {-webkit-transition-delay: 0.1s; transition-delay: 0.1s; } 
.tlp-portfolio .layout7 .tlp-portfolio-item:hover img {-webkit-transform: scale3d(1.1,1.1,1); transform: scale3d(1.1,1.1,1); } 
.tlp-portfolio .layout7 .tlp-portfolio-item:hover p, .tlp-portfolio .layout7 .tlp-portfolio-item: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: 22px; font-weight: 400; margin: 30% 0px 5px 0px; 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: 35px; height: 35px;} 
.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); }

/************************ 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 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-portfolio-item .tlp-content{background: #256FFF; }
.tlp-portfolio .isotope1 .tlp-content { width: 100%; position: relative; color: #fff;}
.tlp-portfolio .isotope1 .tlp-content h3 {margin: 0px 0px 6px 0;font-size: 22px;font-weight: 400;text-decoration: none;}
.tlp-portfolio .isotope1 .tlp-content h3 a {color: #fff;}
.tlp-portfolio .isotope1 .tlp-content p {padding: 0;margin: 0;}
.tlp-portfolio .isotope1 .tlp-content .tlp-content-holder {padding: 15px;}

/************************* 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; margin-top: 5px;  padding: 0; display: block; text-align: center;  }
.tlp-portfolio .isotope2 .tlp-overlay .link-icon a {text-align: center; font-size: 20px; padding: 8px;margin-right: 6px;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 .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; font-size: 22px; font-weight: 400;  }
.tlp-portfolio .isotope2 .tlp-overlay p {padding:0px 10px 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-portfolio-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 10px; padding: 0; font-size: 22px; font-weight: 400; }

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

.tlp-portfolio .isotope3 .tlp-portfolio-item {position: relative; 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: 20px; font-weight: 400; } 
.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; margin-right: 6px; 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; font-weight: 400;}
.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; }

/***********************  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-item img,.tlp-portfolio .isotope4 .tlp-portfolio-item .tlp-content2,.tlp-portfolio .isotope4 .tlp-portfolio-item .link-icon {-webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; }
.tlp-portfolio .isotope4 .tlp-portfolio-item h3 ,.tlp-portfolio .isotope4 .tlp-portfolio-item h3 a{ font-size: 22px; margin: 15px 0px 10px; padding: 0px; font-weight: 400; color: #fff; text-align: center; padding: 0px;}
.tlp-portfolio .isotope4 .tlp-portfolio-item img {-webkit-backface-visibility: hidden; backface-visibility: hidden; }
.tlp-portfolio .isotope4 .tlp-portfolio-item .tlp-content2{position: absolute; width: 100%; height: 100%; top: 90px; padding: 15px;  } 
.tlp-portfolio .isotope4 .tlp-portfolio-item p{position: absolute; bottom: 0; left: 0; padding: 0px 15px; margin: 0px 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-item:hover img {-webkit-transform: translate3d(0,-95px,0); transform: translate3d(0,-95px,0); }
.tlp-portfolio .isotope4 .tlp-portfolio-item:hover .tlp-content2 {background-color: rgba(245, 46, 46, .7);-webkit-transform: translate3d(0,-120px,0); transform: translate3d(0,-90px,0); }
.tlp-portfolio .isotope4 .tlp-portfolio-item:hover .tlp-content2 p{position: relative; padding-bottom: 0px; margin-right: 0px; } 
.tlp-portfolio .isotope4 .tlp-portfolio-item:hover .link-icon{ opacity: 1;}
.tlp-portfolio .isotope4 .tlp-portfolio-item:hover p {opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 
.tlp-portfolio .isotope4 .tlp-portfolio-item .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-item .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 .isotope4 .tlp-portfolio-item .link-icon a{color: #fff; text-align: center; font-size: 20px; display: inline-block; padding: 8px; margin-right: 6px; font-weight: normal;-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 40px; height: 40px; border: 1px solid #fff; }

/******************************** 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 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 .isotope5 figure h3,.tlp-portfolio .isotope5 figure p {margin: 0; }
.tlp-portfolio .isotope5 .tlp-portfolio-item:hover .tlp-overlay {background: rgba(255,255,255,0.9); }
.tlp-portfolio .isotope5 .tlp-portfolio-item 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-item figcaption {text-align: left; }
.tlp-portfolio .isotope5 .tlp-portfolio-item h3 {font-size: 22px; color: #fff; font-weight: 400; position: relative; padding: 8px 5px; color: #fff; font-weight: 400; } 
.tlp-portfolio .isotope5 .tlp-portfolio-item h3 a{ color: #fff;}
.tlp-portfolio .isotope5 .tlp-portfolio-item p{ opacity:0;margin: 0px 6px 4px; padding: 4px 6px; background: #1ba7de; 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 .isotope5 .tlp-portfolio-item .link-icon {display: 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-item .link-icon a{text-align: center; font-size: 16px;margin-right: 6px; padding: 4px; color: #fff; text-decoration: none; border: 1px solid #fff; display:inline-block; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 35px; height: 35px;} 
.tlp-portfolio .isotope5 .tlp-portfolio-item p:first-child {-webkit-transition-delay: 0.15s; transition-delay: 0.15s; } 
.tlp-portfolio .isotope5 .tlp-portfolio-item p:nth-of-type(2) {-webkit-transition-delay: 0.1s; transition-delay: 0.1s; } 
.tlp-portfolio .isotope5 .tlp-portfolio-item p:nth-of-type(3) {-webkit-transition-delay: 0.05s; transition-delay: 0.05s; } 
.tlp-portfolio .isotope5 .tlp-portfolio-item:hover p:first-child {-webkit-transition-delay: 0s; transition-delay: 0s; } 
.tlp-portfolio .isotope5 .tlp-portfolio-item:hover p:nth-of-type(2) {-webkit-transition-delay: 0.05s; transition-delay: 0.05s; } 
.tlp-portfolio .isotope5 .tlp-portfolio-item:hover p:nth-of-type(3) {-webkit-transition-delay: 0.1s; transition-delay: 0.1s; } 
.tlp-portfolio .isotope5 .tlp-portfolio-item:hover img {-webkit-transform: scale3d(1.1,1.1,1); transform: scale3d(1.1,1.1,1); } 
.tlp-portfolio .isotope5 .tlp-portfolio-item:hover p, .tlp-portfolio .isotope5 .tlp-portfolio-item:hover .link-icon {opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }

/******************************** 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:hover img {-webkit-transform: scale(1); transform: scale(1); } 
.tlp-portfolio .isotope6 .tlp-portfolio-thum h3 {font-size: 22px; font-weight: 400; margin: 30% 0px 5px 0px; 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 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 .isotope6 .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 .isotope6 .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 .isotope6 .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 .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); }

/************************ Carousel *************************/
.tlp-portfolio .carousel{ position: relative;}
.tlp-portfolio .carousel .owl-buttons{ position: absolute; right: 0; top: -40px;}
.tlp-portfolio .carousel .default-margin{ padding: 0px 15px;}
.tlp-portfolio .carousel .tlp-portfolio-item {position: relative; overflow: hidden;  }
.tlp-portfolio .carousel .tlp-portfolio-item img {position: relative; display: block;}
.tlp-portfolio .carousel .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 .carousel .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 .carousel .tlp-overlay h3,.tlp-portfolio .carousel .tlp-overlay h3 a {float: left; color: #fff; font-size: 20px; font-weight: 400; } 
.tlp-portfolio .carousel .tlp-overlay p.link-icon { text-align: center;}
.tlp-portfolio .carousel .tlp-overlay p.link-icon a {color: #fff; font-size: 20px; display: inline-block; padding: 8px; margin-right: 6px; font-weight: normal;-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 40px; height: 40px; border: 1px solid #fff; }
.tlp-portfolio .carousel .tlp-overlay .tlp-content p{ line-height: 22px; margin: 0px; padding: 0px 0px 5px;}
.tlp-portfolio .carousel .tlp-overlay h3,.tlp-portfolio .carousel .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 .carousel .tlp-overlay h3 {display: inline-block; margin: 0px; padding: 0px; font-weight: 400;}
.tlp-portfolio .carousel .tlp-portfolio-item:hover .tlp-title{ opacity: 1;}
.tlp-portfolio .carousel .tlp-portfolio-item:hover .tlp-content {opacity: 1; }
.tlp-portfolio .carousel .tlp-portfolio-item:hover .tlp-overlay,
.tlp-portfolio .carousel .tlp-portfolio-item:hover h3,
.tlp-portfolio .carousel .tlp-portfolio-item:hover p.link-icon a {-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.tlp-portfolio .carousel .tlp-portfolio-item:hover h3 {opacity: 1; -webkit-transition-delay: 0.05s; transition-delay: 0.05s; }
.tlp-portfolio .carousel .tlp-portfolio-item:hover p.link-icon a:last-child {-webkit-transition-delay: 0.15s; transition-delay: 0.15s; }
.tlp-portfolio .carousel .tlp-portfolio-item:hover p.link-icon a:first-child {-webkit-transition-delay: 0.05s; transition-delay: 0.05s; }

/********************* Carousel **********************/



.tlp-portfolio .button-group{ margin-bottom: 15px; margin-left: 15px; text-align: center;}
.tlp-portfolio button{background: #22b8f0; text-transform: capitalize;padding:10px;border-radius: 2px; font-size: 16px; font-weight: 300; margin-right: 5px; border: none;}
.tlp-portfolio button:hover {background: #1868F2;color: #fff;}
.tlp-portfolio button.selected {background: #1868F2;color: #fff; outline: 0px;}

/*******************************  pop up ***********************/
#tlp-popup-wrap .tlp-popup-singlePage-counter {color: #fff; position: absolute; margin: auto; right: 40px; top: 0; bottom: 0; font: 400 13px/30px "Open Sans",sans-serif; 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: #1868F2; }
.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 {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; text-align: center; }
.tlp-popup-singlePage .tlp-popup-next:hover {background-position: -46px -138px; }
.tlp-popup-navigation,.tlp-popup-navigation-wrap{width:100%}
.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; }
.tlp-layout-isotope .team-member{display: inline-block; float: left; }

/****************************** Detail page ********************/
body.single-portfolio .portfolio.hentry.tlp-single-portfolio-detail{
    float: none;
    width: auto;
}
.tlp-portfolio-detail:after{
    content: "";
    clear: both;
    display: block;
}
.tlp-portfolio-detail h2.portfolio-title { font-size: 30px; text-transform: uppercase; text-align: center; margin: 15px 0px;}
.tlp-portfolio-detail .portfolio-detail-desc{ margin: 30px 0px; position: relative;}
.tlp-portfolio-detail .single-item-meta li{ list-style: none;}
.tlp-portfolio-detail .single-item-meta li label{ color: #000; font-weight: 400;}
.tlp-portfolio-detail .tlp-related-project{ margin: 15px 0px 30px;}
.tlp-portfolio-detail .tlp-related-project h3{ font-size: 22px; padding: 10px 0px; }
.tlp-portfolio-detail .detail-portfolio-share{ overflow: hidden; margin: 15px 0px;}
.tlp-portfolio-detail .detail-portfolio-share > div{ float:left;  text-align: center; height: 35px; margin-right: 5px;}
.tlp-portfolio-detail .detail-portfolio-share iframe{ margin: 0px; padding: 0px;}
.tlp-portfolio-detail .detail-portfolio-share .linkedin-share{ display: block; margin-top: 4px !important; }
.tlp-portfolio-detail .detail-portfolio-share .fb-share{margin-top: 2px !important;}
.tlp-portfolio-detail .detail-portfolio-share .twitter-share{margin-top: 2px !important;}

.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-related-holder{ margin-bottom: 50px; position: relative;}
.tlp-related-holder h2{ font-size: 26px; padding: 15px;}
.tlp-related-item h3{ font-size: 22px; padding: 5px 0px;}

/******************************** widget **************************/

.tlp-widget-holder .widget-box {padding: 10px; } 
.tlp-widget-holder .overlay2 h3 {margin: 10px 0; font-size: 18px; } 
.tlp-widget-holder .tpl-social li {display: inline-block; } 
.tlp-widget-holder .tlp-portfolio-thum {overflow: hidden; position: relative; } 
.tlp-widget-holder .tlp-portfolio-thum img {width: 100%; } 
.tlp-widget-holder .tlp-portfolio-thum .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-widget-holder .tlp-portfolio-thum .tlp-overlay .link-icon {display: block; text-align: center; -webkit-transition: all 0.3s ease-out 0.5s; -moz-transition: all 0.3s ease-out 0.5s; -ms-transition: all 0.3s ease-out 0.5s; -o-transition: all 0.3s ease-out 0.5s; transition: all 0.3s ease-out 0.5s; }
.tlp-widget-holder .tlp-portfolio-thum .tlp-overlay .link-icon {text-align: center; padding: 0; }
.tlp-widget-holder .tlp-portfolio-thum .tlp-overlay .link-icon li {display: inline-block; font-size: 20px; line-height: 40px; list-style: outside none none; margin: 5px; }
.tlp-widget-holder .tlp-portfolio-thum .tlp-overlay .link-icon li a {text-align: center; color: #fff; text-decoration: none; border: 1px solid #fff; display: block; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 40px; height: 40px; }
.tlp-widget-holder .tlp-portfolio-thum .tlp-overlay .link-icon li a:hover {color: #fff; background: rgba(0, 0, 0, 0.5); }
.tlp-widget-holder .tlp-portfolio-thum .tlp-overlay, .tlp-widget-holder .tlp-portfolio-thum .link-icon {-webkit-opacity: 0; -moz-opacity: 0; opacity: 0; }
.tlp-widget-holder .tlp-portfolio-thum .link-icon {-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }
.tlp-widget-holder .tlp-portfolio-thum:hover .tlp-overlay, .tlp-widget-holder .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-grid-portfolio .tlp-portfolio {background: #f5f5f5; margin-bottom: 30px; }
.tlp-grid-portfolio .tlp-portfolio-thum {overflow: hidden; position: relative; line-height: 13px; }
.tlp-grid-portfolio .tlp-portfolio-thum img {width: 100%; }
.tlp-grid-portfolio .tlp-portfolio-thum .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-grid-portfolio .tlp-portfolio-thum .tlp-overlay .link-icon {display: block; text-align: center; -webkit-transition: all 0.3s ease-out 0.5s; -moz-transition: all 0.3s ease-out 0.5s; -ms-transition: all 0.3s ease-out 0.5s; -o-transition: all 0.3s ease-out 0.5s; transition: all 0.3s ease-out 0.5s; }
.tlp-grid-portfolio .tlp-portfolio-thum .tlp-overlay .link-icon {text-align: center; padding: 0; } 
.tlp-grid-portfolio .tlp-portfolio-thum .tlp-overlay .link-icon li {display: inline-block; font-size: 20px; line-height: 40px; list-style: outside none none; margin: 5px; }
.tlp-grid-portfolio .tlp-portfolio-thum .tlp-overlay .link-icon li a {text-align: center; color: #fff; text-decoration: none; border: 1px solid #fff; display: block; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 40px; height: 40px; }
.tlp-grid-portfolio .tlp-portfolio-thum .tlp-overlay .link-icon li a:hover {color: #fff; background: rgba(0, 0, 0, 0.5); }
.tlp-grid-portfolio .tlp-portfolio-thum .tlp-overlay, .tlp-grid-portfolio .tlp-portfolio-thum .link-icon {-webkit-opacity: 0; -moz-opacity: 0; opacity: 0; }
.tlp-grid-portfolio .tlp-portfolio-thum .link-icon {-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }
.tlp-grid-portfolio .tlp-portfolio-thum:hover .tlp-overlay, .tlp-grid-portfolio .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-grid-portfolio .tlp-content h3 {margin: 5px 0; font-size: 18px; font-weight: 600; } 
.tlp-grid-portfolio .tlp-content h3 a {text-decoration: none; color: #000; } 
.tlp-grid-portfolio .tlp-content h3 a:hover {opacity: .8; } 
.tlp-grid-portfolio .tlp-content p {padding: 0; margin: 0; } 
.tlp-grid-portfolio .tlp-content .tlp-content-holder {padding: 15px; }


.fotorama-holder #fotorama{

}
.fotorama-holder > #fotorama:not(.fotorama) {
  padding-bottom: 50%;
  background-color: #f6f6f6;
}



/* Single page popup */
.fotorama-holder {
  margin: 0 auto;
  width: 90%;
}

@media screen and (max-width: 900px){.fotorama-holder{width: 80%; } }
@media screen and (max-width: 767px){.fotorama-holder{width: 96%; } }
@media screen and (max-width: 360px){.fotorama-holder{width: 100%; } }
@media (min-width: 768px) {.container {width: 750px; } }
@media (min-width: 992px) {.container {width: 970px; } }
@media (min-width: 1200px) {.container {width: 1170px; } }
@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%;} 
}