/***************************************************/
/****************** 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{width: 100%; height: auto; }
.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;}

 /************************** 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; }
.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; display: block; 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: 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); }

/************************ 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 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: 40px;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 .layout10 .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: 36px; height: 36px; 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 {float: left; 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; }
.tlp-portfolio .slider1 .owl-buttons{ position: absolute; top: -40px; right: 0;}
.tlp-portfolio .slider1 .owl-buttons i{ font-size: 14px; color: #fff;}

/***********************  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; }
.tlp-portfolio .slider2 .owl-buttons{ position: absolute; top: -40px; right: 0;}
.tlp-portfolio .slider2 .owl-buttons i{ font-size: 14px; color: #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); }
.tlp-portfolio .slider3 .owl-buttons{ position: absolute; top: -40px; right: 0;}
.tlp-portfolio .slider3 .owl-buttons i{ font-size: 14px; color: #fff;}
/******************************** 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); }
.tlp-portfolio .slider4 .owl-buttons{ position: absolute; top: -40px; right: 0;}
.tlp-portfolio .slider4 .owl-buttons i{ font-size: 14px; color: #fff;}
/******************************* 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%;} 
}