.clearfix::before, .clearfix::after {
content: " ";
display: table;
clear: both;
}
.text-center{
text-align: center;
}
.text-left{
text-align: left;
}
.text-right{
text-align: right;
}
.text-justify{
text-align: justify;
}
.eael-testimonial-slider .slick-prev, .eael-testimonial-slider .slick-next,
.eael-team-slider .slick-prev, .eael-team-slider .slick-next,
.eael-logo-carousel .slick-prev, .eael-logo-carousel .slick-next,
.eael-post-carousel .slick-prev, .eael-post-carousel .slick-next,
.eael-product-carousel .slick-prev, .eael-product-carouselFacco.slick-next {
border-radius: 3px;
height: 30px;
position: absolute;
text-shadow: none;
top: calc(50% - 15px);
width: 30px;
}
.eael-testimonial-slider .slick-prev::before, .eael-testimonial-slider .slick-next::before,
.eael-logo-carousel .slick-prev::before, .eael-logo-carousel .slick-next::before,
.eael-team-slider .slick-prev::before, .eael-team-slider .slick-next::before,
.eael-post-carousel .slick-prev::before, .eael-post-carousel .slick-next::before,
.eael-product-carousel .slick-prev::before, .eael-product-carousel .slick-next::before {
font-family: "FontAwesome";
font-size: 20px;
opacity: 0.75;
text-align: center;
}
.eael-testimonial-slider .slick-prev:hover::before, .eael-testimonial-slider .slick-next:hover::before,
.eael-logo-carousel .slick-prev:hover::before, .eael-logo-carousel .slick-next:hover::before,
.eael-team-slider .slick-prev:hover::before, .eael-team-slider .slick-next:hover::before,
.eael-post-carousel .slick-prev:hover::before, .eael-post-carousel .slick-next:hover::before,
.eael-product-carousel .slick-prev:hover::before, .eael-product-carousel .slick-next:hover::before {
opacity: 1;
}
.eael-testimonial-slider .slick-prev::before,
.eael-logo-carousel .slick-prev::before,
.eael-team-slider .slick-prev::before,
.eael-post-carousel .slick-prev::before,
.eael-product-carousel .slick-prev::before {
content: "\f104";
padding-right: 3px;
}
.eael-testimonial-slider .slick-next::before,
.eael-logo-carousel .slick-next::before,
.eael-team-slider .slick-next::before,
.eael-post-carousel .slick-next::before,
.eael-product-carousel .slick-next::before {
content: "\f105";
padding-left: 4px;
}
.eael-testimonial-slider .slick-dots li button::before,
.eael-logo-carousel .slick-dots li button::before,
.eael-team-slider .slick-dots li button::before,
.eael-post-carousel .slick-dots li button::before,
.eael-product-carousel .slick-dots li button::before {
font-size: 12px;
opacity: 0.5;
}
.eael-testimonial-slider .slick-dots li.slick-active button::before,
.eael-logo-carousel .slick-dots li.slick-active button::before,
.eael-team-slider .slick-dots li.slick-active button::before,
.eael-post-carousel .slick-dots li.slick-active button::before,
.eael-product-carousel .slick-dots li.slick-active button::before {
font-size: 18px;
opacity: 1;
}
.eael-testimonial-slider .slick-prev,
.eael-team-slider .slick-prev,
.eael-logo-carousel .slick-prev,
.eael-post-carousel .slick-prev,
.eael-product-carousel .slick-prev {
left: -50px;
}
.eael-testimonial-slider .slick-next,
.eael-team-slider .slick-next,
.eael-logo-carousel .slick-next,
.eael-post-carousel .slick-next,
.eael-product-carousel .slick-next {
right: -50px;
}
.eael-testimonial-slider.nav-top-left .slick-prev,
.eael-team-slider.nav-top-left .slick-prev,
.eael-logo-carousel.nav-top-left .slick-prev,
.eael-post-carousel.nav-top-left .slick-prev,
.eael-product-carousel.nav-top-left .slick-prev {
left: 10px;
top: 20px;
}
.eael-testimonial-slider.nav-top-left .slick-next,
.eael-team-slider.nav-top-left .slick-next,
.eael-logo-carousel.nav-top-left .slick-next,
.eael-post-carousel.nav-top-left .slick-next,
.eael-product-carousel.nav-top-left .slick-next {
left: 45px;
top: 20px;
}
.eael-testimonial-slider.nav-top-right .slick-prev,
.eael-team-slider.nav-top-right .slick-prev,
.eael-logo-carousel.nav-top-right .slick-prev,
.eael-post-carousel.nav-top-right .slick-prev,
.eael-product-carousel.nav-top-right .slick-prev {
left: auto;
right: 45px;
top: 20px;
}
.eael-testimonial-slider.nav-top-right .slick-next,
.eael-team-slider.nav-top-right .slick-next,
.eael-logo-carousel.nav-top-right .slick-next,
.eael-post-carousel.nav-top-right .slick-next,
.eael-product-carousel.nav-top-right .slick-next {
left: auto;
right: 10px;
top: 20px;
}
.eael-testimonial-slider.nav-top-left, .eael-testimonial-slider.nav-top-right,
.eael-team-slider.nav-top-left, .eael-team-slider.nav-top-right,
.eael-logo-carousel.nav-top-left, .eael-logo-carousel.nav-top-right,
.eael-post-carousel.nav-top-left, .eael-post-carousel.nav-top-right,
.eael-product-carousel.nav-top-left, .eael-product-carousel.nav-top-right {
padding-top: 40px;
}
.eael-testimonial-slider .slick-dots,
.eael-team-slider .slick-dots,
.eael-logo-carousel .slick-dots,
.eael-post-carousel .slick-dots,
.eael-product-carousel .slick-dots {
bottom: -40px;
}
.eael-testimonial-slider .slick-dotted.slick-slider,
.eael-team-slider .slick-dotted.slick-slider,
.eael-logo-carousel .slick-dotted.slick-slider,
.eael-post-carousel .slick-dotted.slick-slider,
.eael-product-carousel .slick-dotted.slick-slider{
margin-bottom: 30px;
}
.eael-fancy-text-container p {
margin: 0;
}
.eael-fancy-text-strings, .eael-fancy-text-prefix, .eael-fancy-text-suffix {
display: inline-block;
}
.morphext > .animated {
display: inline-block;
}
.typed-cursor {
opacity: 1;
-webkit-animation: blink_cursor 0.7s infinite;
-moz-animation: blink_cursor 0.7s infinite;
animation: blink_cursor 0.7s infinite;
}
@keyframes blink_cursor{
0% { opacity:1; }
50% { opacity:0; }
100% { opacity:1; }
}
@-webkit-keyframes blink_cursor{
0% { opacity:1; }
50% { opacity:0; }
100% { opacity:1; }
}
@-moz-keyframes blink_cursor{
0% { opacity:1; }
50% { opacity:0; }
100% { opacity:1; }
}
.eael-fancy-text-container.style-2 {
font-size: 24px;
}
.eael-fancy-text-container.style-2 .eael-fancy-text-strings {
background: #ff5544;
color: #fff;
padding: 10px 25px;
}
.eael-img-comp-container {
box-sizing: border-box;
cursor: pointer;
line-height: 0;
margin: 0 auto;
overflow: hidden;
padding: 0;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.eael-img-comp-container * {
box-sizing: inherit
}
.eael-img-comp-container::after,
.eael-img-comp-container::before {
box-sizing: inherit
}
.eael-img-comp-container img, .eael-img-comp-container picture > img {
max-width: none !important;
}
.eael-img-comp-container>img,
.eael-img-comp-container>picture>img {
display: block;
width: 100%
}
.eael-img-comp-container>div:first-child,
picture .eael-img-comp-container>div {
height: 100%;
left: 0;
overflow: hidden;
position: absolute;
top: 0;
width: 50%
}
.cocoen-drag {
background: #fff;
bottom: 0;
cursor: ew-resize;
left: 50%;
margin-left: -1px;
position: absolute;
top: 0;
width: 2px;
}
.cocoen-drag::before {
border: 3px solid #fff;
content: '';
height: 30px;
left: 50%;
margin-left: -7px;
margin-top: -18px;
position: absolute;
top: 50%;
width: 14px;
}
.eael-modal-popup-button,
.eael-lightbox-btn > i,
.eael-lightbox-btn > img {
cursor: pointer;
}
button.mfp-close {
background: transparent;
}
.eael-lightbox-modal-window,
.eael-lightbox-popup-window {
position: relative;
display: none;
width: 100%;
box-sizing: border-box;
margin: 0px auto;
}
@media only screen and (min-width: 992px) and (max-width: 1400px) { 
.eael-lightbox-modal-window,
.eael-lightbox-popup-window {
max-width: 1200px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) { 
.eael-lightbox-modal-window,
.eael-lightbox-popup-window {
max-width: 900px;
}      
}
@media only screen and (max-width: 767px) { 
.eael-lightbox-modal-window,
.eael-lightbox-popup-window {
max-width: 300px;
}      
}
@media only screen and (min-width: 480px) and (max-width: 767px) { 
.eael-lightbox-modal-window,
.eael-lightbox-popup-window {
max-width: 400px;
}  
}
.eael-lightbox-popup-window.lightbox_type_content,
.eael-lightbox-popup-window.lightbox_type_custom_html {
background-color: #fff;
padding: 15px;
}
.eael-lightbox-popup-window.lightbox_type_image .mfp-close {
color: #ffffff;
}
.eael-lightbox-title {
margin: 0px;
}
.eael-lightbox-popup-window.lightbox_type_image .eael-lightbox-container {
text-align: center;
line-height: 0;
}
.eael-lightbox-modal-window button.mfp-close {
text-align: center;
line-height: 1;
padding: 0;
height: auto;
width: auto;
opacity: 1;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.open-pop-up-button-icon-left { margin-right: 5px; }
.open-pop-up-button-icon-right { margin-left: 5px; }
.mfp-content .eael-lightbox-modal-window {
display: block;
}
.mfp-content .eael-lightbox-popup-window {
display: block;
}
.mfp-bg.eael-lightbox-no-overlay,
.mfp-bg,
.mfp-bg.eael-lightbox-no-overlay + .mfp-wrap {
background: none;
}
.eael-lightbox-popup-window .mfp-close {
-webkit-transition: 300ms;
transition: 300ms;
}
.modal-popup-window-inner {
position: relative;
}
.eael-lightbox-popup-window .mfp-iframe-scaler iframe {
box-shadow: none;
}
.mfp-zoom-in .eael-lightbox-popup-window {
opacity: 0;
transition: all 0.2s ease-in-out;
transform: scale(0.8);
}
.mfp-zoom-in.mfp-bg {
opacity: 0;
transition: all 0.3s ease-out;
}
.mfp-zoom-in.mfp-ready .eael-lightbox-popup-window {
opacity: 1;
transform: scale(1);
}
.mfp-zoom-in.mfp-removing .eael-lightbox-popup-window {
transform: scale(0.8);
opacity: 0;
}
.mfp-zoom-in.mfp-removing.mfp-bg {
opacity: 0;
}
.mfp-zoom-out .eael-lightbox-popup-window {
opacity: 0;
transition: all 0.3s ease-in-out;
transform: scale(1.3);
}
.mfp-zoom-out.mfp-bg {
opacity: 0;
transition: all 0.3s ease-out;
}
.mfp-zoom-out.mfp-ready .eael-lightbox-popup-window {
opacity: 1;
transform: scale(1);
}
.mfp-zoom-out.mfp-removing .eael-lightbox-popup-window {
transform: scale(1.3);
opacity: 0;
}
.mfp-zoom-out.mfp-removing.mfp-bg {
opacity: 0;
}
.mfp-move-from-top .mfp-content {
vertical-align: middle;
}
.mfp-move-from-top .eael-lightbox-popup-window {
opacity: 0;
position: absolute;
transition: all 0.2s;
top: 0;
left: 50%;
-webkit-transform: translate(-50%, -80%);
-ms-transform: translate(-50%, -80%);
transform: translate(-50%, -80%);
}
.mfp-move-from-top.mfp-bg {
opacity: 0;
transition: all 0.2s;
}
.mfp-move-from-top.mfp-ready .eael-lightbox-popup-window {
opacity: 1;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.mfp-move-from-top.mfp-removing .eael-lightbox-popup-window {
top: 0;
-webkit-transform: translate(-50%, -80%);
-ms-transform: translate(-50%, -80%);
transform: translate(-50%, -80%);
opacity: 0;
}
.mfp-move-from-top.mfp-removing.mfp-bg {
opacity: 0;
}
.mfp-3d-unfold .mfp-content {
perspective: 2000px;
}
.mfp-3d-unfold .eael-lightbox-popup-window {
opacity: 0;
transition: all 0.3s ease-in-out;
transform-style: preserve-3d;
transform: rotateY(-60deg);
}
.mfp-3d-unfold.mfp-bg {
opacity: 0;
transition: all 0.5s;
}
.mfp-3d-unfold.mfp-ready .eael-lightbox-popup-window {
opacity: 1;
transform: rotateY(0deg);
}
.mfp-3d-unfold.mfp-removing .eael-lightbox-popup-window {
transform: rotateY(60deg);
opacity: 0;
}
.mfp-3d-unfold.mfp-removing.mfp-bg {
opacity: 0;
}
.mfp-move-right .eael-lightbox-popup-window {
opacity: 0;
transition: all 0.3s;
transform: translateX(-100px);
}
.mfp-move-right.mfp-bg {
opacity: 0;
transition: all 0.3s;
}
.mfp-move-right.mfp-ready .eael-lightbox-popup-window {
opacity: 1;
transform: translateX(0);
}
.mfp-move-right.mfp-removing .eael-lightbox-popup-window {
transform: translateX(100px);
opacity: 0;
}
.mfp-move-right.mfp-removing.mfp-bg {
opacity: 0;
}
.mfp-move-left .eael-lightbox-popup-window {
opacity: 0;
transition: all 0.3s;
transform: translateX(100px);
}
.mfp-move-left.mfp-bg {
opacity: 0;
transition: all 0.3s;
}
.mfp-move-left.mfp-ready .eael-lightbox-popup-window {
opacity: 1;
transform: translateX(0);
}
.mfp-move-left.mfp-removing .eael-lightbox-popup-window {
transform: translateX(-100px);
opacity: 0;
}
.mfp-move-left.mfp-removing.mfp-bg {
opacity: 0;
}
.mfp-newspaper .eael-lightbox-popup-window {
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.5s;
transform: scale(0) rotate(500deg);
}
.mfp-newspaper.mfp-bg {
opacity: 0;
transition: all 0.5s;
}
.mfp-newspaper.mfp-ready .eael-lightbox-popup-window {
opacity: 1;
transform: scale(1) rotate(0deg);
}
.mfp-newspaper.mfp-removing .eael-lightbox-popup-window {
transform: scale(0) rotate(500deg);
opacity: 0;
}
.mfp-newspaper.mfp-removing.mfp-bg {
opacity: 0;
}
.animated {
animation-duration: 1s;
animation-fill-mode: both;
}
.animated.infinite {
animation-iteration-count: infinite; }
.animated.hinge {
animation-duration: 2s; }
.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
animation-duration: .75s; }
@keyframes bounce {
from, 20%, 53%, 80%, to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transform: translate3d(0, 0, 0); }
40%, 43% {
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transform: translate3d(0, -30px, 0); }
70% {
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transform: translate3d(0, -15px, 0); }
90% {
transform: translate3d(0, -4px, 0); } }
.bounce {
animation-name: bounce;
transform-origin: center bottom; }
@keyframes flash {
from, 50%, to {
opacity: 1; }
25%, 75% {
opacity: 0; } }
.flash {
animation-name: flash; }
@keyframes pulse {
from {
transform: scale3d(1, 1, 1); }
50% {
transform: scale3d(1.05, 1.05, 1.05); }
to {
transform: scale3d(1, 1, 1); } }
.pulse {
animation-name: pulse; }
@keyframes rubberBand {
from {
transform: scale3d(1, 1, 1); }
30% {
transform: scale3d(1.25, 0.75, 1); }
40% {
transform: scale3d(0.75, 1.25, 1); }
50% {
transform: scale3d(1.15, 0.85, 1); }
65% {
transform: scale3d(0.95, 1.05, 1); }
75% {
transform: scale3d(1.05, 0.95, 1); }
to {
transform: scale3d(1, 1, 1); } }
.rubberBand {
animation-name: rubberBand; }
@keyframes shake {
from, to {
transform: translate3d(0, 0, 0); }
10%, 30%, 50%, 70%, 90% {
transform: translate3d(-10px, 0, 0); }
20%, 40%, 60%, 80% {
transform: translate3d(10px, 0, 0); } }
.shake {
animation-name: shake; }
@keyframes headShake {
0% {
transform: translateX(0); }
6.5% {
transform: translateX(-6px) rotateY(-9deg); }
18.5% {
transform: translateX(5px) rotateY(7deg); }
31.5% {
transform: translateX(-3px) rotateY(-5deg); }
43.5% {
transform: translateX(2px) rotateY(3deg); }
50% {
transform: translateX(0); } }
.headShake {
animation-timing-function: ease-in-out;
animation-name: headShake; }
@keyframes swing {
20% {
transform: rotate3d(0, 0, 1, 15deg); }
40% {
transform: rotate3d(0, 0, 1, -10deg); }
60% {
transform: rotate3d(0, 0, 1, 5deg); }
80% {
transform: rotate3d(0, 0, 1, -5deg); }
to {
transform: rotate3d(0, 0, 1, 0deg); } }
.swing {
transform-origin: top center;
animation-name: swing; }
@keyframes tada {
from {
transform: scale3d(1, 1, 1); }
10%, 20% {
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
30%, 50%, 70%, 90% {
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
40%, 60%, 80% {
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
to {
transform: scale3d(1, 1, 1); } }
.tada {
animation-name: tada; }
@keyframes wobble {
from {
transform: none; }
15% {
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
30% {
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
45% {
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
60% {
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
75% {
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
to {
transform: none; } }
.wobble {
animation-name: wobble; }
@keyframes jello {
from, 11.1%, to {
transform: none; }
22.2% {
transform: skewX(-12.5deg) skewY(-12.5deg); }
33.3% {
transform: skewX(6.25deg) skewY(6.25deg); }
44.4% {
transform: skewX(-3.125deg) skewY(-3.125deg); }
55.5% {
transform: skewX(1.5625deg) skewY(1.5625deg); }
66.6% {
transform: skewX(-0.78125deg) skewY(-0.78125deg); }
77.7% {
transform: skewX(0.390625deg) skewY(0.390625deg); }
88.8% {
transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } }
.jello {
animation-name: jello;
transform-origin: center; }
@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3); }
20% {
transform: scale3d(1.1, 1.1, 1.1); }
40% {
transform: scale3d(0.9, 0.9, 0.9); }
60% {
opacity: 1;
transform: scale3d(1.03, 1.03, 1.03); }
80% {
transform: scale3d(0.97, 0.97, 0.97); }
to {
opacity: 1;
transform: scale3d(1, 1, 1); } }
.bounceIn {
animation-name: bounceIn; }
@keyframes bounceInDown {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
transform: translate3d(0, -3000px, 0); }
60% {
opacity: 1;
transform: translate3d(0, 25px, 0); }
75% {
transform: translate3d(0, -10px, 0); }
90% {
transform: translate3d(0, 5px, 0); }
to {
transform: none; } }
.bounceInDown {
animation-name: bounceInDown; }
@keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
transform: translate3d(-3000px, 0, 0); }
60% {
opacity: 1;
transform: translate3d(25px, 0, 0); }
75% {
transform: translate3d(-10px, 0, 0); }
90% {
transform: translate3d(5px, 0, 0); }
to {
transform: none; } }
.bounceInLeft {
animation-name: bounceInLeft; }
@keyframes bounceInRight {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
from {
opacity: 0;
transform: translate3d(3000px, 0, 0); }
60% {
opacity: 1;
transform: translate3d(-25px, 0, 0); }
75% {
transform: translate3d(10px, 0, 0); }
90% {
transform: translate3d(-5px, 0, 0); }
to {
transform: none; } }
.bounceInRight {
animation-name: bounceInRight; }
@keyframes bounceInUp {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
from {
opacity: 0;
transform: translate3d(0, 3000px, 0); }
60% {
opacity: 1;
transform: translate3d(0, -20px, 0); }
75% {
transform: translate3d(0, 10px, 0); }
90% {
transform: translate3d(0, -5px, 0); }
to {
transform: translate3d(0, 0, 0); } }
.bounceInUp {
animation-name: bounceInUp; }
@keyframes bounceOut {
20% {
transform: scale3d(0.9, 0.9, 0.9); }
50%, 55% {
opacity: 1;
transform: scale3d(1.1, 1.1, 1.1); }
to {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3); } }
.bounceOut {
animation-name: bounceOut; }
@keyframes bounceOutDown {
20% {
transform: translate3d(0, 10px, 0); }
40%, 45% {
opacity: 1;
transform: translate3d(0, -20px, 0); }
to {
opacity: 0;
transform: translate3d(0, 2000px, 0); } }
.bounceOutDown {
animation-name: bounceOutDown; }
@keyframes bounceOutLeft {
20% {
opacity: 1;
transform: translate3d(20px, 0, 0); }
to {
opacity: 0;
transform: translate3d(-2000px, 0, 0); } }
.bounceOutLeft {
animation-name: bounceOutLeft; }
@keyframes bounceOutRight {
20% {
opacity: 1;
transform: translate3d(-20px, 0, 0); }
to {
opacity: 0;
transform: translate3d(2000px, 0, 0); } }
.bounceOutRight {
animation-name: bounceOutRight; }
@keyframes bounceOutUp {
20% {
transform: translate3d(0, -10px, 0); }
40%, 45% {
opacity: 1;
transform: translate3d(0, 20px, 0); }
to {
opacity: 0;
transform: translate3d(0, -2000px, 0); } }
.bounceOutUp {
animation-name: bounceOutUp; }
@keyframes fadeIn {
from {
opacity: 0; }
to {
opacity: 1; } }
.fadeIn {
animation-name: fadeIn; }
@keyframes fadeInDown {
from {
opacity: 0;
transform: translate3d(0, -100%, 0); }
to {
opacity: 1;
transform: none; } }
.fadeInDown {
animation-name: fadeInDown; }
@keyframes fadeInDownBig {
from {
opacity: 0;
transform: translate3d(0, -2000px, 0); }
to {
opacity: 1;
transform: none; } }
.fadeInDownBig {
animation-name: fadeInDownBig; }
@keyframes fadeInLeft {
from {
opacity: 0;
transform: translate3d(-100%, 0, 0); }
to {
opacity: 1;
transform: none; } }
.fadeInLeft {
animation-name: fadeInLeft; }
@keyframes fadeInLeftBig {
from {
opacity: 0;
transform: translate3d(-2000px, 0, 0); }
to {
opacity: 1;
transform: none; } }
.fadeInLeftBig {
animation-name: fadeInLeftBig; }
@keyframes fadeInRight {
from {
opacity: 0;
transform: translate3d(100%, 0, 0); }
to {
opacity: 1;
transform: none; } }
.fadeInRight {
animation-name: fadeInRight; }
@keyframes fadeInRightBig {
from {
opacity: 0;
transform: translate3d(2000px, 0, 0); }
to {
opacity: 1;
transform: none; } }
.fadeInRightBig {
animation-name: fadeInRightBig; }
@keyframes fadeInUp {
from {
opacity: 0;
transform: translate3d(0, 100%, 0); }
to {
opacity: 1;
transform: none; } }
.fadeInUp {
animation-name: fadeInUp; }
@keyframes fadeInUpBig {
from {
opacity: 0;
transform: translate3d(0, 2000px, 0); }
to {
opacity: 1;
transform: none; } }
.fadeInUpBig {
animation-name: fadeInUpBig; }
@keyframes fadeOut {
from {
opacity: 1; }
to {
opacity: 0; } }
.fadeOut {
animation-name: fadeOut; }
@keyframes fadeOutDown {
from {
opacity: 1; }
to {
opacity: 0;
transform: translate3d(0, 100%, 0); } }
.fadeOutDown {
animation-name: fadeOutDown; }
@keyframes fadeOutDownBig {
from {
opacity: 1; }
to {
opacity: 0;
transform: translate3d(0, 2000px, 0); } }
.fadeOutDownBig {
animation-name: fadeOutDownBig; }
@keyframes fadeOutLeft {
from {
opacity: 1; }
to {
opacity: 0;
transform: translate3d(-100%, 0, 0); } }
.fadeOutLeft {
animation-name: fadeOutLeft; }
@keyframes fadeOutLeftBig {
from {
opacity: 1; }
to {
opacity: 0;
transform: translate3d(-2000px, 0, 0); } }
.fadeOutLeftBig {
animation-name: fadeOutLeftBig; }
@keyframes fadeOutRight {
from {
opacity: 1; }
to {
opacity: 0;
transform: translate3d(100%, 0, 0); } }
.fadeOutRight {
animation-name: fadeOutRight; }
@keyframes fadeOutRightBig {
from {
opacity: 1; }
to {
opacity: 0;
transform: translate3d(2000px, 0, 0); } }
.fadeOutRightBig {
animation-name: fadeOutRightBig; }
@keyframes fadeOutUp {
from {
opacity: 1; }
to {
opacity: 0;
transform: translate3d(0, -100%, 0); } }
.fadeOutUp {
animation-name: fadeOutUp; }
@keyframes fadeOutUpBig {
from {
opacity: 1; }
to {
opacity: 0;
transform: translate3d(0, -2000px, 0); } }
.fadeOutUpBig {
animation-name: fadeOutUpBig; }
@keyframes flip {
from {
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
animation-timing-function: ease-out; }
40% {
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
animation-timing-function: ease-out; }
50% {
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
animation-timing-function: ease-in; }
80% {
transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
animation-timing-function: ease-in; }
to {
transform: perspective(400px);
animation-timing-function: ease-in; } }
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
animation-name: flip; }
@keyframes flipInX {
from {
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
animation-timing-function: ease-in;
opacity: 0; }
40% {
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
animation-timing-function: ease-in; }
60% {
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1; }
80% {
transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
to {
transform: perspective(400px); } }
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
animation-name: flipInX; }
@keyframes flipInY {
from {
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
animation-timing-function: ease-in;
opacity: 0; }
40% {
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
animation-timing-function: ease-in; }
60% {
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1; }
80% {
transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
to {
transform: perspective(400px); } }
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
animation-name: flipInY; }
@keyframes flipOutX {
from {
transform: perspective(400px); }
30% {
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1; }
to {
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0; } }
.flipOutX {
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important; }
@keyframes flipOutY {
from {
transform: perspective(400px); }
30% {
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1; }
to {
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0; } }
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
animation-name: flipOutY; }
@keyframes lightSpeedIn {
from {
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0; }
60% {
transform: skewX(20deg);
opacity: 1; }
80% {
transform: skewX(-5deg);
opacity: 1; }
to {
transform: none;
opacity: 1; } }
.lightSpeedIn {
animation-name: lightSpeedIn;
animation-timing-function: ease-out; }
@keyframes lightSpeedOut {
from {
opacity: 1; }
to {
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0; } }
.lightSpeedOut {
animation-name: lightSpeedOut;
animation-timing-function: ease-in; }
@keyframes rotateIn {
from {
transform-origin: center;
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0; }
to {
transform-origin: center;
transform: none;
opacity: 1; } }
.rotateIn {
animation-name: rotateIn; }
@keyframes rotateInDownLeft {
from {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; }
to {
transform-origin: left bottom;
transform: none;
opacity: 1; } }
.rotateInDownLeft {
animation-name: rotateInDownLeft; }
@keyframes rotateInDownRight {
from {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; }
to {
transform-origin: right bottom;
transform: none;
opacity: 1; } }
.rotateInDownRight {
animation-name: rotateInDownRight; }
@keyframes rotateInUpLeft {
from {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; }
to {
transform-origin: left bottom;
transform: none;
opacity: 1; } }
.rotateInUpLeft {
animation-name: rotateInUpLeft; }
@keyframes rotateInUpRight {
from {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0; }
to {
transform-origin: right bottom;
transform: none;
opacity: 1; } }
.rotateInUpRight {
animation-name: rotateInUpRight; }
@keyframes rotateOut {
from {
transform-origin: center;
opacity: 1; }
to {
transform-origin: center;
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0; } }
.rotateOut {
animation-name: rotateOut; }
@keyframes rotateOutDownLeft {
from {
transform-origin: left bottom;
opacity: 1; }
to {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; } }
.rotateOutDownLeft {
animation-name: rotateOutDownLeft; }
@keyframes rotateOutDownRight {
from {
transform-origin: right bottom;
opacity: 1; }
to {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; } }
.rotateOutDownRight {
animation-name: rotateOutDownRight; }
@keyframes rotateOutUpLeft {
from {
transform-origin: left bottom;
opacity: 1; }
to {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; } }
.rotateOutUpLeft {
animation-name: rotateOutUpLeft; }
@keyframes rotateOutUpRight {
from {
transform-origin: right bottom;
opacity: 1; }
to {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0; } }
.rotateOutUpRight {
animation-name: rotateOutUpRight; }
@keyframes hinge {
0% {
transform-origin: top left;
animation-timing-function: ease-in-out; }
20%, 60% {
transform: rotate3d(0, 0, 1, 80deg);
transform-origin: top left;
animation-timing-function: ease-in-out; }
40%, 80% {
transform: rotate3d(0, 0, 1, 60deg);
transform-origin: top left;
animation-timing-function: ease-in-out;
opacity: 1; }
to {
transform: translate3d(0, 700px, 0);
opacity: 0; } }
.hinge {
animation-name: hinge; }
@keyframes jackInTheBox {
from {
opacity: 0;
transform: scale(0.1) rotate(30deg);
transform-origin: center bottom; }
50% {
transform: rotate(-10deg); }
70% {
transform: rotate(3deg); }
to {
opacity: 1;
transform: scale(1); } }
.jackInTheBox {
animation-name: jackInTheBox; }
@keyframes rollIn {
from {
opacity: 0;
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
to {
opacity: 1;
transform: none; } }
.rollIn {
animation-name: rollIn; }
@keyframes rollOut {
from {
opacity: 1; }
to {
opacity: 0;
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
.rollOut {
animation-name: rollOut; }
@keyframes zoomIn {
from {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3); }
50% {
opacity: 1; } }
.zoomIn {
animation-name: zoomIn; }
@keyframes zoomInDown {
from {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInDown {
animation-name: zoomInDown; }
@keyframes zoomInLeft {
from {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInLeft {
animation-name: zoomInLeft; }
@keyframes zoomInRight {
from {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInRight {
animation-name: zoomInRight; }
@keyframes zoomInUp {
from {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInUp {
animation-name: zoomInUp; }
@keyframes zoomOut {
from {
opacity: 1; }
50% {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3); }
to {
opacity: 0; } }
.zoomOut {
animation-name: zoomOut; }
@keyframes zoomOutDown {
40% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
to {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform-origin: center bottom;
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutDown {
animation-name: zoomOutDown; }
@keyframes zoomOutLeft {
40% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
to {
opacity: 0;
transform: scale(0.1) translate3d(-2000px, 0, 0);
transform-origin: left center; } }
.zoomOutLeft {
animation-name: zoomOutLeft; }
@keyframes zoomOutRight {
40% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
to {
opacity: 0;
transform: scale(0.1) translate3d(2000px, 0, 0);
transform-origin: right center; } }
.zoomOutRight {
animation-name: zoomOutRight; }
@keyframes zoomOutUp {
40% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
to {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform-origin: center bottom;
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutUp {
animation-name: zoomOutUp; }
@keyframes slideInDown {
from {
transform: translate3d(0, -100%, 0);
visibility: visible; }
to {
transform: translate3d(0, 0, 0); } }
.slideInDown {
animation-name: slideInDown; }
@keyframes slideInLeft {
from {
transform: translate3d(-100%, 0, 0);
visibility: visible; }
to {
transform: translate3d(0, 0, 0); } }
.slideInLeft {
animation-name: slideInLeft; }
@keyframes slideInRight {
from {
transform: translate3d(100%, 0, 0);
visibility: visible; }
to {
transform: translate3d(0, 0, 0); } }
.slideInRight {
animation-name: slideInRight; }
@keyframes slideInUp {
from {
transform: translate3d(0, 100%, 0);
visibility: visible; }
to {
transform: translate3d(0, 0, 0); } }
.slideInUp {
animation-name: slideInUp; }
@keyframes slideOutDown {
from {
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
transform: translate3d(0, 100%, 0); } }
.slideOutDown {
animation-name: slideOutDown; }
@keyframes slideOutLeft {
from {
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
transform: translate3d(-100%, 0, 0); } }
.slideOutLeft {
animation-name: slideOutLeft; }
@keyframes slideOutRight {
from {
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
transform: translate3d(100%, 0, 0); } }
.slideOutRight {
animation-name: slideOutRight; }
@keyframes slideOutUp {
from {
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
transform: translate3d(0, -100%, 0); } }
.slideOutUp {
animation-name: slideOutUp; }
.eael-interactive-promo {
list-style: outside none none;
margin: 0 auto;
max-width: 100%;
position: relative;
text-align: center;
}
.eael-interactive-promo figure {
position: relative;
overflow: hidden;
margin: 10px 0;
width: 100%;
text-align: center;
cursor: pointer;
background-color: #3085a3;
}
.eael-interactive-promo figure img {
position: relative;
display: block;
max-width: 100%;
opacity: 0.8;
}
.eael-interactive-promo figure figcaption {
padding: 2em;
color: #fff;
text-transform: uppercase;
font-size: 1.25em;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.eael-interactive-promo figure figcaption h2 {
font-size: 1.25em;
}
.eael-interactive-promo figure figcaption::before,
.eael-interactive-promo figure figcaption::after {
pointer-events: none;
}
.eael-interactive-promo figure figcaption,
.eael-interactive-promo figure figcaption > a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.eael-interactive-promo figure figcaption > a {
z-index: 1000;
text-indent: 200%;
white-space: nowrap;
font-size: 0;
opacity: 0;
}
.elementor-editor-active .eael-interactive-promo figure figcaption > a {
z-index: 1;
}
.eael-interactive-promo figure h2 {
font-weight: bolder;
}
.eael-interactive-promo figure h2 span {
font-weight: 800;
}
.eael-interactive-promo figure h2,
.eael-interactive-promo figure p {
margin: 0;
}
.eael-interactive-promo figure p {
letter-spacing: 1px;
font-size: 62.5%;
}
figure.effect-lily img {
max-width: none;
width: -webkit-calc(100% + 50px);
width: calc(100% + 50px);
opacity: 0.7;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-40px,0, 0);
transform: translate3d(-40px,0,0);
}
figure.effect-lily figcaption {
text-align: left;
}
figure.effect-lily figcaption > div {
position: absolute;
bottom: 0;
left: 0;
padding: 2em;
width: 100%;
height: 50%;
}
figure.effect-lily h2,
figure.effect-lily p {
-webkit-transform: translate3d(0,40px,0);
transform: translate3d(0,40px,0);
}
figure.effect-lily h2 {
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
}
figure.effect-lily p {
opacity: 0;
-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
transition: opacity 0.2s, transform 0.35s;
}
figure.effect-lily:hover img,
figure.effect-lily:hover p {
opacity: 1;
}
figure.effect-lily:hover img,
figure.effect-lily:hover h2,
figure.effect-lily:hover p {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
figure.effect-lily:hover p {
-webkit-transition-delay: 0.05s;
transition-delay: 0.05s;
-webkit-transition-duration: 0.35s;
transition-duration: 0.35s;
}
figure.effect-sadie figcaption::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: -webkit-linear-gradient(top, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%);
background: linear-gradient(to bottom, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%);
content: '';
opacity: 0;
-webkit-transform: translate3d(0,50%,0);
transform: translate3d(0,50%,0);
}
figure.effect-sadie h2 {
position: absolute;
top: 50%;
left: 0;
width: 100%;
color: #484c61;
-webkit-transition: -webkit-transform 0.35s, color 0.35s;
transition: transform 0.35s, color 0.35s;
-webkit-transform: translate3d(0,-50%,0);
transform: translate3d(0,-50%,0);
}
figure.effect-sadie figcaption::before,
figure.effect-sadie p {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
figure.effect-sadie p {
position: absolute;
bottom: 0;
left: 0;
padding: 2em;
width: 100%;
opacity: 0;
-webkit-transform: translate3d(0,10px,0);
transform: translate3d(0,10px,0);
}
figure.effect-sadie:hover h2 {
color: #fff;
-webkit-transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
}
figure.effect-sadie:hover figcaption::before ,
figure.effect-sadie:hover p {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
figure.effect-layla {
background-color: #18a367;
}
figure.effect-layla img {
height: auto;
max-width: calc(100% + 30px);
width: calc(100% + 30px);
}
figure.effect-layla figcaption {
padding: 3em;
}
figure.effect-layla figcaption::before,
figure.effect-layla figcaption::after {
position: absolute;
content: '';
opacity: 0;
}
figure.effect-layla figcaption::before {
top: 50px;
right: 30px;
bottom: 50px;
left: 30px;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: scale(0,1);
transform: scale(0,1);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
figure.effect-layla figcaption::after {
top: 30px;
right: 50px;
bottom: 30px;
left: 50px;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
-webkit-transform: scale(1,0);
transform: scale(1,0);
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
}
figure.effect-layla h2 {
padding-top: 26%;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
}
figure.effect-layla p {
padding: 0.5em 2em;
text-transform: none;
opacity: 0;
-webkit-transform: translate3d(0,-10px,0);
transform: translate3d(0,-10px,0);
}
figure.effect-layla img,
figure.effect-layla h2 {
-webkit-transform: translate3d(0,-30px,0);
transform: translate3d(-30px,0,0);
}
figure.effect-layla img,
figure.effect-layla figcaption::before,
figure.effect-layla figcaption::after,
figure.effect-layla p {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
figure.effect-layla:hover img {
opacity: 0.7;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
figure.effect-layla:hover figcaption::before,
figure.effect-layla:hover figcaption::after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
figure.effect-layla:hover h2,
figure.effect-layla:hover p {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
figure.effect-layla:hover figcaption::after,
figure.effect-layla:hover h2,
figure.effect-layla:hover p,
figure.effect-layla:hover img {
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}
figure.effect-oscar {
background: -webkit-linear-gradient(45deg, #22682a 0%, #9b4a1b 40%, #3a342a 100%);
background: linear-gradient(45deg, #22682a 0%,#9b4a1b 40%,#3a342a 100%);
}
figure.effect-oscar img {
opacity: 0.9;
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}
figure.effect-oscar figcaption {
padding: 3em;
background-color: rgba(58,52,42,0.7);
-webkit-transition: background-color 0.35s;
transition: background-color 0.35s;
}
figure.effect-oscar figcaption::before {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
border: 1px solid #fff;
content: '';
}
figure.effect-oscar h2 {
margin: 20% 0 10px 0;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0);
}
figure.effect-oscar figcaption::before,
figure.effect-oscar p {
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(0);
transform: scale(0);
}
figure.effect-oscar:hover h2 {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
figure.effect-oscar:hover figcaption::before,
figure.effect-oscar:hover p {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
figure.effect-oscar:hover figcaption {
background-color: rgba(58,52,42,0);
}
figure.effect-oscar:hover img {
opacity: 0.4;
}
figure.effect-marley figcaption {
text-align: right;
}
figure.effect-marley h2,
figure.effect-marley p {
position: absolute;
right: 30px;
left: 30px;
padding: 10px 0;
}
figure.effect-marley p {
bottom: 30px;
line-height: 1.5;
-webkit-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0);
}
figure.effect-marley h2 {
top: 30px;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0,20px,0);
transform: translate3d(0,20px,0);
}
figure.effect-marley:hover h2 {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
figure.effect-marley h2::after {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 4px;
background-color: #fff;
content: '';
-webkit-transform: translate3d(0,40px,0);
transform: translate3d(0,40px,0);
}
figure.effect-marley h2::after,
figure.effect-marley p {
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
figure.effect-marley:hover h2::after,
figure.effect-marley:hover p {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
figure.effect-ruby {
background-color: #17819c;
}
figure.effect-ruby img {
opacity: 0.7;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(1.15);
transform: scale(1.15);
}
figure.effect-ruby:hover img {
opacity: 0.5;
-webkit-transform: scale(1);
transform: scale(1);
}
figure.effect-ruby h2 {
margin-top: 5%;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0,20px,0);
transform: translate3d(0,20px,0);
}
figure.effect-ruby p {
margin: 1em 0 0;
padding: 3em;
border: 1px solid #fff;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0,20px,0) scale(1.1);
transform: translate3d(0,20px,0) scale(1.1);
}
figure.effect-ruby:hover h2 {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
figure.effect-ruby:hover p {
opacity: 1;
-webkit-transform: translate3d(0,0,0) scale(1);
transform: translate3d(0,0,0) scale(1);
}
figure.effect-roxy {
background: -webkit-linear-gradient(45deg, #ff89e9 0%, #05abe0 100%);
background: linear-gradient(45deg, #ff89e9 0%,#05abe0 100%);
}
figure.effect-roxy img {
max-width: none;
width: calc(100% + 30px);
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-50px,0,0);
transform: translate3d(-20px,0,0);
}
figure.effect-roxy figcaption::before {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
border: 1px solid #fff;
content: '';
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-20px,0,0);
transform: translate3d(-20px,0,0);
}
figure.effect-roxy figcaption {
padding: 3em;
text-align: left;
}
figure.effect-roxy h2 {
padding: 30% 0 10px 0;
}
figure.effect-roxy p {
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-10px,0,0);
transform: translate3d(-10px,0,0);
}
figure.effect-roxy:hover img {
opacity: 0.7;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
figure.effect-roxy:hover figcaption::before,
figure.effect-roxy:hover p {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
figure.effect-bubba {
background: #9e5406;
}
figure.effect-bubba img {
opacity: 0.7;
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}
figure.effect-bubba:hover img {
opacity: 0.4;
}
figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
content: '';
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
figure.effect-bubba figcaption::before {
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: scale(0,1);
transform: scale(0,1);
}
figure.effect-bubba figcaption::after {
border-right: 1px solid #fff;
border-left: 1px solid #fff;
-webkit-transform: scale(1,0);
transform: scale(1,0);
}
figure.effect-bubba h2 {
padding-top: 30%;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0,-20px,0);
transform: translate3d(0,-20px,0);
}
figure.effect-bubba p {
padding: 20px 2.5em;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0,20px,0);
transform: translate3d(0,20px,0);
}
figure.effect-bubba:hover figcaption::before,
figure.effect-bubba:hover figcaption::after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
figure.effect-bubba:hover h2,
figure.effect-bubba:hover p {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
figure.effect-romeo {
-webkit-perspective: 1000px;
perspective: 1000px;
}
figure.effect-romeo img {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0,0,300px);
transform: translate3d(0,0,300px);
}
figure.effect-romeo:hover img {
opacity: 0.6;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
figure.effect-romeo figcaption::before,
figure.effect-romeo figcaption::after {
position: absolute;
top: 50%;
left: 50%;
width: 80%;
height: 1px;
background: #fff;
content: '';
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-50%,-50%,0);
transform: translate3d(-50%,-50%,0);
}
figure.effect-romeo:hover figcaption::before {
opacity: 0.5;
-webkit-transform: translate3d(-50%,-50%,0) rotate(45deg);
transform: translate3d(-50%,-50%,0) rotate(45deg);
}
figure.effect-romeo:hover figcaption::after {
opacity: 0.5;
-webkit-transform: translate3d(-50%,-50%,0) rotate(-45deg);
transform: translate3d(-50%,-50%,0) rotate(-45deg);
}
figure.effect-romeo h2,
figure.effect-romeo p {
position: absolute;
top: 50%;
left: 0;
width: 100%;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
}
figure.effect-romeo h2 {
-webkit-transform: translate3d(0,-50%,0) translate3d(0,-150%,0);
transform: translate3d(0,-50%,0) translate3d(0,-150%,0);
}
figure.effect-romeo p {
padding: 0.25em 2em;
-webkit-transform: translate3d(0,-50%,0) translate3d(0,150%,0);
transform: translate3d(0,-50%,0) translate3d(0,150%,0);
}
figure.effect-romeo:hover h2 {
-webkit-transform: translate3d(0,-50%,0) translate3d(0,-100%,0);
transform: translate3d(0,-50%,0) translate3d(0,-100%,0);
}
figure.effect-romeo:hover p {
-webkit-transform: translate3d(0,-50%,0) translate3d(0,100%,0);
transform: translate3d(0,-50%,0) translate3d(0,100%,0);
}
figure.effect-sarah {
background: #42b078;
}
figure.effect-sarah img {
max-width: none;
width: -webkit-calc(100% + 20px);
width: calc(100% + 20px);
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-10px,0,0);
transform: translate3d(-10px,0,0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
figure.effect-sarah:hover img {
opacity: 0.4;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
figure.effect-sarah figcaption {
text-align: left;
}
figure.effect-sarah h2 {
position: relative;
overflow: hidden;
padding: 0.5em 0;
}
figure.effect-sarah h2::after {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 3px;
background: #fff;
content: '';
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0);
}
figure.effect-sarah:hover h2::after {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
figure.effect-sarah p {
padding: 1em 0;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0);
}
figure.effect-sarah:hover p {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
figure.effect-chico img {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(1.12);
transform: scale(1.12);
}
figure.effect-chico:hover img {
opacity: 0.5;
-webkit-transform: scale(1);
transform: scale(1);
}
figure.effect-chico figcaption {
padding: 3em;
}
figure.effect-chico figcaption::before {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
border: 1px solid #fff;
content: '';
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
figure.effect-chico figcaption::before,
figure.effect-chico p {
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
figure.effect-chico h2 {
padding: 20% 0 20px 0;
}
figure.effect-chico p {
margin: 0 auto;
max-width: 200px;
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
figure.effect-chico:hover figcaption::before,
figure.effect-chico:hover p {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
figure.effect-milo {
background: #2e5d5a;
}
figure.effect-milo img {
max-width: none;
width: -webkit-calc(100% + 60px);
width: 100%;
opacity: 1;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-30px,0,0) scale(1.12);
transform: translate3d(-30px,0,0) scale(1.12);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
figure.effect-milo:hover img {
opacity: 0.5;
-webkit-transform: translate3d(0,0,0) scale(1);
transform: translate3d(0,0,0) scale(1);
}
figure.effect-milo h2 {
position: absolute;
right: 0;
bottom: 0;
padding: 1em 1.2em;
}
figure.effect-milo p {
padding: 0 10px 0 0;
width: 50%;
border-right: 1px solid #fff;
text-align: right;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-40px,0,0);
transform: translate3d(-40px,0,0);
}
figure.effect-milo:hover p {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
figure.effect-apollo {
background: #3498db;
}
figure.effect-apollo img {
opacity: 0.95;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale3d(1.05,1.05,1);
transform: scale3d(1.05,1.05,1);
}
figure.effect-apollo figcaption::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255,255,255,0.5);
content: '';
-webkit-transition: -webkit-transform 0.6s;
transition: transform 0.6s;
-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}
figure.effect-apollo p {
position: absolute;
right: 0;
bottom: 0;
margin: 3em;
padding: 0 1em;
max-width: 150px;
border-right: 4px solid #fff;
text-align: right;
opacity: 0;
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}
figure.effect-apollo h2 {
text-align: left;
}
figure.effect-apollo:hover img {
opacity: 0.6;
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
}
figure.effect-apollo:hover figcaption::before {
-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}
figure.effect-apollo:hover p {
opacity: 1;
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
figure.effect-jazz {
background: -webkit-linear-gradient(-45deg, #f3cf3f 0%,#f33f58 100%);
background: linear-gradient(-45deg, #f3cf3f 0%,#f33f58 100%);
}
figure.effect-jazz img {
opacity: 0.9;
}
figure.effect-jazz figcaption::after,
figure.effect-jazz img,
figure.effect-jazz p {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
figure.effect-jazz figcaption::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
content: '';
opacity: 0;
-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
figure.effect-jazz h2,
figure.effect-jazz p {
opacity: 1;
-webkit-transform: scale3d(0.8,0.8,1);
transform: scale3d(0.8,0.8,1);
}
figure.effect-jazz h2 {
padding-top: 26%;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
}
figure.effect-jazz p {
padding: 0.5em 2em;
text-transform: none;
font-size: 0.85em;
opacity: 0;
}
figure.effect-jazz:hover img {
opacity: 0.7;
-webkit-transform: scale3d(1.05,1.05,1);
transform: scale3d(1.05,1.05,1);
}
figure.effect-jazz:hover figcaption::after {
opacity: 1;
-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
}
figure.effect-jazz:hover h2,
figure.effect-jazz:hover p {
opacity: 1;
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
}
figure.effect-ming {
background: #030c17;
}
figure.effect-ming img {
opacity: 0.9;
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}
figure.effect-ming figcaption::before {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
border: 2px solid #fff;
box-shadow: 0 0 0 30px rgba(255,255,255,0.2);
content: '';
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale3d(1.4,1.4,1);
transform: scale3d(1.4,1.4,1);
}
figure.effect-ming h2 {
margin: 20% 0 10px 0;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
}
figure.effect-ming p {
padding: 1em;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
figure.effect-ming:hover h2 {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
figure.effect-ming:hover figcaption::before,
figure.effect-ming:hover p {
opacity: 1;
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
}
figure.effect-ming:hover figcaption {
background-color: rgba(58,52,42,0);
}
figure.effect-ming:hover img {
opacity: 0.4;
}
@media only screen and (max-width: 480px) {
.eael-interactive-promo figure figcaption h2 {
font-size: .8em;
}
.eael-interactive-promo figure p {
font-size: 50%;
}
.eael-interactive-promo figure figcaption {
padding: 10px 40px!important;
}
.eael-interactive-promo figure.effect-bubba figcaption {
padding: 0 10px !important;
}
.eael-interactive-promo figure.effect-bubba h2 {
padding-top: 50px;
}
.eael-interactive-promo figure.effect-romeo p {
top: 50px;
}
.eael-interactive-promo figure.effect-romeo:hover p {
top: 65px;
}
.eael-interactive-promo figure.effect-lily figcaption > div {
height: 80%;
}
}
.eael-creative-button-align-center {
text-align: center;
}
.eael-creative-button-wrapper {
display: flex;
}
.eael-creative-button {
flex: 0 0 auto;
min-width: 150px;
text-align: center;
vertical-align: middle;
position: relative;
z-index: 1;
border-radius: 2px;
padding: 20px 30px;
font-size: 16px;
line-height: 1;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
}
.eael-creative-button-align-center .eael-creative-button {
float: none;
display: inline-block;
}
.eael-creative-button:focus {
outline: none;
}
.eael-creative-button > span {
vertical-align: middle;
}
.eael-creative-button--winona {
overflow: hidden;
padding: 0!important;
-webkit-transition: border-color 0.3s, background-color 0.3s;
transition: border-color 0.3s, background-color 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.eael-creative-button--winona::after {
content: attr(data-text);
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
-webkit-transform: translate3d(0, 25%, 0);
transform: translate3d(0, 25%, 0);
}
.eael-creative-button--winona > span {
display: block;
}
.eael-creative-button--winona::after,
.eael-creative-button--winona > span {
padding: 1em 2em;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.eael-creative-button--winona:hover::after {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.eael-creative-button--winona:hover > span {
opacity: 0;
-webkit-transform: translate3d(0, -25%, 0);
transform: translate3d(0, -25%, 0);
}
.eael-creative-button--ujarak {
-webkit-transition: border-color 0.4s, color 0.4s;
transition: border-color 0.4s, color 0.4s;
}
.eael-creative-button--ujarak::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
opacity: 0;
-webkit-transform: scale3d(0.7, 1, 1);
transform: scale3d(0.7, 1, 1);
-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
transition: transform 0.4s, opacity 0.4s;
-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.eael-creative-button--ujarak,
.eael-creative-button--ujarak::before {
-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.eael-creative-button--ujarak:hover::before {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.eael-creative-button--wayra {
overflow: hidden;
-webkit-transition: border-color 0.3s, color 0.3s;
transition: border-color 0.3s, color 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.eael-creative-button--wayra::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 150%;
height: 100%;
z-index: -1;
-webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
-webkit-transform-origin: 0% 100%;
transform-origin: 0% 100%;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.3s;
transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}
.eael-creative-button--wayra:hover::before {
opacity: 1;
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.eael-creative-button--tamaya {
overflow: hidden;
}
.eael-creative-button--tamaya::before,
.eael-creative-button--tamaya::after {
content: attr(data-text);
position: absolute;
width: 100%;
height: 50%;
left: 0;
overflow: hidden;
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.eael-creative-button--tamaya::before {
top: 0;
padding: 20px 30px;
}
.eael-creative-button--tamaya::after {
bottom: 0;
line-height: 0;
}
.eael-creative-button--tamaya:hover::after {
bottom: -1px;
}
.eael-creative-button--tamaya > span {
display: block;
-webkit-transform: scale3d(0.2, 0.2, 1);
transform: scale3d(0.2, 0.2, 1);
opacity: 0;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.eael-creative-button--tamaya:hover::before {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
.eael-creative-button--tamaya:hover::after {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
.eael-creative-button--tamaya:hover > span {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
.eael-creative-button--rayen {
overflow: hidden;
padding: 0!important;
}
.eael-creative-button--rayen::before {
content: attr(data-text);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.eael-creative-button--rayen > span {
display: block;
}
.eael-creative-button--rayen::before,
.eael-creative-button--rayen > span {
padding: 1em 2em;
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.eael-creative-button--rayen:hover::before {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.eael-creative-button--rayen:hover > span {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
.eael-creative-button--pipaluk::before {
border: 1px solid rgba(0,0,0, .15)
}
.eael-creative-button--pipaluk::before,
.eael-creative-button--pipaluk::after {
content: '';
border-radius: inherit;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
-webkit-transition: -webkit-transform 0.3s, background-color 0.3s;
transition: transform 0.3s, background-color 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1);
transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1);
}
.eael-creative-button--pipaluk:hover::before {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
.eael-creative-button--pipaluk::before,
.eael-creative-button--pipaluk:hover::after {
-webkit-transform: scale3d(0.7, 0.7, 1);
transform: scale3d(0.7, 0.7, 1);
}
.eael-creative-button--moema {
-webkit-transition: background-color 0.3s, color 0.3s;
transition: background-color 0.3s, color 0.3s;
}
.eael-creative-button--moema::before {
content: '';
position: absolute;
top: -20px;
left: -20px;
bottom: -20px;
right: -20px;
background: inherit;
z-index: -1;
opacity: 0.4;
-webkit-transform: scale3d(0.8, 0.5, 1);
transform: scale3d(0.8, 0.5, 1);
}
.eael-creative-button--moema:hover {
-webkit-transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
-webkit-animation: anim-moema-1 0.3s forwards;
animation: anim-moema-1 0.3s forwards;
}
.eael-creative-button--moema:hover::before {
-webkit-animation: anim-moema-2 0.3s 0.3s forwards;
animation: anim-moema-2 0.3s 0.3s forwards;
}
@-webkit-keyframes anim-moema-1 {
60% {
-webkit-transform: scale3d(0.8, 0.8, 1);
transform: scale3d(0.8, 0.8, 1);
}
85% {
-webkit-transform: scale3d(1.1, 1.1, 1);
transform: scale3d(1.1, 1.1, 1);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes anim-moema-1 {
60% {
-webkit-transform: scale3d(0.8, 0.8, 1);
transform: scale3d(0.8, 0.8, 1);
}
85% {
-webkit-transform: scale3d(1.1, 1.1, 1);
transform: scale3d(1.1, 1.1, 1);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@-webkit-keyframes anim-moema-2 {
to {
opacity: 0;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes anim-moema-2 {
to {
opacity: 0;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.eael-creative-button--wave {
overflow: hidden;
}
.eael-creative-button--wave::before {
content: '';
z-index: -1;
position: absolute;
top: 50%;
left: 100%;
margin: -15px 0 0 1px;
width: 30px;
height: 30px;
border-radius: 50%;
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transform: scale3d(1, 2, 1);
transform: scale3d(1, 2, 1);
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.7,0,0.9,1);
transition-timing-function: cubic-bezier(0.7,0,0.9,1);
}
.eael-creative-button--wave .eael-creative-button__icon {
vertical-align: middle;
}
.eael-creative-button--wave > span {
vertical-align: middle;
padding-left: 0.75em;
}
.eael-creative-button--wave:hover::before {
-webkit-transform: scale3d(40, 40, 1);
transform: scale3d(40, 40, 1);
}
.eael-creative-button--aylen {
overflow: hidden;
-webkit-transition: color 0.3s;
transition: color 0.3s;
}
.eael-creative-button--aylen::before,
.eael-creative-button--aylen::after {
content: '';
position: absolute;
height: 100%;
width: 100%;
bottom: 100%;
left: 0;
z-index: -1;
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.eael-creative-button--aylen::before {
opacity: 0.75;
}
.eael-creative-button--aylen:hover::before,
.eael-creative-button--aylen:hover::after {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
.eael-creative-button--aylen:hover::after {
-webkit-transition-delay: 0.175s;
transition-delay: 0.175s;
}
.eael-creative-button--saqui {
overflow: hidden;
-webkit-transition: background-color 0.3s ease-in, color 0.3s ease-in;
transition: background-color 0.3s ease-in, color 0.3s ease-in;
}
.eael-creative-button--saqui::after {
content: attr(data-text);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transform-origin: -25% 50%;
transform-origin: -25% 50%;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
-webkit-transition: -webkit-transform 0.3s ease-in;
transition: transform 0.3s ease-in;
}
.eael-creative-button--saqui:hover::after,
.eael-creative-button--saqui:hover {
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.eael-creative-button--saqui:hover::after {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
.eael-creative-button--wapasha {
-webkit-transition: background-color 0.3s, color 0.3s;
transition: background-color 0.3s, color 0.3s;
}
.eael-creative-button--wapasha::before {
border: 1px solid rgba(0,0,0, .5);
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
border-radius: inherit;
opacity: 0;
-webkit-transform: scale3d(0.6, 0.6, 1);
transform: scale3d(0.6, 0.6, 1);
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.eael-creative-button--wapasha:hover::before {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1;
}
.eael-creative-button--nuka {
border: none!important;
-webkit-transition: color 0.3s;
transition: color 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.eael-creative-button--nuka::before,
.eael-creative-button--nuka::after {
content: '';
position: absolute;
border-radius: inherit;
z-index: -1;
}
.eael-creative-button--nuka::before {
top: -4px;
bottom: -4px;
left: -4px;
right: -4px;
opacity: 0.2;
-webkit-transform: scale3d(0.7, 1, 1);
transform: scale3d(0.7, 1, 1);
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
}
.eael-creative-button--nuka::after {
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transform: scale3d(1.1, 1, 1);
transform: scale3d(1.1, 1, 1);
-webkit-transition: -webkit-transform 0.3s, background-color 0.3s;
transition: transform 0.3s, background-color 0.3s;
}
.eael-creative-button--nuka::before,
.eael-creative-button--nuka::after {
-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.eael-creative-button--nuka:hover::before {
opacity: 1;
}
.eael-creative-button--nuka:hover::after,
.eael-creative-button--nuka:hover::before {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
.eael-creative-button--antiman > span {
padding-left: 0.35em;
}
.eael-creative-button--antiman::before,
.eael-creative-button--antiman::after {
content: '';
z-index: -1;
border-radius: inherit;
pointer-events: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.eael-creative-button--antiman::before {
border: 1px solid rgba(0,0,0, .35);
opacity: 0;
-webkit-transform: scale3d(1.2, 1.2, 1);
transform: scale3d(1.2, 1.2, 1);
}
.eael-creative-button--antiman:hover::before {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
.eael-creative-button--antiman:hover::after {
opacity: 0;
-webkit-transform: scale3d(0.8, 0.8, 1);
transform: scale3d(0.8, 0.8, 1);
}
.eael-creative-button--quidel {
overflow: hidden;
-webkit-transition: color 0.3s;
transition: color 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.eael-creative-button--quidel::before,
.eael-creative-button--quidel::after {
content: '';
position: absolute;
z-index: -1;
border-radius: inherit;
}
.eael-creative-button--quidel::after {
top: 2px;
left: 2px;
right: 2px;
bottom: 2px;
}
.eael-creative-button--quidel::before {
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.eael-creative-button--quidel > span {
padding-left: 0.35em;
}
.eael-creative-button--quidel:hover::before {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.eael-creative-button.eael-creative-button--shikoba {
overflow: hidden;
-webkit-transition: background-color 0.3s, border-color 0.3s, color 0.3s;
transition: background-color 0.3s, border-color 0.3s, color 0.3s;
}
.eael-creative-button--shikoba > span {
display: inline-block;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.eael-creative-button--shikoba i {
position: absolute;
top: 0;
left: -25px;
-webkit-transform: translate3d(-40px, 5em, 0);
transform: translate3d(-40px, 5em, 0);
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.eael-creative-button--shikoba:hover i,
.eael-creative-button--shikoba:hover > span {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
.eael-countdown-items {
list-style: none;
margin: 0;
padding: 0;
display: table;
table-layout: fixed;
width: 100%;
}
.eael-countdown-items > li {
list-style: none;
margin: 0;
padding: 0;
display: table-cell;
position: relative;
}
.eael-countdown-item > div {
text-align: center;
padding: 20px;
}
.eael-countdown-label-block .eael-countdown-digits, .eael-countdown-label-block .eael-countdown-label {
display: block;
text-align: center;
}
.eael-countdown-digits {
font-size: 54px;
line-height: 1;
}
.eael-countdown-label {
font-size: 18px;
line-height: 1;
color: #ffffff;
}
.eael-countdown-show-separator .eael-countdown-digits::after {
content: ":";
position: absolute;
left: 98%;
z-index: 9999;
}
.eael-countdown-finish-message .expiry-title {
margin: 0 0 15px;
}
.eael-countdown-item:last-child .eael-countdown-digits::after {
display: none;
}
.eael-countdown-items.style-1 .eael-countdown-item > div {
background: #262625;
}
.eael-countdown-items.style-2 .eael-countdown-item > div {
margin-left: 0px;
margin-right: 0px;
background: #262625;
}
.eael-countdown-items.style-2 .eael-countdown-digits {
color: #eaf3f5;
font-family: "Orbitron", Sans-serif;
}
.eael-countdown-items.style-3 .eael-countdown-item > div {
border: 1px solid #fec503;
background: none;
}
.eael-countdown-items.style-3 .eael-countdown-label {
color: #fec503;
}
.eael-countdown-items.style-3 .eael-countdown-label {
color: #262625;
}
.eael-insta-grid {
width: 100%;
margin: auto;
}
.eael-insta-grid .eael-insta-box {
display: inline-block;
}
.eael-col-1 .eael-insta-feed {
float: none;
width: 100%;
}
.eael-col-2 .eael-insta-feed {
float: left;
width: 50%;
}
.eael-col-3 .eael-insta-feed {
float: left;
width: 33.3333%;
}
.eael-col-4 .eael-insta-feed {
float: left;
width: 25%;
}
.eael-col-5 .eael-insta-feed {
float: left;
width: 20%;
}
.eael-col-6 .eael-insta-feed {
float: left;
width: 16.6666%;
}
.eael-instagram-feed .eael-insta-feed {
cursor: pointer;
position: relative;
}
.eael-insta-feed-wrap {
display: block;
position: relative;
overflow: hidden;
}
.eael-insta-img-wrap {
-webkit-transform: scaleX(1) scaleY(1) translateZ(0px);
transform: scaleX(1) scaleY(1) translateZ(0px);
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.eael-insta-feed:hover .eael-insta-img-wrap {
-webkit-transform: scaleX(1.1) scaleY(1.1) translateZ(0px);
transform: scaleX(1.1) scaleY(1.1) translateZ(0px);
}
.eael-insta-feed .eael-insta-info-wrap {
bottom: 0;
font-size: 14px;
left: 0;
line-height: 1.5;
opacity: 0;
overflow: hidden;
padding: 20px;
position: absolute;
right: 0;
text-align: center;
top: 0;
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
-webkit-transform: translateY(25%);
transform: translateY(25%);
-webkit-transition: all 0.4s ease 0.2s;
transition: all 0.4s ease 0.2s;
z-index: 2;
}
.eael-insta-info-wrap .eael-insta-info-wrap-inner {
width: 100%;
flex: 1 1 auto;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.eael-insta-feed .eael-insta-feed-wrap::after {
background-color: rgba(0,0,0, .75);
bottom: 0;
content: "";
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1;
-webkit-transition: all 0.4s ease 0.2s;
transition: all 0.4s ease 0.2s;
}
.eael-insta-feed:hover .eael-insta-feed-wrap::after{
opacity: 1;
}
.eael-insta-feed:hover .eael-insta-info-wrap {
opacity: 1;
transform: translateY(0);
}
.eael-insta-likes-comments > p {
color: rgb(251, 216, 0);
}
.eael-insta-feed-wrap > a {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 2;
}
.eael-insta-img-wrap > img {
max-width: 100%;
min-width: 100%;
width: 100%;
}
.eael-insta-likes-comments {
display: flex;
justify-content: center;
align-items: center;
flex-flow: row wrap;
}
.eael-insta-likes-comments > p {
padding: 10px;
margin: 0;
}
.eael-insta-likes-comments .x-icon {
padding-right: 5px;
font-size: 16px;
}
.eael-load-more-button-wrap.no-pagination {
display: none;
}
@media only screen and (max-width: 979px) {
.eael-col-1 .eael-insta-feed, .eael-col-2 .eael-insta-feed,
.eael-col-3 .eael-insta-feed, .eael-col-4 .eael-insta-feed,
.eael-col-5 .eael-insta-feed, .eael-col-6 .eael-insta-feed {
width: 33.3333%;
}
}
@media only screen and (max-width: 480px) {
.eael-col-1 .eael-insta-feed, .eael-col-2 .eael-insta-feed,
.eael-col-3 .eael-insta-feed, .eael-col-4 .eael-insta-feed,
.eael-col-5 .eael-insta-feed, .eael-col-6 .eael-insta-feed {
float: none;
width: 50%;
}
.eael-insta-feed .eael-insta-info-wrap {
padding: 10px;
}
.eael-instagram-feed .eael-insta-likes-comments > p {
font-size: 11px;
}
.eael-insta-likes-comments .x-icon {
font-size: 12px;
}
}
.eael-post-timeline {
margin-bottom: 0;
min-height: 100%;
overflow: hidden;
position: relative;
}
.eael-timeline-column {
width: 50%;
margin-left: 0;
float: left;
margin-top: 0 !important;
}
.eael-timeline-post {
position: relative;
}
.eael-timeline-post:after {
background-color: rgba(83, 85, 86, .2);
content: "";
width: 2px;
height: 245px;
position: absolute;
right: 0;
top: 70px;
}
.eael-timeline-post:nth-child(2n):after {
display: none;
}
.eael-timeline-bullet {
background-color: #9fa9af;
border: 5px solid #fff;
border-radius: 50%;
box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.1);
content: "";
height: 20px;
position: absolute;
right: -9px;
top: 60px;
width: 20px;
z-index: 3;
cursor: pointer;
}
.eael-timeline-post:nth-child(2n) .eael-timeline-bullet {
background-color: #9fa9af;
border: 5px solid #fff;
border-radius: 50%;
bottom: 36px;
content: "";
height: 20px;
left: -11px;
position: absolute;
top: 300px;
width: 20px;
z-index: 3;
}
.eael-timeline-post-inner {
background: linear-gradient(45deg, #3f3f46 0%, #05abe0 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
border: 8px solid #e5eaed;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);
float: right;
margin: 30px 40px 30px auto;
position: relative;
height: 320px;
width: calc(100% - 40px);
}
.eael-timeline-post:nth-child(even) .eael-timeline-post-inner {
float: left;
margin-left: 40px;
}
.eael-timeline-post-inner:after {
border-color: transparent transparent transparent #e5eaed;
border-style: solid;
border-width: 15px;
content: "";
height: 0;
position: absolute;
right: -36px;
top: 17px;
width: 0;
}
.eael-timeline-post:nth-child(2n) .eael-timeline-post-inner:after {
border-color: transparent #e5eaed transparent transparent;
border-style: solid;
border-width: 15px;
content: "";
height: 0;
left: -36px;
position: absolute;
top: 257px;
width: 0;
}
.eael-timeline-post:nth-child(2n) .eael-timeline-post-inner::after {
border-left-color: transparent !important;
}
.eael-timeline-post p {
margin: 1.6rem 0 0 0;
font-size: 0.9em;
line-height: 1.6em;
}
.eael-timeline-post-image {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
display: block;
height: 100%;
overflow: hidden;
position: relative;
opacity: .6;
-webkit-transition: all .3s;
-moz-transition: all .3s;
transition: all .3s;
}
.eael-timeline-post-title {
bottom: 40px;
position: absolute;
width: 100%;
}
.eael-timeline-post-title h2 {
color: #fff;
font-size: 20px;
font-weight: bold;
letter-spacing: 1px;
line-height: 24px;
padding: 0 25px;
text-align: left;
text-transform: uppercase;
}
.eael-timeline-post-excerpt {
opacity: 0;
position: absolute;
top: 0;
left: 0;
-webkit-transition: all .3s;
-moz-transition: all .3s;
transition: all .3s;
}
.eael-timeline-post-excerpt p {
color: #fff;
font-size: 14px;
padding: 25px;
}
.eael-timeline-post-inner:hover .eael-timeline-post-excerpt {
opacity: 1;
top: 10px;
}
.eael-timeline-post-inner:hover .eael-timeline-post-image {
opacity: .3;
}
.eael-timeline-post time {
opacity: 0;
background-color: rgba(0, 0, 0, .7);
color: #fff;
font-size: 10px;
border-radius: 20px;
position: absolute;
right: -97px;
width: 100px;
height: 30px;
line-height: 30px;
text-align: center;
top: 50px;
z-index: 99;
-webkit-transition: all .5s;
-moz-transition: all .5s;
transition: all .5s;
}
.eael-timeline-post:nth-child(2n) time {
background-color: rgba(0, 0, 0, 0.7);
border-radius: 20px;
color: #fff;
font-size: 10px;
height: 30px;
left: -99px;
line-height: 30px;
position: absolute;
text-align: center;
top: 290px;
width: 100px;
z-index: 99;
}
.eael-timeline-post time:before {
border-bottom: 5px solid rgba(0, 0, 0, 0.7);
border-left: 5px solid transparent;
border-right: 5px solid transparent;
content: "";
height: 0;
left: 45px;
position: absolute;
top: -5px;
width: 0;
}
.eael-timeline-post:hover time {
opacity: 1;
}
.eael-timeline-post::after {
height: 100%;
}
.eael-post-timeline .eael-timeline-post:nth-last-child(2)::after {
height: 245px;
}
.eael-post-timeline .eael-timeline-post:last-child::after {
display: none;
}
@media only screen and (max-width: 1366px) {
.eael-timeline-post-title h2 {
font-size: 0.8em;
}
.eael-timeline-post-excerpt p {
font-size: 13px;
}
}
@media only screen and (max-width: 1169px) {
.eael-timeline-post-inner {
height: 320px;
}
}
@media only screen and (max-width: 992px) {
.eael-post-timeline {
margin-left: 0;
}
.eael-timeline-bullet,
.eael-timeline-post:after,
.eael-timeline-post:before,
.eael-timeline-post-inner:after {
display: none;
}
.eael-timeline-post {
display: inline-block;
float: left !important;
width: 50% !important;
margin: 15px auto;
}
.eael-timeline-post-inner {
height: 320px;
padding-bottom: 30px;
}
.eael-timeline-post-title {
bottom: 50px;
}
.eael-timeline-post-title h2 {
font-size: 0.8em;
line-height: 1.2em;
}
.eael-timeline-post .eael-timeline-post-inner {
margin: 0 10px auto 0;
width: 90%;
}
.eael-timeline-post:nth-child(2n) .eael-timeline-post-inner {
margin: 0 auto 0 10px;
width: 90%;
}
.eael-timeline-post-excerpt {
opacity: 0!important;
}
.eael-timeline-post-image {
opacity: .3;
}
.eael-timeline-post time,
.eael-timeline-post:nth-child(2n) time {
background-color: #fff;
border-radius: 0;
color: #444;
font-size: 12px;
text-transform: uppercase;
left: 0;
opacity: 1;
padding-top: 3px;
top: 275px;
width: 100%;
}
time:before {
display: none;
}
}
@media only screen and (max-width: 767px) {
.eael-timeline-post {
display: block;
float: none !important;
margin: 20px auto;
width: 100% !important;
}
.eael-timeline-post .eael-timeline-post-inner,
.eael-timeline-post:nth-child(2n) .eael-timeline-post-inner {
display: block;
float: none;
margin: 0 auto;
}
}
@media only screen and (max-width: 479px) {
.eael-timeline-post .eael-timeline-post-inner,
.eael-timeline-post:nth-child(2n) .eael-timeline-post-inner {
height: 250px;
margin: 0 auto;
width: 95%;
}
.eael-timeline-post time,
.eael-timeline-post:nth-child(2n) time {
top: 205px;
}
}
.eael-team-item {
overflow: hidden;
position: relative;
}
.team-avatar-rounded figure img {
border-radius: 50%;
height: auto;
}
.eael-team-image > figure {
margin: 0;
padding: 0;
}
.eael-team-image > figure img {
display: block;
margin: 0 auto;
}
.eael-team-item .eael-team-content {
padding: 10px;
}
.eael-team-item .eael-team-member-name {
font-size: 20px;
font-weight: bold;
letter-spacing: 0.05em;
margin: 5px 0;
text-transform: uppercase;
}
.eael-team-item .eael-team-member-position {
font-size: 14px;
font-weight: normal;
letter-spacing: 0.05em;
margin: 5px 0 10px;
text-transform: uppercase;
}
.eael-team-item .eael-team-content,
.eael-team-item .eael-team-content .eael-team-text {
font-size: 14px;
line-height: 1.5;
}
.eael-team-content > ul {
margin: 0;
padding: 0;
}
.eael-team-content li {
display: inline-block;
list-style: outside none none;
margin-right: 10px;
text-align: center;
}
.eael-team-content li a {
font-size: 2.5rem;
}
.eael-team-align-left .eael-team-item .eael-team-member-name,
.eael-team-align-left .eael-team-item .eael-team-member-position,
.eael-team-align-left .eael-team-item .eael-team-text,
.eael-team-align-left .eael-team-item .eael-team-content p,
.eael-team-align-left .eael-team-item .eael-team-content ul,
.eael-team-align-left .eael-team-item .eael-team-content li{
text-align: left;
}
.eael-team-align-right .eael-team-item .eael-team-member-name,
.eael-team-align-right .eael-team-item .eael-team-member-position,
.eael-team-align-right .eael-team-item .eael-team-text,
.eael-team-align-right .eael-team-item .eael-team-content p,
.eael-team-align-right .eael-team-item .eael-team-content ul,
.eael-team-align-right .eael-team-item .eael-team-content li{
text-align: right;
}
.eael-team-align-centered .eael-team-item .eael-team-member-name,
.eael-team-align-centered .eael-team-item .eael-team-member-position,
.eael-team-align-centered .eael-team-item .eael-team-text,
.eael-team-align-centered .eael-team-item .eael-team-content p,
.eael-team-align-centered .eael-team-item .eael-team-content ul,
.eael-team-align-centered .eael-team-item .eael-team-content li{
text-align: center;
}
.eael-team-align-right .eael-team-image > figure img.attachment-thumbnail {
margin: 0 0 0 auto;
}
.eael-team-align-left .eael-team-image > figure img.attachment-thumbnail {
margin: 0;
}
.eael-team-item.eael-team-members-overlay .eael-team-content {
bottom: 10px;
left: 10px;
margin-bottom: 0;
opacity: 0;
overflow: hidden;
text-overflow: ellipsis;
position: absolute;
right: 10px;
top: 10px;
-webkit-transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s;
transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.eael-team-item.eael-team-members-overlay:hover .eael-team-content {
opacity: 1;
}
.eael-team-member-social-link > a {
display: inline-block;
-webkit-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0s;
transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.eael-team-member-social-link > a:focus {
outline: none;
}
.eael-team-item.eael-team-members-centered .eael-team-content{
text-align: center;
}
.eael-team-item.eael-team-members-circle .eael-team-image {
text-align: center;
}
.eael-team-item.eael-team-members-circle figure img {
width: 150px;
height: 150px;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.eael-team-item.eael-team-members-circle .eael-team-content {
text-align: center;
}
.eael-testimonial-slider {
position: relative;
}
.testimonial-star-rating {
padding: 0;
margin: 0;
}
.testimonial-star-rating li {
list-style: none;
display: inline-block;
}
.testimonial-star-rating li i {
color: #d8d8d8;
}
.rating-five .testimonial-star-rating li i {
color: #f2b01e;
}
.rating-one .testimonial-star-rating li:first-child i {
color: #f2b01e;
}
.rating-two .testimonial-star-rating li:nth-child(1) i,
.rating-two .testimonial-star-rating li:nth-child(2) i {
color: #f2b01e;
}
.rating-three .testimonial-star-rating li:nth-child(1) i,
.rating-three .testimonial-star-rating li:nth-child(2) i ,
.rating-three .testimonial-star-rating li:nth-child(3) i {
color: #f2b01e;
}
.rating-four .testimonial-star-rating li:nth-child(1) i,
.rating-four .testimonial-star-rating li:nth-child(2) i,
.rating-four .testimonial-star-rating li:nth-child(3) i,
.rating-four .testimonial-star-rating li:nth-child(4) i {
color: #f2b01e;
}
.eael-testimonial-image img {
max-width: 100%;
}
.eael-testimonial-image {
padding: 10px 0px 0px 0px;
}
.eael-testimonial-image > figure {
display: block;
margin: 0;
}
.testimonial-avatar-rounded figure img {
border-radius: 50%;
height: auto;
}
.eael-testimonial-content {
margin: 0;
padding: 10px;
}
.eael-testimonial-item > figure {
margin: 0 auto;
padding: 0 20px;
}
.eael-testimonial-item .center-text {
text-align: center;
}
.eael-testimonial-item .right-text {
text-align: right;
}
.eael-testimonial-item .left-text {
text-align: left;
}
.eael-testimonial-item .justify-text {
text-align: justify;
}
.eael-testimonial-content .eael-testimonial-text {
font-size: 100%;
font-style: italic;
line-height: 1.5;
margin-top: 0px;
margin-bottom: 10px;
word-wrap: break-word;
}
.eael-testimonial-content .eael-testimonial-user {
display: inline-block;
font-family: inherit;
font-size: 105%;
font-style: italic;
font-weight: normal;
line-height: 1.5;
margin-top: 0;
margin-bottom: 0;
margin-right: 5px;
}
.eael-testimonial-content .eael-testimonial-user-company {
display: inline-block;
font-family: inherit;
font-size: 90%;
font-style: italic;
font-weight: lighter;
line-height: 1.75;
margin-bottom: 0;
margin-top: 1px;
}
.eael-testimonial-image  {
position: relative;
}
.eael-testimonial-item .eael-testimonial-quote::after {
color: inherit!important;
content: "\f10e";
font-family: "FontAwesome";
font-size: 200%;
}
.eael-testimonial-slider.default-style .eael-testimonial-align-centered .eael-testimonial-image figure img {
margin: 0 auto;
}
.eael-testimonial-slider.default-style .eael-testimonial-align-left .eael-testimonial-image figure img,
.eael-testimonial-slider.default-style .eael-testimonial-align-right .eael-testimonial-image figure img,
.eael-testimonial-slider.classic-style .eael-testimonial-align-left .eael-testimonial-image figure img,
.eael-testimonial-slider.classic-style .eael-testimonial-align-right .eael-testimonial-image figure img,
.eael-testimonial-slider.middle-style .eael-testimonial-align-left .eael-testimonial-image figure img,
.eael-testimonial-slider.middle-style .eael-testimonial-align-right .eael-testimonial-image figure img {
margin: 0;
}
.eael-testimonial-slider.default-style .eael-testimonial-align-right .eael-testimonial-image figure,
.eael-testimonial-slider.classic-style .eael-testimonial-align-right .eael-testimonial-image figure,
.eael-testimonial-slider.middle-style .eael-testimonial-align-right .eael-testimonial-image figure {
text-align: right;
}
.eael-testimonial-slider.default-style .eael-testimonial-align-left .eael-testimonial-image figure,
.eael-testimonial-slider.classic-style .eael-testimonial-align-left .eael-testimonial-image figure,
.eael-testimonial-slider.middle-style .eael-testimonial-align-left .eael-testimonial-image figure {
text-align: left;
}
.eael-testimonial-slider.default-style .eael-testimonial-align-right .default-style-testimonial-content,
.eael-testimonial-slider.classic-style .eael-testimonial-align-right .testimonial-classic-style-content,
.eael-testimonial-slider.middle-style .eael-testimonial-align-right .middle-style-content,
.eael-testimonial-slider.middle-style .eael-testimonial-align-right .eael-testimonial-text { text-align: right; }
.eael-testimonial-slider.default-style .eael-testimonial-align-center .default-style-testimonial-content,
.eael-testimonial-slider.classic-style .eael-testimonial-align-center .testimonial-classic-style-content,
.eael-testimonial-slider.middle-style .eael-testimonial-align-center .middle-style-content,
.eael-testimonial-slider.middle-style .eael-testimonial-align-center .eael-testimonial-text { text-align: center; }
.eael-testimonial-slider.default-style .eael-testimonial-align-left .default-style-testimonial-content,
.eael-testimonial-slider.classic-style .eael-testimonial-align-left .testimonial-classic-style-content,
.eael-testimonial-slider.middle-style .eael-testimonial-align-left .middle-style-content,
.eael-testimonial-slider.middle-style .eael-testimonial-align-left .eael-testimonial-text { text-align: left; }
.eael-testimonial-slider.icon-img-left-content .eael-testimonial-text > p,
.eael-testimonial-slider.icon-img-right-content .eael-testimonial-text > p {
margin: 0px;
}
.icon-img-left-content .eael-testimonial-image {
float: left;
width: 30%;
}
.icon-img-left-content .eael-testimonial-content {
float: left;
width: 70%;
text-align: left;
}
.icon-img-left-content.eael-testimonial-item {
overflow: hidden;
position: relative;
}
.icon-img-left-content .eael-testimonial-quote {
position: absolute;
right: 0;
}
.icon-img-left-content .eael-testimonial-text {
margin-top: 0;
}
.eael-testimonial-align-centered .eael-testimonial-user,
.eael-testimonial-align-centered .eael-testimonial-user-company  {
float: none;
text-align: center;
}
.eael-testimonial-align-centered .eael-testimonial-image > figure img {
display: block;
margin-left: auto !important;
margin-right: auto !important;
}
.icon-img-right-content .eael-testimonial-image {
float: right;
width: 30%;
}
.icon-img-right-content .eael-testimonial-content {
float: right;
width: 70%;
text-align: right;
}
.icon-img-right-content.eael-testimonial-item {
overflow: hidden;
position: relative;
}
.icon-img-right-content .eael-testimonial-quote {
position: absolute;
}
.icon-img-right-content .eael-testimonial-text {
margin-top: 0;
}
.eael-testimonial-item {
position: relative;
}
.classic-style.testimonial-alignment-center .eael-testimonial-image,
.default-style.testimonial-alignment-center .eael-testimonial-image {
text-align: center;
}
.classic-style.testimonial-alignment-right .eael-testimonial-image,
.default-style.testimonial-alignment-right .eael-testimonial-image {
text-align: right;
}
.classic-style.testimonial-alignment-center .eael-testimonial-image > figure,
.default-style.testimonial-alignment-center .eael-testimonial-image > figure{
text-align: center;
}
.eael-testimonial-slider.icon-img-left-content .eael-testimonial-align-centered .eael-testimonial-content { text-align: center; }
.eael-testimonial-slider.icon-img-left-content .eael-testimonial-align-left .eael-testimonial-content { text-align: left; }
.eael-testimonial-slider.icon-img-left-content .eael-testimonial-align-right .eael-testimonial-content { text-align: right; }
.eael-testimonial-slider.icon-img-right-content .eael-testimonial-align-centered .eael-testimonial-content { text-align: center; }
.eael-testimonial-slider.icon-img-right-content .eael-testimonial-align-left .eael-testimonial-content { text-align: left; }
.eael-testimonial-slider.icon-img-right-content .eael-testimonial-align-right .eael-testimonial-content { text-align: right; }
span.eael-testimonial-quote {
position: absolute;
right: 10px;
top: 10px;
}
.eael-testimonial-item.left .eael-testimonial-image { text-align: left; }
.eael-testimonial-item.center .eael-testimonial-image { text-align: center; }
.eael-testimonial-item.right .eael-testimonial-image { text-align: right; }
.eael-testimonial-inline-bio .eael-testimonial-image {
float: left;
}
.eael-testimonial-inline-bio .bio-text {
padding-top: 10px;
}
.eael-testimonial-content.eael-testimonial-inline-bio {
overflow: hidden;
margin-bottom: 0;
padding-bottom: 0;
}
.eael-testimonial-inline-bio .testimonial-star-rating,
.eael-testimonial-inline-bio .bio-text {
float: left;
width: 65%;
}
.eael-testimonial-content.eael-testimonial-inline-bio {
text-align: left !important;
}
.testimonial-inline-style .eael-testimonial-image {
float: left;
max-width: 100%;
padding: 0;
margin-right: 15px;
}
.testimonial-inline-style {
overflow: hidden;
text-align: left;
}
.content-top-icon-title-inline .eael-testimonial-text,
.content-top-icon-title-inline .eael-testimonial-align-left .eael-testimonial-text { text-align: left; }
.content-top-icon-title-inline .eael-testimonial-align-centered .eael-testimonial-text { text-align: center; }
.content-top-icon-title-inline .eael-testimonial-align-right .eael-testimonial-text { text-align: right; }
.content-bottom-icon-title-inline .eael-testimonial-text,
.content-bottom-icon-title-inline .eael-testimonial-align-left .eael-testimonial-text { text-align: left; }
.content-bottom-icon-title-inline .eael-testimonial-align-centered .eael-testimonial-text { text-align: center; }
.content-bottom-icon-title-inline .eael-testimonial-align-right .eael-testimonial-text { text-align: right; }
.eael-product-carousel .woocommerce li.product {
background-color: #fff;
border-radius: 0;
box-shadow: none;
}
.hide_rating .woocommerce .star-rating-container,
.hide_rating .woocommerce .star-rating {
display: none !important;
}
.eael-product-carousel .woocommerce ul.products li.product h3 {
padding: 0.5em;
}
.eael-product-carousel .woocommerce .products .star-rating {
display: block;
float: none;
margin: 10px auto;
}
body:not(.x-ethos):not(.x-integrity):not(.x-renew):not(.x-icon) .eael-product-carousel .woocommerce li.product .button {
box-shadow: none;
display: block;
left: auto;
margin: 15px;
padding: 0.45em 0.5em 0.575em;
position: relative;
right: auto;
text-shadow: none;
top: auto;
}
.eael-product-carousel:not(.eael-product-no-style) .woocommerce li.product .entry-featured {
background-color: transparent;
border: medium none;
box-shadow: none;
padding: 0;
}
.eael-product-carousel.eael-product-simple .woocommerce li.product .entry-wrap, .eael-product-carousel.eael-product-reveal .woocommerce li.product .entry-wrap {
background-color: transparent;
bottom: auto;
box-shadow: none;
padding: 15px 0 0;
position: relative;
text-align: center;
top: auto;
}
.eael-product-carousel.eael-product-simple .woocommerce li.product .entry-header h3,
.eael-product-carousel.eael-product-reveal .woocommerce li.product .entry-header h3 {
font-size: 14px;
line-height: 1.2;
margin: 0 0 5px;
padding-bottom: 0.5em;
}
.eael-product-carousel.eael-product-simple .woocommerce li.product .entry-header h3 a,
.eael-product-carousel.eael-product-reveal .woocommerce li.product .entry-header h3 a {
color: #272727;
font-weight: normal;
letter-spacing: 0.01rem;
text-transform: uppercase;
}
.eael-product-carousel.eael-product-simple .woocommerce li.product .price > .amount,
.eael-product-carousel.eael-product-simple .woocommerce li.product .entry-header .price > .amount,
.eael-product-carousel.eael-product-simple .woocommerce li.product .entry-header .price > ins > .amount,
.eael-product-carousel.eael-product-reveal .woocommerce li.product .entry-header .price > .amount,
.eael-product-carousel.eael-product-reveal .woocommerce li.product .entry-header .price > ins > .amount {
color: #272727;
font-size: 18px;
font-weight: normal;
}
.eael-product-carousel.eael-product-simple .woocommerce li.product .entry-wrap::before,
.eael-product-carousel.eael-product-reveal .woocommerce li.product .entry-wrap::before {
display: none;
}
.eael-product-carousel:not(.eael-product-no-style) .woocommerce li.product .entry-header .button {
background-color: transparent;
border: 1px solid rgba(0, 0, 0, 0.5);
border-radius: 0;
box-shadow: none;
color: #272727;
display: block;
font-size: 14px;
left: auto;
margin: 20px auto;
opacity: 1;
position: relative;
right: auto;
text-shadow: none;
top: auto;
width: 80%;
}
.eael-product-carousel:not(.eael-product-no-style) .woocommerce li.product .entry-header .button:hover {
background-color: #e74c3c;
border: 1px solid #e74c3c;
color: #fff;
}
.eael-product-carousel.eael-product-simple .woocommerce li.product .star-rating-container {
background-color: transparent;
left: auto;
opacity: 1;
position: relative;
right: auto;
top: 5px;
display: block;
margin: 0 auto;
width: 110px;
}
.eael-product-carousel.eael-product-simple .woocommerce li.product .star-rating-container .star-rating::before,
.eael-product-carousel.eael-product-reveal .woocommerce li.product .star-rating-container .star-rating::before {
color: #f2b01e;
}
.eael-product-carousel.eael-product-simple .woocommerce li.product .star-rating-container .star-rating span::before,
.eael-product-carousel.eael-product-reveal .woocommerce li.product .star-rating-container .star-rating span::before {
color: #f2b01e;
}
.eael-product-carousel:not(.eael-product-no-style) .onsale{
border-radius: 0;
box-shadow: none;
display: block;
font-size: 14px;
height: 100px;
letter-spacing: 0;
line-height: 160px;
position: absolute;
text-align: center;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
text-transform: uppercase;
transform: rotate(-45deg);
width: 200px;
z-index: 1;
}
.eael-product-carousel:not(.eael-product-no-style) .woocommerce li.product .onsale {
left: -95px;
top: -45px;
}
.eael-product-carousel .woocommerce ul.products {
margin: 0 0 30px;
}
.eael-product-carousel .woocommerce li.product {
background-color: #fff;
float: left;
overflow: hidden;
padding: 0;
position: relative;
text-align: center;
}
.eael-product-carousel.eael-product-reveal .woocommerce li.product .entry-wrap {
bottom: -63px;
margin-top: -63px;
position: relative;
top: auto;
-webkit-transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s;
transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s
}
.eael-product-carousel.eael-product-reveal .woocommerce li.product:hover .entry-wrap {
bottom: 0;
}
.eael-product-carousel.eael-product-reveal .woocommerce li.product:hover .entry-wrap::before {
background-color: #fff;
display: block;
}
.eael-product-carousel.eael-product-reveal .woocommerce li.product .star-rating-container {
background-color: rgba(255, 255, 255, 0.9);
left: auto;
opacity: 0;
position: absolute;
right: 10px;
top: 10px;
}
.eael-product-carousel.eael-product-reveal .woocommerce li.product:hover .star-rating-container {
opacity: 1;
}
.eael-product-carousel.eael-product-overlay .woocommerce li.product .entry-wrap {
bottom: auto;
font-size: 14px;
left: 0;
padding: 0;
position: absolute;
right: 0;
top: calc(100% - 4em);
transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.eael-product-carousel.eael-product-overlay .woocommerce li.product .entry-wrap {
background-color: rgba(0, 0, 0, 0.5);
bottom: auto;
font-size: 14px;
left: 0;
padding: 0;
position: absolute;
right: 0;
text-align: center;
top: calc(100% - 4em);
-webkit-transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s;
transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.eael-product-carousel.eael-product-overlay .woocommerce li.product .entry-wrap::before {
background-color: rgba(0, 0, 0, 0.5);
content: "";
display: block;
height: 50em;
left: 0;
position: absolute;
right: 0;
top: 0;
transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s;
z-index: 0;
}
.eael-product-carousel.eael-product-overlay .woocommerce li.product:hover .entry-wrap::before {
background-color: rgba(0, 0, 0, 0.75);
}
.eael-product-carousel.eael-product-overlay .woocommerce li.product .entry-header {
position: relative;
}
.eael-product-carousel.eael-product-overlay .woocommerce li.product .entry-header h3 {
font-size: 14px;
line-height: 1;
margin: 0;
overflow: hidden;
padding: 1.5em;
text-overflow: ellipsis;
text-transform: uppercase;
white-space: nowrap;
}
.eael-product-carousel.eael-product-overlay .woocommerce li.product .entry-header h3 a {
color: #fff;
}
.eael-product-carousel.eael-product-overlay .woocommerce li.product .price > del,
.eael-product-carousel.eael-product-overlay .woocommerce li.product .entry-header .price > del{
display: none;
}
.eael-product-carousel.eael-product-overlay .woocommerce li.product .entry-header .price > .amount,
.woocommerce li.product .entry-header .price > ins > .amount {
color: #fff;
font-size: 24px;
}
.eael-product-carousel.eael-product-overlay .woocommerce li.product .added_to_cart {
display: none;
}
.eael-product-carousel.eael-product-overlay .woocommerce li.product:hover .entry-wrap {
top: calc(100% - 10.385em);
}
.eael-product-carousel.eael-product-overlay .woocommerce li.product:hover .entry-wrap::before {
background-color: rgba(0, 0, 0, 0.75);
}
.eael-product-carousel.eael-product-overlay .woocommerce li.product:hover .star-rating-container {
opacity: 1;
}
.eael-contact-form input[type=text],
.eael-contact-form input[type=email],
.eael-contact-form input[type=url],
.eael-contact-form input[type=tel],
.eael-contact-form input[type=date],
.eael-contact-form input[type=number],
.eael-contact-form textarea {
background: #fff;
box-shadow: none;
-webkit-box-shadow: none;
float: none;
height: auto;
margin: 0;
outline: 0;
width: auto;
}
.eael-contact-form input[type=submit] {
border: 0;
float: none;
height: auto;
margin: 0;
padding: 10px 20px;
width: auto;
-webkit-transition: all 0.25s linear 0s;
transition: all 0.25s linear 0s;
}
.eael-contact-form.placeholder-hide input::-webkit-input-placeholder,
.eael-contact-form.placeholder-hide textarea::-webkit-input-placeholder {
opacity: 0;
visibility: hidden;
}
.eael-contact-form.placeholder-hide input::-moz-placeholder,
.eael-contact-form.placeholder-hide textarea::-moz-placeholder {
opacity: 0;
visibility: hidden;
}
.eael-contact-form.placeholder-hide input:-ms-input-placeholder,
.eael-contact-form.placeholder-hide textarea:-ms-input-placeholder {
opacity: 0;
visibility: hidden;
}
.eael-contact-form.placeholder-hide input:-moz-placeholder,
.eael-contact-form.placeholder-hide textarea:-moz-placeholder {
opacity: 0;
visibility: hidden;
}
.eael-custom-radio-checkbox input[type=checkbox],
.eael-custom-radio-checkbox input[type=radio] {
-webkit-appearance: none;
-moz-appearance: none;
border-style: solid;
border-width: 0;
outline: none;
min-width: 1px;
width: 15px;
height: 15px;
background: #ddd;
padding: 3px;
}
.eael-custom-radio-checkbox input[type=checkbox]:before,
.eael-custom-radio-checkbox input[type=radio]:before {
content: "";
width: 100%;
height: 100%;
padding: 0;
margin: 0;
display: block;
}
.eael-custom-radio-checkbox input[type=checkbox]:checked:before,
.eael-custom-radio-checkbox input[type=radio]:checked:before {
background: #999;
-webkit-transition: all 0.25s linear 0s;
transition: all 0.25s linear 0s;
}
.eael-custom-radio-checkbox input[type=radio] {
border-radius: 50%;
}
.eael-custom-radio-checkbox input[type=radio]:before {
border-radius: 50%;
}
.eael-contact-form.eael-contact-form-align-center,
.eael-contact-form-7.eael-contact-form-btn-align-center input.wpcf7-submit {
margin-left: auto !important;
margin-right: auto !important;
display: block;
float: none;
}
.eael-contact-form.eael-contact-form-align-left,
.eael-contact-form-7.eael-contact-form-btn-align-left input.wpcf7-submit {
float: left;
width: auto;
}
.eael-contact-form.eael-contact-form-align-right,
.eael-contact-form-7.eael-contact-form-btn-align-right input.wpcf7-submit {
float: right;
width: auto;
}
.eael-contact-form-7-wrapper {
overflow: hidden;
}
form.wpcf7-form {
display: inline-block;
margin: 0 auto;
float: none;
width: 500px;
}
.eael-contact-form-7 textarea, .eael-contact-form-7 input[type="text"],
.eael-contact-form-7 input[type="password"],
.eael-contact-form-7 input[type="datetime"],
.eael-contact-form-7 input[type="datetime-local"],
.eael-contact-form-7 input[type="date"],
.eael-contact-form-7 input[type="month"],
.eael-contact-form-7 input[type="time"],
.eael-contact-form-7 input[type="week"],
.eael-contact-form-7 input[type="number"],
.eael-contact-form-7 input[type="email"],
.eael-contact-form-7 input[type="url"],
.eael-contact-form-7 input[type="search"],
.eael-contact-form-7 input[type="tel"],
.eael-contact-form-7 input[type="color"],
.eael-contact-form-7 .uneditable-input {
-webkit-transition: border linear 0.2s,box-shadow linear 0.2s;
transition: border linear 0.2s,box-shadow linear 0.2s;
}
.eael-contact-form-7 .wpcf7-form::before,
.eael-contact-form-7 .wpcf7-form::after {
content: " ";
clear: both;
display: table;
}
.eael-contact-form-7 .wpcf7-form:after {
clear: both;
content: "";
font-size: 0;
height: 0;
display: block;
visibility: hidden;
}
.eael-contact-form-7 .wpcf7-form label,
.eael-contact-form-7 .wpcf7-form .wpcf7-form-control-wrap {
display: block;
}
.eael-contact-form-7 .wpcf7-form p {
margin-bottom: 0;
}
.eael-contact-form-7.labels-hide .wpcf7-form label {
display: none;
}
.eael-contact-form-7-title {
margin-bottom: 10px;
}
.eael-contact-form-7-description {
margin-bottom: 20px;
}
.eael-contact-form-7-button-full-width .wpcf7-form-control.wpcf7-submit {
width: 100%;
}
.eael-weform-container input,
.eael-weform-container textarea {
height: auto;
padding: 10px;
}
.eael-contact-form-align-center .eael-weform-container,
.eael-contact-form-btn-align-center .eael-weform-container ul.wpuf-form .wpuf-submit input[type="submit"] {
margin-left: auto !important;
margin-right: auto !important;
display: block;
float: none;
}
.eael-contact-form-align-left .eael-weform-container,
.eael-contact-form-btn-align-left .eael-weform-container ul.wpuf-form .wpuf-submit input[type="submit"] {
float: left;
width: auto;
}
.eael-contact-form-align-right .eael-weform-container,
.eael-contact-form-btn-align-right .eael-weform-container ul.wpuf-form .wpuf-submit input[type="submit"] {
float: right;
width: auto;
}
.eael-weform-container ul.wpuf-form li .wpuf-fields input[type="text"],
.eael-weform-container ul.wpuf-form li .wpuf-fields input[type="password"],
.eael-weform-container ul.wpuf-form li .wpuf-fields input[type="email"],
.eael-weform-container ul.wpuf-form li .wpuf-fields input[type="url"],
.eael-weform-container ul.wpuf-form li .wpuf-fields input[type="number"],
.eael-weform-container ul.wpuf-form li .wpuf-fields textarea {
max-width: 100%;
}
.eael-ninja-container input,
.eael-ninja-container textarea {
height: auto;
padding: 10px;
}
.eael-contact-form-align-center .eael-ninja-container,
.eael-contact-form-btn-align-center .eael-ninja-container .nf-field .nf-field-element input[type="button"] {
margin-left: auto !important;
margin-right: auto !important;
display: block;
float: none;
}
.eael-contact-form-align-left .eael-ninja-container,
.eael-contact-form-btn-align-left .eael-ninja-container .nf-field .nf-field-element input[type="button"] {
float: left;
width: auto;
}
.eael-contact-form-align-right .eael-ninja-container,
.eael-contact-form-btn-align-right .eael-ninja-container .nf-field .nf-field-element input[type="button"] {
float: right;
width: auto;
}
.eael-ninja-container ul.wpuf-form li .wpuf-fields input[type="text"],
.eael-ninja-container .nf-field .nf-field-element input[type="password"],
.eael-ninja-container ul.wpuf-form li .wpuf-fields input[type="email"],
.eael-ninja-container .nf-field .nf-field-element input[type="url"],
.eael-ninja-container ul.wpuf-form li .wpuf-fields input[type="number"],
.eael-ninja-container .nf-field .nf-field-element textarea {
max-width: 100%;
}
.eael-ninja-form .nf-form-title {
display: none;
}
.eael-ninja-form-title-yes .nf-form-title {
display: block;
}
.eael-ninja-form .title-description-hide .nf-form-title {
display: none;
}
.eael-ninja-form.title-description-hide .nf-form-title {
display: none;
}
.eael-ninja-form .nf-field-label {
display: none;
}
.eael-ninja-form-labels-yes .nf-field-label {
display: block;
}
.eael-ninja-form .submit-container input[type=button] {
border: 0;
border-radius: 0;
}
.eael-ninja-form-button-full-width .submit-container input[type=button] {
width: 100%;
}
.eael-gravity-form-align-default,
.eael-gravity-form-align-left,
.eael-gravity-form-btn-align-left {
text-align: left;
}
.eael-gravity-form-align-right,
.eael-gravity-form-btn-align-right {
text-align: right;
}
.eael-gravity-form-align-center,
.eael-gravity-form-btn-align-center {
text-align: center;
}
.eael-gravity-form .gform_wrapper .gform_footer {
margin: 0;
padding: 0;
}
.gform_wrapper form li, .gform_wrapper li {
list-style: none;
}
.eael-gravity-form .gform_wrapper ul.gform_fields li.gfield {
padding: 0;
}
.eael-gravity-form .gform_wrapper textarea {
padding: 0;
}
.eael-gravity-form .gform_wrapper .gform_footer input.button,
.eael-gravity-form .gform_wrapper .gform_footer input[type=submit],
.eael-gravity-form .gform_wrapper .gform_page_footer input.button,
.eael-gravity-form .gform_wrapper .gform_page_footer input[type=submit] {
margin: 0;
}
.eael-gravity-form.title-description-hide .gform_heading {
display: none;
}
.eael-gravity-form.labels-hide .gform_wrapper .top_label .gfield_label,
.eael-gravity-form.labels-hide .gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label {
display: none;
}
.eael-gravity-form-button-full-width .gform_wrapper .gform_footer input[type="submit"] {
width: 100%;
}
.eael-grid-post {
float: left;
padding: 10px;
}
.eael-post-carousel .eael-grid-post {
float: none;
padding: 0;
}
.eael-grid-post-holder {
border: 1px solid rgba(0,0,0,.1);
}
.eael-grid-post-holder-inner {
height: 100%;
}
.eael-entry-media {
position: relative;
}
.eael-entry-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
-webkit-transition: opacity .2s ease-in-out,-webkit-transform .25s cubic-bezier(.19,1,.22,1);
-moz-transition: opacity .2s ease-in-out,-moz-transform .25s cubic-bezier(.19,1,.22,1);
transition: opacity .2s ease-in-out,transform .25s cubic-bezier(.19,1,.22,1);
}
.eael-entry-overlay > a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 3;
}
.eael-entry-title {
margin: 10px 0 5px;
font-size: 1.2em;
}
.eael-entry-thumbnail img {
width: 100%;
max-width: 100%;
vertical-align: middle;
}
.eael-entry-thumbnail > img {
height: 100%;
}
.eael-entry-footer .eael-author-avatar {
width: 50px;
}
.eael-entry-footer .eael-author-avatar .avatar {
border-radius: 50%;
}
.eael-post-grid .eael-entry-footer  .eael-entry-meta {
padding-left: 8px;
text-align: left;
}
.eael-grid-post .eael-entry-meta {
display: flex;
flex-direction: row;
}
.eael-grid-post .eael-entry-footer .eael-entry-meta{
flex-direction: column;
}
.eael-entry-meta > div {
font-size: 12px;
line-height: 1.2;
padding-bottom: 5px;
}
.eael-grid-post-excerpt p {
margin: 0;
font-size: 14px;
}
.eael-entry-meta .eael-entry-footer  .eael-posted-by {
display: block;
}
.eael-grid-post .eael-entry-wrapper, .eael-grid-post .eael-entry-footer {
padding: 15px;
}
.eael-post-grid .eael-entry-header .eael-entry-meta span.eael-posted-on {
padding-left: 5px;
}
.eael-post-grid .eael-entry-header .eael-entry-meta span.eael-posted-on::before {
content: '\f111';
font-family: FontAwesome;
color: inherit;
opacity: .4;
font-size: .8em;
padding-right: 7px;
}
.eael-entry-medianone {
position: relative;
}
.eael-entry-overlay {
display: flex;
align-items: center;
justify-content: center;
}
.eael-entry-overlay > i {
color: #fff;
}
.eael-entry-overlay.fade-in {
visibility: hidden;
opacity: 0;
transition: 300ms;
}
.eael-entry-medianone:hover .eael-entry-overlay.fade-in {
visibility: visible;
opacity: 1;
}
.eael-entry-medianone:hover .eael-entry-overlay.fade-in > i {
transform: translate(0);
opacity: 1;
}
.eael-entry-overlay.zoom-in {
transform: scale(.9);
visibility: hidden;
opacity: 0;
transition: 300ms;
}
.eael-entry-medianone:hover .eael-entry-overlay.zoom-in {
visibility: visible;
opacity: 1;
transform: scale(1);
}
.eael-entry-overlay.slide-up {
transform: translateY(100%);
visibility: hidden;
opacity: 0;
transition: 300ms;
}
.eael-entry-medianone:hover .eael-entry-overlay.slide-up {
transform: translateY(0);
visibility: visible;
opacity: 1;
}
.eael-entry-medianone {
overflow: hidden;
}
.eael-entry-media.grid-hover-style-fade-in .eael-entry-overlay { opacity: 0; }
.eael-entry-media.grid-hover-style-fade-in:hover .eael-entry-overlay { opacity: 1; }
.eael-entry-media.grid-hover-style-none .eael-entry-overlay {display: none;}
.eael-entry-media.grid-hover-style-zoom-in .eael-entry-overlay { transform: scale(.4); opacity: 0; }
.eael-entry-media.grid-hover-style-zoom-in:hover .eael-entry-overlay { transform: scale(1); opacity: 1; }
.eael-entry-media.grid-hover-style-animate-down .eael-entry-overlay { transform: translateY(-100%); }
.eael-entry-media.grid-hover-style-animate-down .eael-entry-overlay > i { transform: translateY(-100px); transition-delay: 100ms; transition-duration: 300ms;}
.eael-entry-media.grid-hover-style-animate-down:hover .eael-entry-overlay { transform: translate(0); }
.eael-entry-media.grid-hover-style-animate-down:hover .eael-entry-overlay > i { transform: translateY(0); }
.eael-entry-media.grid-hover-style-animate-up .eael-entry-overlay { transform: translateY(100%); visibility: hidden; opacity: 0; }
.eael-entry-media.grid-hover-style-animate-up .eael-entry-overlay > i { transform: translateY(100px); transition-delay: 100ms; transition-duration: 300ms;}
.eael-entry-media.grid-hover-style-animate-up:hover .eael-entry-overlay { transform: translate(0); visibility: visible;
opacity: 1; }
.eael-entry-media.grid-hover-style-animate-up:hover .eael-entry-overlay > i { transform: translateY(0); }
.eael-col-1 .eael-post-grid-column {
float: none;
width: 100%;
}
.eael-col-2 .eael-post-grid-column{
float: left;
width: 50%;
}
.eael-col-3 .eael-post-grid-column {
float: left;
width: 33.3333%;
}
.eael-col-4 .eael-post-grid-column {
float: left;
width: 25%;
}
.eael-col-5 .eael-post-grid-column {
float: left;
width: 20%;
}
.eael-col-6 .eael-post-grid-column {
float: left;
width: 16.6666%;
}
@media only screen and (max-width: 979px) {
.eael-col-1 .eael-post-grid-column, .eael-col-2 .eael-post-grid-column,
.eael-col-3 .eael-post-grid-column, .eael-col-4 .eael-post-grid-column,
.eael-col-5 .eael-post-grid-column, .eael-col-6 .eael-post-grid-column {
width: 33.3333%;
}
}
@media only screen and (max-width: 767px) {
.eael-col-1 .eael-post-grid-column, .eael-col-2 .eael-post-grid-column,
.eael-col-3 .eael-post-grid-column, .eael-col-4 .eael-post-grid-column,
.eael-col-5 .eael-post-grid-column, .eael-col-6 .eael-post-grid-column {
width: 50%;
}
}
@media only screen and (max-width: 480px) {
.eael-col-1 .eael-post-grid-column, .eael-col-2 .eael-post-grid-column,
.eael-col-3 .eael-post-grid-column, .eael-col-4 .eael-post-grid-column,
.eael-col-5 .eael-post-grid-column, .eael-col-6 .eael-post-grid-column {
float: none;
width: 100%;
}
}
.eael-post-block-grid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-width: 1170px;
margin: 0 auto;
flex-flow: row wrap;
justify-content: center;
align-content: flex-start;
}
.eael-post-block-item {
overflow: hidden;
margin: 10px;
background-color: #ffffff;
box-shadow: 0px 0px 10px 0px rgba(110, 123, 140, 0.3);
flex: 1 1 30%;
}
.eael-post-block-item-holder {
height: 100%;
width: 100%;
}
.eael-post-block-item-holder-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-flow: column wrap;
height: 100%;
}
.eael-post-block-item .eael-entry-thumbnail {
background-color: #f0f0f0;
position: relative;
height: 160px;
flex: auto;
}
.eael-post-block-item .eael-entry-thumbnail img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.eael-post-block .eael-entry-wrapper {
padding: 15px;
}
.eael-post-block .eael-entry-title {
font-size: 1em;
margin: 5px 0 0;
}
.eael-post-block .eael-entry-header .eael-entry-meta .eael-posted-by {
display: inline-block;
}
.eael-post-block .eael-entry-meta {
line-height: 1;
}
.eael-entry-meta > span {
font-size: 12px;
line-height: 1.2;
padding-bottom: 5px;
}
.eael-post-block .eael-entry-header .eael-entry-meta span.eael-posted-on {
padding-left: 5px;
}
.eael-post-block .eael-entry-header .eael-entry-meta span.eael-posted-on::before {
content: '\f111';
font-family: FontAwesome;
color: inherit;
opacity: .4;
font-size: .8em;
padding-right: 7px;
}
.eael-post-block .eael-entry-footer .eael-entry-meta {
padding-left: 8px;
}
.eael-post-block .eael-entry-footer {
padding: 0 15px 15px
}
.post-block-style-overlay.eael-post-block .eael-entry-footer {
padding: 10px 15px 15px 0;
}
@media only screen and (min-width: 768px) {
.eael-post-block-grid .eael-post-block-item:nth-child(1),
.eael-post-block-grid .eael-post-block-item:nth-child(2) {
flex: 1 1 40%;
}
.eael-post-block-grid .eael-post-block-item:nth-child(6),
.eael-post-block-grid .eael-post-block-item:nth-child(7),
.eael-post-block-grid .eael-post-block-item:nth-child(14),
.eael-post-block-grid .eael-post-block-item:nth-child(15),
.eael-post-block-grid .eael-post-block-item:nth-child(22),
.eael-post-block-grid .eael-post-block-item:nth-child(23) {
flex: 1 1 40%;
}
}
@media only screen and (max-width: 480px) {
.eael-post-block-item {
width: 100%;
flex: 1 100%;
}
}
.eael-entry-media:hover .eael-entry-overlay.zoom-in {
transform: scale(1);
visibility: visible;
opacity: 1;
}
.eael-entry-media:hover .eael-entry-overlay.fade-in {
visibility: visible;
opacity: 1;
}
.eael-entry-media:hover .eael-entry-overlay.slide-up {
transform: translateY(0);
visibility: visible;
opacity: 1;
}
.eael-post-block-item-holder .eael-entry-media {
overflow: hidden;
}
.eael-entry-overlay.none {
background: none !important;
}
.eael-entry-overlay.none > i {
display: none;
}
.eael-load-more-button-wrap {
width: 100%;
display: block;
margin: 20px auto;
clear: both;
}
.eael-load-more-button {
position: relative;
text-transform: uppercase;
margin: 0 auto;
display: block;
border: 0;
padding: 15px 30px;
z-index: 2;
cursor: pointer;
font-weight: bold;
font-size: 14px;
letter-spacing: .25em;
transition: all .5s;
overflow: hidden;
}
.eael-load-more-button:hover {
background: #27bdbd;
}
.button--hide {
opacity: 0;
}
.eael-load-more-button {
display: flex;
align-items: center;
justify-content: center;
}
.eael-load-more-button .button__loader {
left: -100%;
top: auto;
margin-right: 5px;
transition: all .2s;
}
.eael-load-more-button > span {
margin-left: -20px;
}
.eael-load-more-button.button--loading > span {
margin-left: 0;
}
.eael-load-more-button.button--loading .button__loader {
left: 0;
}
.eael-btn-loader, .eael-btn-loader:after {
border-radius: 50%;
width: 20px;
height: 20px;
}
.eael-btn-loader {
font-size: 10px;
position: relative;
text-indent: -9999em;
border-top: 4px solid rgba(255, 255, 255, 0.2);
border-right: 4px solid rgba(255, 255, 255, 0.2);
border-bottom: 4px solid rgba(255, 255, 255, 0.2);
border-left: 4px solid #ffffff;
transform: translateZ(0);
animation: loaderSpin 1.1s infinite linear;
}
@keyframes loaderSpin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.eael-post-block.post-block-style-overlay .eael-entry-thumbnail {
height: 300px;
}
.eael-post-block.post-block-style-overlay .eael-post-block-item-holder-inner {
position: relative;
}
.eael-post-block.post-block-style-overlay .eael-entry-wrapper {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
display: flex;
justify-content: center;
flex-direction: column;
}
.eael-post-block .eael-entry-footer {
display: flex;
}
.eael-static-product {
position: relative;
overflow: hidden;
display: block;
margin: 0 auto;
}
.eael-static-product-media {
position: relative;
}
.eael-static-product-thumb img {
width: 100%;
display: block;
}
.eael-static-product-thumb-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
opacity: 0;
-webkit-transition: opacity .2s ease-in-out,-webkit-transform .25s cubic-bezier(.19,1,.22,1);
-moz-transition: opacity .2s ease-in-out,-moz-transform .25s cubic-bezier(.19,1,.22,1);
transition: opacity .2s ease-in-out,transform .25s cubic-bezier(.19,1,.22,1);
}
.eael-static-product-thumb-overlay:hover {
opacity: 1;
}
.eael-static-product-thumb-overlay > a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 3;
display: flex;
align-content: center;
align-items: center;
text-align: center;
}
.eael-static-product-thumb-overlay > a > span {
text-align: center;
flex: 1 100%;
}
.eael-static-product-details {
padding: 10px 20px 30px;
margin: 0;
}
.eael-static-product-details > h2 {
font-size: 1.2em;
margin: 0;
padding: .5em;
}
.eael-static-product-details > p {
margin: 0 0 1.5em;
font-size: 14px;
}
a.eael-static-product-btn {
padding: 10px 20px;
font-size: 14px;
transition: color .5s ease;
-webkit-transition: color .5s ease;
-moz-transition: color .5s ease;
}
.post-block-style-overlay .eael-entry-wrapper {
transition: 300ms;
}
.post-block-style-overlay .eael-entry-wrapper.slide-up {
transform: translateY(100%);
}
.post-block-style-overlay .eael-entry-media {
overflow: hidden;
}
.post-block-style-overlay .eael-post-block-item:hover .eael-entry-wrapper.slide-up {
transform: translateY(0);
}
.post-block-style-overlay .eael-entry-wrapper.fade-in {
visibility: hidden;
opacity: 0;
}
.post-block-style-overlay .eael-post-block-item:hover .eael-entry-wrapper.fade-in {
visibility: visible;
opacity: 1;
}
.post-block-style-overlay .eael-entry-wrapper.zoom-in {
transform: scale(.8);
visibility: hidden;
opacity: 0;
}
.post-block-style-overlay .eael-post-block-item:hover .eael-entry-wrapper.zoom-in {
visibility: visible;
opacity: 1;
transform: scale(1);
}
.post-block-style-overlay .eael-entry-wrapper.none {
display: none;
}
.eael-infobox .infobox-icon {
height: auto;
}
.eael-infobox .infobox-icon .infobox-icon-wrap {
display: block;
width: 100%;
height: auto;
transition: .3s;
}
.eael-infobox .infobox-icon .infobox-icon-wrap i {
transition: .3s;
}
.eael-infobox-content-align-left .eael-infobox .infobox-icon,
.eael-infobox-content-align-left .eael-infobox .infobox-content,
.eael-infobox-content-align-left .eael-infobox .infobox-button {
text-align: left;
}
.eael-infobox-content-align-right .eael-infobox .infobox-icon,
.eael-infobox-content-align-right .eael-infobox .infobox-content,
.eael-infobox-content-align-right .eael-infobox .infobox-button {
text-align: right;
}
.eael-infobox-content-align-center .eael-infobox .infobox-icon,
.eael-infobox-content-align-center .eael-infobox .infobox-content,
.eael-infobox-content-align-center .eael-infobox .infobox-button {
text-align: center;
}
.eael-infobox-icon-bg-shape-square .infobox-icon .infobox-icon-wrap,
.eael-infobox-icon-bg-shape-radius .infobox-icon .infobox-icon-wrap,
.eael-infobox-icon-bg-shape-circle .infobox-icon .infobox-icon-wrap {
width: 90px;
height: 90px;
text-align: center;
}
.eael-infobox-icon-hover-bg-shape-square:hover .infobox-icon .infobox-icon-wrap {
border-radius: 0;
}
.eael-infobox-icon-bg-shape-radius .infobox-icon .infobox-icon-wrap,
.eael-infobox-icon-hover-bg-shape-radius:hover .infobox-icon .infobox-icon-wrap {
border-radius: 15px;
}
.eael-infobox-icon-bg-shape-radius .infobox-icon .infobox-icon-wrap {
display: flex;
align-items: center;
justify-content: center;
}
.eael-infobox-icon-bg-shape-circle .infobox-icon .infobox-icon-wrap,
.eael-infobox-icon-hover-bg-shape-circle:hover .infobox-icon .infobox-icon-wrap {
border-radius: 50%;
}
.eael-infobox-icon-bg-shape-square .infobox-icon .infobox-icon-wrap i,
.eael-infobox-icon-bg-shape-circle .infobox-icon .infobox-icon-wrap i {
margin-top: 50%;
transform: translateY(-50%);
}
.eael-infobox .infobox-button a.eael-infobox-button {
display: inline-block;
padding: 5px 10px;
-webkit-transition: all 300ms ease-in-out 0s;
-o-transition: all 300ms ease-in-out 0s;
transition: all 300ms ease-in-out 0s;
}
.eael-infobox-content-align-left.eael-infobox-icon-bg-shape-square .infobox-icon,
.eael-infobox-content-align-left.eael-infobox-icon-bg-shape-radius .infobox-icon,
.eael-infobox-content-align-left.eael-infobox-icon-bg-shape-circle .infobox-icon {
display: flex;
justify-content: flex-start;
}
.eael-infobox-content-align-center.eael-infobox-icon-bg-shape-square .infobox-icon,
.eael-infobox-content-align-center.eael-infobox-icon-bg-shape-radius .infobox-icon,
.eael-infobox-content-align-center.eael-infobox-icon-bg-shape-circle .infobox-icon {
display: flex;
justify-content: center;
}
.eael-infobox-content-align-right.eael-infobox-icon-bg-shape-square .infobox-icon,
.eael-infobox-content-align-right.eael-infobox-icon-bg-shape-radius .infobox-icon,
.eael-infobox-content-align-right.eael-infobox-icon-bg-shape-circle .infobox-icon {
display: flex;
justify-content: flex-end;
}
.eael-infobox.icon-on-left {
position: relative;
z-index: 0;
display: flex;
}
.eael-infobox.icon-on-right .infobox-icon-wrap,
.eael-infobox.icon-on-left .infobox-icon-wrap {
justify-content: center;
display: flex !important;
align-items: center;
}
.eael-infobox.icon-on-left .infobox-icon .infobox-icon-wrap {
background: none;
border: 0px;
text-align: left;
height: auto;
display: block;
}
.eael-infobox .infobox-content p { margin: 0 0 15px; }
.eael-infobox.icon-on-left .infobox-icon .infobox-icon-wrap i {
margin-top: 0px;
transform: translateY(0%);
}
.eael-infobox.icon-on-left .infobox-content {
padding-left: 15px;
flex: 1 1 auto;
}
.eael-infobox.icon-on-left .infobox-content .title {
line-height: 1;
margin: 0 0 10px 0;
}
.eael-infobox.icon-on-right {
position: relative;
z-index: 0;
display: flex;
flex-direction: row-reverse;
}
.eael-infobox.icon-on-right .infobox-icon .infobox-icon-wrap {
background: none;
border: 0px;
text-align: right;
width: auto;
height: auto;
display: block;
}
.eael-infobox.icon-on-right .infobox-icon .infobox-icon-wrap i {
margin-top: 0px;
transform: translateY(0%);
}
.eael-infobox.icon-on-right .infobox-content {
padding-right: 15px;
text-align: right;
flex: 1 1 auto;
box-sizing: border-box;
}
.eael-infobox.icon-on-right .infobox-content .title {
line-height: 1;
margin: 0 0 10px 0;
}
.eael-infobox .infobox-icon img {
-webkit-transition: all 300ms ease-in-out 0s;
-o-transition: all 300ms ease-in-out 0s;
transition: all 300ms ease-in-out 0s;
}
.eael-infobox-hover-img-shape-square:hover .eael-infobox .infobox-icon img {
border-radius: 0;
}
.eael-infobox-shape-circle .eael-infobox .infobox-icon img,
.eael-infobox-hover-img-shape-circle:hover .eael-infobox .infobox-icon img {
border-radius: 50%;
}
.eael-infobox-shape-radius .eael-infobox .infobox-icon img,
.eael-infobox-hover-img-shape-radius:hover .eael-infobox .infobox-icon img {
border-radius: 15px;
}
.eael-elements-flip-box-container {
position:relative;
height:300px;
width:100%;
}
.eael-elements-flip-box-container .flipbox-button {
display: inline-block;
-webkit-transition: all 400ms;
-o-transition: all 400ms;
transition: all 400ms;
}
.eael-elements-flip-box-container a {
display:block;
}
.eael-elements-flip-box-vertical-align {
width:100%;
}
.eael-elements-flip-box-padding {
padding:0px 30px 5px 30px;
}
.eael-elements-flip-box-icon-image {
display:inline-block;
margin:0 auto 0px auto;
line-height:1;
}
.eael-elements-flip-box-icon-image.eael_eleements_flip_front_icon_style_background {
background:#cccccc;
}
.eael_eleements_flip_front_icon_style_bordered {
border:2px solid #ffffff;
}
.eael_flip_box_icon_border_round {
border-radius:100px;
}
.eael_eleements_flip_front_icon_style_background,
.eael_eleements_flip_front_icon_style_bordered {
padding:15px;
}
.eael-elements-flip-box-icon-image i {
font-size:40px;
line-height:40px;
width:40px;
}
.eael-elements-slider-display-table {
width: 100%;
}
.eael-elements-flip-box-front-container {
text-align:center;
position:absolute;
top:0px;
left:0px;
z-index: 2;
width:100%;
height:100%;
background:#0e9dd2;
color:#ffffff;
border-color:#000000;
-webkit-display: flex;
display: flex;
-webkit-align-items: center;
align-items: center;
}
.eael-elements-flip-box-content,
.eael-elements-flip-box-heading {
color:#ffffff;
}
.eael-elements-flip-box-heading.flipbox-linked-title {
color: #fff;
font-size: 1.5em;
font-weight: 700;
}
.eael-elements-flip-box-rear-container {
text-align:center;
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
background:#444444;
color:#ffffff;
display: flex;
-webkit-align-items: center;
align-items: center;
border-color: #000000;
}
.eael-elements-button-floating-container {
position:fixed;
z-index:100;
}
.eael-elements-button-floating-container .eael-elements-button {
margin-top:0px;
font-size:14px;
position:relative;
padding:14px 20px;
}
.eael-elements-button {
cursor:pointer;
display:inline-block;
background:#077bbe;
color:#ffffff;
line-height:1;
padding:16px 25px;
margin-top:15px;
}
.eael-elements-button:hover {
background:#077bbe;
color:#ffffff;
}
.eael-elements-flip-box-container {
perspective: 1000px;
}
.eael-elements-flip-box-front-container,
.eael-elements-flip-box-rear-container {
transition-duration:500ms;
transition-property: all;
transition-timing-function: ease;
}
.eael-elements-flip-box-flip-card {
width: 100%;
height: 100%;
transform-style: preserve-3d;
transition: all 500ms ease;
}
.eael-elements-flip-box-rear-container,
.eael-elements-flip-box-front-container {
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: rotateX(0deg);
transform: rotateY(0deg);
}
.eael-animate-flip.eael-animate-up.eael-elements-flip-box-container:hover .eael-elements-flip-box-flip-card,
.eael-animate-flip.eael-animate-up .eael-elements-flip-box-rear-container {
transform: rotateX(180deg);
}
.eael-animate-flip.eael-animate-down.eael-elements-flip-box-container:hover .eael-elements-flip-box-flip-card,
.eael-animate-flip.eael-animate-down .eael-elements-flip-box-rear-container {
transform: rotateX(-180deg);
}
.eael-animate-flip.eael-animate-left.eael-elements-flip-box-container:hover .eael-elements-flip-box-flip-card,
.eael-animate-flip.eael-animate-left .eael-elements-flip-box-rear-container {
transform: rotateY(-180deg);
}
.eael-animate-flip.eael-animate-right.eael-elements-flip-box-container:hover .eael-elements-flip-box-flip-card,
.eael-animate-flip.eael-animate-right .eael-elements-flip-box-rear-container {
transform: rotateY(180deg);
}
.eael-animate-push.eael-elements-flip-box-container,
.eael-animate-slide.eael-elements-flip-box-container {
overflow:hidden;
}
.eael-animate-push .eael-elements-flip-box-rear-container,
.eael-animate-slide .eael-elements-flip-box-rear-container {
z-index:3;
}
.eael-animate-push.eael-animate-up .eael-elements-flip-box-rear-container,
.eael-animate-slide.eael-animate-up .eael-elements-flip-box-rear-container {
top:100%; 
}
.eael-animate-push.eael-animate-up.eael-elements-flip-box-container:hover .eael-elements-flip-box-rear-container,
.eael-animate-slide.eael-animate-up.eael-elements-flip-box-container:hover .eael-elements-flip-box-rear-container {
top:0;
}
.eael-animate-push.eael-animate-down .eael-elements-flip-box-rear-container,
.eael-animate-slide.eael-animate-down .eael-elements-flip-box-rear-container {
top:auto;
bottom:100%;
}
.eael-animate-push.eael-animate-down.eael-elements-flip-box-container:hover .eael-elements-flip-box-rear-container,
.eael-animate-slide.eael-animate-down.eael-elements-flip-box-container:hover .eael-elements-flip-box-rear-container {
top:auto;
bottom:0;
}
.eael-animate-push.eael-animate-left .eael-elements-flip-box-rear-container,
.eael-animate-slide.eael-animate-left .eael-elements-flip-box-rear-container {
left:100%;
}
.eael-animate-push.eael-animate-left.eael-elements-flip-box-container:hover .eael-elements-flip-box-rear-container,
.eael-animate-slide.eael-animate-left.eael-elements-flip-box-container:hover .eael-elements-flip-box-rear-container {
left:0;
}
.eael-animate-push.eael-animate-right .eael-elements-flip-box-rear-container,
.eael-animate-slide.eael-animate-right .eael-elements-flip-box-rear-container {
left:auto;
right:100%;
}
.eael-animate-push.eael-animate-right.eael-elements-flip-box-container:hover .eael-elements-flip-box-rear-container,
.eael-animate-slide.eael-animate-right.eael-elements-flip-box-container:hover .eael-elements-flip-box-rear-container {
left:auto;
right:0;
}
.eael-animate-push.eael-animate-up.eael-elements-flip-box-container:hover .eael-elements-flip-box-front-container {
top:-100%;
}
.eael-animate-push.eael-animate-down.eael-elements-flip-box-container:hover .eael-elements-flip-box-front-container {
top:100%;
}
.eael-animate-push.eael-animate-left.eael-elements-flip-box-container:hover .eael-elements-flip-box-front-container {
left:-100%;
}
.eael-animate-push.eael-animate-right.eael-elements-flip-box-container:hover .eael-elements-flip-box-front-container {
left:100%;
}
.eael-animate-zoom-in .eael-elements-flip-box-rear-container {
opacity:0;
transform: scale(0.75);
z-index:3;
}
.eael-animate-zoom-in.eael-elements-flip-box-container:hover .eael-elements-flip-box-rear-container {
opacity:1;
transform: scale(1);
}
.eael-animate-zoom-out.eael-elements-flip-box-container:hover .eael-elements-flip-box-front-container {
opacity:0;
transform: scale(0.75);
}
.eael-animate-fade.eael-elements-flip-box-container:hover .eael-elements-flip-box-front-container {
opacity:0;
}
.eael-flipbox-content-align-right .eael-elements-flip-box-padding {
text-align: right;
}
.eael-flipbox-content-align-left .eael-elements-flip-box-padding {
text-align: left;
}
.eael-flipbox-content-align-center .eael-elements-flip-box-padding {
text-align: center;
}
.eael-flipbox-img-circle .eael-elements-flip-box-icon-image img,
.eael-flipbox-img-circle .flipbox-back-image-icon img {
border-radius: 50%;
overflow: hidden;
}
.eael-call-to-action {
width: 100%;
height: auto;
display: block;
padding: 30px;
font-size: 16px;
color: #4d4d4d;
font-weight: 400;
line-height: 27px;
margin: 0 auto;
}
.eael-call-to-action p {
margin-bottom: 10px;
}
.eael-call-to-action .title {
font-size: 36px;
font-weight: 600;
line-height: 36px;
margin-bottom: 10px;
text-transform: capitalize;
font-style: normal;
}
.eael-call-to-action.cta-center {
text-align: center;
}
.eael-call-to-action.cta-right {
text-align: right;
}
.eael-call-to-action.cta-left {
text-align: left;
}
.eael-call-to-action.bg-lite {
background: #f4f4f4;
}
.eael-call-to-action.bg-img {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
position: relative;
z-index: 0;
color: rgba( 255,255,255, 0.7 );
}
.eael-call-to-action.bg-img .icon {
color: #fff;
}
.eael-call-to-action.bg-img:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
z-index: -1;
background: rgba( 0,0,0,0.8 );
}
.eael-call-to-action.bg-img.bg-fixed {
background-attachment: fixed;
background-position: center center;
}
.eael-call-to-action.bg-img .title {
color: rgba( 255,255,255, 0.9 );
}
.eael-call-to-action.cta-flex,
.eael-call-to-action.cta-icon-flex {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.eael-call-to-action.cta-icon-flex .icon {
flex-grow: 1;
font-size: 80px;
text-align: left;
line-height: 130px;
}
.eael-call-to-action.cta-icon-flex .action {
flex-grow: 1;
text-align: right;
padding-top: 22px;
flex-basis: 22%;
}
.eael-call-to-action.cta-icon-flex .content {
flex-grow: 1;
padding: 0px 30px;
}
.eael-call-to-action.cta-flex .content {
padding: 0px 15px;
flex-grow: 1;
}
.eael-call-to-action.cta-flex .action {
flex-grow: 1;
text-align: right;
padding-top: 25px;
flex-basis: 23%;
}
.eael-call-to-action .cta-button {
position: relative;
display: inline-block;
padding: 12px 30px;
background: #f9f9f9;
font-size: 16px;
text-decoration: none;
color: #4d4d4d;
-webkit-transition: .5s;
-ms-transition: .5s;
transition: .5s;
-webkit-box-shadow: 0px 0px 3px -1px rgba(0,0,0,0.2);
-ms-box-shadow: 0px 0px 3px -1px rgba(0,0,0,0.2);
box-shadow: 0px 0px 3px -1px rgba(0,0,0,0.2);
margin-right: 10px;
margin-top: 10px;
z-index: 0;
overflow: hidden;
}
.eael-call-to-action .cta-button:last-child {
margin-right: 0px;
}
.eael-call-to-action .cta-button:focus {
outline: none;
}
.eael-call-to-action .cta-button:hover {
color: #fff;
background: #3F51B5;
-webkit-box-shadow: 0px 1px 12px 1px rgba(0,0,0,0.1);
-ms-box-shadow: 0px 1px 12px 1px rgba(0,0,0,0.1);
box-shadow: 0px 1px 12px 1px rgba(0,0,0,0.1);
}
.eael-call-to-action .cta-button.effect-1:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: #3F51B5;
top: 0px;
left: 0px;
transform: translateY(-100%);
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
z-index: -1;
-webkit-transition: .5s;
-ms-transition: .5s;
transition: .5s;
color: #fff;
}
.eael-call-to-action .cta-button.effect-1:hover::after {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.eael-call-to-action .cta-button.effect-2:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: #3F51B5;
top: 0px;
left: 0px;
z-index: -1;
-webkit-transition: .5s;
-ms-transition: .5s;
transition: .5s;
color: #fff;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
.eael-call-to-action .cta-button.effect-2:hover::after {
-webkit-transform: translateX(0);
transform: translateX(0);
}
@media only screen and (max-width: 768px) {
.eael-call-to-action.cta-flex,
.eael-call-to-action.cta-icon-flex {
flex-wrap: wrap;
}
.eael-call-to-action .title {
font-size: 28px;
line-height: 36px;
margin-top: 0px;
}
.eael-call-to-action.cta-icon-flex .icon {
flex-grow: 1;
font-size: 48px;
line-height: 90px;
text-align: center;
}
.eael-call-to-action.cta-flex .content,
.eael-call-to-action.cta-icon-flex .content {
flex-grow: 1;
text-align: center;
padding: 0px;
}
.eael-call-to-action.cta-flex .action,
.eael-call-to-action.cta-icon-flex .action {
text-align: center;
padding-top: 0px;
}
.eael-call-to-action .cta-button {
padding: 12px 25px;
}
}
@media only screen and (max-width: 360px) {
.eael-call-to-action {
font-size: 14px;
line-height: 26px;
}
.eael-call-to-action .cta-button {
padding: 4px 20px;
font-size: 12px;
}
.eael-call-to-action .title {
font-size: 20px;
line-height: 30px;
}
}
.eael-dual-header {
display: block;
margin-bottom: 50px;
}
.eael-dual-header .title,
.eael-dual-header .title span {
font-size: 36px;
font-weight: 700;
text-transform: uppercase;
line-height: 48px;
margin: 10px 0px;
}
.eael-dual-header .subtext {
font-size: 16px;
display: block;
}
.eael-dual-header i {
display: block;
padding: 0px;
margin: 20px 0px 10px 0px;
font-size: 36px;
}
.eael-dual-header .title span.lead {
color: #1abc9c;
}
.eael-dual-header-content-align-center {
text-align: center;
}
.eael-dual-header-content-align-left {
text-align: left;
}
.eael-dual-header-content-align-right {
text-align: right;
}
.eael-pricing {
-webkit-display: flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
}
.eael-pricing .eael-pricing-item {
width: 100%;
height: auto;
margin: 0;
}
.eael-pricing .eael-pricing-button {
display: inline-block;
padding: 12px 25px;
background: #00C853;
font-size: 14px;
font-weight: 600;
color: #fff;
text-transform: uppercase;
text-decoration: none;
-webkit-transition: .3s;
transition: .3s;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.eael-pricing .eael-pricing-button:hover {
background: #03b048;
}
.eael-pricing .eael-pricing-item ul {
padding: 0px;
margin: 0px;
list-style: none;
}
.eael-pricing .eael-pricing-item ul li.disable-item {
text-decoration: line-through;
opacity: 0.5;
}
.eael-pricing .eael-pricing-item ul li span.li-icon {
color: #00C853;
margin-right: 6px;
}
.eael-pricing .eael-pricing-item ul li.disable-item span.li-icon {
color: #EF5350;
}
.eael-pricing.style-1 {
position: relative;
z-index: 0;
text-align: center;
}
.eael-pricing.style-1 .eael-pricing-item {
border: 1px solid rgba( 9, 9, 9, .1 );
padding: 30px;
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-transition: .5s;
transition: .5s;
}
.eael-pricing.style-1 .eael-pricing-item:hover {
-webkit-box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
.eael-pricing.style-1 .eael-pricing-item.featured {
position: relative;
}
.eael-pricing.style-1 .eael-pricing-item.ribbon-1:before {
content: "";
position: absolute;
width: 100%;
height: 3px;
background: #00C853;
top: 0px;
left: 0px;
right: 0px;
z-index: 1;
-webkit-border-radius: 5px 5px 0px 0px;
border-radius: 5px 5px 0px 0px;
}
.eael-pricing.style-1 .eael-pricing-item.ribbon-2:before {
content: "Featured";
position: absolute;
width: auto;
background: #00C853;
color: #fff;
top: 35px;
right: -15px;
z-index: 10;
font-size: 10px;
font-weight: 600;
text-transform: uppercase;
padding: 5px 10px;
}
.eael-pricing.style-1 .eael-pricing-item.ribbon-2:after {
content: "";
position: absolute;
top: 20px;
right: -15px;
width: 0;
height: 0;
border-bottom: 15px solid #00C853;
border-right: 15px solid transparent;
z-index: 9;
opacity: 0.9;
}
.eael-pricing.style-1 .eael-pricing-item.ribbon-3:before {
content: "Featured";
position: absolute;
width: auto;
background: rgba( 0,0,0,0.6 );
color: #fff;
top: 15px;
right: 15px;
z-index: 10;
font-size: 11px;
font-weight: 600;
text-transform: uppercase;
padding: 5px 15px;
}
.eael-pricing.style-1 .eael-pricing-item .header {
display: block;
position: relative;
z-index: 0;
padding-bottom: 15px;
margin-bottom: 15px;
}
.eael-pricing.style-1 .eael-pricing-item .header:after {
content: "";
position: absolute;
width: 140px;
height: 1px;
bottom: 0px;
left: 0px;
right: 0px;
margin: 0 auto;
z-index: 1;
background: rgba( 9, 9, 9, .1 );
}
.eael-pricing.style-1 .eael-pricing-item .header .title {
font-weight: 700;
line-height: 30px;
margin: 0px;
}
.eael-pricing.style-1 .eael-pricing-item .eael-pricing-tag {
position: relative;
z-index: 0;
padding: 15px 0px;
margin-bottom: 15px;
}
.eael-pricing.style-1 .eael-pricing-item .eael-pricing-tag:after {
content: "";
position: absolute;
width: 140px;
height: 1px;
bottom: 0px;
left: 0px;
right: 0px;
margin: 0 auto;
z-index: 1;
background: rgba( 9, 9, 9, .04 );
}
.eael-pricing.style-1 .eael-pricing-item .price-tag {
position: relative;
display: inline-block;
font-size: 28px;
font-weight: 500;
line-height: 0px;
margin: 0px auto;
}
.eael-pricing.style-1 .eael-pricing-item .price-tag .price-currency {
font-size: 24px;
font-weight: 700;
}
.eael-pricing.style-1 .eael-pricing-item .price-period {
color: #999;
}
.eael-pricing.style-1 .eael-pricing-item .body ul {
display: block;
width: 100%;
margin-bottom: 15px;
}
.eael-pricing.style-1 .eael-pricing-item .body ul li {
display: block;
width: 100%;
height: auto;
padding: 10px 0px;
font-size: 14px;
color: #6d6d6d;
border-bottom: 1px solid  rgba( 9, 9, 9, .04 );
}
.eael-pricing.style-1 .eael-pricing-item .body ul li:last-child {
border: none;
}
.eael-pricing.style-1 .eael-pricing-item.featured-large {
padding: 60px 0px;
}
.eael-pricing.style-2 {
position: relative;
z-index: 0;
text-align: center;
}
.eael-pricing.style-2 .eael-pricing-item {
padding: 30px 0px;
border-radius: 5px;
margin: 0px;
border: 1px solid rgba( 9, 9, 9, .1 );
}
.eael-pricing.style-2 .eael-pricing-item.featured {
-webkit-box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
.eael-pricing.style-2 .eael-pricing-item.ribbon-1:before {
content: "";
position: absolute;
width: 100%;
height: 3px;
background: #00C853;
top: 0px;
left: 0px;
right: 0px;
z-index: 1;
-webkit-border-radius: 5px 5px 0px 0px;
border-radius: 5px 5px 0px 0px;
}
.eael-pricing.style-2 .eael-pricing-item.ribbon-2:before {
content: "Featured";
position: absolute;
width: auto;
background: #00C853;
color: #fff;
top: 35px;
right: -15px;
z-index: 10;
font-size: 10px;
font-weight: 600;
text-transform: uppercase;
padding: 5px 10px;
}
.eael-pricing.style-2 .eael-pricing-item.ribbon-2:after {
content: "";
position: absolute;
top: 20px;
right: -15px;
width: 0;
height: 0;
border-bottom: 15px solid #00C853;
border-right: 15px solid transparent;
z-index: 9;
opacity: 0.9;
}
.eael-pricing.style-2 .eael-pricing-item.ribbon-3:before {
content: "Featured";
position: absolute;
width: auto;
background: rgba( 0,0,0,0.6 );
color: #fff;
top: 15px;
right: 15px;
z-index: 10;
font-size: 11px;
font-weight: 600;
text-transform: uppercase;
padding: 5px 15px;
}
.eael-pricing.style-2 .eael-pricing-item .eael-pricing-icon .icon {
display: inline-block;
position: relative;
width: 80px;
height: 80px;
background: #00c853;
border-radius: 50%;
margin-bottom: 30px;
text-align: center;
-webkit-transition: .5s;
transition: .5s;
overflow: hidden;
}
.eael-pricing.style-2 .eael-pricing-item .eael-pricing-icon .icon i {
font-size: 30px;
color: #fff;
line-height: 80px;
-webkit-transition: .5s;
transition: .5s;
}
.eael-pricing.style-2 .eael-pricing-item:hover .eael-pricing-icon .icon {
background: #43A047;
}
.eael-pricing.style-2 .eael-pricing-item:hover .eael-pricing-icon .icon i {
color: #fff;
}
.eael-pricing.style-2 .eael-pricing-item .header {
background: #C8E6C9;
padding: 25px 30px;
margin-bottom: 15px;
position: relative;
z-index: 0;
}
.eael-pricing.style-2 .eael-pricing-item.featured .header:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
z-index: -1;
background: rgba(255,255,255,.4);
}
.eael-pricing.style-2 .eael-pricing-item .header .title {
font-size: 28px;
font-weight: 700;
line-height: 40px;
margin: 0px;
}
.eael-pricing.style-2 .eael-pricing-item .header .subititle {
font-size: 14px;
font-weight: 600;
color: #6d6d6d;
}
.eael-pricing.style-2 .eael-pricing-item .eael-pricing-tag {
position: relative;
z-index: 0;
padding: 15px 0px;
margin-bottom: 15px;
}
.eael-pricing.style-2 .eael-pricing-item .eael-pricing-tag:after {
content: "";
position: absolute;
width: 140px;
height: 1px;
bottom: 0px;
left: 0px;
right: 0px;
margin: 0 auto;
z-index: 1;
background: rgba( 9, 9, 9, .04 );
}
.eael-pricing.style-2 .eael-pricing-item .price-tag {
position: relative;
display: inline-block;
font-size: 28px;
font-weight: 500;
line-height: 0px;
margin: 0px auto;
}
.eael-pricing.style-2 .eael-pricing-item .price-tag .price-currency{
font-size: 24px;
font-weight: 700;
}
.eael-pricing.style-2 .eael-pricing-item .price-period {
color: #999;
}
.eael-pricing.style-2 .eael-pricing-item .body ul {
display: block;
width: 100%;
margin-bottom: 15px;
}
.eael-pricing.style-2 .eael-pricing-item .body ul li {
display: block;
width: 100%;
height: auto;
padding: 10px 15px;
font-size: 14px;
color: #6d6d6d;
border-bottom: 1px solid  rgba( 9, 9, 9, .04 );
}
.eael-pricing.style-2 .eael-pricing-item .body ul li:last-child {
border: none;
}
.eael-pricing.style-3 .eael-pricing-item {
background: #262c37;
padding: 30px;
color: #fff;
}
.eael-pricing.style-3 .eael-pricing-item.featured {
position: relative;
z-index: 0;
}
.eael-pricing.style-3 .eael-pricing-item.ribbon-1:before {
content: "";
position: absolute;
width: 100%;
height: 3px;
background: #E25A77;
top: 0px;
left: 0px;
right: 0px;
z-index: 1;
-webkit-border-radius: 5px 5px 0px 0px;
border-radius: 5px 5px 0px 0px;
}
.eael-pricing.style-3 .eael-pricing-item.ribbon-2:before {
content: "Featured";
position: absolute;
width: auto;
background: #E25A77;
color: #fff;
top: 35px;
right: -15px;
z-index: 10;
font-size: 10px;
font-weight: 600;
text-transform: uppercase;
padding: 5px 10px;
}
.eael-pricing.style-3 .eael-pricing-item.ribbon-2:after {
content: "";
position: absolute;
top: 20px;
right: -15px;
width: 0;
height: 0;
border-bottom: 15px solid #bf4a63;
border-right: 15px solid transparent;
z-index: 9;
opacity: 0.9;
}
.eael-pricing.style-3 .eael-pricing-item.ribbon-3:before {
content: "Featured";
position: absolute;
width: auto;
background: #E25A77;
color: #fff;
top: 15px;
right: 15px;
z-index: 10;
font-size: 11px;
font-weight: 600;
text-transform: uppercase;
padding: 5px 15px;
}
.eael-pricing.style-3 .eael-pricing-item .header {
position: relative;
padding-bottom: 15px;
margin-bottom: 15px;
z-index: 0;
overflow: hidden;
}
.eael-pricing.style-3 .eael-pricing-item .header:after {
position: absolute;
content: "";
width: 100%;
height: 1px;
bottom: 0px;
left: 0px;
right: 0px;
margin: 0 auto;
z-index: 1;
-webkit-transition: 1s;
transition: 1s;
-webkit-transform: scaleX( 0.4 );
transform: scaleX( 0.4 );
background: #E25A77;
}
.eael-pricing.style-3 .eael-pricing-item:hover .header:after {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
.eael-pricing.style-3 .eael-pricing-item .header .title {
font-family: 'Raleway', sans-serif;
font-size: 28px;
font-weight: 400;
line-height: 40px;
margin: 0px;
}
.eael-pricing.style-3 .eael-pricing-item .header .subtitle {
font-size: 14px;
color: rgba( 255,255,255,.5 );
}
.eael-pricing.style-3 .eael-pricing-item .eael-pricing-tag {
margin-bottom: 30px;
}
.eael-pricing.style-3 .eael-pricing-item .eael-pricing-tag .price-tag {
position: relative;
display: inline-block;
font-size: 36px;
font-weight: 700;
line-height: 0px;
padding-left: 12px;
z-index: 0;
}
.eael-pricing.style-3 .eael-pricing-item .price-tag .price-currency {
font-size: 24px;
font-weight: 700;
}
.eael-pricing.style-3 .eael-pricing-item .body ul {
margin-bottom: 30px;
}
.eael-pricing.style-3 .eael-pricing-item .body ul li {
display: block;
width: 100%;
height: auto;
padding: 10px 0px;
font-size: 14px;
color: rgba( 255,255,255,.7 );
border-bottom: 1px solid  rgba( 9, 9, 9, .04 );
}
.eael-pricing.style-3 .eael-pricing-item .body ul li:last-child {
border: none;
}
.eael-pricing.style-3 .eael-pricing-item .eael-pricing-tag.on-top {
margin-top: 15px;
margin-bottom: 15px;
}
.eael-pricing.style-4 {
position: relative;
z-index: 0;
text-align: center;
padding: 0px;
}
.eael-pricing.style-4 .eael-pricing-item {
padding: 0px 0px 30px 0px;
border-radius: 5px;
margin: 0px;
-webkit-transition: .5s;
transition: .5s;
}
.eael-pricing.style-4 .eael-pricing-item.ribbon-1:before {
content: "";
position: absolute;
width: 100%;
height: 3px;
background: #00C853;
top: 0px;
left: 0px;
right: 0px;
z-index: 1;
-webkit-border-radius: 5px 5px 0px 0px;
border-radius: 5px 5px 0px 0px;
}
.eael-pricing.style-4 .eael-pricing-item.ribbon-2:before {
content: "Featured";
position: absolute;
width: auto;
background: #00C853;
color: #fff;
top: 35px;
right: -15px;
z-index: 10;
font-size: 10px;
font-weight: 600;
text-transform: uppercase;
padding: 5px 10px;
}
.eael-pricing.style-4 .eael-pricing-item.ribbon-2:after {
content: "";
position: absolute;
top: 20px;
right: -15px;
width: 0;
height: 0;
border-bottom: 15px solid #00C853;
border-right: 15px solid transparent;
z-index: 9;
opacity: 0.9;
}
.eael-pricing.style-4 .eael-pricing-item.ribbon-3:before {
content: "Featured";
position: absolute;
width: auto;
background: #00C853;
color: #fff;
top: 15px;
right: 15px;
z-index: 10;
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
padding: 5px 15px;
}
.eael-pricing.style-4 .eael-pricing-item:hover {
-webkit-box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
.eael-pricing.style-4 .eael-pricing-item .header {
background: #C8E6C9;
padding: 25px 0px;
margin-bottom: 15px;
position: relative;
z-index: 0;
}
.eael-pricing.style-4 .eael-pricing-item .header .title {
font-size: 28px;
font-weight: 700;
line-height: 40px;
margin: 0px;
}
.eael-pricing.style-4 .eael-pricing-item .header .subititle {
font-size: 14px;
font-weight: 600;
color: #6d6d6d;
}
.eael-pricing.style-4 .eael-pricing-item .eael-pricing-tag {
position: relative;
z-index: 0;
padding: 15px 0px;
margin-bottom: 15px;
}
.eael-pricing.style-4 .eael-pricing-item .eael-pricing-tag:after {
content: "";
position: absolute;
width: 140px;
height: 1px;
bottom: 0px;
left: 0px;
right: 0px;
margin: 0 auto;
z-index: 1;
background: rgba( 9, 9, 9, .04 );
}
.eael-pricing.style-4 .eael-pricing-item .price-tag {
position: relative;
display: inline-block;
font-size: 28px;
font-weight: 500;
line-height: 0px;
margin: 0px auto;
}
.eael-pricing.style-4 .eael-pricing-item .price-tag .price-currency {
font-size: 24px;
font-weight: 700;
}
.eael-pricing.style-4 .eael-pricing-item .price-period {
color: #999;
}
.eael-pricing.style-4 .eael-pricing-item .body ul {
display: block;
width: 100%;
margin-bottom: 15px;
}
.eael-pricing.style-4 .eael-pricing-item .body ul li {
display: block;
width: 100%;
height: auto;
padding: 10px 0px;
font-size: 14px;
color: #6d6d6d;
border-bottom: 1px solid  rgba( 9, 9, 9, .04 );
}
.eael-pricing.style-4 .eael-pricing-item .body ul li:last-child {
border: none;
}
.eael-pricing.style-4 .eael-pricing-item .eael-pricing-image {
position: relative;
-webkit-display: flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
z-index: 0;
width: 100%;
height: 120px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
padding-top: 15px;
}
.eael-pricing.style-4 .eael-pricing-item .eael-pricing-image:after {
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
background: rgba( 0,0,0,0.5 );
z-index: -1;
}
.eael-pricing.style-4 .eael-pricing-item .eael-pricing-image .eael-pricing-tag {
padding: 0px;
margin: 0px;
}
.eael-pricing.style-4 .eael-pricing-item .eael-pricing-image .eael-pricing-tag .price-tag {
font-size: 48px;
font-weight: 700;
color: #fff;
line-height: 0px;
margin-bottom: 0px;
}
.eael-pricing.style-4 .eael-pricing-item .eael-pricing-image .eael-pricing-tag .price-tag:before {
font-size: 24px;
top: -20px;
left: -18px;
}
.eael-pricing.style-4 .eael-pricing-item .eael-pricing-image .eael-pricing-tag .price-period {
font-size: 13px;
font-weight: 600;
}
@media only screen and ( min-width: 768px ) and (max-width: 992px) {
.eael-pricing {
display: block;
}
.eael-pricing .eael-pricing-item,
.eael-pricing.style-2 .eael-pricing-item,
.eael-pricing.style-4 .eael-pricing-item {
width: 100%;
margin: 0 auto 30px auto;
}
}
@media only screen and (max-width: 480px) {
.eael-pricing {
display: block;
}
.eael-pricing .eael-pricing-item {
width: 100%;
}
.eael-pricing .eael-pricing-item,
.eael-pricing.style-2 .eael-pricing-item,
.eael-pricing.style-4 .eael-pricing-item {
margin: 0 auto 30px auto;
}
}
div.tooltipster-sidetip.tooltipster-base.tooltipster-right .tooltipster-arrow {
position: absolute;
top: 50%;
}
div.tooltipster-sidetip.tooltipster-top div.tooltipster-box {
margin-bottom: 0px !important;
}
div.tooltipster-sidetip.tooltipster-bottom div.tooltipster-box {
margin-top: 0px !important;
}
.tooltipster-base.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
top: auto;
bottom: -8px;
}
div.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
top: -8px;
bottom: auto;
}
.eael-pricing-content-align-center .eael-pricing {
text-align: center;
}
.eael-pricing-content-align-left .eael-pricing {
text-align: left;
}
.eael-pricing-content-align-right .eael-pricing {
text-align: right;
}
.eael-pricing-content-align-left .eael-pricing.style-2 .eael-pricing-item .price-tag {
margin-left: 45px;
}
.eael-pricing-content-align-left .eael-pricing.style-2 .eael-pricing-item .price-tag:before {
left: 30px;
}
.eael-pricing-content-align-right .eael-pricing.style-2 .eael-pricing-item .eael-pricing-tag {
padding-right: 30px;
}
.eael-pricing-content-align-left .eael-pricing.style-2 .eael-pricing-item .header,
.eael-pricing-content-align-left .eael-pricing.style-2 .eael-pricing-item .eael-pricing-icon,
.eael-pricing-content-align-left .eael-pricing.style-2 .eael-pricing-item .footer,
.eael-pricing-content-align-left .eael-pricing.style-4 .eael-pricing-item .header,
.eael-pricing-content-align-left .eael-pricing.style-4 .eael-pricing-item .footer {
padding-left: 30px;
padding-right: 30px;
}
.eael-pricing-content-align-right .eael-pricing.style-2 .eael-pricing-item .header,
.eael-pricing-content-align-right .eael-pricing.style-2 .eael-pricing-item .eael-pricing-icon,
.eael-pricing-content-align-right .eael-pricing.style-2 .eael-pricing-item .footer,
.eael-pricing-content-align-right .eael-pricing.style-4 .eael-pricing-item .header,
.eael-pricing-content-align-right .eael-pricing.style-4 .eael-pricing-item .footer {
padding-right: 30px;
padding-left: 30px;
}
.eael-pricing-content-align-left .eael-pricing.style-2 .eael-pricing-item .body ul li,
.eael-pricing-content-align-left .eael-pricing.style-4 .eael-pricing-item .body ul li {
padding-left: 30px;
}
.eael-pricing-content-align-right .eael-pricing.style-2 .eael-pricing-item .body ul li,
.eael-pricing-content-align-right .eael-pricing.style-4 .eael-pricing-item .body ul li {
padding-right: 30px;
}
.eael-pricing-content-align-left .eael-pricing.style-3 .eael-pricing-item .header:after {
-webkit-transform: translateX( -80% );
transform: translateX( -80% );
}
.eael-pricing-content-align-right .eael-pricing.style-3 .eael-pricing-item .header:after {
-webkit-transform: translateX( 80% );
transform: translateX( 80% );
}
.eael-pricing-content-align-left .eael-pricing.style-3 .eael-pricing-item:hover .header:after,
.eael-pricing-content-align-right .eael-pricing.style-3 .eael-pricing-item:hover .header:after {
-webkit-transform: translateX( 0% );
transform: translateX( 0% );
}
.eael-pricing-content-align-left .eael-pricing.style-1 .eael-pricing-item .header:after,
.eael-pricing-content-align-right .eael-pricing.style-1 .eael-pricing-item .header:after,
.eael-pricing-content-align-left .eael-pricing.style-1 .eael-pricing-item .eael-pricing-tag:after,
.eael-pricing-content-align-right .eael-pricing.style-1 .eael-pricing-item .eael-pricing-tag:after,
.eael-pricing-content-align-left .eael-pricing.style-2 .eael-pricing-item .eael-pricing-tag:after,
.eael-pricing-content-align-right .eael-pricing.style-2 .eael-pricing-item .eael-pricing-tag:after {
margin: 0;
width: 100%;
}
.eael-pricing-button-align-right .eael-pricing.style-1 .footer,
.eael-pricing-button-align-right .eael-pricing.style-2 .footer,
.eael-pricing-button-align-right .eael-pricing.style-3 .footer,
.eael-pricing-button-align-right .eael-pricing.style-4 .footer {
text-align: right;
}
.eael-pricing-button-align-center .eael-pricing.style-1 .footer,
.eael-pricing-button-align-center .eael-pricing.style-2 .footer,
.eael-pricing-button-align-center .eael-pricing.style-3 .footer,
.eael-pricing-button-align-center .eael-pricing.style-4 .footer {
text-align: center;
}
.eael-pricing-button-align-left .eael-pricing.style-1 .footer,
.eael-pricing-button-align-left .eael-pricing.style-2 .footer,
.eael-pricing-button-align-left .eael-pricing.style-3 .footer,
.eael-pricing-button-align-left .eael-pricing.style-4 .footer {
text-align: left;
}
.eael-pricing-content-align-center.eael-pricing-button-align-right .eael-pricing.style-2 .footer,
.eael-pricing-content-align-center.eael-pricing-button-align-right .eael-pricing.style-4 .footer {
padding-right: 30px;
}
.eael-pricing-content-align-center.eael-pricing-button-align-left .eael-pricing.style-2 .footer,
.eael-pricing-content-align-center.eael-pricing-button-align-left .eael-pricing.style-4 .footer {
padding-left: 30px;
}
.eael-flip-carousel .flip-carousel-text {
font-size: 16px;
font-weight: 600;
display: block;
padding: 0px 10px;
line-height: 27px;
text-align: center;
}
.eael-flip-carousel.flipster {
overflow-y: hidden;
}
.eael-flip-carousel .flip-custom-nav {
font-size: 30px;
color: #4d4d4d;
display: inline-block;
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
background: rgba( 255,255,255,0.9 );
border-radius: 50%;
}
.eael-flip-carousel .flipster__button {
outline: none;
}
.eael-content-timeline-container {
width: 90%;
max-width: 980px;
margin: 0 auto;
}
.eael-content-timeline-container::after {
content: '';
display: table;
clear: both;
}
.eael-content-timeline-container {
position: relative;
padding: 2em 0;
margin-top: 2em;
margin-bottom: 2em;
z-index: 0;
}
.eael-content-timeline-container::before {
content: '';
position: absolute;
top: 0;
left: 18px;
height: 100%;
width: 4px;
background: #d7e4ed;
z-index: -1;
display: none;
}
.eael-content-timeline-block {
position: relative;
padding: 0 0 2em 0;
z-index: 0;
}
.eael-content-timeline-line {
position: absolute;
top: 5px;
left: 18px;
height: 100%;
width: 4px;
z-index: -2;
overflow: hidden;
}
.eael-content-timeline-line .eael-content-timeline-inner {
position: static;
width: 100%;
top: 0;
left: 0;
margin: 0;
height: 100%;
width: 100%;
}
.eael-content-timeline-line {
background: #d7e4ed;
}
.eael-content-timeline-line .eael-content-timeline-inner {
z-index: -1;
height: 0px;
}
.eael-content-timeline-block:last-child .eael-content-timeline-line,
.eael-content-timeline-block:last-child .eael-content-timeline-line .eael-content-timeline-inner {
display: none;
}
.eael-content-timeline-line .eael-content-timeline-inner {
opacity: 0;
}
.eael-content-timeline-block.highlight .eael-content-timeline-line .eael-content-timeline-inner {
opacity: 1;
}
.eael-content-timeline-inner.eael-prev-highlighted {
opacity: 1 !important;
}
.eael-content-timeline-inner.eael-highlighted {
background: #3CCD94;
opacity: 1;
}
.eael-content-timeline-inner.eael-muted {
opacity: 0;
}
@media only screen and (min-width: 992px) {
.eael-content-timeline-container {
margin-top: 3em;
margin-bottom: 3em;
}
.eael-content-timeline-line,
.eael-content-timeline-line .eael-content-timeline-inner  {
left: 50%;
}
}
.eael-content-timeline-block:after {
content: "";
display: table;
clear: both;
}
.eael-content-timeline-block:first-child {
margin-top: 0;
}
.eael-content-timeline-block:last-child {
margin-bottom: 0;
}
@media only screen and (min-width: 992px) {
.eael-content-timeline-block {
padding: 0 0 4em 0;
}
.eael-content-timeline-block:first-child {
margin-top: 0;
}
.eael-content-timeline-block:last-child {
margin-bottom: 0;
}
}
.eael-content-timeline-img {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 40px;
border-radius: 50%;
text-align: center;
line-height: 1;
border: 6px solid #f9f9f9;
box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.1);
}
.eael-content-timeline-img img {
display: block;
width: 24px;
height: 24px;
position: relative;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.eael-content-timeline-img i {
line-height: 1;
margin-top: 50%;
transform: translateY(-50%);
}
.eael-content-timeline-img.eael-content-timeline-bullet {
width: 40px;
height: 40px;
margin-left: -20px;
background-color: #3CCD94;
}
.eael-content-timeline-bullet {
background-color: #3CCD94;
}
.eael-content-timeline-img.eael-picture {
transition: .5s;
background: #f1f2f3;
}
.eael-content-timeline-block.highlight .eael-content-timeline-img.eael-picture {
background: #3CCD94;
transition: .5s;
}
@media only screen and (min-width: 992px) {
.eael-content-timeline-img {
left: 50%;
margin-left: -20px;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.cssanimations .eael-content-timeline-img.is-hidden {
visibility: hidden;
}
.cssanimations .eael-content-timeline-img.bounce-in {
visibility: visible;
-webkit-animation: eael-bounce-1 0.6s;
-moz-animation: eael-bounce-1 0.6s;
animation: eael-bounce-1 0.6s;
}
}
@media only screen and (max-width: 991px) {
.eael-content-timeline-block .eael-content-timeline-content::before {
border-left: none;
}
.eael-content-timeline-img {
margin-left: 0;
}
}
@-webkit-keyframes eael-bounce-1 {
0% {
opacity: 0;
-webkit-transform: scale(0.5);
}
60% {
opacity: 1;
-webkit-transform: scale(1.2);
}
100% {
-webkit-transform: scale(1);
}
}
@-moz-keyframes eael-bounce-1 {
0% {
opacity: 0;
-moz-transform: scale(0.5);
}
60% {
opacity: 1;
-moz-transform: scale(1.2);
}
100% {
-moz-transform: scale(1);
}
}
@keyframes eael-bounce-1 {
0% {
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);
}
60% {
opacity: 1;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
100% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
}
.eael-content-timeline-content {
position: relative;
margin-left: 60px;
border-radius: 0.25em;
padding: 1em;
}
.eael-content-timeline-content:after {
content: "";
display: table;
clear: both;
}
.eael-content-timeline-content h2, .eael-content-timeline-content h2 a {
color: #303e49;
margin: 0;
font-size: 100%;
line-height: 1.5;
}
.eael-content-timeline-content .eael-read-more, .eael-content-timeline-content .eael-date {
display: inline-block;
}
.eael-content-timeline-content p {
margin: 1em 0;
line-height: 1.6;
}
.eael-content-timeline-content .eael-read-more {
float: right;
display: inline-block;
padding: 10px 25px;
font-size: .85em;
line-height: 1.5;
color: #fff;
background-color: #3CCD94;
-webkit-transition: .4s;
transition: .4s;
text-decoration: none;
text-transform: uppercase;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.eael-content-timeline-content .eael-read-more:hover {
background-color: #bac4cb;
}
.no-touch .eael-content-timeline-content .eael-read-more:hover {
background-color: #bac4cb;
}
.eael-content-timeline-content .eael-date {
float: left;
padding: .8em 0;
opacity: .7;
}
.eael-content-timeline-content::before {
content: '';
position: absolute;
top: 16px;
right: 100%;
height: 0;
width: 0;
border: 7px solid transparent;
border-right: 7px solid white;
}
@media only screen and (min-width: 992px) {
.eael-content-timeline-content {
margin-left: 0;
padding: 1.6em;
width: 45%;
}
.eael-content-timeline-content::before {
top: 24px;
left: 100%;
border-color: transparent;
border-left-color: #f1f2f3;
}
.eael-content-timeline-block:nth-child(odd) .eael-content-timeline-content::before {
border-right: none;
}
.eael-content-timeline-content .eael-date {
position: absolute;
width: 100%;
left: calc(100% + 85px);
top: 0;
font-size: 1em;
padding-left: 5px;
text-align: left;
}
.eael-content-timeline-block:nth-child(even) .eael-content-timeline-content {
float: right;
}
.eael-content-timeline-block:nth-child(even) .eael-content-timeline-content::before {
top: 24px;
left: auto;
right: 100%;
border-color: transparent;
border-right-color: #f1f2f3;
border-left: none !important;
}
.eael-content-timeline-block:nth-child(2n) .eael-content-timeline-content::before {
border-left: none !important;
}
.eael-content-timeline-block:nth-child(even) .eael-content-timeline-content .eael-read-more {
float: left;
}
.eael-content-timeline-block:nth-child(2n) .eael-content-timeline-content .eael-date {
left: auto;
right: calc(100% + 85px);
text-align: right;
font-size: 1em;
padding-right: 5px;
}
.cssanimations .eael-content-timeline-content.is-hidden {
visibility: hidden;
}
.cssanimations .eael-content-timeline-content.bounce-in {
visibility: visible;
-webkit-animation: eael-bounce-2 0.6s;
-moz-animation: eael-bounce-2 0.6s;
animation: eael-bounce-2 0.6s;
}
}
@media only screen and (min-width: 992px) {
.cssanimations .eael-content-timeline-block:nth-child(even) .eael-content-timeline-content.bounce-in {
-webkit-animation: eael-bounce-2-inverse 0.6s;
-moz-animation: eael-bounce-2-inverse 0.6s;
animation: eael-bounce-2-inverse 0.6s;
}
}
@-webkit-keyframes eael-bounce-2 {
0% {
opacity: 0;
-webkit-transform: translateX(-100px);
}
60% {
opacity: 1;
-webkit-transform: translateX(20px);
}
100% {
-webkit-transform: translateX(0);
}
}
@-moz-keyframes eael-bounce-2 {
0% {
opacity: 0;
-moz-transform: translateX(-100px);
}
60% {
opacity: 1;
-moz-transform: translateX(20px);
}
100% {
-moz-transform: translateX(0);
}
}
@keyframes eael-bounce-2 {
0% {
opacity: 0;
-webkit-transform: translateX(-100px);
-moz-transform: translateX(-100px);
-ms-transform: translateX(-100px);
-o-transform: translateX(-100px);
transform: translateX(-100px);
}
60% {
opacity: 1;
-webkit-transform: translateX(20px);
-moz-transform: translateX(20px);
-ms-transform: translateX(20px);
-o-transform: translateX(20px);
transform: translateX(20px);
}
100% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
}
@-webkit-keyframes eael-bounce-2-inverse {
0% {
opacity: 0;
-webkit-transform: translateX(100px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-20px);
}
100% {
-webkit-transform: translateX(0);
}
}
@-moz-keyframes eael-bounce-2-inverse {
0% {
opacity: 0;
-moz-transform: translateX(100px);
}
60% {
opacity: 1;
-moz-transform: translateX(-20px);
}
100% {
-moz-transform: translateX(0);
}
}
@keyframes eael-bounce-2-inverse {
0% {
opacity: 0;
-webkit-transform: translateX(100px);
-moz-transform: translateX(100px);
-ms-transform: translateX(100px);
-o-transform: translateX(100px);
transform: translateX(100px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-20px);
-moz-transform: translateX(-20px);
-ms-transform: translateX(-20px);
-o-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
}
.eael-data-table-wrap .eael-data-tables_wrapper {
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
width: 100%;
}
.eael-data-table-wrap .eael-data-tables_filter,
.eael-data-table-wrap .eael-data-tables_length,
.eael-data-table-wrap .eael-data-tables_info,
.eael-data-table-wrap .eael-data-tables_paginate {
flex-grow: 1;
flex-basis: 50%;
}
.eael-data-table-wrap .eael-data-tables_filter,
.eael-data-table-wrap .eael-data-tables_paginate {
text-align: right;
}
.eael-data-table-wrap .eael-data-tables_length select {
width: auto;
max-width: 120px;
height: 40px;
border: 1px solid rgba( 0,0,0,0.09 );
outline: 0;
margin-left: 10px;
margin-right: 10px;
}
.eael-data-table-wrap .eael-data-tables_paginate .paginate_button {
padding: 10px 15px;
background: #f2f2f2;
margin-right: 2px;
cursor: pointer;
transition: all .3s;
}
.eael-data-table-wrap .eael-data-tables_paginate .paginate_button:hover,
.eael-data-table-wrap .eael-data-tables_paginate .paginate_button.current {
color: #fff;
background: #4a4893;
}
.eael-data-table-wrap .eael-data-tables_paginate .paginate_button.disabled {
cursor: no-drop;
background: #f2f2f2;
opacity: .5;
color: #888;
}
.eael-data-table-wrap .eael-data-tables_info,
.eael-data-table-wrap .eael-data-tables_length label,
.eael-data-table-wrap .eael-data-tables_filter label {
font-weight: 700;
}
.eael-data-table-wrap .eael-data-tables_filter label input[type="search"] {
height: 40px;
border: 1px solid rgba( 0,0,0,0.09 );
outline: 0;
padding: 10px;
margin-left: 10px;
}
table.eael-data-table .sorting.sorting-none:after,
table.eael-data-table .sorting_desc.sorting-none:after,
table.eael-data-table .sorting_asc.sorting-none:after {
display: none;
}
table.eael-data-table thead .sorting,
table.eael-data-table thead .sorting_desc,
table.eael-data-table thead .sorting_asc {
position: relative;
z-index: 0;
outline: 0;
cursor: pointer;
}
table.eael-data-table thead .sorting:after,
table.eael-data-table thead .sorting_desc:after,
table.eael-data-table thead .sorting_asc:after {
position: absolute;
top: 50%;
right: 10px;
font-family: 'FontAwesome';
color: #fff;
z-index: 1;
transform: translateY(-50%);
}
table.eael-data-table thead .sorting:after {
content: "\f0dc";
}
table.eael-data-table thead .headerSortDown:after {
content: "\f0dd";
}
table.eael-data-table thead .headerSortUp:after {
content: "\f0de";
}
.data-header-icon {
margin-right: 10px;
}
.eael-data-table {
width: 100%;
height: auto;
border-collapse: separate;
margin: 0px;
}
.eael-data-table thead tr {
text-align: left;
}
.eael-data-table thead tr th,
.eael-data-table thead tr th:first-child {
padding: 20px 15px;
background: #4a4893;
font-size: 16px;
font-weight: 600;
font-family: 'Montserrat', sans-serif;
line-height: 1;
color: #fff;
border-right: 1px solid rgba( 0,0,0,.1 );
}
.eael-data-table thead tr th:last-child {
border: 0px;
}
.eael-data-table tbody tr.even {
transition: background 0.4s ease-in-out;
}
.eael-data-table tbody tr.odd {
background: rgba( 242,242,242,0.5 );
transition: background 0.2s ease-in-out;
}
.eael-data-table tbody tr.even:hover,
.eael-data-table tbody tr.odd:hover {
background: rgba( 242,242,242,0.7 );
}
.eael-data-table tbody tr.even:last-child,
.eael-data-table tbody tr.odd:last-child {
border-bottom: 1px solid rgba( 0,0,0,0.09 );
}
.eael-data-table tbody tr td,
.eael-data-table tbody tr td:first-child {
padding: 20px 15px;
font-size: 14px;
font-family: 'Montserrat', sans-serif;
line-height: 1;
border-right: 1px solid rgba( 0,0,0,0.06 );
}
.eael-data-table tbody tr td:last-child {
border-right: 0px;
}
table.eael-data-table thead .sorting_disabled.sorting:after {
display: none;
}
.eael-table-align-left table.eael-data-table {
float: left;
}
.eael-table-align-center table.eael-data-table {
margin: 0 auto;
}
.eael-table-align-right table.eael-data-table {
float: right;
}
.eael-hide-elements .eael-data-tables_info {
display: none;
}
.eael-dt-th-align-left .eael-data-table thead tr th,
.eael-dt-td-align-left .eael-data-table tbody tr td {
text-align: left;
}
.eael-dt-th-align-right .eael-data-table thead tr th,
.eael-dt-td-align-right .eael-data-table tbody tr td {
text-align: right;
padding-right: 30px;
}
.eael-dt-th-align-center .eael-data-table thead tr th,
.eael-dt-td-align-center .eael-data-table tbody tr td {
text-align: center;
}
.eael-data-table-th-img {
display: inline-block;
margin: 0px 15px 0px 0px;
line-height: 1;
}
.th-mobile-screen {
display: none;
}
@media (max-width: 39.9375em) {
.eael-data-table-wrap {
overflow-x: scroll !important;
padding-bottom: 5px;
}
.th-mobile-screen {
display: inline-block;
padding: 0 .6em;
margin-right: 10px;
text-align: center;
}
.td-content-wrapper {
display: flex;
width: 100%;
}
.th-mobile-screen {
flex-grow: 0;
flex-shrink: 0;
flex-basis: 100px;
}
.th-mobile-screen .eael-data-table-th-img,
.th-mobile-screen .data-header-icon {
margin: 0px auto 15px auto;
display: block;
}
.custom-responsive-option-enable .eael-data-table thead {
display: none;
}
.custom-responsive-option-enable .eael-data-table tbody tr td {
display: block;
float: none;
clear: left;
width: 100%;
}
.custom-responsive-option-enable .eael-data-table tbody tr td {
text-align: left;
display: flex;
align-items: center;
}
.eael-data-table .td-content {
align-items: center;
display: flex;
}
.td-content, .td-content > p {
width: 100%;
justify-content: center;
}
}
.eael-caldera-form-align-left,
.eael-caldera-form-btn-align-left {
text-align: left;
}
.eael-caldera-form-align-right,
.eael-caldera-form-btn-align-right {
text-align: right;
}
.eael-caldera-form-align-center,
.eael-caldera-form-btn-align-center {
text-align: center;
}
.eael-caldera-form .control-label {
display: none;
}
.eael-caldera-form-labels-yes .control-label {
display: block;
}
.eael-caldera-form-button-center .form-group input[type=button],
.eael-caldera-form-button-center .form-group input[type=submit] {
display: block;
margin: 0 auto;
}
.eael-caldera-form-button-right .form-group input[type=button],
.eael-caldera-form-button-right .form-group input[type=submit] {
float: right;
}
.eael-caldera-form .intl-tel-input {
display: inherit;
}
.eael-custom-radio-checkbox .caldera-grid input[type=checkbox],
.eael-custom-radio-checkbox .caldera-grid input[type=radio] {
border-style: solid;
border-width: 0;
padding: 3px;
-webkit-appearance: none;
}
.eael-caldera-form-button-full-width .form-group input[type=submit],
.eael-caldera-form-button-full-width .form-group input[type=button] {
width: 100%;
}
.eael-wpforms .wpforms-container .wpforms-form input[type=submit],
.eael-wpforms .wpforms-container .wpforms-form button[type=submit],
.eael-wpforms .wpforms-container .wpforms-form .wpforms-page-button {
border: 0;
}
.eael-wpforms .wpforms-container .wpforms-form input[type=submit]:hover,
.eael-wpforms .wpforms-container .wpforms-form button[type=submit]:hover,
.eael-wpforms .wpforms-container .wpforms-form .wpforms-page-button:hover {
border: 0;
}
.eael-wpforms .wpforms-container .wpforms-form input[type=checkbox],
.eael-wpforms .wpforms-container .wpforms-form input[type=radio] {
padding: 3px;
}
.eael-wpforms .wpforms-container .wpforms-form .wpforms-field-label {
display: none;
}
.eael-wpforms .wpforms-container .wpforms-form .wpforms-field-name .wpforms-field-row {
max-width: 100%;
}
.eael-wpforms .wpforms-container .wpforms-field input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.eael-wpforms .wpforms-container .wpforms-field textarea,
.eael-wpforms .wpforms-container .wpforms-field select {
max-width: 100% !important;
}
.eael-wpforms-labels-yes .wpforms-container .wpforms-form .wpforms-field-label {
display: block;
}
.eael-wpforms-form-button-full-width .wpforms-submit-container .wpforms-submit {
width: 100%;
}
.swiper-container-wrap .swiper-slide .eael-social-feed-element img {
width: 100%;
}
.eael-social-feed-element.hidden {
background-color:red !important;
}
.eael-facebook-feed-wrapper::before, .eael-facebook-feed-wrapper::after,
.eael-facebook-feed-container::before, .eael-facebook-feed-container::after,
.eael-twitter-feed-wrapper::before, .eael-twitter-feed-wrapper::after,
.eael-twitter-feed-container::before, .eael-twitter-feed-container::after {
content: "";
clear: both;
}
.eael-social-feed-element .pull-left {
float:left;
margin-right: 10px;
}
.eael-social-feed-element .pull-right {
margin-left: 10px;
}
.eael-social-feed-element img {
width: 100%;
height: auto;
border: 0;
vertical-align: middle;
-ms-interpolation-mode: bicubic;
}
.eael-social-feed-element .attachment {
vertical-align: middle;
-ms-interpolation-mode: bicubic;
}
.eael-social-feed-element a {
color: #0088cc;
text-decoration: none;
}
.eael-social-feed-element a:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.eael-social-feed-element a:hover,
.eael-social-feed-element a:active {
outline: 0;
color: #005580;
text-decoration: underline;
}
.eael-social-feed-element small {
font-size: 85%;
}
.eael-social-feed-element strong {
font-weight: bold;
}
.eael-social-feed-element em {
font-style: italic;
}
.eael-social-feed-element p {
margin: 0 0 10px;
}
.eael-social-feed-element .media-body > p{
margin-bottom:4px;
min-height:20px;
}
.eael-social-feed-element p.social-feed-text {
margin: 0;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
}
.eael-social-feed-element,
.eael-social-feed-element .media-body {
overflow: hidden;
zoom: 1;
overflow: visible;
}
.eael-social-feed-element {
padding: 0;
background: none;
}
.eael-social-feed-element .media-body .social-network-icon{
margin-top: -3px;
margin-right:5px;
width:16px;
}
.eael-social-feed-element .media-body div{
color:#666;
line-height: 20px;
clear: both;
}
.eael-social-feed-element:first-child {
margin-top: 0;
}
.eael-social-feed-element .media-object {
display: block;
width:48px;
border-radius:50%;
}
.eael-social-feed-element .media-heading {
margin: 0 0 5px;
}
.eael-social-feed-element .media-list {
margin-left: 0;
list-style: none;
}
.eael-social-feed-element .muted {
color: #999;
}
.eael-social-feed-element a.muted:hover,
.eael-social-feed-element a.muted:focus {
color: #808080;
}
.eael-social-feed-element {
transition: 0.25s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
margin:-1px;
margin-top:25px;
color: #333;
text-align:left;
font-size: 14px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
line-height: 16px;
}
.eael-social-feed-element .eael-content {
padding: 20px 15px 15px;
transition: .4s;
background: #fff;
}
.eael-social-feed-element .social-network-icon {
opacity:0.7;
}
.eael-social-feed-element .author-title {
color: #444;
line-height: 1.5em;
font-weight: 500;
}
.media-body .fa-twitter{
color: #1da1f2;
margin-right: 8px;
}
.media-body .fa-facebook {
color: #3b5998;
margin-right: 8px;
}
.text-wrapper p .read-more-link {
margin-top: 9px;
display: block;
}
.eael-social-feed-wrapper .slick-prev, .eael-social-feed-element .slick-next {
background: #1da1f2;
}
.eael-social-feed-wrapper {
width: 100%;
height: auto;
position: relative;
z-index: 0;
}
.eael-loading-feed {
display: none;
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
}
.eael-loading-feed.show-loading {
display: block;
text-align: center;
z-index: 10;
display: flex;
align-items: center;
justify-content: center;
transition: .5s;
}
.eael-loading-feed .loader {
border: 3px solid #f3f3f3;
border-radius: 50%;
border-top: 3px solid #3498db;
width: 30px;
height: 30px;
-webkit-animation: spin 2s linear infinite; /* Safari */
animation: spin 2s linear infinite;
margin: 0 auto;
}
@-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.eael-social-feed-container.list-view .eael-social-feed-element {
margin: 15px;
border: 1px solid rgba( 0,0,0,0.1 );
background: none;
}
.eael-social-feed-container.carousel-view {
width: 100%;
height: auto;
}
.eael-social-feed-element {
margin: 0px;
}
.eael-twitter-feed-container.masonry-view .eael-social-feed-element,
.eael-facebook-feed-container.masonry-view .eael-social-feed-element {
width: 33.33%;
margin-top: 0px;
float: left;
}
.eael-social-feed-element .eael-content {
border: 1px solid rgba( 0,0,0,0.1 );
}
.eael-social-feed-avatar-circle .eael-social-feed-element .media-object {
border-radius: 50%;
}
.eael-social-feed-avatar-square .eael-social-feed-element .media-object {
border-radius: 0%;
}
.eael-social-feed-masonry-col-4 .eael-social-feed-element .social-feed-date
.eael-social-feed-masonry-col-4 .eael-social-feed-element .social-feed-date {
text-align: left !important;
}
@media only screen and ( min-width: 768px ) and (max-width: 992px) {
.eael-twitter-feed-container.masonry-view .eael-social-feed-element,
.eael-facebook-feed-container.masonry-view .eael-social-feed-element {
width: 50% !important;
}
}
@media only screen and (max-width: 480px) {
.eael-twitter-feed-container.masonry-view .eael-social-feed-element,
.eael-facebook-feed-container.masonry-view .eael-social-feed-element {
width: 100% !important;
}
}
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: rgba(0, 0, 0, .8);
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box;
}
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
display: none;
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto;
}
.mfp-ajax-cur {
cursor: progress;
}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.mfp-loading.mfp-figure {
display: none;
}
.mfp-hide {
display: none !important; 
}
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044;
}
.mfp-preloader a {
color: #CCC;
}
.mfp-preloader a:hover {
color: #FFF;
}
.mfp-s-ready .mfp-preloader {
display: none;
}
.mfp-s-error .mfp-content {
display: none;
}
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 1;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover,
.mfp-close:focus {
opacity: 1;
}
.mfp-close:active {
top: 1px;
}
.mfp-close-btn-in .mfp-close {
color: #333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%;
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap;
}
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1;
}
.mfp-arrow:before,
.mfp-arrow:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent;
}
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px;
}
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7;
}
.mfp-arrow-left {
left: 0;
}
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px;
}
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F;
}
.mfp-arrow-right {
right: 0;
}
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px;
}
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F;
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
top: -40px;
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000;
}
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto;
}
.mfp-figure {
line-height: 0;
}
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444;
}
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px;
}
.mfp-figure figure {
margin: 0;
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px;
}
.mfp-image-holder .mfp-content {
max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0;
}
.mfp-img-mobile img.mfp-img {
padding: 0;
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0;
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px;
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0;
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px;
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0;
}
}
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75);
}
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0;
}
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%;
}
.mfp-container {
padding-left: 6px;
padding-right: 6px;
}
}
.eael-filter-gallery-control {
width: 100%;
}
.eael-filter-gallery-control ul, .eael-filter-gallery-control ul li {
text-align: center;
}
.eael-filter-gallery-control ul {
margin: 0px 0px 20px 0px;
padding: 0px;
text-align: center;
}
.eael-filter-gallery-control {
display: flex;
flex-flow: 1 1 auto;
align-items: center;
justify-content: center;
flex-flow: row wrap;
padding: 0px;
margin: 0px;
}
.eael-filter-gallery-control ul li {
list-style: none;
font-size: 24px;
display: inline-block;
text-align: center;
}
.eael-filter-gallery-control ul li a.control {
font-family: 'Montserrat', sans-serif;
font-size: 16px;
font-weight: 600;
padding: 10px 25px;
margin: 10px 6px;
}
.eael-filter-gallery-container {
text-align: justify;
font-size: 0.1px;
}
.eael-filter-gallery-container:after {
content: '';
display: inline-block;
width: 100%;
}
.eael-filter-gallery-container:not(.eael-cards) .item:before {
content: '';
display: inline-block;
padding-top: 56.25%;
}
.eael-filter-gallery-container .item .caption {
position: absolute;
display: flex;
flex-flow: 1 1 100%;
align-items: center;
justify-content: center;
z-index: 1;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
transition: transform .4s;
}
.eael-filter-gallery-container.eael-cards .item .caption {
display: none;
}
.eael-filter-gallery-container.eael-cards .item .item-img .caption {
position: absolute;
display: flex;
flex-flow: 1 1 100%;
align-items: center;
justify-content: center;
z-index: 10;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
transition: transform .4s;
}
.gallery-item-caption-over {
width: 100%;
height: auto;
}
button.mfp-close,
button.mfp-close:hover {
display: inline-block;
background: transparent;
}
.mfp-arrow,
.mfp-arrow:hover {
background: transparent;
}
.eael-filter-gallery-container .item .caption.eael-zoom-in,
.eael-filter-gallery-container.eael-cards .item .item-img .caption.eael-zoom-in  {
transform: scale(0);
}
.eael-filter-gallery-container .item:hover .caption.eael-zoom-in,
.eael-filter-gallery-container.eael-cards .item:hover .item-img .caption.eael-zoom-in {
transform: scale(1);
}
.eael-filter-gallery-container .item .caption.eael-slide-left,
.eael-filter-gallery-container.eael-cards .item .item-img .caption.eael-slide-left {
transform: translateX(-100%);
}
.eael-filter-gallery-container .item:hover .caption.eael-slide-left,
.eael-filter-gallery-container.eael-cards .item:hover .item-img .caption.eael-slide-left {
transform: translateX(0%);
}
.eael-filter-gallery-container .item .caption.eael-slide-right,
.eael-filter-gallery-container.eael-cards .item .item-img .caption.eael-slide-right {
transform: translateX(100%);
}
.eael-filter-gallery-container .item:hover .caption.eael-slide-right,
.eael-filter-gallery-container.eael-cards .item:hover .item-img .caption.eael-slide-right {
transform: translateX(0%);
}
.eael-filter-gallery-container .item .caption.eael-slide-top,
.eael-filter-gallery-container.eael-cards .item .item-img .caption.eael-slide-top {
transform: translateY(-100%);
}
.eael-filter-gallery-container .item:hover .caption.eael-slide-top,
.eael-filter-gallery-container.eael-cards .item:hover .item-img .caption.eael-slide-top {
transform: translateY(0%);
}
.eael-filter-gallery-container .item .caption.eael-slide-bottom,
.eael-filter-gallery-container.eael-cards .item .item-img .caption.eael-slide-bottom {
transform: translateY(100%);
}
.eael-filter-gallery-container .item:hover .caption.eael-slide-bottom,
.eael-filter-gallery-container.eael-cards .item:hover .item-img .caption.eael-slide-bottom {
transform: translateY(0%);
}
.eael-filter-gallery-container .item .caption a {
display: inline-block;
width: 50px;
height: 50px;
text-align: center;
line-height: 50px;
border-radius: 50%;
margin: 0 5px;
font-size: 20px;
cursor: pointer;
transition: .3s;
}
.eael-filter-gallery-container .item .caption a:nth-child(1),
.eael-container .item .caption a:nth-child(2) {
transition: .6s;
opacity: 0;
}
.eael-filter-gallery-container .item .caption a:nth-child(1) {
transform: translateY(-100%);
}
.eael-filter-gallery-container .item .caption a:nth-child(2) {
transform: translateY(100%);
}
.eael-filter-gallery-container .item .caption:hover a:nth-child(1),
.eael-filter-gallery-container .item .caption:hover a:nth-child(2) {
transform: translateY(0%);
opacity: 1;
}
.eael-filter-gallery-container .item .caption .eael-popup-link {
outline: 0;
}
.eael-filter-gallery-container.eael-cards .item:before {
padding-top: 0px;
}
.eael-filter-gallery-container.eael-cards .item-img {
position: relative;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
height: 220px;
z-index: 0;
overflow: hidden;
}
.eael-filter-gallery-container.eael-cards .item-content {
padding: 15px;
}
.eael-filter-gallery-container.eael-cards .item-content .title,
.eael-filter-gallery-container.eael-cards .item-content .title a {
font-size: 20px;
line-height: 1;
margin-bottom: 0px;
transition: .3s;
}
.eael-filter-gallery-container.eael-cards .item-content p {
font-size: 14px;
line-height: 26px;
}
.eael-fg-card-content-align-center .eael-filterable-gallery-item-wrap .gallery-item-caption-wrap .gallery-item-caption-over {
text-align: center;
}
.eael-fg-card-content-align-right .eael-filterable-gallery-item-wrap .gallery-item-caption-wrap .gallery-item-caption-over{
text-align: right;
}
.eael-fg-hoverer-content-align-center .eael-filterable-gallery-item-wrap .gallery-item-caption-wrap .gallery-item-caption-over{
text-align: center;
}
.eael-fg-hoverer-content-align-right .eael-filterable-gallery-item-wrap .gallery-item-caption-wrap .gallery-item-caption-over{
text-align: right;
}
.eael-fg-content-align-left .eael-cards .item .item-content {
text-align: left;
}
.eael-fg-content-align-center .eael-cards .item .item-content {
text-align: center;
}
.eael-fg-content-align-right .eael-cards .item .item-content {
text-align: right;
}
.mfp-wrap ~ div.dialog-widget {
display: none!important;
}
.eael-filterable-gallery-item-wrap {
float: left;
width: 33.33%;
}
.eael-filter-gallery-container.eael-col-1 .eael-filterable-gallery-item-wrap {
width: 100%;
}
.eael-filter-gallery-control > ul li {
font-size: 13px;
line-height: 1.8;
text-transform: uppercase;
letter-spacing: 1px;
padding: 6px 15px;
cursor: pointer;
margin: 0 5px;
font-weight: normal;
}
.eael-filter-gallery-container.eael-col-2 .eael-filterable-gallery-item-wrap {
width: 50%;
}
.eael-filter-gallery-container.eael-col-4 .eael-filterable-gallery-item-wrap {
width: 25%;
}
.eael-filter-gallery-container.eael-col-5 .eael-filterable-gallery-item-wrap {
width: 20%;
}
.gallery-grid-item {
margin-left: calc(20px/2);
margin-right: calc(20px/2);
margin-bottom: 20px;
position: relative;
overflow: hidden;
}
.gallery-item-caption-wrap,
.media-content-wrap {
font-size: 14px;
text-align: left;
}
.gallery-item-thumbnail-wrap.caption-style-card img {
max-height: 100%;
width: 100%;
}
.gallery-item-caption-wrap.caption-style-hoverer {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
padding: 15px;
z-index: 10;
}
.eael-filterable-gallery-item-wrap .gallery-grid-item .gallery-item-thumbnail-wrap > img {
height: 100%;
width: 100%;
object-fit: cover;
}
.fg-item-title, .fg-item-content{
color: #ffffff;
font-family: inherit;
}
.gallery-item-caption-wrap.caption-style-card .fg-item-title {
font-size: 18px;
margin: 15px 0 15px;
line-height: 1;
}
.gallery-item-caption-wrap.caption-style-card {
background: #f7f7f7;
}
.gallery-item-caption-wrap.caption-style-card .fg-item-title {
margin: 10px 0 15px;
color: #000000;
}
.gallery-item-caption-wrap.caption-style-card .fg-item-content {
color: #212529;
line-height: 1.5;
font-weight: normal;
}
.gallery-item-buttons > a {
display: inline-block;
font-size: 16px;
color: #000;
margin-right: 15px;
}
.gallery-item-buttons > a:visited {
color: #000;
}
.gallery-item-caption-wrap.caption-style-card {
padding: 10px;
box-sizing: border-box;
font-family: inherit;
}
.gallery-item-caption-wrap .gallery-item-hoverer-bg {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
content: '';
background: #000000;
z-index: -1;
opacity: .7;
}
.gallery-item-caption-wrap.caption-style-hoverer {
visibility: hidden;
opacity: 0;
transition: 0.6s all ease;
display: flex;
align-items: center;
}
.gallery-grid-item:hover .gallery-item-caption-wrap.caption-style-hoverer {
opacity: 1;
visibility: visible;
}
.gallery-item-caption-wrap.caption-style-hoverer h5 {
font-size: 20px;
margin-bottom: 5px;
line-height: 1;
}
.gallery-item-caption-wrap.caption-style-hoverer.eael-slide-up h5 {
transform: translateY(20px);
transition: 0.6s all ease;
}
.gallery-item-caption-wrap.caption-style-hoverer p {
margin-bottom: 5px;
}
.gallery-item-caption-wrap.caption-style-hoverer.eael-slide-up p {
transform: translateY(40px);
transition: 0.6s all ease;
}
.gallery-item-caption-wrap.caption-style-hoverer.eael-slide-up .gallery-item-buttons {
transform: translateY(40px);
transition: 0.6s all ease;
}
.gallery-item-caption-wrap .gallery-item-buttons > a {
padding: 5px 15px;
display: inline-block;
border-radius: 50%;
text-align: center;
}
.gallery-item-caption-wrap.caption-style-hoverer.eael-zoom-in {
transform: scale(.8);
transition: 0.6s all ease;
}
.gallery-grid-item:hover .gallery-item-caption-wrap.caption-style-hoverer.eael-slide-up h5,
.gallery-grid-item:hover .gallery-item-caption-wrap.caption-style-hoverer.eael-slide-up .gallery-item-buttons,
.gallery-grid-item:hover .gallery-item-caption-wrap.caption-style-hoverer.eael-slide-up p {
transform: translate(0);
}
.gallery-grid-item:hover .gallery-item-caption-wrap.caption-style-hoverer.eael-zoom-in {
transform: scale(1);
visibility: visible;
opacity: 1;
}
.gallery-item-caption-wrap.caption-style-hoverer.eael-none {
transition: none;
}
.gallery-item-thumbnail-wrap > .gallery-item-caption-wrap {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.gallery-item-caption-wrap.card-hover-bg {
visibility: hidden;
opacity: 0;
transition: 800ms;
}
.gallery-item-thumbnail-wrap:hover .gallery-item-caption-wrap.card-hover-bg {
visibility: visible;
opacity: 1;
}
.gallery-item-caption-wrap .gallery-item-buttons > a > i {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
.gallery-item-thumbnail-wrap {
position: relative;
}
.video-popup, .video-popup-bg {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
.video-popup > img {
width: 62px;
position: relative;
z-index: 1;
transition: 300ms;
}
.video-popup {
display: flex;
align-items: center;
justify-content: center;
}
.video-popup:hover > img {
transform: scale(1.1);
}
.video-popup-bg {
visibility: hidden;
opacity: 0;
transition: 350ms;
}
.gallery-grid-item:hover .video-popup-bg {
visibility: visible;
opacity: 1;
}
@media only screen and (min-width: 1025px) {
.elementor-element.elementor-grid-1 {
position: relative;
}
.elementor-element.elementor-grid-1 .eael-filterable-gallery-item-wrap {
width: 100%;
float: left;
}
.elementor-element.elementor-grid-2 {
position: relative;
}
.elementor-element.elementor-grid-2 .eael-filterable-gallery-item-wrap {
width: 50%;
float: left;
}
.elementor-element.elementor-grid-2 .eael-filterable-gallery-item-wrap:nth-of-type(2n) {
margin-right: 0 !important;
}
.elementor-element.elementor-grid-2 .eael-filterable-gallery-item-wrap:nth-of-type(2n+1) {
clear: left;
}
.elementor-element.elementor-grid-3 {
position: relative;
}
.elementor-element.elementor-grid-3 .eael-filterable-gallery-item-wrap {
width: 33.3333%;
float: left;
}
.elementor-element.elementor-grid-3 .eael-filterable-gallery-item-wrap:nth-of-type(3n) {
margin-right: 0 !important;
}
.elementor-element.elementor-grid-3 .eael-filterable-gallery-item-wrap:nth-of-type(3n+1) {
clear: left;
}
.elementor-element.elementor-grid-4 {
position: relative;
}
.elementor-element.elementor-grid-4 .eael-filterable-gallery-item-wrap {
width: 25%;
float: left;
}
.elementor-element.elementor-grid-4 .eael-filterable-gallery-item-wrap:nth-of-type(4n) {
margin-right: 0 !important;
}
.elementor-element.elementor-grid-4 .eael-filterable-gallery-item-wrap:nth-of-type(4n+1) {
clear: left;
}
.elementor-element.elementor-grid-5 {
position: relative;
}
.elementor-element.elementor-grid-5 .pp-logo-grid {
margin-right: -5px;
}
.elementor-element.elementor-grid-5 .eael-filterable-gallery-item-wrap {
width: 20%;
float: left;
}
.elementor-element.elementor-grid-5 .eael-filterable-gallery-item-wrap:nth-of-type(5n) {
margin-right: 0 !important;
}
.elementor-element.elementor-grid-5 .eael-filterable-gallery-item-wrap:nth-of-type(5n+1) {
clear: left;
}
.elementor-element.elementor-grid-6 {
position: relative;
}
.elementor-element.elementor-grid-6 .pp-logo-grid {
margin-right: -6px;
}
.elementor-element.elementor-grid-6 .eael-filterable-gallery-item-wrap {
width: 16.6667%;
float: left;
}
.elementor-element.elementor-grid-6 .eael-filterable-gallery-item-wrap:nth-of-type(6n) {
margin-right: 0 !important;
}
.elementor-element.elementor-grid-6 .eael-filterable-gallery-item-wrap:nth-of-type(6n+1) {
clear: left;
}
}
@media only screen and (max-width: 1024px) and (min-width: 766px) {
.elementor-element.elementor-grid-tablet-1 {
position: relative;
}
.elementor-element.elementor-grid-tablet-1 .eael-filterable-gallery-item-wrap {
width: 100%;
float: left;
}
.elementor-element.elementor-grid-tablet-2 {
position: relative;
}
.elementor-element.elementor-grid-tablet-2 .eael-filterable-gallery-item-wrap {
width: 50%;
float: left;
}
.elementor-element.elementor-grid-tablet-2 .eael-filterable-gallery-item-wrap:nth-of-type(2n) {
margin-right: 0 !important;
}
.elementor-element.elementor-grid-tablet-2 .eael-filterable-gallery-item-wrap:nth-of-type(2n+1) {
clear: left;
}
.elementor-element.elementor-grid-tablet-3 {
position: relative;
}
.elementor-element.elementor-grid-tablet-3 .eael-filterable-gallery-item-wrap {
width: 33.3333%;
float: left;
}
.elementor-element.elementor-grid-tablet-3 .eael-filterable-gallery-item-wrap:nth-of-type(3n) {
margin-right: 0 !important;
}
.elementor-element.elementor-grid-tablet-3 .eael-filterable-gallery-item-wrap:nth-of-type(3n+1) {
clear: left;
}
.elementor-element.elementor-grid-tablet-4 {
position: relative;
}
.elementor-element.elementor-grid-tablet-4 .eael-filterable-gallery-item-wrap {
width: 25%;
float: left;
}
.elementor-element.elementor-grid-tablet-4 .eael-filterable-gallery-item-wrap:nth-of-type(4n) {
margin-right: 0 !important;
}
.elementor-element.elementor-grid-tablet-4 .eael-filterable-gallery-item-wrap:nth-of-type(4n+1) {
clear: left;
}
.elementor-element.elementor-grid-tablet-5 {
position: relative;
}
.elementor-element.elementor-grid-tablet-5 .eael-filterable-gallery-item-wrap {
width: 20%;
float: left;
}
.elementor-element.elementor-grid-tablet-5 .eael-filterable-gallery-item-wrap:nth-of-type(5n) {
margin-right: 0 !important;
}
.elementor-element.elementor-grid-tablet-5 .eael-filterable-gallery-item-wrap:nth-of-type(5n+1) {
clear: left;
}
.elementor-element.elementor-grid-tablet-6 {
position: relative;
}
.elementor-element.elementor-grid-tablet-6 .pp-logo-grid {
margin-right: -6px;
}
.elementor-element.elementor-grid-tablet-6 .eael-filterable-gallery-item-wrap {
width: 16.6667%;
float: left;
}
.elementor-element.elementor-grid-tablet-6 .eael-filterable-gallery-item-wrap:nth-of-type(6n) {
margin-right: 0 !important;
}
.elementor-element.elementor-grid-tablet-6 .eael-filterable-gallery-item-wrap:nth-of-type(6n+1) {
clear: left;
}
}
@media only screen and (max-width: 767px) {
.elementor-element.elementor-grid-mobile-1 {
position: relative;
}
.elementor-element.elementor-grid-mobile-1 .eael-filterable-gallery-item-wrap {
width: 100%;
float: left;
}
.elementor-element.elementor-grid-mobile-2 {
position: relative;
}
.elementor-element.elementor-grid-mobile-2 .eael-filterable-gallery-item-wrap {
width: 50%;
float: left;
}
.elementor-element.elementor-grid-mobile-2 .eael-filterable-gallery-item-wrap:nth-of-type(2n) {
margin-right: 0 !important;
}
.elementor-element.elementor-grid-mobile-2 .eael-filterable-gallery-item-wrap:nth-of-type(2n+1) {
clear: left;
}
.elementor-element.elementor-grid-mobile-3 {
position: relative;
}
.elementor-element.elementor-grid-mobile-3 .eael-filterable-gallery-item-wrap {
width: 33.3333%;
float: left;
}
.elementor-element.elementor-grid-mobile-3 .eael-filterable-gallery-item-wrap:nth-of-type(3n) {
margin-right: 0 !important;
}
.elementor-element.elementor-grid-mobile-3 .eael-filterable-gallery-item-wrap:nth-of-type(3n+1) {
clear: left;
}
.elementor-element.elementor-grid-mobile-4 {
position: relative;
}
.elementor-element.elementor-grid-mobile-4 .eael-filterable-gallery-item-wrap {
width: 25%;
float: left;
}
.elementor-element.elementor-grid-mobile-4 .eael-filterable-gallery-item-wrap:nth-of-type(4n) {
margin-right: 0 !important;
}
.elementor-element.elementor-grid-mobile-4 .eael-filterable-gallery-item-wrap:nth-of-type(4n+1) {
clear: left;
}
.elementor-element.elementor-grid-mobile-5 {
position: relative;
}
.elementor-element.elementor-grid-mobile-5 .eael-filterable-gallery-item-wrap {
width: 20%;
float: left;
}
.elementor-element.elementor-grid-mobile-5 .eael-filterable-gallery-item-wrap:nth-of-type(5n) {
margin-right: 0 !important;
}
.elementor-element.elementor-grid-mobile-5 .eael-filterable-gallery-item-wrap:nth-of-type(5n+1) {
clear: left;
}
.elementor-element.elementor-grid-mobile-6 {
position: relative;
}
.elementor-element.elementor-grid-mobile-6 .pp-logo-grid {
margin-right: -6px;
}
.elementor-element.elementor-grid-mobile-6 .eael-filterable-gallery-item-wrap {
width: 16.6667%;
float: left;
}
.elementor-element.elementor-grid-mobile-6 .eael-filterable-gallery-item-wrap:nth-of-type(6n) {
margin-right: 0 !important;
}
.elementor-element.elementor-grid-mobile-6 .eael-filterable-gallery-item-wrap:nth-of-type(6n+1) {
clear: left;
}
}
.dynamic-gallery-item {
float: left;
width: 33.33%;
}
.dynamic-gallery-item-inner {
margin-left: calc(20px/2);
margin-right: calc(20px/2);
margin-bottom: 20px;
position: relative;
overflow: hidden;
}
.dynamic-gallery-item .item-content > h2 {
margin: 0;
}
.eael-load-more-button-wrap.dynamic-filter-gallery-loadmore {
display: flex;
}
.dynamic-filter-gallery-loadmore .eael-load-more-button {
margin: 0px;
}
.eael-filter-gallery-control ul li.control.active {
transition: 300ms;
}
.dynamic-gallery-thumbnail {
width: 100%;
height: 100%;
}
.eael-filter-gallery-container .dynamic-gallery-item .caption.media-only-caption {
background-color: transparent !important;
}
.eael-filter-gallery-wrapper .eael-cards .dynamic-gallery-thumbnail,
.eael-filter-gallery-container.grid.eael-hoverer .dynamic-gallery-item-inner {
height: 300px;
}
.eael-filter-gallery-wrapper .eael-cards .dynamic-gallery-thumbnail > img,
.eael-filter-gallery-container.grid.eael-hoverer .dynamic-gallery-thumbnail > img {
width: 100%;
height: 100%;
object-fit: cover;
}
.eael-filter-gallery-container .dynamic-gallery-thumbnail {
position: relative;
overflow: hidden;
}
.eael-filter-gallery-container .caption {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-color: rgba(0, 0, 0, .7);
}
.eael-filter-gallery-container .caption > a {
position: absolute;
height: 100%;
width: 100%;
}
.eael-filter-gallery-container .dynamic-gallery-thumbnail .caption i {
font-size: 18px;
}
.eael-filter-gallery-container .caption > a.popup-media {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.eael-filter-gallery-container .caption > a.popup-media > i {
height: 40px;
width: 40px;
text-align: center;
line-height: 40px;
color: #fff;
background: #000;
}
.caption {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.eael-filter-gallery-container .caption .buttons a,
.card-buttons > a {
height: 40px;
width: 40px;
display: inline-block;
text-align: center;
margin: 0 5px;
line-height: 40px;
color: #fff;
font-size: 18px;
}
.eael-filter-gallery-container .caption > a.popup-media > i,
.eael-filter-gallery-container .caption .buttons a {
transition: 300ms;
}
.eael-filter-gallery-container.grid.eael-cards .card-buttons > a:first-child { margin-left: 0px; }
.eael-filter-gallery-container.grid.eael-cards .card-buttons > a:last-child { margin-right: 0px; }
a.popup-only-media.eael-magnific-link {
position: absolute;
height: 100%;
width: 100%;
display: block;
z-index: 999999;
left: 0;
top: 0;
}
.eael-filter-gallery-container .dynamic-gallery-item-inner .caption {
transition: 300ms;
}
.eael-filter-gallery-container .dynamic-gallery-item-inner .caption.eael-fade-in {
visibility: hidden;
opacity: 0;
}
.eael-filter-gallery-container .dynamic-gallery-item-inner:hover .caption.eael-fade-in {
visibility: visible;
opacity: 1;
}
.eael-filter-gallery-container .caption.eael-zoom-in {
transform: scale(.8);
visibility: hidden;
opacity: 0;
}
.eael-filter-gallery-container .dynamic-gallery-item-inner:hover .caption.eael-zoom-in {
transform: scale(1);
visibility: visible;
opacity: 1;
}
.eael-filter-gallery-container .dynamic-gallery-item-inner .caption.eael-slide-up {
transform: translateY(100%);
}
.eael-filter-gallery-container .dynamic-gallery-item-inner:hover .caption.eael-slide-up {
transform: translateY(0%);
}
@media only screen and (min-width: 1025px) {
.elementor-element.elementor-grid-1 {
position: relative;
}
.elementor-element.elementor-grid-1 .dynamic-gallery-item {
width: 100%;
float: left;
}
.elementor-element.elementor-grid-2 {
position: relative;
}
.elementor-element.elementor-grid-2 .dynamic-gallery-item {
width: 50%;
float: left;
}
.elementor-element.elementor-grid-2 .dynamic-gallery-item:nth-of-type(2n) {
margin-right: 0 !important;
}
.elementor-element.elementor-grid-2 .dynamic-gallery-item:nth-of-type(2n+1) {
clear: left;
}
.elementor-element.elementor-grid-3 {
position: relative;
}
.elementor-element.elementor-grid-3 .dynamic-gallery-item {
width: 33.3333%;
float: left;
}
.elementor-element.elementor-grid-3 .dynamic-gallery-item:nth-of-type(3n) {
margin-right: 0 !important;
}
.elementor-element.elementor-grid-3 .dynamic-gallery-item:nth-of-type(3n+1) {
clear: left;
}
.elementor-element.elementor-grid-4 {
position: relative;
}
.elementor-element.elementor-grid-4 .dynamic-gallery-item {
width: 25%;
float: left;
}
.elementor-element.elementor-grid-4 .dynamic-gallery-item:nth-of-type(4n) {
margin-right: 0 !important;
}
.elementor-element.elementor-grid-4 .dynamic-gallery-item:nth-of-type(4n+1) {
clear: left;
}
.elementor-element.elementor-grid-5 {
position: relative;
}
.elementor-element.elementor-grid-5 .pp-logo-grid {
margin-right: -5px;
}
.elementor-element.elementor-grid-5 .dynamic-gallery-item {
width: 20%;
float: left;
}
.elementor-element.elementor-grid-5 .dynamic-gallery-item:nth-of-type(5n) {
margin-right: 0 !important;
}
.elementor-element.elementor-grid-5 .dynamic-gallery-item:nth-of-type(5n+1) {
clear: left;
}
.elementor-element.elementor-grid-6 {
position: relative;
}
.elementor-element.elementor-grid-6 .pp-logo-grid {
margin-right: -6px;
}
.elementor-element.elementor-grid-6 .dynamic-gallery-item {
width: 16.6667%;
float: left;
}
.elementor-element.elementor-grid-6 .dynamic-gallery-item:nth-of-type(6n) {
margin-right: 0 !important;
}
.elementor-element.elementor-grid-6 .dynamic-gallery-item:nth-of-type(6n+1) {
clear: left;
}
}
@media only screen and (max-width: 1024px) and (min-width: 766px) {
.elementor-element.elementor-grid-tablet-1 {
position: relative;
}
.elementor-element.elementor-grid-tablet-1 .dynamic-gallery-item {
width: 100%;
float: left;
}
.elementor-element.elementor-grid-tablet-2 {
position: relative;
}
.elementor-element.elementor-grid-tablet-2 .dynamic-gallery-item {
width: 50%;
float: left;
}
.elementor-element.elementor-grid-tablet-2 .dynamic-gallery-item:nth-of-type(2n) {
margin-right: 0 !important;
}
.elementor-element.elementor-grid-tablet-2 .dynamic-gallery-item:nth-of-type(2n+1) {
clear: left;
}
.elementor-element.elementor-grid-tablet-3 {
position: relative;
}
.elementor-element.elementor-grid-tablet-3 .dynamic-gallery-item {
width: 33.3333%;
float: left;
}
.elementor-element.elementor-grid-tablet-3 .dynamic-gallery-item:nth-of-type(3n) {
margin-right: 0 !important;
}
.elementor-element.elementor-grid-tablet-3 .dynamic-gallery-item:nth-of-type(3n+1) {
clear: left;
}
.elementor-element.elementor-grid-tablet-4 {
position: relative;
}
.elementor-element.elementor-grid-tablet-4 .dynamic-gallery-item {
width: 25%;
float: left;
}
.elementor-element.elementor-grid-tablet-4 .dynamic-gallery-item:nth-of-type(4n) {
margin-right: 0 !important;
}
.elementor-element.elementor-grid-tablet-4 .dynamic-gallery-item:nth-of-type(4n+1) {
clear: left;
}
.elementor-element.elementor-grid-tablet-5 {
position: relative;
}
.elementor-element.elementor-grid-tablet-5 .dynamic-gallery-item {
width: 20%;
float: left;
}
.elementor-element.elementor-grid-tablet-5 .dynamic-gallery-item:nth-of-type(5n) {
margin-right: 0 !important;
}
.elementor-element.elementor-grid-tablet-5 .dynamic-gallery-item:nth-of-type(5n+1) {
clear: left;
}
.elementor-element.elementor-grid-tablet-6 {
position: relative;
}
.elementor-element.elementor-grid-tablet-6 .pp-logo-grid {
margin-right: -6px;
}
.elementor-element.elementor-grid-tablet-6 .dynamic-gallery-item {
width: 16.6667%;
float: left;
}
.elementor-element.elementor-grid-tablet-6 .dynamic-gallery-item:nth-of-type(6n) {
margin-right: 0 !important;
}
.elementor-element.elementor-grid-tablet-6 .dynamic-gallery-item:nth-of-type(6n+1) {
clear: left;
}
}
@media only screen and (max-width: 767px) {
.elementor-element.elementor-grid-mobile-1 {
position: relative;
}
.elementor-element.elementor-grid-mobile-1 .dynamic-gallery-item {
width: 100%;
float: left;
}
.elementor-element.elementor-grid-mobile-2 {
position: relative;
}
.elementor-element.elementor-grid-mobile-2 .dynamic-gallery-item {
width: 50%;
float: left;
}
.elementor-element.elementor-grid-mobile-2 .dynamic-gallery-item:nth-of-type(2n) {
margin-right: 0 !important;
}
.elementor-element.elementor-grid-mobile-2 .dynamic-gallery-item:nth-of-type(2n+1) {
clear: left;
}
.elementor-element.elementor-grid-mobile-3 {
position: relative;
}
.elementor-element.elementor-grid-mobile-3 .dynamic-gallery-item {
width: 33.3333%;
float: left;
}
.elementor-element.elementor-grid-mobile-3 .dynamic-gallery-item:nth-of-type(3n) {
margin-right: 0 !important;
}
.elementor-element.elementor-grid-mobile-3 .dynamic-gallery-item:nth-of-type(3n+1) {
clear: left;
}
.elementor-element.elementor-grid-mobile-4 {
position: relative;
}
.elementor-element.elementor-grid-mobile-4 .dynamic-gallery-item {
width: 25%;
float: left;
}
.elementor-element.elementor-grid-mobile-4 .dynamic-gallery-item:nth-of-type(4n) {
margin-right: 0 !important;
}
.elementor-element.elementor-grid-mobile-4 .dynamic-gallery-item:nth-of-type(4n+1) {
clear: left;
}
.elementor-element.elementor-grid-mobile-5 {
position: relative;
}
.elementor-element.elementor-grid-mobile-5 .dynamic-gallery-item {
width: 20%;
float: left;
}
.elementor-element.elementor-grid-mobile-5 .dynamic-gallery-item:nth-of-type(5n) {
margin-right: 0 !important;
}
.elementor-element.elementor-grid-mobile-5 .dynamic-gallery-item:nth-of-type(5n+1) {
clear: left;
}
.elementor-element.elementor-grid-mobile-6 {
position: relative;
}
.elementor-element.elementor-grid-mobile-6 .pp-logo-grid {
margin-right: -6px;
}
.elementor-element.elementor-grid-mobile-6 .dynamic-gallery-item {
width: 16.6667%;
float: left;
}
.elementor-element.elementor-grid-mobile-6 .dynamic-gallery-item:nth-of-type(6n) {
margin-right: 0 !important;
}
.elementor-element.elementor-grid-mobile-6 .dynamic-gallery-item:nth-of-type(6n+1) {
clear: left;
}
}
.eael-ticker-wrap {
overflow: hidden;
display: flex;
flex-flow: row nowrap;
align-items: center;
width: 100%;
}
.eael-ticker-wrap .ticker-badge {
flex: 0 0 auto;
padding: 8px 12px;
}
.eael-ticker-wrap .eael-ticker {
overflow: hidden;
flex: 1 1 auto;
}
.eael-ticker-wrap .eael-ticker .ticker-content{
padding: 8px 12px;
line-height: 1.8;
}
.eael-ticker-wrap .eael-ticker .ticker-content p{
margin: 0;
}
.eael-ticker-wrap .swiper-button-prev {
left: auto !important;
right: 25px;
}
.eael-ticker-wrap div.swiper-slide,
.eael-ticker-wrap div.swiper-slide.swiper-slide-prev,
.eael-ticker-wrap div.swiper-slide.swiper-slide-next {
opacity: 0 !important;
}
.eael-ticker-wrap div.swiper-slide.swiper-slide-active {
opacity:1 !important;
}
.eael-ticker-wrap .eael-content-ticker.swiper-container .swiper-slide {
text-align: left;
}
@media only screen and (max-width: 767px) {
.eael-ticker-wrap {
flex-flow: row wrap;
}
.content-ticker-pagination {
display: none;
}
}
.eael-img-accordion {
display: flex;
height: 50vh;
}
.eael-img-accordion a {
position: relative;
flex: 1;
text-align: center;
text-decoration: none;
color: #fff;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
transition: flex .4s;
}
.eael-grow-accordion {
flex: 3;
}
.eael-img-accordion .overlay {
display: flex;
align-items: center;
justify-content: center;
padding: 0 10px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
transition: background-color .4s;
}
.eael-img-accordion .overlay .overlay-inner {
z-index: 1;
}
.eael-img-accordion a:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
z-index: 0;
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
transition: all 0.3s ease-in-out;
}
.eael-img-accordion .overlay-inner * {
visibility: hidden;
opacity: 0;
transform-style: preserve-3d;
}
.eael-img-accordion .overlay h2 {
color: #fff;
transform: translate3d(0, -60px, 0);
}
.eael-img-accordion .overlay p {
color: #fff;
transform: translate3d(0, 60px, 0);
}
.eael-img-accordion .overlay-inner-show * {
opacity: 1;
visibility: visible;
transform: none !important;
transition: all .3s .3s;
}
@media screen and (max-width: 800px) {
.eael-img-accordion {
flex-direction: column;
}
.eael-img-accordion a:hover {
flex: 1;
}
.eael-img-accordion a:hover .overlay {
background-color: transparent;
}
.eael-img-accordion .overlay h2,
.eael-img-accordion .overlay p {
opacity: 1;
visibility: visible;
transform: none;
}
}
.eael-post-list-container {
position: relative;
overflow: hidden;
z-index: 0;
}
.eael-post-list-header {
display: flex;
align-items: center;
justify-content: space-between;
border-radius: 0px;
border-bottom: 2px solid #e23a47;
}
.eael-post-list-header .header-title {
display: flex;
}
.eael-post-list-header .header-title .title {
margin: 0px;
font-size: 15px;
font-weight: 500;
color: #424242;
display: inline-block;
background-color: #e23a47;
color: #fff;
padding: 0px 25px;
text-transform: uppercase;
}
.eael-post-list-header .post-categories {
display: flex;
justify-content: flex-end;
}
.eael-post-list-header .post-categories a {
font-size: 13px;
font-weight: 600;
line-height: 1;
display: inline-block;
padding: 6px 10px;
margin: 0 3px;
transition: all .3s;
}
.eael-post-list-header .post-categories a:focus {
outline: 0;
}
.eael-post-list-wrap {
position: relative;
display: flex;
flex-flow: row wrap;
z-index: 0;
padding: 0px 0px 10px 0px;
}
.eael-post-list-featured-wrap{
display: flex;
flex: 1 1 auto;
align-items: flex-end;
padding-right: 15px;
margin: 10px 0;
}
.eael-post-list-featured-inner {
height: 100%;
display: flex;
flex: 1 1 auto;
align-items: flex-end;
background-color: #9ba4bc;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
position: relative;
z-index: 0;
animation: eael-fade-in 0.5s linear;
}
.eael-post-list-featured-inner:after {
content: "";
position: absolute;
z-index: -1;
background: linear-gradient( rgba(0,0,0,0.3) , rgba(0,0,0,0.9));
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
opacity: .7;
transition: all .3s ease-in-out;
}
.eael-post-list-featured-inner:hover::after {
opacity: 1;
}
.eael-post-list-featured-inner .featured-content {
width: 100%;
padding: 15px;
line-height: 1.5;
}
.eael-post-list-featured-inner .featured-content .meta {
font-size: 13px;
font-weight: 500;
color: #fff;
line-height: 1.4;
}
.eael-post-list-featured-inner .featured-content .meta span {
display: inline-block;
margin-right: 10px;
}
.eael-post-list-featured-inner .featured-content .meta span i {
margin-right: 4px;
font-size: 12px;
}
.eael-post-list-featured-inner .featured-content .meta span a {
color: #fff;
}
.eael-post-list-featured-inner .featured-content .meta span a:hover {
color: #9ba4bc;
}
.eael-post-list-featured-inner .featured-content .eael-post-list-title,
.eael-post-list-featured-inner .featured-content .eael-post-list-title a {
font-size: 18px;
line-height: 1.5;
color: #fff;
margin: 8px 0px 0px 0px;
}
.eael-post-list-featured-inner .featured-content .eael-post-list-title a:hover {
color: #9ba4bc;
}
.eael-post-list-posts-wrap {
display: flex;
flex: 1 1 auto;
flex-wrap: wrap;
align-self: flex-start;
margin: 10px 0;
}
.eael-post-list-thumbnail {
max-width: 30%;
flex: 0 0 30%;
overflow: hidden;
margin-right: 15px;
}
.eael-empty-thumbnail {
background-color: #f9f9f9;
}
.eael-post-list-content .meta {
font-size: 12px;
line-height: 1;
margin: 5px 0;
}
.eael-post-list-content .eael-post-list-title,
.eael-post-list-content .eael-post-list-title a {
font-size: 14px;
line-height: 1.4;
margin: 0;
transition: all .3s;
}
.eael-post-list-content p {
margin-top: 8px;
font-size: 13px;
line-height: 1.5;
}
.post-list-pagination .btn-prev-post,
.post-list-pagination .btn-next-post {
background: transparent;
border: 1px solid #dcdcdc;
border-radius: 0px;
color: rgba( 0, 0, 0, 0.8 );
font-size: 14px;
line-height: 1;
font-weight: 500;
}
.post-list-pagination .btn-prev-post:focus,
.post-list-pagination .btn-next-post:focus {
outline: 0;
background: transparent;
}
.post-list-pagination .btn-prev-post:disabled,
.post-list-pagination .btn-next-post:disabled,
.post-list-pagination .btn-prev-post:disabled:hover,
.post-list-pagination .btn-next-post:disabled:hover {
cursor: no-drop;
opacity: 0.5;
}
.eael-post-list-post {
display: flex;
padding: 0 10px 8px 0;
animation: eael-slide-in-up 0.5s linear;
}
.eael-post-list-col-1 .eael-post-list-post {
flex: 0 0 100%;
}
.eael-post-list-col-2 .eael-post-list-post {
flex: 0 0 50%;
}
.eael-post-list-col-3 .eael-post-list-post {
flex: 0 0 32%;
}
@keyframes eael-fade-in {
0% {
opacity: 0;
transition: all 0.3s ease-in-out;
}
100% {
opacity: 1;
transition: all 0.3s ease-in-out;
}
}
@keyframes eael-slide-in-up {
0% {
opacity: 0;
transform: translateY(-5%);
transition: 0.6s;
}
100% {
opacity: 1;
transform: translateY(0%);
}
}
@keyframes eael-slide-in-left {
0% {
opacity: 0;
transform: translateX(-5%);
transition: 0.6s;
}
100% {
opacity: 1;
transform: translateX(0%);
}
}
@media only screen and (max-width: 767px) {
.eael-post-list-featured-wrap {
flex: 1 100%;
padding: 0;
}
.eael-post-list-col-1 .eael-post-list-post,
.eael-post-list-col-2 .eael-post-list-post,
.eael-post-list-col-3 .eael-post-list-post {
flex: 1 100%;
}
}
.eael-advance-tabs {
display: block;
}
.eael-advance-tabs .eael-tabs-nav > ul {
position: relative;
padding: 0px;
margin: 0px;
list-style-type: none;
display: flex;
justify-content: flex-start;
align-items: center;
z-index: 1;
}
.eael-advance-tabs .eael-tabs-nav > ul li {
position: relative;
padding: 1em 1.5em;
flex: 1 1 auto;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.eael-advance-tabs .eael-tabs-nav > ul li:after {
content: "";
position: absolute;
bottom: -10px;
left: 0px;
right: 0px;
margin: 0 auto;
z-index: 1;
width: 0px;
height: 0px;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #444;
border-bottom: 0px;
display: none;
}
.eael-advance-tabs .eael-tabs-nav > ul li.active:after,
.eael-advance-tabs .eael-tabs-nav > ul li.active-default:after {
display: block;
}
.eael-tabs-content {
display: flex;
flex: 1 1 auto;
}
.eael-advance-tabs .eael-tabs-content > div {
display: none;
opacity: 0;
}
.eael-advance-tabs .eael-tabs-content > div.active,
.eael-advance-tabs .eael-tabs-content > div.active-default {
display: block;
width: 100%;
padding: 1em;
opacity: 1;
animation: fadeIn linear 0.3s;
}
.eael-advance-tabs.active-caret-on .eael-tabs-nav > ul li.active:after,
.eael-advance-tabs.active-caret-on .eael-tabs-nav > ul li.active-default:after{
display: none;
}
.eael-tab-inline-icon li a .fa {
margin-right: 10px;
line-height: 1;
}
.eael-tab-top-icon li {
display: flex;
flex-wrap: wrap;
text-align: center;
}
.eael-tab-top-icon li .fa,
.eael-tab-top-icon li .eael-tab-title {
flex: 1 1 100%;
line-height: 1;
}
.eael-tab-top-icon li .eael-tab-title {
margin-bottom: 7px;
}
.eael-advance-tabs.eael-tabs-vertical {
display: flex;
}
.eael-advance-tabs.eael-tabs-vertical .eael-tabs-nav {
flex: 0 0 auto;
}
.eael-advance-tabs.eael-tabs-vertical .eael-tabs-nav > ul {
flex-flow: column wrap;
}
.eael-advance-tabs.eael-tabs-vertical .eael-tabs-nav > ul > li {
width: 100%;
justify-content: start;
}
.eael-advance-tabs.eael-tabs-vertical .eael-tabs-nav > ul li::after {
bottom: auto !important;
right: -10px;
top: calc(50% - 10px) !important;
left: auto !important;
border-left: 10px solid #444;
border-right: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
}
@media only screen and (max-width: 767px) {
.eael-advance-tabs .eael-tabs-nav > ul {
flex-wrap: wrap;
}
.eael-advance-tabs .eael-tabs-nav > ul li {
flex: 1 100%;
}
}
.eael-adv-accordion {
width: auto;
height: auto;
transition: all 0.3s ease-in-out;
}
.eael-adv-accordion .eael-accordion-list .eael-accordion-header {
padding: 15px;
border: 1px solid rgba(0,0,0,0.02);
font-size: 1rem;
font-weight: 600;
line-height: 1;
transition: all 0.3s ease-in-out;
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
}
.eael-adv-accordion .eael-accordion-list .eael-accordion-header .fa-toggle {
transform: rotate(0deg);
z-index: 10;
transition: all 0.3s ease-in-out;
}
.eael-adv-accordion .eael-accordion-list .eael-accordion-header.active .fa-toggle {
transform: rotate(90deg);
z-index: 10;
transition: all 0.3s ease-in-out;
}
.fa-accordion-icon {
display: inline-block;
margin-right: 10px;
}
.eael-adv-accordion .eael-accordion-list .eael-accordion-content {
display: none;
border: 1px solid #eee;
padding: 15px;
box-sizing: border-box;
font-size: 1rem;
line-height: 1.7;
}
.eael-adv-accordion .eael-accordion-list .eael-accordion-content p {
margin: 0;
}
.eael-adv-accordion .eael-accordion-list .eael-accordion-content.active {
display: block;
}
@keyframes rotate-90 {
0% {
transform: rotateY(0deg);
}
100% {
transform: rotateY(-180deg);
}
}
@keyframes fadeIn {
0% {
opacity: 1;
transition: all 0.3s ease-in-out;
}
100% {
opacity: 1;
transition: all 0.3s ease-in-out;
}
}
.eael-tooltip {
position: relative;
display: inline-block;
min-width: 150px;
text-align: center;
padding: 12px 24px;
font-size: .93rem;
color: #333;
line-height: 1;
cursor: pointer;
transition: all 0.3s ease-in-out;
}
.eael-tooltip .eael-tooltip-text {
display: block;
width: 100%;
visibility: hidden;
background-color: black;
color: #fff;
text-align: center;
border-radius: 4px;
padding: 10px;
position: absolute;
z-index: 1;
font-size: .93rem;
line-height: 1.3;
}
.eael-tooltip .eael-tooltip-text::after {
content: "";
position: absolute;
border-width: 5px;
border-style: solid;
}
.eael-tooltip:hover .eael-tooltip-text {
visibility: visible;
}
.eael-tooltip .eael-tooltip-text.eael-tooltip-left {
top: 50%;
right: 100%;
transform: translateY(-50%);
margin-right: 10px;
}
.eael-tooltip:hover .eael-tooltip-text.eael-tooltip-left {
animation: tooltipLeftIn 300ms ease-in-out;
}
.eael-tooltip .eael-tooltip-text.eael-tooltip-left::after {
top: calc(50% - 5px);
left: 100%;
border-color: transparent transparent transparent black;
}
.eael-tooltip .eael-tooltip-text.eael-tooltip-right {
top: 50%;
left: 100%;
transform: translateY(-50%);
transition: all 0.3s ease-in-out;
margin-left: 10px;
}
.eael-tooltip:hover .eael-tooltip-text.eael-tooltip-right {
animation: tooltipRightIn 300ms linear;
}
.eael-tooltip .eael-tooltip-text.eael-tooltip-right::after {
top: calc(50% - 5px);
right: 100%;
border-color: transparent black transparent transparent;
}
.eael-tooltip .eael-tooltip-text.eael-tooltip-top {
bottom: calc(100%);
left: 0;
right: 0;
margin: 0 auto 10px auto;
}
.eael-tooltip .eael-tooltip-text.eael-tooltip-top::after {
margin-top: 0px;
top: 100%;
left: calc( 50% - 5px );
border-color: black transparent transparent transparent;
}
.eael-tooltip:hover .eael-tooltip-text.eael-tooltip-top {
animation: tooltipTopIn 300ms linear;
}
.eael-tooltip .eael-tooltip-text.eael-tooltip-bottom {
top: 100%;
left: 0;
right: 0;
margin: 10px auto 0px auto;
}
.eael-tooltip .eael-tooltip-text.eael-tooltip-bottom::after {
margin-top: 0px;
bottom: 100%;
left: calc( 50% - 5px );
border-color: transparent transparent black transparent;
}
.eael-tooltip:hover .eael-tooltip-text.eael-tooltip-bottom {
animation: tooltipBottomIn 300ms linear;
}
.eael-tooltip-align-left {
display: flex;
width: 100%;
justify-content: flex-start;
}
.eael-tooltip-align-right {
display: flex;
width: 100%;
justify-content: flex-end;
}
.eael-tooltip-align-center {
display: flex;
width: 100%;
justify-content: center;
}
.eael-tooltip-align-justify .eael-tooltip {
display: flex;
justify-content: center;
align-items: center;
}
@keyframes tooltipRightIn {
0% {
opacity: 0;
left: 105%;
}
100% {
opacity: 1;
left: 100%;
}
}
@keyframes tooltipLeftIn {
0% {
opacity: 0;
right: 105%;
}
100% {
opacity: 1;
right: 100%;
}
}
@keyframes tooltipTopIn {
0% {
opacity: 0;
bottom: 110%;
}
100% {
opacity: 1;
bottom: 100%;
}
}
@keyframes tooltipBottomIn {
0% {
opacity: 0;
top: 110%;
}
100% {
opacity: 1;
top: 100%;
}
}
.eael-google-map {
width: 100%;
height: auto;
display: block;
margin: 0 auto;
position: relative;
z-index: 0;
}
.eael-google-map img {
position: relative;
z-index: 1;
margin: 0 auto;
display: block;
width: 100%;
}
.eael-gmap-overlay {
padding: 15px;
background-color: rgba(255,255,255,0.9);
display: flex;
align-items: center;
justify-content: center;
z-index: 1;
border-radius: 4px;
min-width: 200px;
}
.eael-form-fields-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.eael-field-group {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.eael-field-group .eael-mailchimp-input {
max-width: 100%;
box-shadow: none;
}
.eael-mailchimp-fields-wrapper.eael-mailchimp-btn-block .eael-mailchimp-submit-btn {
display: block;
width: 100%;
text-align: center;
margin-left: auto;
margin-right: auto;
}
@media only screen and (min-width: 768px) {
.eael-mailchimp-inline .eael-form-fields-wrapper {
flex-wrap: nowrap;
}
}
@media only screen and (max-width: 767px) {
.eael-mailchimp-inline .eael-field-group.eael-mailchimp-submit-btn {
flex: 1 100%;
margin-top: 10px;
}
}
.eael-mailchimp-inline .eael-field-group {
flex: 1 1 auto;
display: flex;
align-items: flex-end;
}
.eael-mailchimp-inline .eael-mailchimp-input {
flex: 1 100%;
margin-right: 5px;
}
.eael-mailchimp-wrap.eael-mailchimp-inline .eael-mailchimp-subscribe {
margin: 0;
width: 100%;
}
.eael-form-fields-wrapper.eael-mailchimp-fields-wrapper.eael-mailchimp-btn-block {
flex-wrap: wrap;
}
.eael-mailchimp-inline .eael-mailchimp-fields-wrapper.eael-mailchimp-btn-block .eael-mailchimp-submit-btn {
flex: 1 100%;
}
.eael-mailchimp-stacked .eael-mailchimp-fields-wrapper .eael-field-group {
width: 100%;
margin-bottom: 10px;
}
.eael-mailchimp-stacked .eael-mailchimp-fields-wrapper .eael-field-group label {
display: block;
width: 100%;
}
.eael-mailchimp-stacked .eael-mailchimp-fields-wrapper .eael-field-group .eael-mailchimp-input {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
width: 100%;
max-width: 100%;
}
.eael-mailchimp-stacked .eael-mailchimp-fields-wrapper .eael-field-group.eael-mailchimp-submit-btn {
flex: 1 100%;
}
.eael-mailchimp-wrap .eael-mailchimp-subscribe {
margin: 10px 0;
width: 100%;
}
.eael-field-group label {
display: block;
}
.eael-mailchimp-message p {
margin: 0;
}
.eael-mailchimp-message-text-center .eael-mailchimp-message {
text-align: center;
}
.eael-mailchimp-message-text-left .eael-mailchimp-message {
text-align: left;
}
.eael-mailchimp-message-text-right .eael-mailchimp-message {
text-align: right;
}
.eael-mailchimp-message-text-justify .eael-mailchimp-message {
text-align: justify;
}
.eael-toggle-switch-inner {
align-items: center;
display: flex;
}
.eael-toggle-center .eael-toggle-switch-inner {
justify-content: center;
}
.eael-toggle-right .eael-toggle-switch-inner {
justify-content: flex-end;
}
.eael-toggle-switch-container {
display: inline-block;
font-size: 26px;
line-height: 1;
margin: 0 15px;
overflow: hidden;
}
.eael-toggle-switch-round {
border-radius: 1.31em;
}
.eael-toggle-switch-round .eael-toggle-slider:before {
border-radius: 50%;
}
.eael-toggle-switch {
position: relative;
display: inline-block;
width: 2.31em;
height: 1.29em;
margin: 0;
vertical-align: middle;
}
.eael-toggle-switch input {
display: none;
}
.eael-toggle-content-wrap.primary .eael-toggle-secondary-wrap {
display: none;
}
.eael-toggle-content-wrap.secondary .eael-toggle-primary-wrap {
display: none;
}
.eael-toggle-content-wrap .elementor-section-stretched {
left: 0 !important;
width: 100% !important;
}
.eael-toggle-slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
}
.eael-toggle-slider:before {
position: absolute;
content: "";
height: 1em;
width: 1em;
left: 0.16em;
bottom: 0.15em;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}
.eael-toggle-switch-on .eael-toggle-slider {
background-color: #2196F3;
box-shadow: 0 0 1px #2196F3;
}
.eael-toggle-switch-on .eael-toggle-slider:before {
-webkit-transform: translateX(26px);
-ms-transform: translateX(26px);
transform: translateX(26px);
}
.eael-counter {
display: inline-block;
}
.eael-counter-icon-wrap, .eael-counter-icon, .eael-counter-icon-divider, .eael-counter-num-divider {
display: inline-block;
}
.eael-counter-icon {
line-height: 1;
}
.eael-counter-layout-3-number-wrap,
.eael-counter-layout-3 .eael-icon-title-wrap,
.eael-counter-layout-4-number-wrap,
.eael-counter-layout-4 .eael-icon-title-wrap {
display: flex;
align-items: center;
justify-content: center;
}
.eael-counter-layout-5, .eael-counter-layout-6 {
display: flex;
align-items: center;
justify-content: center;
}
.eael-counter-layout-6 .eael-counter-icon-wrap {
order: 2;
}
.eael-counter .eael-icon-title-wrap .eael-counter-title {
display: inline-block;
} 
.eael-one-page-nav-container {
position: fixed;
margin-right: 20px;
right: 0;
z-index: 999;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.nav-align-top .eael-one-page-nav-container, .nav-align-bottom .eael-one-page-nav-container {
left: 50%;
right: auto;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
}
.nav-align-top .eael-one-page-nav-container {
top: 0;
margin-top: 20px;
}
.nav-align-bottom .eael-one-page-nav-container {
bottom: 0;
margin-bottom: 20px;
top: auto;
}
.nav-align-left .eael-one-page-nav-container {
left: 0;
margin-left: 20px;
right: auto;
}
.eael-one-page-nav-container .eael-one-page-nav {
font-size: 0;
line-height: 0;
}
.eael-one-page-nav-container .eael-one-page-nav,
.eael-one-page-nav-container .eael-one-page-nav-item {
list-style: none;
margin: 0;
padding: 0;
}
.nav-align-top .eael-one-page-nav-item,
.nav-align-bottom .eael-one-page-nav-item {
display: inline-block;
vertical-align: top;
margin-right: 10px;
}
.nav-align-top .eael-one-page-nav-item:last-child,
.nav-align-bottom .eael-one-page-nav-item:last-child {
margin-right: 0 !important;
}
.eael-one-page-nav-item {
margin-bottom: 10px;
position: relative;
line-height: 1;
text-align: center;
}
.eael-one-page-nav-item:last-child {
margin-bottom: 0 !important;
}
.eael-one-page-nav-item:hover .eael-nav-dot-tooltip {
visibility: visible;
opacity: 1;
}
.eael-one-page-nav-item a:focus {
outline: none;
}
.eael-one-page-nav-item .eael-nav-dot {
display: block;
}
.eael-nav-dot-tooltip {
color: #000;
font-size: 14px;
line-height: 1.3;
opacity: 0;
position: absolute;
width: 200px;
visibility: hidden;
transition: transform 0.3s ease, opacity 0.3s ease, visibility 0.3s ease;
}
.eael-nav-dot-tooltip.eael-tooltip-arrow:after {
width: 0;
height: 0;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 5px solid;
position: absolute;
right: -5px;
content: "";
top: 50%;
transform: translateY(-50%);
content: "";
}
.nav-align-top .eael-nav-dot-tooltip,
.nav-align-bottom .eael-nav-dot-tooltip {
text-align: center;
left: -95px;
}
.nav-align-top .eael-nav-dot-tooltip.eael-tooltip-arrow:after,
.nav-align-bottom .eael-nav-dot-tooltip.eael-tooltip-arrow:after {
border-bottom: 5px solid;
border-right: 5px solid transparent;
border-left: 5px solid transparent;
left: 50%;
content: "";
top: -10px;
transform: translate3d(-50%, 0, 0);
right: auto;
}
.nav-align-top .eael-nav-dot-tooltip {
top: 30px;
transform: translateY(15px) translateX(0);
-webkit-transform: translateY(15px) translateX(0);
}
.nav-align-top .eael-one-page-nav-item:hover .eael-nav-dot-tooltip {
transform: translateY(0) translateX(0);
-webkit-transform: translateY(0) translateX(0);
}
.nav-align-bottom .eael-nav-dot-tooltip {
bottom: 30px;
transform: translateY(-15px) translateX(0);
-webkit-transform: translateY(-15px) translateX(0);
}
.nav-align-bottom .eael-nav-dot-tooltip.eael-tooltip-arrow:after {
border-top: 5px solid;
border-bottom: 5px solid transparent;
bottom: -10px;
top: auto;
}
.nav-align-bottom .eael-one-page-nav-item:hover .eael-nav-dot-tooltip {
transform: translateY(0) translateX(0);
-webkit-transform: translateY(0) translateX(0);
}
.nav-align-right .eael-nav-dot-tooltip {
right: 40px;
text-align: right;
top: 50%;
transform: translateY(-50%) translateX(-15px);
-webkit-transform: translateY(-50%) translateX(-15px);
}
.nav-align-right .eael-one-page-nav-item:hover .eael-nav-dot-tooltip {
opacity: 1;
transform: translateY(-50%) translateX(0);
-webkit-transform: translateY(-50%) translateX(0);
}
.nav-align-left .eael-nav-dot-tooltip {
left: 40px;
top: 50%;
text-align: left;
transform: translateY(-50%) translateX(15px);
-webkit-transform: translateY(-50%) translateX(15px);
}
.nav-align-left .eael-nav-dot-tooltip.eael-tooltip-arrow:after {
border-right: 5px solid;
border-left: 5px solid transparent;
left: -10px;
right: auto;
}
.nav-align-left .eael-one-page-nav-item:hover .eael-nav-dot-tooltip {
opacity: 1;
transform: translateY(-50%) translateX(0);
-webkit-transform: translateY(-50%) translateX(0);
}
.eael-nav-dot-tooltip-content {
background: #000;
color: #fff;
display: inline-block;
padding: 5px 10px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.eael-nav-dot {
color: #000;
display: block;
font-size: 10px;
line-height: 1;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
transition: color 0.3s ease, border 0.3s ease;
}
.eael-nav-dot-wrap {
display: block;
transition: all 0.3s ease, border 0.3s ease;
}
.admin-bar .nav-align-top .eael-one-page-nav-container {
top: 32px;
}
.eael-divider-wrap {
font-size: 0;
line-height: 0;
}
.eael-divider {
text-align: center;
}
.eael-divider-left .divider-border-left {
display: none;
}
.eael-divider-right .divider-border-right {
display: none;
}
.horizontal {
border: 0;
border-color: #000;
border-bottom-width: 4px;
border-top-width: 0px;
display: inline-block;
width: 80px;
height: 0;
border-style: dashed;
}
.vertical {
border: 0;
display: inline-block;
border-left: 2px solid #000;
height: 50px;
}
.divider-text-container {
display: inline-block;
max-width: 600px;
}
.divider-text-wrap {
display: flex;
align-items: center;
margin: 0 auto;
}
.eael-divider-text {
font-size: 16px;
line-height: 1.4;
}
.divider-border-wrap {
flex: 1 1 auto;
}
.divider-border {
border: 0;
height: 1px;
border-top: 1px solid #000;
display: block;
width: 100%;
}
.eael-divider-content {
display: inherit;
flex: 0 1 auto;
margin: 0 20px;
}
.eael-restaurant-menu .eael-restaurant-menu-item-wrap {
margin-bottom: 10px;
position: relative;
}
.eael-restaurant-menu .eael-restaurant-menu-item {
align-items: center;
display: flex;
}
.eael-restaurant-menu .eael-restaurant-menu-image {
flex-grow: 0;
margin-right: 10px;
}
.eael-restaurant-menu .eael-restaurant-menu-content {
flex-grow: 1;
}
.eael-restaurant-menu .eael-restaurant-menu-header {
display: flex;
justify-content: space-between;
margin-bottom: 5px;
}
.eael-restaurant-menu .eael-restaurant-menu-title {
display: inline-block;
margin: 0;
}
.eael-restaurant-menu .eael-restaurant-menu-title a {
color: inherit;
}
.eael-restaurant-menu-style-1 .eael-restaurant-menu-price {
float: right;
}
.eael-restaurant-menu-style-3 .eael-restaurant-menu-image {
order: 1;
}
.eael-restaurant-menu-style-4 .eael-restaurant-menu-item,
.eael-restaurant-menu-style-4 .eael-restaurant-menu-header {
display: block;
}
.eael-restaurant-menu-style-4 .eael-restaurant-menu-image {
display: inline-block;
}
.eael-restaurant-menu-style-1 .eael-price-title-connector {
border-bottom: 1px dashed #000;
height: 1px;
flex-grow: 1;
align-self: center;
margin: 0 20px;
}
.eael-restaurant-menu-style-eael .eael-restaurant-menu-item {
min-height: 150px;
position: relative;
}
.eael-restaurant-menu-style-eael .eael-restaurant-menu-price {
bottom: 0;
padding: 10px;
position: absolute;
right: 0;
z-index: 1;
}
.eael-restaurant-menu-style-eael .eael-restaurant-menu-price:after {
border-color: transparent #B83D11;
border-style: solid;
border-width: 110px 130px 0 0;
bottom: 0;
content: "";
position: absolute;
right: 0;
z-index: -1;
}
.eael-restaurant-menu-divider-wrap {
font-size: 0;
line-height: 0;
}
.eael-restaurant-menu-divider {
display: inline-block;
}
.eael-tm-wrapper {
position: relative;
}
.eael-tm-wrapper .eael-tm-social-links {
list-style: none;
margin: 0;
padding: 0;
}
.eael-tm-wrapper .eael-tm-social-links li {
list-style: none;
margin: 0;
padding: 0;
}
.eael-tm-wrapper .eael-tm-title-divider-wrap {
font-size: 0;
line-height: 1;
}
.eael-tm-wrapper li,
.eael-tm-wrapper .eael-tm-social-icon,
.eael-tm-wrapper .eael-tm-divider {
display: inline-block;
}
.eael-tm-wrapper .eael-tm:hover .eael-tm-overlay-content-wrap {
opacity: 1;
visibility: visible;
}
.eael-tm-wrapper .eael-tm-image {
display: inline-block;
position: relative;
}
.eael-tm-content-normal {
position: relative;
z-index: 1;
}
.eael-tm-overlay-content-wrap {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 1;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.25s linear 0s;
transition: all 0.25s linear 0s;
}
.eael-tm-overlay-content-wrap:before {
background-color: #000;
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
opacity: 0.5;
z-index: -1;
}
.eael-tm-overlay-content-wrap .eael-tm-content {
padding: 20px;
width: 100%;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.eael-tm-social-icon-wrap {
display: inline-flex;
-webkit-transition: all 0.25s linear 0s;
transition: all 0.25s linear 0s;
}
.eael-tm-carousel {
position: relative;
}
.eael-tm-carousel-dots-outside .swiper-pagination {
position: static;
}
.swiper-container-wrap .swiper-slide,
.swiper-container .swiper-slide {
text-align: center;
}
.swiper-container-wrap .swiper-slide img,
.swiper-container .swiper-slide img {
width: auto;
}
.swiper-container-wrap-dots-outside .swiper-pagination,
.swiper-container-dots-outside .swiper-pagination {
position: static;
}
.swiper-container-wrap .swiper-button-next,
.swiper-container-wrap .swiper-button-prev,
.swiper-container .swiper-button-next,
.swiper-container .swiper-button-prev {
background: transparent;
font-size: 20px;
height: auto;
line-height: 1;
margin: 0;
text-align: center;
transform: translateY(-50%);
width: auto;
}
.swiper-container-wrap .swiper-button-next .fa,
.swiper-container-wrap .swiper-button-prev .fa,
.swiper-container .swiper-button-next .fa,
.swiper-container .swiper-button-prev .fa {
vertical-align: top;
}
.swiper-container-wrap .swiper-pagination {
bottom: 10px;
left: 0;
width: 100%;
}
.swiper-container-wrap-dots-outside .swiper-pagination {
position: static;
}
.swiper-container-wrap .swiper-pagination-bullet {
background: #ccc;
margin: 0 4px;
opacity: 1;
height: 8px;
width: 8px;
}
.swiper-container-wrap .swiper-pagination-bullet-active {
background: #000;
}
.swiper-container-3d .swiper-slide {
transition-property: all;
-webkit-transition-property: all;
}    
.eael-image-hotspots {
position: relative;
}
.eael-hot-spot-wrap {
cursor: pointer;
position: absolute;
width: 14px;
height: 14px;
background: #000;
border-radius: 50%;
font-size: 14px;
display: inline-flex;
padding: 15px;
align-items: center;
justify-content: center;
}
.eael-hot-spot-image {
position: relative;
}
.eael-hotspot-text{
z-index: 5;
}
.eael-hot-spot-inner {
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.eael-hot-spot-inner.hotspot-animation:before {
content: '';
display: block;
position: absolute;
z-index: 0;
pointer-events: none;
animation: pulse 2s infinite;
left: 0;
top: 0;
}
.eael-hot-spot-inner.hotspot-animation:hover:before {
animation: none;
}
.eael-hot-spot-inner,
.eael-hot-spot-inner:before {
background-color: #000;
border-radius: 50%;
color: #fff;
height: 100%;
position: absolute;
width: 100%;
}
.eael-hotspot-icon {
position: relative;
}
.eael-hotspot-icon-wrap {
display: inline-flex;
width: 100%;
height: 100%;
vertical-align: middle;
align-items: center;
justify-content: center;
border-radius: 50%;
}
.eael-single-tooltip p {
margin: 0;
}
@keyframes pulse {
0% {
transform: scale(1);
box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0.8); }
100% {
transform: scale(1.5);
box-shadow: inset 0 0 1px 1px transparent;
}
}
.tipso_content p:last-child {
margin-bottom: 0;
}
.tipso_bubble, .tipso_bubble > .tipso_arrow{
-webkit-box-sizing: border-box;
-moz-box-sizing:    border-box;
box-sizing:         border-box;
}
.tipso_bubble {
position: absolute;
text-align: center;
border-radius: 6px;
z-index: 9999;
}
.tipso_style{
cursor: help;
border-bottom: 1px dotted;
}
.tipso_title {
border-radius: 6px 6px 0 0;
}
.tipso_content {
word-wrap: break-word;
padding: 0.5em;
}
.tipso_bubble.tiny {
font-size: 0.6rem;
}
.tipso_bubble.small {
font-size: 0.8rem;
}
.tipso_bubble.default {
font-size: 1rem;
}
.tipso_bubble.large {
font-size: 1.2rem;
width: 100%;
}
.tipso_bubble > .tipso_arrow{
position: absolute;
width: 0; height: 0;
border: 8px solid;
pointer-events: none;
}
.tipso_bubble.top > .tipso_arrow {
border-top-color: #000;
border-right-color: transparent;
border-left-color: transparent;
border-bottom-color: transparent;
top: 100%;
left: 50%;
margin-left: -8px;
}
.tipso_bubble.bottom > .tipso_arrow {
border-bottom-color: #000;
border-right-color: transparent;
border-left-color: transparent;
border-top-color: transparent;
bottom: 100%;
left: 50%;
margin-left: -8px;
}
.tipso_bubble.left > .tipso_arrow {
border-left-color: #000;
border-top-color: transparent;
border-bottom-color: transparent;
border-right-color: transparent;
top: 50%;
left: 100%;
margin-top: -8px;
}
.tipso_bubble.right > .tipso_arrow {
border-right-color: #000;
border-top-color: transparent;
border-bottom-color: transparent;
border-left-color: transparent;
top: 50%;
right: 100%;
margin-top: -8px;
}
.tipso_bubble .top_right_corner, 
.tipso_bubble.top_right_corner {
border-bottom-left-radius: 0;
}
.tipso_bubble .bottom_right_corner, 
.tipso_bubble.bottom_right_corner  {
border-top-left-radius: 0;
}
.tipso_bubble .top_left_corner, 
.tipso_bubble.top_left_corner {
border-bottom-right-radius: 0;
}
.tipso_bubble .bottom_left_corner, 
.tipso_bubble.bottom_left_corner  {
border-top-right-radius: 0;
}
.eael-logo-carousel.grayscale-normal img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.eael-logo-carousel.grayscale-normal .swiper-slide:hover img {
-webkit-filter: none;
filter: none;
}
.eael-logo-carousel.grayscale-hover .swiper-slide:hover img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.eael-logo-carousel.swiper-container .swiper-slide {
text-align: center;
}
.eael-logo-carousel.swiper-container .swiper-slide img {
width: auto;
}
.eael-logo-carousel .eael-logo-carousel-title a {
color: inherit;
}
.eael-post-carousel.grayscale-normal img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.eael-post-carousel.grayscale-normal .swiper-slide:hover img {
-webkit-filter: none;
filter: none;
}
.eael-post-carousel.grayscale-hover .swiper-slide:hover img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.eael-post-carousel.swiper-container .swiper-slide {
text-align: center;
}
.eael-post-carousel .eael-entry-thumbnail > img,
.swiper-container-wrap .eael-post-carousel .swiper-slide img {
height: 100%;
width: 100%;
object-fit: cover;
}
.eael-post-carousel .eael-post-carousel-title a {
color: inherit;
}
.eael-author-avatar > a {
display: block;
}
.eael-entry-footer {
overflow: hidden;
display: flex;
}
.eael-entry-footer > div {
display: inline-block;
float: left;
}
.post_carousel_meta_alignment-right .eael-entry-footer > div {
float: right;
}
.post_carousel_meta_alignment-right .eael-entry-footer .eael-entry-meta {
text-align: right;
padding-left: 0;
padding-right: 15px;
}
.post_carousel_meta_alignment-center .eael-entry-footer > div {
float: none;
display: block;
}
.post_carousel_meta_alignment-center .eael-author-avatar {
margin: 0 auto 15px;
}
.post_carousel_meta_alignment-center .eael-entry-meta > div {
text-align: center;
}
.eael-password-protected-content-fields > form {
display: flex;
align-items: center;
}
.eael-password-protected-content-fields .eael-password {
padding: 10px 20px;
border-radius: 0;
font-size: 1em;
line-height: 1em;
}
.eael-password-protected-content-fields .eael-submit {
text-transform: uppercase;
padding: 10px 20px;
border: 1px solid #333;
border-radius: 0;
font-size: 1em;
line-height: 1em;
}
.eael-protected-content-message {
padding: 10px;
}
.protected-content-error-msg {
color: #f00;
}
.ldBar{position:relative;}.ldBar.label-center > .ldBar-label{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-shadow:0 0 3px #fff}.ldBar-label:after{content:"%";display:inline}.ldBar.no-percent .ldBar-label:after{content:""}
.eael-progress-bar-container {
overflow: hidden;
}
.eael-progress-bar-container .progress-title,
.eael-progress-bar-container .ldBar-label {
font-family: "Roboto", Sans-serif;
font-weight: 600;
}
.progress-title h1,
.progress-title h2,
.progress-title h3,
.progress-title h4,
.progress-title h5,
.progress-title h6,
.progress-title p {
margin: 0;
}
.eael-progress-bar-container.center .ldBar{
margin: 0 auto;
}
div[data-preset="line"] .ldBar-label,
div[data-preset="rainbow"] .ldBar-label {
text-align: right;
position: absolute;
top: -20px;
right:  0;
}
.eael-offcanvas-content {
position: fixed;
top: 0;
left: 0;
z-index: 100;
visibility: hidden;
width: 300px;
height: 100%;
overflow-y: auto;
background: #fff;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.eael-offcanvas-content.eael-offcanvas-slide {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.eael-offcanvas-content-slide.eael-offcanvas-content-open .eael-offcanvas-content.eael-offcanvas-content-visible {
visibility: visible;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.eael-offcanvas-content .eael-offcanvas-close {
position: relative;
cursor: pointer;
float: right;
top: 20px;
right: 20px;
line-height: 1;
z-index: 1;
font-style: normal;
font-family: Helvetica, Arial, sans-serif;
font-weight: 100;
font-size: 24px;
}
html.eael-offcanvas-content-widget, html.eael-offcanvas-content-widget body {
height: 100%;
}
.eael-offcanvas-content-reset {
margin-top: 0 !important;
}
.eael-offcanvas-toggle {
cursor: pointer;
}
.eael-offcanvas-container {
position: relative;
left: 0;
z-index: 99;
height: 100%;
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
}
.eael-offcanvas-container:after {
content: '';
position: absolute;
top: 0;
right: 0;
width: 0;
height: 0;
background: rgba(0, 0, 0, 0.2);
opacity: 0;
-webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
}
.eael-offcanvas-content-open {
overflow: hidden;
}
.eael-offcanvas-content-open .eael-offcanvas-container:after {
width: 100%;
height: 100%;
opacity: 1;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
z-index: 100001;
}
.eael-offcanvas-content.eael-offcanvas-content-right {
left: auto;
right: 0;
}
.eael-offcanvas-content .eael-offcanvas-header {
float: left;
width: 100%;
height: 60px;
}
.eael-offcanvas-content .eael-offcanvas-close {
position: relative;
cursor: pointer;
float: right;
top: 20px;
right: 20px;
line-height: 1;
z-index: 1;
font-style: normal;
font-family: Helvetica, Arial, sans-serif;
font-weight: 100;
font-size: 24px;
}
.eael-offcanvas-content .eael-offcanvas-body {
float: left;
padding-left: 20px;
padding-right: 20px;
width: 100%;
}
.eael-offcanvas-toggle-wrap .eael-offcanvas-toggle {
display: inline-flex;
}
.eael-offcanvas-icon-before .eael-offcanvas-toggle-icon {
margin-right: 5px;
}
.eael-offcanvas-icon-after .eael-offcanvas-toggle-icon {
order: 2;
margin-left: 5px;
}
.eael-offcanvas-content.eael-offcanvas-slide {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.eael-offcanvas-content.eael-offcanvas-slide.eael-offcanvas-content-right {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.eael-offcanvas-content.eael-offcanvas-reveal {
z-index: 1;
}
.eael-offcanvas-content-slide.eael-offcanvas-content-open .eael-offcanvas-content.eael-offcanvas-content-visible {
visibility: visible;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.eael-offcanvas-content-left.eael-offcanvas-push {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.eael-offcanvas-content-right.eael-offcanvas-push {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.eael-offcanvas-content-push.eael-offcanvas-content-open .eael-offcanvas-content.eael-offcanvas-content-visible {
visibility: visible;
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
}
.eael-offcanvas-content-push.eael-offcanvas-content-open.eael-offcanvas-content-left .eael-offcanvas-container {
-webkit-transform: translate3d(300px, 0, 0);
transform: translate3d(300px, 0, 0);
}
.eael-offcanvas-content-push.eael-offcanvas-content-open.eael-offcanvas-content-right .eael-offcanvas-container {
-webkit-transform: translateX(-300px);
transform: translateX(-300px);
}
.eael-offcanvas-content-reveal .eael-offcanvas-container {
background: #fff;
overflow: hidden;
}
.eael-offcanvas-content-reveal.eael-offcanvas-content-open {
position: relative;
overflow: hidden;
}
.eael-offcanvas-content-reveal.eael-offcanvas-content-open .eael-offcanvas-content.eael-offcanvas-content-visible {
visibility: visible;
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
}
.eael-offcanvas-content-reveal.eael-offcanvas-content-open.eael-offcanvas-content-left .eael-offcanvas-container {
-webkit-transform: translate3d(300px, 0, 0);
transform: translate3d(300px, 0, 0);
}
.eael-offcanvas-content-reveal.eael-offcanvas-content-open.eael-offcanvas-content-right .eael-offcanvas-container {
-webkit-transform: translate3d(-300px, 0, 0);
transform: translate3d(-300px, 0, 0);
}
.eael-offcanvas-content-left.eael-offcanvas-slide-along {
z-index: 1;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
}
.eael-offcanvas-content-right.eael-offcanvas-slide-along {
z-index: 1;
-webkit-transform: translate3d(50%, 0, 0);
transform: translate3d(50%, 0, 0);
}
.eael-offcanvas-content-slide-along .eael-offcanvas-container {
background: #fff;
overflow: hidden;
}
.eael-offcanvas-content-slide-along.eael-offcanvas-content-open .eael-offcanvas-content.eael-offcanvas-content-visible {
visibility: visible;
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.eael-offcanvas-content-slide-along.eael-offcanvas-content-open.eael-offcanvas-content-left .eael-offcanvas-container {
-webkit-transform: translate3d(300px, 0, 0);
transform: translate3d(300px, 0, 0);
}
.eael-offcanvas-content-slide-along.eael-offcanvas-content-open.eael-offcanvas-content-right .eael-offcanvas-container {
-webkit-transform: translate3d(-300px, 0, 0);
transform: translate3d(-300px, 0, 0);
}