/* ====---- PROJECTS 002 ----==== */
#projects002 a{text-decoration:none}
#projects002 .btn:active, 
#projects002 .btn.active
{box-shadow:none}

#projects002 a{padding:5px;font-size:100%;font-weight:500;background:#f0542c;color:#fff;border:1px solid #ccc;border-radius:4px}
#projects002 a:hover, 
#projects002 a:active, 
#projects002 a:focus
{padding:5px;background:#d4370f;color:#fff;border:1px solid #ddd}

$galleryTxt{}

/******** Portfolio Isotop Filter ********/
.portfolio-filter{margin-bottom:20px;text-align:center}
.portfolio-filter button{display:inline-block;float:none;margin:5px 0;margin-right:5px;padding:5px 15px;background:#fff;color:#141414;border:1px solid #ccc;font-size:95%;outline:medium none;transition:all .3s}
.portfolio-filter button:hover, 
.portfolio-filter button:active,
.portfolio-filter button:focus
{color:#fff;background:#f0542c}
@media only screen and (max-width:479px){.portfolio-filter a{margin-bottom:10px}}

.btn-default:active:hover, 
.btn-default.active:hover, 
.open > .dropdown-toggle.btn-default:hover, 
.btn-default:active:focus, 
.btn-default.active:focus, 
.open > .dropdown-toggle.btn-default:focus, 
.btn-default:active.focus, 
.btn-default.active.focus, 
.open > .dropdown-toggle.btn-default.focus, 
.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default
{color:#fff;background:#f0542c;border-color:#ddd;box-shadow:none}

/* ====---- NAVIGATION LEFT ----==== */
.portfolio-filter{margin-bottom:20px;text-align:left}
.portfolio-filter button{margin-right:10px;padding:5px 5px;color:#5d5d5d;font-weight:600;background:transparent;border:0;border-radius:0;text-shadow:none;border-bottom:2px solid transparent;box-shadow:none}
.portfolio-filter button:hover, 
.portfolio-filter button:active,
.portfolio-filter button:focus
{color:#f0542c;background:transparent;border-bottom:2px solid #f0542c;transition:all .0s}

.btn-default:active:hover, 
.btn-default.active:hover, 
.open > .dropdown-toggle.btn-default:hover, 
.btn-default:active:focus, 
.btn-default.active:focus, 
.open > .dropdown-toggle.btn-default:focus, 
.btn-default:active.focus, 
.btn-default.active.focus, 
.open > .dropdown-toggle.btn-default.focus, 
.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default
{color:#f0542c;background:transparent;border-color:#f0542c;box-shadow:none}

/******** Portfolio Isotop Gallery ********/
.gallery-isotope.gutter .gallery-item{padding-right:5px;padding-bottom:5px}
.gallery-isotope.gutter-small .gallery-item{padding-right:2px;padding-bottom:2px}
.gallery-isotope.gutter-0 .gallery-item{padding-right:0;padding-bottom:0}
.gallery-isotope.gutter-5 .gallery-item{padding-right:5px;padding-bottom:5px}
.gallery-isotope.gutter-10 .gallery-item{padding-right:10px;padding-bottom:10px}
.gallery-isotope.gutter-20 .gallery-item{padding-right:20px;padding-bottom:20px}
.gallery-isotope.gutter-30 .gallery-item{padding-right:30px;padding-bottom:30px}
.gallery-isotope.gutter-40 .gallery-item{padding-right:40px;padding-bottom:40px}
.gallery-isotope.gutter-50 .gallery-item{padding-right:50px;padding-bottom:50px}
.gallery-isotope.gutter-60 .gallery-item{padding-right:60px;padding-bottom:60px}

.gallery-isotope .gallery-item-sizer{padding-right:0 !important;padding-bottom:0 !important;width:25%}
.gallery-isotope .gallery-item-sizer.wide{width:50%}
.gallery-isotope .gallery-item{padding-right:0;padding-bottom:0;width:25%}
.gallery-isotope .gallery-item.wide{width:50%}
.gallery-isotope.grid-1 .gallery-item{width:100%}
.gallery-isotope.grid-1 .gallery-item.wide{width:100%}
.gallery-isotope.grid-2 .gallery-item{width:50%}
.gallery-isotope.grid-2 .gallery-item.wide{width:100%}
.gallery-isotope.grid-3 .gallery-item{width:33.3333%}
.gallery-isotope.grid-3 .gallery-item.wide{width:66.6667%}
.gallery-isotope.grid-4 .gallery-item{width:25%}
.gallery-isotope.grid-4 .gallery-item.wide{width:50%}
.gallery-isotope.grid-5 .gallery-item{width:20%}
.gallery-isotope.grid-5 .gallery-item.wide{width:40%}
.gallery-isotope.grid-6 .gallery-item{width:16.666666667%}
.gallery-isotope.grid-6 .gallery-item.wide{width:33.333%}
.gallery-isotope.grid-7 .gallery-item{width:14.2857143%}
.gallery-isotope.grid-7 .gallery-item.wide{width:28.5714286%}
.gallery-isotope.grid-8 .gallery-item{width:12.5%}
.gallery-isotope.grid-8 .gallery-item.wide{width:25%}
.gallery-isotope.grid-9 .gallery-item{width:11.11%}
.gallery-isotope.grid-9 .gallery-item.wide{width:22.22%}
.gallery-isotope.grid-10 .gallery-item{width:10%}
.gallery-isotope.grid-10 .gallery-item.wide{width:20%}

/******** Portfolio Isotop Item Media Query ********/
@media only screen and (max-width:991px){
.gallery-isotope .gallery-item{width:50% !important}
.gallery-isotope .gallery-item.wide{width:100% !important}
}
@media only screen and (max-width:767px){
.gallery-isotope .gallery-item{width:50% !important}
.gallery-isotope .gallery-item.wide{width:100% !important}
}
@media only screen and (max-width:599px){
.gallery-isotope .gallery-item{width:100% !important}
.gallery-isotope .gallery-item.wide{width:100% !important}
}
@media only screen and (max-width:479px){
.gallery-isotope .gallery-item{width:100% !important}
.gallery-isotope .gallery-item.wide{width:100% !important}
}

/******** Portfolio Isotop Overlay Effect ********/
.gallery-isotope.default-animation-effect .gallery-item{overflow:hidden;float:left}
.gallery-isotope.default-animation-effect .gallery-item .thumb{position:relative;overflow:hidden}
.gallery-isotope.default-animation-effect .gallery-item .hover-link{position:absolute;top:0;left:0;display:inline-block;vertical-align:middle;width:100%;height:100%;background:none!important;color:transparent!important;z-index:13}
.gallery-isotope.default-animation-effect .gallery-item .overlay-shade{position:absolute;display:inline-block;vertical-align:middle;top:0;left:0;width:100%;height:100%;z-index:12;background-color:#333;opacity:0;filter:alpha(opacity=0);-webkit-transition:opacity 0.3s ease-in-out;-o-transition:opacity 0.3s ease-in-out;transition:opacity 0.3s ease-in-out}
.gallery-isotope.default-animation-effect .gallery-item:hover .overlay-shade{opacity:0.9;filter:alpha(opacity=90)}
.gallery-isotope.default-animation-effect .gallery-item .icons-holder{position:absolute;top:0%;left:50%;display:inline-block;width:auto;height:36px;vertical-align:middle;z-index:13;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.gallery-isotope.default-animation-effect .gallery-item .icons-holder .icons-holder-inner{position:relative;display:inline-block;vertical-align:middle;margin:-18px 0 0 -50%}
.gallery-isotope.default-animation-effect .gallery-item .icons-holder .icons-holder-inner a{opacity:0;filter:alpha(opacity=0);-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.gallery-isotope.default-animation-effect .gallery-item:hover .icons-holder{top:50%}
.gallery-isotope.default-animation-effect .gallery-item:hover .icons-holder .icons-holder-inner a{opacity:1;filter:alpha(opacity=1)}
.gallery-isotope.default-animation-effect .gallery-item .portfolio-description{padding:10px 15px;background-color:#f8f8f8}
.gallery-isotope.default-animation-effect .gallery-item .portfolio-description .title{margin:0}
.gallery-isotope.default-animation-effect .gallery-item .portfolio-description .title a{color:#333333}
.gallery-isotope.default-animation-effect .gallery-item .text-holder{box-sizing:border-box;display:block;height:100%;left:0;opacity:0;overflow:hidden;padding:25px 30px 60px;position:absolute;top:100px;-webkit-transition:all 0.3s ease-in-out 0s;-o-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;width:100%;z-index:13}
.gallery-isotope.default-animation-effect .gallery-item .text-holder .title{color:#fff}
.gallery-isotope.default-animation-effect .gallery-item:hover .text-holder{opacity:1;top:0}
.gallery-isotope.default-animation-effect .flex-control-nav{z-index:111}

/******** project-gallery.less ********/
.project-gallery{margin:0 auto 6px;max-width:400px}
.project-gallery .project-thumb{overflow:hidden;position:relative}
.project-gallery .project-thumb::before{content:"";height:100%;left:0;opacity:0;position:absolute;bottom:50%;transition:all 500ms ease 0s;visibility:hidden;width:100%;--alpha:0.75;background:rgba(34,45,50, var(--alpha))}
.project-gallery:hover .project-thumb::before{opacity:1;bottom:0;visibility:visible}
.project-caption{top:-10%;color:#fff;left:0;opacity:0;padding-left:25px;padding-right:25px;position:absolute;visibility:hidden;width:100%}
.project-gallery:hover .project-caption{top:10%;opacity:1;visibility:visible}
.project-caption h3{color:#fff;font-size:20px;font-weight:600;opacity:0;position:relative;bottom:-40px;transition:all 200ms ease 200ms}
.project-gallery:hover h3{opacity:1;bottom:0}
.project-caption p{opacity:0;position:relative;bottom:-40px;transition:all 300ms ease 300ms}
.project-gallery:hover p{opacity:1;bottom:0}
.project-caption a{opacity:0;position:relative;bottom:-40px;transition:all 200ms ease 200ms}
.project-gallery:hover a{opacity:1;bottom:0}

/******** features.less ********/
.feature-item{overflow:hidden}
.feature-item .thumb{position:relative}
.feature-item .thumb .title{bottom:-75%;color:#fff;height:100%;padding:10px 20px 20px;position:absolute;transition:all 300ms ease-in-out 0s;width:100%;background:#141414}
.feature-item:hover .thumb .title{bottom:0;opacity:0.9;padding-top:30px}
.feature-item .thumb .title h3{color:#fff;margin:0 0 15px}
.feature-item .thumb .title i{margin-top:8px}
.feature-item .thumb img{transition:all 300ms ease-in-out 0s}
.feature-item:hover .thumb img{transform:scale3d(1.1, 1.1, 1.1)}

/******** Large Devices, Wide Screens ********/
@media only screen and (max-width:1199px){
.project-thumb .project-caption .title{font-size:17px;margin-bottom:10px !important}
.project-thumb .project-caption .description{font-size:12px}
.feature-item .thumb .title h3{font-size:20px}
.feature-item .thumb .title i{margin-top:6px}
}

/******** Medium Devices, Desktops ********/
@media only screen and (max-width:991px){
.feature-item .thumb .title{bottom:-78%}
.project-thumb .project-caption .title{font-size:20px;margin-bottom:10px !important}
.project-thumb .project-caption .description{font-size:14px}
}

/******** Small Devices, Tablets ********/
@media only screen and (max-width:767px){
.project-thumb .project-caption .title{font-size:18px !important;margin-bottom:10px !important}
.project-thumb .project-caption .description{font-size:inherit}
}
@media only screen and (max-width:479px){
.feature-item .thumb .title{bottom:-80%}
}

.features-icon-box{position:relative;transition:all 300ms ease-in-out 0s}
.features-icon-box .features-box-number{font-size:48px;font-weight:600;left:24px;opacity:0.06;position:absolute;top:0;transition:all 300ms ease-in-out 0s}
.features-icon-box:hover .features-box-number{font-size:64px}
.featured-blog{overflow:hidden;position:relative}
.featured-blog-details{bottom:-18%;padding:30px;position:absolute;transition:all 400ms ease-in-out 0s;width:100%}
.featured-blog:hover .featured-blog-details{bottom:0}
.reply-box .form-group input{border-radius:0;height:45px;margin-bottom:30px}
.featured-blog{overflow:hidden;position:relative}
.featured-blog-details{bottom:-18%;padding:30px;position:absolute;transition:all 400ms ease-in-out 0s;width:100%}
.featured-blog:hover .featured-blog-details{bottom:0}