.nectar-fancy-box {
overflow: hidden;
position: relative;
padding: 13%;
}
.nectar-fancy-box[data-style="parallax_hover"] {
padding: 0;
}
.nectar-fancy-box[data-style="parallax_hover"] {
overflow: visible;
}
.nectar-fancy-box .box-link {
position: absolute;
z-index: 100;
top: 0;
left: 0;
height: 100%;
width: 100%;
display: block;
}
.nectar-fancy-box[data-style="parallax_hover"] .parallaxImg-wrap {
transform: translateZ(0px);
}
.nectar-fancy-box[data-style="parallax_hover"] .parallaxImg {
-webkit-tap-highlight-color: rgba(0,0,0,0);
outline: 1px solid transparent;
transition: transform 0.23s ease-out;
-webkit-transition: transform 0.23s ease-out;
position: relative;
z-index: 10;
}
.nectar-fancy-box[data-style="parallax_hover"] .parallaxImg:not(.over) {
transition: transform 0.25s ease-out;
-webkit-transition: transform 0.25s ease-out;
}
.nectar-fancy-box[data-style="parallax_hover"] .parallaxImg-container:not(.over) {
transition: transform 0.25s ease-out;
-webkit-transition: transform 0.25s ease-out;
}
.nectar-fancy-box[data-style="parallax_hover"] .parallaxImg-container {
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
.nectar-fancy-box[data-style="parallax_hover"] .parallaxImg-container {
position: relative;
width: 100.2%;
height: 100%;
outline: 1px solid transparent;
will-change: transform;
transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
}
.nectar-fancy-box[data-style="parallax_hover"] .parallaxImg-layers {
position: relative;
width: 100%;
height: 100%;
z-index: 2;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
outline: 1px solid transparent;
}
.nectar-fancy-box[data-style="parallax_hover"] .parallaxImg-rendered-layer, .nectar-fancy-box[data-style="parallax_hover"] .bg-img:after {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-repeat: no-repeat;
background-position: center;
background-color: transparent;
background-size: cover;
outline: 1px solid transparent;
overflow: hidden;
}
.nectar-fancy-box[data-style="parallax_hover"] .parallaxImg-container .parallaxImg-rendered-layer, .nectar-fancy-box[data-style="parallax_hover"] .parallaxImg.transition .parallaxImg-container .parallaxImg-rendered-layer {
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
.nectar-fancy-box[data-border-radius="5px"][data-style="parallax_hover"] .parallaxImg-rendered-layer {
border-radius: 5px;
overflow: hidden;
}
.nectar-fancy-box[data-style="parallax_hover"] .parallaxImg-container .parallaxImg-rendered-layer {
transition: transform 0.27s ease-out;
-webkit-transition: transform 0.27s ease-out;
}
.nectar-fancy-box[data-style="parallax_hover"] .parallaxImg-rendered-layer > .bg-img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-repeat: no-repeat;
background-position: center;
background-color: transparent;
background-size: cover;
outline: 1px solid transparent;
}
.nectar-fancy-box[data-style="parallax_hover"] .parallaxImg-rendered-layer, .nectar-fancy-box[data-style="parallax_hover"] .bg-img:after {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-repeat: no-repeat;
background-position: center;
background-color: transparent;
background-size: cover;
outline: 1px solid transparent;
overflow: hidden;
}
.nectar-fancy-box[data-style="parallax_hover"] .bg-img:after {
display: block;
content: '';
background-color: rgba(40,40,40,1);
transition: all 0.45s cubic-bezier(0.25, 1, 0.2, 1);
}
.nectar-fancy-box[data-style="parallax_hover"][data-overlay-opacity="0.1"] .bg-img:after, .nectar-fancy-box[data-style="parallax_hover"][data-overlay-opacity-hover="0.1"]:hover .parallaxImg-wrap .bg-img:after {
opacity: 0.1;
}
.nectar-fancy-box[data-style="parallax_hover"].overlay_00c2ff .bg-img:after {
background-color: #00c2ff;
}
.nectar-fancy-box[data-style="parallax_hover"] .meta-wrap {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
justify-content: center;
-webkit-justify-content: center;
min-height: 350px;
}
.nectar-fancy-box .inner {
position: relative;
text-align: left;
color: #fff;
z-index: 10;
padding-bottom: 15%;
}
.nectar-fancy-box[data-style="parallax_hover"] .inner {
margin-bottom: 0;
padding: 25% 0px;
position: relative;
width: 65%;
}
.nectar-fancy-box[data-style="default"] .inner *, .nectar-fancy-box[data-style="parallax_hover"] .inner *, .nectar-fancy-box[data-style="hover_desc"] .inner * {
color: #fff;
}
.nectar-fancy-box[data-style="parallax_hover"] .parallaxImg-shadow {
position: absolute;
top: 5%;
left: 5%;
width: 90%;
height: 90%;
transition: transform 0.27s ease-out, opacity 0.27s ease-out;
z-index: 1;
opacity: 0;
box-shadow: 0 35px 100px rgb(0 0 0 / 40%), 0 16px 40px rgb(0 0 0 / 40%);
}
.nectar-fancy-box[data-style="parallax_hover"] .parallaxImg-rendered-layer:last-child {
position: relative;
}
.nectar-fancy-box[data-style="parallax_hover"] .meta-wrap h4 {
color: #fff;
font-family: Lato;
font-size: 20px;
line-height: 30px;
letter-spacing: 0;
-webkit-font-smoothing: antialiased;
font-weight: 700;
}
.nectar-fancy-box[data-style="parallax_hover"]:hover .bg-img:after, .nectar-fancy-box[data-style="parallax_hover"][data-overlay-opacity="0.2"] .bg-img:after, .nectar-fancy-box[data-style="parallax_hover"][data-overlay-opacity-hover="0.2"]:hover .parallaxImg-wrap .bg-img:after {
opacity: 0.2;
}
.nectar-fancy-box[data-style="parallax_hover"]:hover .parallaxImg-container .parallaxImg-rendered-layer:nth-child(2) {
transform: translateZ(65px)!important;
}
.nectar-fancy-box[data-style="parallax_hover"]:hover .parallaxImg-shadow {
opacity: 1;
}
.nectar-fancy-box.layout_two .parallaxImg-shadow {
display: none !IMPORTANT;
}
.nectar-fancy-box.layout_two .bg-img {
display: none !important;
}
.nectar-fancy-box.layout_two .parallaxImg-wrap {
border: 1px solid rgba(255,255,255,0.14);
border-radius: 5px;
transition: all 0.45s cubic-bezier(0.25, 1, 0.2, 1);
position: relative;
}
.nectar-fancy-box.layout_two .parallaxImg-wrap:before {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
content: ' ';
transition: all .6s cubic-bezier(0.24,1,0.30,1);
-webkit-transition: all .6s cubic-bezier(0.24,1,0.30,1);
background: #00d6ac;
background: linear-gradient(to bottom right, #00d6ac, #00c2ff);
opacity: 0;
border-radius: 5px;
}
.nectar-fancy-box.layout_two:hover .parallaxImg-wrap:before {
opacity: 1;
}
.nectar-fancy-box[data-style="parallax_hover"].layout_two .inner {
padding-top: 40px;
padding-bottom: 40px;
}
.nectar-fancy-box.layout_two i{font-size: 50px!important;line-height: 50px!important;}
.nectar-fancy-box.layout_two i:before {
color: #00d6ac;
background: linear-gradient(to bottom right, #00d6ac, #00c2ff);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
display: initial;
}
.nectar-fancy-box.layout_two:hover i:before {
color: #fff !important;
background: transparent !important;
-webkit-background-clip: initial !important;
-webkit-text-fill-color: #fff !important;
}
.nectar-fancy-box.layout_two h4 {
margin-top: 16px;
}
.nectar-fancy-box.layout_two .description {
color: #fff;
font-family: Lato;
font-size: 16px;
line-height: 24px;
font-weight: 400;
}