.gem-textbox,
.gem-textbox-wrapper,
.gem-textbox .gem-textbox-content,
.gem-textbox .gem-texbox-icon-image-wrapper .elementor-icon,
.gem-textbox .gem-texbox-icon-image-wrapper .elementor-icon i,
.gem-textbox .gem-image,
.gem-textbox .gem-image img,
.gem-textbox .gem-image span,
.gem-textbox .gem-image span:before,
.gem-textbox .gem-textbox-title,
.gem-textbox .gem-textbox-description,
.gem-textbox .gem-button-container,
.gem-textbox .gem-textbox-top,
.gem-textbox .gem-textbox-top svg,
.gem-textbox .gem-textbox-bottom,
.gem-textbox .gem-textbox-bottom svg {
transition: 0.25s linear;
-webkit-transition: 0.25s linear;
-moz-transition: 0.25s linear;
-ms-transition: 0.25s linear;
-o-transition: 0.25s linear;
}
.gem-textbox-content {
padding: 30px;
}
.gem-textbox-top,
.gem-textbox-bottom {
font-size: 0;
line-height: 0;
text-align: center;
}
.gem-styled-textbox-link,
.gem-styled-textbox-icon-image-link {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.gem-texbox-icon-image-wrapper {
position: relative;
}
.gem-textbox .gem-textbox-icon-horizontal-right.gem-textbox-icon-image-wrapping-inline .gem-texbox-icon-image-wrapper {
padding-left: 10px;
}
.gem-textbox .gem-textbox-icon-horizontal-left.gem-textbox-icon-image-wrapping-inline .gem-texbox-icon-image-wrapper {
padding-right: 10px;
}
.gem-textbox h4,
.gem-textbox .title-h4 {
margin-top: 0;
}
.gem-textbox-content .gem-image span {
display: inline-block;
vertical-align: top;
overflow: hidden;
max-width: 100%;
position: relative;
}
.gem-textbox-content .gem-image span::before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transition: 0.25s linear;
-webkit-transition: 0.25s linear;
-moz-transition: 0.25s linear;
-ms-transition: 0.25s linear;
-o-transition: 0.25s linear;
opacity: 0;
z-index: 1;
}
.gem-textbox:hover .gem-textbox-content .gem-image a::before,
.gem-textbox:hover .gem-textbox-content .gem-image span::before {
opacity: 1;
}
.gem-textbox .gem-textbox-icon-horizontal-right .gem-icon-with-text-icon {
padding-right: 0px;
padding-left: 10px;
} .gem-textbox-content.icon-bottom {
display: flex;
flex-direction: column;
}
.gem-textbox .icon-bottom .gem-texbox-text-wrapper {
order: 1;
}
.gem-textbox .icon-bottom .gem-texbox-icon-image-wrapper {
order: 2;
margin-top: 30px;
} .gem-textbox-content.icon-bottom,
.gem-textbox-content.button-top {
display: flex;
flex-direction: column;
}
.gem-textbox .icon-bottom.button-bottom .gem-texbox-text-wrapper {
order: 1;
}
.gem-textbox .icon-bottom.button-bottom .gem-texbox-icon-image-wrapper {
order: 2;
} .gem-textbox-content.icon-top.button-top .gem-texbox-text-wrapper {
display: flex;
flex-direction: column;
}
.gem-textbox-content.icon-top.button-top .gem-button-container {
order: 1;
}
.gem-textbox-content.icon-top.button-top .gem-textbox-title {
order: 2;
}
.gem-textbox-content.icon-top.button-top .gem-textbox-description {
order: 3;
} .gem-textbox-content.icon-bottom.button-top .gem-texbox-text-wrapper {
display: flex;
flex-direction: column;
}
.gem-textbox-content.icon-bottom.button-top .gem-button-container {
order: 1;
}
.gem-textbox-content.icon-bottom.button-top .gem-textbox-title {
order: 2;
}
.gem-textbox-content.icon-bottom.button-top .gem-textbox-description {
order: 3;
}
.gem-textbox-content.icon-bottom.button-top .gem-texbox-text-wrapper {
order: 1;
}
.gem-textbox-content.icon-bottom.button-top .gem-texbox-icon-image-wrapper {
order: 2;
margin-top: 30px;
}
.gem-textbox-icon-horizontal-center .gem-texbox-icon-image-wrapper {
text-align: center !important;
}
.gem-textbox-icon-horizontal-left .gem-texbox-icon-image-wrapper {
text-align: left !important;
}
.gem-textbox-icon-horizontal-right .gem-texbox-icon-image-wrapper {
text-align: right !important;
}
.gem-textbox-icon-horizontal-right.gem-textbox-icon-image-wrapping-wrap .gem-texbox-icon-image-wrapper {
float: right;
}
.gem-textbox-icon-horizontal-left.gem-textbox-icon-image-wrapping-wrap .gem-texbox-icon-image-wrapper {
float: left;
}
.gem-textbox-icon-image-wrapping-inline {
display: flex;
flex-direction: column;
}
.gem-textbox-icon-image-wrapping-inline .gem-texbox-text-wrapper {
flex-grow: 1;
}
.gem-textbox-icon-image-wrapping-inline.gem-textbox-icon-horizontal-right {
flex-direction: row-reverse;
}
.icon-bottom.gem-textbox-icon-image-wrapping-inline.gem-textbox-icon-horizontal-right {
flex-direction: row;
align-items: flex-end;
}
.gem-textbox-icon-image-wrapping-inline.gem-textbox-icon-horizontal-left {
flex-direction: row;
}
.icon-bottom.gem-textbox-icon-image-wrapping-inline.gem-textbox-icon-horizontal-left {
flex-direction: row-reverse;
align-items: flex-end;
}.hover-default .portfolio-item .image .image-inner img,
.hover-default .gallery-item .overlay-wrap .image-wrap img {
overflow: hidden;
-webkit-transform: translate(0, 0) scale(1);
transform: translate(0, 0) scale(1);
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
}
.hover-default .portfolio-item:hover .image .image-inner img,
.hover-default .portfolio-item.hover-effect .image .image-inner img,
.hover-default .gallery-item:hover .overlay-wrap .image-wrap img,
.hover-default .gallery-item.hover-effect .overlay-wrap .image-wrap img {
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
}
.hover-default .portfolio-item .image .overlay,
.hover-default .portfolio-item:hover .image .overlay,
.hover-default .portfolio-item.hover-effect .image .overlay,
.hover-default .gallery-item .overlay-wrap .overlay,
.hover-default .gallery-item:hover .overlay-wrap .overlay,
.hover-default .gallery-item.hover-effect .overlay-wrap .overlay {
display: block;
}
.hover-default .portfolio-item .image .overlay:before,
.hover-default .gallery-item .overlay-wrap .overlay:before {
position: absolute;
top: 0;
left: 0;
z-index: -1;
content: '';
width: 100%;
height: 100%;
opacity: 0;
-webkit-transition: opacity 0.5s, background-color 0.5s;
transition: opacity 0.5s, background-color 0.5s;
}
.hover-default .portfolio-item:hover .image .overlay:before,
.hover-default .portfolio-item.hover-effect .image .overlay:before,
.hover-default .gallery-item:hover .overlay-wrap .overlay:before,
.hover-default .gallery-item.hover-effect .overlay-wrap .overlay:before {
position: absolute;
top: 0;
left: 0;
z-index: -1;
content: '';
width: 100%;
height: 100%;
opacity: 1;
-webkit-transition: opacity 0.5s, background-color 0.5s;
transition: opacity 0.5s, background-color 0.5s;
}
.portfolio.hover-default .portfolio-item .image .overlay .links .portfolio-icons > .icon,
.portfolio.hover-default .portfolio-item .image .overlay .links .portfolio-icons-inner > .icon,
.gem-gallery-grid.hover-default .gallery-item .overlay .overlay-content-inner a.icon,
.portfolio.products.hover-default .portfolio-item .image .overlay .portfolio-icons.product-bottom a.added_to_cart {
display: inline-block;
opacity: 0;
-webkit-transform: translateY(-200px);
transform: translateY(-200px);
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
}
.gem-gallery-grid.hover-default .gallery-item .overlay .overlay-content-inner a.icon.link {
margin-left: 10px;
}
.hover-default .portfolio-item:hover .image .overlay .links .portfolio-icons > .icon,
.hover-default .portfolio-item.hover-effect .image .overlay .links .portfolio-icons > .icon,
.hover-default .portfolio-item:hover .image .overlay .links .portfolio-icons-inner > .icon,
.hover-default .portfolio-item.hover-effect .image .overlay .links .portfolio-icons-inner > .icon,
.gem-gallery-grid.hover-default .gallery-item:hover .overlay .overlay-content-inner a.icon,
.gem-gallery-grid.hover-default .gallery-item.hover-effect .overlay .overlay-content-inner a.icon,
.portfolio.products.hover-default .portfolio-item:hover .image .overlay .portfolio-icons.product-bottom a.added_to_cart,
.portfolio.products.hover-default .portfolio-item.hover-effect .image .overlay .portfolio-icons.product-bottom a.added_to_cart {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.hover-default .portfolio-item:hover .image .overlay .links a.icon:before,
.hover-default .portfolio-item.hover-effect .image .overlay .links a.icon:before {
-webkit-transition: color 0.3s;
transition: color 0.3s;
}
.hover-default .portfolio-item:hover .image .overlay .links a.icon:hover:before,
.hover-default .portfolio-item.hover-effect .image .overlay .links a.icon:hover:before {
color: #393d50;
-webkit-transition: color 0.3s;
transition: color 0.3s;
}
.hover-default .portfolio-item:hover .image .overlay .links .portfolio-icons > .icon:nth-child(1),
.hover-default .portfolio-item.hover-effect .image .overlay .links .portfolio-icons > .icon:nth-child(1),
.hover-default .portfolio-item:hover .image .overlay .links .portfolio-icons-inner > .icon:nth-child(1),
.hover-default .portfolio-item.hover-effect .image .overlay .links .portfolio-icons-inner > .icon:nth-child(1),
.hover-default .gallery-item:hover .overlay .overlay-content-inner a.icon:nth-child(1),
.hover-default .gallery-item.hover-effect .overlay .overlay-content-inner a.icon:nth-child(1),
.portfolio.products.hover-default .portfolio-item:hover .image .overlay .portfolio-icons.product-bottom a.added_to_cart,
.portfolio.products.hover-default .portfolio-item.hover-effect .image .overlay .portfolio-icons.product-bottom a.added_to_cart {
-webkit-transition: opacity 1s 0.12s, transform 0.5s 0.12s;
transition: opacity 1s 0.12s, transform 0.5s 0.12s;
}
.hover-default .portfolio-item:hover .image .overlay .links .portfolio-icons > .icon:nth-child(2),
.hover-default .portfolio-item.hover-effect .image .overlay .links .portfolio-icons > .icon:nth-child(2),
.hover-default .portfolio-item:hover .image .overlay .links .portfolio-icons-inner > .icon:nth-child(2),
.hover-default .portfolio-item.hover-effect .image .overlay .links .portfolio-icons-inner > .icon:nth-child(2),
.hover-default .gallery-item:hover .overlay .overlay-content-inner a.icon:nth-child(2),
.hover-default .gallery-item.hover-effect .overlay .overlay-content-inner a.icon:nth-child(2) {
-webkit-transition: opacity 1s 0.17s, transform 0.5s 0.17s;
transition: opacity 1s 0.17s, transform 0.5s 0.17s;
}
.hover-default .portfolio-item:hover .image .overlay .links .portfolio-icons > .icon:nth-child(3),
.hover-default .portfolio-item.hover-effect .image .overlay .links .portfolio-icons > .icon:nth-child(3),
.hover-default .portfolio-item:hover .image .overlay .links .portfolio-icons-inner > .icon:nth-child(3),
.hover-default .portfolio-item.hover-effect .image .overlay .links .portfolio-icons-inner > .icon:nth-child(3),
.hover-default .gallery-item:hover .overlay .overlay-content-inner a.icon:nth-child(3),
.hover-default .gallery-item.hover-effect .overlay .overlay-content-inner a.icon:nth-child(3) {
-webkit-transition: opacity 1s 0.19s, transform 0.5s 0.19s;
transition: opacity 1s 0.19s, transform 0.5s 0.19s;
}
.hover-default .portfolio-item:hover .image .overlay .links .portfolio-icons > .icon:nth-child(4),
.hover-default .portfolio-item.hover-effect .image .overlay .links .portfolio-icons > .icon:nth-child(4),
.hover-default .portfolio-item:hover .image .overlay .links .portfolio-icons-inner > .icon:nth-child(4),
.hover-default .portfolio-item.hover-effect .image .overlay .links .portfolio-icons-inner > .icon:nth-child(4),
.hover-default .gallery-item:hover .overlay .overlay-content-inner a.icon:nth-child(4),
.hover-default .gallery-item.hover-effect .overlay .overlay-content-inner a.icon:nth-child(4) {
-webkit-transition: opacity 1s 0.21s, transform 0.5s 0.21s;
transition: opacity 1s 0.21s, transform 0.5s 0.21s;
}
.hover-default .portfolio-item:hover .image .overlay .links .portfolio-icons > .icon:nth-child(5),
.hover-default .portfolio-item.hover-effect .image .overlay .links .portfolio-icons > .icon:nth-child(5),
.hover-default .portfolio-item:hover .image .overlay .links .portfolio-icons-inner > .icon:nth-child(5),
.hover-default .portfolio-item.hover-effect .image .overlay .links .portfolio-icons-inner > .icon:nth-child(5),
.hover-default .gallery-item:hover .overlay .overlay-content-inner a.icon:nth-child(5),
.hover-default .gallery-item.hover-effect .overlay .overlay-content-inner a.icon:nth-child(5) {
-webkit-transition: opacity 1s 0.23s, transform 0.5s 0.23s;
transition: opacity 1s 0.23s, transform 0.5s 0.23s;
}
.hover-default .portfolio-item .image .links .caption .title,
.hover-default .gallery-item .overlay .overlay-content-inner .title {
opacity: 0;
position: relative;
top: -200px;
-webkit-transition: opacity 0.3s, top 0.3s;
transition: opacity 0.3s, top 0.3s;
}
.hover-default .gallery-item .overlay .overlay-content-inner .title {
margin-top: 30px;
}
.hover-default .portfolio-item:hover .image .links .caption .title,
.hover-default .portfolio-item.hover-effect .image .links .caption .title,
.hover-default .gallery-item:hover .overlay .overlay-content-inner .title,
.hover-default .gallery-item.hover-effect .overlay .overlay-content-inner .title {
opacity: 1;
top: 0;
-webkit-transition: opacity 0.3s 0.2s, top 0.3s 0.2s;
transition: opacity 0.3s 0.2s, top 0.3s 0.2s;
}
.hover-default .gallery-item .overlay .overlay-content-inner .subtitle {
margin-top: 20px;
}
.hover-default .portfolio-item .image .links .caption .description,
.hover-default .gallery-item .overlay .overlay-content-inner .subtitle {
opacity: 0;
position: relative;
top: -200px;
-webkit-transition: opacity 0.4s, top 0.5s;
transition: opacity 0.4s, top 0.5s;
}
.hover-default .portfolio-item:hover .image .links .caption .description,
.hover-default .portfolio-item.hover-effect .image .links .caption .description,
.hover-default .gallery-item:hover .overlay .overlay-content-inner .subtitle,
.hover-default .gallery-item.hover-effect .overlay .overlay-content-inner .subtitle {
opacity: 1;
top: 0;
-webkit-transition: opacity 0.5s, top 0.4s;
transition: opacity 0.5s, top 0.4s;
}
.hover-default .portfolio-item .image .overlay .links .portfolio-sharing-pane {
opacity: 0;
margin-top: 0;
margin-bottom: 0;
-webkit-transform: translateY(-1000px);
transform: translateY(-1000px);
-webkit-transition: opacity 0.3s, margin 0.3s 0.3s;
transition: opacity 0.3s, margin 0.3s 0.3s, transform 0s;
}
.hover-default .portfolio-item:hover .image .overlay .links .portfolio-sharing-pane,
.hover-default .portfolio-item.hover-effect .image .overlay .links .portfolio-sharing-pane {
visibility: hidden;
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition: opacity 0.5s, -webkit-transform 0s, margin 0.3s 0.3s;
transition: opacity 0.5s, transform 0s, margin 0.3s 0.3s;
}
.hover-default .portfolio-item:hover .image .overlay .links .portfolio-sharing-pane.active,
.hover-default .portfolio-item.hover-effect .image .overlay .links .portfolio-sharing-pane.active {
opacity: 1;
visibility: visible;
margin-top: 20px;
margin-bottom: 10px;
-webkit-transition: opacity 0.5s, margin 0.3s;
transition: opacity 0.5s, margin 0.3s;
}
.hover-default .portfolio-item:hover .image .overlay .links .portfolio-sharing-pane .socials-item-icon,
.hover-default .portfolio-item.hover-effect .image .overlay .links .portfolio-sharing-pane .socials-item-icon {
opacity: 0;
-webkit-transform: translate(0, 30px);
transform: translate(0, 30px);
}
.hover-default .portfolio-item:hover .image .overlay .links .portfolio-sharing-pane.active .socials-item-icon,
.hover-default .portfolio-item.hover-effect .image .overlay .links .portfolio-sharing-pane.active .socials-item-icon {
opacity: 1;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.hover-default .portfolio-item .image .links .caption .product-info {
opacity: 0;
position: relative;
top: -200px;
-webkit-transition: opacity 0.4s, top 0.5s;
transition: opacity 0.4s, top 0.5s;
}
.hover-default .portfolio-item:hover .image .links .caption .product-info,
.hover-default .portfolio-item.hover-effect .image .links .caption .product-info {
opacity: 1;
top: 0;
-webkit-transition: opacity 0.5s, top 0.4s;
transition: opacity 0.5s, top 0.4s;
}
.hover-default .portfolio-item:hover .image .overlay .links .portfolio-sharing-pane a.socials-item:nth-child(1) .socials-item-icon,
.hover-default .portfolio-item.hover-effect .image .overlay .links .portfolio-sharing-pane a.socials-item:nth-child(1) .socials-item-icon,
.hover-default .portfolio-item:hover .image .overlay .links .portfolio-sharing-pane.active a.socials-item:nth-child(1) .socials-item-icon,
.hover-default .portfolio-item.hover-effect .image .overlay .links .portfolio-sharing-pane.active a.socials-item:nth-child(1) .socials-item-icon {
-webkit-transition: color 0.3s, -webkit-transform 0.3s, opacity 0.3s;
transition: color 0.3s, transform 0.3s, opacity 0.3s;
}
.hover-default .portfolio-item:hover .image .overlay .links .portfolio-sharing-pane a.socials-item:nth-child(2) .socials-item-icon,
.hover-default .portfolio-item.hover-effect .image .overlay .links .portfolio-sharing-pane a.socials-item:nth-child(2) .socials-item-icon,
.hover-default .portfolio-item:hover .image .overlay .links .portfolio-sharing-pane.active a.socials-item:nth-child(2) .socials-item-icon,
.hover-default .portfolio-item.hover-effect .image .overlay .links .portfolio-sharing-pane.active a.socials-item:nth-child(2) .socials-item-icon {
-webkit-transition: color 0.3s, -webkit-transform 0.3s 0.05s, opacity 0.3s 0.05s;
transition: color 0.3s, transform 0.3s 0.05s, opacity 0.3s 0.05s;
}
.hover-default .portfolio-item:hover .image .overlay .links .portfolio-sharing-pane a.socials-item:nth-child(3) .socials-item-icon,
.hover-default .portfolio-item.hover-effect .image .overlay .links .portfolio-sharing-pane a.socials-item:nth-child(3) .socials-item-icon,
.hover-default .portfolio-item:hover .image .overlay .links .portfolio-sharing-pane.active a.socials-item:nth-child(3) .socials-item-icon,
.hover-default .portfolio-item.hover-effect .image .overlay .links .portfolio-sharing-pane.active a.socials-item:nth-child(3) .socials-item-icon {
-webkit-transition: color 0.3s, -webkit-transform 0.3s 0.1s, opacity 0.3s 0.1s;
transition: color 0.3s, transform 0.3s 0.1s, opacity 0.3s 0.1s;
}
.hover-default .portfolio-item:hover .image .overlay .links .portfolio-sharing-pane a.socials-item:nth-child(4) .socials-item-icon,
.hover-default .portfolio-item.hover-effect .image .overlay .links .portfolio-sharing-pane a.socials-item:nth-child(4) .socials-item-icon,
.hover-default .portfolio-item:hover .image .overlay .links .portfolio-sharing-pane.active a.socials-item:nth-child(4) .socials-item-icon,
.hover-default .portfolio-item.hover-effect .image .overlay .links .portfolio-sharing-pane.active a.socials-item:nth-child(4) .socials-item-icon {
-webkit-transition: color 0.3s, -webkit-transform 0.3s 0.15s, opacity 0.3s 0.15s;
transition: color 0.3s, transform 0.3s 0.15s, opacity 0.3s 0.15s;
}
.hover-default .portfolio-item:hover .image .overlay .links .portfolio-sharing-pane a.socials-item:nth-child(5) .socials-item-icon,
.hover-default .portfolio-item.hover-effect .image .overlay .links .portfolio-sharing-pane a.socials-item:nth-child(5) .socials-item-icon,
.hover-default .portfolio-item:hover .image .overlay .links .portfolio-sharing-pane.active a.socials-item:nth-child(5) .socials-item-icon,
.hover-default .portfolio-item.hover-effect .image .overlay .links .portfolio-sharing-pane.active a.socials-item:nth-child(5) .socials-item-icon {
-webkit-transition: color 0.3s, -webkit-transform 0.3s 0.2s, opacity 0.3s 0.2s;
transition: color 0.3s, transform 0.3s 0.2s, opacity 0.3s 0.2s;
}
.hover-default .portfolio-item:hover .image .overlay .links .portfolio-sharing-pane a.socials-item:nth-child(6) .socials-item-icon,
.hover-default .portfolio-item.hover-effect .image .overlay .links .portfolio-sharing-pane a.socials-item:nth-child(6) .socials-item-icon,
.hover-default .portfolio-item:hover .image .overlay .links .portfolio-sharing-pane.active a.socials-item:nth-child(6) .socials-item-icon,
.hover-default .portfolio-item.hover-effect .image .overlay .links .portfolio-sharing-pane.active a.socials-item:nth-child(6) .socials-item-icon {
-webkit-transition: color 0.3s, -webkit-transform 0.3s 0.25s, opacity 0.3s 0.25s;
transition: color 0.3s, transform 0.3s 0.25s, opacity 0.3s 0.25s;
}
.hover-default .portfolio-item:hover .image .overlay .links .portfolio-sharing-pane a.socials-item:nth-child(7) .socials-item-icon,
.hover-default .portfolio-item.hover-effect .image .overlay .links .portfolio-sharing-pane a.socials-item:nth-child(7) .socials-item-icon,
.hover-default .portfolio-item:hover .image .overlay .links .portfolio-sharing-pane.active a.socials-item:nth-child(7) .socials-item-icon,
.hover-default .portfolio-item.hover-effect .image .overlay .links .portfolio-sharing-pane.active a.socials-item:nth-child(7) .socials-item-icon {
-webkit-transition: color 0.3s, -webkit-transform 0.3s 0.3s, opacity 0.3s 0.3s;
transition: color 0.3s, transform 0.3s 0.3s, opacity 0.3s 0.3s;
}.gem-clients {
margin: 0;
}
.gem-clients-type-carousel-grid .gem-clients-slide {
float: left;
width: 100%;
}
.disable-grayscale.gem-clients-type-carousel-grid .gem-client-item a  {
background-color: transparent;
}
.gem-clients-type-carousel-grid .gem-client-item {
padding: 0;
display: flex;
justify-content: center;
}
.gem-clients-slide-inner.clearfix {
margin-left: -5px;
margin-right: -5px;
}
.gem-clients-type-carousel-grid .gem-client-item a {
display: block;
width: 100%;
text-align: center;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
}
.gem-clients-type-carousel-grid .gem-client-item a img {
display: inline-block;
opacity: 0.5;
}
.gem-clients-type-carousel-grid .gem-client-item a:hover img {
opacity: 1;
} .gem-clients .gem-client-item a {
background: none;
}
.gem-clients .gem-client-item a img.gem-grayscale-normal {
filter: grayscale(1);
}
.gem-clients .gem-client-item a:hover img.gem-grayscale-hover {
filter: grayscale(1);
}
.gem-clients .gem-client-item a img,
.gem-clients .gem-client-item a:hover img {
filter: grayscale(0);
}
.gem-client-item a img {
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
} .clients-grid .gem-clients-slide-inner {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: stretch;
}
.clients-grid .gem-clients-type-carousel-grid .gem-client-item a {
overflow: hidden;
align-items: center;
justify-content: center;
display: flex;
margin: 0 5px 10px 5px;
max-height: 200px;
}
.clients-grid .gem-clients-slide .col-xs-1-5 {
width: 20%;
}
@media (min-width: 768px) {
.clients-grid .gem-clients-slide .col-sm-1-5 {
width: 20%;
}
}
@media (min-width: 992px) {
.clients-grid .gem-clients-slide .col-md-1-5 {
width: 20%;
}
}
.clients-grid .caroufredsel_wrapper {
height: auto !important;
}
.clients-grid .gem-clients-grid-carousel {
height: auto !important;
position: inherit !important;
} .clients-carousel .gem_client-carousel {
margin-left: auto;
margin-right: auto;
max-width: 2000px;
}
.clients-carousel .gem_client-carousel.fullwidth-block {
width: 100%;
}
body.elementor-editor-active .clients-carousel .gem_client-carousel {
width: 100%;
}
.clients-carousel .gem-clients-slide-inner {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: stretch;
}
.clients-carousel .gem-client-item a {
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.clients-carousel .gem-client-item a:hover {
background: none;
}
.clients-carousel .gem-client-carousel-navigation a {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
}
.clients-carousel .gem-client-carousel-navigation a:after {
top: auto;
margin-top: auto;
width: 100px;
left: 0;
position: relative;
margin-left: 0;
margin-right: 0;
}