.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-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;}

.single-portfolio-share{ }
.single-portfolio-share div{ float: left;display:inline-block; margin-right: 5px;}
.single-portfolio-share .twitter-share,.single-portfolio-share .linkedin-share{ margin-top: 8px;}

/********************* 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-content { width: 100%; position: relative; }
.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 {text-decoration: none; border: none; box-shadow: none;}
.tlp-portfolio .layout1 .tlp-content p {padding: 0;margin: 0;}
.tlp-portfolio .layout1 .tlp-content .tlp-content-holder {padding: 15px 0px;}

/*********************** Layout 2 ****************************/
.tlp-portfolio .layout2 .tlp-portfolio-thum {overflow: hidden;position: relative;padding-left: 0px; padding-right: 0px;}
    .tlp-portfolio    .row.layout2 .tlp-equal-height .tlp-portfolio-item {  display: table;  width: 100%;  }
.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 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 .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; border: none; box-shadow: 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 h3 a{text-decoration: none; border: none; box-shadow: none;}
.tlp-portfolio .layout3 .tlp-content2 p {padding: 0 0px 6px;margin: 0;}
.tlp-portfolio .layout3 .tlp-content2 .tlp-content-holder {padding: 0px;}

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

.tlp-portfolio .layoutisotope .tlp-portfolio-thum {background: #ccc;overflow: hidden;position: relative; width: 100%;}
.tlp-portfolio .layoutisotope .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 .layoutisotope .tlp-portfolio-thum .tlp-overlay,.tlp-portfolio .layoutisotope .tlp-portfolio-thum .link-icon {-webkit-opacity: 0;-moz-opacity: 0;opacity: 0;}
.tlp-portfolio .layoutisotope .tlp-portfolio-thum:hover .tlp-overlay,.tlp-portfolio .layoutisotope .tlp-portfolio-thum:hover .link-icon {-webkit-opacity: 1;-moz-opacity: 1;opacity: 1;}
.tlp-portfolio .layoutisotope .tlp-overlay .link-icon {text-align: center; display: block;padding: 0;}
.tlp-portfolio .layoutisotope .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 .layoutisotope .tlp-portfolio-item:hover .tlp-overlay {left: 0;}
.tlp-portfolio .layoutisotope .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 .layoutisotope .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 .layoutisotope .tlp-portfolio-item .tlp-content{background: #256FFF; }
.tlp-portfolio .layoutisotope .tlp-content { width: 100%; position: relative; color: #fff;}
.tlp-portfolio .layoutisotope .tlp-content h3 {margin: 0px 0px 6px 0;font-size: 22px;font-weight: 400;text-decoration: none;}
.tlp-portfolio .layoutisotope .tlp-content h3 a {color: #fff; text-decoration: none; border: none; box-shadow: none;}
.tlp-portfolio .layoutisotope .tlp-content p {padding: 0;margin: 0;}
.tlp-portfolio .layoutisotope .tlp-content .tlp-content-holder {padding: 15px;}

/************************ Widget 1 ******************************/

.tlp-portfolio .slider .tlp-portfolio-thum {background: #ccc;overflow: hidden;position: relative; width: 100%;}
.tlp-portfolio .slider .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 .slider .tlp-portfolio-thum .tlp-overlay,.tlp-portfolio .slider .tlp-portfolio-thum .link-icon {-webkit-opacity: 0;-moz-opacity: 0;opacity: 0;}
.tlp-portfolio .slider .tlp-portfolio-thum:hover .tlp-overlay,.tlp-portfolio .slider .tlp-portfolio-thum:hover .link-icon {-webkit-opacity: 1;-moz-opacity: 1;opacity: 1;}
.tlp-portfolio .slider .tlp-overlay .link-icon {text-align: center; display: block;padding: 0;}
.tlp-portfolio .slider .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 .slider .tlp-portfolio-item:hover .tlp-overlay {left: 0;}
.tlp-portfolio .slider .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 .slider .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 .slider .tlp-content { width: 100%; position: relative; }
.tlp-portfolio .slider .tlp-content h3 {margin: 0px 0px 6px 0;font-size: 22px;font-weight: 400;text-decoration: none;}
.tlp-portfolio .slider .tlp-content h3 a {text-decoration: none; border: none; box-shadow: none;}
.tlp-portfolio .slider .tlp-content p {padding: 0;margin: 0;}
.tlp-portfolio .slider .tlp-content .tlp-content-holder {padding: 15px 0px;}

.tlp-portfolio .owl-item{ padding: 0px 15px;}
.tlp-portfolio .owl-carousel{ position: relative;}
.tlp-portfolio .owl-carousel .owl-buttons{ position:absolute; top: -40px; right: 0;}

.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;}

.tlp-portfolio-detail{ padding-top: 30px;}


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