@import '../../common';
.rsaddons-logo-showcase {
.clip-path-enable .rs-grid-figure {
clip-path: polygon(0% 0%, 80% 0, 100% 20%, 100% 100%, 0% 100%) !important
}
&.rsl_logo_style1 {
.rs-addon-slider{
.rs-grid-figure {
display: flex;
align-items: center;
justify-content: center;
.logo-img {
img {
transition: all 0.3s ease;
&:hover {
transform: scale(1.2);
}
}
}
}
}
}
&.rsl_logo_style2 {
.rs-grid-figure {
display: flex;
align-items: center;
justify-content: center;
margin: 15px 0px 15px 0px;
background-color: #F7F7F7;
height: 202px;
position: relative;
border-radius: 20px 0 0 0;
&:before {
position: absolute;
content: "";
top: -12px;
right: 0;
background-color: #F7F7F7;
width: 125px;
height: 12px;
border-radius: 15px 20px 0 0;
}
&:after {
position: absolute;
content: "";
bottom: -12px;
right: 0;
background-color: #F7F7F7;
width: 60px;
height: 12px;
border-radius: 0 0 20px 15px;
}
.left-bottom-shape {
position: absolute;
bottom: -12px;
left: 0;
width: 30px;
height: 12px;
background-color: #F7F7F7;
border-radius: 0 0 15px 20px;
}
.rs-grid-img {
width: 90px;
}
.logo-img {
img {
transition: all 0.3s ease;
&:hover {
transform: scale(1.2);
}
}
}
}
}
&.rsl_logo_style3 {
.grid-item {
.rs-grid-figure{
display: flex;
align-items: center;
justify-content: center;
margin: 15px 0px 15px 0px;
background-color: #F7F7F7;
height: 202px;
position: relative;
transition: all 0.3s linear;
.logo-img a {
img{
&.hovers-logos {
display: block;
position: absolute;
z-index: 1;
visibility: hidden;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
}
}
}
&:hover {
background-color: #507a7c;
.logo-img a {
img {
&.mains-logos {
display: block;
visibility: hidden;
transform: translateY(100%);
}
&.hovers-logos {
display: block;
opacity: 3;
visibility: visible;
}
}
}
}
.rs-grid-img {
width: 90px;
}
}
}
}
.rs-logo-grid {
&.logo-grid-style1 {
&.rsl_logo_style3{
.rs-grid-figure{
overflow: hidden;
.logo-img{
img{
transform: scale(1);
transition: all ease 0.4s;
}
}
&:hover{
.logo-img{
img{
transform: scale(1.1);
}
}
}
}
}
}
}
&.bg_animation_yes {
overflow: hidden;
position: relative;
.anim {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-repeat: repeat-x !important;
background-size: contain !important;
background-position: center !important;
position: absolute;
width: 6400px;
height: inherit;
-webkit-animation: wave 45s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite;
animation: wave 45s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
&:hover {
.anim {
animation-play-state: paused;
}
}
}
&.overlay_edge_yes {
position: relative;
&::after,
&::before {
position: absolute;
content: '';
top: 0;
bottom: 0;
width: 350px;
z-index: 1;
pointer-events: none;
}
&::after {
right: 0;
background: linear-gradient(to right, transparent 0%, white 100%);
}
&::before {
left: 0;
background: linear-gradient(to right, white 0%, transparent 100%);
}
}
}
@-webkit-keyframes wave {
0% { margin-left: 0; }
100% { margin-left: -1600px; }
}
@keyframes wave {
0% { margin-left: 0; }
100% { margin-left: -1600px; }
}