.button_text_color_hover {
color: #fff;
}
.portfolio-tabs .cat-light a {
color: #fff;
}
.portfolio-tabs .cat-dark a {
color: #000;
}
.portfolio-tabs ul {
list-style: none;
padding-right: 0;
padding-left: 0;
margin-bottom: 45px !important;
}
.portfolio-tabs ul > li {
display: inline-block;
padding-left: 20px;
padding-right: 20px;
}
.portfolio-tabs ul > li:first-child {
padding-left: 0;
}
.portfolio-tabs ul > li:last-child {
padding-right: 0;
}
.portfolio-tabs ul > li > a.active,
.portfolio-tabs ul > li > a:hover {
color: #ffa60a;
}
.portfolio-tabs > select {
width: 100%;
margin-bottom: 45px;
}
.portfolio-shortcode {
overflow: hidden;
}
.portfolio-shortcode .thumb-wrap > img {
width: 100%;
height: auto;
}
.portfolio-shortcode .portfolio-item-wrap > div[class*=" col-md-"],
.portfolio-shortcode .portfolio-item-wrap > div[class^="col-md-"] {
padding: 0;
}
.portfolio-shortcode .portfolio-item-wrap.padding-5 {
margin-left: -5px;
margin-right: -5px;
}
.portfolio-shortcode .portfolio-item-wrap.padding-5 > div[class*=" col-md-"],
.portfolio-shortcode .portfolio-item-wrap.padding-5 > div[class^="col-md-"] {
padding: 5px;
}
.portfolio-shortcode .portfolio-item-wrap.padding-10 {
margin-left: -10px;
margin-right: -10px;
}
.portfolio-shortcode .portfolio-item-wrap.padding-10 > div[class*=" col-md-"],
.portfolio-shortcode .portfolio-item-wrap.padding-10 > div[class^="col-md-"] {
padding: 10px;
}
.portfolio-shortcode .portfolio-item-wrap.padding-15 {
margin-left: -15px;
margin-right: -15px;
}
.portfolio-shortcode .portfolio-item-wrap.padding-15 > div[class*=" col-md-"],
.portfolio-shortcode .portfolio-item-wrap.padding-15 > div[class^="col-md-"] {
padding: 15px;
}
.portfolio-shortcode .portfolio-item-wrap.padding-20 {
margin-left: -20px;
margin-right: -20px;
}
.portfolio-shortcode .portfolio-item-wrap.padding-20 > div[class*=" col-md-"],
.portfolio-shortcode .portfolio-item-wrap.padding-20 > div[class^="col-md-"] {
padding: 20px;
}
.portfolio-shortcode .portfolio-item-wrap .slick-arrow {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
display: none;
}
.portfolio-shortcode .portfolio-item-wrap .slick-prev {
left: -40px;
}
.portfolio-shortcode .portfolio-item-wrap .slick-next {
right: -40px;
}
.portfolio-shortcode .portfolio-item-wrap:hover .slick-prev {
left: 30px;
}
.portfolio-shortcode .portfolio-item-wrap:hover .slick-next {
right: 30px;
}
.portfolio-shortcode .thumb-wrap {
position: relative;
}
.portfolio-shortcode .hover-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 15px;
position: absolute;
opacity: 0;
-webkit-transition: opacity 0.5s;
-moz-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.portfolio-shortcode .hover-wrap:hover {
opacity: 1;
}
.portfolio-shortcode .hover-wrap:hover .view-gallery,
.portfolio-shortcode .hover-wrap:hover .title,
.portfolio-shortcode .hover-wrap:hover .category {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}
.portfolio-shortcode .hover-outer {
width: 100%;
height: 100%;
display: table;
}
.portfolio-shortcode .bg-light .hover-outer {
background: rgba(255, 255, 255, 0.7);
}
.portfolio-shortcode .bg-dark .hover-outer {
background: rgba(0, 0, 0, 0.7);
}
.portfolio-shortcode .bg-primary-color .hover-outer {
background: rgba(255, 166, 10, 0.7);
}
.portfolio-shortcode .bg-primary-color .hover-wrap:hover .title,
.portfolio-shortcode .bg-primary-color .hover-wrap:hover .category,
.portfolio-shortcode .bg-primary-color .hover-wrap:hover .view-gallery {
color: #fff;
}
.portfolio-shortcode .bg-light .view-gallery {
border-color: #000;
}
.portfolio-shortcode .hover-inner {
display: table-cell;
vertical-align: middle;
text-align: center;
}
.portfolio-shortcode .view-gallery {
border: solid 1px #fff;
width: 30px;
height: 30px;
display: inline-block;
line-height: 27px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
-webkit-transform: translateY(-50px);
-moz-transform: translateY(-50px);
-o-transform: translateY(-50px);
-ms-transform: translateY(-50px);
transform: translateY(-50px);
}
.portfolio-shortcode .view-gallery:hover {
background-color: #ffa60a;
border-color: #ffa60a;
color: #fff;
}
.portfolio-shortcode .title,
.portfolio-shortcode .category {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-o-transform: translateY(50px);
-ms-transform: translateY(50px);
transform: translateY(50px);
}
.portfolio-shortcode .select-cat select {
width: 100%;
}
.portfolio-shortcode .select-cat i {
position: absolute;
right: 40px;
top: 18px;
display: none;
}
.portfolio-shortcode a.view-gallery.onclick {
border: none !important;
background-color: transparent !important;
}
@media screen and (max-width: 767px) {
.portfolio-item-wrap.slick {
margin-top: 30px;
}
}.ladda-button{position:relative}.ladda-button .ladda-spinner{position:absolute;z-index:2;display:inline-block;width:32px;height:32px;top:50%;margin-top:-16px;opacity:0;pointer-events:none}.ladda-button .ladda-label{position:relative;z-index:3}.ladda-button .ladda-progress{position:absolute;width:0;height:100%;left:0;top:0;background:rgba(0,0,0,0.2);visibility:hidden;opacity:0;-webkit-transition:0.1s linear all !important;-moz-transition:0.1s linear all !important;-ms-transition:0.1s linear all !important;-o-transition:0.1s linear all !important;transition:0.1s linear all !important}.ladda-button[data-loading] .ladda-progress{opacity:1;visibility:visible}.ladda-button,.ladda-button .ladda-spinner,.ladda-button .ladda-label{-webkit-transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;-moz-transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;-ms-transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;-o-transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important}.ladda-button[data-style=zoom-in],.ladda-button[data-style=zoom-in] .ladda-spinner,.ladda-button[data-style=zoom-in] .ladda-label,.ladda-button[data-style=zoom-out],.ladda-button[data-style=zoom-out] .ladda-spinner,.ladda-button[data-style=zoom-out] .ladda-label{-webkit-transition:0.3s ease all !important;-moz-transition:0.3s ease all !important;-ms-transition:0.3s ease all !important;-o-transition:0.3s ease all !important;transition:0.3s ease all !important}.ladda-button[data-style=expand-right] .ladda-spinner{right:14px}.ladda-button[data-style=expand-right][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-right][data-size="xs"] .ladda-spinner{right:4px}.ladda-button[data-style=expand-right][data-loading]{padding-right:56px}.ladda-button[data-style=expand-right][data-loading] .ladda-spinner{opacity:1}.ladda-button[data-style=expand-right][data-loading][data-size="s"],.ladda-button[data-style=expand-right][data-loading][data-size="xs"]{padding-right:40px}.ladda-button[data-style=expand-left] .ladda-spinner{left:14px}.ladda-button[data-style=expand-left][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-left][data-size="xs"] .ladda-spinner{left:4px}.ladda-button[data-style=expand-left][data-loading]{padding-left:56px}.ladda-button[data-style=expand-left][data-loading] .ladda-spinner{opacity:1}.ladda-button[data-style=expand-left][data-loading][data-size="s"],.ladda-button[data-style=expand-left][data-loading][data-size="xs"]{padding-left:40px}.ladda-button[data-style=expand-up]{overflow:hidden}.ladda-button[data-style=expand-up] .ladda-spinner{top:-32px;left:50%;margin-left:-16px}.ladda-button[data-style=expand-up][data-loading]{padding-top:54px}.ladda-button[data-style=expand-up][data-loading] .ladda-spinner{opacity:1;top:14px;margin-top:0}.ladda-button[data-style=expand-up][data-loading][data-size="s"],.ladda-button[data-style=expand-up][data-loading][data-size="xs"]{padding-top:32px}.ladda-button[data-style=expand-up][data-loading][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-up][data-loading][data-size="xs"] .ladda-spinner{top:4px}.ladda-button[data-style=expand-down]{overflow:hidden}.ladda-button[data-style=expand-down] .ladda-spinner{top:62px;left:50%;margin-left:-16px}.ladda-button[data-style=expand-down][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-down][data-size="xs"] .ladda-spinner{top:40px}.ladda-button[data-style=expand-down][data-loading]{padding-bottom:54px}.ladda-button[data-style=expand-down][data-loading] .ladda-spinner{opacity:1}.ladda-button[data-style=expand-down][data-loading][data-size="s"],.ladda-button[data-style=expand-down][data-loading][data-size="xs"]{padding-bottom:32px}.ladda-button[data-style=slide-left]{overflow:hidden}.ladda-button[data-style=slide-left] .ladda-label{position:relative}.ladda-button[data-style=slide-left] .ladda-spinner{left:100%;margin-left:-16px}.ladda-button[data-style=slide-left][data-loading] .ladda-label{opacity:0;left:-100%}.ladda-button[data-style=slide-left][data-loading] .ladda-spinner{opacity:1;left:50%}.ladda-button[data-style=slide-right]{overflow:hidden}.ladda-button[data-style=slide-right] .ladda-label{position:relative}.ladda-button[data-style=slide-right] .ladda-spinner{right:100%;margin-left:-16px}.ladda-button[data-style=slide-right][data-loading] .ladda-label{opacity:0;left:100%}.ladda-button[data-style=slide-right][data-loading] .ladda-spinner{opacity:1;left:50%}.ladda-button[data-style=slide-up]{overflow:hidden}.ladda-button[data-style=slide-up] .ladda-label{position:relative}.ladda-button[data-style=slide-up] .ladda-spinner{left:50%;margin-left:-16px;margin-top:1em}.ladda-button[data-style=slide-up][data-loading] .ladda-label{opacity:0;top:-1em}.ladda-button[data-style=slide-up][data-loading] .ladda-spinner{opacity:1;margin-top:-16px}.ladda-button[data-style=slide-down]{overflow:hidden}.ladda-button[data-style=slide-down] .ladda-label{position:relative}.ladda-button[data-style=slide-down] .ladda-spinner{left:50%;margin-left:-16px;margin-top:-2em}.ladda-button[data-style=slide-down][data-loading] .ladda-label{opacity:0;top:1em}.ladda-button[data-style=slide-down][data-loading] .ladda-spinner{opacity:1;margin-top:-16px}.ladda-button[data-style=zoom-out]{overflow:hidden}.ladda-button[data-style=zoom-out] .ladda-spinner{left:50%;margin-left:-16px;-webkit-transform:scale(2.5);-moz-transform:scale(2.5);-ms-transform:scale(2.5);-o-transform:scale(2.5);transform:scale(2.5)}.ladda-button[data-style=zoom-out] .ladda-label{position:relative;display:inline-block}.ladda-button[data-style=zoom-out][data-loading] .ladda-label{opacity:0;-webkit-transform:scale(0.5);-moz-transform:scale(0.5);-ms-transform:scale(0.5);-o-transform:scale(0.5);transform:scale(0.5)}.ladda-button[data-style=zoom-out][data-loading] .ladda-spinner{opacity:1;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}.ladda-button[data-style=zoom-in]{overflow:hidden}.ladda-button[data-style=zoom-in] .ladda-spinner{left:50%;margin-left:-16px;-webkit-transform:scale(0.2);-moz-transform:scale(0.2);-ms-transform:scale(0.2);-o-transform:scale(0.2);transform:scale(0.2)}.ladda-button[data-style=zoom-in] .ladda-label{position:relative;display:inline-block}.ladda-button[data-style=zoom-in][data-loading] .ladda-label{opacity:0;-webkit-transform:scale(2.2);-moz-transform:scale(2.2);-ms-transform:scale(2.2);-o-transform:scale(2.2);transform:scale(2.2)}.ladda-button[data-style=zoom-in][data-loading] .ladda-spinner{opacity:1;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}.ladda-button[data-style=contract]{overflow:hidden;width:100px}.ladda-button[data-style=contract] .ladda-spinner{left:50%;margin-left:-16px}.ladda-button[data-style=contract][data-loading]{border-radius:50%;width:52px}.ladda-button[data-style=contract][data-loading] .ladda-label{opacity:0}.ladda-button[data-style=contract][data-loading] .ladda-spinner{opacity:1}.ladda-button[data-style=contract-overlay]{overflow:hidden;width:100px;box-shadow:0px 0px 0px 3000px rgba(0,0,0,0)}.ladda-button[data-style=contract-overlay] .ladda-spinner{left:50%;margin-left:-16px}.ladda-button[data-style=contract-overlay][data-loading]{border-radius:50%;width:52px;box-shadow:0px 0px 0px 3000px rgba(0,0,0,0.8)}.ladda-button[data-style=contract-overlay][data-loading] .ladda-label{opacity:0}.ladda-button[data-style=contract-overlay][data-loading] .ladda-spinner{opacity:1}