/*Master Addons Elementor Styles*/
html,
body {
overflow-x: hidden;
}
.gradient-bg {
background-image: -webkit-gradient(linear, right top, left top, from(#e4f1f9), to(#e1f9f1));
background-image: linear-gradient(to left, #e4f1f9 0%, #e1f9f1 100%);
}
.jltma-btn {
background: #620acc;
border: none;
border-radius: 5px;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
display: inline-block;
font-weight: 900;
padding: 12px 21.43px;
text-decoration: none;
}
.jltma-btn:hover {
background: #41008e;
-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.25) inset !important;
box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.25) inset !important;
color: #fff;
}
/* Accordion */
.ma-advanced-accordion {
width: auto;
height: auto;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.ma-accordion-item {
margin-bottom: 10px;
}
.ma-accordion-title-icon {
display: flex;
}
.ma-accordion-icon-align-right .ma-accordion-tab-icon {
padding: 0 0 0 1.25em;
}
.ma-accordion-icon-align-left .ma-accordion-tab-title {
padding: 15px;
}
.ma-advanced-accordion .ma-accordion-tab-title {
border-radius: 5px;
box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);
position: relative;
font-size: 1rem;
font-weight: 600;
line-height: 1;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
cursor: pointer;
}
.ma-advanced-accordion .ma-accordion-tab-title:focus {
outline: 0;
}
.ma-advanced-accordion .ma-accordion-tab-title .ma-accordion-toggle-icon {
position: relative;
text-align: center;
}
.ma-accordion-toggle-icon {
height: 20px;
width: 20px;
line-height: 20px;
text-align: center;
}
.ma-accordion-toggle-icon i {
line-height: 20px;
position: absolute;
transition: all 0.4s ease;
}
.ma-accordion-toggle-icon i.ma-el-accordion-icon-opened {
display: block;
}
.ma-accordion-tab-title.active .ma-accordion-toggle-icon i.ma-el-accordion-icon-opened {
display: none;
}
.ma-accordion-toggle-icon i.ma-el-accordion-icon-closed {
display: none;
}
.ma-accordion-tab-title.active .ma-accordion-toggle-icon i.ma-el-accordion-icon-closed {
display: block;
}
.ma-accordion-tab-content {
display: none;
padding: 1.5rem;
opacity: 0;
transform: translateY(-100%);
}
.ma-advanced-accordion .ma-accordion-tab-title.show.active + .ma-accordion-tab-content {
opacity: 1;
padding: 1.5rem;
transform: translateY(0);
}
.ma-accordion-tab-content p {
color: #78909c;
opacity: 0;
transition: all 0.4s ease;
}
.ma-accordion-tab-title.show.active + .ma-accordion-tab-content p {
opacity: 1;
}
.ma-accordion-icon-align-left .ma-accordion-tab-title .ma-accordion-toggle-icon {
margin-right: 20px;
}
.ma-accordion-item .ma-accordion-tab-title .ma-accordion-tab-icon {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
height: 100%;
}
.ma-accordion-item .ma-accordion-tab-title .ma-accordion-tab-icon i {
margin-right: 0 !important;
}
.ma-accordion-item .ma-accordion-tab-title.active .ma-accordion-tab-icon {
background: #4b00e7;
}
/* Tooltip rgb(94, 93, 96)/
.ma-el-tooltip {
transition: all 0.3s ease;
}
.ma-el-tooltip .ma-el-tooltip-item {
position: relative;
}
.ma-el-tooltip .ma-el-tooltip-content-text {
line-height: 0.5;
}
.ma-el-tooltip-align-left {
display: flex;
width: 100%;
justify-content: flex-start;
}
.ma-el-tooltip-align-center {
display: flex;
width: 100%;
justify-content: center;
}
.ma-el-tooltip-align-right {
display: flex;
width: 100%;
justify-content: flex-end;
}
.ma-el-tooltip .ma-el-tooltip-item .ma-el-tooltip-content {
cursor: pointer;
line-height: 0.6;
font-size: 16px;
text-align: center;
transition: all 0.3s ease;
}
.ma-el-tooltip .ma-el-tooltip-item .ma-el-tooltip-content a img {
margin: 0 auto;
}
.ma-el-tooltip .ma-el-tooltip-item .ma-el-tooltip-text {
position: absolute;
min-width: 150px;
padding: 10px;
visibility: hidden;
opacity: 0;
transition: all 0.25s cubic-bezier(0, 0, 0.2, 1);
border-radius: 3px;
font-weight: 300;
font-size: 16px;
box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.2);
z-index: 4;
}
.ma-el-tooltip .ma-el-tooltip-item .ma-el-tooltip-text:after {
content: "";
display: block;
position: absolute;
width: 0;
height: 0;
border-style: solid;
}
.ma-el-tooltip .ma-el-tooltip-item .ma-el-tooltip-content:hover {
box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.13);
}
.ma-el-tooltip .ma-el-tooltip-item.tooltip-left .ma-el-tooltip-content:hover ~ .ma-el-tooltip-text {
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
visibility: visible;
opacity: 1;
}
.ma-el-tooltip .ma-el-tooltip-item.tooltip-left .ma-el-tooltip-text {
top: 50%;
right: calc(100% + 1em);
-webkit-transform: translate3d(-15px, -50%, 0);
transform: translate3d(-15px, -50%, 0);
}
.ma-el-tooltip .ma-el-tooltip-item.tooltip-left .ma-el-tooltip-text:after {
top: 50%;
right: -0.5em;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
border-width: 0.5em 0 0.5em 0.5em;
border-color: transparent transparent transparent #f9f9f9;
}
.ma-el-tooltip .ma-el-tooltip-item.tooltip-bottom:hover .ma-el-tooltip-text {
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
}
.ma-el-tooltip .ma-el-tooltip-item.tooltip-bottom .ma-el-tooltip-content:hover ~ .ma-el-tooltip-text {
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
visibility: visible;
opacity: 1;
}
.ma-el-tooltip .ma-el-tooltip-item.tooltip-bottom .ma-el-tooltip-text {
top: calc(100% + 1em);
left: 50%;
-webkit-transform: translate3d(-50%, 15px, 0);
transform: translate3d(-50%, 15px, 0);
text-align: center;
}
.ma-el-tooltip .ma-el-tooltip-item.tooltip-bottom .ma-el-tooltip-text:after {
top: -0.5em;
left: 50%;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
border-width: 0 0.5em 0.5em 0.5em;
border-color: transparent transparent #f9f9f9 transparent;
}
.ma-el-tooltip .ma-el-tooltip-item.tooltip-top:hover .ma-el-tooltip-text {
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
}
.ma-el-tooltip .ma-el-tooltip-item.tooltip-top .ma-el-tooltip-content:hover ~ .ma-el-tooltip-text {
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
visibility: visible;
opacity: 1;
}
.ma-el-tooltip .ma-el-tooltip-item.tooltip-top .ma-el-tooltip-text {
bottom: calc(100% + 1em);
left: 50%;
-webkit-transform: translate3d(-50%, -15px, 0);
transform: translate3d(-50%, -15px, 0);
text-align: center;
}
.ma-el-tooltip .ma-el-tooltip-item.tooltip-top .ma-el-tooltip-text:after {
bottom: -0.5em;
left: 50%;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
border-width: 0.5em 0.5em 0 0.5em;
border-color: #f9f9f9 transparent transparent transparent;
}
.ma-el-tooltip .ma-el-tooltip-item.tooltip-right:hover .ma-el-tooltip-text {
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
}
.ma-el-tooltip .ma-el-tooltip-item.tooltip-right .ma-el-tooltip-content:hover ~ .ma-el-tooltip-text {
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
visibility: visible;
opacity: 1;
}
.ma-el-tooltip .ma-el-tooltip-item.tooltip-right .ma-el-tooltip-text {
top: 50%;
left: calc(100% + 1em);
-webkit-transform: translate3d(15px, -50%, 0);
transform: translate3d(15px, -50%, 0);
text-align: center;
}
.ma-el-tooltip .ma-el-tooltip-item.tooltip-right .ma-el-tooltip-text:after {
top: 50%;
left: -0.5em;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
border-width: 0.5em 0.5em 0.5em 0;
border-color: transparent #fff transparent transparent;
}
/* Tooltip End */
/* MA Creative Links Start */
.ma-el-creative-links .ma-el-creative-link a {
position: relative;
display: inline-block;
outline: none;
color: #fff;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 400;
text-shadow: 0 0 1px rgba(255, 255, 255, 0.3);
font-size: 1.35em;
}
.ma-el-creative-links .ma-el-creative-link a:hover,
.ma-el-creative-links .ma-el-creative-link a:focus {
outline: none;
}
.ma-el-creative-links.cl-effect-1 .ma-el-creative-link .ma-el-creative-link-item,
.ma-el-creative-links.cl-effect-2 .ma-el-creative-link .ma-el-creative-link-item,
.ma-el-creative-links.cl-effect-2 .ma-el-creative-link .ma-el-creative-link-item span,
.ma-el-creative-links.cl-effect-3 .ma-el-creative-link .ma-el-creative-link-item,
.ma-el-creative-links.cl-effect-4 .ma-el-creative-link .ma-el-creative-link-item,
.ma-el-creative-links.cl-effect-5 .ma-el-creative-link .ma-el-creative-link-item,
.ma-el-creative-links.cl-effect-6 .ma-el-creative-link .ma-el-creative-link-item,
.ma-el-creative-links.cl-effect-7 .ma-el-creative-link .ma-el-creative-link-item,
.ma-el-creative-links.cl-effect-8 .ma-el-creative-link .ma-el-creative-link-item,
.ma-el-creative-links.cl-effect-9 .ma-el-creative-link .ma-el-creative-link-item,
.ma-el-creative-links.cl-effect-10 .ma-el-creative-link .ma-el-creative-link-item,
.ma-el-creative-links.cl-effect-11 .ma-el-creative-link .ma-el-creative-link-item,
.ma-el-creative-links.cl-effect-12 .ma-el-creative-link .ma-el-creative-link-item,
.ma-el-creative-links.cl-effect-13 .ma-el-creative-link .ma-el-creative-link-item,
.ma-el-creative-links.cl-effect-14 .ma-el-creative-link .ma-el-creative-link-item,
.ma-el-creative-links.cl-effect-17 .ma-el-creative-link .ma-el-creative-link-item,
.ma-el-creative-links.cl-effect-18 .ma-el-creative-link .ma-el-creative-link-item,
.ma-el-creative-links.cl-effect-19 .ma-el-creative-link .ma-el-creative-link-item,
.ma-el-creative-links.cl-effect-20 .ma-el-creative-link .ma-el-creative-link-item,
.ma-el-creative-links.cl-effect-20 .ma-el-creative-link span,
.ma-el-creative-links.cl-effect-21 .ma-el-creative-link .ma-el-creative-link-item {
width: 100%;
text-align: center;
}
.ma-el-creative-links.cl-effect-2 .ma-el-creative-link a {
line-height: 2.4em;
margin: 0;
}
.ma-el-creative-links.cl-effect-3 .ma-el-creative-link a,
.ma-el-creative-links.cl-effect-6 .ma-el-creative-link a {
margin: 7px 0;
}
.ma-el-creative-links.cl-effect-4 .ma-el-creative-link a {
margin: 10px 0;
}
.ma-el-creative-links.cl-effect-5 .ma-el-creative-link a,
.ma-el-creative-links.cl-effect-12 .ma-el-creative-link a,
.ma-el-creative-links.cl-effect-13 .ma-el-creative-link a {
margin: 15px 0;
}
.ma-el-creative-links.cl-effect-7 .ma-el-creative-link a {
margin: 6px 0;
}
.ma-el-creative-links.cl-effect-8 .ma-el-creative-link {
padding: 0 7px;
}
.ma-el-creative-links.cl-effect-8 .ma-el-creative-link a {
margin: 7px 0;
}
.ma-el-creative-links.cl-effect-9 .ma-el-creative-link a,
.ma-el-creative-links.cl-effect-17 .ma-el-creative-link a {
margin: 7px 0;
}
.ma-el-creative-links.cl-effect-10 .ma-el-creative-link a span {
padding: 15px 0;
}
.ma-el-creative-links.cl-effect-10 .ma-el-creative-link a,
.ma-el-creative-links.cl-effect-21 a,
.ma-el-creative-links.cl-effect-19 .ma-el-creative-link a {
margin: 0;
}
.ma-el-creative-links.cl-effect-11 .ma-el-creative-link a,
.ma-el-creative-links.cl-effect-20 .ma-el-creative-link a {
margin: 0;
}
.ma-el-creative-links.cl-effect-14 .ma-el-creative-link a {
margin: 3px 0;
}
.ma-el-creative-links.cl-effect-18 .ma-el-creative-link a {
margin: 17px 0;
}
.ma-el-creative-links.cl-effect-19 a span {
-webkit-transform-origin: 50% 50% -140px;
-moz-transform-origin: 50% 50% -140px;
transform-origin: 50% 50% -140px;
}
.ma-el-creative-links.cl-effect-21 .ma-el-creative-link a {
padding: 15px;
}
.cl-effect-1 a::before,
.cl-effect-1 a::after {
display: inline-block;
opacity: 0;
-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
-moz-transition: -moz-transform 0.3s, opacity 0.2s;
transition: transform 0.3s, opacity 0.2s;
}
.cl-effect-1 a::before {
margin-right: 10px;
content: "[";
-webkit-transform: translateX(20px);
-moz-transform: translateX(20px);
transform: translateX(20px);
}
.cl-effect-1 a::after {
margin-left: 10px;
content: "]";
-webkit-transform: translateX(-20px);
-moz-transform: translateX(-20px);
transform: translateX(-20px);
}
.cl-effect-1 a:hover::before,
.cl-effect-1 a:hover::after,
.cl-effect-1 a:focus::before,
.cl-effect-1 a:focus::after {
opacity: 1;
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
transform: translateX(0px);
}
.cl-effect-3 a {
padding: 8px 0;
}
.cl-effect-3 a::after {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 4px;
background: rgba(0, 0, 0, 0.1);
content: "";
opacity: 0;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
-moz-transition: opacity 0.3s, -moz-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
transform: translateY(10px);
}
.cl-effect-3 a:hover::after,
.cl-effect-3 a:focus::after {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px);
}
.cl-effect-4 a {
padding: 0 0 10px;
}
.cl-effect-4 a::after {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 1px;
background: #fff;
content: "";
opacity: 0;
-webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
-moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
transition: height 0.3s, opacity 0.3s, transform 0.3s;
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
transform: translateY(-10px);
}
.cl-effect-4 a:hover::after,
.cl-effect-4 a:focus::after {
height: 5px;
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px);
}
.cl-effect-7 a {
padding: 12px 10px 10px;
color: #566473;
text-shadow: none;
font-weight: 700;
}
.cl-effect-7 a::before,
.cl-effect-7 a::after {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 3px;
margin-top: -1px;
background: #566473;
content: "";
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
-webkit-transform: scale(0.85);
-moz-transform: scale(0.85);
transform: scale(0.85);
}
.cl-effect-7 a::after {
opacity: 0;
-webkit-transition: top 0.3s, opacity 0.3s, -webkit-transform 0.3s;
-moz-transition: top 0.3s, opacity 0.3s, -moz-transform 0.3s;
transition: top 0.3s, opacity 0.3s, transform 0.3s;
}
.cl-effect-7 a:hover::before,
.cl-effect-7 a:hover::after,
.cl-effect-7 a:focus::before,
.cl-effect-7 a:focus::after {
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
}
.cl-effect-7 a:hover::after,
.cl-effect-7 a:focus::after {
top: 0;
opacity: 1;
}
.cl-effect-11 a {
padding: 10px 0;
border-top: 2px solid #0972b4;
color: #0972b4;
text-shadow: none;
}
.cl-effect-11 a::before {
content: attr(data-hover);
position: absolute;
top: 0;
left: 0;
overflow: hidden;
padding: 10px 0;
width: 0;
border-bottom: 2px solid #fff;
color: #fff;
opacity: 0;
-webkit-transition: width 0.5s, opacity 0.5s;
-moz-transition: width 0.5s, opacity 0.5s;
transition: width 0.5s, opacity 0.5s;
}
.cl-effect-11 a:hover::before,
.cl-effect-11 a:focus::before {
opacity: 1;
text-align: center;
width: 100%;
}
.cl-effect-13 a {
-webkit-transition: color 0.3s;
-moz-transition: color 0.3s;
transition: color 0.3s;
}
.cl-effect-13 a::before {
position: absolute;
top: 100%;
left: 50%;
color: transparent;
content: "•";
text-shadow: 0 0 transparent;
font-size: 1.2em;
-webkit-transition: text-shadow 0.3s, color 0.3s;
-moz-transition: text-shadow 0.3s, color 0.3s;
transition: text-shadow 0.3s, color 0.3s;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);
pointer-events: none;
}
.cl-effect-13 a:hover::before,
.cl-effect-13 a:focus::before {
color: #fff;
text-shadow: 10px 0 #fff, -10px 0 #fff;
}
.cl-effect-13 a:hover,
.cl-effect-13 a:focus {
color: #ba7700;
}
.cl-effect-15 a {
color: rgba(0, 0, 0, 0.2);
font-weight: 700;
text-shadow: none;
}
.cl-effect-15 a::before {
color: #fff;
content: attr(data-hover);
position: absolute;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
}
.cl-effect-15 a:hover::before,
.cl-effect-15 a:focus::before {
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
transform: scale(0.9);
opacity: 0;
}
.cl-effect-17 a {
color: #10649b;
text-shadow: none;
padding: 10px 0;
}
.cl-effect-17 a::before {
color: #fff;
text-shadow: 0 0 1px rgba(255, 255, 255, 0.3);
content: attr(data-hover);
position: absolute;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
pointer-events: none;
}
.cl-effect-17 a::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 2px;
background: #fff;
opacity: 0;
-webkit-transform: translateY(5px);
-moz-transform: translateY(5px);
transform: translateY(5px);
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
pointer-events: none;
}
.cl-effect-17 a:hover::before,
.cl-effect-17 a:focus::before {
opacity: 0;
-webkit-transform: translateY(-2px);
-moz-transform: translateY(-2px);
transform: translateY(-2px);
}
.cl-effect-17 a:hover::after,
.cl-effect-17 a:focus::after {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px);
}
.cl-effect-21 a {
padding: 10px;
color: #237546;
font-weight: 700;
text-shadow: none;
-webkit-transition: color 0.3s;
-moz-transition: color 0.3s;
transition: color 0.3s;
}
.cl-effect-21 a::before,
.cl-effect-21 a::after {
position: absolute;
left: 0;
width: 100%;
height: 2px;
background: #fff;
content: "";
opacity: 0;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
-moz-transition: opacity 0.3s, -moz-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
transform: translateY(-10px);
}
.cl-effect-21 a::before {
top: 0;
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
transform: translateY(-10px);
}
.cl-effect-21 a::after {
bottom: 0;
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
transform: translateY(10px);
}
.cl-effect-21 a:hover,
.cl-effect-21 a:focus {
color: #fff;
}
.cl-effect-21 a:hover::before,
.cl-effect-21 a:focus::before,
.cl-effect-21 a:hover::after,
.cl-effect-21 a:focus::after {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px);
}
.cl-effect-22::after,
.cl-effect-22::before {
content: "";
position: absolute;
height: 100%;
width: 50%;
-webkit-transform: skewX(30deg);
transform: skewX(30deg);
-webkit-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
z-index: -2;
}
.cl-effect-22::before {
background-color: #ff0;
top: -1rem;
left: 0;
}
.cl-effect-22::after {
background-color: #8a19ff;
top: 1rem;
left: 8rem;
}
.cl-effect-22:hover::before,
.cl-effect-22:hover::after {
top: 0;
-webkit-transform: skewx(0deg);
transform: skewx(0deg);
}
.cl-effect-22:hover::after {
left: 0;
}
.cl-effect-2 a {
line-height: 44px;
-webkit-perspective: 1000px;
-moz-perspective: 1000px;
perspective: 1000px;
}
.cl-effect-2 a span {
position: relative;
display: inline-block;
padding: 0 14px;
background: #2195de;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.csstransforms3d .cl-effect-2 a span::before {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 100%;
background: #0965a0;
content: attr(data-hover);
-webkit-transition: background 0.3s;
-moz-transition: background 0.3s;
transition: background 0.3s;
-webkit-transform: rotateX(-90deg);
-moz-transform: rotateX(-90deg);
transform: rotateX(-90deg);
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
transform-origin: 50% 0;
}
.cl-effect-2 a:hover span,
.cl-effect-2 a:focus span {
-webkit-transform: rotateX(90deg) translateY(-22px);
-moz-transform: rotateX(90deg) translateY(-22px);
transform: rotateX(90deg) translateY(-22px);
}
.csstransforms3d .cl-effect-2 a:hover span::before,
.csstransforms3d .cl-effect-2 a:focus span::before {
background: #28a2ee;
}
.cl-effect-5 a {
overflow: hidden;
padding: 0 4px;
height: 1em;
}
.cl-effect-5 a span {
position: relative;
display: inline-block;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
}
.cl-effect-5 a span::before {
position: absolute;
top: 100%;
content: attr(data-hover);
font-weight: 700;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.cl-effect-5 a:hover span,
.cl-effect-5 a:focus span {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
transform: translateY(-100%);
}
.cl-effect-6 a {
padding: 10px 20px;
}
.cl-effect-6 a::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 2px;
background: #fff;
content: "";
-webkit-transition: top 0.3s;
-moz-transition: top 0.3s;
transition: top 0.3s;
}
.cl-effect-6 a::after {
position: absolute;
top: 0;
left: 0;
width: 2px;
height: 2px;
background: #fff;
content: "";
-webkit-transition: height 0.3s;
-moz-transition: height 0.3s;
transition: height 0.3s;
}
.cl-effect-6 a:hover::before {
top: 100%;
opacity: 1;
}
.cl-effect-6 a:hover::after {
height: 100%;
}
.cl-effect-8 a {
padding: 10px 20px;
}
.cl-effect-8 a::before,
.cl-effect-8 a::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 3px solid #354856;
content: "";
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
}
.cl-effect-8 a::after {
opacity: 0;
-webkit-transform: translateY(-7px) translateX(6px);
-moz-transform: translateY(-7px) translateX(6px);
transform: translateY(-7px) translateX(6px);
}
.cl-effect-8 a:hover::before,
.cl-effect-8 a:focus::before {
opacity: 0;
-webkit-transform: translateY(5px) translateX(-5px);
-moz-transform: translateY(5px) translateX(-5px);
transform: translateY(5px) translateX(-5px);
}
.cl-effect-8 a:hover::after,
.cl-effect-8 a:focus::after {
opacity: 1;
-webkit-transform: translateY(0px) translateX(0px);
-moz-transform: translateY(0px) translateX(0px);
transform: translateY(0px) translateX(0px);
}
.cl-effect-9 a {
padding: 18px 20px;
}
.cl-effect-9 a::before,
.cl-effect-9 a::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 1px;
background: #fff;
content: "";
opacity: 0.2;
-webkit-transition: opacity 0.3s, height 0.3s;
-moz-transition: opacity 0.3s, height 0.3s;
transition: opacity 0.3s, height 0.3s;
}
.cl-effect-9 a::after {
top: 100%;
opacity: 0;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
transform: translateY(-10px);
}
.cl-effect-9 a span:first-child {
z-index: 2;
display: block;
font-weight: 300;
}
.cl-effect-9 a span:last-child {
z-index: 1;
display: block;
padding: 8px 0 0;
color: rgba(0, 0, 0, 0.4);
text-shadow: none;
text-transform: none;
font-style: italic;
font-size: 0.75em;
font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
opacity: 0;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
transform: translateY(-100%);
}
.cl-effect-9 a:hover::before,
.cl-effect-9 a:focus::before {
height: 6px;
}
.cl-effect-9 a:hover::before,
.cl-effect-9 a:hover::after,
.cl-effect-9 a:focus::before,
.cl-effect-9 a:focus::after {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px);
}
.cl-effect-9 a:hover span:last-child,
.cl-effect-9 a:focus span:last-child {
opacity: 1;
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
transform: translateY(0%);
}
.cl-effect-10 {
position: relative;
z-index: 1;
}
.cl-effect-10 a {
overflow: hidden;
z-index: 0;
}
.cl-effect-10 a span {
display: block;
padding: 10px 20px;
background: #0f7c67;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
}
.cl-effect-10 a::before {
position: absolute;
top: 0;
left: 0;
z-index: -1;
padding: 15px 20px;
width: 100%;
height: 100%;
background: #fff;
color: #0f7c67;
content: attr(data-hover);
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
-webkit-transform: translateX(-25%);
}
.cl-effect-10 a:hover span,
.cl-effect-10 a:focus span {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
transform: translateX(120%);
}
.cl-effect-10 a:hover::before,
.cl-effect-10 a:focus::before {
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
transform: translateX(0%);
}
.cl-effect-12 a::before,
.cl-effect-12 a::after {
position: absolute;
top: 50%;
left: 50%;
width: 100px;
height: 100px;
border: 2px solid rgba(0, 0, 0, 0.1);
border-radius: 50%;
content: "";
opacity: 0;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
-webkit-transform: translateX(-50%) translateY(-50%) scale(0.2);
-moz-transform: translateX(-50%) translateY(-50%) scale(0.2);
transform: translateX(-50%) translateY(-50%) scale(0.2);
}
.cl-effect-12 a::after {
width: 90px;
height: 90px;
border-width: 6px;
-webkit-transform: translateX(-50%) translateY(-50%) scale(0.8);
-moz-transform: translateX(-50%) translateY(-50%) scale(0.8);
transform: translateX(-50%) translateY(-50%) scale(0.8);
}
.cl-effect-12 a:hover::before,
.cl-effect-12 a:hover::after,
.cl-effect-12 a:focus::before,
.cl-effect-12 a:focus::after {
opacity: 1;
-webkit-transform: translateX(-50%) translateY(-50%) scale(1);
-moz-transform: translateX(-50%) translateY(-50%) scale(1);
transform: translateX(-50%) translateY(-50%) scale(1);
}
.cl-effect-14 a {
padding: 0 20px;
height: 45px;
line-height: 45px;
}
.cl-effect-14 a::before,
.cl-effect-14 a::after {
position: absolute;
width: 45px;
height: 2px;
background: #fff;
content: "";
opacity: 0.2;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
pointer-events: none;
}
.cl-effect-14 a::before {
top: 0;
left: 15px;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
transform-origin: 0 0;
}
.cl-effect-14 a::after {
right: 15px;
bottom: 0;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transform-origin: 100% 0;
-moz-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.cl-effect-14 a:hover::before,
.cl-effect-14 a:hover::after,
.cl-effect-14 a:focus::before,
.cl-effect-14 a:focus::after {
opacity: 1;
}
.cl-effect-14 a:hover::before,
.cl-effect-14 a:focus::before {
left: 50%;
-webkit-transform: rotate(0deg) translateX(-50%);
-moz-transform: rotate(0deg) translateX(-50%);
transform: rotate(0deg) translateX(-50%);
}
.cl-effect-14 a:hover::after,
.cl-effect-14 a:focus::after {
right: 50%;
-webkit-transform: rotate(0deg) translateX(50%);
-moz-transform: rotate(0deg) translateX(50%);
transform: rotate(0deg) translateX(50%);
}
.cl-effect-16 a {
color: #6f8686;
text-shadow: 0 0 1px rgba(111, 134, 134, 0.3);
}
.cl-effect-16 a::before {
color: #fff;
content: attr(data-hover);
position: absolute;
opacity: 0;
text-shadow: 0 0 1px rgba(255, 255, 255, 0.3);
-webkit-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
-moz-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
pointer-events: none;
}
.cl-effect-16 a:hover::before,
.cl-effect-16 a:focus::before {
-webkit-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
-moz-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
opacity: 1;
}
.cl-effect-18 {
position: relative;
z-index: 1;
}
.cl-effect-18 a {
padding: 0 5px;
color: #b4770d;
font-weight: 700;
-webkit-transition: color 0.3s;
-moz-transition: color 0.3s;
transition: color 0.3s;
}
.cl-effect-18 a::before,
.cl-effect-18 a::after {
position: absolute;
width: 50%;
left: 25%;
top: 50%;
height: 2px;
margin-top: -1px;
background: #b4770d;
content: "";
z-index: -1;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
pointer-events: none;
}
.cl-effect-18 a::before {
-webkit-transform: translateY(-20px);
-moz-transform: translateY(-20px);
transform: translateY(-20px);
}
.cl-effect-18 a::after {
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
transform: translateY(20px);
}
.cl-effect-18 a:hover,
.cl-effect-18 a:focus {
color: #fff;
}
.cl-effect-18 a:hover::before,
.cl-effect-18 a:hover::after,
.cl-effect-18 a:focus::before,
.cl-effect-18 a:focus::after {
opacity: 0.7;
}
.cl-effect-18 a:hover::before,
.cl-effect-18 a:focus::before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
}
.cl-effect-18 a:hover::after,
.cl-effect-18 a:focus::after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.cl-effect-19 a {
line-height: 2em;
-webkit-perspective: 800px;
-moz-perspective: 800px;
perspective: 800px;
}
.cl-effect-19 a span {
position: relative;
display: inline-block;
width: 100%;
padding: 0 14px;
background: #e35041;
-webkit-transition: -webkit-transform 0.4s, background 0.4s;
-moz-transition: -moz-transform 0.4s, background 0.4s;
transition: transform 0.4s, background 0.4s;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform-origin: 50% 50% -115px;
-moz-transform-origin: 50% 50% -100px;
transform-origin: 50% 50% -100px;
}
.csstransforms3d .cl-effect-19 a span::before {
position: absolute;
top: 0;
left: 100%;
width: 100%;
height: 100%;
background: #b53a2d;
content: attr(data-hover);
-webkit-transition: background 0.4s;
-moz-transition: background 0.4s;
transition: background 0.4s;
-webkit-transform: rotateY(90deg);
-moz-transform: rotateY(90deg);
transform: rotateY(90deg);
-webkit-transform-origin: 0 50%;
-moz-transform-origin: 0 50%;
transform-origin: 0 50%;
pointer-events: none;
}
.cl-effect-19 a:hover span,
.cl-effect-19 a:focus span {
background: #b53a2d;
-webkit-transform: rotateY(-90deg);
-moz-transform: rotateY(-90deg);
transform: rotateY(-90deg);
}
.csstransforms3d .cl-effect-19 a:hover span::before,
.csstransforms3d .cl-effect-19 a:focus span::before {
background: #ef5e50;
}
.cl-effect-20 a {
line-height: 2em;
-webkit-perspective: 800px;
-moz-perspective: 800px;
perspective: 800px;
}
.cl-effect-20 a span {
position: relative;
display: inline-block;
padding: 3px 15px 0;
background: #587285;
box-shadow: inset 0 3px #2f4351;
-webkit-transition: background 0.6s;
-moz-transition: background 0.6s;
transition: background 0.6s;
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform-origin: 0 50%;
-moz-transform-origin: 0 50%;
transform-origin: 0 50%;
}
.cl-effect-20 a span::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff;
color: #2f4351;
content: attr(data-hover);
-webkit-transform: rotateX(270deg);
-moz-transform: rotateX(270deg);
transform: rotateX(270deg);
-webkit-transition: -webkit-transform 0.6s;
-moz-transition: -moz-transform 0.6s;
transition: transform 0.6s;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
transform-origin: 0 0;
pointer-events: none;
}
.cl-effect-20 a:hover span,
.cl-effect-20 a:focus span {
background: #2f4351;
}
.cl-effect-20 a:hover span::before,
.cl-effect-20 a:focus span::before {
-webkit-transform: rotateX(10deg);
-moz-transform: rotateX(10deg);
transform: rotateX(10deg);
}
/* MA Creative Links End */
/* MA Pricing Table Start */
.gradient-1 {
background-image: -moz-linear-gradient(45deg, #3d9ff3 0%, #3fd5cc 100%);
background-image: -webkit-linear-gradient(45deg, #3d9ff3 0%, #3fd5cc 100%);
background-image: -ms-linear-gradient(45deg, #3d9ff3 0%, #3fd5cc 100%);
}
.gradient-2 {
background-image: -moz-linear-gradient(45deg, #643df3 0%, #9b3fd5 100%);
background-image: -webkit-linear-gradient(45deg, #643df3 0%, #9b3fd5 100%);
background-image: -ms-linear-gradient(45deg, #643df3 0%, #9b3fd5 100%);
}
.gradient-3 {
background-image: -moz-linear-gradient(45deg, #f33d82 0%, #d5b43f 100%);
background-image: -webkit-linear-gradient(45deg, #f33d82 0%, #d5b43f 100%);
background-image: -ms-linear-gradient(45deg, #f33d82 0%, #d5b43f 100%);
}
.gradient-4 {
background-image: -moz-linear-gradient(45deg, #3adb5c 0%, #9bd53f 100%);
background-image: -webkit-linear-gradient(45deg, #3adb5c 0%, #9bd53f 100%);
background-image: -ms-linear-gradient(45deg, #3adb5c 0%, #9bd53f 100%);
}
.solid-1 {
background-color: #83f1af;
}
.solid-2 {
background-color: #f8a265;
}
.solid-3 {
background-color: #81d4fa;
}
.ma-el-price-table {
border-radius: 5px;
box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.1);
}
.default-table .ma-el-price-table-head,
.table-left-align .ma-el-price-table-head {
color: #fff;
padding: 3.4rem 15px 3rem;
}
.ma-el-price-table-title {
font-size: 1.75rem;
font-weight: 600;
margin: 0;
}
.default-table .ma-el-price-table-title,
.table-left-align .ma-el-price-table-title {
color: #fff;
text-transform: uppercase;
}
.default-table .ma-el-price-table-head p,
.table-left-align .ma-el-price-table-head p {
color: #fff;
margin: 0;
}
.default-table .ma-el-table-price-area,
.table-left-align .ma-el-table-price-area {
margin-top: 2.5rem;
}
.default-table .ma-el-table-price-currency,
.table-left-align .ma-el-table-price-currency {
font-size: 1.25rem;
font-weight: 700;
vertical-align: top;
}
.default-table .ma-el-table-price-amount,
.table-left-align .ma-el-table-price-amount,
.table-active-zoom .ma-el-table-price-amount {
font-size: 4rem;
font-weight: 700;
line-height: 1;
}
.default-table .ma-el-price-amount-duration,
.table-left-align .ma-el-price-amount-duration,
.table-bg-pattern .ma-el-price-amount-duration {
font-size: 15px;
padding-left: 10px;
position: relative;
}
.default-table .ma-el-price-amount-duration:before,
.table-bg-pattern .ma-el-price-amount-duration:before {
content: "/";
left: 0;
top: 0;
position: absolute;
}
.default-table .ma-el-price-table-details,
.table-left-align .ma-el-price-table-details,
.table-active-zoom .ma-el-price-table-details {
color: #78909c;
font-size: 15px;
font-weight: 500;
line-height: 23px;
padding: 0 15px;
}
.ma-el-price-table-details ul,
.ma-el-price-table-details ol {
margin: 0;
padding: 2.5rem 0;
}
.ma-el-price-table-details li {
list-style: none;
padding: 13px 0;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
justify-content: center;
}
.table-bg-image .ma-el-price-table-details li,
.table-bg-pattern .ma-el-price-table-details li {
justify-content: left;
display: flex;
flex-direction: row;
}
.ma-el-price-table-details li i {
width: 35px;
position: relative;
}
.default-table .ma-el-price-table-bottom {
padding: 8px 3rem 1.25rem;
}
.ma-el-price-table-additional_info {
padding-bottom: 1rem;
font-size: 0.8em;
text-align: center;
}
.ma-el-price-table-btn {
border-radius: 3rem;
cursor: pointer;
color: #fff;
display: inline-block;
font-size: 14px;
font-weight: 600;
line-height: 40px;
text-align: center;
text-transform: uppercase;
text-decoration: none;
width: 100%;
}
.ma-el-price-table-btn:hover {
text-decoration: none;
color: #fff;
}
.table-left-align .ma-el-price-table {
box-shadow: none;
border-radius: 0;
margin: 0 0 5rem;
}
.table-left-align .ma-el-price-table-head {
border-radius: 0;
padding: 3.4rem 1.875rem 3rem;
}
.table-left-align .ma-el-price-table-title {
text-transform: capitalize;
}
.table-left-align [class*="col"]:last-child .ma-el-price-table-head,
.table-left-align [class*="col"]:last-child .ma-el-price-table-details {
border-right: 0;
}
.table-left-align .ma-el-table-price-currency {
vertical-align: bottom;
}
.table-left-align .ma-el-table-price-area {
margin-top: 1rem;
}
.table-left-align .ma-el-price-amount-duration {
display: block;
font-weight: 500;
padding-left: 0;
}
.table-left-align .ma-el-price-table-details {
margin: 2.8125rem 0;
padding: 0 2.8125rem;
}
.table-left-align .ma-el-price-table-details ul,
.table-left-align .ma-el-price-table-details ol,
.table-active-zoom .ma-el-price-table-details ul,
.table-active-zoom .ma-el-price-table-details ol {
margin: 0;
padding: 0;
}
.table-left-align .ma-el-price-table-details li {
justify-content: left;
}
.table-left-align .ma-el-price-table-details li,
.table-active-zoom .ma-el-price-table-details li {
list-style: none;
padding: 8px 0;
}
.table-left-align .ma-el-price-table-bottom {
margin-top: 2rem;
padding: 0 0 1.25rem;
}
.table-left-align .ma-el-price-table-btn,
.table-left-align .ma-el-price-table-btn {
background-color: #4b00e7;
border-radius: 5px;
text-align: center;
}
.table-active-zoom .active {
transform: scale(1, 1.1);
}
.table-active-zoom .active .ma-el-table-inner {
transform: scale(1, 0.91);
}
.table-active-zoom .ma-el-price-table-head {
color: #fff;
padding: 3.4rem 15px 3rem;
}
.table-active-zoom .active,
.table-active-zoom .active .ma-el-price-table-head {
border-radius: 0;
color: #f8f8f9;
}
.table-active-zoom .ma-el-price-table-title {
color: #393c3f;
text-transform: uppercase;
}
.table-active-zoom .ma-el-price-table-head p {
color: #78909c;
margin: 0;
}
.table-active-zoom .active .ma-el-price-table-title,
.table-active-zoom .active .ma-el-price-table-head p {
color: #f8f8f9;
}
.table-active-zoom .ma-el-table-price-area {
background: -moz-linear-gradient(45deg, #3d9ff3 0%, #3fd5cc 100%);
background: -webkit-linear-gradient(45deg, #3d9ff3 0%, #3fd5cc 100%);
background: -ms-linear-gradient(45deg, #3d9ff3 0%, #3fd5cc 100%);
border-radius: 50%;
color: #fff;
height: 200px;
width: 200px;
margin: 2rem auto 0;
padding-top: 3.4rem;
text-align: center;
}
.table-active-zoom .active .ma-el-table-price-area {
background: #fff;
color: #393c3f;
}
.table-active-zoom .ma-el-price-amount-duration {
display: block;
}
.table-active-zoom .ma-el-table-price-currency {
font-size: 1.25rem;
font-weight: 700;
vertical-align: bottom;
}
.table-active-zoom .ma-el-price-table-details {
padding: 0 15px 3.875rem;
}
.table-active-zoom .ma-el-price-table-details li {
border-bottom: 2px solid #e8e8ec;
}
.table-active-zoom .ma-el-price-table-details li:last-child {
border-bottom: none;
}
.table-active-zoom .active .ma-el-price-table-details li {
border-bottom-color: #78baee;
color: #f8f8f9;
}
.table-active-zoom .active .ma-el-price-table-additional_info p {
color: #f8f8f9;
}
.table-active-zoom .ma-el-price-table-bottom,
.table-bg-image .ma-el-price-table-bottom,
.table-bg-pattern .ma-el-price-table-bottom {
margin-top: 3rem;
padding: 0 0 1.25rem;
}
.table-active-zoom .active .ma-el-price-table-btn,
.table-active-zoom .active .ma-el-price-table-btn:hover {
background: #fff;
color: #4b00e7;
}
.table-bg-image .ma-el-price-table {
border-radius: 0;
}
.table-bg-image .ma-el-table-inner,
.table-bg-pattern .ma-el-table-inner {
padding: 3.75rem;
text-align: left;
}
.table-bg-image .header-icon {
color: #393c3f;
font-size: 4rem;
margin-bottom: 0.75rem;
}
.table-bg-image .ma-el-table-price-area,
.table-bg-pattern .ma-el-table-price-area {
color: #393c3f;
margin-top: 1.2rem;
}
.table-bg-image .ma-el-table-price-currency,
.table-bg-pattern .ma-el-table-price-currency {
float: left;
font-size: 20px;
margin: 5px 5px 0 0;
vertical-align: top;
}
.table-bg-image .ma-el-table-price-amount,
.table-bg-pattern .ma-el-table-price-amount {
font-size: 4rem;
line-height: 1;
}
.table-bg-image .ma-el-price-amount-duration,
.table-bg-pattern .ma-el-price-amount-duration {
font-weight: 600;
}
.table-bg-image ul,
.table-bg-image ol,
.table-bg-pattern ul,
.table-bg-pattern ol {
margin: 1.5rem 0;
padding: 0;
}
.table-bg-image li,
.table-bg-pattern li {
color: #78909c;
display: inline-block;
font-size: 15px;
list-style: none;
line-height: 25px;
padding: 18px 0;
position: relative;
width: 100%;
}
.table-bg-image li:before,
.table-bg-pattern li:before {
content: "";
background-color: #ffc107;
height: 2px;
width: 45px;
left: 0;
bottom: 0;
position: absolute;
}
.table-bg-image li:last-child:before,
.table-bg-pattern li:last-child:before {
display: none;
}
.table-bg-image .ma-el-price-table-btn,
.table-bg-image .ma-el-price-table-btn {
background-color: #ffc107;
border-radius: 5px;
color: #393c3f;
text-align: center;
}
.table-bg-pattern .ma-el-price-table {
border-radius: 15px;
overflow: hidden;
position: relative;
z-index: 0;
}
.table-bg-pattern .ma-el-price-table:before {
content: "";
height: 100%;
width: 100%;
left: 0;
top: -11%;
max-height: 280px;
position: absolute;
z-index: -1;
transform: skewY(-23deg);
}
.table-bg-pattern .ma-el-price-table:before,
.table-bg-pattern .ma-el-price-table:after {
background-color: #83f1af;
}
.table-bg-pattern [class*="col"]:nth-child(2) .ma-el-price-table:before,
.table-bg-pattern [class*="col"]:nth-child(2) .ma-el-price-table:after {
background-color: #f8a265;
}
.table-bg-pattern [class*="col"]:nth-child(3) .ma-el-price-table:before,
.table-bg-pattern [class*="col"]:nth-child(3) .ma-el-price-table:after {
background-color: #81d4fa;
}
.table-bg-pattern .ma-el-price-table:after,
.table-bg-pattern .ma-el-table-inner:after {
content: "";
border-radius: 15px;
height: 15px;
width: 125px;
position: absolute;
z-index: -1;
}
.table-bg-pattern .ma-el-price-table:after {
left: -15px;
top: 36%;
transform: rotate(-23deg);
}
.table-bg-pattern .ma-el-table-inner {
position: relative;
}
.table-bg-pattern .ma-el-table-inner:after {
background-color: #fff;
right: -15px;
top: 15.5%;
width: 135px;
transform: rotate(-23deg);
}
.table-bg-pattern .ma-el-price-table-details {
margin-top: 7.5rem;
}
.table-bg-pattern li:before {
background-color: #cfd8dc;
}
.table-bg-pattern .ma-el-price-amount-duration:before {
top: -2px;
}
.table-bg-pattern .ma-el-price-table-bottom {
margin-top: 2.5rem;
}
.table-bg-pattern .ma-el-price-table-btn,
.table-bg-pattern .ma-el-price-table-btn {
color: #393c3f;
}
.ma-el-price-table-original-price {
text-decoration: line-through;
}
.ma-el-fraction-price {
vertical-align: top;
}
.ma-el-price-table-ribbon {
position: absolute;
top: -30px;
left: 0;
right: auto;
text-align: center;
}
.ma-el-price-table-ribbon-inner {
font-size: 13px;
line-height: 2;
font-weight: 800;
text-transform: uppercase;
padding: 2px 10px;
box-sizing: border-box;
letter-spacing: 1px;
}
.ma-el-price-table-ribbon.elementor-ribbon-center {
left: 50%;
right: auto;
transform: translateX(-50%);
}
.ma-el-price-table-ribbon.elementor-ribbon-right {
right: 0;
left: auto;
}
.ma-el-price-table-ribbon.elementor-ribbon-justify {
left: 0;
right: 0;
}
.ma-el-price-table-head {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
@media (min-width: 768px) {
.default-table .row {
margin: 0 -7.5px;
}
.default-table [class*="col"] {
padding: 0 7.5px;
}
.table-left-align .row,
.table-active-zoom .row {
box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.1);
margin: 0;
}
.table-left-align [class*="col"],
.table-active-zoom [class*="col"] {
padding: 0;
}
.table-active-zoom .ma-el-price-table-details {
padding: 0 3.875rem 3.875rem;
}
}
@media (max-width: 1023px) {
.default-table .ma-el-price-table-bottom {
padding: 8px 0 2.75rem;
}
.default-table .ma-el-price-table-head,
.table-left-align .ma-el-price-table-head {
padding: 2.4rem 15px 2rem;
}
.default-table .ma-el-table-price-area,
.table-left-align .ma-el-table-price-area {
margin-top: 1.5rem;
}
.default-table .ma-el-price-table-details ul,
.default-table .ma-el-price-table-details ol {
padding: 1.5rem 0;
}
.default-table .ma-el-price-table-details li {
padding: 10px 0;
}
.default-table .ma-el-table-price-amount,
.table-left-align .ma-el-table-price-amount,
.table-active-zoom .ma-el-table-price-amount {
font-size: 3rem;
}
.table-left-align .ma-el-price-table-details {
margin: 1.5rem 0;
padding: 0 15px;
}
.table-left-align .ma-el-price-table {
margin-bottom: 3.5rem;
}
.table-active-zoom .ma-el-price-table-head {
padding: 2.4rem 15px 2rem;
}
.table-active-zoom .active {
transform: scale(1, 1.075);
}
.table-active-zoom .ma-el-price-table-details {
padding: 0 15px 2.875rem;
}
.table-bg-image .ma-el-table-inner,
.table-bg-pattern .ma-el-table-inner {
padding: 2.75rem 15px;
}
}
/* MA Pricing Table End */
/* MA Animated Headlines Start */
.ma-el-animated-headline {
display: flex;
flex-wrap: wrap;
}
.ma-el-words-wrapper {
display: inline-block;
position: relative;
text-align: left;
margin-left: -0.25em;
}
.ma-el-words-wrapper b {
display: inline-block;
position: absolute;
white-space: nowrap;
left: 0;
top: 0;
padding-left: 0.2em;
padding-right: 0.2em;
}
.ma-el-words-wrapper b.is-visible {
position: relative;
}
.no-js .ma-el-words-wrapper b {
opacity: 0;
}
.no-js .ma-el-words-wrapper b.is-visible {
opacity: 1;
}
.ma-el-animated-headline .first-heading {
padding-left: 0.25rem;
padding-right: 0.25rem;
}
.ma-el-animated-headline.rotate-1 .ma-el-words-wrapper {
-webkit-perspective: 300px;
-moz-perspective: 300px;
perspective: 300px;
}
.ma-el-animated-headline.rotate-1 b {
opacity: 0;
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-o-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transform: rotateX(180deg);
-moz-transform: rotateX(180deg);
-ms-transform: rotateX(180deg);
-o-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.ma-el-animated-headline.rotate-1 b.is-visible {
opacity: 1;
-webkit-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
-o-transform: rotateX(0deg);
transform: rotateX(0deg);
-webkit-animation: ma-el-rotate-1-in 1.2s;
-moz-animation: ma-el-rotate-1-in 1.2s;
animation: ma-el-rotate-1-in 1.2s;
}
.ma-el-animated-headline.rotate-1 b.is-hidden {
-webkit-transform: rotateX(180deg);
-moz-transform: rotateX(180deg);
-ms-transform: rotateX(180deg);
-o-transform: rotateX(180deg);
transform: rotateX(180deg);
-webkit-animation: ma-el-rotate-1-out 1.2s;
-moz-animation: ma-el-rotate-1-out 1.2s;
animation: ma-el-rotate-1-out 1.2s;
}
@-webkit-keyframes ma-el-rotate-1-in {
0% {
-webkit-transform: rotateX(180deg);
opacity: 0;
}
35% {
-webkit-transform: rotateX(120deg);
opacity: 0;
}
65% {
opacity: 0;
}
100% {
-webkit-transform: rotateX(360deg);
opacity: 1;
}
}
@-moz-keyframes ma-el-rotate-1-in {
0% {
-moz-transform: rotateX(180deg);
opacity: 0;
}
35% {
-moz-transform: rotateX(120deg);
opacity: 0;
}
65% {
opacity: 0;
}
100% {
-moz-transform: rotateX(360deg);
opacity: 1;
}
}
@keyframes ma-el-rotate-1-in {
0% {
-webkit-transform: rotateX(180deg);
-moz-transform: rotateX(180deg);
-ms-transform: rotateX(180deg);
-o-transform: rotateX(180deg);
transform: rotateX(180deg);
opacity: 0;
}
35% {
-webkit-transform: rotateX(120deg);
-moz-transform: rotateX(120deg);
-ms-transform: rotateX(120deg);
-o-transform: rotateX(120deg);
transform: rotateX(120deg);
opacity: 0;
}
65% {
opacity: 0;
}
100% {
-webkit-transform: rotateX(360deg);
-moz-transform: rotateX(360deg);
-ms-transform: rotateX(360deg);
-o-transform: rotateX(360deg);
transform: rotateX(360deg);
opacity: 1;
}
}
@-webkit-keyframes ma-el-rotate-1-out {
0% {
-webkit-transform: rotateX(0deg);
opacity: 1;
}
35% {
-webkit-transform: rotateX(-40deg);
opacity: 1;
}
65% {
opacity: 0;
}
100% {
-webkit-transform: rotateX(180deg);
opacity: 0;
}
}
@-moz-keyframes ma-el-rotate-1-out {
0% {
-moz-transform: rotateX(0deg);
opacity: 1;
}
35% {
-moz-transform: rotateX(-40deg);
opacity: 1;
}
65% {
opacity: 0;
}
100% {
-moz-transform: rotateX(180deg);
opacity: 0;
}
}
@keyframes ma-el-rotate-1-out {
0% {
-webkit-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
-o-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity: 1;
}
35% {
-webkit-transform: rotateX(-40deg);
-moz-transform: rotateX(-40deg);
-ms-transform: rotateX(-40deg);
-o-transform: rotateX(-40deg);
transform: rotateX(-40deg);
opacity: 1;
}
65% {
opacity: 0;
}
100% {
-webkit-transform: rotateX(180deg);
-moz-transform: rotateX(180deg);
-ms-transform: rotateX(180deg);
-o-transform: rotateX(180deg);
transform: rotateX(180deg);
opacity: 0;
}
}
.ma-el-animated-headline.type .ma-el-words-wrapper {
vertical-align: text-bottom;
overflow: hidden;
}
.ma-el-animated-headline.type .ma-el-words-wrapper::after {
content: "";
position: absolute;
right: 0;
top: 50%;
bottom: auto;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
height: 90%;
width: 1px;
background-color: #aebcb9;
}
.ma-el-animated-headline.type .ma-el-words-wrapper.waiting::after {
-webkit-animation: ma-el-pulse 1s infinite;
-moz-animation: ma-el-pulse 1s infinite;
animation: ma-el-pulse 1s infinite;
}
.ma-el-animated-headline.type .ma-el-words-wrapper.selected {
background-color: #aebcb9;
}
.ma-el-animated-headline.type .ma-el-words-wrapper.selected::after {
visibility: hidden;
}
.ma-el-animated-headline.type .ma-el-words-wrapper.selected b {
color: #0d0d0d;
}
.ma-el-animated-headline.type b {
visibility: hidden;
}
.ma-el-animated-headline.type b.is-visible {
visibility: visible;
}
.ma-el-animated-headline.type i {
position: absolute;
visibility: hidden;
}
.ma-el-animated-headline.type i.in {
position: relative;
visibility: visible;
}
@-webkit-keyframes ma-el-pulse {
0% {
-webkit-transform: translateY(-50%) scale(1);
opacity: 1;
}
40% {
-webkit-transform: translateY(-50%) scale(0.9);
opacity: 0;
}
100% {
-webkit-transform: translateY(-50%) scale(0);
opacity: 0;
}
}
@-moz-keyframes ma-el-pulse {
0% {
-moz-transform: translateY(-50%) scale(1);
opacity: 1;
}
40% {
-moz-transform: translateY(-50%) scale(0.9);
opacity: 0;
}
100% {
-moz-transform: translateY(-50%) scale(0);
opacity: 0;
}
}
@keyframes ma-el-pulse {
0% {
-webkit-transform: translateY(-50%) scale(1);
-moz-transform: translateY(-50%) scale(1);
-ms-transform: translateY(-50%) scale(1);
-o-transform: translateY(-50%) scale(1);
transform: translateY(-50%) scale(1);
opacity: 1;
}
40% {
-webkit-transform: translateY(-50%) scale(0.9);
-moz-transform: translateY(-50%) scale(0.9);
-ms-transform: translateY(-50%) scale(0.9);
-o-transform: translateY(-50%) scale(0.9);
transform: translateY(-50%) scale(0.9);
opacity: 0;
}
100% {
-webkit-transform: translateY(-50%) scale(0);
-moz-transform: translateY(-50%) scale(0);
-ms-transform: translateY(-50%) scale(0);
-o-transform: translateY(-50%) scale(0);
transform: translateY(-50%) scale(0);
opacity: 0;
}
}
.ma-el-animated-headline.rotate-2 .ma-el-words-wrapper {
-webkit-perspective: 300px;
-moz-perspective: 300px;
perspective: 300px;
}
.ma-el-animated-headline.rotate-2 b {
opacity: 0;
}
.ma-el-animated-headline.rotate-2 i {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: translateZ(-20px) rotateX(90deg);
-moz-transform: translateZ(-20px) rotateX(90deg);
-ms-transform: translateZ(-20px) rotateX(90deg);
-o-transform: translateZ(-20px) rotateX(90deg);
transform: translateZ(-20px) rotateX(90deg);
opacity: 0;
}
.is-visible .ma-el-animated-headline.rotate-2 i {
opacity: 1;
}
.ma-el-animated-headline.rotate-2 i.in {
-webkit-animation: ma-el-rotate-2-in 0.4s forwards;
-moz-animation: ma-el-rotate-2-in 0.4s forwards;
animation: ma-el-rotate-2-in 0.4s forwards;
}
.ma-el-animated-headline.rotate-2 i.out {
-webkit-animation: ma-el-rotate-2-out 0.4s forwards;
-moz-animation: ma-el-rotate-2-out 0.4s forwards;
animation: ma-el-rotate-2-out 0.4s forwards;
}
.ma-el-animated-headline.rotate-2 em {
-webkit-transform: translateZ(20px);
-moz-transform: translateZ(20px);
-ms-transform: translateZ(20px);
-o-transform: translateZ(20px);
transform: translateZ(20px);
}
.no-csstransitions .ma-el-animated-headline.rotate-2 i {
-webkit-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
-o-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity: 0;
}
.no-csstransitions .ma-el-animated-headline.rotate-2 i em {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.no-csstransitions .ma-el-animated-headline.rotate-2 .is-visible i {
opacity: 1;
}
@-webkit-keyframes ma-el-rotate-2-in {
0% {
opacity: 0;
-webkit-transform: translateZ(-20px) rotateX(90deg);
}
60% {
opacity: 1;
-webkit-transform: translateZ(-20px) rotateX(-10deg);
}
100% {
opacity: 1;
-webkit-transform: translateZ(-20px) rotateX(0deg);
}
}
@-moz-keyframes ma-el-rotate-2-in {
0% {
opacity: 0;
-moz-transform: translateZ(-20px) rotateX(90deg);
}
60% {
opacity: 1;
-moz-transform: translateZ(-20px) rotateX(-10deg);
}
100% {
opacity: 1;
-moz-transform: translateZ(-20px) rotateX(0deg);
}
}
@keyframes ma-el-rotate-2-in {
0% {
opacity: 0;
-webkit-transform: translateZ(-20px) rotateX(90deg);
-moz-transform: translateZ(-20px) rotateX(90deg);
-ms-transform: translateZ(-20px) rotateX(90deg);
-o-transform: translateZ(-20px) rotateX(90deg);
transform: translateZ(-20px) rotateX(90deg);
}
60% {
opacity: 1;
-webkit-transform: translateZ(-20px) rotateX(-10deg);
-moz-transform: translateZ(-20px) rotateX(-10deg);
-ms-transform: translateZ(-20px) rotateX(-10deg);
-o-transform: translateZ(-20px) rotateX(-10deg);
transform: translateZ(-20px) rotateX(-10deg);
}
100% {
opacity: 1;
-webkit-transform: translateZ(-20px) rotateX(0deg);
-moz-transform: translateZ(-20px) rotateX(0deg);
-ms-transform: translateZ(-20px) rotateX(0deg);
-o-transform: translateZ(-20px) rotateX(0deg);
transform: translateZ(-20px) rotateX(0deg);
}
}
@-webkit-keyframes ma-el-rotate-2-out {
0% {
opacity: 1;
-webkit-transform: translateZ(-20px) rotateX(0);
}
60% {
opacity: 0;
-webkit-transform: translateZ(-20px) rotateX(-100deg);
}
100% {
opacity: 0;
-webkit-transform: translateZ(-20px) rotateX(-90deg);
}
}
@-moz-keyframes ma-el-rotate-2-out {
0% {
opacity: 1;
-moz-transform: translateZ(-20px) rotateX(0);
}
60% {
opacity: 0;
-moz-transform: translateZ(-20px) rotateX(-100deg);
}
100% {
opacity: 0;
-moz-transform: translateZ(-20px) rotateX(-90deg);
}
}
@keyframes ma-el-rotate-2-out {
0% {
opacity: 1;
-webkit-transform: translateZ(-20px) rotateX(0);
-moz-transform: translateZ(-20px) rotateX(0);
-ms-transform: translateZ(-20px) rotateX(0);
-o-transform: translateZ(-20px) rotateX(0);
transform: translateZ(-20px) rotateX(0);
}
60% {
opacity: 0;
-webkit-transform: translateZ(-20px) rotateX(-100deg);
-moz-transform: translateZ(-20px) rotateX(-100deg);
-ms-transform: translateZ(-20px) rotateX(-100deg);
-o-transform: translateZ(-20px) rotateX(-100deg);
transform: translateZ(-20px) rotateX(-100deg);
}
100% {
opacity: 0;
-webkit-transform: translateZ(-20px) rotateX(-90deg);
-moz-transform: translateZ(-20px) rotateX(-90deg);
-ms-transform: translateZ(-20px) rotateX(-90deg);
-o-transform: translateZ(-20px) rotateX(-90deg);
transform: translateZ(-20px) rotateX(-90deg);
}
}
.ma-el-animated-headline.loading-bar span {
display: inline-block;
padding: 0 0.25em;
}
.ma-el-animated-headline.loading-bar .ma-el-words-wrapper {
overflow: hidden;
vertical-align: top;
padding: 0;
}
.ma-el-animated-headline.loading-bar .ma-el-words-wrapper::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
height: 3px;
width: 0;
background: #0096a7;
z-index: 2;
-webkit-transition: width 0.3s -0.1s;
-moz-transition: width 0.3s -0.1s;
transition: width 0.3s -0.1s;
}
.ma-el-animated-headline.loading-bar .ma-el-words-wrapper.is-loading::after {
width: 100%;
-webkit-transition: width 3s;
-moz-transition: width 3s;
transition: width 3s;
}
.ma-el-animated-headline.loading-bar b {
top: 0.2em;
opacity: 0;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.ma-el-animated-headline.loading-bar b.is-visible {
opacity: 1;
top: 0;
}
.ma-el-animated-headline.slide span {
display: inline-block;
padding: 0 0.25em;
}
.ma-el-animated-headline.slide .ma-el-words-wrapper {
overflow: hidden;
vertical-align: top;
padding: 0;
}
.ma-el-animated-headline.slide b {
opacity: 0;
top: 0.2em;
}
.ma-el-animated-headline.slide b.is-visible {
top: 0;
opacity: 1;
-webkit-animation: slide-in 0.6s;
-moz-animation: slide-in 0.6s;
animation: slide-in 0.6s;
}
.ma-el-animated-headline.slide b.is-hidden {
-webkit-animation: slide-out 0.6s;
-moz-animation: slide-out 0.6s;
animation: slide-out 0.6s;
}
@-webkit-keyframes slide-in {
0% {
opacity: 0;
-webkit-transform: translateY(-100%);
}
60% {
opacity: 1;
-webkit-transform: translateY(20%);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes slide-in {
0% {
opacity: 0;
-moz-transform: translateY(-100%);
}
60% {
opacity: 1;
-moz-transform: translateY(20%);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@keyframes slide-in {
0% {
opacity: 0;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
60% {
opacity: 1;
-webkit-transform: translateY(20%);
-moz-transform: translateY(20%);
-ms-transform: translateY(20%);
-o-transform: translateY(20%);
transform: translateY(20%);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes slide-out {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
60% {
opacity: 0;
-webkit-transform: translateY(120%);
}
100% {
opacity: 0;
-webkit-transform: translateY(100%);
}
}
@-moz-keyframes slide-out {
0% {
opacity: 1;
-moz-transform: translateY(0);
}
60% {
opacity: 0;
-moz-transform: translateY(120%);
}
100% {
opacity: 0;
-moz-transform: translateY(100%);
}
}
@keyframes slide-out {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
60% {
opacity: 0;
-webkit-transform: translateY(120%);
-moz-transform: translateY(120%);
-ms-transform: translateY(120%);
-o-transform: translateY(120%);
transform: translateY(120%);
}
100% {
opacity: 0;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
}
.ma-el-animated-headline.clip span {
display: inline-block;
padding: 0 0.25em;
}
.ma-el-animated-headline.clip .ma-el-words-wrapper {
overflow: hidden;
vertical-align: top;
padding: 0;
}
.ma-el-animated-headline.clip .ma-el-words-wrapper::after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 2px;
height: 100%;
background-color: #aebcb9;
}
.ma-el-animated-headline.clip b {
opacity: 0;
}
.ma-el-animated-headline.clip b.is-visible {
opacity: 1;
}
.ma-el-animated-headline.zoom .ma-el-words-wrapper {
-webkit-perspective: 300px;
-moz-perspective: 300px;
perspective: 300px;
}
.ma-el-animated-headline.zoom b {
opacity: 0;
}
.ma-el-animated-headline.zoom b.is-visible {
opacity: 1;
-webkit-animation: zoom-in 0.8s;
-moz-animation: zoom-in 0.8s;
animation: zoom-in 0.8s;
}
.ma-el-animated-headline.zoom b.is-hidden {
-webkit-animation: zoom-out 0.8s;
-moz-animation: zoom-out 0.8s;
animation: zoom-out 0.8s;
}
@-webkit-keyframes zoom-in {
0% {
opacity: 0;
-webkit-transform: translateZ(100px);
}
100% {
opacity: 1;
-webkit-transform: translateZ(0);
}
}
@-moz-keyframes zoom-in {
0% {
opacity: 0;
-moz-transform: translateZ(100px);
}
100% {
opacity: 1;
-moz-transform: translateZ(0);
}
}
@keyframes zoom-in {
0% {
opacity: 0;
-webkit-transform: translateZ(100px);
-moz-transform: translateZ(100px);
-ms-transform: translateZ(100px);
-o-transform: translateZ(100px);
transform: translateZ(100px);
}
100% {
opacity: 1;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
}
}
@-webkit-keyframes zoom-out {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
}
100% {
opacity: 0;
-webkit-transform: translateZ(-100px);
}
}
@-moz-keyframes zoom-out {
0% {
opacity: 1;
-moz-transform: translateZ(0);
}
100% {
opacity: 0;
-moz-transform: translateZ(-100px);
}
}
@keyframes zoom-out {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
}
100% {
opacity: 0;
-webkit-transform: translateZ(-100px);
-moz-transform: translateZ(-100px);
-ms-transform: translateZ(-100px);
-o-transform: translateZ(-100px);
transform: translateZ(-100px);
}
}
.ma-el-animated-headline.rotate-3 .ma-el-words-wrapper {
-webkit-perspective: 300px;
-moz-perspective: 300px;
perspective: 300px;
}
.ma-el-animated-headline.rotate-3 b {
opacity: 0;
}
.ma-el-animated-headline.rotate-3 i {
display: inline-block;
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.is-visible .ma-el-animated-headline.rotate-3 i {
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
transform: rotateY(0deg);
}
.ma-el-animated-headline.rotate-3 i.in {
-webkit-animation: ma-el-rotate-3-in 0.6s forwards;
-moz-animation: ma-el-rotate-3-in 0.6s forwards;
animation: ma-el-rotate-3-in 0.6s forwards;
}
.ma-el-animated-headline.rotate-3 i.out {
-webkit-animation: ma-el-rotate-3-out 0.6s forwards;
-moz-animation: ma-el-rotate-3-out 0.6s forwards;
animation: ma-el-rotate-3-out 0.6s forwards;
}
.no-csstransitions .ma-el-animated-headline.rotate-3 i {
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
transform: rotateY(0deg);
opacity: 0;
}
.no-csstransitions .ma-el-animated-headline.rotate-3 .is-visible i {
opacity: 1;
}
@-webkit-keyframes ma-el-rotate-3-in {
0% {
-webkit-transform: rotateY(180deg);
}
100% {
-webkit-transform: rotateY(0deg);
}
}
@-moz-keyframes ma-el-rotate-3-in {
0% {
-moz-transform: rotateY(180deg);
}
100% {
-moz-transform: rotateY(0deg);
}
}
@keyframes ma-el-rotate-3-in {
0% {
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
}
100% {
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
transform: rotateY(0deg);
}
}
@-webkit-keyframes ma-el-rotate-3-out {
0% {
-webkit-transform: rotateY(0);
}
100% {
-webkit-transform: rotateY(-180deg);
}
}
@-moz-keyframes ma-el-rotate-3-out {
0% {
-moz-transform: rotateY(0);
}
100% {
-moz-transform: rotateY(-180deg);
}
}
@keyframes ma-el-rotate-3-out {
0% {
-webkit-transform: rotateY(0);
-moz-transform: rotateY(0);
-ms-transform: rotateY(0);
-o-transform: rotateY(0);
transform: rotateY(0);
}
100% {
-webkit-transform: rotateY(-180deg);
-moz-transform: rotateY(-180deg);
-ms-transform: rotateY(-180deg);
-o-transform: rotateY(-180deg);
transform: rotateY(-180deg);
}
}
.ma-el-animated-headline.scale .first-heading,
.ma-el-animated-headline.push .first-heading,
.ma-el-animated-headline.rotate-3 .first-heading,
.ma-el-animated-headline.rotate-1 .first-heading,
.ma-el-animated-headline.rotate-2 .first-heading,
.ma-el-animated-headline.zoom .first-heading,
.ma-el-animated-headline.type .first-heading {
padding: 0 0.25em;
}
.ma-el-animated-headline.scale b {
opacity: 0;
}
.ma-el-animated-headline.scale i {
display: inline-block;
opacity: 0;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
.is-visible .ma-el-animated-headline.scale i {
opacity: 1;
}
.ma-el-animated-headline.scale i.in {
-webkit-animation: scale-up 0.6s forwards;
-moz-animation: scale-up 0.6s forwards;
animation: scale-up 0.6s forwards;
}
.ma-el-animated-headline.scale i.out {
-webkit-animation: scale-down 0.6s forwards;
-moz-animation: scale-down 0.6s forwards;
animation: scale-down 0.6s forwards;
}
.no-csstransitions .ma-el-animated-headline.scale i {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 0;
}
.no-csstransitions .ma-el-animated-headline.scale .is-visible i {
opacity: 1;
}
@-webkit-keyframes scale-up {
0% {
-webkit-transform: scale(0);
opacity: 0;
}
60% {
-webkit-transform: scale(1.2);
opacity: 1;
}
100% {
-webkit-transform: scale(1);
opacity: 1;
}
}
@-moz-keyframes scale-up {
0% {
-moz-transform: scale(0);
opacity: 0;
}
60% {
-moz-transform: scale(1.2);
opacity: 1;
}
100% {
-moz-transform: scale(1);
opacity: 1;
}
}
@keyframes scale-up {
0% {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
opacity: 0;
}
60% {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
opacity: 1;
}
100% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@-webkit-keyframes scale-down {
0% {
-webkit-transform: scale(1);
opacity: 1;
}
60% {
-webkit-transform: scale(0);
opacity: 0;
}
}
@-moz-keyframes scale-down {
0% {
-moz-transform: scale(1);
opacity: 1;
}
60% {
-moz-transform: scale(0);
opacity: 0;
}
}
@keyframes scale-down {
0% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
}
60% {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
opacity: 0;
}
}
.ma-el-animated-headline.push b {
opacity: 0;
}
.ma-el-animated-headline.push b.is-visible {
opacity: 1;
-webkit-animation: push-in 0.6s;
-moz-animation: push-in 0.6s;
animation: push-in 0.6s;
}
.ma-el-animated-headline.push b.is-hidden {
-webkit-animation: push-out 0.6s;
-moz-animation: push-out 0.6s;
animation: push-out 0.6s;
}
@-webkit-keyframes push-in {
0% {
opacity: 0;
-webkit-transform: translateX(-100%);
}
60% {
opacity: 1;
-webkit-transform: translateX(10%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes push-in {
0% {
opacity: 0;
-moz-transform: translateX(-100%);
}
60% {
opacity: 1;
-moz-transform: translateX(10%);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@keyframes push-in {
0% {
opacity: 0;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
60% {
opacity: 1;
-webkit-transform: translateX(10%);
-moz-transform: translateX(10%);
-ms-transform: translateX(10%);
-o-transform: translateX(10%);
transform: translateX(10%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
}
@-webkit-keyframes push-out {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
60% {
opacity: 0;
-webkit-transform: translateX(110%);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%);
}
}
@-moz-keyframes push-out {
0% {
opacity: 1;
-moz-transform: translateX(0);
}
60% {
opacity: 0;
-moz-transform: translateX(110%);
}
100% {
opacity: 0;
-moz-transform: translateX(100%);
}
}
@keyframes push-out {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
60% {
opacity: 0;
-webkit-transform: translateX(110%);
-moz-transform: translateX(110%);
-ms-transform: translateX(110%);
-o-transform: translateX(110%);
transform: translateX(110%);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
}
/* MA Animated Headlines End */
/* MA Transforms Start */
.jltma-transform-yes {
-webkit-transition-duration: var(--jltma-tfx-transition-duration, 0.2s);
transition-duration: var(--jltma-tfx-transition-duration, 0.2s);
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transform: translate(var(--jltma-tfx-translate-x, 0), var(--jltma-tfx-translate-y, 0))
scale(var(--jltma-tfx-scale-x, 1), var(--jltma-tfx-scale-y, 1))
skew(var(--jltma-tfx-skew-x, 0), var(--jltma-tfx-skew-y, 0)) rotateX(var(--jltma-tfx-rotate-x, 0))
rotateY(var(--jltma-tfx-rotate-y, 0)) rotateZ(var(--jltma-tfx-rotate-z, 0));
transform: translate(var(--jltma-tfx-translate-x, 0), var(--jltma-tfx-translate-y, 0))
scale(var(--jltma-tfx-scale-x, 1), var(--jltma-tfx-scale-y, 1))
skew(var(--jltma-tfx-skew-x, 0), var(--jltma-tfx-skew-y, 0)) rotateX(var(--jltma-tfx-rotate-x, 0))
rotateY(var(--jltma-tfx-rotate-y, 0)) rotateZ(var(--jltma-tfx-rotate-z, 0));
}
.jltma-transform-yes:hover {
-webkit-transform: translate(
var(--jltma-tfx-translate-x-hover, var(--jltma-tfx-translate-x, 0)),
var(--jltma-tfx-translate-y-hover, var(--jltma-tfx-translate-y, 0))
)
scale(
var(--jltma-tfx-scale-x-hover, var(--jltma-tfx-scale-x, 1)),
var(--jltma-tfx-scale-y-hover, var(--jltma-tfx-scale-y, 1))
)
skew(
var(--jltma-tfx-skew-x-hover, var(--jltma-tfx-skew-x, 0)),
var(--jltma-tfx-skew-y-hover, var(--jltma-tfx-skew-y, 0))
)
rotateX(var(--jltma-tfx-rotate-x-hover, var(--jltma-tfx-rotate-x, 0)))
rotateY(var(--jltma-tfx-rotate-y-hover, var(--jltma-tfx-rotate-y, 0)))
rotateZ(var(--jltma-tfx-rotate-z-hover, var(--jltma-tfx-rotate-z, 0)));
transform: translate(
var(--jltma-tfx-translate-x-hover, var(--jltma-tfx-translate-x, 0)),
var(--jltma-tfx-translate-y-hover, var(--jltma-tfx-translate-y, 0))
)
scale(
var(--jltma-tfx-scale-x-hover, var(--jltma-tfx-scale-x, 1)),
var(--jltma-tfx-scale-y-hover, var(--jltma-tfx-scale-y, 1))
)
skew(
var(--jltma-tfx-skew-x-hover, var(--jltma-tfx-skew-x, 0)),
var(--jltma-tfx-skew-y-hover, var(--jltma-tfx-skew-y, 0))
)
rotateX(var(--jltma-tfx-rotate-x-hover, var(--jltma-tfx-rotate-x, 0)))
rotateY(var(--jltma-tfx-rotate-y-hover, var(--jltma-tfx-rotate-y, 0)))
rotateZ(var(--jltma-tfx-rotate-z-hover, var(--jltma-tfx-rotate-z, 0)));
}
/* MA Transforms End */
/* MA Tabs Start */
.ma-el-advance-tab.two .ma-el-advance-tab-nav {
margin: 0px;
padding: 0px;
display: flex;
}
.ma-el-advance-tab.two .ma-el-advance-tab-nav li {
position: relative;
padding: 1em 1.5em;
flex: 1;
cursor: pointer;
align-items: center;
text-align: center;
list-style: none;
display: inline-block;
cursor: pointer;
border-bottom: 1px solid #e5e5e5;
}
@keyframes jltma_fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
/* Firefox < 16 */
@-moz-keyframes jltma_fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes jltma_fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
/* Internet Explorer */
@-ms-keyframes jltma_fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
/* Opera < 12.1 */
@-o-keyframes jltma_fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.ma-el-advance-tab.two .ma-el-advance-tab-nav li span {
color: #8a8d91;
}
.ma-el-advance-tab.two .ma-el-advance-tab-nav li.active {
border-bottom: 1px solid #704aff;
}
.ma-el-advance-tab.two .ma-el-advance-tab-nav li.active span {
color: #0a1724;
}
.ma-el-advance-tab.two .ma-el-advance-tab-content {
display: none;
margin-top: 0;
position: relative;
}
.ma-el-advance-tab.two .ma-el-advance-tab-content .ma-el-advance-tab-content-title {
font-size: 40px;
color: #0a1724;
margin: 0;
}
.ma-el-advance-tab.two .ma-el-advance-tab-content p {
font-size: 1em;
}
.ma-el-advance-tab.two .ma-el-advance-tab-content.active {
display: inherit;
}
.ma-el-advance-tab.three {
display: flex;
}
.ma-el-advance-tab.three .ma-el-advance-tab-nav {
width: 26%;
margin: 0 4% 0 0;
padding: 0;
}
.ma-el-advance-tab.three .ma-el-advance-tab-nav li {
list-style: none;
background: #fff;
padding: 25px 40px;
margin-bottom: 20px;
cursor: pointer;
border-radius: 10px;
position: relative;
transition: all 0.3s ease;
}
.ma-el-advance-tab.three .ma-el-advance-tab-nav li::before {
position: absolute;
content: "";
top: 50%;
right: -8px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 0;
height: 0;
border-style: solid;
border-width: 10px 0 10px 10px;
border-left-color: #fff;
border-right-color: transparent;
border-top-color: transparent;
border-bottom-color: transparent;
opacity: 0;
}
.ma-el-advance-tab.three .ma-el-advance-tab-nav li span {
color: #0a1724;
font-size: 16px;
}
.ma-el-advance-tab.three .ma-el-advance-tab-nav li span i {
margin-right: 15px;
}
.ma-el-advance-tab.three .ma-el-advance-tab-nav li.active {
box-shadow: 0px 30px 40px 0px rgba(5, 9, 42, 0.08);
}
.ma-el-advance-tab.three .ma-el-advance-tab-nav li.active::before {
opacity: 1;
}
.ma-el-advance-tab.three .ma-el-advance-tab-nav li.active span {
color: #4ecad2;
}
.ma-el-advance-tab.three .tab-content {
width: 70%;
}
.ma-el-advance-tab.three .ma-el-advance-tab-content {
display: none;
background: #fff;
padding: 60px 30px;
border-radius: 10px;
}
.ma-el-advance-tab.three .ma-el-advance-tab-content .ma-el-advance-tab-content-title {
font-size: 30px;
color: #0a1724;
text-transform: uppercase;
font-weight: 400;
margin: 0;
}
.ma-el-advance-tab.three .ma-el-advance-tab-content .ma-el-advance-tab-content-description {
font-size: 15px;
line-height: 26px;
margin: 25px 0 50px 0;
}
.ma-el-advance-tab.three .ma-el-advance-tab-content.active {
display: block;
}
.ma-el-advance-tab.four {
display: flex;
}
.ma-el-advance-tab.four .ma-el-advance-tab-nav {
width: 30%;
margin: 0;
padding: 0;
}
.ma-el-advance-tab.four .ma-el-advance-tab-nav li {
list-style: none;
background: #f0f1f2;
padding: 25px 40px;
margin-bottom: 10px;
cursor: pointer;
position: relative;
z-index: 1;
margin-right: 10px;
transition: all 0.3s ease;
}
.ma-el-advance-tab.four .ma-el-advance-tab-nav li::before {
position: absolute;
content: "";
width: calc(100% + 11px);
height: 0;
background: #fff;
top: 0;
left: 0px;
opacity: 0;
transition: all 0.3s ease;
}
.ma-el-advance-tab.four .ma-el-advance-tab-nav li::after {
position: absolute;
content: "";
height: 0;
width: 3px;
background: #36d3ac;
bottom: 0;
left: 0;
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 0;
transition: all 0.3s ease;
}
.ma-el-advance-tab.four .ma-el-advance-tab-nav li span {
font-size: 16px;
}
.ma-el-advance-tab.four .ma-el-advance-tab-nav li span i {
margin-right: 10px;
}
.ma-el-advance-tab.four .ma-el-advance-tab-nav li.active {
background: #fff;
}
.ma-el-advance-tab.four .ma-el-advance-tab-nav li.active::before {
opacity: 1;
z-index: -1;
border-width: 1px 0 1px 1px;
border-color: #f0f1f2;
border-style: solid;
height: 100%;
}
.ma-el-advance-tab.four .ma-el-advance-tab-nav li.active::after {
opacity: 1;
-webkit-transform: translateY(1);
transform: translateY(1);
height: 100%;
}
.ma-el-advance-tab.four .ma-el-advance-tab-content {
display: none;
width: 70%;
border: 1px solid #f0f1f2;
padding: 30px 25px;
}
.ma-el-advance-tab.four .ma-el-advance-tab-content .ma-el-advance-tab-content-title {
font-size: 24px;
color: #0a1724;
font-weight: 400;
margin: 0;
}
.ma-el-advance-tab.four .ma-el-advance-tab-content .ma-el-advance-tab-content-description {
font-size: 15px;
line-height: 26px;
margin: 30px 0 40px 0;
}
.ma-el-advance-tab.four .ma-el-advance-tab-content.active {
display: block;
}
/* Tabular Content */
.ma-el-advance-tab.five .ma-el-advance-tab-nav {
border-bottom: none;
}
.ma-el-advance-tab.five .ma-el-advance-tab-nav li {
background: #f2f2f2;
border: 2px solid #f2f2f2 !important;
color: #272727;
border: 1px solid #f2f2f2;
font-family: "Abel";
font-size: 18px;
text-transform: uppercase;
margin: 0 5px 5px 0;
display: inline-block;
text-align: center;
padding: 25px;
width: inherit;
cursor: pointer;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.ma-el-advance-tab.five .ma-el-advance-tab-nav li:hover {
background: transparent;
}
.ma-el-advance-tab.five .ma-el-advance-tab-nav li i {
color: #cccccc;
display: block;
font-size: 50px;
margin-bottom: 15px;
}
.ma-el-advance-tab.five .ma-el-advance-tab-content {
padding-left: 60px;
}
.ma-el-advance-tab.five .jltma-btn {
margin-top: 35px;
}
@media only screen and (max-width: 768px) {
.ma-el-advance-tab.two .ma-el-advance-tab-nav {
flex-direction: column;
}
.ma-el-advance-tab.three {
flex-direction: column;
}
.ma-el-advance-tab.three .ma-el-advance-tab-nav {
width: 100%;
}
.ma-el-advance-tab.three .ma-el-advance-tab-content {
width: 100%;
}
.ma-el-advance-tab.three .ma-el-advance-tab-nav li.active::before {
opacity: 0;
}
.ma-el-advance-tab.four {
flex-direction: column;
}
.ma-el-advance-tab.four .ma-el-advance-tab-nav {
width: 100%;
}
.ma-el-advance-tab.four .ma-el-advance-tab-content {
width: 100%;
}
.ma-el-advance-tab.four .ma-el-advance-tab-nav li.active::before {
border-width: 1px 1px 1px 1px;
}
}
/* MA Tabs End */
/* Progress Bar Start */
.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: "";
}
[class*="ma-el-progress-bar-"].line {
position: relative;
margin-bottom: 40px;
}
[class*="ma-el-progress-bar-"].line .ldBar-label {
position: absolute;
top: 0;
right: 0;
color: #132c47;
}
[class*="ma-el-progress-bar-"].line-bubble {
position: relative;
margin-bottom: 40px;
}
[class*="ma-el-progress-bar-"].line-bubble .ldBar-label {
position: absolute;
left: 0;
top: 56%;
width: 50px;
height: 50px;
border-radius: 50%;
line-height: 50px;
text-align: center;
font-size: 12px;
color: #fff;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
[class*="ma-el-progress-bar-"].circle {
position: relative;
}
[class*="ma-el-progress-bar-"].circle .ldBar-label {
position: absolute;
top: 50%;
left: 50%;
font-size: 36px;
color: #132c47;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
[class*="ma-el-progress-bar-"].circle h3 {
position: absolute;
bottom: -20px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
[class*="ma-el-progress-bar-"].fan {
position: relative;
}
[class*="ma-el-progress-bar-"].fan h3 {
position: absolute;
bottom: -20px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
[class*="ma-el-progress-bar-"].fan .ldBar-label {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -20%);
transform: translate(-50%, -20%);
font-size: 30px;
}
[class*="ma-el-progress-bar-"].fan .left-title {
position: absolute;
font-size: 14px;
left: 0;
bottom: -10px;
}
[class*="ma-el-progress-bar-"].fan .right-title {
position: absolute;
font-size: 14px;
bottom: -10px;
right: 0;
}
/* Progress Bar End */
/* Team Section
---------------------------------------------------------------------- */
.ma-el-member-container {
text-align: center;
width: 245px;
height: 400px;
margin: auto;
position: relative;
z-index: 0;
}
.ma-el-member-container:after {
content: "";
background: #15a9a0;
width: 100%;
height: 100%;
position: absolute;
left: -10px;
bottom: -10px;
z-index: -1;
}
.ma-el-member-container .ma-el-inner-container {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.ma-el-member-container .ma-el-member-details {
background: #1fb5ac;
width: 100%;
height: 200px;
position: absolute;
bottom: -114px;
}
.ma-el-member-container:hover .ma-el-member-details {
bottom: 0;
}
.ma-el-member-container .name {
color: #ffffff;
font-size: 1.125em;
font-weight: 700;
line-height: 1em;
text-transform: capitalize;
margin: 30px 0 0 0;
}
.ma-el-member-container p {
color: #ffffff;
padding: 0;
}
.ma-el-member-container .designation {
font-size: 14px;
line-height: 22px;
}
.member-social-link {
margin-top: -3px;
}
.member-social-link a {
color: #ffffff;
display: inline-block;
position: relative;
z-index: 0;
width: 26px;
height: 26px;
line-height: 26px;
margin: 0 2px;
}
.member-social-link a:after {
content: "";
position: absolute;
top: -7px;
left: -7px;
right: -7px;
bottom: -7px;
background: transparent;
z-index: -1;
}
.member-social-link a:hover:after {
background: #ffffff;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.member-social-link a:hover {
color: #04635d;
}
.member-social-link .twitter-btn:hover {
color: #55acee;
}
.member-social-link .facebook-btn:hover {
color: #3b5998;
}
.member-social-link .dribbble-btn:hover {
color: #ea4c89;
}
.member-social-link .google-plus-btn:hover {
color: #db514f;
}
.member-social-link .linkedin-btn:hover {
color: #0077b5;
}
.ma-el-member-container:after,
.ma-el-member-container .ma-el-member-details,
.member-social-link a,
.member-social-link a:after {
-webkit-transition: all 0.25s ease;
-moz-transition: all 0.25s ease;
-ms-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;
}
/* Master Team Section End
---------------------------------------------------------------------- */
/* Team Global Styles */
.ma-el-team-member-thumb {
border-radius: 5px;
}
/* .ma-el-team-item {
margin-bottom: 32px;
} */
.ma-el-team-member-name {
font-size: 22px;
margin-bottom: 0;
font-weight: 600;
}
.ma-el-team-member-content {
color: #8a8d91;
padding: 10px;
}
.ma-el-team-member-designation {
font-size: 15px;
}
.ma-el-team-member-about {
font-size: 15px;
}
/* Team Member Basic Start */
.bb {
border-bottom: 2px solid #4b00e7;
}
.text-center {
text-align: center;
}
.ma-el-team-member-content p {
margin-top: 1.125em;
}
.ma-el-team-item {
box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
line-height: 1;
}
.ma-el-team-member-basic {
box-shadow: 0px 13px 33px 0px rgba(51, 77, 128, 0.08);
}
/* .ma-el-team-member-basic .ma-el-team-member-thumb img {
width: 100%;
} */
.ma-el-team-member-basic .ma-el-team-member-about {
margin-bottom: 25px;
}
.ma-el-team-member-basic .ma-el-team-member-social {
margin-bottom: 0;
}
.ma-el-team-member-basic .ma-el-team-member-social li,
.ma-el-team-member-rounded .ma-el-team-member-social li,
.ma-el-team-member-content-hover .ma-el-team-member-social li {
display: inline-block;
}
.ma-el-team-member-basic .ma-el-team-member-social li a {
color: #8a8d91;
display: block;
transition: 0.3s ease;
}
.ma-el-team-member-basic .ma-el-team-member-social li a:hover {
color: #132c47;
}
.ma-el-team-member-basic .ma-el-team-member-social li:not(:last-child) {
margin-right: 15px;
}
.ma-el-team-member-basic-2,
.ma-el-team-member-basic-3 {
border-radius: 5px;
line-height: 1;
overflow: hidden;
position: relative;
}
.ma-el-team-member-basic-2 .ma-el-team-member-content,
.ma-el-team-member-basic-3 .ma-el-team-member-content {
background-color: transparent;
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
left: 0;
opacity: 0;
padding: 30px;
position: absolute;
z-index: 1;
transition: all 0.25s ease;
}
.ma-el-team-member-basic-2 .ma-el-team-member-content {
height: 100%;
top: 0;
}
.ma-el-team-member-basic-2:hover .ma-el-team-member-content {
opacity: 1;
}
.ma-el-team-member-basic-2 .ma-el-team-member-content:before {
content: "";
background-color: rgba(255, 255, 255, 0.9);
border-radius: 5px;
height: calc(100% - 30px);
width: calc(100% - 30px);
left: 15px;
top: 15px;
padding: 0;
position: absolute;
z-index: -1;
}
.ma-el-team-member-basic-2 .ma-el-team-member-name,
.ma-el-team-member-basic-3 .ma-el-team-member-name,
.ma-el-team-member-basic-4 .ma-el-team-member-name,
.ma-el-team-member-circle-2 .ma-el-team-member-name {
margin-top: 0;
}
.ma-el-team-member-name:before {
display: none;
}
.ma-el-team-member-social {
margin: 10px 0 0;
padding: 0;
}
.ma-el-team-member-social li {
display: inline-block;
list-style: none;
}
.ma-el-team-member-social li a {
color: #393c3f;
display: inline-block;
font-size: 16px;
padding: 3px 2px;
}
.ma-el-team-member-social li a:hover {
color: #4b00e7;
}
.ma-el-team-member-basic-3 .ma-el-team-member-content {
background-color: #fff;
bottom: -100%;
}
.ma-el-team-member-basic-3:hover .ma-el-team-member-content {
bottom: 0;
opacity: 1;
}
.ma-el-team-member-basic-4 .bb {
border: 2px solid #4b00e7;
}
.ma-el-team-member-basic-4 {
padding-bottom: 95px;
position: relative;
}
.ma-el-team-member-basic-4 .ma-el-team-member-thumb {
overflow: hidden;
}
.ma-el-team-member-basic-4 .ma-el-team-member-thumb img,
.ma-el-team-member-basic-4 .ma-el-team-member-content,
.ma-el-team-member-basic-4 .ma-el-team-member-name,
.ma-el-team-member-basic-4 .ma-el-team-member-designation,
.ma-el-team-member-basic-4 .ma-el-team-member-social a {
transition: all 0.4s ease;
}
.ma-el-team-member-basic-4 .ma-el-team-member-thumb img {
float: left;
}
.ma-el-team-member-basic-4:hover .ma-el-team-member-thumb img {
-webkit-transform: translateY(-30px);
-moz-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
.ma-el-team-member-basic-4 .ma-el-team-member-content {
width: 100%;
left: 0;
bottom: 0;
height: 90px;
position: absolute;
text-align: center;
overflow: hidden;
z-index: 1;
-webkit-transition: height 0.4s;
-moz-transition: height 0.4s;
transition: height 0.4s;
}
.ma-el-team-member-basic-4:hover .ma-el-team-member-content {
height: 130px;
}
.ma-el-team-member-basic-4 .ma-el-team-member-content:before {
content: "";
height: 0;
width: 100%;
left: 0;
bottom: 0;
position: absolute;
z-index: -1;
-webkit-transition: height 0.4s;
-moz-transition: height 0.4s;
transition: height 0.4s;
}
.ma-el-team-member-basic-4:hover .ma-el-team-member-content:before {
background: #4b00e7;
height: 100%;
}
.ma-el-team-member-basic-4 .ma-el-team-member-name {
padding-top: 10px;
}
.ma-el-team-member-basic-4:hover .ma-el-team-member-name,
.ma-el-team-member-basic-4:hover .ma-el-team-member-designation,
.ma-el-team-member-basic-4:hover .ma-el-team-member-social a {
color: #fff !important;
}
.ma-el-team-member-basic-4 p,
.ma-el-team-member-basic-5 p {
display: none;
}
.ma-el-team-member-basic-4 .ma-el-team-member-social {
margin: 0;
}
.ma-el-team-member-basic-4 .ma-el-team-member-social,
.ma-el-team-member-basic-5 .ma-el-team-member-social {
height: 0;
margin-top: 10px;
opacity: 0;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: -webkit-transform 0.4s, opacity 0.1s, height 0.4s;
-moz-transition: -moz-transform 0.4s, opacity 0.1s, height 0.4s;
transition: transform 0.4s, opacity 0.1s, height 0.4s;
}
.ma-el-team-member-basic-4:hover .ma-el-team-member-social,
.ma-el-team-member-basic-5:hover .ma-el-team-member-social {
height: auto;
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
-moz-transition: -moz-transform 0.4s, opacity 0.1s;
transition: transform 0.4s, opacity 0.1s;
}
.ma-el-team-member-basic-5 {
position: relative;
}
.ma-el-team-member-basic-5 .ma-el-team-member-content {
background-color: #fff;
border-radius: 5px 5px 0 0;
left: 20px;
bottom: -15px;
height: 88px;
width: calc(100% - 40px);
padding-top: 15px;
position: absolute;
text-align: center;
text-overflow: ellipsis;
-webkit-transition: height 0.4s;
-moz-transition: height 0.4s;
transition: height 0.4s;
}
.ma-el-team-member-basic-5:hover .ma-el-team-member-content {
height: 130px;
}
.ma-el-team-member-basic-5 .ma-el-team-member-name {
margin-top: 10px;
}
.ma-el-team-member-basic-5 .ma-el-team-member-social {
margin-top: 5px;
}
.ma-el-team-member-rounded img {
box-shadow: none;
padding: 1em;
}
.ma-el-team-member-circle-2 {
border-top-left-radius: 3.75em;
border-top-right-radius: 3.75em;
box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
text-align: center;
}
.ma-el-team-member-circle-2 .ma-el-team-member-thumb img {
border-radius: 50%;
max-width: 210px;
margin: 0 auto;
padding: 15px;
width: 100%;
}
/* Basic End */
/* Team Member Circle Gradient Start */
.ma-el-team-member-circle,
.ma-el-team-member-circle-animation {
padding: 70px 40px 30px;
/* box-shadow: 0px 13px 33px 0px rgba(51, 77, 128, 0.08); */
text-align: center;
border-radius: 5px;
}
.ma-el-team-member-circle .ma-el-team-member-thumb,
.ma-el-team-member-circle-animation .ma-el-team-member-thumb {
position: relative;
z-index: 1;
width: 122px;
height: 122px;
margin: 0 auto;
margin-bottom: 45px;
}
.ma-el-team-member-circle .ma-el-team-member-thumb img,
.ma-el-team-member-circle-animation .ma-el-team-member-thumb img {
position: absolute;
width: 100px;
height: 100px;
top: 44%;
left: 54%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.ma-el-team-member-circle .ma-el-team-member-thumb svg,
.ma-el-team-member-circle-animation .ma-el-team-member-thumb svg {
position: absolute;
width: 123px;
height: 123px;
z-index: -1;
}
.ma-el-team-member-circle .ma-el-team-member-thumb svg:first-child,
.ma-el-team-member-circle-animation .ma-el-team-member-thumb svg:first-child {
left: 7px;
bottom: 7px;
}
.ma-el-team-member-circle .ma-el-team-member-thumb svg:nth-child(2),
.ma-el-team-member-circle-animation .ma-el-team-member-thumb svg:nth-child(2) {
top: 7px;
left: 7px;
}
.ma-el-team-member-circle .ma-el-team-member-thumb svg:nth-child(3),
.ma-el-team-member-circle-animation .ma-el-team-member-thumb svg:nth-child(3) {
right: 4px;
top: 0;
}
.ma-el-team-member-circle .ma-el-team-member-thumb svg.violate,
.ma-el-team-member-circle-animation .ma-el-team-member-thumb svg.violate {
fill: #826eff;
}
.ma-el-team-member-circle .ma-el-team-member-thumb svg.orange,
.ma-el-team-member-circle-animation .ma-el-team-member-thumb svg.orange {
fill: #ff6a47;
}
.ma-el-team-member-circle .ma-el-team-member-thumb svg.cyan,
.ma-el-team-member-circle-animation .ma-el-team-member-thumb svg.cyan {
fill: #3ad8f4;
}
.ma-el-team-member-circle .rounded,
.ma-el-team-member-circle-animation .rounded {
border-radius: 8px;
}
.ma-el-team-member-circle .circled,
.ma-el-team-member-circle-animation .circled {
border-radius: 50%;
}
.ma-el-team-member-circle-name {
font-size: 22px;
margin-bottom: 5px;
}
.ma-el-team-member-circle-designation {
font-size: 15px;
display: block;
color: #8a8d91;
margin-bottom: 12px;
}
.ma-el-team-member-about {
margin: 10px auto;
}
.ma-el-team-member-circle .ma-el-team-member-about,
.ma-el-team-member-circle-animation .ma-el-team-member-about {
margin-bottom: 40px;
}
.ma-el-team-member-circle .ma-el-team-member-social,
.ma-el-team-member-circle-animation .ma-el-team-member-social {
padding-left: 0;
}
.ma-el-team-member-circle .ma-el-team-member-social li,
.ma-el-team-member-circle-animation .ma-el-team-member-social li {
display: inline-block;
}
.ma-el-team-member-circle .ma-el-team-member-social li:not(:last-child),
.ma-el-team-member-circle-animation .ma-el-team-member-social li:not(:last-child) {
margin-right: 2px;
}
.ma-el-team-member-circle .ma-el-team-member-social li a,
.ma-el-team-member-circle-animation .ma-el-team-member-social li a {
padding: 0 10px;
color: #a4a7aa;
}
.ma-el-team-member-circle .ma-el-team-member-social li a:hover,
.ma-el-team-member-circle-animation .ma-el-team-member-social li a:hover {
color: #8a8d91;
transition: 0.3s ease;
}
/* Team Member Circle End */
/* Team Member Social Left Start */
.ma-el-team-member-social-left {
overflow: hidden;
text-align: center;
position: relative;
}
.ma-el-team-member-social-left .ma-el-team-member-thumb img {
width: 100%;
}
.ma-el-team-member-name {
margin: 0 0;
}
.ma-el-team-member-social-left .ma-el-team-member-social {
list-style: none;
position: absolute;
z-index: 2;
margin: 0;
transition: 0.3s ease;
top: 1em;
opacity: 0;
left: -60px;
width: 45px;
transition: all 0.4s ease;
}
.ma-el-team-member-social-left:hover .ma-el-team-member-social {
left: 15px;
opacity: 1;
}
.ma-el-team-member-social-left .ma-el-team-member-social li a {
background-color: #fff;
border-radius: 50%;
box-shadow: 0px 13px 17px 0px rgba(0, 0, 0, 0.16);
color: #fff;
display: inline-block;
width: 45px;
height: 45px;
line-height: 40px;
transition: 0.3s ease;
}
.ma-el-team-member-social-left .ma-el-team-member-social li:not(:last-child) {
margin-bottom: 10px;
}
/* Social Left End */
.ma-el-team-member-social-right {
box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.1);
padding: 1.125em;
position: relative;
}
.ma-el-team-member-social-right:hover {
overflow: visible;
}
.ma-el-team-member-social-right .ma-el-team-member-thumb img {
border-radius: 10px;
}
.ma-el-team-member-social-right .ma-el-team-member-content {
background-color: rgba(255, 255, 255, 0.9);
display: flex;
flex-direction: column;
flex-wrap: wrap;
align-items: center;
justify-content: center;
height: 100%;
width: 100%;
left: 0;
top: 0;
opacity: 0;
position: absolute;
text-align: center;
transition: all 0.4s ease;
}
.ma-el-team-member-social-right:hover .ma-el-team-member-content {
opacity: 1;
}
.ma-el-team-member-social-right .ma-el-team-member-name {
margin-top: 0;
}
.ma-el-team-member-social-right .ma-el-team-member-social {
right: -40px;
top: 0;
position: absolute;
width: 40px;
}
.ma-el-team-member-social-right .ma-el-team-member-social a {
background-color: #fff;
color: #333;
display: inline-block;
height: 40px;
line-height: 40px;
margin-bottom: 5px;
width: 40px;
}
/* Team Member Rounded Start */
/* Team Member Rounded Start */
.ma-el-team-item.rounded {
box-shadow: none;
}
.ma-el-team-member-rounded {
background-color: #fff !important;
border-top-left-radius: 144px;
border-top-right-radius: 144px;
box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
margin: 0 auto;
max-width: 265px;
}
.ma-el-team-member-rounded .ma-el-team-member-thumb {
height: 265px;
padding: 1.875rem;
position: relative;
z-index: 0;
}
.ma-el-team-member-rounded .ma-el-team-member-thumb img {
height: 100%;
width: 100%;
border-radius: 50%;
padding: 0;
}
.ma-el-team-member-rounded .ma-el-team-member-about {
background-color: #fff;
margin: 20px auto;
}
.ma-el-team-member-rounded .ma-el-team-member-social li a {
color: #fff;
display: block;
width: 35px;
height: 35px;
border-radius: 50%;
background: #272c44;
line-height: 35px;
opacity: 0.4;
transition: 0.3s ease;
}
.ma-el-team-member-rounded .ma-el-team-member-social li a:hover {
opacity: 1;
}
.bg-transparent {
background-color: transparent;
}
/* Team Member Rounded End */
/* Team Member Content Hover Start */
.ma-el-team-member-content-hover {
position: relative;
}
.ma-el-team-member-content-hover .ma-el-team-member-thumb img {
width: 100%;
}
.ma-el-team-member-content-hover .ma-el-team-member-content {
position: absolute;
text-align: center;
background: #fff;
width: 100%;
box-shadow: 0px 20px 33px 0px rgba(51, 77, 128, 0.2);
padding: 25px 20px 20px;
transition: 0.3s ease;
-webkit-transform: scale(0.2);
transform: scale(0.2);
opacity: 0;
bottom: -10%;
}
.ma-el-team-member-content-hover .ma-el-team-member-designation {
display: block;
margin-bottom: 30px;
position: relative;
}
.ma-el-team-member-content-hover .ma-el-team-member-designation::before {
content: "";
position: absolute;
width: 50px;
height: 2px;
background: #132c47;
bottom: -12px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.ma-el-team-member-content-hover .ma-el-team-member-social {
margin-bottom: 0;
}
.ma-el-team-member-content-hover .ma-el-team-member-social li a {
display: block;
padding: 0 7px;
color: #8a8d91;
transition: 0.3s ease;
}
.ma-el-team-member-content-hover .ma-el-team-member-social li a i {
font-size: 14px;
}
.ma-el-team-member-content-hover .ma-el-team-member-social li a:hover {
color: #132c47;
}
.ma-el-team-member-content-hover:hover .ma-el-team-member-content {
bottom: 10%;
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
/* Content Hover End */
/* Style for Team Carousel */
.ma-el-team-carousel-content {
color: #8a8d91;
}
.ma-el-team-carousel-circle {
margin: 0 -15px;
}
.ma-el-team-carousel-circle-title {
margin-bottom: 50px;
position: relative;
}
.ma-el-team-carousel-circle-title:before {
content: "";
position: absolute;
width: 70px;
height: 2px;
background: #132c47;
bottom: -25px;
left: 0;
}
.ma-el-team-carousel-circle-arrow {
margin-top: 75px;
padding: 0;
list-style: none;
}
.ma-el-team-carousel-circle-arrow li {
display: inline-block;
}
.ma-el-team-carousel-circle-arrow-prev,
.ma-el-team-carousel-circle-arrow-next {
display: block;
width: 60px;
height: 60px;
cursor: pointer;
background: #fff;
text-align: center;
border-radius: 50%;
font-size: 25px;
transition: 0.3s ease;
margin-right: 20px;
}
.ma-el-team-carousel-circle-arrow-prev i,
.ma-el-team-carousel-circle-arrow-next i {
transition: 0.3s ease;
color: #eaecf2;
line-height: 60px;
}
.ma-el-team-carousel-circle-arrow-prev:hover,
.ma-el-team-carousel-circle-arrow-next:hover {
color: #132c47;
box-shadow: 0px 13px 33px 0px rgba(51, 77, 128, 0.08);
}
.ma-el-team-carousel-circle-arrow-prev:hover i,
.ma-el-team-carousel-circle-arrow-next:hover i {
color: #132c47;
}
.ma-el-team-carousel-circle-inner {
margin: 0;
outline: 0;
}
.ma-el-team-carousel-social-left {
margin: 0 -15px;
}
.ma-el-team-carousel-social-left-title {
font-weight: bold;
margin-bottom: 50px;
position: relative;
}
.ma-el-team-carousel-social-left-title::before {
content: "";
position: absolute;
width: 145px;
height: 4px;
background: #f35029;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
bottom: -25px;
}
.ma-el-team-carousel-social-left-inner {
margin: 20px 15px 20px 15px;
outline: 0;
}
.ma-el-team-carousel-wrapper .slick-dots,
.ma-el-image-carousel-wrapper .slick-dots {
padding-top: 30px;
padding-left: 0;
margin-bottom: 0;
text-align: center;
}
.ma-el-team-carousel-wrapper .slick-dots li,
.ma-el-image-carousel-wrapper .slick-dots li {
display: inline-block;
}
.ma-el-team-carousel-wrapper .slick-dots li button,
.ma-el-image-carousel-wrapper .slick-dots li button {
width: 12px;
height: 12px;
outline: 0;
padding: 5px;
cursor: pointer;
border: none;
border-radius: 50%;
background-color: #8a8d91;
-webkit-text-fill-color: transparent;
transition: 0.3s ease;
}
.ma-el-team-carousel-wrapper .slick-dots li button:hover,
.ma-el-image-carousel-wrapper .slick-dots li button:hover {
background: #f35029;
}
.ma-el-team-carousel-wrapper .slick-dots li:not(:last-child),
.ma-el-image-carousel-wrapper .slick-dots li:not(:last-child) {
margin-right: 15px;
}
.ma-el-team-carousel-wrapper .slick-dots li.slick-active button,
.ma-el-image-carousel-wrapper .slick-dots li.slick-active button {
background: #f35029;
}
.ma-el-team-carousel-content-hover {
margin: 0 -15px;
}
.ma-el-team-carousel-content-hover-title {
font-family: "Poppins", sans-serif;
font-weight: 600;
}
.ma-el-team-carousel-content-hover-subtitle {
position: relative;
margin-bottom: 30px;
}
.ma-el-team-carousel-content-hover-subtitle::before {
position: absolute;
content: "";
width: 75px;
height: 3px;
background: #132c47;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
bottom: -25px;
}
.ma-el-team-carousel-content-hover-inner {
margin: 0 15px;
}
.ma-el-team-carousel-content-hover .slick-track {
display: flex;
align-items: flex-end;
}
.ma-el-team-carousel-prev i,
.ma-el-team-carousel-next i {
line-height: 60px;
}
.ma-el-team-carousel-prev:hover,
.ma-el-team-carousel-next:hover {
background: #132c47;
}
.ma-el-team-carousel-prev {
left: -70px;
}
.ma-el-team-carousel-next {
right: -70px;
}
@media only screen and (max-width: 768px) {
.ma-el-team-carousel-prev {
left: -20px;
}
.ma-el-team-carousel-next {
right: -20px;
}
}
/* Content Hover Carousel */
.ma-el-team-carousel-content-h .slick-track {
display: flex;
align-items: flex-end;
}
.ma-el-team-carousel-prev,
.ma-el-team-carousel-next {
position: absolute;
width: 60px;
height: 60px;
text-align: center;
background: #620acc;
color: #fff;
display: block;
border-radius: 50%;
z-index: 2;
cursor: pointer;
transition: 0.3s ease;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.ma-el-team-carousel-prev i,
.ma-el-team-carousel-next i {
line-height: 60px;
}
.ma-el-team-carousel-prev:hover,
.ma-el-team-carousel-next:hover {
background: #4b00e7;
}
.ma-el-team-carousel-prev {
left: -70px;
}
.ma-el-team-carousel-next {
right: -70px;
}
/* Animation 01 Start */
@keyframes animation_svg_01_from0to360 {
from {
transform: rotate(0);
}
to {
transform: rotate(360deg);
}
}
@keyframes animation_svg_01_from360to0 {
from {
transform: rotate(360deg);
}
to {
transform: rotate(0deg);
}
}
@keyframes scaleUp {
from {
transform: scale(0.8);
}
to {
transform: scale(1);
}
}
@keyframes scaleDown {
from {
transform: scale(1);
}
to {
transform: scale(0.8);
}
}
@keyframes animation_svg_01_from360to0scaled {
from {
transform: rotate(360deg) scale(1.1);
}
to {
transform: rotate(0deg) scale(0.25);
}
}
.animation_svg_01 {
will-change: transform;
}
.animation_svg_01_circle1 {
animation: animation_svg_01_from0to360 10s linear infinite;
cx: 150;
cy: 145;
r: 100;
fill: white;
transform-origin: 145px 150px;
}
.animation_svg_01_circle2 {
animation: animation_svg_01_from360to0 20s linear infinite;
cx: 150;
cy: 155;
r: 100;
fill: white;
transform-origin: 160px 150px;
}
.animation_svg_01_circle3 {
animation: animation_svg_01_from0to360 30s linear infinite alternate;
cx: 145;
cy: 150;
r: 100;
fill: white;
transform-origin: 150px 145px;
}
.animation_svg_01_circle4 {
animation: animation_svg_01_from360to0 25s linear infinite;
cx: 155;
cy: 150;
r: 100;
fill: white;
transform-origin: 150px 155px;
}
.animation_svg_01_ellipse1 {
animation: animation_svg_01_from360to0scaled 20s linear infinite alternate;
rx: 120;
ry: 100;
cx: 150;
cy: 150;
fill: white;
transform-origin: 130px 155px;
}
.animation_svg_01_ellipse2 {
animation: animation_svg_01_from0to360 15s linear infinite;
rx: 120;
ry: 100;
cx: 150;
cy: 150;
fill: white;
transform-origin: 150px 155px;
}
/* Animation 01 End */
/* Animation 02 Start */
.animation_svg_02 {
display: block;
position: relative;
width: 200px;
height: 200px;
overflow: hidden;
border-radius: 48% 52% 68% 32% / 42% 28% 72% 58%;
background: linear-gradient(to right, #23d5ab, #23a6d5, #e73c7e, #ee7752, #ddd6f3);
background-size: 500% 100%;
z-index: 0;
animation: animation_svg_02_blobber 30s 0s linear infinite, animation_svg_02_cobler 30s 0s linear infinite alternate;
}
.animation_svg_02 img {
display: block;
position: absolute;
top: 0 !important;
left: 0 !important;
height: 100% !important;
width: 100% !important;
mix-blend-mode: multiply;
z-index: -1;
padding: 5px;
animation: animation_svg_02_blobber 30s 0s ease-in-out infinite,
animation_svg_02_wobbler 15s 0s linear infinite alternate;
}
@keyframes animation_svg_02_blobber {
0% {
border-radius: 48% 52% 68% 32% / 42% 28% 72% 58%;
}
5% {
border-radius: 48% 52% 41% 59% / 66% 37% 63% 34%;
}
10% {
border-radius: 69% 31% 71% 29% / 67% 31% 69% 33%;
}
15% {
border-radius: 60% 40% 71% 29% / 63% 65% 35% 37%;
}
20% {
border-radius: 61% 39% 51% 49% / 57% 58% 42% 43%;
}
25% {
border-radius: 66% 34% 25% 75% / 47% 30% 70% 53%;
}
30% {
border-radius: 32% 68% 38% 62% / 65% 60% 40% 35%;
}
35% {
border-radius: 63% 37% 41% 59% / 35% 38% 62% 65%;
}
40% {
border-radius: 57% 43% 49% 51% / 55% 71% 29% 45%;
}
45% {
border-radius: 47% 53% 34% 66% / 65% 36% 64% 35%;
}
50% {
border-radius: 44% 56% 32% 68% / 69% 26% 74% 31%;
}
55% {
border-radius: 28% 72% 37% 63% / 71% 44% 56% 29%;
}
60% {
border-radius: 38% 62% 35% 65% / 74% 53% 47% 26%;
}
65% {
border-radius: 73% 27% 46% 54% / 54% 47% 53% 46%;
}
70% {
border-radius: 75% 25% 47% 53% / 49% 53% 47% 51%;
}
75% {
border-radius: 62% 38% 43% 57% / 55% 60% 40% 45%;
}
80% {
border-radius: 41% 59% 65% 35% / 73% 50% 50% 27%;
}
85% {
border-radius: 55% 45% 57% 43% / 73% 61% 39% 27%;
}
90% {
border-radius: 74% 26% 33% 67% / 40% 65% 35% 60%;
}
95% {
border-radius: 58% 42% 57% 43% / 53% 45% 55% 47%;
}
100% {
border-radius: 48% 52% 68% 32% / 42% 28% 72% 58%;
}
}
@keyframes animation_svg_02_cobler {
0% {
background-position: 0% 0%;
}
100% {
background-position: 100% 0%;
}
}
@keyframes animation_svg_02_wobbler {
0% {
transform: rotateZ(8deg);
}
100% {
transform: rotateZ(-8deg);
}
}
/* Animation 02 End */
/* Animation 03 Start */
.animation_svg_03 {
display: block;
position: absolute;
width: 200px;
height: 200px;
background: #3494e6;
background: -webkit-linear-gradient(to right, #ec6ead, #3494e6);
background: linear-gradient(to right, #ec6ead, #3494e6);
animation: animation_svg_02_blobber 30s 0s linear infinite;
}
.animation_svg_03:nth-of-type(1) {
animation-delay: -4s;
}
.animation_svg_03:nth-of-type(2) {
animation-delay: -8s;
}
.animation_svg_03:nth-of-type(3) {
animation-delay: -8s;
}
.animation_svg_03_center {
display: block;
position: relative;
border-radius: 50%;
background-color: transparent;
border: 1px solid #fff;
z-index: 10;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
mix-blend-mode: multiply;
box-shadow: inset 0px 0px 0px 2px black, inset 0px 0px 0px 3px white, inset 0px 0px 0px 5px black,
inset 0px 0px 0px 6px white;
transform: translate(50%, 50%);
}
.animation_svg_03_center img {
min-height: 100%;
min-width: 100%;
margin-top: -1px;
padding: 6px;
position: static !important;
transform: none !important;
}
/* Animation 03 End */
/* Animation 04 Start */
/*.ma-el-team-member-circle-animation .ma-el-team-member-thumb img{*/
/*display: flex;*/
/*align-items: center;*/
/*justify-content: center;*/
/*height: 100%;*/
/*}*/
#animation_svg_04 circle {
fill: royalblue;
}
@keyframes from0to360 {
from {
transform: rotate(0);
}
to {
transform: rotate(360deg);
}
}
#animation_svg_04_Circle1 {
animation: from0to360 1s linear infinite;
cx: 150;
cy: 145;
r: 100;
transform-origin: 145px 150px;
}
@keyframes from360to0 {
from {
transform: rotate(360deg);
}
to {
transform: rotate(0deg);
}
}
#animation_svg_04_Circle2 {
animation: from360to0 2s linear infinite;
cx: 150;
cy: 155;
r: 100;
transform-origin: 155px 150px;
}
#animation_svg_04_Circle3 {
animation: from0to360 3s linear infinite;
cx: 145;
cy: 150;
r: 100;
transform-origin: 150px 145px;
}
#animation_svg_04_Circle4 {
animation: from360to0 2.5s linear infinite;
cx: 155;
cy: 150;
r: 100;
transform-origin: 150px 155px;
}
/* Animation 04 End */
/* Start of Animation 05 */
@keyframes jltma_blob_anim_01 {
0% {
d: path(
"M120,-157.6C152.7,-141.5,174.3,-102.6,194.8,-58.8C215.3,-14.9,234.6,33.8,228.4,80.8C222.2,127.8,190.4,173.1,148.1,184C105.8,195,52.9,171.5,-2.4,174.8C-57.8,178.2,-115.6,208.4,-137.5,190.9C-159.3,173.3,-145.3,108,-153,56.3C-160.7,4.6,-190.2,-33.4,-178.3,-54.2C-166.4,-75.1,-113.2,-78.8,-76.6,-93.6C-40,-108.3,-20,-134.2,11.9,-150.5C43.7,-166.8,87.4,-173.6,120,-157.6Z"
);
}
25% {
d: path(
"M67.8,-97.1C87.8,-78.8,103.8,-58.9,117.4,-34.1C130.9,-9.4,142,20.2,139.5,50.7C137,81.2,120.8,112.6,95.3,150.1C69.8,187.7,34.9,231.3,3.3,226.8C-28.2,222.2,-56.4,169.3,-91.6,134.9C-126.8,100.5,-169,84.6,-179.6,57.1C-190.2,29.7,-169.3,-9.3,-155.2,-49.7C-141,-90.1,-133.7,-132,-109,-148.8C-84.2,-165.6,-42.1,-157.3,-9.1,-144.8C23.9,-132.2,47.8,-115.5,67.8,-97.1Z"
);
}
50% {
d: path(
"M137.1,-191.3C172,-163.4,190.6,-115.7,197.2,-70.1C203.8,-24.4,198.5,19.2,178.9,51.5C159.3,83.9,125.5,105,93.3,129.6C61.1,154.1,30.6,182.1,1.1,180.6C-28.4,179.1,-56.8,148.2,-81.2,121.1C-105.6,94.1,-126.1,70.8,-141.6,41.6C-157.2,12.4,-168,-22.9,-153.9,-45C-139.8,-67,-100.7,-76,-70.9,-105.5C-41.1,-135,-20.6,-185,15.3,-206C51.1,-227.1,102.3,-219.1,137.1,-191.3Z"
);
}
75% {
d: path(
"M123.7,-157.1C162.4,-142.2,197.2,-108.8,202.8,-70.8C208.3,-32.9,184.5,9.7,169,54.2C153.6,98.7,146.4,145.2,119.7,162.7C92.9,180.2,46.4,168.6,-1.9,171.1C-50.2,173.7,-100.3,190.4,-122.2,171.3C-144.1,152.3,-137.7,97.5,-144.1,52.7C-150.6,7.9,-169.9,-26.8,-170.5,-64.8C-171,-102.8,-152.8,-144,-121.3,-161.3C-89.7,-178.5,-44.9,-171.8,-1.2,-170.1C42.5,-168.5,85,-172,123.7,-157.1Z"
);
}
100% {
d: path(
"M120,-157.6C152.7,-141.5,174.3,-102.6,194.8,-58.8C215.3,-14.9,234.6,33.8,228.4,80.8C222.2,127.8,190.4,173.1,148.1,184C105.8,195,52.9,171.5,-2.4,174.8C-57.8,178.2,-115.6,208.4,-137.5,190.9C-159.3,173.3,-145.3,108,-153,56.3C-160.7,4.6,-190.2,-33.4,-178.3,-54.2C-166.4,-75.1,-113.2,-78.8,-76.6,-93.6C-40,-108.3,-20,-134.2,11.9,-150.5C43.7,-166.8,87.4,-173.6,120,-157.6Z"
);
}
}
/* End of Animation 05 */
/* Team carousel Styles end*/
/* Team Drawer start*/
.gridder .gridder-list {
line-height: 1;
margin: 0 !important;
position: relative;
width: 25%;
}
.gridder .ma-team-drawer-hover-content {
content: "";
background: rgba(0, 0, 0, 0.65);
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
flex-direction: column;
height: 100%;
width: 100%;
left: 0;
top: 0;
opacity: 0;
position: absolute;
transition: all 0.4s ease;
}
.gridder .gridder-list:hover .ma-team-drawer-hover-content {
opacity: 1;
}
.gridder .gridder-list .ma-team-drawer-hover-content .ma-el-team-member-name {
color: #fff;
font-size: 18px;
margin-bottom: 10px;
}
.gridder .gridder-list .ma-team-drawer-hover-content .ma-el-team-member-designation {
color: #fff;
font-size: 15px;
}
.gridder .gridder-list.selectedItem:before {
content: " ";
border: solid transparent;
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-top-color: #111;
border-width: 15px;
bottom: -30px;
left: 50%;
margin: 0 0 0 -15px;
z-index: 1;
}
.gridder .gridder-list.selectedItem:after {
content: "";
border: 20px solid #111;
height: 100%;
width: 100%;
left: 0;
top: 0;
position: absolute;
}
.gridder-show {
background-color: #f3f1f8;
border-top: none;
padding: 2em;
position: relative;
}
.gridder-expanded-content,
.gridder-show p {
color: #78909c;
font-size: 15px;
line-height: 23px;
}
.gridder-navigation {
min-height: 45px;
min-width: 90px;
top: 0;
right: 0;
position: absolute;
}
.gridder-close {
height: 40px;
width: 40px;
line-height: 40px;
right: 25px;
top: 10px;
position: absolute;
text-align: center;
}
.gridder-close:before,
.gridder-close:after {
content: "";
position: absolute;
width: 30px;
top: 50%;
height: 1px;
background: #111;
-webkit-transform: rotate(50deg);
-moz-transform: rotate(50deg);
transform: rotate(50deg);
}
.gridder-close:after {
-webkit-transform: rotate(-50deg);
-moz-transform: rotate(-50deg);
transform: rotate(-50deg);
}
.gridder-expanded-content {
display: flex;
flex-wrap: wrap;
}
.gridder-expanded-content .content-left {
flex: 0 0 70%;
max-width: 70%;
padding-right: 1em;
}
.gridder-expanded-content .content-right {
border-left: 1px solid #999;
flex: 0 0 30%;
max-width: 30%;
padding-left: 1.5em;
}
.gridder-expanded-content .ma-el-team-member-social a {
font-size: 1.25em;
padding: 5px 7px;
}
/* Team Drawer end*/
/* Dual heading Start */
.ma-el-dual-heading-wrapper {
text-align: center;
}
.ma-el-dual-heading .ma-el-dual-heading-wrapper {
padding: 5px;
}
.ma-el-dual-heading .ma-el-dual-heading-wrapper .ma-el-dual-heading-description {
font-size: 15px;
line-height: 26px;
margin: 30px 0 0 0;
padding: 10px;
}
.ma-el-dual-heading .ma-el-dual-heading-wrapper .ma-el-dual-heading-icon {
font-size: 36px;
}
.ma-el-dual-heading .ma-el-dual-heading-wrapper .ma-el-dual-heading-title {
font-size: 36px;
margin-top: 30px;
}
.ma-el-dual-heading .ma-el-dual-heading-wrapper .ma-el-dual-heading-title a,
.ma-el-dual-heading .ma-el-dual-heading-wrapper .ma-el-dual-heading-title {
font-size: 30px;
color: #132c47;
text-transform: uppercase;
font-weight: bold;
text-decoration: none;
}
.ma-el-dual-heading .ma-el-dual-heading-wrapper .ma-el-dual-heading-title {
text-transform: capitalize;
}
.ma-el-dual-heading .ma-el-dual-heading-wrapper .ma-el-dual-heading-title span {
color: #132c47;
line-height: 1.18;
}
/* Dual Heading: Topclass Style */
.ma-el-sec-head-container {
overflow: hidden;
}
.ma-el-sec-head-container .ma-el-sec-head-style {
max-width: 1170px;
/* display: table; */
margin: auto;
padding: 0 15px;
}
.ma-el-sec-head-container .ma-el-sec-head-style:after {
content: "";
height: 140px;
width: 200%;
background-color: #1fb5ac;
position: absolute;
top: 0;
left: -200%;
margin-left: -15px;
}
.ma-el-section-title {
color: #1a1a1a;
font-size: 5.25em;
font-weight: 900;
/* text-align: right; */
text-transform: uppercase;
line-height: 0.97em;
-webkit-text-stroke: 0.3px;
padding: 0;
margin: 0;
float: left;
/* margin-top: -10px; */
/* width: 300px; */
}
.content-title {
margin-top: 0;
padding-top: 0;
}
.ma-el-section-title span {
color: #1fb5ac;
}
.plx-ma-el-section-title {
color: #ffffff;
font-size: 2.1875em;
-webkit-text-stroke: 0.2px;
}
.ma-el-section-description {
color: #404040;
font-size: 1.375em;
font-weight: 300;
line-height: 40px;
margin: 0;
/* margin-left: 360px; */
-webkit-font-smoothing: antialiased;
-webkit-text-stroke: 0.2px;
}
.parallax-style .subscribe-description {
color: #ffffff;
}
/* Dual heading End */
/* Call to Action Start */
.ma-el-action-content {
padding: 70px 0;
}
.ma-el-action-content .jltma-row {
align-items: flex-end;
}
.ma-el-action-content .ma-el-action-title {
font-size: 1.75rem;
margin-bottom: 1.125rem;
}
.ma-el-action-content .ma-el-action-description {
font-size: 15px;
font-weight: normal;
line-height: 25px;
}
.ma-el-action-content .ma-el-action-btn {
border: none;
border-radius: 5px;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
display: inline-block;
font-size: 0.875rem;
font-weight: 600;
line-height: 55px;
padding: 0 3.5rem;
text-decoration: none;
text-transform: uppercase;
}
.ma-el-action-content .ma-el-action-btn:hover {
background: #8dc63f;
color: #fff;
}
.style-02 .ma-el-action-content .jltma-row {
align-items: center;
justify-content: center;
margin: 0 auto;
max-width: 650px;
text-align: center;
}
.style-02 .ma-el-action-content .ma-el-action-title {
color: #fff;
}
.style-02 .ma-el-action-content [class*="col"] {
flex: 0 0 100%;
max-width: 100%;
text-align: center !important;
}
.style-02 .ma-el-action-content .ma-el-action-btn {
margin-top: 40px;
}
.style-03 .ma-el-action-content .jltma-row {
border-left: 10px solid #4b00e7;
padding-left: 1rem;
}
.style-04 .ma-el-action-content .jltma-row {
border-left: 5px solid #f0f2f4;
border-right: 5px solid #f0f2f4;
padding: 2.25rem 1.25rem;
}
.style-05 .ma-el-action-content {
background: #4b00e7;
}
.style-05 .ma-el-action-content .jltma-row {
padding: 0 1.75rem;
}
.style-05 .ma-el-action-content .ma-el-action-title,
.style-05 .ma-el-action-content .ma-el-action-description {
color: #fff;
}
.style-05 .ma-el-action-content .ma-el-action-btn {
background-color: #fff;
color: #4b00e7;
}
.style-06 .ma-el-action-content .jltma-row,
.style-07 .ma-el-action-content .jltma-row {
padding: 0 3.5rem;
}
.style-06 .ma-el-action-content .ma-el-action-btn,
.style-07 .ma-el-action-content .ma-el-action-btn {
border: 2px solid #fff;
color: #fff;
}
.style-07 .media-left {
margin-right: 1.875rem;
}
.style-07 .ma-el-action-content i {
color: #fff;
font-size: 4rem;
}
/* Call to Action End */
/* Creative Buttons */
.ma-el-creative-button-align-center {
text-align: center;
}
.ma-el-creative-button-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.ma-el-creative-button {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
min-width: 150px;
text-align: center;
vertical-align: middle;
position: relative;
z-index: 1;
-webkit-border-radius: 2px;
border-radius: 2px;
/* padding: 20px 30px; */
font-size: 16px;
line-height: 1;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
}
.ma-el-creative-button-align-center .ma-el-creative-button {
float: none;
display: inline-block;
}
.ma-el-creative-button:focus {
outline: none;
}
.ma-el-creative-button > span {
vertical-align: middle;
}
/* Creative Buttons */
/* Particles Start */
.divTest {
display: inline-block;
background-color: #00a0d2;
padding: 20px;
}
.ma-el-particle-wrapper {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.elementor-section .ma-el-particle-wrapper .elementor-container {
z-index: 1;
}
canvas.particles-js-canvas-el {
position: absolute;
left: 0;
top: 0;
height: 100%;
}
/* Particles End */
/**
BG Slider
**/
.ma-el-section-bs {
position: absolute;
width: 100%;
height: 100%;
top: 0;
}
.ma-el-section-bs-inner {
width: 100%;
height: 100% !important;
}
/* Master Addons: Card Style Start */
.ma-el-card {
margin-bottom: 35px;
}
.ma-el-card-description {
font-size: 16px;
color: #8a8d91;
margin: 0 auto;
}
.ma-el-card-tag {
font-size: 15px;
color: #8a8d91;
margin: 10px 0 0 0;
}
.ma-el-card.one {
border-style: solid;
border-width: 1px;
border-color: #e5e5e5;
border-radius: 4px;
background-color: white;
position: relative;
}
.ma-el-card.one .ma-el-card-thumb {
border-radius: 4px 4px 0 0;
}
.ma-el-card.one .ma-el-card-thumb img {
width: 100%;
display: block;
}
.ma-el-card.one .ma-el-card-body {
padding: 30px 30px;
}
.ma-el-card.one .ma-el-card-body .ma-el-card-title {
display: block;
font-size: 20px;
color: #132c47;
font-weight: bold;
text-decoration: none;
position: relative;
transition: all 0.4s ease;
line-height: 100%;
}
.ma-el-card.one .ma-el-card-body .ma-el-card-title::before {
position: absolute;
content: "";
height: 100%;
width: 3px;
top: 0;
left: -30px;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: bottom center;
transform-origin: bottom center;
background: #ff4a4a;
transition: all 0.2s ease;
}
.ma-el-card.one .ma-el-card-body .ma-el-card-title:hover::before {
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
.ma-el-card.one .ma-el-card-body .ma-el-card-description {
margin: 20px 0;
font-size: 15px;
line-height: 26px;
}
.ma-el-card.one .ma-el-card-body .ma-el-card-action {
position: absolute;
display: block;
bottom: 0;
left: 118px;
-webkit-transform: translate(-50%, 50%);
transform: translate(-50%, 50%);
box-shadow: 0px 6px 18px 0px rgba(9, 24, 33, 0.15);
background: #fff;
padding: 15px 35px;
border-radius: 4px;
transition: all 0.4s ease;
color: #132c47;
font-size: 14px;
text-decoration: none;
text-transform: uppercase;
font-weight: 500;
}
.ma-el-card.one .ma-el-card-body .ma-el-card-action:hover {
background: #ff4a4a;
color: #fff;
}
.ma-el-card.two {
background-color: white;
box-shadow: 0px 15px 39px 0px rgba(9, 24, 33, 0.06);
border-radius: 4px;
position: relative;
}
.ma-el-card.two:hover .ma-el-card-body .ma-el-card-title {
margin-left: 30px;
}
.ma-el-card.two:hover .ma-el-card-body .ma-el-card-title::before {
opacity: 1;
}
.ma-el-card.two .ma-el-card-thumb img {
width: 100%;
border-radius: 4px 4px 0 0;
display: block;
}
.ma-el-card.two .ma-el-card-body {
padding: 30px 30px;
}
.ma-el-card.two .ma-el-card-body .ma-el-card-title {
font-size: 20px;
color: #132c47;
font-weight: bold;
position: relative;
text-decoration: none;
transition: all 0.3s ease;
display: block;
}
.ma-el-card.two .ma-el-card-body .ma-el-card-title::before {
position: absolute;
content: "";
height: 2px;
width: 20px;
background: #5031ef;
top: 50%;
left: -30px;
transform: translateY(-50%);
transition: all 0.3s ease;
opacity: 0;
}
.ma-el-card.two .ma-el-card-body .ma-el-card-tag {
font-size: 15px;
line-height: 26px;
margin-bottom: 15px;
}
.ma-el-card.two .ma-el-card-body .ma-el-card-action {
position: absolute;
display: block;
bottom: 0;
right: 0;
height: 50px;
text-align: center;
line-height: 52px;
width: 50px;
-webkit-transform: translate(-50%, 50%);
transform: translate(-50%, 50%);
box-shadow: 0px 6px 18px 0px rgba(9, 24, 33, 0.15);
background: #fff;
border-radius: 50%;
transition: all 0.4s ease;
-webkit-transform-origin: center center;
transform-origin: center center;
display: block;
}
.ma-el-card.two .ma-el-card-body .ma-el-card-action i {
color: #c6c6c6;
font-size: 22px;
}
.ma-el-card.two .ma-el-card-body .ma-el-card-action svg {
fill: #c6c6c6;
}
.ma-el-card.two .ma-el-card-body .ma-el-card-action:hover {
-webkit-transform: translate(-50%, 50%) scale(1.2);
transform: translate(-50%, 50%) scale(1.2);
background: #5031ef;
}
.ma-el-card.two .ma-el-card-body .ma-el-card-action:hover i {
color: #fff;
}
.ma-el-card.three {
position: relative;
}
.ma-el-card.three::before {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 5px;
background: #ff4a4a;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left center;
transform-origin: left center;
transition: all 0.2s ease;
z-index: 1;
}
.ma-el-card.three:hover::before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
.ma-el-card.three:hover .ma-el-card-body .ma-el-card-tag {
margin-left: 30px;
}
.ma-el-card.three:hover .ma-el-card-body .ma-el-card-tag::before {
opacity: 1;
}
.ma-el-card.three .ma-el-card-thumb {
position: relative;
}
.ma-el-card.three .ma-el-card-thumb img {
width: 100%;
}
.ma-el-card.three .ma-el-card-thumb::after {
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
background: linear-gradient(
to top,
rgba(0, 0, 0, 0.99) 0%,
rgba(128, 128, 128, 0.1) 50%,
rgba(255, 255, 255, 0.1) 100%
);
}
.ma-el-card.three .ma-el-card-body .ma-el-card-description {
position: absolute;
bottom: 105px;
left: 40px;
font-size: 15px;
}
.ma-el-card.three .ma-el-card-body .ma-el-card-tag {
position: absolute;
bottom: 72px;
left: 40px;
font-size: 15px;
transition: all 0.2s ease;
}
.ma-el-card.three .ma-el-card-body .ma-el-card-tag::before {
content: "";
height: 2px;
width: 20px;
background: #ff4a4a;
position: absolute;
top: 50%;
left: -30px;
transform: translateY(-50%);
opacity: 0;
}
.ma-el-card.three .ma-el-card-body .ma-el-card-title {
position: absolute;
bottom: 40px;
left: 40px;
color: #fff;
font-family: "Open Sans", sans-serif;
font-size: 20px;
font-weight: 500;
text-decoration: none;
display: block;
}
.ma-el-card.three .ma-el-card-body .ma-el-card-action {
position: absolute;
bottom: 40px;
right: 25px;
background: rgba(95, 90, 84, 0.7);
text-decoration: none;
font-size: 15px;
color: #fff;
padding: 14px 48px;
border-radius: 25px;
transition: all 0.3s ease;
display: block;
}
.ma-el-card.three .ma-el-card-body .ma-el-card-action:hover {
background: #ff4a4a;
}
/* Master Addons: Card Style End */
/* MA InfoBox Start */
.ma-el-infobox-item {
box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);
border-radius: 5px;
}
.ma-el-infobox .ma-el-infobox-item {
padding: 1.875rem;
transition: all 0.3s ease;
}
.ma-el-infobox-item .ma-el-infobox-content {
padding: 20px 0 0;
text-align: left;
}
.ma-el-infobox-item .ma-el-infobox-icon {
color: #4b00e7;
font-size: 2.75rem;
}
.ma-el-infobox .ma-el-infobox-item .ma-el-infobox-content-title {
color: #393c3f;
font-size: 16px;
font-weight: 700;
}
.ma-el-infobox .ma-el-infobox-item .ma-el-infobox-content-description {
color: #78909c;
font-size: 13px;
}
.bg-fade-icon {
color: #4b00e7;
font-size: 7rem;
position: absolute;
right: -15px;
bottom: -20px;
opacity: 0.2;
z-index: -1;
}
.ma-el-infobox-content-title {
font-size: 24px;
line-height: 1.5;
margin: 0 0 10px 0;
}
.ma-el-infobox-content-description {
font-size: 16px;
margin: 10px auto;
}
.ma-el-infobox.two .ma-el-infobox-item,
.ma-el-infobox.three .ma-el-infobox-item {
overflow: hidden;
position: relative;
z-index: 0;
}
.ma-el-infobox.three .ma-el-infobox-item .ma-el-infobox-icon {
background: #4b00e7;
border-top-left-radius: 5px;
color: #fff;
font-size: 2.5rem;
left: 0;
top: 0;
padding: 0.5rem 1.5rem;
position: absolute;
}
.ma-el-infobox.three .ma-el-infobox-content {
padding-top: 3rem;
}
.ma-el-infobox.four .ma-el-infobox-item {
align-items: center;
transition: 0.3s ease;
}
.ma-el-infobox.four .ma-el-infobox-item .ma-el-infobox-icon {
background: #4b00e7;
border-radius: 50%;
color: #fff;
font-size: 2rem;
height: 90px;
width: 90px;
line-height: 90px;
margin: 0 auto;
text-align: center;
transition: 0.3s ease;
}
.ma-el-infobox.four .ma-el-infobox-item:hover .ma-el-infobox-icon {
background: #fff;
color: #4b00e7;
}
.ma-el-infobox.four .ma-el-infobox-content {
text-align: center;
}
.ma-el-infobox.four .ma-el-infobox-content-title,
.ma-el-infobox.four .ma-el-infobox-content-description {
transition: 0.3s ease;
}
.ma-el-infobox.four .ma-el-infobox-item:hover .ma-el-infobox-content-title,
.ma-el-infobox.four .ma-el-infobox-item:hover .ma-el-infobox-content-description {
color: #fff;
}
.ma-el-infobox.five .ma-el-infobox-item {
display: table;
transition: all 0.3s ease;
}
.ma-el-infobox.five .ma-el-infobox-icon {
position: relative;
float: left;
margin: 0 1.25rem 0 -10px;
z-index: 0;
}
.ma-el-infobox.five .ma-el-infobox-icon i {
font-size: 2rem;
height: 80px;
width: 80px;
line-height: 80px;
text-align: center;
z-index: 1;
transition: all 0.3s ease;
}
.ma-el-infobox.five .ma-el-infobox-item:hover .ma-el-infobox-icon i {
color: #4b00e7;
}
.ma-el-infobox.five .ma-el-infobox-icon .inner-content i {
display: none;
}
.ma-el-infobox.five .ma-el-infobox-icon .inner-content {
position: absolute;
top: -90px;
left: -50px;
overflow: hidden;
display: inline-block;
margin: 48px 0;
width: 180px;
height: 165px;
transform: rotate(-30deg) skewX(30deg) scale(0.5);
border-radius: 15px;
z-index: -1;
}
.ma-el-infobox.five .ma-el-infobox-icon .inner-content *,
.ma-el-infobox.five .ma-el-infobox-icon .inner-content *:before {
display: block;
overflow: hidden;
width: inherit;
height: inherit;
border-radius: inherit;
}
.ma-el-infobox.five .ma-el-infobox-icon .inner-content .hexagon-shape {
transform: skewX(-30deg) rotate(60deg) skewX(30deg);
opacity: 1;
}
.ma-el-infobox.five .ma-el-infobox-icon .inner-content .hexagon-shape:before {
transform: skewX(-30deg) rotate(60deg) skewX(30deg);
background: #4b00e7;
content: "";
transition: all 0.3s ease;
}
.ma-el-infobox.five .ma-el-infobox-icon .inner-content .shape-inner {
transform: skewX(-30deg) rotate(60deg) skewX(30deg);
background: #4b00e7;
content: "";
transition: all 0.3s ease;
}
.ma-el-infobox.five .ma-el-infobox-item:hover .ma-el-infobox-icon .inner-content .hexagon-shape:before,
.ma-el-infobox.five .ma-el-infobox-item:hover .ma-el-infobox-icon .inner-content .shape-inner {
background: #fff;
}
.ma-el-infobox.five .ma-el-infobox-item .ma-el-infobox-content {
display: table-cell;
padding-top: 0;
vertical-align: top;
}
.ma-el-infobox.five .ma-el-infobox-item .ma-el-infobox-content-title,
.ma-el-infobox.five .ma-el-infobox-item .ma-el-infobox-content-description {
transition: all 0.3s ease;
}
.ma-el-infobox.five .ma-el-infobox-item:hover .ma-el-infobox-content-title,
.ma-el-infobox.five .ma-el-infobox-item:hover .ma-el-infobox-content-description {
color: #fff;
}
.ma-el-infobox.six .ma-el-infobox-icon {
background-image: -moz-linear-gradient(-45deg, rgb(10, 57, 252) 0%, rgb(213, 0, 137) 100%);
background-image: -webkit-linear-gradient(-45deg, rgb(10, 57, 252) 0%, rgb(213, 0, 137) 100%);
background-image: -ms-linear-gradient(-45deg, rgb(10, 57, 252) 0%, rgb(213, 0, 137) 100%);
border-radius: 5px;
color: #fff;
font-size: 2.5rem;
height: 90px;
line-height: 90px;
margin: 0 auto;
width: 90px;
text-align: center;
}
.ma-el-infobox.six .ma-el-infobox-content {
text-align: center;
}
.ma-el-btn-learn {
color: #4b00e7;
font-size: 13px;
font-style: italic;
margin-top: 1rem;
}
.ma-el-btn-learn i {
font-size: 10px;
}
.ma-el-infobox.seven .ma-el-infobox-icon .inner-content {
display: table;
}
.ma-el-infobox.seven .ma-el-infobox-icon i {
display: table-cell;
float: left;
margin-right: 1.25rem;
}
.ma-el-infobox.seven .ma-el-infobox-icon .ma-el-infobox-content-title {
display: table-cell;
vertical-align: middle;
}
.ma-el-infobox.seven .ma-el-infobox-content {
padding-top: 10px;
}
.ma-el-infobox.eight .ma-el-infobox-icon {
height: 150px;
width: 150px;
margin: 0 auto;
position: relative;
text-align: center;
}
.ma-el-infobox.eight .ma-el-infobox-icon i {
color: #e8156e;
height: 60px;
width: 60px;
line-height: 60px;
left: 50%;
top: 50%;
margin: -30px 0 0 -30px;
position: absolute;
}
.ma-el-infobox.eight .ma-el-infobox-content {
padding-top: 5px;
text-align: center;
}
.ma-el-infobox.nine .ma-el-infobox-item {
border-radius: 0;
}
.ma-el-infobox.nine .ma-el-infobox-item {
position: relative;
height: 220px;
-webkit-perspective: 800px;
perspective: 800px;
overflow: visible;
}
.ma-el-infobox.nine .ma-el-infobox-icon,
.ma-el-infobox.nine .ma-el-infobox-content {
position: absolute;
top: 0;
left: 0;
vertical-align: middle;
text-align: center;
display: block;
height: 220px;
width: 100%;
padding: 20px;
overflow: hidden;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.ma-el-infobox.nine .ma-el-infobox-icon {
z-index: 2;
}
.ma-el-infobox.nine .ma-el-infobox-content {
z-index: 1;
opacity: 0;
-webkit-transform: translateY(110px) rotateX(-90deg);
-moz-transform: translateY(110px) rotateX(-90deg);
-ms-transform: translateY(110px) rotateX(-90deg);
-o-transform: translateY(110px) rotateX(-90deg);
transform: translateY(110px) rotateX(-90deg);
}
.ma-el-infobox.nine .ma-el-infobox-icon .inner-content,
.ma-el-infobox.nine .ma-el-infobox-content .inner-content {
display: block;
position: absolute;
top: 50%;
left: 20px;
right: 20px;
margin: 0 auto;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.ma-el-infobox.nine .ma-el-infobox-icon i {
font-size: 3rem;
color: #e8156e;
}
.ma-el-infobox.eight .ma-el-infobox-item:hover .ma-el-infobox-content-title,
.ma-el-infobox.eight .ma-el-infobox-item:hover .ma-el-infobox-content-description,
.ma-el-infobox.nine .ma-el-infobox-item:hover .ma-el-infobox-content-title,
.ma-el-infobox.nine .ma-el-infobox-item:hover .ma-el-infobox-content-description,
.ma-el-infobox.five .ma-el-infobox-item .ma-el-infobox-icon i,
.ma-el-infobox.ten .ma-el-infobox-item:hover .ma-el-infobox-icon i {
color: #fff;
}
.ma-el-infobox.nine .ma-el-infobox-item .ma-el-infobox-content-title {
margin-top: 0.875rem;
}
.ma-el-infobox.nine .ma-el-infobox-item:hover .ma-el-infobox-icon,
.ma-el-infobox.nine .ma-el-infobox-item:focus .ma-el-infobox-icon,
.ma-el-infobox.nine .ma-el-infobox-item:active .ma-el-infobox-icon {
opacity: 0;
-webkit-transform: translateY(-110px) rotateX(90deg);
-moz-transform: translateY(-110px) rotateX(90deg);
-ms-transform: translateY(-110px) rotateX(90deg);
-o-transform: translateY(-110px) rotateX(90deg);
transform: translateY(-110px) rotateX(90deg);
}
.ma-el-infobox.nine .ma-el-infobox-item:hover .ma-el-infobox-content,
.ma-el-infobox.nine .ma-el-infobox-item:focus .ma-el-infobox-content,
.ma-el-infobox.nine .ma-el-infobox-item:active .ma-el-infobox-content {
opacity: 1;
-webkit-transform: rotateX(0);
-moz-transform: rotateX(0);
-ms-transform: rotateX(0);
-o-transform: rotateX(0);
transform: rotateX(0);
}
.ma-el-infobox.ten .ma-el-infobox-item {
border: 1px solid #e2e7ea;
margin-top: 57px;
text-align: center;
}
.ma-el-infobox.ten .ma-el-infobox-icon {
background: #fff;
border: 1px solid transparent;
border-radius: 10px;
border-top-color: #e2e7ea;
border-bottom-color: #e2e7ea;
height: 90px;
width: 58px;
margin: -75px auto 0;
position: relative;
transform: rotate(30deg);
}
.ma-el-infobox.ten .ma-el-infobox-icon:before,
.ma-el-infobox.ten .ma-el-infobox-icon:after {
content: "";
border: inherit;
position: absolute;
top: -1px;
left: -1px;
background: inherit;
border-radius: inherit;
height: 100%;
width: 100%;
box-sizing: content-box;
}
.ma-el-infobox.ten .ma-el-infobox-icon:before {
transform: rotate(60deg);
}
.ma-el-infobox.ten .ma-el-infobox-icon:after {
transform: rotate(-60deg);
}
.ma-el-infobox.ten .ma-el-infobox-icon i {
font-size: 2rem;
height: 100%;
width: 100%;
line-height: 90px;
left: 0;
top: 0;
position: absolute;
z-index: 1;
transform: rotate(-30deg);
}
.ma-el-infobox.ten .ma-el-infobox-content {
text-align: center;
}
/* MA InfoBox End */
/* Progressbars Start */
.ma-el-stats-bars {
clear: both;
}
.ma-el-stats-bars .ma-el-stats-bar {
width: 100%;
display: block;
margin: 0 0 18px;
overflow: hidden;
}
.ma-el-stats-bars .ma-el-stats-bar .ma-el-stats-title {
margin: 0;
display: block;
color: #888;
font-style: normal;
font-size: 15px;
text-transform: none;
color: #333;
font-size: 16px;
line-height: 28px;
}
.ma-el-stats-bars .ma-el-stats-bar .ma-el-stats-title span {
margin-left: 5px;
}
.ma-el-dark-bg .ma-el-stats-bars .ma-el-stats-bar .ma-el-stats-title {
color: #ddd;
}
.ma-el-stats-bars .ma-el-stats-bar .ma-el-stats-bar-wrap {
position: relative;
}
.ma-el-stats-bars .ma-el-stats-bar .ma-el-stats-bar-content {
background: #e55a54;
display: block;
height: 10px;
width: 0;
position: relative;
z-index: 1;
border-radius: 5px;
}
.ma-el-stats-bars .ma-el-stats-bar .ma-el-stats-bar-bg {
width: 100%;
background: rgba(0, 0, 0, 0.1);
height: 10px;
display: block;
margin-top: -10px;
border-radius: 5px;
}
.ma-el-dark-bg .ma-el-stats-bars .ma-el-stats-bar .ma-el-stats-bar-bg {
background: rgba(255, 255, 255, 0.1);
}
/* Progressbars End */
/* Master Addons: Countdown Timer Start */
.ma-el-widget-countdown .ma-el-countdown-wrapper {
position: relative;
}
.ma-el-widget-countdown .ma-el-countdown-wrapper .ma-el-countdown-value {
font-size: 4.5em;
font-weight: bold;
}
.ma-el-widget-countdown .ma-el-countdown-wrapper .ma-el-countdown-title {
font-size: 0.875em;
font-weight: 500;
color: #888;
}
.ma-el-widget-countdown .ma-el-countdown-wrapper.ma-el-countdown-inline,
.ma-el-widget-countdown .ma-el-countdown-wrapper.ma-el-countdown-inline-table {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-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;
}
.ma-el-widget-countdown .ma-el-countdown-wrapper.ma-el-countdown-inline .ma-el-countdown-item,
.ma-el-widget-countdown .ma-el-countdown-wrapper.ma-el-countdown-inline-table .ma-el-countdown-item {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding: 0.9375em 1.875em;
}
.ma-el-widget-countdown .ma-el-countdown-wrapper.ma-el-countdown-inline .ma-el-countdown-seperator,
.ma-el-widget-countdown .ma-el-countdown-wrapper.ma-el-countdown-inline-table .ma-el-countdown-seperator {
padding: 0.9375em;
}
.ma-el-widget-countdown .ma-el-countdown-wrapper.ma-el-countdown-inline-table .ma-el-countdown-item {
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
.ma-el-widget-countdown .ma-el-countdown-wrapper.ma-el-countdown-block,
.ma-el-widget-countdown .ma-el-countdown-wrapper.ma-el-countdown-block-table {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-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;
}
.ma-el-widget-countdown .ma-el-countdown-wrapper.ma-el-countdown-block .ma-el-countdown-item,
.ma-el-widget-countdown .ma-el-countdown-wrapper.ma-el-countdown-block-table .ma-el-countdown-item {
text-align: center;
padding: 1.875em;
}
.ma-el-widget-countdown .ma-el-countdown-wrapper.ma-el-countdown-block .ma-el-countdown-title,
.ma-el-widget-countdown .ma-el-countdown-wrapper.ma-el-countdown-block .ma-el-countdown-value,
.ma-el-widget-countdown .ma-el-countdown-wrapper.ma-el-countdown-block-table .ma-el-countdown-title,
.ma-el-widget-countdown .ma-el-countdown-wrapper.ma-el-countdown-block-table .ma-el-countdown-value {
display: block;
}
.ma-el-widget-countdown .ma-el-countdown-wrapper.ma-el-countdown-block-table .ma-el-countdown-item,
.ma-el-widget-countdown .ma-el-countdown-wrapper.ma-el-countdown-block-table .ma-el-countdown-seperator {
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
text-align: center;
}
/* Master Addons: Countdown Timer End
/* MA Flipbox start */
.ma-el-flip-box {
-webkit-perspective: 1000px;
perspective: 1000px;
background-color: transparent;
width: 100%;
text-align: center;
}
.ma-el-flip-box-wrapper {
display: inline-block;
width: 100%;
-webkit-perspective: 1000px;
perspective: 1000px;
}
.ma-el-flip-box-inner {
width: 100%;
height: 200px;
position: relative;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.ma-el-flip-box-inner .ma-el-flip-box-front,
.ma-el-flip-box-inner .ma-el-flip-box-back {
border-radius: 5px;
box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
text-align: center;
padding: 1.875rem;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: all 0.6s ease 0s;
-moz-transition: all 0.6s ease 0s;
-ms-transition: all 0.6s ease 0s;
-o-transition: all 0.6s ease 0s;
transition: all 0.6s ease 0s;
}
.ma-el-flip-box-front {
z-index: 2;
}
.ma-el-flip-box-back {
z-index: 1;
}
.ma-el-fb-animate-vertical .ma-el-flip-box-inner .ma-el-flip-box-front {
-webkit-transform: perspective(1000px) rotateX(0deg);
-ms-transform: perspective(1000px) rotateX(0deg);
transform: perspective(1000px) rotateX(0deg);
}
.ma-el-fb-animate-vertical .ma-el-flip-box-inner .ma-el-flip-box-back {
-webkit-transform: perspective(1000px) rotateX(180deg);
transform: perspective(1000px) rotateX(180deg);
-ms-transform: perspective(1000px) rotateX(180deg);
}
.ma-el-fb-animate-vertical .ma-el-flip-box-inner:hover .ma-el-flip-box-front {
-webkit-transform: perspective(1000px) rotateX(180deg);
transform: perspective(1000px) rotateX(180deg);
-ms-transform: perspective(1000px) rotateX(180deg);
}
.ma-el-fb-animate-vertical .ma-el-flip-box-inner:hover .ma-el-flip-box-back {
-webkit-transform: perspective(1000px) rotateX(0deg);
transform: perspective(1000px) rotateX(0deg);
-ms-transform: perspective(1000px) rotateX(0deg);
}
.ma-el-fb-animate-horizontal .ma-el-flip-box-inner .ma-el-flip-box-front {
-webkit-transform: perspective(1000px) rotateY(0deg);
transform: perspective(1000px) rotateY(0deg);
-ms-transform: perspective(1000px) rotateY(0deg);
}
.ma-el-fb-animate-horizontal .ma-el-flip-box-inner .ma-el-flip-box-back {
-webkit-transform: perspective(1000px) rotateY(180deg);
transform: perspective(1000px) rotateY(180deg);
-ms-transform: perspective(1000px) rotateY(180deg);
}
.ma-el-fb-animate-horizontal .ma-el-flip-box-inner:hover .ma-el-flip-box-front {
-webkit-transform: perspective(1000px) rotateY(180deg);
transform: perspective(1000px) rotateY(180deg);
-ms-transform: perspective(1000px) rotateY(180deg);
}
.ma-el-fb-animate-horizontal .ma-el-flip-box-inner:hover .ma-el-flip-box-back {
-webkit-transform: perspective(1000px) rotateY(0deg);
transform: perspective(1000px) rotateY(0deg);
-ms-transform: perspective(1000px) rotateY(0deg);
}
.ma-el-fb-animate-flip.fade {
opacity: 1;
}
.ma-el-fb-animate-fade .ma-el-flip-box-inner .ma-el-flip-box-front {
opacity: 1;
}
.ma-el-fb-animate-fade .ma-el-flip-box-inner .ma-el-flip-box-back {
opacity: 0;
}
.ma-el-fb-animate-fade .ma-el-flip-box-inner:hover .ma-el-flip-box-front {
opacity: 0;
}
.ma-el-fb-animate-fade .ma-el-flip-box-inner:hover .ma-el-flip-box-back {
opacity: 1;
}
.ma-el-flip-box-wrapper:hover .ma-el-flip-box-back,
.ma-el-flip-box-wrapper:focus .ma-el-flip-box-back {
z-index: 2;
}
.ma-el-flip-box-wrapper:hover .ma-el-flip-box-front,
.ma-el-flip-box-wrapper:focus .ma-el-flip-box-front {
z-index: 1;
}
.fade .ma-el-flip-box-wrapper .ma-el-flip-box-front {
opacity: 1;
transition: 1s;
}
.fade .ma-el-flip-box-wrapper .ma-el-flip-box-back {
opacity: 0;
transition: 1s;
}
.fade .ma-el-flip-box-wrapper:hover .ma-el-flip-box-front,
.fade .ma-el-flip-box-wrapper:focus .ma-el-flip-box-front {
opacity: 0;
}
.fade .ma-el-flip-box-wrapper:hover .ma-el-flip-box-back,
.fade .ma-el-flip-box-wrapper:focus .ma-el-flip-box-back {
opacity: 1;
}
.ma-el-fb-animate-flip .ma-el-flip-box-wrapper {
perspective: 1000px;
}
.ma-el-fb-animate-flip .ma-el-flip-box-inner {
transform-style: preserve-3d;
transform: rotateX(0) rotateY(0) rotateZ(0);
transition: 1s;
}
.ma-el-fb-animate-flip .ma-el-flip-box-front {
transform: translate3d(0, 0, 1px);
}
.ma-el-fb-animate-flip .ma-el-flip-box-back {
transform: rotateY(180deg) translate3d(0, 0, 0);
}
.ma-el-fb-animate-flip .ma-el-flip-box-wrapper:hover .ma-el-flip-box-inner,
.ma-el-fb-animate-flip .ma-el-flip-box-wrapper:focus .ma-el-flip-box-inner {
transform: rotateY(180deg);
}
.up .ma-el-flip-box-front {
transform: translate3d(0, 0, 1px);
}
.up .ma-el-flip-box-back {
transform: rotateX(180deg) translate3d(0, 0, 0);
}
.up .ma-el-flip-box-wrapper:hover .ma-el-flip-box-inner,
.up .ma-el-flip-box-wrapper:focus .ma-el-flip-box-inner {
transform: rotateX(180deg);
}
.box .ma-el-flip-box-front {
transform: translate3d(0, 0, 100px) scale(0.85, 0.85);
}
.box .ma-el-flip-box-back {
transform: rotateY(180deg) translate3d(0, 0, 100px) scale(0.85, 0.85);
}
.box.up .ma-el-flip-box-back {
transform: rotateX(180deg) translate3d(0, 0, 100px) scale(0.85, 0.85);
}
.hideback .ma-el-flip-box-front,
.hideback .ma-el-flip-box-back {
backface-visibility: hidden;
}
.ma-el-flip-box-wrapper .ma-el-flip-box-back .flipbox-content .ma-el-fb-button {
background: #4b00e7;
color: #fff;
display: inline-block;
font-size: 13px;
padding: 5px 8px;
}
.ma-el-fb-animate-nananana .ma-el-flip-box-wrapper:hover .ma-el-flip-box-front,
.ma-el-fb-animate-nananana .ma-el-flip-box-wrapper:focus .ma-el-flip-box-front {
z-index: 10;
animation: batman 1s 2 alternate linear;
}
/* Cube Animation */
/*.ma-el-fb-animate-flipcard .ma-el-flip-box-front, .ma-el-fb-animate-flipcard .ma-el-flip-box-back{*/
/*transition: transform 0.4s ease;*/
/*transform-origin: center center -150px;*/
/*-webkit-transform-origin: center center -150px;*/
/*}*/
/* top to down */
.flipcard-rotate-top-down .ma-el-flip-box-front {
transform: perspective(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
}
.flipcard-rotate-top-down .ma-el-flip-box-back {
transform: perspective(0px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);
}
.ma-el-fb-animate-flipcard.flipcard-rotate-top-down .ma-el-flip-box-wrapper:hover .ma-el-flip-box-front {
transform: perspective(0px) rotateX(-90deg) rotateY(0) rotateZ(0deg);
}
.ma-el-fb-animate-flipcard.flipcard-rotate-top-down .ma-el-flip-box-wrapper:hover .ma-el-flip-box-back {
z-index: 99999;
transform: perspective(0px) rotateX(0deg) rotateY(0deg) rotateZ(0);
}
/* down to top */
.flipcard-rotate-down-top .ma-el-flip-box-front {
transform: perspective(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
}
.flipcard-rotate-down-top .ma-el-flip-box-back {
transform: perspective(0px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg);
}
.ma-el-fb-animate-flipcard.flipcard-rotate-down-top .ma-el-flip-box-wrapper:hover .ma-el-flip-box-front {
transform: perspective(0px) rotateX(90deg) rotateY(0) rotateZ(0deg);
}
.ma-el-fb-animate-flipcard.flipcard-rotate-down-top .ma-el-flip-box-wrapper:hover .ma-el-flip-box-back {
z-index: 99999;
transform: perspective(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
}
/* left to right */
.flipcard-rotate-left-right .ma-el-flip-box-front {
transform: perspective(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
}
.flipcard-rotate-left-right .ma-el-flip-box-back {
transform: perspective(0px) rotateX(0deg) rotateY(-90deg) rotateZ(0deg);
}
.ma-el-fb-animate-flipcard.flipcard-rotate-left-right .ma-el-flip-box-wrapper:hover .ma-el-flip-box-front {
transform: perspective(0px) rotateX(0deg) rotateY(90deg) rotateZ(0deg);
}
.ma-el-fb-animate-flipcard.flipcard-rotate-left-right .ma-el-flip-box-wrapper:hover .ma-el-flip-box-back {
z-index: 99999;
transform: perspective(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
}
/* right to left */
.flipcard-rotate-right-left .ma-el-flip-box-front {
transform: perspective(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
}
.flipcard-rotate-right-left .ma-el-flip-box-back {
transform: perspective(0px) rotateX(0deg) rotateY(95deg) rotateZ(0deg);
}
.ma-el-fb-animate-flipcard.flipcard-rotate-right-left .ma-el-flip-box-wrapper:hover .ma-el-flip-box-front {
transform: perspective(0px) rotateX(0deg) rotateY(-95deg) rotateZ(0deg);
}
.ma-el-fb-animate-flipcard.flipcard-rotate-right-left .ma-el-flip-box-wrapper:hover .ma-el-flip-box-back {
z-index: 99999;
transform: perspective(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
}
@keyframes batman {
0% {
transform: scale(1, 1) rotateZ(0);
}
100% {
transform: scale(0, 0) rotateZ(720deg);
opacity: 0;
}
}
.ma-el-flip-box-front i,
.ma-el-flip-box-back i {
font-size: 32px;
height: 1em;
width: 1em;
}
.ma-el-fb-icon-view-framed {
border: 1px solid #92be43;
}
.ma-el-fb-icon-shape-circle {
border-radius: 50%;
}
.ma-el-flip-box-wrapper .icon-wrapper {
display: inline-block;
padding: 0;
line-height: 1;
}
.ma-el-flip-box-wrapper .front-icon-title,
.ma-el-flip-box-wrapper .back-icon-title {
margin: 10px auto;
color: #fff;
}
.ma-el-flip-box-wrapper .flipbox-content {
display: block;
position: relative;
top: 50%;
transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
.flipbox-content p {
margin-bottom: 10px;
}
.ma-el-fb-button {
display: inline-block;
padding: 5px 10px;
}
.ma-el-flip-box-back {
background: #4b00e7;
}
@media only screen and (max-width: 768px) {
.flipbox-content,
.ma-el-flip-box-front,
.ma-el-flip-box-back {
cursor: pointer;
overflow: visible !important;
transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
}
}
/* New Styles */
.ma-el-fb-animate-left-to-right .ma-el-flip-box-wrapper {
-webkit-perspective: 1000px;
perspective: 1000px;
}
.elementor-widget-ma-flipbox .ma-el-flip-box-wrapper .ma-el-flip-box-inner {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
transition: -webkit-transform 0.6s;
transition: transform 0.6s;
}
.elementor-widget-ma-flipbox .ma-el-flip-box-wrapper .ma-el-flip-box-front {
transition: all 0.6s ease;
}
/* Left to Right */
.ma-el-fb-animate-left-to-right .ma-el-flip-box-wrapper .ma-el-flip-box-back {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.ma-el-fb-animate-left-to-right .ma-el-flip-box-wrapper:hover .ma-el-flip-box-inner {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
/* Right to Left */
.ma-el-fb-animate-right-to-left .ma-el-flip-box-wrapper .ma-el-flip-box-back {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
}
.ma-el-fb-animate-right-to-left .ma-el-flip-box-wrapper:hover .ma-el-flip-box-inner {
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
}
/* Top to Bottom */
.ma-el-fb-animate-top-to-bottom .ma-el-flip-box-wrapper .ma-el-flip-box-back {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.ma-el-fb-animate-top-to-bottom .ma-el-flip-box-wrapper:hover .ma-el-flip-box-inner {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
/* Bottom to Top */
.ma-el-fb-animate-bottom-to-top .ma-el-flip-box-wrapper .ma-el-flip-box-back {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
}
.ma-el-fb-animate-bottom-to-top .ma-el-flip-box-wrapper:hover .ma-el-flip-box-inner {
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
}
/* Diagonal Top to Bottom */
.ma-el-fb-animate-top-to-bottom-angle .ma-el-flip-box-wrapper .ma-el-flip-box-back {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: rotate3d(1, 1, 0, -180deg);
transform: rotate3d(1, 1, 0, -180deg);
}
.ma-el-fb-animate-top-to-bottom-angle .ma-el-flip-box-wrapper:hover .ma-el-flip-box-inner {
-webkit-transform: rotate3d(1, 1, 0, -180deg);
transform: rotate3d(1, 1, 0, -180deg);
}
/* Diagonal Bottom to Top */
.ma-el-fb-animate-bottom-to-top-angle .ma-el-flip-box-wrapper .ma-el-flip-box-back {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: rotate3d(1, 1, 0, 180deg);
transform: rotate3d(1, 1, 0, 180deg);
}
.ma-el-fb-animate-bottom-to-top-angle .ma-el-flip-box-wrapper:hover .ma-el-flip-box-inner {
-webkit-transform: rotate3d(1, 1, 0, 180deg);
transform: rotate3d(1, 1, 0, 180deg);
}
/* Fade In Out */
.ma-el-fb-animate-fade-in-out .ma-el-flip-box-wrapper:hover .ma-el-flip-box-front,
.ma-el-fb-animate-fade-in-out .ma-el-flip-box-wrapper .ma-el-flip-box-back {
opacity: 0;
-webkit-transform: scale(0.5);
transform: scale(0.5);
z-index: 2;
}
.ma-el-fb-animate-fade-in-out .ma-el-flip-box-wrapper:hover .ma-el-flip-box-back {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
z-index: 3;
}
/* Flipbox Design Layouts */
.ma-el-flip-box-wrapper [class*="icon-title"] {
color: #393c3f;
font-size: 1rem;
font-weight: 700;
}
.ma-el-flip-box-wrapper.one .ma-el-flip-box-front {
background-color: #fff;
}
.ma-el-flip-box-wrapper .ma-el-fb-button {
cursor: pointer;
}
.ma-el-flip-box-wrapper.one .ma-el-flip-box-front,
.ma-el-flip-box-wrapper.one .ma-el-flip-box-back {
text-align: left;
}
.ma-el-flip-box-wrapper.one .ma-el-flip-box-back p {
font-size: 15px;
line-height: 23px;
}
.ma-el-flip-box-wrapper.two .ma-el-flip-box-front {
padding: 0;
}
.ma-el-flip-box-wrapper.three {
position: relative;
margin: 50px 0;
}
.ma-el-flip-box-wrapper.three .ma-el-flip-box-front,
.ma-el-flip-box-wrapper.three .ma-el-flip-box-back {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.ma-el-flip-box-wrapper.three .ma-el-flip-box-front {
transform: rotate(-20deg) skewX(-20deg);
}
.ma-el-flip-box-wrapper.three .ma-el-flip-box-front .flipbox-content {
transform: translateY(-50%) rotate(18deg) skewX(18deg);
}
.ma-el-flip-box-wrapper.three:hover .ma-el-flip-box-back {
padding: 1.875rem 15px;
transform: rotate(20deg) skewX(20deg);
}
.ma-el-flip-box-wrapper.three .ma-el-flip-box-back .flipbox-content {
transform: translateY(-50%) rotate(-18deg) skewX(-18deg);
}
/* 3D Flipbox */
.ma-el-fb-animate-flip3d {
position: relative;
-webkit-perspective: 1000px;
perspective: 1000px;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.ma-el-fb-animate-flip3d .ma-el-flip-box-front,
.ma-el-fb-animate-flip3d .ma-el-flip-box-back {
box-shadow: inset 0 0 30px 0 rgba(0, 0, 0, 0.1);
position: absolute;
width: 100%;
height: 100%;
background-color: #6ec1e4;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: all 0.7s cubic-bezier(0.5, 0.2, 0.2, 0.8);
-moz-transition: all 0.7s cubic-bezier(0.5, 0.2, 0.2, 0.8);
-ms-transition: all 0.7s cubic-bezier(0.5, 0.2, 0.2, 0.8);
-o-transition: all 0.7s cubic-bezier(0.5, 0.2, 0.2, 0.8);
transition: all 0.7s cubic-bezier(0.5, 0.2, 0.2, 0.8);
}
.ma-el-fb-animate-flip3d .ma-el-flip-box-front {
-webkit-transform: none;
-ms-transform: none;
transform: none;
z-index: 1;
}
.ma-el-fb-animate-flip3d .ma-el-flip-box-front:before,
.ma-el-fb-animate-flip3d .ma-el-flip-box-back:before {
content: "";
width: 100%;
height: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: translateZ(0.1px);
transform: translateZ(0.1px);
}
.ma-el-fb-animate-flip3d .ma-el-flip-box-front .flipbox-content,
.ma-el-fb-animate-flip3d .ma-el-flip-box-back .flipbox-content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 1.875rem;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translate3d(0px, 0px, 70px) scale(0.9);
-moz-transform: translate3d(0px, 0px, 70px) scale(0.9);
-o-transform: translate3d(0px, 0px, 70px) scale(0.9);
-ms-transform: translate3d(0px, 0px, 70px) scale(0.9);
transform: translate3d(0px, 0px, 70px) scale(0.9);
}
.ma-el-fb-animate-flip3d:hover .ma-el-flip-box-front {
-webkit-transform: rotateX(0) rotateY(180deg);
transform: rotateX(0) rotateY(180deg);
}
.ma-el-fb-animate-flip3d .ma-el-flip-box-back {
-webkit-transform: rotateX(0) rotateY(-180deg);
transform: rotateX(0) rotateY(-180deg);
}
.ma-el-fb-animate-flip3d:hover .ma-el-flip-box-back,
.ma-el-fb-animate-flip3d:hover .flip_3d_right .ma-el-flip-box-back,
.ma-el-fb-animate-flip3d:hover .flip_3d_top .ma-el-flip-box-back,
.ma-el-fb-animate-flip3d:hover .flip_3d_bottom .ma-el-flip-box-back {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.ma-el-fb-animate-flip3d:hover .flip_3d_right .ma-el-flip-box-front {
-webkit-transform: rotateX(0) rotateY(-180deg);
transform: rotateX(0) rotateY(-180deg);
}
.ma-el-fb-animate-flip3d .flip_3d_right .ma-el-flip-box-back {
-webkit-transform: rotateX(0) rotateY(180deg);
transform: rotateX(0) rotateY(180deg);
}
.ma-el-fb-animate-flip3d:hover .flip_3d_top .ma-el-flip-box-front {
-webkit-transform: rotateX(-180deg) rotateY(0);
transform: rotateX(-180deg) rotateY(0);
}
.ma-el-fb-animate-flip3d .flip_3d_top .ma-el-flip-box-back {
-webkit-transform: rotateX(180deg) rotateY(0);
transform: rotateX(180deg) rotateY(0);
}
.ma-el-fb-animate-flip3d:hover .flip_3d_bottom .ma-el-flip-box-front {
-webkit-transform: rotateX(180deg) rotateY(0);
transform: rotateX(180deg) rotateY(0);
}
.ma-el-fb-animate-flip3d .flip_3d_bottom .ma-el-flip-box-back {
-webkit-transform: rotateX(-180deg) rotateY(0);
transform: rotateX(-180deg) rotateY(0);
}
/* MA Flipbox end */
/* MA PieCharts */
.ma-el-piecharts {
clear: both;
}
.ma-el-piechart {
position: relative;
text-align: center;
float: left;
overflow: hidden;
float: left;
padding: 10px;
}
.ma-el-piechart canvas {
position: relative;
top: 0;
left: 0;
max-width: 100%;
margin: 0 auto;
}
.ma-el-piechart .ma-el-label {
text-align: center;
position: absolute;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
top: 55%;
max-width: 65%;
color: #888;
}
.ma-el-dark-bg .ma-el-piechart .ma-el-label {
color: #909090;
}
.ma-el-piechart .ma-el-percentage span {
position: absolute;
top: 25%;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
font-size: 60px;
line-height: 60px;
font-weight: 300;
text-align: center;
color: #333;
font-weight: bolder;
}
.ma-el-dark-bg .ma-el-piechart .ma-el-percentage span {
color: #e5e5e5;
}
.ma-el-piechart .ma-el-percentage sup {
font-size: 18px;
vertical-align: middle;
}
.ma-el-piechart.dark-bg .ma-el-label {
color: #fff;
}
.ma-el-piechart.dark-bg .ma-el-percentage span {
color: #eee;
}
@media only screen and (max-width: 479px) {
.ma-el-piechart canvas {
margin-bottom: 15px;
}
}
/* ---------------------------------- Odometers/Counters ---------------------------------- */
.odometer.odometer-auto-theme,
.odometer.odometer-theme-default {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
position: relative;
}
.odometer.odometer-auto-theme .odometer-digit,
.odometer.odometer-theme-default .odometer-digit {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
position: relative;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,
.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,
.odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
text-align: left;
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
display: block;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
display: block;
-webkit-backface-visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value,
.odometer.odometer-theme-default .odometer-digit .odometer-value {
display: block;
-webkit-transform: translateZ(0);
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,
.odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
position: absolute;
}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
-webkit-transition: -webkit-transform 2s;
transition: -webkit-transform 2s;
transition: transform 2s;
transition: transform 2s, -webkit-transform 2s;
}
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
-webkit-transition: -webkit-transform 2s;
transition: -webkit-transform 2s;
transition: transform 2s;
transition: transform 2s, -webkit-transform 2s;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.odometer.odometer-auto-theme,
.odometer.odometer-theme-default {
font-family: "Helvetica Neue", sans-serif;
line-height: 1.1em;
}
.odometer.odometer-auto-theme .odometer-value,
.odometer.odometer-theme-default .odometer-value {
text-align: center;
}
/* --- Animate Numbers ---- */
.ma-el-odometers {
clear: both;
font-size: 0;
/* inline-block hack */
}
.ma-el-odometers .ma-el-odometer {
display: inline-block;
vertical-align: top;
text-align: left;
position: relative;
margin-bottom: 50px;
}
.ma-el-odometers .ma-el-odometer:last-child:after {
border: none;
}
.ma-el-odometers .ma-el-odometer .ma-el-prefix,
.ma-el-odometers .ma-el-odometer .ma-el-suffix {
display: inline;
font-size: 36px;
line-height: 48px;
color: #333;
vertical-align: middle;
}
.ma-el-dark-bg .ma-el-odometers .ma-el-odometer .ma-el-prefix,
.ma-el-dark-bg .ma-el-odometers .ma-el-odometer .ma-el-suffix {
color: #e5e5e5;
}
.ma-el-odometers .ma-el-odometer .ma-el-prefix {
margin-right: 5px;
margin-left: 5px;
}
.ma-el-odometers .ma-el-odometer .ma-el-suffix {
margin-left: 5px;
}
.ma-el-odometers .ma-el-odometer .ma-el-number {
font-size: 60px;
line-height: 72px;
font-style: normal;
text-transform: none;
letter-spacing: 2px;
font-weight: 900;
color: #333;
margin-bottom: 10px;
}
.ma-el-odometers .ma-el-odometer .ma-el-number span {
font-size: 60px;
}
.ma-el-dark-bg .ma-el-odometers .ma-el-odometer .ma-el-number {
color: #e5e5e5;
}
.ma-el-odometers .ma-el-odometer .ma-el-stats-title {
font-size: 18px;
line-height: 28px;
display: inline-block;
color: #888;
}
.ma-el-dark-bg .ma-el-odometers .ma-el-odometer .ma-el-stats-title {
color: #909090;
}
.ma-el-odometers .ma-el-odometer .ma-el-stats-title span {
float: left;
margin-right: 15px;
}
.ma-el-odometers .ma-el-odometer .ma-el-stats-title .ma-el-icon-wrapper {
font-size: 32px;
margin-right: 10px;
vertical-align: middle;
color: #ccc;
}
@media only screen and (max-width: 960px) {
.ma-el-odometers .ma-el-odometer .ma-el-number {
font-size: 48px;
line-height: 56px;
margin-bottom: 0;
}
.ma-el-odometers .ma-el-odometer .ma-el-number span {
font-size: 48px;
}
.ma-el-odometers .ma-el-odometer .ma-el-stats-title {
font-size: 15px;
line-height: 26px;
}
}
@media only screen and (max-width: 479px) {
.ma-el-odometers .ma-el-odometer {
text-align: center;
}
}
/* CONTACT FORM STYLES */
.ma-cf input {
font-size: 14px;
}
.ma-cf form input[type="text"],
.ma-cf form input[type="email"],
.ma-cf form input[type="url"],
.ma-cf form input[type="password"],
.ma-cf form input[type="search"],
.ma-cf form input[type="number"],
.ma-cf form input[type="tel"],
.ma-cf form input[type="range"],
.ma-cf form input[type="date"],
.ma-cf form input[type="month"],
.ma-cf form input[type="week"],
.ma-cf form input[type="time"],
.ma-cf form input[type="datetime"],
.ma-cf form input[type="datetime-local"],
.ma-cf form input[type="color"],
.ma-cf form textarea {
width: 100%;
}
.ma-cf input:focus,
.ma-cf textarea:focus,
.ma-el-caldera-form .caldera-grid .form-control:focus {
border-color: inherit;
box-shadow: none;
outline: 0 !important;
}
.ma-cf textarea {
min-height: 150px;
max-height: 150px;
}
.ma-cf {
padding: 0;
}
.ma-cf ul li {
list-style: none;
}
.ma-cf form p {
position: relative;
}
.ma-cf form p br {
display: none;
}
.ma-cf label,
.ma-cf.ma-el-wpforms .wpforms-form .wpforms-field-container .wpforms-field-label,
.ma-el-caldera-form .caldera-grid label,
.caldera-grid span,
.ma-el-ninja-form.ma-cf label {
display: block;
color: #78909c;
font-size: 13px;
font-weight: 400;
}
.ma-cf input,
.ma-cf textarea,
.ma-cf.ma-el-wpforms .wpforms-form .wpforms-field-container input,
.ma-cf.ma-el-wpforms .wpforms-form .wpforms-field-container textarea,
.ma-el-caldera-form .caldera-grid .form-control,
.ma-el-ninja-form.ma-cf .nf-form-content .ninja-forms-field {
background-color: #fff;
border-color: #e2e7ea;
border-radius: 5px;
box-shadow: none;
font-size: 16px;
margin-bottom: 10px;
min-height: 60px;
}
.ma-cf [type="submit"],
.ma-cf.ma-el-wpforms .wpforms-form [type="submit"],
.ma-el-caldera-form .caldera-grid [type="button"],
.ma-el-ninja-form.ma-cf .nf-form-content [type="button"] {
background: #4b00e7;
border: 1px solid #4b00e7;
border-radius: 5px;
color: #fff;
}
.ma-cf [type="submit"]:hover,
.ma-cf.ma-el-wpforms .wpforms-form [type="submit"]:hover,
.ma-el-caldera-form .caldera-grid [type="button"]:hover,
.ma-el-ninja-form.ma-cf .nf-form-content [type="button"]:hover {
background: #fff;
color: #4b00e7;
}
.ma-cf input::-webkit-input-placeholder,
.ma-cf input::-moz-placeholder,
.ma-cf input:-ms-input-placeholder,
.ma-cf textarea::-webkit-input-placeholder,
.ma-cf textarea::-moz-placeholder,
.ma-cf textarea:-ms-input-placeholder {
color: #78909c;
}
.ma-cf input[type="submit"] {
margin-top: 1.5em;
text-transform: uppercase;
}
.ma-cf-2 input[type="submit"],
.ma-cf-4 input[type="submit"],
.ma-cf-2 .wpforms-form .wpforms-submit-container,
.ma-cf-4 .wpforms-form .wpforms-submit-container,
.ma-cf-2.ma-el-caldera-form .caldera-grid [type="button"],
.ma-cf-4.ma-el-caldera-form .caldera-grid [type="button"],
.ma-el-ninja-form.ma-cf-2 .nf-form-content [type="button"],
.ma-el-ninja-form.ma-cf-4 .nf-form-content [type="button"] {
float: right;
}
.ma-cf-2 label,
.ma-cf-4 label,
.ma-cf-9 label,
.ma-cf-10 label,
.ma-cf-11 label,
.ma-cf-12 label {
/*display: none;*/
}
.ma-cf-3 input,
.ma-cf-3 textarea,
.ma-cf-4 input,
.ma-cf-4 textarea,
.ma-cf.ma-cf-3 .wpuf-form-add.wpuf-style .wpuf-form .wpuf-el .wpuf-fields input,
.ma-cf.ma-cf-3 .wpuf-form-add.wpuf-style .wpuf-form .wpuf-el .wpuf-fields textarea,
.ma-cf.ma-cf-4 .wpuf-form-add.wpuf-style .wpuf-form .wpuf-el .wpuf-fields input,
.ma-cf.ma-cf-4 .wpuf-form-add.wpuf-style .wpuf-form .wpuf-el .wpuf-fields textarea,
.ma-cf.ma-cf-3.ma-el-wpforms .wpforms-form .wpforms-field-container input,
.ma-cf.ma-cf-3.ma-el-wpforms .wpforms-form .wpforms-field-container textarea,
.ma-cf.ma-cf-4.ma-el-wpforms .wpforms-form .wpforms-field-container input,
.ma-cf.ma-cf-4.ma-el-wpforms .wpforms-form .wpforms-field-container textarea,
.ma-cf-3.ma-el-caldera-form .caldera-grid .form-control,
.ma-cf-4.ma-el-caldera-form .caldera-grid .form-control,
.ma-el-ninja-form.ma-cf-3 .nf-form-content .ninja-forms-field,
.ma-el-ninja-form.ma-cf-4 .nf-form-content .ninja-forms-field {
background: #27262e;
color: #fff;
}
.ma-cf-5 label,
.ma-cf-6 label {
position: relative;
padding: 15px 0;
}
.ma-cf-5 label,
.ma-cf-6 label,
.ma-cf-5.ma-el-wpforms .wpforms-form .wpforms-field label,
.ma-cf-6.ma-el-wpforms .wpforms-form .wpforms-field label {
background-color: #fff;
color: #78909c;
left: 3em;
top: -18px;
padding: 5px 10px;
position: absolute;
z-index: 1;
}
.ma-cf-5 form .wpcf7-form-control,
.ma-cf-6 form .wpcf7-form-control {
padding: 15px;
}
.ma-cf-6 input[type="submit"],
.ma-cf-8 input[type="submit"],
.ma-cf-6.ma-el-caldera-form .caldera-grid [type="button"],
.ma-cf-8.ma-el-caldera-form .caldera-grid [type="button"],
.ma-cf-10.ma-el-caldera-form .caldera-grid [type="button"],
.ma-cf-11.ma-el-caldera-form .caldera-grid [type="button"],
.ma-el-ninja-form.ma-cf-6 .submit-container input[type="button"] {
text-align: center;
width: 100%;
}
.ma-cf.ma-cf-6 input:focus,
.ma-cf.ma-cf-6 textarea:focus {
border-color: #4b00e7;
}
.ma-cf-6 form p {
position: relative;
}
.ma-cf-6 form label,
.ma-cf-6.ma-el-wpforms .wpforms-form .wpforms-field label {
position: absolute;
left: 15px;
top: 14px;
transition: font-size 150ms ease-out, -webkit-transform 150ms ease-out;
transition: transform 150ms ease-out, font-size 150ms ease-out;
transition: transform 150ms ease-out, font-size 150ms ease-out, -webkit-transform 150ms ease-out;
}
.ma-cf-6 .focused label {
background-color: #fff;
top: 16px;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.ma-cf-7 label,
.ma-cf-8 label,
.ma-cf-9.ma-el-wpforms .wpforms-form .wpforms-field-container label,
.ma-cf-10.ma-el-wpforms .wpforms-form .wpforms-field-container label,
.ma-cf-11.ma-el-wpforms .wpforms-form .wpforms-field-container label {
/*display: none;*/
}
.ma-cf-7 .wpcf7-form-control,
.ma-cf-8 .wpcf7-form-control,
.ma-cf-7 .wpuf-form-add.wpuf-style .wpuf-form .wpuf-el .wpuf-fields input,
.ma-cf-7 .wpuf-form-add.wpuf-style .wpuf-form .wpuf-el .wpuf-fields textarea,
.ma-cf-8 .wpuf-form-add.wpuf-style .wpuf-form .wpuf-el .wpuf-fields input,
.ma-cf-8 .wpuf-form-add.wpuf-style .wpuf-form .wpuf-el .wpuf-fields textarea,
.ma-cf-7.ma-el-wpforms .wpforms-field-container .wpforms-field input,
.ma-cf-7.ma-el-wpforms .wpforms-field-container .wpforms-field textarea,
.ma-cf-8.ma-el-wpforms .wpforms-field-container .wpforms-field input,
.ma-cf-8.ma-el-wpforms .wpforms-field-container .wpforms-field textarea,
.ma-cf-7.ma-el-caldera-form .caldera-grid .form-control,
.ma-cf-8.ma-el-caldera-form .caldera-grid .form-control,
.ma-el-ninja-form.ma-cf-7 .nf-form-content .nf-field-element .ninja-forms-field,
.ma-el-ninja-form.ma-cf-8 .nf-form-content .nf-field-element .ninja-forms-field {
border: none;
border-radius: 0;
border-bottom: 3px solid #e2e7ea;
}
.ma-cf.ma-cf-7 form [type="submit"],
.ma-cf.ma-cf-8 form [type="submit"],
.ma-cf.ma-cf-7 .wpuf-form-add.wpuf-style .wpuf-form .wpuf-submit [type="submit"],
.ma-cf.ma-cf-8 .wpuf-form-add.wpuf-style .wpuf-form .wpuf-submit [type="submit"],
.ma-cf.ma-cf-7.ma-el-wpforms .wpforms-form [type="submit"],
.ma-cf.ma-cf-8.ma-el-wpforms .wpforms-form [type="submit"],
.ma-cf-7.ma-el-caldera-form .caldera-grid .cf-page-btn-next,
.ma-cf-8.ma-el-caldera-form .caldera-grid .cf-page-btn-next,
.ma-el-ninja-form.ma-cf-7 .nf-form-content .nf-field-element input[type="button"],
.ma-el-ninja-form.ma-cf-8 .nf-form-content .nf-field-element input[type="button"] {
background-color: transparent;
border: none;
color: #4b00e7;
}
.ma-cf-9 input,
.ma-cf-9 textarea,
.ma-cf-10 input,
.ma-cf-10 textarea,
.ma-cf-11 input,
.ma-cf-11 textarea,
.ma-cf-9.ma-el-wpforms .wpforms-field-container .wpforms-field input,
.ma-cf-9.ma-el-wpforms .wpforms-field-container .wpforms-field textarea,
.ma-cf-10.ma-el-wpforms .wpforms-field-container .wpforms-field input,
.ma-cf-10.ma-el-wpforms .wpforms-field-container .wpforms-field textarea,
.ma-cf-9.ma-el-caldera-form .caldera-grid .form-control,
.ma-cf-10.ma-el-caldera-form .caldera-grid .form-control,
.ma-cf-11.ma-el-caldera-form .caldera-grid .form-control,
.ma-el-ninja-form.ma-cf-9 .nf-form-content .nf-field-element .ninja-forms-field,
.ma-el-ninja-form.ma-cf-10 .nf-form-content .nf-field-element .ninja-forms-field,
.ma-el-ninja-form.ma-cf-11 .nf-form-content .nf-field-element .ninja-forms-field {
border-radius: 2em;
padding-left: 25px;
}
.ma-cf-9 .wpcf7-form-control-wrap,
.ma-cf-10 .wpcf7-form-control-wrap,
.ma-cf-11 .wpcf7-form-control-wrap {
position: relative;
}
.ma-cf-10 input[type="submit"],
.ma-cf-10.ma-el-wpforms .wpforms-form .wpforms-submit-container [type="submit"],
.ma-cf-10.ma-el-caldera-form .caldera-grid [type="button"],
.ma-el-ninja-form.ma-cf-10 .nf-form-content .nf-field-element input[type="button"] {
background-image: -moz-linear-gradient(0deg, rgb(243, 61, 130) 0%, rgb(213, 180, 63) 100%);
background-image: -webkit-linear-gradient(0deg, rgb(243, 61, 130) 0%, rgb(213, 180, 63) 100%);
background-image: -ms-linear-gradient(0deg, rgb(243, 61, 130) 0%, rgb(213, 180, 63) 100%);
border: none;
width: 100%;
}
.ma-cf-11 .wpcf7-form-control,
.ma-cf-11.ma-el-wpforms .wpforms-form .wpforms-field-container input,
.ma-cf-11.ma-el-wpforms .wpforms-form .wpforms-field-container textarea {
background-color: transparent;
border: 2px solid #e2e7ea;
border-radius: 2em;
color: #fff;
}
.ma-cf-11 input[type="submit"],
.ma-cf-11.ma-el-wpforms .wpforms-form .wpforms-submit-container [type="submit"],
.ma-cf-11.ma-el-caldera-form .caldera-grid [type="button"],
.ma-el-ninja-form.ma-cf-11 .nf-form-content .nf-field-element input[type="button"] {
background-image: -moz-linear-gradient(0deg, rgb(10, 57, 252) 0%, rgb(213, 0, 137) 100%);
background-image: -webkit-linear-gradient(0deg, rgb(10, 57, 252) 0%, rgb(213, 0, 137) 100%);
background-image: -ms-linear-gradient(0deg, rgb(10, 57, 252) 0%, rgb(213, 0, 137) 100%);
border: none;
width: 100%;
}
.ma-cf-11 input::-webkit-input-placeholder,
.ma-cf-11 input::-moz-placeholder,
.ma-cf-11 input:-ms-input-placeholder,
.ma-cf-11 input:-moz-placeholder,
.ma-cf-11 textarea::-webkit-input-placeholder,
.ma-cf-11 textarea::-moz-placeholder,
.ma-cf-11 textarea:-ms-input-placeholder,
.ma-cf-11 textarea:-moz-placeholder {
color: #fff;
}
/* weForms Start */
.ma-cf .wpuf-form-add.wpuf-style ul,
.ma-cf .wpuf-form-add.wpuf-style ol {
margin: 0;
padding: 0;
}
.ma-cf .wpuf-form-add.wpuf-style li {
list-style: none;
}
.ma-cf .wpuf-form-add.wpuf-style .wpuf-form .wpuf-el .wpuf-fields input,
.ma-cf .wpuf-form-add.wpuf-style .wpuf-form .wpuf-el .wpuf-fields textarea {
background: #fff;
border-color: #e2e7ea;
box-shadow: none;
color: #393c3f;
font-size: 16px;
padding: 15px 20px;
width: 100%;
}
.ma-cf .wpuf-form-add.wpuf-style .wpuf-form .wpuf-submit [type="submit"] {
border: 1px solid #4b00e7;
background-color: #4b00e7;
box-shadow: none;
color: #fff;
text-shadow: none;
}
.ma-cf.ma-cf-4 .wpuf-form-add.wpuf-style .wpuf-form .wpuf-submit [type="submit"] {
background-color: #fefefe;
border-color: #fefefe;
color: #27262f;
}
.wpuf-label {
position: relative;
}
.ma-cf.ma-cf-5 .wpuf-label label {
top: -5px;
}
.ma-cf-6 .wpuf-label label {
top: 24px;
}
.ma-cf-6 .focused label {
top: 28px;
}
.ma-cf.ma-cf-10 .wpuf-form-add.wpuf-style .wpuf-form .wpuf-submit [type="submit"],
.ma-cf.ma-cf-11 .wpuf-form-add.wpuf-style .wpuf-form .wpuf-submit [type="submit"],
.ma-cf-9.ma-el-wpforms .wpforms-form .wpforms-submit-container [type="submit"],
.ma-cf-10.ma-el-wpforms .wpforms-form .wpforms-submit-container [type="submit"],
.ma-cf-11.ma-el-wpforms .wpforms-form .wpforms-submit-container [type="submit"],
.ma-cf-9.ma-el-caldera-form .caldera-grid [type="button"],
.ma-cf-10.ma-el-caldera-form .caldera-grid [type="button"],
.ma-cf-11.ma-el-caldera-form .caldera-grid [type="button"] {
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
border-radius: 2em;
}
/* weForms End */
/* wpForms Starts */
.ma-el-wpforms .wpforms-field-container .wpforms-field-medium {
max-width: inherit !important;
width: 100%;
}
.ma-cf-5.ma-el-wpforms .wpforms-form .wpforms-field,
.ma-cf-6.ma-el-wpforms .wpforms-form .wpforms-field,
.ma-cf-5.ma-el-wpforms .wpforms-field-row-block,
.ma-cf-6.ma-el-wpforms .wpforms-field-row-block {
position: relative;
}
.ma-cf-5.ma-el-wpforms .wpforms-form .wpforms-field label {
top: -3px;
}
.ma-cf-5.ma-el-wpforms .wpforms-field-row-block label.after,
.ma-cf-6.ma-el-wpforms .wpforms-field-row-block label.after {
left: inherit;
right: 20px;
top: -17px;
}
.ma-cf-6.ma-el-wpforms .wpforms-field-row-block label.after {
top: -16px !important;
transform: none !important;
}
.ma-cf-6.ma-el-wpforms .wpforms-form .wpforms-field label {
top: 23px;
}
.ma-cf.ma-cf-8 form .wpforms-submit-container {
text-align: center;
}
/* Caldera Form Starts */
.caldera-grid .btn-block {
background-color: #4b00e7;
color: #fff;
}
.ma-el-caldera-form .caldera-grid .btn-block:hover {
background-color: #4b00e7;
color: #fff;
}
.ma-el-caldera-form .form-group {
display: inline-block;
margin-bottom: 15px;
position: relative;
width: 100%;
}
.intl-tel-input {
margin-bottom: 15px;
}
.ma-el-caldera-form label {
top: -17px;
}
.ma-el-caldera-form select.form-control {
height: 45px;
}
.ma-el-caldera-form .focused label {
top: 17px;
}
.ma-cf-9.ma-el-caldera-form .caldera-grid .form-control,
.ma-cf-10.ma-el-caldera-form .caldera-grid .form-control,
.ma-cf-11.ma-el-caldera-form .caldera-grid .form-control {
padding-left: 45px;
}
.ma-cf-10.ma-el-caldera-form .caldera-grid label,
.ma-cf-10.ma-el-caldera-form .caldera-grid span {
color: #fff;
}
.ma-cf-10.ma-el-caldera-form .caldera-grid [type="button"]:hover,
.ma-cf-11.ma-el-caldera-form .caldera-grid [type="button"]:hover {
color: #fff;
}
.ma-cf-5.ma-el-caldera-form .caldera-grid .cf-upload-file label,
.ma-cf-6.ma-el-caldera-form .caldera-grid .cf-upload-file label {
background-color: transparent;
position: static;
padding: 0;
}
/* Start of Common Form Conditions */
.ma-cf.labels-hide label,
.ma-cf.placeholder-hide label {
display: none;
}
.ma-cf.placeholder-hide input::-webkit-input-placeholder,
.ma-cf.placeholder-hide textarea::-webkit-input-placeholder {
opacity: 0;
visibility: hidden;
}
.ma-cf.placeholder-hide input::-moz-placeholder,
.ma-cf.placeholder-hide textarea::-moz-placeholder {
opacity: 0;
visibility: hidden;
}
.ma-cf.placeholder-hide input:-ms-input-placeholder,
.ma-cf.placeholder-hide textarea:-ms-input-placeholder {
opacity: 0;
visibility: hidden;
}
.ma-cf.placeholder-hide input:-moz-placeholder,
.ma-cf.placeholder-hide textarea:-moz-placeholder {
opacity: 0;
visibility: hidden;
}
/* End of Common Form Conditions */
/* Ninja Form Starts */
.nf-form-fields-required {
display: none;
}
.ma-el-ninja-form.ma-cf-3 .submit-container input[type="button"],
.ma-el-ninja-form.ma-cf-4 .submit-container input[type="button"] {
background: #4b00e7;
}
.ma-el-ninja-form.ma-cf-5 .field-wrap,
.ma-el-ninja-form.ma-cf-6 .field-wrap {
position: relative;
}
.ma-el-ninja-form.ma-cf-5 label {
top: -10px;
}
.ma-el-ninja-form.ma-cf-6 .submit-container input[type="button"],
.ma-el-ninja-form.ma-cf-8 .submit-container input[type="button"] {
text-align: center;
width: 100%;
}
.nf-field-element:after {
min-height: 58px;
line-height: 60px;
width: 60px;
}
.ma-el-ninja-form.ma-cf-6 label {
top: 20px;
}
/* Changelog Start */
.ma-el-changelog h2.changelog-heading {
font-size: 24px;
margin: 50px 0 10px;
}
.ma-el-changelog h3.changelog-title {
font-size: 22px;
}
.ma-el-changelog ul {
margin: 15px 0px;
padding: 0;
list-style: none;
}
.ma-el-changelog ul li {
align-items: flex-start;
display: flex;
font-weight: 300;
}
/* Changelog End */
/* Badges */
.ma-el-label.ma-el-new {
background-color: red;
}
.ma-el-label.ma-el-popular {
background-image: -moz-linear-gradient(0deg, rgb(100, 61, 243) 0%, rgb(155, 63, 213) 100%);
background-image: -webkit-linear-gradient(0deg, rgb(100, 61, 243) 0%, rgb(155, 63, 213) 100%);
background-image: -ms-linear-gradient(0deg, rgb(100, 61, 243) 0%, rgb(155, 63, 213) 100%);
}
.ma-el-label.ma-el-free {
background-color: #13b015;
}
.ma-el-label.ma-el-pro {
background-color: #b013ae;
}
.ma-el-label.ma-el-sale {
background-color: #1345b0;
}
.ma-el-label.ma-el-discount {
background-color: #4b00e7;
}
.ma-el-label.ma-el-added {
background-color: #2ed573;
}
.ma-el-label.ma-el-fixed {
background-color: #f0506e;
}
.ma-el-label.ma-el-updated {
background-color: #1e90ff;
}
.ma-el-label.ma-el-removed {
background-color: #ff4757;
}
.ma-el-label.ma-el-changed {
background-color: #ffa502;
}
.ma-el-label.ma-el-note {
background-color: coral;
}
.ma-el-label.ma-el-info {
background-color: #cce5ff;
}
.ma-el-label.ma-el-language {
background-color: #82589f;
}
.ma-el-label {
margin-right: 20px;
-ms-flex: none;
-webkit-flex: none;
flex: none;
text-align: center;
display: inline-block;
padding: 1px 10px;
background: #8dd438;
line-height: 1.7;
font-size: 0.8rem;
font-weight: 400;
color: #fff;
vertical-align: middle;
white-space: nowrap;
border-radius: 2px;
text-transform: uppercase;
}
/* Badges End */
.elementor-element.ma-el-animated-gradient-yes,
.elementor-element.ma-el-animated-gradient-yes .animated-gradient {
background-size: 400% 400% !important;
-webkit-animation: AnimateGradient 15s ease-in-out infinite;
-moz-animation: AnimateGradient 15s ease-in-out infinite;
animation: AnimateGradient 15s ease-in-out infinite;
}
.animated-gradient {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
@-webkit-keyframes AnimateGradient {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
@-moz-keyframes AnimateGradient {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
@keyframes AnimateGradient {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
/* MA Blog Start */
.ma-el-blog-filter {
clear: both;
margin: auto;
padding: 0px 0px 15px 0px;
text-align: center;
width: auto;
}
.ma-el-blog-filter ul li {
list-style: none;
display: inline-block;
}
.ma-el-blog-filter ul li a {
border: 1px solid #5dd3c7;
border-radius: 3rem;
color: #000;
display: inline-block;
font-size: 1em;
margin: 0 15px 10px 15px;
padding: 10px 25px;
text-decoration: none;
text-transform: capitalize;
}
.ma-el-blog-filter ul li a.active,
.ma-el-blog-filter ul li a:hover {
background-color: #4b00e7;
border-color: #4b00e7;
color: #fff;
}
.ma-el-blog-content-wrapper {
text-align: left;
/*background-color: #f5f5f5;*/
/*margin: 0 15px 20px;*/
margin: 15px 0 20px;
clear: both;
/*padding: 30px;*/
}
.ma-el-blog-content-wrapper .ma-el-blog-inner-container {
display: flex;
}
ul.slick-dots li.slick-active {
color: #4b00e7;
}
.ma-el-blog-pagination {
display: inline-block;
width: 100%;
}
.ma-el-blog-pagination .page-numbers {
display: inline-block;
padding-left: 0;
margin: 20px 0;
border-radius: 4px;
}
.ma-el-blog-pagination .page-numbers li {
display: inline-block;
}
.ma-el-blog-pagination .page-numbers li span,
.ma-el-blog-pagination .page-numbers li a {
background: #fff;
border: none;
border-radius: 0;
color: #b2b2b2;
display: inline-block;
font-size: 16px;
font-style: italic;
/*height: 45px;*/
/*width: 45px;*/
line-height: 45px;
padding: 0 15px;
text-align: center;
text-transform: capitalize;
}
.ma-el-blog-pagination .page-numbers li span.current {
background: #4b00e7;
color: #fff;
}
.ma-el-blog-format-container {
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
width: 55px;
height: 55px;
font-size: 25px;
margin-right: 20px;
text-align: center;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.ma-el-blog-format-link i {
color: #4b00e7;
}
.ma-el-blog-author-thumbnail {
position: relative;
padding: 0 30px;
width: 100%;
top: -10px;
height: 0;
pointer-events: none;
}
.ma-el-blog-author-thumbnail img {
border-radius: 50%;
width: 60px;
pointer-events: all;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.ma-el-blog-post {
float: left;
margin-bottom: 3em;
position: relative;
width: 100%;
}
.ma-el-post-thumbnail img {
border-radius: 5px;
}
.ma-el-post-content {
margin-top: 26px;
}
.ma-el-entry-title {
font-size: 16px;
font-weight: 700;
margin: 0 0 9px;
}
.ma-el-entry-title a {
color: #343434;
}
.ma-el-post-content {
border-radius: 5px;
}
.ma-el-post-content p {
color: #78909c;
display: inline-block;
font-size: 15px;
line-height: 23px;
margin: 8px 0;
width: 100%;
}
.ma-el-post-entry-meta i {
padding-right: 5px;
}
.ma-el-post-btn {
color: #4b00e7;
font-size: 13px;
font-weight: 600;
margin-top: 12px;
}
.ma-el-title-only-post .ma-el-entry-title {
font-size: 18px;
}
.ma-el-post-entry-meta {
color: #b3bfc5;
display: inline-block;
font-size: 13px;
font-weight: 600;
margin: 10px 0 8px;
width: 100%;
}
.ma-el-post-entry-meta a {
color: #b3bfc5;
}
.ma-el-post-entry-meta span {
padding-right: 20px;
position: relative;
}
.ma-el-post-entry-meta span:before {
position: absolute;
right: 3px;
top: 0;
}
.ma-el-post-entry-meta .ma-el-post-tags a {
padding-right: 5px;
position: relative;
}
.ma-el-post-entry-meta .ma-el-post-tags a:before {
content: ",";
right: 0;
bottom: 0;
position: absolute;
}
.ma-el-post-entry-meta span:last-child,
.ma-el-post-entry-meta .ma-el-post-tags a:last-child {
padding-right: 0;
}
.ma-el-post-entry-meta span:last-child:before,
.ma-el-post-meta-with-avatar .ma-el-post-entry-meta span:before,
.ma-el-post-entry-meta .ma-el-post-tags a:last-child:before {
display: none;
}
.ma-el-post-meta-with-avatar .ma-el-post-entry-meta {
display: flex;
align-items: center;
margin-top: 25px;
}
.ma-el-post-meta-with-avatar .ma-el-author-avatar {
border-radius: 50%;
float: left;
height: 64px;
width: 64px;
margin-right: 10px;
}
.ma-el-post-meta-with-avatar .ma-el-author-avatar img {
border-radius: 50%;
}
.ma-el-post-meta-with-avatar .ma-el-post-entry-meta span {
display: block;
padding: 2px 0;
}
.ma-el-post-meta-with-avatar .media-body {
flex: 1;
}
.ma-el-post-half-row .ma-el-post-content {
margin-top: 0;
}
.ma-el-post-absolute-bottom-content .ma-el-post-content {
background: -webkit-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 100%);
background: -moz-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 100%);
background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 100%);
left: 0;
bottom: 0;
margin-top: 0;
padding: 1.875rem;
position: absolute;
width: 100%;
}
.ma-el-post-absolute-bottom-content .ma-el-entry-title {
color: #fff;
font-size: 16px;
line-height: 1.5;
margin-bottom: 0;
}
.ma-el-post-absolute-bottom-content .ma-el-entry-title a {
color: #fff;
}
.ma-el-post-content-right .ma-el-post-thumbnail {
padding-right: 1.875rem;
}
.ma-el-post-content-right .ma-el-post-content {
background: #fff;
box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
margin: 0 0 0 1.875rem;
padding: 1.75rem;
transform: translateY(-2.75rem);
}
.ma-el-post-meta-with-icon .ma-el-post-content,
.ma-el-post-meta-icon-with-details .ma-el-post-content {
background: #fff;
box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
margin: 0 1.875rem 1.875rem 1.875rem;
padding: 1.75rem;
transform: translateY(-50%);
}
.ma-el-post-meta-with-icon .ma-el-post-entry-meta span,
.ma-el-post-content-gradient-bg .ma-el-post-entry-meta span,
.ma-el-post-meta-icon-with-details .ma-el-post-entry-meta span {
padding-right: 10px;
}
.ma-el-post-meta-with-icon .ma-el-post-entry-meta span:before,
.ma-el-post-content-gradient-bg .ma-el-post-entry-meta span:before,
.ma-el-post-meta-icon-with-details .ma-el-post-entry-meta span:before {
display: none;
}
.ma-el-post-meta-with-icon .ma-el-entry-title,
.ma-el-post-content-gradient-bg .ma-el-entry-title {
color: #4b00e7;
font-size: 18px;
line-height: 1.5;
margin-bottom: 0;
}
.ma-el-post-meta-with-icon .ma-el-entry-title a {
color: #4b00e7;
}
.ma-el-post-meta-icon-with-details .ma-el-post-content {
transform: translateY(-80px);
}
.ma-el-post-meta-icon-with-details .ma-el-entry-title {
font-size: 18px;
line-height: 1.5;
}
.ma-el-post-content-gradient-bg {
position: relative;
}
.ma-el-post-content-gradient-bg .ma-el-post-content {
background-image: -moz-linear-gradient(0deg, rgb(100, 61, 243) 0%, rgb(155, 63, 213) 100%);
background-image: -webkit-linear-gradient(0deg, rgb(100, 61, 243) 0%, rgb(155, 63, 213) 100%);
background-image: -ms-linear-gradient(0deg, rgb(100, 61, 243) 0%, rgb(155, 63, 213) 100%);
padding: 1.75rem;
left: 1.875rem;
bottom: 1.875rem;
right: 1.875rem;
position: absolute;
}
.ma-el-post-content-gradient-bg .ma-el-entry-title,
.ma-el-post-content-gradient-bg .ma-el-entry-title a,
.ma-el-post-content-gradient-bg .ma-el-post-entry-meta,
.ma-el-post-content-gradient-bg .ma-el-post-entry-meta a {
color: #fff;
}
.ma-el-post-content-gradient-bg-02 .ma-el-post-thumbnail {
position: relative;
}
.ma-el-post-content-gradient-bg-02 .ma-el-post-entry-meta {
background: #fff;
border-radius: 5px;
color: #4b00e7;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
font-weight: 700;
height: 45px;
width: 45px;
right: 20px;
top: 20px;
margin: 0;
position: absolute;
text-align: center;
}
.ma-el-post-content-gradient-bg-02 .ma-el-post-entry-meta span {
display: block;
}
.ma-el-post-content-gradient-bg-02 .ma-el-post-content {
border-radius: 0;
margin-top: 0;
left: 0;
bottom: 30px;
padding: 1.3rem 1.875rem;
position: absolute;
}
[class*="col"]:nth-child(1) .ma-el-post-content-gradient-bg-02 .ma-el-post-content {
background-image: -moz-linear-gradient(0deg, rgb(100, 61, 243) 0%, rgb(155, 63, 213) 100%);
background-image: -webkit-linear-gradient(0deg, rgb(100, 61, 243) 0%, rgb(155, 63, 213) 100%);
background-image: -ms-linear-gradient(0deg, rgb(100, 61, 243) 0%, rgb(155, 63, 213) 100%);
}
[class*="col"]:nth-child(2) .ma-el-post-content-gradient-bg-02 .ma-el-post-content {
background-image: -moz-linear-gradient(0deg, rgb(61, 159, 243) 0%, rgb(63, 213, 204) 100%);
background-image: -webkit-linear-gradient(0deg, rgb(61, 159, 243) 0%, rgb(63, 213, 204) 100%);
background-image: -ms-linear-gradient(0deg, rgb(61, 159, 243) 0%, rgb(63, 213, 204) 100%);
}
[class*="col"]:nth-child(3) .ma-el-post-content-gradient-bg-02 .ma-el-post-content {
background-image: -moz-linear-gradient(0deg, rgb(243, 61, 130) 0%, rgb(213, 180, 63) 100%);
background-image: -webkit-linear-gradient(0deg, rgb(243, 61, 130) 0%, rgb(213, 180, 63) 100%);
background-image: -ms-linear-gradient(0deg, rgb(243, 61, 130) 0%, rgb(213, 180, 63) 100%);
}
[class*="col"]:nth-child(4) .ma-el-post-content-gradient-bg-02 .ma-el-post-content {
background-image: -moz-linear-gradient(0deg, rgb(83, 156, 183) 0%, rgb(121, 84, 241) 100%);
background-image: -webkit-linear-gradient(0deg, rgb(83, 156, 183) 0%, rgb(121, 84, 241) 100%);
background-image: -ms-linear-gradient(0deg, rgb(83, 156, 183) 0%, rgb(121, 84, 241) 100%);
}
.ma-el-post-content-gradient-bg-02 .ma-el-entry-title,
.ma-el-post-content-gradient-bg-02 .ma-el-entry-title a {
color: #fff;
font-size: 14px;
margin: 0;
}
.ma-el-post-absolute-bottom-content-02 {
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
}
.ma-el-post-absolute-bottom-content-02 .ma-el-post-content {
background: #fff;
border-top-left-radius: 0;
border-top-right-radius: 0;
left: 0;
bottom: 0;
margin-top: 0;
padding: 1.875rem;
position: absolute;
}
/* ------- Blog List ------- */
[class*="ma-el-blog-list"] .ma-el-post-entry-meta span:before {
display: none;
}
[class*="ma-el-blog-list"] .ma-el-post-btn {
background-color: #4b00e7;
border-radius: 3rem;
color: #fff;
display: inline-block;
line-height: 50px;
margin-top: 2.125rem;
padding: 0 1.75rem;
}
.ma-el-blog-list-default .ma-el-post-entry-meta {
margin: 6px 0 4px;
}
.ma-el-blog-list-meta-bg {
box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
padding: 1.875rem;
}
.ma-el-blog-list-meta-bg .ma-el-entry-title {
font-size: 1.5rem;
}
.ma-el-blog-list-meta-bg .ma-el-post-entry-meta {
color: #fefefe;
margin-top: 1rem;
}
.ma-el-blog-list-meta-bg .ma-el-post-entry-meta span {
float: left;
margin-right: 5px;
padding: 3px 7px;
}
.ma-el-blog-list-meta-bg .ma-el-post-entry-meta a {
color: #fefefe;
}
.ma-el-blog-list-meta-bg .ma-el-post-entry-meta span:nth-child(1) {
background-color: #933fd9;
}
.ma-el-blog-list-meta-bg .ma-el-post-entry-meta span:nth-child(2) {
background-color: #3fa8d9;
}
.ma-el-blog-list-meta-bg .ma-el-post-entry-meta span:nth-child(3) {
background-color: #e45879;
}
.ma-el-blog-list-button-right {
box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
}
.ma-el-blog-list-button-right .ma-el-post-thumbnail img {
border-radius: 0;
}
.ma-el-blog-list-button-right .ma-el-post-content {
height: 100%;
margin-top: 0;
position: relative;
padding: 2rem 1.25rem 4rem 0;
}
.ma-el-blog-list-button-right .ma-el-entry-title,
.ma-el-blog-list-content-slide .ma-el-entry-title {
font-size: 1.5rem;
margin-top: 0.5rem;
}
.ma-el-blog-list-button-right .ma-el-post-entry-meta,
.ma-el-blog-list-content-slide .ma-el-post-entry-meta {
color: #78909c;
font-family: "Damion", cursive;
font-size: 1.125rem;
}
.ma-el-blog-list-button-right .ma-el-post-entry-meta span,
.ma-el-blog-list-content-slide .ma-el-post-entry-meta span {
padding-right: 0;
}
.ma-el-blog-list-button-right .ma-el-post-entry-meta a,
.ma-el-blog-list-content-slide .ma-el-post-entry-meta a {
border-bottom: 2px solid #b2c0c7;
color: #78909c;
}
.ma-el-blog-list-button-right .ma-el-post-likes,
.ma-el-blog-list-content-slide .ma-el-post-likes {
color: #4b00e7;
font-family: "Damion", cursive;
font-size: 1.5rem;
float: left;
}
.ma-el-blog-list-button-right .ma-el-post-likes span,
.ma-el-blog-list-content-slide .ma-el-post-likes span {
margin-right: 0.875rem;
}
.ma-el-blog-list-button-right .ma-el-post-likes span:last-child,
.ma-el-blog-list-content-slide .ma-el-post-likes span:last-child {
margin-right: 0;
}
.ma-el-blog-list-button-right .ma-el-post-btn {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
float: right;
margin-top: 0;
bottom: 0;
right: 0;
position: absolute;
}
.ma-el-blog-list-content-slide .ma-el-post-content {
border-radius: 5px;
position: relative;
z-index: 0;
}
.ma-el-blog-list-content-slide .ma-el-post-likes {
display: inline-block;
float: none;
margin: 6px 0 0 1.875rem;
}
.ma-el-blog-list-content-slide .ma-el-post-btn {
margin-top: 2rem;
float: left;
}
.ma-el-blog-list-thumbnail-hover {
margin-bottom: 0;
}
.ma-el-blog-list-thumbnail-hover .ma-el-post-thumbnail {
min-height: 152px;
}
.ma-el-blog-list-thumbnail-hover .ma-el-post-thumbnail,
.ma-el-blog-list-thumbnail-bg .ma-el-post-thumbnail {
border-radius: 0;
}
.ma-el-blog-list-thumbnail-hover .ma-el-post-content,
.ma-el-blog-list-thumbnail-bg .ma-el-post-content {
background: #fff;
border-radius: 0;
border-top: 1px dotted #333;
display: table;
height: 100%;
width: 100%;
left: 0;
top: 0;
margin-top: 0;
padding: 2.5rem;
position: absolute;
transition: all 0.25s ease;
}
.ma-el-blog-list-thumbnail-hover:hover .ma-el-post-content {
background: rgba(75, 0, 231, 0.5);
}
.ma-el-blog-list-thumbnail-hover .ma-el-post-entry-meta span,
.ma-el-blog-list-thumbnail-bg .ma-el-post-entry-meta span {
background: #4b00e7;
border-radius: 5px;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
float: left;
font-size: 10px;
height: 64px;
width: 64px;
margin: 0 25px 0 0;
padding: 5px;
text-transform: uppercase;
vertical-align: middle;
text-align: center;
transition: all 0.25s ease;
}
.ma-el-blog-list-thumbnail-hover:hover .ma-el-post-entry-meta span {
background: #fff;
color: #4b00e7;
}
.ma-el-blog-list-thumbnail-hover .ma-el-post-entry-meta span span,
.ma-el-blog-list-thumbnail-bg .ma-el-post-entry-meta span span {
background: none;
display: inline-block;
float: none;
height: inherit;
width: inherit;
line-height: 1;
margin: 0;
}
.ma-el-blog-list-thumbnail-hover .ma-el-post-entry-meta a,
.ma-el-blog-list-thumbnail-bg .ma-el-post-entry-meta a {
color: #fff;
}
.ma-el-blog-list-thumbnail-hover:hover .ma-el-post-entry-meta a,
.ma-el-blog-list-thumbnail-bg:hover .ma-el-post-entry-meta a {
color: #4b00e7;
}
.ma-el-blog-list-thumbnail-hover .ma-el-post-entry-meta i,
.ma-el-blog-list-thumbnail-bg .ma-el-post-entry-meta i {
display: none;
}
.ma-el-blog-list-thumbnail-hover .ma-el-post-entry-meta .ma-el-post-date span,
.ma-el-blog-list-thumbnail-bg .ma-el-post-entry-meta .ma-el-post-date span {
display: block;
font-size: 18px;
}
.ma-el-blog-list-thumbnail-hover .ma-el-blog-entry-container,
.ma-el-blog-list-thumbnail-bg .ma-el-blog-entry-container {
display: flex;
align-items: flex-start;
}
.ma-el-blog-list-thumbnail-hover .ma-el-post-entry-meta,
.ma-el-blog-list-thumbnail-bg .ma-el-post-entry-meta {
margin-top: 0;
width: inherit;
}
.ma-el-blog-list-thumbnail-hover .ma-el-entry-title,
.ma-el-blog-list-thumbnail-bg .ma-el-entry-title {
font-size: 1.875rem;
vertical-align: top;
flex: 1;
}
.ma-el-blog-list-thumbnail-hover .ma-el-entry-title,
.ma-el-blog-list-thumbnail-hover .ma-el-entry-title a {
background: -webkit-linear-gradient(0deg, rgb(100, 61, 243) 0%, rgb(155, 63, 213) 100%);
background: -moz-linear-gradient(0deg, rgb(100, 61, 243) 0%, rgb(155, 63, 213) 100%);
background: -ms-linear-gradient(0deg, rgb(100, 61, 243) 0%, rgb(155, 63, 213) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
transition: all 0.25s ease;
}
.ma-el-blog-list-thumbnail-hover:hover .ma-el-entry-title,
.ma-el-blog-list-thumbnail-hover:hover .ma-el-entry-title a {
background: -webkit-linear-gradient(0deg, #fff 0%, #fff 100%);
background: -moz-linear-gradient(0deg, #fff 0%, #fff 100%);
background: -ms-linear-gradient(0deg, #fff 0%, #fff 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.ma-el-blog-list-thumbnail-bg .ma-el-post-thumbnail {
position: relative;
z-index: 0;
}
.ma-el-blog-list-thumbnail-bg .ma-el-post-thumbnail:before {
content: "";
background: #4b00e7;
height: 100%;
width: 100%;
left: 0;
top: 0;
opacity: 0;
position: absolute;
z-index: -1;
transition: all 0.25s ease;
}
.ma-el-blog-list-thumbnail-bg:hover .ma-el-post-thumbnail:before {
z-index: 1;
opacity: 0.85;
}
.ma-el-blog-list-thumbnail-bg a:after,
.ma-el-blog-list-thumbnail-bg a:before {
content: "";
background: #fff;
left: 50%;
top: 50%;
position: absolute;
z-index: -1;
transition: all 0.25s ease;
transform: translate(-50%, -50%);
}
.ma-el-blog-list-thumbnail-bg a:after {
height: 0;
width: 1px;
}
.ma-el-blog-list-thumbnail-bg a:before {
height: 1px;
width: 0;
}
.ma-el-blog-list-thumbnail-bg:hover a:after {
height: 11rem;
}
.ma-el-blog-list-thumbnail-bg:hover a:before {
width: 11rem;
}
.ma-el-blog-list-thumbnail-bg:hover a:after,
.ma-el-blog-list-thumbnail-bg:hover a:before {
z-index: 2;
}
.ma-el-blog-list-thumbnail-bg .ma-el-post-content {
background: transparent;
border-top: 0;
top: inherit;
bottom: 0;
height: inherit;
position: absolute;
}
.ma-el-blog-list-thumbnail-bg:hover .ma-el-post-content {
opacity: 0;
z-index: -1;
}
.ma-el-blog-list-thumbnail-bg .ma-el-post-entry-meta {
color: #4b00e7;
}
.ma-el-blog-list-thumbnail-bg .ma-el-entry-title,
.ma-el-blog-list-thumbnail-bg .ma-el-entry-title a {
color: #fff;
}
.ma-el-post-corner-content .container {
position: relative;
}
.ma-el-post-corner-content .ma-el-post-content {
background: #fff;
padding: 15px;
}
.ma-el-post-corner-content .ma-el-entry-title {
color: #4b00e7;
line-height: 26px;
}
.ma-el-post-corner-content .ma-el-entry-title a {
color: #4b00e7;
}
.ma-el-post-corner-content .ma-el-post-entry-meta span {
padding-right: 10px;
}
.ma-el-post-corner-content .ma-el-post-entry-meta span:before {
display: none;
}
.ma-el-blog-list-thumbnail-nav-hover .ma-el-post-thumbnail {
position: relative;
}
.ma-el-blog-list-thumbnail-nav-hover .ma-el-post-content {
height: 100%;
width: 100%;
left: 0;
top: 0;
margin-top: 0;
position: absolute;
padding: 1.875rem;
}
.ma-el-blog-list-thumbnail-nav-hover .ma-el-blog-entry-container {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.ma-el-blog-list-thumbnail-nav-hover h1,
.ma-el-blog-list-thumbnail-nav-hover h2,
.ma-el-blog-list-thumbnail-nav-hover h3,
.ma-el-blog-list-thumbnail-nav-hover h4,
.ma-el-blog-list-thumbnail-nav-hover h5,
.ma-el-blog-list-thumbnail-nav-hover h6,
.ma-el-blog-list-thumbnail-nav-hover a,
.ma-el-blog-list-thumbnail-nav-hover p {
text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.9);
color: rgba(255, 255, 255, 0.1);
}
.ma-el-blog-list-thumbnail-nav-hover:hover h1,
.ma-el-blog-list-thumbnail-nav-hover:hover h2,
.ma-el-blog-list-thumbnail-nav-hover:hover h3,
.ma-el-blog-list-thumbnail-nav-hover:hover h4,
.ma-el-blog-list-thumbnail-nav-hover:hover h5,
.ma-el-blog-list-thumbnail-nav-hover:hover h6,
.ma-el-blog-list-thumbnail-nav-hover:hover a,
.ma-el-blog-list-thumbnail-nav-hover:hover p {
color: #fff;
text-shadow: none;
}
/* Swiper Pagination * Navigation */
.ma-el-blog .jltma-swiper__button {
top: 50%;
outline: none;
border-radius: 100%;
}
.jltma-swiper__pagination.jltma-swiper__pagination--horizontal {
text-align: center;
}
.jltma-swiper__pagination--horizontal .swiper-pagination-bullet:first-child {
margin-left: 0px !important;
}
@media (min-width: 768px) {
.ma-el-blog-list-default .ma-el-post-content {
margin-top: 0;
padding-left: 1rem;
}
.ma-el-blog-list-content-slide .ma-el-post-content {
background-color: #fff;
box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2);
height: 100%;
width: 100%;
margin-top: 0;
padding: 1.875rem 1.25rem 1rem 0;
position: relative;
z-index: 0;
transform: translateY(30px);
}
.ma-el-blog-list-content-slide [class*="col"]:nth-child(1) {
padding-right: 0;
}
.ma-el-blog-list-content-slide [class*="col"]:nth-child(2) {
padding-left: 0;
}
.ma-el-blog-list-content-slide .ma-el-post-content:before {
content: "";
background-color: #fff;
border-radius: 5px;
height: 100%;
width: 100%;
left: -13px;
top: 0;
position: absolute;
z-index: -1;
transform: translateX(-30px);
}
.ma-el-post-corner-content .ma-el-post-content {
max-width: 555px;
right: 0;
bottom: 0;
margin-top: 0;
margin-bottom: 10%;
padding: 6% 1.875rem;
position: absolute;
text-align: center;
}
}
@media (max-width: 767px) {
.ma-el-blog-list-meta-bg {
padding: 15px;
}
.ma-el-blog-list-meta-bg .ma-el-entry-title,
.ma-el-blog-list-button-right .ma-el-entry-title,
.ma-el-blog-list-content-slide .ma-el-entry-title,
.ma-el-blog-list-thumbnail-hover .ma-el-entry-title,
.ma-el-blog-list-thumbnail-bg .ma-el-entry-title {
font-size: 16px;
}
.ma-el-post-entry-meta span {
margin-bottom: 5px;
}
.ma-el-post-entry-meta span span,
.ma-el-blog-list-thumbnail-hover .ma-el-post-entry-meta span,
.ma-el-blog-list-thumbnail-bg .ma-el-post-entry-meta span {
margin-bottom: 0;
}
.ma-el-blog-list-button-right .ma-el-post-content {
padding: 15px 15px 4rem;
}
.ma-el-blog-list-thumbnail-bg .ma-el-post-content {
padding: 15px;
}
.ma-el-blog-list-thumbnail-hover .ma-el-post-content,
.ma-el-blog-list-thumbnail-bg .ma-el-post-content {
padding: 15px;
}
.ma-el-blog-list-thumbnail-hover .ma-el-post-entry-meta,
.ma-el-blog-list-thumbnail-bg .ma-el-post-entry-meta {
margin-right: 10px;
}
.ma-el-post-corner-content .ma-el-post-content {
padding: 0;
}
.ma-el-post-corner-content .ma-el-entry-title {
line-height: 23px;
}
.ma-el-post-corner-content .ma-el-post-entry-meta span {
padding-right: 3px;
}
}
/* Image Effects */
.ma-el-post-thumbnail {
overflow: hidden;
}
/* Zoom In #1 */
.ma-el-img-zoom_in_one img {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.ma-el-img-zoom_in_one:hover img {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
/* Zoom In #2 */
.ma-el-img-zoom_in_two img {
width: 100%;
height: auto;
max-width: inherit;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.ma-el-img-zoom_in_two:hover img {
width: 110%;
}
/* Zoom Out #1 */
.ma-el-img-zoom_out_one img {
-webkit-transform: scale(1.5);
transform: scale(1.5);
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.ma-el-img-zoom_out_one:hover img {
-webkit-transform: scale(1);
transform: scale(1);
}
/* Zoom Out #2 */
.ma-el-img-zoom_out_two img {
width: 110%;
height: auto;
max-width: inherit;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.ma-el-img-zoom_out_two:hover img {
width: 100%;
}
/* Rotate */
.ma-el-img-rotate_zoomout img {
-webkit-transform: rotate(15deg) scale(1.4);
transform: rotate(15deg) scale(1.4);
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.ma-el-img-rotate_zoomout:hover img {
-webkit-transform: rotate(0) scale(1);
transform: rotate(0) scale(1);
}
/* Slide */
.ma-el-img-slide img {
margin-left: 30px;
-webkit-transform: scale(1.5);
transform: scale(1.5);
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.ma-el-img-slide:hover img {
margin-left: 0;
}
/* Gray Scale */
.ma-el-img-grayscale img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.ma-el-img-grayscale:hover img {
-webkit-filter: grayscale(0);
filter: grayscale(0);
}
/* Blur */
.ma-el-img-blur img {
-webkit-filter: blur(3px);
filter: blur(3px);
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.ma-el-img-blur:hover img {
-webkit-filter: blur(0);
filter: blur(0);
}
/* Sepia */
.ma-el-img-sepia img {
-webkit-filter: sepia(100%);
filter: sepia(100%);
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.ma-el-img-sepia:hover img {
-webkit-filter: sepia(0);
filter: sepia(0);
}
/* Blur + Sepia */
.ma-el-img-blur_sepia img {
-webkit-filter: blur(3px) sepia(100%);
filter: blur(3px) sepia(100%);
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.ma-el-img-blur_sepia:hover img {
-webkit-filter: blur(0) sepia(0);
filter: blur(0) sepia(0);
}
/* Blur + Gray Scale */
.ma-el-img-blur_grayscale img {
-webkit-filter: grayscale(0) blur(0);
filter: grayscale(0) blur(0);
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.ma-el-img-blur_grayscale:hover img {
-webkit-filter: grayscale(100%) blur(3px);
filter: grayscale(100%) blur(3px);
}
/* Opacity #1 */
.ma-el-img-opacity_one img {
opacity: 1;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.ma-el-img-opacity_one:hover img {
opacity: 0.5;
}
/* Opacity #2 */
/*.ma-el-img-opacity_two {*/
/*background: #1abc9c;*/
/*}*/
.ma-el-img-opacity_two img {
opacity: 1;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.ma-el-img-opacity_two:hover img {
opacity: 0.5;
}
/* Flashing */
.ma-el-img-flushing:hover img {
opacity: 1;
-webkit-animation: flash 1.5s;
animation: flash 1.5s;
}
@-webkit-keyframes flash {
0% {
opacity: 0.4;
}
100% {
opacity: 1;
}
}
@keyframes flash {
0% {
opacity: 0.4;
}
100% {
opacity: 1;
}
}
/* Shine */
.ma-el-img-shine {
position: relative;
}
.ma-el-img-shine::before {
position: absolute;
top: 0;
left: -75%;
z-index: 2;
display: block;
content: "";
width: 50%;
height: 100%;
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
-webkit-transform: skewX(-25deg);
transform: skewX(-25deg);
}
.ma-el-img-shine:hover::before {
-webkit-animation: shine 0.75s;
animation: shine 0.75s;
}
@-webkit-keyframes shine {
100% {
left: 125%;
}
}
@keyframes shine {
100% {
left: 125%;
}
}
/* Circle */
.ma-el-img-circle {
position: relative;
}
.ma-el-img-circle::before {
position: absolute;
top: 50%;
left: 50%;
z-index: 2;
display: block;
content: "";
width: 0;
height: 0;
background: rgba(255, 255, 255, 0.2);
border-radius: 100%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0;
}
.ma-el-img-circle:hover::before {
-webkit-animation: circle 0.75s;
animation: circle 0.75s;
}
@-webkit-keyframes circle {
0% {
opacity: 1;
}
40% {
opacity: 1;
}
100% {
width: 200%;
height: 200%;
opacity: 0;
}
}
@keyframes circle {
0% {
opacity: 1;
}
40% {
opacity: 1;
}
100% {
width: 200%;
height: 200%;
opacity: 0;
}
}
.ma-el-img-grayscale {
/* filter: url(filters.svg#grayscale); Firefox 3.5+ */
filter: gray; /* IE5+ */
-webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */
-webkit-transition: all 0.8s ease-in-out;
}
/* Image Shapes Start*/
.ma-el-img-grayscale:hover {
filter: none;
-webkit-filter: grayscale(0);
-webkit-transform: scale(1.01);
}
.ma-el-img-shape-gradient-border {
border: 5px solid;
border-radius: 10px;
border-image: linear-gradient(to bottom, #2b68c4 0%, #cf2d6e 100%) 1;
background-image: linear-gradient(#2b68c4, #2b68c4), radial-gradient(circle at top left, #cf2d6e, #cf2d6e);
background-origin: border-box;
background-clip: content-box, border-box;
}
.ma-el-img-shape-framed {
border-radius: 10px;
border: 3px solid #021a40;
padding: 5px;
}
.ma-el-img-shape-bordered {
border-radius: 10px;
border: 3px solid;
border-color: #021a40;
padding: 5px;
}
/* Image Shapes End*/
/* End of MA Blog */
/* Start of MA News Ticker */
.ma-el-news-ticker {
width: 100%;
}
.ma-el-ticker-content {
display: table;
align-items: flex-start;
margin: 0 auto;
width: 100%;
}
.ma-el-ticker-heading {
color: #fff;
display: table-cell;
font-size: 13px;
font-weight: 700;
min-width: 130px;
text-align: center;
text-transform: uppercase;
vertical-align: middle;
}
.ma-el-news-ticker li img {
float: left;
max-width: 50px;
margin-right: 10px;
}
.ma-el-news-ticker a {
color: #999;
height: 100%;
margin: 0;
}
.ma-el-news-ticker a:hover,
.ma-el-entry-title a:hover {
text-decoration: none;
}
.ma-el-ticker-content-details {
border-left: 5px solid transparent;
display: table-cell;
padding: 11px 15px 11px 2.5rem;
position: relative;
vertical-align: middle;
width: 100%;
}
.ma-el-ticker-content-details:before,
.ma-el-ticker-content-details:after {
content: "";
position: absolute;
}
.ma-el-ticker-content-details:before {
border-top: 10px solid transparent;
border-left: 10px solid #4b00e7;
border-bottom: 10px solid transparent;
left: 0;
top: 50%;
margin-top: -10px;
}
.ma-el-ticker-content-inner {
display: inline-block;
min-height: 30px;
overflow: hidden;
position: relative;
width: 100%;
}
.ma-el-ticker-content-items {
/*margin: 2px 0 0;*/
margin: 0;
padding: 0;
min-height: 28px;
overflow: hidden;
position: absolute;
left: 0 !important;
right: 60px;
width: 100%;
}
.ma-el-ticker-content-items li {
float: left;
list-style: none;
opacity: 0;
/*padding: 0;*/
padding: 10px 0;
/*position: absolute;*/
width: 100%;
}
.ma-el-ticker-content-items p {
position: relative;
top: 0;
white-space: nowrap;
width: auto;
}
.ma-el-ticker-content-items li a {
top: 20px;
}
@-webkit-keyframes ticker {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes ticker {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.horizontal-scroll .ma-el-ticker-content-inner {
overflow: hidden;
padding-right: 60px;
width: 100%;
}
.horizontal-scroll .ma-el-ticker-content-items {
display: inline-block;
white-space: nowrap;
padding-right: 0;
box-sizing: content-box;
left: 100% !important;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-name: ticker;
animation-name: ticker;
-webkit-animation-duration: 30s;
animation-duration: 30s;
}
.horizontal-scroll .ma-el-ticker-content-items li {
display: inline-block;
opacity: 1;
padding-right: 10px;
position: initial;
width: auto;
}
/* News Ticker Navigation */
.ma-el-ticker-content-inner > .ma-el-ticker-nav {
background: #fff;
width: 60px;
height: 40px;
position: absolute;
right: 0;
top: 50%;
margin-top: -20px;
z-index: 1;
}
.ma-el-ticker-content-inner > .ma-el-ticker-nav > span {
color: red;
display: flex;
align-items: center;
justify-content: center;
line-height: 40px;
position: absolute;
top: 0;
cursor: pointer;
background-repeat: no-repeat;
}
.ma-el-ticker-content-inner > .ma-el-ticker-nav > span:first-child {
background-position: left center;
}
.ma-el-ticker-content-inner > .ma-el-ticker-nav > span.eicon-chevron-left {
right: 30px;
}
.ma-el-ticker-content-inner > .ma-el-ticker-nav > span:last-child {
background-position: right center;
right: 0;
}
/* End of MA News Ticker */
/* Start of MA Table of Contents */
/* TOCBOT CSS */
.toc {
overflow-y: auto;
}
.toc > .toc-list {
overflow: hidden;
position: relative;
}
.toc > .toc-list li {
list-style: none;
}
.toc-list {
margin: 0;
padding-left: 10px;
list-style: none;
}
a.toc-link {
color: currentColor;
height: 100%;
}
.is-collapsible {
max-height: 1000px;
overflow: hidden;
transition: all 300ms ease-in-out;
}
.is-collapsed {
max-height: 0;
}
.is-position-fixed {
position: fixed !important;
top: 0;
}
.is-active-link {
font-weight: 700;
}
.toc-link::before {
background-color: #eee;
content: " ";
display: inline-block;
height: inherit;
left: 0;
margin-top: -1px;
position: absolute;
width: 2px;
}
.is-active-link::before {
background-color: #54bc4b;
}
body a.toc-link {
color: wheat;
}
body a.toc-link.clicked {
color: red;
}
.ma-el-ofc-table-of-content {
box-sizing: content-box;
}
.ma-el-offcanvas-push {
background-color: rgba(255, 255, 255, 0.9);
display: block;
padding: 15px;
position: fixed;
z-index: 1;
transition: all 0.3s ease;
}
.ma-el-toc-content-left .ma-el-offcanvas-push {
left: 0;
transform: translate(-100%, 0);
}
.ma-el-toc-content-right .ma-el-offcanvas-push {
right: 0;
transform: translate(100%, 0);
}
.show-sidemenu .ma-el-toc-content-left .ma-el-offcanvas-push,
.show-sidemenu .ma-el-toc-content-right .ma-el-offcanvas-push {
transform: translate(0, 0);
}
.ma-el-offcanvas-push ul,
.ma-el-offcanvas-push ol {
margin: 0;
padding-left: 15px;
}
.ma-el-offcanvas-close {
background-color: transparent;
border: none;
box-shadow: none;
color: #fff;
font-size: 20px;
line-height: 30px;
padding: 0 10px;
position: absolute;
top: 20px;
z-index: 99999;
}
.ma-el-toc-content-left .ma-el-offcanvas-close {
right: 20px;
}
.ma-el-toc-content-right .ma-el-offcanvas-close {
left: 20px;
}
.ma-el-table-of-content {
clear: both;
}
.toc-list .toc-link {
position: relative;
}
.toc-list .toc-link::before {
background-color: transparent;
left: -30px;
}
.ma-el-table-of-content {
padding: 30px 30px 15px;
position: relative;
z-index: 9999;
}
.is-position-fixed {
z-index: 9999;
}
.is-position-fixed.ma-el-position-top-left {
left: 0;
}
.is-position-fixed.ma-el-position-top-right {
right: 0;
}
.is-position-fixed.ma-el-position-bottom-left {
left: 0;
bottom: 0;
top: inherit;
}
.is-position-fixed.ma-el-position-bottom-right {
right: 0;
bottom: 0;
top: inherit;
}
.table-of-content-layout-dropdown {
z-index: 9999;
}
.ma-el-toggle-button-wrapper {
position: fixed;
z-index: 9999;
width: 100%;
left: 0;
}
.ma-el-toc-position-top-center {
top: 0;
text-align: center;
}
.ma-el-toc-position-top-left {
top: 0;
text-align: left;
}
.ma-el-toc-position-top-right {
top: 0;
text-align: right;
}
.ma-el-toc-position-center {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: inherit;
}
.ma-el-toc-position-center-left {
top: 50%;
left: 0;
transform: translate(0%, -50%);
width: inherit;
}
.ma-el-toc-position-center-right {
top: 50%;
right: 0;
left: inherit;
transform: translate(90.15%, -50%);
width: inherit;
}
.ma-el-toc-position-bottom-center {
bottom: 0;
text-align: center;
}
.ma-el-toc-position-bottom-left {
bottom: 0;
text-align: left;
}
.ma-el-toc-position-bottom-right {
bottom: 0;
text-align: right;
}
.ma-el-toc-position-center .ma-el-drop {
position: absolute;
}
.table-of-content-layout-dropdown .ma-el-drop {
margin-bottom: 0;
opacity: 0;
}
.table-of-content-layout-dropdown.show-sidemenu .ma-el-drop {
opacity: 1;
}
.table-of-content-layout-dropdown .ma-el-table-of-content {
padding: 0;
}
.table-of-content-layout-dropdown.show-sidemenu .ma-el-table-of-content {
padding: 30px 30px 15px;
}
/* End of MA Table of Contents */
/* Start of MA Business Hours */
.ma-el-business-hour {
padding: 5.625rem 0;
}
.ma-el-business-hour-content {
border-radius: 5px;
}
.ma-el-business-hour ul,
.ma-el-business-hour ol {
display: inline-block;
margin: 0;
padding: 0;
width: 100%;
}
.ma-el-business-hour li {
color: #78909c;
font-size: 15px;
font-weight: 500;
margin: 1px 0px;
float: left;
list-style: none;
line-height: 24px;
padding: 8px 15px;
position: relative;
width: 100%;
z-index: 0;
}
.ma-el-business-hour li time {
position: relative;
}
.ma-el-business-hour li time:first-child {
padding-right: 20px;
}
.ma-el-business-hour li time:first-child:before {
content: "-";
position: absolute;
right: 4px;
top: -3px;
}
.ma-el-business-hour-title {
font-size: 1.4rem;
font-weight: 700;
margin-bottom: 1rem;
text-align: center;
text-transform: uppercase;
}
.closed,
.happy-time {
color: #e92d5c;
}
.style-default.ma-el-business-hour .ma-el-business-hour-content {
margin: 0 auto;
max-width: 500px;
}
.style-default.ma-el-business-hour li span {
padding: 0 3px;
}
.style-default.ma-el-business-hour li:before {
content: "";
border: 1px dotted #78909c;
height: 1px;
width: 100px;
left: 50%;
top: 50%;
margin: -0.5px 0 0 -50px;
position: absolute;
z-index: -1;
}
.ma-el-business-hour.solid-bg-color .ma-el-business-hour-content {
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
padding: 3rem 2.5rem;
}
.ma-el-business-hour.solid-bg-color li {
border-bottom: 2px solid #eceff1;
padding: 8px 0 9px;
}
.ma-el-business-hour.solid-bg-color li:first-child {
padding-top: 0;
}
.ma-el-business-hour.solid-bg-color li:last-child,
.ma-el-business-hour.content-corner-btn li:last-child {
border-bottom: none;
padding-bottom: 0;
}
.ma-el-business-hour.solid-bg-color li i {
color: #4b00e7;
margin-right: 5px;
}
.ma-el-business-hour.content-bg-image .ma-el-business-hour-content {
display: flex;
align-items: center;
padding: 3rem 15px 4rem;
}
.ma-el-business-hour.content-bg-image li {
text-align: center;
}
.ma-el-business-hour.content-bg-image li span,
.ma-el-business-hour.table-reservation li span {
float: none !important;
}
.ma-el-business-hour.content-bg-image .ma-el-business-duration {
font-weight: 600;
}
.ma-el-business-hour.content-corner-btn .jltma-row {
margin: 0;
}
.ma-el-business-hour.content-corner-btn [class*="col"],
.ma-el-business-hour.table-reservation [class*="col"] {
padding: 0;
}
.ma-el-business-hour.content-corner-btn .ma-el-business-hour-content {
background: #fff;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
height: 100%;
padding: 3.75rem 2.8125rem;
position: relative;
}
.ma-el-business-hour.content-corner-btn .ma-el-business-hour-title {
text-align: left;
}
.ma-el-business-hour.content-corner-btn li {
border-bottom: 2px solid #eceff1;
font-weight: 600;
padding: 8px 0 9px;
}
.ma-el-business-hour.content-corner-btn .ma-el-business-hour-content-bottom {
color: #4b00e7;
font-size: 18px;
font-weight: 700;
left: 0;
bottom: 0;
padding-left: 2.8125rem;
position: absolute;
width: 100%;
}
.ma-el-business-hour.content-corner-btn .ma-el-business-hour-content-bottom span {
padding-top: 13px;
}
.ma-el-business-hour.content-corner-btn .ma-el-business-hour-btn {
background: #4b00e7;
border-top-left-radius: 3rem;
border-bottom-left-radius: 3rem;
color: #fff;
font-size: 13px;
font-weight: 500;
line-height: 55px;
padding: 0 1.5rem;
text-transform: capitalize;
}
.ma-el-business-hour.table-reservation .jltma-row {
align-items: center;
margin: 0;
}
.ma-el-business-hour.table-reservation img {
border-radius: 5px;
}
.ma-el-business-hour.table-reservation .ma-el-business-hour-content {
background: #fff;
border-radius: 5px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
text-align: center;
}
.ma-el-business-hour.table-reservation .ma-el-business-hour-content-details {
padding-bottom: 1.5rem;
}
.ma-el-business-hour.table-reservation .ma-el-business-reservation-title {
background: #383844;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
color: #fff;
font-size: 20px;
margin: 0;
padding: 1.5rem 1rem;
text-transform: uppercase;
}
.ma-el-business-hour.table-reservation .ma-el-business-hour-title {
margin: 2rem 0 1rem;
}
.ma-el-business-hour.table-reservation .ma-el-business-hour-list {
font-weight: 600;
padding: 0;
}
.ma-el-business-hour.table-reservation .ma-el-business-hour-btn {
background: #4b00e7;
border-radius: 5px;
border-top-left-radius: 0;
border-top-right-radius: 0;
color: #fff;
display: inline-block;
font-size: 16px;
font-weight: 700;
line-height: 60px;
margin-top: 0;
text-transform: uppercase;
width: 100%;
}
.ma-el-business-hour.full-bg-image li {
border-bottom: 1px solid #cfd8dc;
font-weight: 600;
padding: 8px 0 9px;
}
.ma-el-business-hour.full-bg-image li:last-child {
border-bottom: none;
}
.ma-el-business-hour .ma-el-business-hour-btn {
border-radius: 3rem;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
display: inline-block;
font-size: 16px;
font-weight: 600;
line-height: 60px;
margin-top: 1rem;
padding: 0 2.5rem;
text-transform: uppercase;
}
.content-corner-btn .ma-el-business-hour-btn {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
@media (min-width: 992px) {
.ma-el-business-hour.table-reservation .ma-el-business-hour-content {
margin-left: -45px;
width: calc(100% + 45px);
}
}
/* End of MA Business Hours */
/* Start of MA Image Hotspots */
.ma-el-hotspot-tooltip {
position: absolute;
z-index: 999;
padding: 12px;
background-color: #000000;
color: #ffffff;
}
.ma-el-hotspot-tooltip p:last-child {
margin: 0;
}
.ma-el-hotspot .ma-el-tooltip-text {
background-color: #fff;
}
.ma-el-hotspot-tooltip:after {
content: "";
position: absolute;
width: 0;
height: 0;
left: 50%;
bottom: -10px;
margin-left: -10px;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid transparent;
border-top-color: #000000;
}
.ma-el-hotspot-tooltip .tooltip-bottom:after {
top: -10px;
bottom: auto;
border-top: 0px;
border-bottom-width: 10px;
border-bottom-style: solid;
border-bottom-color: #000000;
}
.ma-el-hotspot-tooltip .tooltip-bottom.tooltip-left:after {
border-left-color: #000000;
}
.ma-el-hotspot-tooltip .tooltip-bottom.tooltip-right:after {
border-right-color: #000000;
}
.ma-el-hotspot-tooltip .tooltip-left:after {
right: -10px;
left: auto;
bottom: auto;
top: 50%;
margin: 0;
margin-top: -10px;
border-right: 0px solid transparent;
border-left: 10px solid #000000;
border-bottom: 10px solid transparent;
border-top: 10px solid transparent;
}
.ma-el-hotspot-tooltip .tooltip-left.tooltip-top:after {
border-top-color: #000000;
}
.ma-el-hotspot-tooltip .tooltip-left.tooltip-bottom:after {
border-bottom-color: #000000;
}
.ma-el-hotspot-tooltip .tooltip-right:after {
left: -10px;
right: auto;
bottom: auto;
top: 50%;
margin: 0;
margin-top: -10px;
border-left: 0px solid transparent;
border-right: 10px solid #000000;
border-bottom: 10px solid transparent;
border-top: 10px solid transparent;
}
.ma-el-hotspot-tooltip .tooltip-right.tooltip-top:after {
border-top-color: #000000;
}
.ma-el-hotspot-tooltip .tooltip-right.tooltip-bottom:after {
border-bottom-color: #000000;
}
.ma-el-hotspot-tooltip .tooltip-top:after {
bottom: -10px;
top: auto;
border-bottom: 0px;
border-top-color: #000000;
}
.ma-el-hotspot-tooltip .tooltip-top.tooltip-left:after {
border-left-color: #000000;
}
.ma-el-hotspot-tooltip .tooltip-top.tooltip-right:after {
border-right-color: #000000;
}
.ma-el-hotspot-tooltip.tooltip-top:after {
bottom: auto;
top: 0;
}
.ma-el-hotspot-tooltip.tooltip-bottom:after {
top: auto;
bottom: 0;
}
.ma-el-hotspot-tooltip.tooltip-left:after {
left: 0;
}
.ma-el-hotspot-tooltip.tooltip-right:after {
right: 0;
left: auto;
}
.ma-el-hotspot-tooltip.tooltip-top:after,
.ma-el-hotspot-tooltip.tooltip-right:after,
.ma-el-hotspot-tooltip.tooltip-bottom:after,
.ma-el-hotspot-tooltip.tooltip-left:after {
margin: 0;
border: 10px solid transparent;
}
.ma-el-hotspot .ma-el-tooltip .ma-el-tooltip-item.tooltip-bottom .ma-el-tooltip-text {
top: calc(100% + 50px);
}
.ma-el-icon {
display: inline-block;
}
.ma-el-icon i,
.ma-el-icon-support--svg svg {
vertical-align: middle;
}
.ma-el-icon-support--svg svg {
display: inline-block;
width: 1em;
height: auto;
}
.ma-el-icon-support--svg-large svg {
width: 1.5em;
}
.ma-el-hotspots {
position: relative;
}
.ma-el-hotspots img {
width: 100%;
display: block;
}
.hotip-content {
opacity: 0;
z-index: -1;
transition: all 0.3s ease;
}
.ma-el-hotspo:hover .hotip-content {
opacity: 1;
z-index: 1;
}
.hotip-content > *:last-child {
margin-bottom: 0;
}
.ma-el-hotspot {
position: absolute;
left: 48px;
top: 48px;
}
.ma-el-hotspots-container,
.ma-el-hotspots__wrapper:before {
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
}
.ma-el-hotspots__wrapper {
box-sizing: content-box;
cursor: pointer;
float: left;
text-align: center;
line-height: 40px;
position: relative;
}
.ma-el-hotspots__wrapper:before {
content: "";
position: absolute;
z-index: -1;
transform: scale(1);
pointer-events: none;
animation: pulse-grow 2s infinite;
}
.ma-el-hotspots__wrapper,
.ma-el-hotspots__wrapper:before {
min-width: 40px;
min-height: 40px;
display: block;
background-color: #4b00e7;
color: #ffffff;
border-radius: 9999px;
}
.ma-el-hotspot:hover .ma-el-hotspots__wrapper:before {
animation: none;
}
.ma-el-hotspot__text {
/*cursor:text;*/
padding: 0 12px;
display: inline-block;
}
@keyframes pulse-grow {
0% {
transform: scale(1);
opacity: 1;
}
100% {
transform: scale(1.5);
opacity: 0;
}
}
/* End of MA Image Hotspots */
/* Start of MA Timeline */
.ma-el-timeline {
position: relative;
display: inline-block;
width: 100%;
max-width: 100%;
margin: 0 auto;
}
.ma-el-timeline {
display: inline-block;
width: 100%;
}
.ma-el-timeline .timeline-item {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
}
.ma-el-timeline .timeline-item__meta-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.ma-el-timeline .timeline-item__card__arrow:after {
position: absolute;
}
.ma-el-timeline .timeline-item__card__arrow:after {
content: "";
width: 0px;
height: 0px;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
}
.ma-el-center-vertical,
.ma-el-swiper__button,
.ma-el-timeline .timeline-item__card__arrow:after {
top: 50%;
transform: translateY(-50%);
}
.ma-el-timeline .timeline-item__card-wrapper,
.ma-el-timeline .timeline-item__meta-wrapper {
max-width: 100%;
position: relative;
}
/* .ma-el-timeline article { */
.ma-el-timeline .timeline-item__content-wrapper {
overflow: hidden;
background-color: #fff;
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
border-radius: 5px;
padding: 1.875rem;
}
.ma-el-timeline .ma-el-timeline__item {
margin-bottom: 20px;
}
.ma-el-timeline-entry-thimbnail {
border-radius: 5px;
margin-bottom: 30px;
}
.ma-el-timeline-entry-thimbnail img {
border-radius: 5px;
}
.ma-el-timeline-post-type-icon,
.ma-el-timeline-post-mini-thumb {
background-color: rgba(246, 246, 246, 0.75);
border-radius: 50%;
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
height: 64px;
width: 64px;
padding: 6px;
animation: pulse 2s infinite;
transition: all 0.25s ease;
}
.ma-el-timeline-post-mini-thumb {
background-color: #e8e8eb;
border-radius: 0;
height: 80px;
width: 80px;
}
.ma-el-timeline-post-mini-thumb img {
height: 65px;
width: 100%;
}
.ma-el-timeline-post-type-icon i {
background-color: #fff;
border-radius: 50%;
color: #4b00e7;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
width: 100%;
}
.ma-el-timeline-post-type-icon:hover {
animation: none;
}
.ma-el-timeline .timeline-item__card__arrow {
top: 0;
}
.ma-el-timeline .timeline-item__card__arrow {
width: 10px;
height: 40px;
position: absolute;
}
@media (min-width: 1025px) {
.ma-el-timeline-animate .ma-el-timeline .timeline-item__card {
visibility: hidden;
}
.ma-el-timeline-animate .ma-el-timeline .timeline-item.bounce-in .timeline-item__card,
.ma-el-timeline-animate .ma-el-timeline .timeline-item.bounce-in .timeline-item__meta {
visibility: visible;
}
.ma-el-timeline-animate .ma-el-timeline .timeline-item__meta {
visibility: hidden;
}
.ma-el-timeline-animate .ma-el-timeline .timeline-item.bounce-in .timeline-item__card {
animation: cd-bounce-odd 1s;
}
.ma-el-timeline-animate
.ma-el-timeline
.timeline-item.bounce-in
.timeline-item__meta
.ma-el-timeline-animate
.ma-el-timeline
.timeline-item.bounce-in
.timeline-item__meta {
animation: cd-bounce-even 1s;
}
.ma-el-timeline-animate .ma-el-timeline .timeline-item:nth-child(even).bounce-in .timeline-item__card {
animation: cd-bounce-even 1s;
}
.ma-el-timeline-animate .ma-el-timeline .timeline-item:nth-child(even).bounce-in .timeline-item__meta {
animation: cd-bounce-odd 1s;
}
.ma-el-timeline-align--left .ma-el-timeline .timeline-item__card__arrow {
left: -10px;
}
.ma-el-timeline-align--left .ma-el-timeline .timeline-item__card__arrow:after {
border-right-width: 10px;
border-right-style: solid;
border-right-color: #fff;
}
.ma-el-timeline-align--center .ma-el-timeline .timeline-item__card__arrow:after {
border-right-color: #fff;
border-left-color: #fff;
}
.ma-el-timeline-align-tablet--center .ma-el-timeline .timeline-item:nth-child(odd) .timeline-item__card__arrow {
left: -10px;
}
.ma-el-timeline-align-tablet--center
.ma-el-timeline
.timeline-item:nth-child(odd)
.timeline-item__card__arrow:after {
border-right-width: 10px;
border-right-style: solid;
}
.ma-el-timeline-align-tablet--center .ma-el-timeline .timeline-item:nth-child(odd) .timeline-item__meta {
text-align: right;
}
.ma-el-timeline-align-tablet--center .ma-el-timeline .timeline-item:nth-child(even) {
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.ma-el-timeline-align--center .ma-el-timeline .timeline-item__point {
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-order: 1;
order: 1;
}
.ma-el-timeline-align--center .ma-el-timeline .timeline-item__meta-wrapper {
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-order: 0;
order: 0;
}
.ma-el-timeline-align--center .ma-el-timeline .timeline-item__card-wrapper {
padding-left: 15px;
-ms-flex-order: 2;
order: 2;
}
.ma-el-timeline-align--center .ma-el-timeline .timeline-item__card-wrapper .timeline-item__meta {
display: none;
}
.ma-el-timeline-align--center .ma-el-timeline .timeline-item__card-wrapper,
.ma-el-timeline-align--center .ma-el-timeline .timeline-item__meta-wrapper {
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
.ma-el-timeline-align--center .ma-el-timeline .timeline-item__meta {
margin-right: 10px;
}
.ma-el-timeline-align--center .ma-el-timeline .timeline-item:nth-child(odd) .timeline-item__card__arrow {
left: 5px;
}
.ma-el-timeline-align--center .ma-el-timeline .timeline-item:nth-child(odd) .timeline-item__card__arrow:after {
border-right-width: 10px;
border-right-style: solid;
}
.ma-el-timeline-align--center .ma-el-timeline .timeline-item:nth-child(odd) .timeline-item__meta {
text-align: right;
}
.ma-el-timeline-align--center .ma-el-timeline .timeline-item:nth-child(even) {
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.ma-el-timeline-align--center .ma-el-timeline .timeline-item:nth-child(even) .timeline-item__meta-wrapper {
-ms-flex-direction: initial;
flex-direction: initial;
-ms-flex-pack: start;
justify-content: flex-start;
}
.ma-el-timeline-align--center .ma-el-timeline .timeline-item:nth-child(even) .timeline-item__meta {
margin-left: 10px;
}
.ma-el-timeline-align--center .ma-el-timeline .timeline-item:nth-child(even) .timeline-item__card-wrapper {
padding-left: 0;
padding-right: 15px;
}
.ma-el-timeline-align--center .ma-el-timeline .timeline-item:nth-child(even) .timeline-item__card__arrow {
right: 8px;
}
.ma-el-timeline-align--center .ma-el-timeline .timeline-item:nth-child(even) .timeline-item__card__arrow:after {
border-left-width: 10px;
border-left-style: solid;
}
.ma-el-timeline-align--center .ma-el-timeline .ma-el-timeline__line {
left: 50%;
}
.ma-el-timeline-align--overlay .ma-el-timeline .timeline-item {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
}
.ma-el-timeline-align--overlay .ma-el-timeline .timeline-item__point,
.ma-el-timeline-align--overlay .ma-el-timeline .timeline-item__meta {
margin-bottom: 12px;
}
.ma-el-timeline-align--overlay .ma-el-timeline .timeline-item__meta-wrapper {
display: none;
}
/* .ma-el-timeline-align--overlay .ma-el-timeline .timeline-item__meta {
visibility: visible !important;
animation: none !important;
} */
.ma-el-timeline-align--overlay .ma-el-timeline .ma-el-timeline__line {
left: 50%;
}
.ma-el-timeline-align--left .ma-el-timeline {
-ms-flex-pack: start;
justify-content: flex-start;
}
.ma-el-timeline-align--left .ma-el-timeline .ma-el-timeline__line {
left: 0px;
margin-left: 20px;
}
.ma-el-timeline-align--left .ma-el-timeline .timeline-item {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.ma-el-timeline-align--left .ma-el-timeline .timeline-item__point {
margin-left: 0 !important;
}
.ma-el-timeline-align--left .ma-el-timeline .timeline-item__meta-wrapper {
display: none;
}
.ma-el-timeline-align--left .ma-el-timeline .timeline-item__card-wrapper {
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-order: 1;
order: 1;
}
.ma-el-timeline-align--left .ma-el-timeline .timeline-item__card__arrow {
left: -10px;
}
.ma-el-timeline-align--left .ma-el-timeline .timeline-item__card__arrow:after {
border-right-width: 10px;
border-right-style: solid;
border-right-color: #fff;
}
.ma-el-timeline-align--left .ma-el-timeline .timeline-item__card-wrapper {
margin-left: 20px;
}
.ma-el-timeline-align--right .ma-el-timeline .ma-el-timeline__line {
left: auto;
right: 0;
margin-right: 20px;
transform: translateX(50%);
}
.ma-el-timeline-align--right .ma-el-timeline .timeline-item {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-pack: end;
justify-content: flex-end;
}
.ma-el-timeline-align--right .ma-el-timeline .timeline-item__point {
-ms-flex-order: 2;
order: 2;
margin-right: 0 !important;
}
.ma-el-timeline-align--right .ma-el-timeline .timeline-item__meta {
-ms-flex-order: 1;
order: 1;
}
.ma-el-timeline-align--right .ma-el-timeline .timeline-item__meta-wrapper {
display: none;
}
.ma-el-timeline-align--right .ma-el-timeline .timeline-item__card-wrapper {
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-order: 1;
order: 1;
}
.ma-el-timeline-align--right .ma-el-timeline .timeline-item__card__arrow {
right: -10px;
}
.ma-el-timeline-align--right .ma-el-timeline .timeline-item__card__arrow:after {
border-left-width: 10px;
border-left-style: solid;
border-left-color: #fff;
}
.ma-el-timeline-align--right .ma-el-timeline .timeline-item__card-wrapper {
margin-right: 10px;
}
.ma-el-timeline-align--right .ma-el-timeline .timeline-item__meta {
/* visibility: visible !important;
animation: none !important; */
margin-bottom: 12px;
}
.ma-el-timeline-cards-align--middle .ma-el-timeline .timeline-item {
-ms-flex-align: center;
align-items: center;
}
.ma-el-timeline-cards-align--middle .ma-el-timeline .timeline-item__card__arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.ma-el-timeline-cards-align--bottom .ma-el-timeline .timeline-item {
-ms-flex-align: end;
align-items: flex-end;
}
.ma-el-timeline-cards-align--bottom .ma-el-timeline .timeline-item__card__arrow {
top: auto;
bottom: 0;
}
}
@keyframes cd-bounce-even {
0% {
opacity: 0;
transform: translateX(-100px);
}
60% {
opacity: 1;
transform: translateX(10px);
}
100% {
transform: translateX(0px);
}
}
@keyframes cd-bounce-odd {
0% {
opacity: 0;
transform: translateX(100px);
}
60% {
opacity: 1;
transform: translateX(-10px);
}
100% {
transform: translateX(0px);
}
}
@-webkit-keyframes pulse {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2);
}
70% {
-webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}
}
@keyframes pulse {
0% {
-moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.4);
}
70% {
-moz-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
}
100% {
-moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}
}
.active .ma-el-timeline-post-type-icon {
/* background-color: #4b00e7; */
animation: none;
}
.active .ma-el-timeline-post-type-icon i {
background-color: #4b00e7;
color: #fff;
}
/*
.ma-el-timeline-post-date {
background-color: #fff;
color: #4b00e7;
display: inline-block;
font-size: 13px;
font-weight: 500;
padding: 3.5px 1.25rem;
position: relative;
}
.ma-el-timeline-post-date:before {
content: "";
height: 0;
width: 0;
position: absolute;
top: 0;
}
.ma-el-blog-timeline-post:nth-child(2n + 1) .ma-el-timeline-post-date:before {
border-top: 15px solid transparent;
border-left: 20px solid #fff;
border-bottom: 16px solid transparent;
right: -20px;
}
.ma-el-blog-timeline-post:nth-child(2n + 2) .ma-el-timeline-post-date:before {
border-top: 15px solid transparent;
border-right: 20px solid #fff;
border-bottom: 16px solid transparent;
left: -20px;
} */
.ma-el-timeline-entry-title {
color: #333;
font-size: 18px;
line-height: 28px;
margin-top: -7px;
}
.ma-el-timeline-entry-title a {
color: #333;
}
.ma-el-blog-timeline-post article p {
color: #78909c;
}
.ma-el-blog-timeline-post .ma-el-post-btn {
background-color: #4b00e7;
border-radius: 3rem;
color: #fff;
display: inline-block;
font-size: 13px;
font-weight: 500;
line-height: 50px;
margin-top: 0.5rem;
padding: 0 1.5rem;
}
.ma-el-blog-timeline-post .ma-el-post-btn i {
margin-left: 5px;
}
.post-type-quote .ma-el-timeline-entry-thimbnail {
background-color: #1ad797;
color: #fff;
font-size: 30px;
font-weight: 700;
font-style: italic;
padding: 3rem 1.875rem;
position: relative;
z-index: 0;
}
.post-type-quote .ma-el-timeline-entry-thimbnail:before {
content: "\f10d";
font-family: FontAwesome;
font-size: 5.5rem;
font-style: normal;
opacity: 0.5;
position: absolute;
top: -10px;
left: 15px;
z-index: -1;
}
.post-type-quote .ma-el-timeline-entry-thimbnail span {
display: block;
font-size: 13px;
font-style: normal;
margin-top: 1rem;
text-transform: uppercase;
}
/* .ma-el-timeline.solid-bg-color .ma-el-blog-timeline-post {
float: left;
left: 0;
right: 0;
padding: 100px 15px 0;
position: relative;
width: 100%;
} */
.ma-el-timeline.solid-bg-color .hexagon {
background-color: #fff;
border-left: solid 3px #7f49f0;
border-right: solid 3px #7f49f0;
display: inline-block;
height: 16px;
width: 25px;
top: 2px;
position: relative;
}
.ma-el-timeline.solid-bg-color .hexagon:before,
.ma-el-timeline.solid-bg-color .hexagon:after {
content: "";
height: 18px;
width: 18px;
left: 1px;
position: absolute;
z-index: 1;
-webkit-transform: scaleY(0.5774) rotate(-45deg);
-ms-transform: scaleY(0.5774) rotate(-45deg);
transform: scaleY(0.5774) rotate(-45deg);
background-color: inherit;
}
.ma-el-timeline.solid-bg-color .hexagon:before {
border-top: solid 4px #7f49f0;
border-right: solid 4px #7f49f0;
top: -9px;
}
.ma-el-timeline.solid-bg-color .hexagon:after {
border-bottom: solid 4px #7f49f0;
border-left: solid 4px #7f49f0;
bottom: -9px;
}
.ma-el-timeline.solid-bg-color .ma-el-timeline-post-inner {
position: initial;
}
/* .ma-el-timeline.solid-bg-color .ma-el-blog-timeline-post:before {
display: none;
} */
.ma-el-timeline-horz-pointer {
margin-bottom: 20px;
min-height: 19px;
position: relative;
text-align: center;
z-index: 0;
}
.ma-el-timeline.solid-bg-color .ma-el-timeline-horz-pointer:before {
content: "";
background-color: #7f49f0;
height: 4px;
width: calc(100% + 30px);
top: 50%;
left: 15px;
margin-top: -2px;
position: absolute;
z-index: -1;
}
.solid-bg-color .slick-slide:last-child .ma-el-timeline-horz-pointer:before {
left: initial;
right: 15px;
}
.ma-el-timeline.solid-bg-color .ma-el-blog-timeline-slider .ma-el-timeline-horz-pointer .ma-el-timeline-post-type-icon {
display: flex;
align-items: center;
justify-content: center;
transition: all 0.25s ease;
}
.ma-el-timeline.solid-bg-color .ma-el-blog-timeline-post article {
margin-left: 0;
margin-right: 0;
}
.ma-el-blog-timeline-slider {
position: relative;
}
.ma-el-blog-timeline-slider article {
margin-top: 0;
}
.ma-el-blog-timeline-slider .slick-list {
margin: 0 -15px;
}
.ma-el-blog-timeline-slider .slick-arrow {
display: none !important;
}
.ma-el-blog-timeline-slider-navigation {
left: 0;
top: 50%;
margin-top: -20px;
position: absolute;
width: 100%;
}
.ma-el-blog-timeline-slider-navigation ul,
.ma-el-blog-timeline-slider-navigation ol {
margin: 0;
}
.ma-el-blog-timeline-slider-navigation li {
background-color: #7f49f0;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 24px;
height: 40px;
width: 40px;
line-height: 40px;
list-style: none;
}
.ma-el-blog-timeline-slider-prev {
float: left;
}
.ma-el-blog-timeline-slider-next {
float: right;
}
.ma-el-blog-timeline-slider .ma-el-timeline-post-type-icon {
height: inherit;
width: inherit;
margin: 0 auto !important;
}
/* Update Styles */
.ma-el-timeline__line {
position: absolute;
background-color: #fff;
}
.ma-el-timeline__line__inner {
background-color: red;
}
.ma-el-timeline .ma-el-timeline__line {
width: 4px;
bottom: 0;
top: 0;
transform: translateX(-50%);
}
.ma-el-timeline .ma-el-timeline__line__inner {
width: 100%;
height: 20%;
}
.ma-el-timeline-align--left .ma-el-timeline {
-ms-flex-pack: start;
justify-content: flex-start;
}
.ma-el-timeline-align--left .ma-el-timeline .ma-el-timeline__line {
left: 0px;
margin-left: 20px;
}
.ma-el-timeline-align--left .ma-el-timeline .timeline-item {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.ma-el-timeline .timeline-item__point {
width: 40px;
height: 40px;
min-width: 10px;
min-height: 10px;
background-color: #000000;
color: #ffffff;
border-radius: 999px;
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
}
.ma-el-timeline .timeline-item__point {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.ma-el-timeline .timeline-item__point .ma-el-icon {
display: -ms-flexbox;
display: flex;
}
.ma-el-timeline .timeline-item__point__text {
font-size: 1em;
}
.ma-el-timeline-align--left .ma-el-timeline .timeline-item__point {
margin-left: 0 !important;
}
.ma-el-timeline-align--left .ma-el-timeline .timeline-item__meta-wrapper {
display: none;
}
.ma-el-timeline .timeline-item__card {
background-color: transparent;
padding: 0;
display: block;
position: relative;
}
.ma-el-timeline-align--left .ma-el-timeline .timeline-item__meta {
/* visibility: visible !important;
animation: none !important; */
margin-bottom: 12px;
}
@media (min-width: 768px) {
/*
.ma-el-blog-timeline-post {
clear: both;
position: relative;
width: 50%;
}
.solid-bg-color .ma-el-blog-timeline-post {
clear: inherit;
}
.ma-el-blog-timeline-post:before {
content: "";
background-color: #e8e8eb;
height: 100%;
width: 4px;
position: absolute;
}
.ma-el-blog-timeline-post:nth-child(2n + 1) {
float: right;
right: 2px;
}
.ma-el-blog-timeline-post:nth-child(2n + 2) {
float: left;
left: 2px;
}
.ma-el-blog-timeline-post:nth-child(2n + 1):before {
left: 0;
}
.ma-el-blog-timeline-post:nth-child(2n + 2):before {
right: 0;
}
.ma-el-blog-timeline-post:last-child:before {
height: 50px;
}
.ma-el-blog-timeline-post:nth-child(2n + 1) article {
float: right;
margin-left: 80px;
}
.ma-el-blog-timeline-post:nth-child(2n + 2) article {
margin-right: 80px;
} */
/*
.ma-el-timeline-post-inner {
position: relative;
}
.ma-el-timeline-post-top {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
left: -100%;
width: 100%;
top: 40px;
position: absolute;
}
.ma-el-blog-timeline-post:nth-child(2n + 2) .ma-el-timeline-post-top {
justify-content: flex-start;
left: inherit;
right: -100%;
}
.ma-el-blog-timeline-post:nth-child(2n + 2) .ma-el-timeline-post-date {
order: 1;
}
.ma-el-blog-timeline-post:nth-child(2n + 1) .ma-el-timeline-post-type-icon {
margin: 0 -21px 0 40px;
order: 1;
}
.ma-el-blog-timeline-post:nth-child(2n + 2) .ma-el-timeline-post-type-icon {
margin: 0 40px 0 -25px;
}
.ma-el-blog-timeline-post:nth-child(2n + 1) .ma-el-timeline-post-mini-thumb {
margin: 0 -40px 0 40px;
order: 1;
}
.ma-el-blog-timeline-post:nth-child(2n + 2) .ma-el-timeline-post-mini-thumb {
margin: 0 40px 0 -40px;
}
.ma-el-timeline.solid-bg-color .ma-el-timeline-post-top {
justify-content: center;
margin-bottom: 30px;
position: static;
}
*/
}
@media (max-width: 992px) {
.ma-el-timeline .timeline-item__content-wrapper {
padding: 1rem;
}
/* .ma-el-blog-timeline-post:nth-child(2n + 1) article {
margin-left: 60px;
}
.ma-el-blog-timeline-post:nth-child(2n + 2) article {
margin-right: 60px;
} */
}
@media (max-width: 767px) {
/* .ma-el-blog-timeline-post:nth-child(2n + 1) article {
margin-left: 0;
}
.ma-el-blog-timeline-post:nth-child(2n + 2) article {
margin-right: 0;
}
.ma-el-blog-timeline-post:nth-child(2n + 1) .ma-el-timeline-post-date:before {
border-top: 15px solid transparent;
border-right: 20px solid #fff;
border-bottom: 16px solid transparent;
border-left: none;
left: -20px;
}
.ma-el-timeline-post-top {
display: flex;
align-items: center;
margin-bottom: 2rem;
}
.ma-el-timeline-post-type-icon,
.ma-el-timeline-post-mini-thumb {
margin-right: 2.5rem;
}
*/
/* .ma-el-timeline.solid-bg-color .ma-el-blog-timeline-post:before {
width: 100%;
}
.solid-bg-color .ma-el-timeline-post-top {
justify-content: center;
margin: 1rem 0;
}
*/
/* .ma-el-timeline.solid-bg-color .ma-el-blog-timeline-post:before {
top: -11px;
}
.ma-el-timeline.solid-bg-color .hexagon {
top: -25px;
} */
}
/* End of MA Timeline */
/* Start of MA Image Filter Gallery */
.ma-el-image-filter-nav ul li {
background-color: #111111;
color: #ffffff;
display: inline-block;
font-size: 1em;
margin: 0 15px 10px 15px;
padding: 10px 22px;
text-decoration: none;
text-transform: capitalize;
cursor: pointer;
}
.jltma-image-ratio-yes.ma-el-image-filter-gallery-wrapper .ma-el-image-filter-item .ma-image-hover-thumb {
position: relative;
top: 0;
overflow: hidden;
left: 0;
right: 0;
border: 0;
}
.jltma-image-ratio-yes.ma-el-image-filter-gallery-wrapper .ma-el-image-filter-item .ma-image-hover-thumb img {
height: 100%;
width: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
object-fit: cover;
}
.ma-el-image-filter-nav .ma-el-tooltip .ma-el-tooltip-content {
line-height: inherit;
}
.ma-el-image-filter-nav .ma-el-tooltip-text {
color: #000;
}
.ma-el-image-filter-gallery .ma-el-image-filter-item {
position: relative;
}
.portfolio-item .about-item {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background: rgba(233, 110, 79, 0.6);
color: #ffffff;
cursor: crosshair;
opacity: 0;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.ma-el-image-filter-gallery .ma-el-image-filter-item:hover .about-item {
opacity: 1;
}
.ma-el-image-filter-gallery .ma-el-image-filter-item .ma-el-image-hover-title {
display: block;
font-size: 16px;
text-align: center;
width: 100%;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.ma-image-hover-thumb img {
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.ma-el-image-filter-item h2 {
word-spacing: -0.15em;
font-weight: 300;
}
.ma-el-image-filter-item h2 span {
font-weight: 800;
}
.ma-el-image-filter-item h2,
.ma-el-image-filter-item p {
margin: 0;
}
.ma-el-image-filter-item p {
letter-spacing: 1px;
font-size: 68.5%;
}
.ma-el-image-filter-item .ma-image-hover-content {
background-color: rgba(0, 0, 0, 0.5);
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
height: 100%;
width: 100%;
left: 0;
top: 0;
opacity: 0;
padding: 15px;
position: absolute;
-webkit-transition: all 0.25s ease;
-moz-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;
}
.ma-el-image-filter-item:hover .ma-image-hover-content {
opacity: 1;
}
.ma-el-image-filter-item .ma-el-fancybox {
color: #fff;
font-size: 20px;
}
.ma-el-image-filter-item .ma-el-fancybox svg {
width: 80px;
height: 80px;
fill: white;
}
.ma-image-hover-content-details {
padding: 1.875rem 0 0.5rem;
text-align: center;
}
.ma-el-image-hover-desc {
font-size: 14px;
}
.ma-el-image-filter-item .ma-image-hover-item-info {
left: 10px;
top: 10px;
position: absolute;
z-index: 1;
}
.ma-image-hover-item-info .ma-el-label {
line-height: 1;
margin-right: 5px;
padding: 5px 10px;
}
.ma-el-image-filter-item .ma-el-creative-button {
color: #fff;
background-color: rgba(51, 51, 51, 0);
border: 1px solid #fff;
border-radius: 5px;
}
.ma-el-image-filter-item .ma-el-creative-button:hover {
background-color: #4b00e7;
border-color: #4b00e7;
}
/*.ma-el-image-filter-gallery.ma-el-image-filter-gallery-items {*/
/*height: initial !important;*/
/*}*/
/* End of MA Image Filter Gallery */
/* Start of Page Scroll Indicator */
.ma-el-page-scroll-indicator {
width: 100%;
height: 5px;
background: #fff;
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 9999;
}
.logged-in.admin-bar .ma-el-page-scroll-indicator {
top: 32px;
}
.ma-el-scroll-indicator {
width: 0%;
height: 5px;
background: #007bff;
}
/* End of Page Scroll Indicator */
/* Start of Image Comparison */
.jltma-image-comparison {
position: relative;
}
.jltma-image-comparison > img {
width: 100%;
}
.jltma-image-comparison img:last-child {
position: absolute;
top: 0;
}
.jltma-image-comparison .twentytwenty-handle .twentytwenty-left-arrow {
border-right-color: #4b00e7;
}
.jltma-image-comparison .twentytwenty-handle .twentytwenty-right-arrow {
border-left-color: #4b00e7;
}
.jltma-image-comparison .twentytwenty-handle .twentytwenty-down-arrow {
border-top-color: #4b00e7;
}
.jltma-image-comparison .twentytwenty-handle .twentytwenty-up-arrow {
border-bottom-color: #4b00e7;
}
.jltma-image-comparison .twentytwenty-handle {
background: white;
-webkit-animation: jltma-image-comparison-pulse 1000ms ease-in-out 0s infinite alternate;
animation: jltma-image-comparison-pulse 1000ms ease-in-out 0s infinite alternate;
}
@-webkit-keyframes jltma-image-comparison-pulse {
0% {
box-shadow: 0px 0px 2px rgba(61, 61, 61, 0.8), 0 0 0 4px rgba(255, 255, 255, 0.15);
}
100% {
box-shadow: 0px 0px 2px rgba(61, 61, 61, 0.8), 0 0 0 12px rgba(255, 255, 255, 0.3);
}
}
@keyframes jltma-image-comparison-pulse {
0% {
box-shadow: 0px 0px 2px rgba(61, 61, 61, 0.8), 0 0 0 4px rgba(255, 255, 255, 0.15);
}
100% {
box-shadow: 0px 0px 2px rgba(61, 61, 61, 0.8), 0 0 0 12px rgba(255, 255, 255, 0.3);
}
}
/* End of Image Comparison */
/* Start of Advanced Image */
.jltma-advanced-image .jltma-adv-image-wrapper {
display: inline-block;
}
.jltma-advanced-image .jltma-adv-image-wrapper .jltma-image-has-secondary img:last-child {
position: absolute;
top: 0;
left: 0;
opacity: 0;
z-index: 2;
-webkit-transition: opacity 1s;
transition: opacity 1s;
}
.jltma-advanced-image .jltma-adv-image-wrapper:hover .jltma-image-has-secondary img:last-child {
opacity: 1;
}
.jltma-advanced-image .jltma-media-image {
-webkit-transition: all 300ms ease-out;
transition: all 300ms ease-out;
}
.jltma-advanced-image .jltma-media-image img {
display: inline-block;
}
.jltma-advanced-image.jltma-alignnone {
text-align: center;
}
.jltma-advanced-image.jltma-alignleft {
float: left;
}
.jltma-advanced-image.jltma-alignright {
float: right;
}
aside .jltma-advanced-image.jltma-alignleft,
aside .jltma-advanced-image.jltma-alignright,
aside .jltma-advanced-image.jltma-alignnone {
float: none;
}
.jltma-media-image {
position: relative;
}
.jltma-media-image.jltma-hidden-overflow {
overflow: hidden;
}
.jltma-ribbon-wrapper {
z-index: 5;
}
.jltma-ribbon-wrapper.jltma-corner-ribbon {
width: 200px;
background: #ea4335;
position: absolute;
top: 25px;
left: -50px;
text-align: center;
line-height: 50px;
letter-spacing: 1px;
color: #ffffff;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}
.jltma-ribbon-wrapper.jltma-corner-ribbon.top-right {
top: 25px;
right: -50px;
left: auto;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.jltma-ribbon-wrapper.jltma-corner-ribbon.bottom-left {
top: auto;
bottom: 25px;
left: -50px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.jltma-ribbon-wrapper.jltma-corner-ribbon.bottom-right {
top: auto;
right: -50px;
bottom: 25px;
left: auto;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
.jltma-ribbon-wrapper.jltma-simple-ribbon {
background: #ea4335;
color: #ffffff;
padding: 7px 50px;
position: absolute;
top: 25px;
left: -1px;
}
.jltma-ribbon-wrapper.jltma-simple-ribbon.top-right {
top: 25px;
right: -1px;
left: auto;
}
.jltma-ribbon-wrapper.jltma-simple-ribbon.bottom-left {
top: auto;
bottom: 25px;
left: -1px;
}
.jltma-ribbon-wrapper.jltma-simple-ribbon.bottom-right {
top: auto;
right: -1px;
bottom: 25px;
left: auto;
}
.jltma-ribbon-wrapper.jltma-cross-ribbon {
position: absolute;
background: #ea4335;
top: -15px;
padding: 10px;
left: 25px;
color: #ffffff;
border-radius: 0 0 2px 2px;
}
.jltma-ribbon-wrapper.jltma-cross-ribbon:before {
content: "";
position: absolute;
left: -15px;
right: 0;
top: 0;
bottom: 0;
width: 0;
height: 0;
border-bottom: 15px solid #a42f25;
border-left: 15px solid transparent !important;
}
.jltma-ribbon-wrapper.jltma-cross-ribbon.top-right {
right: 25px;
left: auto;
}
.jltma-ribbon-wrapper.jltma-cross-ribbon.top-right:before {
left: auto;
right: -15px;
border-left: 0 !important;
border-right: 15px solid transparent !important;
}
.jltma-ribbon-wrapper.jltma-cross-ribbon.bottom-left {
top: auto;
bottom: -15px;
}
.jltma-ribbon-wrapper.jltma-cross-ribbon.bottom-left:before {
border-top: 15px solid #a42f25;
border-bottom: 0;
top: auto;
}
.jltma-ribbon-wrapper.jltma-cross-ribbon.bottom-right {
top: auto;
right: 25px;
bottom: -15px;
left: auto;
}
.jltma-ribbon-wrapper.jltma-cross-ribbon.bottom-right:before {
left: auto;
right: -15px;
border-left: 0 !important;
border-right: 15px solid transparent !important;
border-top: 15px solid #a42f25;
border-bottom: 0;
top: auto;
}
.jltma-adv-image-wrapper.jltma-media-image {
display: block;
position: relative;
overflow: hidden;
max-width: 100%;
text-align: center;
}
.jltma-adv-image-wrapper.jltma-media-image img {
height: auto;
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
}
.jltma-lightbox-btn {
direction: ltr;
}
.jltma-has-preview {
transform: translate3d(0, 0, 0);
transition: filter 300ms;
will-change: filter;
perspective-origin: center;
}
.jltma-has-preview.jltma-preload,
.jltma-has-preview.jltma-preloading {
filter: blur(10px);
}
.jltma-has-preview.jltma-preloaded {
filter: blur(0);
}
.jltma-preload,
.jltma-preloading,
.jltma-preloaded {
will-change: background, opacity;
}
.jltma-preload.jltma-progress-box,
.jltma-preloading.jltma-progress-box {
position: relative;
background: #dddddd;
background-image: linear-gradient(to right, #dddddd 33%, #f5f5f5 40%, #e5e5e5 43%, #dddddd 46%);
background-repeat: no-repeat;
background-size: 300% auto;
animation-duration: 1.4s;
animation-fill-mode: forwards;
animation-iteration-count: infinite;
animation-name: JltmaLoadingWave;
animation-timing-function: linear;
}
.jltma-preload.jltma-blank,
.jltma-preloading.jltma-blank {
opacity: 0;
}
.jltma-preloading.jltma-simple-spinner,
.jltma-preloading.jltma-simple-spinner-light,
.jltma-preloading.jltma-simple-spinner-dark {
background-repeat: no-repeat;
background-position: center center;
}
.jltma-preloading.jltma-simple-spinner {
background-image: url(../images/spinner-default.svg);
}
.jltma-preloading.jltma-simple-spinner-light {
background-image: url(../images/spinner-light.svg);
}
.jltma-preloading.jltma-simple-spinner-dark {
background-image: url(../images/spinner-dark.svg);
}
.jltma-preloaded.jltma-blank {
animation-name: JltmaFadeInPreloaded;
animation-duration: 400ms;
animation-fill-mode: both;
animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@keyframes JltmaLoadingWave {
0% {
background-position: 0% 0;
}
100% {
background-position: 66% 0;
}
}
@keyframes JltmaFadeInPreloaded {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.jltma-img-dynamic-dropshadow-frame {
position: relative;
}
.jltma-img-dynamic-dropshadow-frame .jltma-img-dynamic-dropshadow {
position: relative;
z-index: 1;
}
.jltma-img-dynamic-dropshadow-frame .jltma-img-dynamic-dropshadow-cloned {
position: absolute;
left: 0;
right: 0;
top: 0;
margin: 0 auto !important;
transform: translateX(75px) translateY(40px);
opacity: 0.4;
filter: blur(50px);
}
.jltma-orginal-blured-img {
position: relative;
overflow: hidden;
}
.jltma-blured-img {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
opacity: 0;
transition: opacity, transform 100ms ease-out;
will-change: opacity, transform;
}
/** Hover effect symbols This file contains a collection of symbols that can appear over a frame with hover effect Each symbol can have its own unique effect. */
.jltma-hover-scale-circle-plus,
.jltma-hover-scale-circle-plus2 {
display: block;
position: absolute;
direction: ltr;
}
.jltma-hover-scale-circle-plus .jltma-symbol-plus,
.jltma-hover-scale-circle-plus2 .jltma-symbol-plus,
.jltma-hover-scale-circle-plus .jltma-symbol-circle,
.jltma-hover-scale-circle-plus2 .jltma-symbol-circle {
position: absolute;
display: block;
opacity: 0;
transition: all 800ms cubic-bezier(0.75, 0.1, 0.25, 0.9);
}
.jltma-hover-scale-circle-plus .jltma-symbol-plus,
.jltma-hover-scale-circle-plus2 .jltma-symbol-plus {
z-index: 3;
width: 30px;
height: 30px;
margin-top: 15px;
transform-origin: 50% 0 0;
}
.jltma-hover-scale-circle-plus .jltma-symbol-plus::after,
.jltma-hover-scale-circle-plus2 .jltma-symbol-plus::after,
.jltma-hover-scale-circle-plus .jltma-symbol-plus::before,
.jltma-hover-scale-circle-plus2 .jltma-symbol-plus::before {
content: "";
position: absolute;
display: block;
height: 1px;
width: 100%;
background-color: white;
}
.jltma-hover-scale-circle-plus .jltma-symbol-plus::after,
.jltma-hover-scale-circle-plus2 .jltma-symbol-plus::after {
transform: rotate(90deg);
}
.jltma-hover-scale-circle-plus .jltma-symbol-circle,
.jltma-hover-scale-circle-plus2 .jltma-symbol-circle {
width: 100px;
height: 100px;
border: solid 2px white;
border-radius: 50%;
}
.jltma-hover-scale-circle-plus {
top: 50%;
left: 50%;
}
.jltma-hover-scale-circle-plus .jltma-symbol-plus {
transform: translate3d(-50%, -50%, 0) scale(0.8);
transform-origin: 50% 0 0;
}
.ie9 .jltma-hover-scale-circle-plus .jltma-symbol-plus {
-ms-transform: translate(-50%, -50%);
}
.jltma-hover-scale-circle-plus .jltma-symbol-circle {
z-index: 2;
transform: translate3d(-50%, -50%, 0) scale(1.25);
}
.ie9 .jltma-hover-scale-circle-plus .jltma-symbol-circle {
-ms-transform: translate(-50%, -50%);
}
.jltma-hover-active:hover .jltma-hover-scale-circle-plus .jltma-symbol-plus,
.jltma-hover-active:hover .jltma-hover-scale-circle-plus .jltma-symbol-circle {
opacity: 1;
transform: translate3d(-50%, -50%, 0) scale(1) rotate(0);
}
.ie9 .jltma-hover-active:hover .jltma-hover-scale-circle-plus .jltma-symbol-plus,
.ie9 .jltma-hover-active:hover .jltma-hover-scale-circle-plus .jltma-symbol-circle {
-ms-transform: translate(-50%, -50%);
}
.jltma-hover-scale-circle-plus2 {
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.jltma-hover-scale-circle-plus2 .jltma-symbol-plus,
.jltma-hover-scale-circle-plus2 .jltma-symbol-circle {
top: 50%;
left: 50%;
}
.jltma-hover-scale-circle-plus2 .jltma-symbol-plus {
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0) scale(0.8);
transform-origin: 50% 0 0;
}
.ie9 .jltma-hover-scale-circle-plus2 .jltma-symbol-plus {
-ms-transform: translate(-50%, -50%);
}
.jltma-hover-scale-circle-plus2 .jltma-symbol-circle {
z-index: 2;
transform: translate3d(-50%, -50%, 0) scale(1.25);
}
.ie9 .jltma-hover-scale-circle-plus2 .jltma-symbol-circle {
-ms-transform: translate(-50%, -50%);
}
.jltma-hover-active:hover .jltma-hover-scale-circle-plus2 .jltma-symbol-plus,
.jltma-hover-active:hover .jltma-hover-scale-circle-plus2 .jltma-symbol-circle {
opacity: 1;
transform: translate3d(-50%, -50%, 0) scale(1) rotate(0);
}
.ie9 .jltma-hover-active:hover .jltma-hover-scale-circle-plus2 .jltma-symbol-plus,
.ie9 .jltma-hover-active:hover .jltma-hover-scale-circle-plus2 .jltma-symbol-circle {
-ms-transform: translate(-50%, -50%);
}
.jltma-hover-fade {
opacity: 0;
transition: opacity 1s ease-in-out;
will-change: opacity;
}
.jltma-hover-active:hover .jltma-hover-fade {
opacity: 1;
}
/* End of Advanced Image */
/* Start of Restrict Content */
.ma-el-restrict-content-wrap .ma-el-restrict-content {
padding: 20px 30px;
}
/* .ma-el-restrict-content-message-text .ma-el-alert{
} */
/* Custom animation */
/* .fancybox-bg, .fancybox-content{
background: #ec5b5b !important;
} */
/* .fancybox-container--ready .fancybox-bg{
background-color: red;
} */
.fancybox-content {
padding: 10px !important;
}
.fancybox-content,
.fancybox-content .ma-el-restrict-age-wrapper.card {
background-color: transparent !important;
border: none;
}
.fancybox-is-open .fancybox-bg {
opacity: 1 !important;
}
.fc-container .fancybox-bg .windowload,
.fc-container .fancybox-bg .windowloadfullscreen {
background: #eee;
}
.fancybox-is-open.fc-container .fancybox-bg {
opacity: 1;
}
.fc-content {
margin: 20px;
max-width: 550px;
padding: 50px;
box-shadow: 10px 10px 60px -25px;
border-radius: 4px;
}
.fancybox-fx-material.fancybox-slide--previous,
.fancybox-fx-material.fancybox-slide--next {
transform: translateY(-60px) scale(1.1);
opacity: 0;
}
.fancybox-fx-material.fancybox-slide--current {
opacity: 1;
transform: translateY(0) scale(1);
}
.fancybox-container {
position: fixed;
z-index: 999999999;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
}
.fancybox-stage {
position: fixed;
z-index: 999999999;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
overflow-y: auto;
}
.animated-modal {
max-width: 550px;
border-radius: 4px;
overflow: hidden;
transform: translateY(-50px);
transition: all 0.7s;
}
.animated-modal h2,
.animated-modal p {
transform: translateY(-50px);
opacity: 0;
transition-property: transform, opacity;
transition-duration: 0.4s;
}
/* Final state */
.fancybox-slide--current .animated-modal,
.fancybox-slide--current .animated-modal h2,
.fancybox-slide--current .animated-modal p {
transform: translateY(0);
opacity: 1;
}
/* Reveal content with different delays */
.fancybox-slide--current .animated-modal h2 {
transition-delay: 0.1s;
}
.fancybox-slide--current .animated-modal p {
transition-delay: 0.3s;
}
.ma_el_rc_answer label {
font-size: 3em;
}
.ma_el_rc_answer input,
.ma_el_ra_year {
line-height: 2;
color: #333 !important;
}
/* Birthday Restrict Content */
.ma_el_ra_select_wrap {
position: relative;
float: left;
width: calc(33.3333333333% - 0.66666666666px);
margin-right: 1px;
text-align: center;
font-size: 14px;
cursor: pointer;
}
.ma_el_ra_select_wrap:nth-of-type(3) {
margin-right: 0px;
}
.ma_el_ra_select {
width: 100%;
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Chrome/Safari/Opera */
-khtml-user-select: none; /* Konqueror */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Non-prefixed version, currently not supported by any browser */
}
#ma_el_dob {
margin: 50px auto 30px auto;
}
#ma_el_dob * {
color: #333;
}
.fancybox-container * {
line-height: 1.2;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
/* color: white; */
}
.ma_el_ra_select_wrap .ma_el_ra_select_val,
.ma_el_ra_select_wrap .ma_el_ra_options {
display: none;
}
.ma_el_ra_select_wrap .ma_el_ra_select_val {
font-size: 14px;
}
.ma_el_ra_select select {
height: auto;
width: 100%;
border: none;
padding: 18px 20px 18px 20px;
background: url("../images/dropdown.png") no-repeat 85% center white;
font-size: 16px; /* 16px prevents iOS zooming when clicking select */
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
/* Hide dropdown on IE 10 */
.ma_el_ra_select select::-ms-expand {
display: none;
}
.ma_el_ra_select_wrap:nth-of-type(1) select {
-webkit-border-radius: 4px 0px 0px 4px;
-moz-border-radius: 4px 0px 0px 4px;
border-radius: 4px 0px 0px 4px;
}
.ma_el_ra_select_wrap:nth-of-type(2) select {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.ma_el_ra_select_wrap:nth-of-type(3) select {
-webkit-border-radius: 0px 4px 4px 0px;
-moz-border-radius: 0px 4px 4px 0px;
border-radius: 0px 4px 4px 0px;
}
#ma_el_dob .ma_el_ra_options ul {
margin: 0;
overflow-x: hidden;
}
#ma_el_dob .ma_el_ra_options ul li {
/* width: 100%; */
width: 130%;
display: block;
padding: 0;
margin-left: -50px;
display: block;
padding: 5px 0px;
text-align: center;
font-size: 13px;
}
/*
.ma_el_rc_submit .ma-el-btn {
padding: 15px 62px;
text-align: center;
border: 1px solid white;
background: transparent;
font-size: 18px;
font-weight: bold;
color: white;
cursor: pointer;
text-transform: none;
text-decoration: none;
outline: none;
display: inline-block;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
margin: 0px 10px 10px 10px;
}
.ma_el_rc_submit .ma-el-btn:hover {
background-color: white;
color: #333;
-webkit-transition: background-color 0.2s;
-moz-transition: background-color 0.2s;
-o-transition: background-color 0.2s;
transition: background-color 0.2s;
} */
@media only screen and (min-width: 480px) {
#ma_el_dob {
width: 90%;
}
}
@media only screen and (min-width: 768px) {
#ma_el_dob {
width: 80%;
}
.ma_el_ra_select_wrap .ma_el_ra_select_val {
display: block;
}
.ma_el_ra_select {
padding: 18px 20px 18px 20px;
background: url("../images/dropdown.png") no-repeat 85% center white;
}
.ma_el_ra_select_wrap:nth-of-type(1) .ma_el_ra_select {
-webkit-border-radius: 4px 0px 0px 4px;
-moz-border-radius: 4px 0px 0px 4px;
border-radius: 4px 0px 0px 4px;
}
.ma_el_ra_select_wrap:nth-of-type(3) .ma_el_ra_select {
-webkit-border-radius: 0px 4px 4px 0px;
-moz-border-radius: 0px 4px 4px 0px;
border-radius: 0px 4px 4px 0px;
}
.ma_el_ra_select select {
display: none;
}
.ma_el_ra_options {
position: absolute;
z-index: 1000;
top: calc(100% + 10px);
left: 0px;
width: 100%;
padding: 5px;
background-color: white;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.ma_el_ra_options.ma_el_ra_active {
display: block;
}
.ma_el_ra_options ul {
float: left;
width: 100%;
max-height: 200px;
overflow-y: auto;
list-style-type: none;
}
/* Prevent Mac OS hiding scrollbar */
.ma_el_ra_options ul::-webkit-scrollbar {
-webkit-appearance: none;
background-color: #e1e1e1;
width: 8px;
}
.ma_el_ra_options ul::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, 0.5);
}
.ma_el_ra_options ul li {
width: 100%;
display: block;
padding: 5px 0px;
text-align: center;
font-size: 13px;
}
#ma_el_dob .ma_el_ra_options ul li:hover,
#ma_el_dob .ma_el_ra_options ul li.ma_el_ra_active {
color: white;
background-color: #333;
}
.ma_el_ra_triangle_up {
position: absolute;
z-index: 9;
top: -10px;
left: 43%;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid blue;
}
}
/* End of Restrict Content */
/* RevealFx */
.block-revealer__element {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
pointer-events: none;
opacity: 0;
z-index: 1000;
}
.ma-el-btn-loader {
position: relative;
}
.ma-el-btn-loader span {
-webkit-transition: none;
transition: none;
opacity: 1;
}
.ma-el-btn-loader svg {
opacity: 0;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.ma-el-btn-loader.ma-el-svg-progress span {
opacity: 0;
}
.ma-el-btn-loader.ma-el-svg-progress svg {
opacity: 1;
}
/* MA Table */
.ma-el-table th {
background: #4b00e7;
color: #fff;
font-weight: bold;
}
.ma-el-table td,
.ma-el-table th {
padding: 10px;
border: 1px solid #ccc;
text-align: left;
font-size: 18px;
}
/*
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media only screen and (max-device-width: 768px) {
.ma-el-table {
width: 100%;
}
/* Force table to not be like tables anymore */
.ma-el-table,
.ma-el-table thead,
.ma-el-table tbody,
.ma-el-table th,
.ma-el-table td,
.ma-el-table tr {
display: block;
}
/* Hide table headers (but not display: none;, for accessibility) */
.ma-el-table thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
.ma-el-table tr {
border: 1px solid #ccc;
}
.ma-el-table td {
/* Behave like a "row" */
border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-left: 50%;
}
.ma-el-table td:before {
/* Now like a table header */
position: absolute;
/* Top/left values mimic padding */
top: 6px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
/* Label the data */
content: attr(data-column);
color: #000;
font-weight: bold;
}
}
/* MA Search */
.jltma-search-section {
line-height: 100%;
}
.jltma-search-section .jltma-search-icon {
font-size: 20px;
display: block;
height: 26px;
width: 26px;
margin: 0;
padding: 0;
background: none;
font-size: 22px;
}
@media screen and (max-width: 40em) {
.search-wrap {
font-size: 0.85em;
position: absolute;
top: 2.15em;
right: 2em;
}
}
/* Layout for search container */
.jltma-search {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
opacity: 0;
text-align: center;
transition: all 0.4s ease;
}
.jltma-search.search--open {
opacity: 1;
}
.js .jltma-search {
position: fixed;
z-index: 1000;
top: 0;
left: 0;
width: 100%;
height: 100vh;
/* background-attachment: fixed; */
}
.js .jltma-search::before {
content: "";
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
/* background: rgba(0,0,0,0.8); */
background: rgba(40, 43, 47, 0.9);
}
.btn--search-close {
font-size: 2em;
position: absolute;
top: 1.25em;
right: 1.25em;
display: none;
color: #4b00e7;
background: none;
margin: 0;
padding: 0;
}
.icon--search {
display: block;
width: 1.5em;
height: 1.5em;
margin: 0 auto;
fill: currentColor;
}
.js .btn--search-close {
display: block;
}
.search__form {
margin: 5em 0;
z-index: 999;
}
.search__input {
font-family: inherit;
font-size: 8vw;
line-height: 1;
display: inline-block;
box-sizing: border-box;
width: 75%;
padding: 0.05em 0;
padding: 0 !important;
color: #fff !important;
border: 0 !important;
border-bottom: 5px solid !important;
background: transparent !important;
border-radius: 0 !important;
-webkit-appearance: none !important;
}
.search__input:focus {
outline: none;
}
.search__input::-webkit-input-placeholder {
/* WebKit, Blink, Edge */
color: #fff;
}
.search__input::-moz-placeholder {
opacity: 1;
/* Mozilla Firefox 19+ */
color: #fff;
}
.search__input:-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: #fff;
}
.search__input::-webkit-search-cancel-button,
.search__input::-webkit-search-decoration {
-webkit-appearance: none;
}
.search__input::-ms-clear {
display: none;
}
.search__info {
font-size: 90%;
font-weight: bold;
display: block;
width: 75%;
margin: 0 auto;
padding: 0.85em 0;
text-align: right;
color: #fdfdfd;
}
/* Form Search */
.jltma-search-form .form-control {
border: 1px solid #e6e6e6;
box-shadow: none;
height: 50px;
border-radius: 0;
padding-right: 50px;
text-transform: initial;
}
.jltma-search-form .search-submit {
border: 0;
position: absolute;
top: 0;
right: 0;
height: 50px;
width: 50px;
line-height: 54px;
overflow: hidden;
outline: 0;
border-left: 1px solid #e6e6e6;
background: transparent;
}
.jltma-search-form .search-submit i {
width: 40px;
font-size: 2em;
color: #000;
margin-top: -25px;
margin-left: -20px;
}
.jltma-search-form .jltma-text.search-submit {
color: #000;
width: inherit;
line-height: inherit;
}
/************************/
/* Transitions */
/************************/
.js .main-wrap {
position: relative;
transition: transform 0.5s;
}
.js .main-wrap--move .btn--search {
pointer-events: none;
opacity: 0;
}
.js .jltma-search {
pointer-events: none;
}
.js .search--open {
pointer-events: auto;
}
.js .search::before {
opacity: 0;
transition: opacity 0.5s;
}
.js .search--open::before {
opacity: 1;
}
/* Close button */
.btn--search-close {
opacity: 0;
transition: opacity 0.5s;
}
.search--open .btn--search-close {
opacity: 1;
}
/* Search form with input and description */
/* .search__info {
opacity: 0;
transform: translate3d(0, 50px, 0);
transition: opacity 0.4s, transform 0.4s;
}
.search--open .search__info {
opacity: 1;
transform: translate3d(0, 0, 0);
} */
/*
.js .search__input {
transform: scale3d(0,1,1);
transform-origin: 0% 50%;
transition: transform 0.3s;
}
.js .search--open .search__input {
transform: scale3d(1,1,1);
transition-duration: 0.5s;
} */
@media screen and (max-width: 40em) {
.btn--search-close {
font-size: 1.25em;
}
}
.main-wrap {
position: relative;
display: flex;
flex-direction: column;
}
.btn:focus,
.jltma-btn:focus {
outline: none;
}
.btn--search {
font-size: 1.5em;
background: none;
margin: 0;
padding: 0;
}
.btn--search:hover,
.btn--search:focus {
background-color: transparent;
outline: none;
}
.btn--search i {
color: #4b00e7;
cursor: pointer;
}
.btn--hidden {
pointer-events: none;
opacity: 0;
}
/* MEGA Menu CSS */
body.offcanvas-active {
overflow: hidden;
}
.offcanvas-header {
display: none;
}
.screen-overlay {
width: 0%;
height: 100%;
z-index: 30;
position: fixed;
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
background-color: rgba(34, 34, 34, 0.6);
-webkit-transition: opacity 0.2s linear, visibility 0.1s, width 1s ease-in;
transition: opacity 0.2s linear, visibility 0.1s, width 1s ease-in;
}
.screen-overlay.show {
-webkit-transition: opacity 0.5s ease, width 0s;
transition: opacity 0.5s ease, width 0s;
opacity: 1;
width: 100%;
visibility: visible;
}
.modal .modal-dialog-aside {
width: 350px;
max-width: 80%;
height: 100%;
margin: 0;
-webkit-transform: translate(0);
transform: translate(0);
-webkit-transition: -webkit-transform 0.2s;
transition: -webkit-transform 0.2s;
transition: transform 0.2s;
transition: transform 0.2s, -webkit-transform 0.2s;
}
.modal .modal-dialog-aside .modal-content {
height: inherit;
border: 0;
border-radius: 0;
}
.modal .modal-dialog-aside .modal-content .modal-body {
overflow-y: auto;
}
.modal.fixed-left .modal-dialog-aside {
margin-right: auto;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
.modal.fixed-right .modal-dialog-aside {
margin-left: auto;
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
.modal.show .modal-dialog-aside {
-webkit-transform: translateX(0);
transform: translateX(0);
}
.dropdown-large,
.jltma-megamenu,
.jltma-megamenu {
padding: 20px;
}
.dropdown-menu .dropdown-menu {
margin-left: 0;
margin-right: 0;
}
.dropdown-menu .dropdown-toggle:after {
border-top: 0.3em solid transparent;
border-right: 0;
border-bottom: 0.3em solid transparent;
border-left: 0.3em solid;
}
.navbar .icon-arrow:after {
content: "\276F";
line-height: 1;
display: inline-block;
vertical-align: middle;
margin-left: 7px;
margin-top: -2px;
opacity: 0.3;
font-size: 80%;
}
.dropdown.has-dimmer:after {
content: "";
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition: opacity 0.15s ease-in-out;
transition: opacity 0.15s ease-in-out;
opacity: 0;
visibility: hidden;
background-color: rgba(0, 0, 0, 0.5);
pointer-events: none;
}
.navbar:not(.navbar-hover) .dropdown.show.has-dimmer:hover .nav-link {
position: relative;
z-index: 12;
}
.navbar:not(.navbar-hover) .dropdown.show.has-dimmer:after {
z-index: 10;
opacity: 1;
visibility: visible;
position: fixed;
}
/* ============ desktop view ============ */
@media all and (min-width: 992px) {
.navbar .dropdown-menu {
border-radius: inherit;
margin-top: 0;
}
.navbar .jltma-megamenu {
left: 0;
}
/* .jltma-has-megamenu {
position: static !important;
} */
.navbar .dropdown-large {
min-width: 500px;
}
.navbar .nav-link {
padding-top: 1rem;
padding-bottom: 1rem;
}
.submenu,
.dropdown-menu .dropdown-menu {
display: none;
position: absolute;
left: 100%;
top: -7px;
}
.submenu.submenu-left,
.dropdown-menu .dropdown-menu.submenu-left {
right: 100%;
left: auto;
}
.navbar-hover .dropdown.has-dimmer:hover .nav-link {
position: relative;
z-index: 12;
}
.navbar-hover .dropdown.has-dimmer:hover:after {
z-index: 10;
opacity: 1;
visibility: visible;
position: fixed;
}
.navbar-hover.navbar-dark .nav-item:hover .nav-link {
color: #fff;
}
.navbar-hover.navbar-light .nav-item:hover .nav-link {
color: #000;
}
.navbar-hover .dropdown-menu:not(.animate) {
display: none;
}
.navbar-hover .animate {
display: block;
/* opacity: 0; */
visibility: hidden;
-webkit-transition: 0.4s;
transition: 0.4s;
margin-top: 0;
}
.navbar-hover .dropdown-menu .animate {
-webkit-transition: 0.1s;
transition: 0.1s;
}
.navbar-hover .fade-down {
top: 90%;
-webkit-transform: rotateX(-80deg);
transform: rotateX(-80deg);
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
}
.navbar-hover .fade-up {
top: 100px;
}
.navbar-hover .dropdown-menu .fade-down {
top: 0;
}
.navbar-hover .nav-item:hover > .dropdown-menu,
.navbar-hover .dropdown:hover > .dropdown-menu {
display: block;
-webkit-transition: 0.4s;
transition: 0.4s;
opacity: 1;
visibility: visible;
top: 100%;
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
}
.dropdown-menu > li:hover {
background-color: #f1f1f1;
}
.dropdown-menu li {
position: relative;
}
.dropdown-menu li.has-megasubmenu {
position: static;
}
.hover .dropdown-menu li:hover > .submenu,
.hover .dropdown-menu li:hover > .dropdown-menu {
display: block;
-webkit-transition: 0.4s;
transition: 0.4s;
opacity: 1;
visibility: visible;
top: 0%;
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
}
.hover .dropdown-menu li:hover > .jltma-megamenu {
display: block;
-webkit-transition: 0.4s;
transition: 0.4s;
opacity: 1;
visibility: visible;
top: 0%;
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
}
}
/* ============ desktop view .end// ============ */
/* ============ small screen ============ */
@media all and (max-width: 768px) {
.offcanvas-header {
display: block;
}
.mobile-offcanvas {
visibility: hidden;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
border-radius: 0;
display: block;
position: fixed;
top: 0;
left: 0;
height: 100%;
z-index: 1200;
/* width: 80%; */
overflow-y: scroll;
overflow-x: hidden;
-webkit-transition: visibility 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
transition: visibility 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
transition: visibility 0.2s ease-in-out, transform 0.2s ease-in-out;
transition: visibility 0.2s ease-in-out, transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}
.mobile-offcanvas .container {
display: block;
}
.mobile-offcanvas.show {
visibility: visible;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
/* ============ small screen //end ============ */
.jltma-nav-panel button.menu-toggle:focus,
.jltma-nav-panel button.menu-toggle:hover,
.ast-button:focus,
.ast-button:hover {
background-color: none !important;
}
.jltma-nav-panel .navbar-toggler:focus,
.jltma-nav-panel .navbar-toggler:hover,
.jltma-nav-panel .navbar-toggler {
background-color: transparent !important;
border: 1px solid transparent !important;
}
/* ============ THEME SOFT ============ */
/* .navbar-soft {
background-color: white;
-webkit-box-shadow: 0 2px 3px rgba(100, 100, 100, 0.1);
box-shadow: 0 2px 3px rgba(100, 100, 100, 0.1);
font-size: 14px;
} */
.navbar-soft .navbar-toggler {
color: rgba(0, 0, 0, 0.5);
border-color: rgba(255, 255, 255, 0.1);
outline: none;
}
/* .jltma-nav-panel {
position: absolute;
left: 18px;
top: 22px;
cursor: pointer;
padding: 10px 35px 16px 0px;
} */
.jltma-nav-panel.active span {
background-color: transparent;
}
.jltma-nav-panel.active span:before,
.jltma-nav-panel.active span:after {
top: 0;
}
.jltma-nav-panel.active span:before {
transform: rotate(45deg);
}
.jltma-nav-panel.active span:after {
transform: rotate(-45deg);
}
.navbar-soft .navbar-brand {
color: #111;
font-weight: 600;
font-size: 18px;
}
/* .navbar-soft .navbar-nav .nav-item {
margin-left: 5px;
margin-right: 5px; } */
.navbar-soft .navbar-nav .nav-link {
padding: 1.4rem 0.5rem;
font-weight: 600;
text-transform: uppercase;
color: #888;
border: 2px solid transparent;
}
.navbar-soft .navbar-nav .nav-item:hover .nav-link,
.navbar-soft .navbar-nav .nav-item.show .nav-link {
color: #111;
}
.navbar-soft .dropdown-menu {
border: 0;
border-top: 2px solid #4b00e7;
background-clip: initial;
border-radius: 0;
-webkit-box-shadow: 0 1px 5px rgba(70, 70, 70, 0.2);
box-shadow: 0 1px 5px rgba(70, 70, 70, 0.2);
}
.navbar-soft .dropdown-menu .dropdown-item {
padding: 0.6rem 1.5rem;
border-bottom: 1px solid #f1f1f1;
}
/* ============ small screen ============ */
@media all and (max-width: 991px) {
.navbar-soft .dropdown-menu {
box-shadow: none;
}
.navbar-soft .navbar-nav {
margin-bottom: 10px;
margin-top: 10px;
}
.navbar-soft .navbar-nav .nav-link {
padding: 0.6rem 0rem;
}
.navbar-soft .navbar-nav .nav-item:hover .nav-link,
.navbar-soft .navbar-nav .nav-item.show .nav-link,
.navbar-soft .dropdown-menu .dropdown-item {
border-bottom: none;
}
}
/* ============ small screen //end ============ */
/* ============ only desktop view ============ */
@media all and (min-width: 992px) {
.navbar .nav-item .dropdown-menu {
display: block;
visibility: hidden;
transition: 0.3s;
margin-top: 0;
}
.navbar .hover .nav-item:hover .dropdown-menu {
opacity: 1;
visibility: visible;
}
.navbar .dropdown-menu.fade-down {
top: 80%;
/* transform: rotateX(-75deg); */
transform-origin: 0% 0%;
}
.navbar .dropdown-menu.fade-up {
top: 180%;
}
.navbar .hover .nav-item:hover .dropdown-menu {
transition: 0.3s;
opacity: 1;
visibility: visible;
top: 100%;
transform: rotateX(0deg);
}
}
/* ============ desktop view .end// ============ */
/* On Scroll Fixed Navbar */
.jltma-on-scroll-fixed {
position: fixed !important;
top: 0 !important;
right: 0 !important;
left: 0 !important;
z-index: 1030;
padding: 5px;
box-shadow: 0 5px 10px 0 rgba(138, 155, 165, 0.15);
padding: 5px 0;
-webkit-transition: all 0.3s ease-out !important;
transition: all 0.3s ease-out !important;
transition-delay: 0.3ms !important;
}
.jltma-fixed-top {
position: fixed !important;
top: 0 !important;
right: 0 !important;
left: 0 !important;
z-index: 1030;
}
.sticky-top {
position: -webkit-sticky !important;
position: sticky !important;
}
.logged-in.admin-bar .jltma-on-scroll-fixed,
.logged-in.admin-bar .jltma-fixed-top {
padding-top: 32px;
}
/* Smart Scroll Start*/
.jltma-smart-scroll {
position: fixed !important;
top: 0 !important;
right: 0 !important;
left: 0 !important;
z-index: 1030 !important;
}
.scrolled-down {
transform: translateY(-100%) !important;
-webkit-transition: all 0.3s ease-out !important;
transition: all 0.3s ease-out !important;
}
.scrolled-up {
transform: translateY(0) !important;
-webkit-transition: all 0.3s ease-out !important;
transition: all 0.3s ease-out !important;
}
/* Smart Scroll End*/
/* On Click Dropdown Menu */
@media (min-width: 992px) {
.dropdown-menu .dropdown-toggle:after {
border-top: 0.3em solid transparent;
border-right: 0;
border-bottom: 0.3em solid transparent;
border-left: 0.3em solid;
}
.dropdown-menu .dropdown-menu {
margin-left: 0;
margin-right: 0;
}
.dropdown-menu li {
position: relative;
}
.nav-item .submenu {
display: none;
position: absolute;
left: 100%;
top: -7px;
}
.nav-item .submenu-left {
right: 100%;
left: auto;
}
.dropdown-menu > li:hover {
background-color: #f1f1f1;
}
.hover .dropdown-menu > li:hover > .submenu {
display: block;
}
}
.jltma-close {
display: none;
}
/* Offcanvas Collapse */
.offcanvas-header {
display: none;
}
@media (max-width: 992px) {
body.offcanvas-active .mobile.offcanvas-nav .jltma-close {
display: block;
position: absolute;
color: red;
background: transparent;
font-size: 25px;
z-index: 10001;
cursor: pointer;
}
body.offcanvas-active .mobile.offcanvas-nav .jltma-close.left {
top: -75px;
left: 61%;
}
body.offcanvas-active .mobile.offcanvas-nav .jltma-close.right {
top: -75px;
left: 13%;
}
body.offcanvas-active .offcanvas-overlay .jltma-close {
top: -50%;
right: 0%;
}
.navbar-collapse.offcanvas {
position: fixed;
top: 0;
bottom: 0;
left: 100%;
width: 100%;
z-index: 99;
padding-right: 1rem;
padding-left: 1rem;
overflow-y: auto;
visibility: hidden;
background-color: black;
transition: visibility 0.2s ease-in-out, transform 0.2s ease-in-out;
}
.navbar-collapse.offcanvas.show {
visibility: visible;
transform: translateX(-100%);
}
}
/*
Mega Menu Customization
*/
.jltma-menu-container {
/* z-index: 10000; */
position: relative;
z-index: 99;
padding: 0 0;
width: 100%;
left: 0;
-webkit-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
transition: 0.3s all ease;
/* -webkit-box-shadow: 0 10px 20px -5px rgba(0,0,0,.1);
box-shadow: 0 10px 20px -5px rgba(0,0,0,.1); */
}
.jltma-menu-container nav {
width: 100%;
display: inline-block;
}
.jltma-navbar-nav-default .jltma-nav-panel {
display: none;
}
.jltma-nav-logo {
display: none;
}
.jltma-menu-container ul {
margin: 0;
padding: 0;
}
.jltma-navbar-nav {
padding-left: 0;
margin-bottom: 0;
list-style: none;
margin-left: 0px;
}
.jltma-navbar-nav {
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
}
.jltma-navbar-nav li {
display: block;
list-style-type: none;
}
.jltma-navbar-nav li a {
display: inline-block;
text-decoration: none;
/* padding: 1rem; */
width: 100%;
transition: all 0.2s linear;
}
.jltma-navbar-nav li a:hover {
color: #0274be;
}
.jltma-navbar-nav > li {
position: relative;
/* padding: 0 28px; */
}
.jltma-navbar-nav > li > a .jltma-menu-icon {
margin-right: 5px;
}
.jltma-has-megamenu .jltma-megamenu {
border-top: none;
}
/* Badge */
.jltma-menu-badge {
position: absolute;
top: -5px;
left: 40px;
background-color: #bbb;
color: #fff;
font-size: 16px;
padding: 4px 8px;
border-radius: 3px;
font-size: 8px;
line-height: 1;
z-index: 10;
}
.jltma-menu-badge > .jltma-menu-badge-arrow {
position: absolute;
bottom: -12px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
border-left: solid transparent;
border-right: solid transparent;
border-top: solid #bbb;
border-bottom: solid transparent;
border-width: 6px;
}
.jltma-dropdown li {
position: relative;
}
/*
.jltma-dropdown li:first-child {
margin-top: 0px;
}
.jltma-dropdown li:last-child {
margin-bottom: 15px;
}
.jltma-dropdown .jltma-menu-badge {
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
*/
small.jltma-menu-description {
font-size: 10px;
margin-left: 3px;
position: absolute;
bottom: 10px;
width: 100%;
text-transform: capitalize;
}
span.jltma-menu-label {
font-size: 11px;
font-weight: 400;
bottom: 10px;
margin-left: 3px;
position: absolute;
text-transform: capitalize;
width: 100%;
}
@media (min-width: 768px) {
.jltma-navbar-nav {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
-webkit-box-pack: justify;
justify-content: space-between;
}
/* .jltma-navbar-nav-default {
overflow: hidden;
}
.jltma-navbar-nav-default:hover {
overflow: visible;
} */
}
.jltma-menu-has-children > a:after {
padding: 1px;
}
@media (min-width: 768px) {
/* .jltma-menu-container ul ul { */
/* display: none; */
/* position: absolute;
} */
}
/* .jltma-megamenu ul ul{
position: relative;
} */
.jltma-menu-container .hover ul li:hover > ul {
display: block;
color: #fff;
padding-left: 2rem;
opacity: 1;
visibility: visible;
top: 100%;
}
.hover .jltma-megamenu-transition-slide:hover li > .jltma-dropdown {
left: 100%;
}
@media (min-width: 800px) {
.jltma-menu-container .hover ul li:hover > ul {
padding-left: 0;
}
.jltma-menu-container .hover ul li:hover > ul a {
color: #fff;
}
.jltma-sub-menu li {
display: -webkit-box;
display: flex;
/* padding-right: 2em; */
}
.hover .jltma-sub-menu li:hover,
.hover .jltma-sub-menu li a:hover {
background: #ddd;
color: #777;
}
.jltma-menu-container ul ul ul {
/* margin: 0 0 0 100%; */
/* box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); */
}
.jltma-menu-has-children .jltma-menu-has-children > a:after {
padding: 1px;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
}
/* Sub Men Indicator */
.jltma-navbar-nav-default.jltma-svg-arrow .jltma-submenu-indicator {
background-image: url("../images/symbols.svg");
background-repeat: no-repeat;
display: block;
width: 10px;
height: 12px;
top: 50%;
right: 0;
margin-top: -3px;
display: inline-block;
position: absolute;
}
/* Medium */
.jltma-navbar-nav-default.jltma-svg-arrow.jltma-medium-up .jltma-submenu-indicator {
background-position: 0px -484px;
width: 16px;
height: 8px;
}
.jltma-navbar-nav-default.jltma-svg-arrow.jltma-medium-down .jltma-submenu-indicator {
background-position: 0px -522px;
width: 16px;
height: 8px;
}
.jltma-navbar-nav-default.jltma-svg-arrow.jltma-medium-left .jltma-submenu-indicator {
background-position: 0px -560px;
width: 8px;
height: 16px;
}
.jltma-navbar-nav-default.jltma-svg-arrow.jltma-medium-right .jltma-submenu-indicator {
background-position: 0px -607px;
width: 8px;
height: 16px;
}
/*Small */
.jltma-navbar-nav-default.jltma-svg-arrow.jltma-small-up .jltma-submenu-indicator {
background-position: 0px -652px;
width: 10px;
height: 12px;
}
.jltma-navbar-nav-default.jltma-svg-arrow.jltma-small-down .jltma-submenu-indicator {
background-position: 0px -687px;
width: 10px;
height: 12px;
}
.jltma-navbar-nav-default.jltma-svg-arrow.jltma-small-left .jltma-submenu-indicator {
background-position: 0px -722px;
width: 10px;
height: 12px;
}
.jltma-navbar-nav-default.jltma-svg-arrow.jltma-small-right .jltma-submenu-indicator {
background-position: 0px -761px;
width: 10px;
height: 12px;
}
/* H Small */
.jltma-navbar-nav-default.jltma-svg-arrow.jltma-h-small-up .jltma-submenu-indicator {
background-position: -80px -433px;
width: 10px;
height: 12px;
}
.jltma-navbar-nav-default.jltma-svg-arrow.jltma-h-small-down .jltma-submenu-indicator {
background-position: -80px -474px;
width: 10px;
height: 12px;
}
.jltma-navbar-nav-default.jltma-svg-arrow.jltma-h-small-left .jltma-submenu-indicator {
background-position: -80px -515px;
width: 10px;
height: 10px;
}
.jltma-navbar-nav-default.jltma-svg-arrow.jltma-h-small-right .jltma-submenu-indicator {
background-position: -80px -554px;
width: 10px;
height: 10px;
}
/* Thick */
.jltma-navbar-nav-default.jltma-svg-arrow.jltma-thick-plus .jltma-submenu-indicator {
background-position: 0px -1022px;
width: 52px;
height: 52px;
}
.jltma-navbar-nav-default.jltma-svg-arrow.jltma-large-plus .jltma-submenu-indicator {
background-position: 0px -1103px;
width: 28px;
height: 28px;
}
.jltma-navbar-nav-default.jltma-svg-arrow.jltma-small-plus .jltma-submenu-indicator {
background-position: 0px -1205px;
width: 16px;
height: 16px;
}
.jltma-navbar-nav-default.jltma-svg-arrow.jltma-medium-plus .jltma-submenu-indicator {
background-position: 0px -1160px;
width: 10px;
height: 10px;
}
@media (max-width: 768px) {
.jltma-navbar-nav-default.jltma-svg-arrow .jltma-submenu-indicator {
background-image: url("../images/symbols.svg");
background-repeat: no-repeat;
background-position: 0px -687px;
left: initial;
top: 10px;
display: inline-block;
position: absolute;
right: 0;
top: 10px;
z-index: 20;
width: 36px;
height: 36px;
text-align: center;
cursor: pointer;
}
.jltma-navbar-nav-default.jltma-svg-arrow .open .jltma-submenu-indicator {
background-position: 0px -652px;
}
}
.jltma-navbar-nav-default .jltma-navbar-nav.jltma-with-splitter > li::after {
content: "";
background-color: #3d3d3d;
position: absolute;
width: 3px;
height: 3px;
vertical-align: middle;
border-radius: 50%;
right: 0;
top: 50%;
margin-top: -1.5px;
}
.jltma-navbar-nav-default .jltma-navbar-nav.jltma-with-splitter > li.jltma-menu-has-children::after {
right: -5px;
}
.jltma-navbar-nav-default .jltma-navbar-nav.jltma-with-splitter > li:last-child::after {
display: none;
}
/* Burger Menu */
.jltma-burger {
position: relative;
cursor: pointer;
}
.jltma-burger .mid-line,
.jltma-burger::before,
.jltma-burger::after {
width: 100%;
content: "";
display: block;
border-bottom: solid;
box-sizing: border-box;
border-color: #222;
-webkit-transition: all 300ms;
transition: all 300ms;
}
.jltma-burger::before {
border-top: solid;
border-bottom: none;
border-color: #222;
-webkit-transform-origin: 0 0%;
-ms-transform-origin: 0 0%;
transform-origin: 0 0%;
}
.jltma-burger::after {
bottom: 0;
-webkit-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
transform-origin: 0 100%;
}
.jltma-burger.jltma-white .mid-line,
.jltma-burger.jltma-white::before,
.jltma-burger.jltma-white::after {
border-color: #fff;
}
.jltma-burger.jltma-round-lines .mid-line,
.jltma-burger.jltma-round-lines::before,
.jltma-burger.jltma-round-lines::after {
border-radius: 10px;
}
.jltma-burger[class*="small"] {
width: 20px;
}
.jltma-burger,
.jltma-burger[class*="medium"] {
width: 28px;
}
.jltma-burger[class*="large"] {
width: 34px;
}
.jltma-burger[class*="lite"] .mid-line,
.jltma-burger[class*="lite"]::before,
.jltma-burger[class*="lite"]::after {
border-width: 1px;
}
.jltma-burger[class*="lite"]::after {
margin-bottom: 0px !important;
}
.jltma-burger .mid-line,
.jltma-burger::before,
.jltma-burger::after,
.jltma-burger[class*="regular"] .mid-line,
.jltma-burger[class*="regular"]::before,
.jltma-burger[class*="regular"]::after {
border-width: 2px;
}
.jltma-burger::after,
.jltma-burger[class*="regular"]::after {
margin-bottom: 0px !important;
}
.jltma-burger[class*="thick"] .mid-line,
.jltma-burger[class*="thick"]::before,
.jltma-burger[class*="thick"]::after {
border-width: 4px;
}
.jltma-burger[class*="thick"]::after {
margin-bottom: 0px !important;
}
.jltma-burger.jltma-lite-small .mid-line {
margin: 8.5px 0;
}
.jltma-burger.jltma-lite-small.jltma-close .mid-line,
.jltma-burger.jltma-lite-small.jltma-close::before,
.jltma-burger.jltma-lite-small.jltma-close::after {
width: 27.284px;
}
.jltma-burger.jltma-lite-medium .mid-line {
margin: 12.5px 0;
}
.jltma-burger.jltma-lite-medium.jltma-close .mid-line,
.jltma-burger.jltma-lite-medium.jltma-close::before,
.jltma-burger.jltma-lite-medium.jltma-close::after {
width: 38.5976px;
}
.jltma-burger.jltma-lite-large .mid-line {
margin: 15.5px 0;
}
.jltma-burger.jltma-lite-large.jltma-close .mid-line,
.jltma-burger.jltma-lite-large.jltma-close::before,
.jltma-burger.jltma-lite-large.jltma-close::after {
width: 47.0828px;
}
.jltma-burger.jltma-regular-small .mid-line {
margin: 7px 0;
}
.jltma-burger.jltma-regular-small.jltma-close .mid-line,
.jltma-burger.jltma-regular-small.jltma-close::before,
.jltma-burger.jltma-regular-small.jltma-close::after {
width: 26.284px;
}
.jltma-burger.jltma-regular-medium .mid-line {
margin: 11px 0;
}
.jltma-burger.jltma-regular-medium.jltma-close .mid-line,
.jltma-burger.jltma-regular-medium.jltma-close::before,
.jltma-burger.jltma-regular-medium.jltma-close::after {
width: 37.5976px;
}
.jltma-burger.jltma-regular-large .mid-line {
margin: 14px 0;
}
.jltma-burger.jltma-regular-large.jltma-close .mid-line,
.jltma-burger.jltma-regular-large.jltma-close::before,
.jltma-burger.jltma-regular-large.jltma-close::after {
width: 46.0828px;
}
.jltma-burger.jltma-thick-small .mid-line {
margin: 4px 0;
}
.jltma-burger.jltma-thick-small.jltma-close .mid-line,
.jltma-burger.jltma-thick-small.jltma-close::before,
.jltma-burger.jltma-thick-small.jltma-close::after {
width: 24.284px;
}
.jltma-burger.jltma-thick-medium .mid-line {
margin: 8px 0;
}
.jltma-burger.jltma-thick-medium.jltma-close .mid-line,
.jltma-burger.jltma-thick-medium.jltma-close::before,
.jltma-burger.jltma-thick-medium.jltma-close::after {
width: 35.5976px;
}
.jltma-burger.jltma-thick-large .mid-line {
margin: 11px 0;
}
.jltma-burger.jltma-thick-large.jltma-close .mid-line,
.jltma-burger.jltma-thick-large.jltma-close::before,
.jltma-burger.jltma-thick-large.jltma-close::after {
width: 44.0828px;
}
.jltma-burger:hover::before {
-webkit-transform: translateY(-4px);
-ms-transform: translateY(-4px);
transform: translateY(-4px);
}
.jltma-burger:hover::after {
-webkit-transform: translateY(4px);
-ms-transform: translateY(4px);
transform: translateY(4px);
}
.jltma-burger.jltma-close {
display: inherit;
}
.jltma-burger.jltma-close::before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.jltma-burger.jltma-close .mid-line {
width: 0 !important;
}
.jltma-burger.jltma-close::after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
@media screen and (max-width: 1023px) {
.jltma-resp .jltma-logo-header {
max-width: 80%;
display: inline-block;
}
}
.jltma-toggle-menu-bar {
overflow: hidden;
height: 0;
width: 100%;
}
/* Burger Animation */
/* Spin */
.navbar-toggler.toggler-spin.active .navbar-toggler-icon {
transform: rotate(225deg);
transition-delay: 0.12s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.navbar-toggler.toggler-spin .navbar-toggler-icon {
transition-duration: 0.22s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
/* Elastic */
.navbar-toggler.toggler-elastic.active .navbar-toggler-icon {
transform: translate3d(0, 10px, 0) rotate(135deg);
transition-delay: 75ms;
}
.navbar-toggler.toggler-elastic .navbar-toggler-icon {
top: 0;
transition-duration: 275ms;
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
/* Spring */
.navbar-toggler.toggler-spring.active .navbar-toggler-icon {
transition-delay: 0.22s;
background-color: transparent !important;
}
.navbar-toggler.toggler-spring .navbar-toggler-icon {
top: 0;
transition: background-color 0s 0.13s linear;
}
/* End Burger Animation */
@media screen and (max-width: 767px) {
.jltma-menu-container {
display: flex;
align-items: stretch;
}
.jltma-burger-container {
display: inline-block;
position: relative;
width: 100%;
}
.jltma-nav-panel {
/* float: left; */
display: flex;
}
.jltma-nav-logo {
height: 100%;
float: left;
text-align: left;
display: table-cell;
vertical-align: middle;
}
.jltma-nav-panel a {
height: 100%;
padding: 0;
margin: 0;
text-decoration: none;
}
.jltma-burger-box {
right: 60px;
top: 50%;
position: absolute;
transform: translateY(-50%);
}
.jltma-toggle-menu-bar {
right: 0;
}
.jltma-navbar-nav-default {
display: block;
height: 100%;
top: 0;
position: fixed;
z-index: -1;
transition: all 0.4s ease;
}
.jltma-navbar-nav-default.offcanvas.right {
width: calc(100% - 30%);
left: -100%;
}
/* .jltma-navbar-nav-default.offcanvas.left{
width: calc(100% - 30%);
right: -100%;
}
*/
.jltma-navbar-nav-default.overlay {
background-color: rgb(0, 0, 0, 0.9);
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center !important;
z-index: 33;
left: 0;
width: 100%;
}
/* .jltma-navbar-nav-default.overlay .jltma-navbar-nav {
padding-top: 0;
} */
.jltma-navbar-nav-default.overlay .jltma-navbar-nav li a {
display: inline-block;
text-align: center;
}
.jltma-navbar-nav-default .jltma-navbar-nav {
padding-top: 7rem;
}
.jltma-navbar-nav-default .jltma-close {
border: none;
color: #fff;
display: block;
font-size: 1.25rem;
position: absolute;
top: 50px;
outline: none;
}
.jltma-navbar-nav-default.left .jltma-close,
.jltma-navbar-nav-default.overlay .jltma-close {
right: 0;
}
.jltma-navbar-nav-default.right .jltma-close {
left: 0;
}
.jltma-navbar-nav-default.toggle-bar {
position: static;
-webkit-transition: height 0.5s ease;
transition: height 0.5s ease;
}
.jltma-navbar-nav-default.toggle-bar .jltma-close {
display: none;
}
.jltma-navbar-nav-default.toggle-bar .jltma-navbar-nav {
padding-top: 0;
}
.toggle-bar .jltma-dropdown {
display: none;
width: 100%;
}
/* .jltma-navbar-nav-default .jltma-nav-panel {
display: block;
position: relative;
z-index: 999;
width: 100%;
}
.jltma-navbar-nav-default .jltma-nav-panel{
float: left;
}
.jltma-navbar-nav-default .jltma-nav-panel .jltma-close {
float: right;
} */
.jltma-offcanvas-menu {
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 250px;
background: #fff;
box-shadow: 4px 0 0 rgba(34, 34, 34, 0.1);
z-index: 150000;
-webkit-transform: translateX(-120%);
-ms-transform: translateX(-120%);
transform: translateX(-120%);
-webkit-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}
.jltma-offcanvas-menu .offcanvas-content {
width: 100%;
height: calc(100% - 130px);
overflow-y: auto;
}
.jltma-offcanvas-menu .jltma-close {
position: relative;
width: 16px;
height: 40px;
padding-top: 20px;
float: right;
cursor: pointer;
margin: 10px 20px;
-webkit-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.jltma-offcanvas-menu .jltma-close:hover {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.jltma-offcanvas-menu.jltma-pin-right {
right: 0;
left: auto;
box-shadow: -5px 0 0px 0 rgba(0, 0, 0, 0.19);
-webkit-transform: translateX(120%);
-ms-transform: translateX(120%);
transform: translateX(120%);
}
.jltma-offcanvas-menu.jltma-pin-right .jltma-close {
float: left;
}
.jltma-offcanvas-menu.jltma-offcanvas-dark {
background: #3d3d3d;
color: #fff;
}
.jltma-offcanvas-menu.jltma-offcanvas-dark .jltma-close:before,
.jltma-offcanvas-menu.jltma-offcanvas-dark .jltma-close:after {
background-color: #fff;
}
.jltma-offcanvas-menu .jltma-master-menu.jltma-narrow.jltma-toggle .jltma-menu-item > .jltma-item-content {
padding-left: 1.5em;
padding-right: 1.5em;
}
.jltma-offcanvas-menu .jltma-master-menu .jltma-megamenu .jltma-menu-column {
width: 100% !important;
}
.jltma-offcanvas-menu.jltma-open {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.jltma-offcanvas-overlay:after {
content: "";
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.6);
z-index: 9;
}
}
/* Dropdown Styles */
body {
overflow-x: hidden;
}
.jltma-megamenu-transition-slide .jltma-dropdown,
.jltma-megamenu-transition-slide-left .jltma-dropdown {
width: 100%;
transition: all 0.4s ease;
}
.jltma-megamenu-transition-slide .jltma-dropdown {
left: 100%;
}
.jltma-megamenu-transition-slide:hover .jltma-dropdown {
width: 100%;
left: 0;
}
.jltma-megamenu-transition-slide-left .jltma-dropdown {
right: 100%;
}
.jltma-megamenu-transition-slide-left:hover .jltma-dropdown {
width: 100%;
right: 0;
}
/*Tablet Responsive Menu */
@media screen and (max-width: 1024px) {
a.jltma-menu-dropdown-toggle {
margin-top: 2px;
}
.jltma-navbar-nav-default.jltma-svg-arrow .jltma-submenu-indicator {
top: 23px;
right: -6px;
}
}
/* Desktop Hamburger */
.jltma-menu-container nav.desktop {
display: inline-flex;
}
.jltma-nav-panel.desktop .navbar-toggler {
display: block;
}
.jltma-nav-panel.desktop .jltma-burger.jltma-close {
display: inherit;
}
.jltma-nav-panel.desktop .jltma-close {
display: none;
}
/* Toggle Bar Nav */
.jltma-navbar-nav-default.desktop-offcanvas.toggle-bar {
display: none !important;
}
.jltma-navbar-nav-default.desktop-offcanvas.toggle-bar.show {
display: block !important;
}
/* Offcanvas Collapse */
body.offcanvas-active .desktop.offcanvas-nav .jltma-close {
display: block;
position: fixed;
color: red;
background: transparent;
font-size: 25px;
z-index: 10001;
cursor: pointer;
outline: none;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
body.offcanvas-active .desktop.offcanvas-nav .jltma-close.left {
top: 5%;
left: 13%;
}
body.offcanvas-active .desktop.offcanvas-nav .jltma-close.right {
top: 5%;
right: 14%;
}
body.offcanvas-active .desktop.offcanvas-overlay .jltma-close {
top: 5%;
right: 2%;
}
.jltma-navbar-nav-default li.open i {
color: #51b9d6;
}
.jltma-navbar-nav-default li.open i.fa-chevron-down {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.hover.horizontal .offcanvas.right,
.hover.horizontal .offcanvas.left,
.hover.horizontal .overlay {
display: block !important;
padding: 7% 20px 20px;
}
.hover.horizontal .offcanvas.right .navbar-nav,
.hover.horizontal .offcanvas.left .navbar-nav {
width: 100%;
}
.hover.horizontal .offcanvas.right li,
.hover.horizontal .offcanvas.left li,
.hover.horizontal .overlay li {
display: block;
}
.hover.horizontal .offcanvas.right li .dropdown-menu,
.hover.horizontal .offcanvas.left li .dropdown-menu,
.hover.horizontal .overlay li .dropdown-menu {
display: none;
left: 0 !important;
top: 100% !important;
position: static !important;
margin-left: 20px;
}
.hover.horizontal .offcanvas.right .navbar-nav li:hover > ul,
.hover.horizontal .offcanvas.left .navbar-nav li:hover > ul,
.hover.horizontal .overlay .navbar-nav li:hover > ul {
display: block;
}
/*
.desktop .jltma-navbar-nav-default{
display: none !important;
}
@media (min-width: 992px){
.desktop .jltma-navbar-nav-default.show {
display: flex !important;
}
} */
/* ------- Update Styles ------- */
.navbar-nav li a {
position: relative;
}
.navbar-nav .menu-item a.nav-link {
padding: 1.4rem 1rem;
outline: none;
}
.jltma-menu-has-children a {
padding: 1.5rem 1rem;
outline: none;
}
.jltma-megamenu ul li a {
padding: 0;
}
.jltma-navbar-nav-default.desktop-offcanvas.overlay {
display: block !important;
padding-left: 0;
}
.jltma-navbar-nav-default.desktop-offcanvas.overlay .navbar-nav {
display: block;
max-width: 250px;
margin: 10% auto 0;
}
.desktop-offcanvas.overlay .navbar-nav li {
display: block;
}
.desktop-offcanvas.overlay .navbar-nav .nav-link {
padding: 0.5rem 15px;
position: relative;
}
.desktop-offcanvas.overlay .navbar-nav .nav-link:hover {
border-bottom: none;
}
.desktop-offcanvas.overlay .navbar-nav .nav-link .jltma-submenu-indicator,
.mobile-offcanvas.overlay .navbar-nav .nav-link .jltma-submenu-indicator,
.jltma-navbar-nav-default.jltma-svg-arrow li li .jltma-submenu-indicator {
right: 0;
top: 50%;
left: inherit;
margin-top: -3px;
position: absolute;
}
.desktop-offcanvas.overlay .navbar-nav .dropdown-menu {
box-shadow: none;
display: none;
left: inherit !important;
top: inherit !important;
min-width: inherit !important;
padding: 0 !important;
position: inherit !important;
width: 100%;
}
.desktop-offcanvas.overlay.jltma-svg-arrow .jltma-submenu-indicator {
background-position: 0px -1205px;
}
.desktop-offcanvas.overlay.jltma-svg-arrow .open .jltma-submenu-indicator {
background-position: 0px -983px;
}
.hover .desktop-offcanvas.overlay .toggle .open .dropdown-menu {
display: block !important;
}
@media (max-width: 767px) {
.mobile .toggle .dropdown-menu {
display: none;
position: absolute;
top: 100%;
left: 0;
}
.mobile.hover .toggle .open .dropdown-menu {
display: block !important;
position: static;
}
}
/* Mega Menu */
.hover .navbar-nav li.jltma-has-megamenu {
position: static;
}
.hover .jltma-has-megamenu:hover .jltma-megamenu {
opacity: 1;
visibility: visible;
}
.hover .navbar-nav li li:hover > ul {
top: 0 !important;
}
.hover .navbar-nav li:last-child li ul {
left: inherit;
right: 100% !important;
}
.jltma-menu-container nav.navbar.click .navbar-nav li.show > .dropdown-menu {
display: block !important;
visibility: visible;
left: 0;
top: 100%;
}
.jltma-menu-container nav.navbar.click .navbar-nav li .dropdown-menu.show {
visibility: visible;
}
.jltma-menu-container nav.navbar.click .navbar-nav li.jltma-has-megamenu {
position: static;
}
.jltma-menu-container nav.navbar.click .navbar-nav li ul ul {
display: none;
}
.jltma-menu-container nav.navbar.click .navbar-nav li ul li.open > ul {
display: block;
top: 0;
left: inherit;
right: -100%;
visibility: visible;
}
.jltma-menu-container nav.navbar.click .navbar-nav li:last-child ul li.open > ul {
right: 100%;
}
.click .jltma-megamenu-transition-slide-left .jltma-dropdown {
left: 0;
right: inherit;
}
@media (max-width: 767px) {
.hover .navbar-nav li:last-child li ul,
.jltma-menu-container nav.navbar.click .navbar-nav li:last-child ul li.open > ul {
right: inherit;
left: 0;
}
.jltma-menu-container nav.navbar.click .navbar-nav li ul li.open > ul {
top: 100%;
}
.mobile .toggle .dropdown-menu.show,
.jltma-menu-container nav.navbar.click .navbar-nav li ul li.open > ul {
position: static;
}
}
/* Vertical Menu */
.vertical .navbar-nav {
flex-direction: column;
max-width: 100%;
width: 100%;
}
.vertical.hover .navbar-nav li,
.vertical.click .navbar-nav li {
display: block;
}
.vertical.hover .navbar-nav li ul {
height: 0;
position: initial;
}
.vertical.hover .navbar-nav li:hover > ul,
.vertical.click .navbar-nav li.show > ul {
height: auto;
}
.vertical.hover .navbar-nav li li > ul {
left: 0;
right: inherit !important;
top: 100%;
}
.vertical.click .navbar-nav li ul {
height: 0;
position: static;
width: 100%;
}
.jltma-menu-container .vertical.click .navbar-nav li:last-child ul li.open > ul {
position: static;
left: 0;
top: 100%;
right: inherit;
}
.jltma-has-megamenu .jltma-megamenu {
width: 100%;
}
/* Oceanwp Theme Conflicting issue */
#site-navigation-wrap .dropdown-menu {
position: relative;
display: block;
float: inherit;
border: none;
}
.site-footer .col-1,
.site-footer .col-2,
.site-footer .col-3,
.site-footer .col-4 {
flex: none;
max-width: inherit;
}
/**
* Counter Up
*/
.jltma-counterup {
position: relative;
margin-bottom: 30px;
border-radius: 15px;
background-color: #ffffff;
padding: 30px 20px;
/* box-shadow: 0 10px 50px 0 rgba(7, 42, 68, 0.03), 0 15px 11px 0 rgba(0, 0, 0, 0.03); */
transition: 0.3s;
}
/* .jltma-counterup:hover {
box-shadow: 0 10px 50px 0 rgba(7, 42, 68, 0.04), 0 15px 11px 0 rgba(0, 0, 0, 0.05);
} */
.jltma-counterup i {
font-size: 30px;
color: #fff;
width: 70px;
height: 70px;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
}
.jltma-counterup .counterup-icon-text-center {
text-align: center;
display: block;
}
.jltma-counterup .counterup-icon-text-center i,
.jltma-counterup .counterup-icon-text-center img {
margin-bottom: 25px;
}
.jltma-counterup h3.jltma-counterup-number {
font-size: 24px;
line-height: 40px;
margin-top: 0px;
padding-top: 0;
padding-bottom: 0;
margin-bottom: 0;
font-weight: 700;
color: #333;
}
.jltma-counterup span.jltma-counterup-title {
margin-top: 0;
font-size: 16px;
font-weight: 500;
display: inline-block;
color: #525151;
}
.jltma-counterup-icon-left,
.jltma-counterup-icon-right {
display: flex;
align-items: center;
}
.jltma-counterup-icon-right {
justify-content: flex-end;
}
.counterup-icon-text-right {
order: 2;
}
.jltma-counterup-icon-center {
text-align: center;
}
.counterup-icon-text-left {
margin-right: 30px;
}
.counterup-icon-text-right {
margin-left: 30px;
}
.jltma-counterup-icon-right .jltma-counterup-content {
text-align: right;
}
.jltma-counterup .counterup-icon-text-center img {
margin-left: auto;
margin-right: auto;
}
/* .fancybox-slide.watermark .fancybox-spaceball {
background-image: url('https://fancyapps.com/GJbkSPU.png');
background-size: cover;
background-repeat: no-repeat;
} */
/* Start of Blockquote*/
blockquote.jltma-blockquote {
background: #404ace;
color: #fff;
font-size: 1.9em;
padding: 50px 60px 80px;
font-style: italic;
border: none;
border-radius: 20px;
line-height: 44px;
font-weight: 800;
letter-spacing: 0;
margin: 0;
position: relative;
z-index: 1;
}
blockquote.jltma-blockquote cite:before {
content: "";
background: #f04e23;
width: 15px;
height: 6px;
position: absolute;
left: 0px;
margin-top: 20px;
border-radius: 3px;
}
blockquote.jltma-blockquote cite {
color: #fff;
font-size: 16px;
float: left;
padding-left: 30px;
padding-top: 0;
margin-top: 0;
}
/* End of Blockquote*/
/* Start of Instagram Feed */
.jltma-instagram-feed .jltma-instafeed-item {
display: inline-block;
position: relative;
margin: 0px;
overflow: hidden;
outline: none;
}
.jltma-instafeed-card-img,
.jltma-instafeed-img {
width: 100%;
}
.jltma-instagram-feed-gray.jltma-instafeed-item .jltma-instafeed-img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transition: filter 0.25s linear 0s;
transition: filter 0.25s linear 0s;
}
.jltma-instagram-feed-hover-gray .jltma-instafeed-item:hover .jltma-instafeed-img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transition: filter 0.25s linear 0s;
transition: filter 0.25s linear 0s;
}
.jltma-instagram-feed .jltma-instafeed-item .jltma-instafeed-img {
max-height: 100%;
display: block;
-webkit-transition: all 0.75s ease-out;
-moz-transition: all 0.75s ease-out;
-ms-transition: all 0.75s ease-out;
-o-transition: all 0.75s ease-out;
transition: all 0.75s ease-out;
}
.jltma-instagram-feed .jltma-instafeed-item-details {
background: rgba(0, 0, 0, 0.8);
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
text-align: center;
opacity: 0;
color: #fff;
-webkit-transition: all 0.35s ease-out;
-moz-transition: all 0.35s ease-out;
-ms-transition: all 0.35s ease-out;
-o-transition: all 0.35s ease-out;
-webkit-transform: scale(0, 0);
-moz-transform: scale(0, 0);
-ms-transform: scale(0, 0);
-o-transform: scale(0, 0);
transform: scale(0, 0);
}
.jltma-instagram-feed .jltma-instafeed-meta {
width: 50%;
margin: auto;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.jltma-instagram-feed .jltma-instafeed-item:hover .jltma-instafeed-img {
-webkit-transform: scale(1.2, 1.2);
-moz-transform: scale(1.2, 1.2);
-ms-transform: scale(1.2, 1.2);
-o-transform: scale(1.2, 1.2);
transform: scale(1.2, 1.2);
}
.jltma-instagram-feed .jltma-instafeed-item:hover .jltma-instafeed-item-details {
opacity: 1;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
.jltma-instagram-feed-title-wrap {
background: #4b00e7;
color: #fff;
z-index: 11;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
padding: 15px;
border-radius: 3px;
text-transform: uppercase;
font-weight: bold;
font-size: 1em;
line-height: 1;
}
/* Bottom Push Hover */
.jltma-instafeed-grid-btm-push-hover .jltma-instafeed-img {
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
}
/* .jltma-instafeed-grid-btm-push-hover:hover img {
-webkit-transform: translate3d(0,-80px,0);
transform: translate3d(0,-80px,0);
} */
.jltma-instafeed-grid-btm-push-hover .jltma-instafeed-item:hover .jltma-instafeed-item-details {
-webkit-transform: translate3d(0, -80px, 0);
transform: translate3d(0, -80px, 0);
}
.jltma-instafeed-grid-btm-push-hover .jltma-instafeed-item-details {
position: absolute;
bottom: 0;
left: 0;
padding: 15px;
text-transform: none;
font-size: 90%;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0, 50px, 0);
transform: translate3d(0, 50px, 0);
}
.jltma-instafeed-grid-btm-push-hover:hover .jltma-instafeed-item-details {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
/* Card View */
.jltma-instafeed-card .jltma-instafeed-avatar-img {
width: 45px;
height: 45px;
overflow: hidden;
margin-right: 10px;
padding: 2px;
outline: none;
border-radius: 50%;
background: -webkit-linear-gradient(60deg, #f3823c 15%, #ba1379 50%);
background: linear-gradient(30deg, #f3823c 15%, #ba1379 50%);
}
.jltma-instafeed-card .jltma-instafeed-item-user img {
max-width: 100%;
height: 100%;
border-radius: inherit;
}
.jltma-instafeed-item-header .media-body .jltma-insta-user-meta {
display: block;
}
.jltma-instafeed-icon i {
font-size: 32px;
color: transparent;
background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
background: -webkit-radial-gradient(
circle at 30% 107%,
#fdf497 0%,
#fdf497 5%,
#fd5949 45%,
#d6249f 60%,
#285aeb 90%
);
background-clip: text;
-webkit-background-clip: text;
}
/* Lightbox Card Layout */
.jltma-instafeed-item.jltma-lightbox .jltma-instafeed-item-header {
background: #f09433;
background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
}
.jltma-instafeed-item.jltma-lightbox .jltma-instafeed-icon i {
color: #fff;
}
.jltma-insta-lightbox-card {
display: inline-block;
margin-bottom: 11px;
margin-top: 10px;
width: 100%;
}
.jltma-insta-lightbox-card ul li {
color: #bdbdbd;
font-size: 13px;
width: 30%;
text-align: center;
border-right: 1px solid #e6e6e6;
display: inline-block;
}
.jltma-insta-lightbox-card ul li:last-child {
border-right: none;
}
.fancybox-close-small {
color: #fff !important;
}
/* Lightbox Card Layout */
.jltma-instafeed-caption p {
font-size: 13px;
font-weight: 400;
line-height: 1.3;
margin-top: 5px;
margin-bottom: 0;
padding: 15px 0 10px;
}
.jltma-instafeed-item .fa-clone {
transform: rotateY(180deg);
}
.jltma-instafeed-item .visually-hidden {
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
}
.jltma-insta-gallery-item-type {
position: absolute;
top: 1rem;
right: 1rem;
font-size: 2.5rem;
text-shadow: 0.2rem 0.2rem 0.2rem rgba(0, 0, 0, 0.1);
}
.jltma-instafeed-item-inner {
border-radius: 3px;
margin: 10px;
}
.jltma-instafeed-card header,
.jltma-instafeed-card footer {
padding: 10px;
}
.jltma-instafeed-username {
font-size: 18px;
font-weight: bold;
}
/* End of Instagram Feed */
/* Start of Domain Search */
.ma-el-domain-checker .jltma-btn.ma-el-button {
background: #222;
font-weight: 400;
padding: 8px 27px;
color: #fff;
border-radius: inherit;
}
/* Start of Domain Search */
/* Start of Content Toggle */
ul.jltma-toggle-content-controls {
margin-top: 0;
padding-left: 0;
}
.jltma-toggle-content-controls {
list-style: none;
margin: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
padding: 0;
}
.jltma-toggle-content-toggle {
display: block;
text-align: center;
}
.jltma-toggle-content-controls-wrapper {
display: inline-block;
position: relative;
padding: 6px;
margin: 0;
background-color: #fff;
}
.jltma-toggle-content-controls-wrapper--before {
margin-bottom: 24px;
}
.jltma-toggle-content-controls-wrapper--after {
margin-top: 24px;
}
.jltma-toggle-content-controls {
position: relative;
cursor: pointer;
min-height: 26px;
}
.jltma-toggle-content-controls__item {
line-height: 1;
min-width: 26px;
height: 100%;
padding: 0.5em 0.9em;
transition: all 0.3s linear;
}
.jltma-toggle-content-controls__item.jltma--is-active {
color: #ffffff;
}
.jltma-toggle-content-controls__text {
display: block;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.jltma-labels-align--start .jltma-toggle-content-controls {
-ms-flex-pack: start;
justify-content: flex-start;
}
.jltma-labels-align--center .jltma-toggle-content-controls {
-ms-flex-pack: center;
justify-content: center;
}
.jltma-labels-align--end .jltma-toggle-content-controls {
-ms-flex-pack: end;
justify-content: flex-end;
}
.jltma-labels-align--stretch .jltma-toggle-content-controls__item {
-ms-flex-positive: 1;
flex-grow: 1;
}
.jltma-labels-align-stacked--start .jltma-toggle-content-controls {
-ms-flex-align: start;
align-items: flex-start;
}
.jltma-labels-align-stacked--center .jltma-toggle-content-controls {
-ms-flex-align: center;
align-items: center;
}
.jltma-labels-align-stacked--end .jltma-toggle-content-controls {
-ms-flex-align: end;
align-items: flex-end;
}
.jltma-labels-align-stacked--stretch .jltma-toggle-content-controls {
-ms-flex-align: stretch;
align-items: stretch;
}
.jltma-toggle-content-indicator {
position: absolute;
left: 0;
top: 0;
bottom: 0;
min-width: 26px;
margin: 6px;
opacity: 0;
transition: opacity 0.3s linear;
}
.jltma--is-ready .jltma-toggle-content-indicator {
opacity: 1;
}
.jltma-toggle-content-elements {
text-align: left;
}
.jltma-toggle-content-element {
display: none;
}
.jltma-toggle-content-element p:last-child {
margin: 0px;
}
.jltma-toggle-element--round .jltma-toggle-content-controls-wrapper,
.jltma-toggle-element--round .jltma-toggle-content-indicator {
border-radius: 2em;
}
.jltma-toggle-element--square .jltma-toggle-content-controls-wrapper {
border-radius: 4px;
}
.jltma-toggle-element--square .jltma-toggle-content-indicator {
border-radius: 2px;
}
.jltma-toggle-element--stack-desktop.jltma-toggle-element--round .jltma-toggle-content-controls-wrapper,
.jltma-toggle-element--stack-tablet.jltma-toggle-element--round .jltma-toggle-content-controls-wrapper,
.jltma-toggle-element--stack-mobile.jltma-toggle-element--round .jltma-toggle-content-controls-wrapper {
border-radius: 1.3em;
}
.jltma-toggle-element--stack-desktop .jltma-toggle-content-controls {
margin-left: 0 !important;
-ms-flex-direction: column;
flex-direction: column;
}
.jltma-toggle-element--stack-desktop .jltma-toggle-content-controls > li {
margin-left: 0 !important;
}
.jltma-toggle-element--stack-desktop .jltma-toggle-content-controls > li > a {
display: block;
}
.jltma-labels-align-tablet--start .jltma-toggle-content-controls {
-ms-flex-pack: start;
justify-content: flex-start;
}
.jltma-labels-align-tablet--center .jltma-toggle-content-controls {
-ms-flex-pack: center;
justify-content: center;
}
.jltma-labels-align-tablet--end .jltma-toggle-content-controls {
-ms-flex-pack: end;
justify-content: flex-end;
}
.jltma-labels-align-tablet--stretch .jltma-toggle-content-controls__item {
-ms-flex-positive: 1;
flex-grow: 1;
}
.jltma-labels-align-stacked-tablet--start .jltma-toggle-content-controls {
-ms-flex-align: start;
align-items: flex-start;
}
.jltma-labels-align-stacked-tablet--center .jltma-toggle-content-controls {
-ms-flex-align: center;
align-items: center;
}
.jltma-labels-align-stacked-tablet--end .jltma-toggle-content-controls {
-ms-flex-align: end;
align-items: flex-end;
}
.jltma-labels-align-stacked-tablet--stretch .jltma-toggle-content-controls {
-ms-flex-align: stretch;
align-items: stretch;
}
.jltma-toggle-element--stack-tablet .jltma-toggle-content-controls {
margin-left: 0 !important;
-ms-flex-direction: column;
flex-direction: column;
}
.jltma-toggle-element--stack-tablet .jltma-toggle-content-controls > li {
margin-left: 0 !important;
}
.jltma-toggle-element--stack-tablet .jltma-toggle-content-controls > li > a {
display: block;
}
/* End of Content Toggle */
/* Start of Display Conditions */
*:not(.elementor-editor-active) .jltma-conditions-hidden {
display: none;
}
/* End of Display Conditions */
/* Start of Entrance Animation */
.jltma-animate {
animation-duration: 1s;
animation-fill-mode: both;
}
@keyframes JltmaFlash {
from,
50%,
to {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
@keyframes JltmaPulseIn {
from {
transform: scale3d(1, 1, 1);
}
50% {
transform: scale3d(0.99, 0.99, 0.99);
}
to {
opacity: 1;
transform: none;
}
}
.jltma-anim-pulse-in,
.jltma-animated.jltma-pulse {
animation-name: JltmaPulseIn;
}
@keyframes JltmaPulseIn1 {
from {
transform: scale3d(1, 1, 1);
}
50% {
transform: scale3d(0.98, 0.98, 0.98);
}
to {
opacity: 1;
transform: none;
}
}
.jltma-anim-pulse-in-1,
.jltma-animated.jltma-pulse1 {
animation-name: JltmaPulseIn1;
}
@keyframes JltmaPulseIn2 {
from {
transform: scale3d(1, 1, 1);
}
50% {
transform: scale3d(0.96, 0.96, 0.96);
}
to {
opacity: 1;
transform: none;
}
}
.jltma-anim-pulse-in-2,
.jltma-animated.jltma-pulse2 {
animation-name: JltmaPulseIn2;
}
@keyframes JltmaPulseIn3 {
from {
transform: scale3d(1, 1, 1);
}
50% {
transform: scale3d(0.94, 0.94, 0.94);
}
to {
opacity: 1;
transform: none;
}
}
.jltma-anim-pulse-in-3,
.jltma-animated.jltma-pulse3 {
animation-name: JltmaPulseIn3;
}
@keyframes JltmaPulseIn4 {
from {
transform: scale3d(1, 1, 1);
}
50% {
transform: scale3d(0.9, 0.9, 0.9);
}
to {
opacity: 1;
transform: none;
}
}
.jltma-anim-pulse-in-4,
.jltma-animated.jltma-pulse4 {
animation-name: JltmaPulseIn4;
}
@keyframes JltmaPulseOut1 {
from {
transform: scale3d(1, 1, 1);
}
50% {
transform: scale3d(1.05, 1.05, 1.05);
}
to {
opacity: 1;
transform: none;
}
}
.jltma-anim-pulse-out-1,
.jltma-animated.jltma-pulse-out-1 {
animation-name: JltmaPulseOut1;
}
@keyframes JltmaPulseOut2 {
from {
transform: scale3d(1, 1, 1);
}
50% {
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 1;
transform: none;
}
}
.jltma-anim-pulse-out-2,
.jltma-animated.jltma-pulse-out-2 {
animation-name: JltmaPulseOut2;
}
@keyframes JltmaPulseOut3 {
from {
transform: scale3d(1, 1, 1);
}
50% {
transform: scale3d(1.15, 1.15, 1.15);
}
to {
opacity: 1;
transform: none;
}
}
.jltma-anim-pulse-out-3,
.jltma-animated.jltma-pulse-out-3 {
animation-name: JltmaPulseOut3;
}
@keyframes JltmaPulseOut4 {
from {
transform: scale3d(1, 1, 1);
}
50% {
transform: scale3d(1.2, 1.2, 1.2);
}
to {
opacity: 1;
transform: none;
}
}
.jltma-anim-pulse-out-4,
.jltma-animated.jltma-pulse-out-4 {
animation-name: JltmaPulseOut4;
}
@keyframes JltmaShake {
from,
to {
transform: translate3d(0, 0, 0);
}
10%,
30%,
50%,
70%,
90% {
transform: translate3d(-50px, 0, 0);
}
20%,
40%,
60%,
80% {
opacity: 1;
transform: translate3d(50px, 0, 0);
}
}
.jltma-anim-shake,
.jltma-animated.jltma-shake {
animation-name: JltmaShake;
}
@keyframes JltmaBounceIn {
from,
20%,
40%,
60%,
80%,
to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
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: none;
}
}
.jltma-anim-bounce-in,
.jltma-animated.jltma-bounce-in {
animation-name: JltmaBounceIn;
}
@keyframes JltmaFadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.jltma-anim-fade-in,
.jltma-animated.jltma-fade-in {
animation-name: JltmaFadeIn;
}
@keyframes JltmaFadeInDown {
from {
opacity: 0;
transform: translate3d(0, -27px, 0);
}
to {
opacity: 1;
transform: none;
}
}
.jltma-anim-fade-in-down,
.jltma-animated.jltma-fade-in-down {
animation-name: JltmaFadeInDown;
}
@keyframes JltmaFadeInDown1 {
from {
opacity: 0;
transform: translate3d(0, -50px, 0);
}
to {
opacity: 1;
transform: none;
}
}
.jltma-anim-fade-in-down-1,
.jltma-animated.jltma-fade-in-down-1 {
animation-name: JltmaFadeInDown1;
}
@keyframes JltmaFadeInDown2 {
from {
opacity: 0;
transform: translate3d(0, -75px, 0);
}
to {
opacity: 1;
transform: none;
}
}
.jltma-anim-fade-in-down-2,
.jltma-animated.jltma-fade-in-down-2 {
animation-name: JltmaFadeInDown2;
}
@keyframes JltmaFadeInUp {
from {
opacity: 0;
transform: translate3d(0, 27px, 0);
}
to {
opacity: 1;
transform: none;
}
}
.jltma-anim-fade-in-up,
.jltma-animated.jltma-fade-in-up {
animation-name: JltmaFadeInUp;
}
@keyframes JltmaFadeInUp1 {
from {
opacity: 0;
transform: translate3d(0, 50px, 0);
}
to {
opacity: 1;
transform: none;
}
}
.jltma-anim-fade-in-up-1,
.jltma-animated.jltma-fade-in-up-1 {
animation-name: JltmaFadeInUp1;
}
@keyframes JltmaFadeInUp2 {
from {
opacity: 0;
transform: translate3d(0, 75px, 0);
}
to {
opacity: 1;
transform: none;
}
}
.jltma-anim-fade-in-up-2,
.jltma-animated.jltma-fade-in-up-2 {
animation-name: JltmaFadeInUp2;
}
@keyframes JltmaFadeInLeft {
from {
opacity: 0;
transform: translate3d(-27px, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
.jltma-anim-fade-in-left,
.jltma-animated.jltma-fade-in-left {
animation-name: JltmaFadeInLeft;
}
@keyframes JltmaFadeInLeft1 {
from {
opacity: 0;
transform: translate3d(-50px, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
.jltma-anim-fade-in-left-1,
.jltma-animated.jltma-fade-in-left-1 {
animation-name: JltmaFadeInLeft1;
}
@keyframes JltmaFadeInLeft2 {
from {
opacity: 0;
transform: translate3d(-75px, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
.jltma-anim-fade-in-left-2,
.jltma-animated.jltma-fade-in-left-2 {
animation-name: JltmaFadeInLeft2;
}
@keyframes JltmaFadeInRight {
from {
opacity: 0;
transform: translate3d(27px, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
.jltma-anim-fade-in-right,
.jltma-animated.jltma-fade-in-right {
animation-name: JltmaFadeInRight;
}
@keyframes JltmaFadeInRight1 {
from {
opacity: 0;
transform: translate3d(50px, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
.jltma-anim-fade-in-right-1,
.jltma-animated.jltma-fade-in-right-1 {
animation-name: JltmaFadeInRight1;
}
@keyframes JltmaFadeInRight2 {
from {
opacity: 0;
transform: translate3d(75px, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
.jltma-anim-fade-in-right-2,
.jltma-animated.jltma-fade-in-right-2 {
animation-name: JltmaFadeInRight2;
}
@keyframes JltmaRotateIn {
from {
transform-origin: center;
transform: rotate3d(0, 0, 1, -200deg);
}
to {
transform-origin: center;
transform: none;
opacity: 1;
}
}
.jltma-anim-rotate-in,
.jltma-animated.jltma-rotate-in {
animation-name: JltmaRotateIn;
}
@keyframes JltmaRotateInDownLeft {
from {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, -25deg);
}
to {
transform-origin: left bottom;
transform: none;
opacity: 1;
}
}
.jltma-anim-rotate-in-down-left,
.jltma-animated.jltma-rotate-in-down-left {
animation-name: JltmaRotateInDownLeft;
}
@keyframes JltmaRotateInDownLeft1 {
from {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, -35deg);
}
to {
transform-origin: left bottom;
transform: none;
opacity: 1;
}
}
.jltma-anim-rotate-in-down-left-1,
.jltma-animated.jltma-rotate-in-down-left-1 {
animation-name: JltmaRotateInDownLeft1;
}
@keyframes JltmaRotateInDownLeft2 {
from {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, -45deg);
}
to {
transform-origin: left bottom;
transform: none;
opacity: 1;
}
}
.jltma-anim-rotate-in-down-left-2,
.jltma-animated.jltma-rotate-in-down-left-2 {
animation-name: JltmaRotateInDownLeft2;
}
@keyframes JltmaRotateInDownRight {
from {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, 25deg);
}
to {
transform-origin: right bottom;
transform: none;
opacity: 1;
}
}
.jltma-anim-rotate-in-down-right,
.jltma-animated.jltma-rotate-in-down-right {
animation-name: JltmaRotateInDownRight;
}
@keyframes JltmaRotateInDownRight1 {
from {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, 35deg);
}
to {
transform-origin: right bottom;
transform: none;
opacity: 1;
}
}
.jltma-anim-rotate-in-down-right-1,
.jltma-animated.jltma-rotate-in-down-right-1 {
animation-name: JltmaRotateInDownRight1;
}
@keyframes JltmaRotateInDownRight2 {
from {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, 45deg);
}
to {
transform-origin: right bottom;
transform: none;
opacity: 1;
}
}
.jltma-anim-rotate-in-down-right-2,
.jltma-animated.jltma-rotate-in-down-right-2 {
animation-name: JltmaRotateInDownRight2;
}
@keyframes JltmaRotateInUpLeft {
from {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, 25deg);
}
to {
transform-origin: left bottom;
transform: none;
opacity: 1;
}
}
.jltma-anim-rotate-in-up-left,
.jltma-animated.jltma-rotate-in-up-left {
animation-name: JltmaRotateInUpLeft;
}
@keyframes JltmaRotateInUpLeft1 {
from {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, 35deg);
}
to {
transform-origin: left bottom;
transform: none;
opacity: 1;
}
}
.jltma-anim-rotate-in-up-left-1,
.jltma-animated.jltma-rotate-in-up-left-1 {
animation-name: JltmaRotateInUpLeft1;
}
@keyframes JltmaRotateInUpLeft2 {
from {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, 45deg);
}
to {
transform-origin: left bottom;
transform: none;
opacity: 1;
}
}
.jltma-anim-rotate-in-up-left-2,
.jltma-animated.jltma-rotate-in-up-left-2 {
animation-name: JltmaRotateInUpLeft2;
}
@keyframes JltmaRotateInUpRight {
from {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, -35deg);
}
to {
transform-origin: right bottom;
transform: none;
opacity: 1;
}
}
.jltma-anim-rotate-in-up-right,
.jltma-animated.jltma-rotate-in-up-right {
animation-name: JltmaRotateInUpRight;
}
@keyframes JltmaRotateInUpRight1 {
from {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, -60deg);
}
to {
transform-origin: right bottom;
transform: none;
opacity: 1;
}
}
.jltma-anim-rotate-in-up-right-1,
.jltma-animated.jltma-rotate-in-up-right-1 {
animation-name: JltmaRotateInUpRight1;
}
@keyframes JltmaRotateInUpRight2 {
from {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, -90deg);
}
to {
transform-origin: right bottom;
transform: none;
opacity: 1;
}
}
.jltma-anim-rotate-in-up-right-2,
.jltma-animated.jltma-rotate-in-up-right-2 {
animation-name: JltmaRotateInUpRight2;
}
@keyframes JltmaFlipInUp {
from {
transform: rotateX(-40deg) translateY(40px);
}
to {
transform: none;
opacity: 1;
}
}
.jltma-anim-flip-in-up,
.jltma-animated.jltma-flip-in-up {
animation-name: JltmaFlipInUp;
}
@keyframes JltmaFlipInUp1 {
from {
transform: rotateX(-40deg) translateY(80px);
}
to {
transform: none;
opacity: 1;
}
}
.jltma-anim-flip-in-up-1,
.jltma-animated.jltma-flip-in-up-1 {
animation-name: JltmaFlipInUp1;
}
@keyframes JltmaFlipInUp2 {
from {
transform: rotateX(-40deg) translateY(120px);
}
to {
transform: none;
opacity: 1;
}
}
.jltma-anim-flip-in-up-2,
.jltma-animated.jltma-flip-in-up-2 {
animation-name: JltmaFlipInUp2;
}
@keyframes JltmaFlipInDown {
from {
transform: rotateX(40deg) translateY(-40px);
}
to {
transform: none;
opacity: 1;
}
}
.jltma-anim-flip-in-down,
.jltma-animated.jltma-flip-in-down {
animation-name: JltmaFlipInDown;
}
@keyframes JltmaFlipInDown1 {
from {
transform: rotateX(40deg) translateY(-80px);
}
to {
transform: none;
opacity: 1;
}
}
.jltma-anim-flip-in-down-1,
.jltma-animated.jltma-flip-in-down-1 {
animation-name: JltmaFlipInDown1;
}
@keyframes JltmaFlipInDown2 {
from {
transform: rotateX(40deg) translateY(-120px);
}
to {
transform: none;
opacity: 1;
}
}
.jltma-anim-flip-in-down-2,
.jltma-animated.jltma-flip-in-down-2 {
animation-name: JltmaFlipInDown2;
}
@keyframes JltmaFlipInLeft {
from {
transform: rotateY(-40deg) translateX(40px);
}
to {
transform: none;
opacity: 1;
}
}
.jltma-anim-flip-in-left,
.jltma-animated.jltma-flip-in-left {
animation-name: JltmaFlipInLeft;
}
@keyframes JltmaFlipInLeft1 {
from {
transform: rotateY(-40deg) translateX(80px);
}
to {
transform: none;
opacity: 1;
}
}
.jltma-anim-flip-in-left-1,
.jltma-animated.jltma-flip-in-left-1 {
animation-name: JltmaFlipInLeft1;
}
@keyframes JltmaFlipInLeft2 {
from {
transform: rotateY(-40deg) translateX(140px);
}
to {
transform: none;
opacity: 1;
}
}
.jltma-anim-flip-in-left-2,
.jltma-animated.jltma-flip-in-left-2 {
animation-name: JltmaFlipInLeft2;
}
@keyframes JltmaFlipInLeft3 {
from {
transform: rotateY(-40deg) translateX(200px);
}
to {
transform: none;
opacity: 1;
}
}
.jltma-anim-flip-in-left-3,
.jltma-animated.jltma-flip-in-left-3 {
animation-name: JltmaFlipInLeft3;
}
@keyframes JltmaFlipInRight {
from {
transform: rotateY(40deg) translateX(-40px);
}
to {
transform: none;
opacity: 1;
}
}
.jltma-anim-flip-in-right,
.jltma-animated.jltma-flip-in-right {
animation-name: JltmaFlipInRight;
}
@keyframes JltmaFlipInRight1 {
from {
transform: rotateY(40deg) translateX(-80px);
}
to {
transform: none;
opacity: 1;
}
}
.jltma-anim-flip-in-right-1,
.jltma-animated.jltma-flip-in-right-1 {
animation-name: JltmaFlipInRight1;
}
@keyframes JltmaFlipInRight2 {
from {
transform: rotateY(40deg) translateX(-140px);
}
to {
transform: none;
opacity: 1;
}
}
.jltma-anim-flip-in-right-2,
.jltma-animated.jltma-flip-in-right-2 {
animation-name: JltmaFlipInRight2;
}
@keyframes JltmaFlipInRight3 {
from {
transform: rotateY(40deg) translateX(-200px);
}
to {
transform: none;
opacity: 1;
}
}
.jltma-anim-flip-in-right-3,
.jltma-animated.jltma-flip-in-right-3 {
animation-name: JltmaFlipInRight3;
}
@keyframes JltmaZoomIn {
from {
transform: scale3d(0.9, 0.9, 0.9);
}
50% {
opacity: 1;
}
to {
transform: none;
opacity: 1;
}
}
.jltma-anim-zoom-in,
.jltma-animated.jltma-zoom-in {
animation-name: JltmaZoomIn;
}
@keyframes JltmaZoomIn1 {
from {
transform: scale3d(0.8, 0.8, 0.8);
}
50% {
opacity: 1;
}
to {
transform: none;
opacity: 1;
}
}
.jltma-anim-zoom-in-1,
.jltma-animated.jltma-zoom-in-1 {
animation-name: JltmaZoomIn1;
}
@keyframes JltmaZoomIn2 {
from {
transform: scale3d(0.7, 0.7, 0.7);
}
50% {
opacity: 1;
}
to {
transform: none;
opacity: 1;
}
}
.jltma-anim-zoom-in-2,
.jltma-animated.jltma-zoom-in-2 {
animation-name: JltmaZoomIn2;
}
@keyframes JltmaZoomIn3 {
from {
transform: scale3d(0.6, 0.6, 0.6);
}
50% {
opacity: 1;
}
to {
transform: none;
opacity: 1;
}
}
.jltma-anim-zoom-in-3,
.jltma-animated.jltma-zoom-in-3 {
animation-name: JltmaZoomIn3;
}
@keyframes JltmaScaleUp {
from {
transform: scale(0.9, 0.9);
}
to {
transform: none;
opacity: 1;
}
}
.jltma-anim-scale-up,
.jltma-animated.jltma-scale-up {
animation-name: JltmaScaleUp;
}
@keyframes JltmaScaleUp1 {
from {
transform: scale(0.7, 0.7);
}
to {
transform: none;
opacity: 1;
}
}
.jltma-anim-scale-up-1,
.jltma-animated.jltma-scale-up-1 {
animation-name: JltmaScaleUp1;
}
@keyframes JltmaScaleUp2 {
from {
transform: scale(0.6, 0.6);
}
to {
transform: none;
opacity: 1;
}
}
.jltma-anim-scale-up-2,
.jltma-animated.jltma-scale-up-2 {
animation-name: JltmaScaleUp2;
}
@keyframes JltmaScaleDown {
from {
transform: scale(1.1, 1.1);
}
to {
transform: none;
opacity: 1;
}
}
.jltma-anim-scale-down,
.jltma-animated.jltma-scale-down {
animation-name: JltmaScaleDown;
}
@keyframes JltmaScaleDown1 {
from {
transform: scale(1.3, 1.3);
}
to {
transform: none;
opacity: 1;
}
}
.jltma-anim-scale-down-1,
.jltma-animated.jltma-scale-down-1 {
animation-name: JltmaScaleDown1;
}
@keyframes JltmaScaleDown2 {
from {
transform: scale(1.4, 1.4);
}
to {
transform: none;
opacity: 1;
}
}
.jltma-anim-scale-down-2,
.jltma-animated.jltma-scale-down-2 {
animation-name: JltmaScaleDown2;
}
@keyframes JltmaJackInTheBox {
from {
transform: scale(0.1) rotate(30deg);
transform-origin: center bottom;
}
50% {
transform: rotate(-10deg);
}
70% {
transform: rotate(3deg);
}
to {
opacity: 1;
transform: none;
}
}
.jltma-anim-jack-in-box,
.jltma-animated.jltma-jack-in-box {
animation-name: JltmaJackInTheBox;
}
/** General Animations */
@keyframes jltma-scrolldown {
0% {
transform: translate(-50%, -60%);
}
100% {
transform: translate(-50%, -20%);
}
}
@keyframes jltma-header-animation {
from {
transform: translateY(-100%);
}
to {
transform: none;
}
}
@keyframes JltmaSlideFromRight {
from {
transform: translateX(100%);
}
to {
opacity: 1;
transform: none;
}
}
.jltma-anim-slide-from-right,
.jltma-animated.jltma-slide-from-right > .elementor-widget-container,
.jltma-animated.jltma-slide-from-right > .elementor-column-wrap {
animation-name: JltmaSlideFromRight;
}
@keyframes JltmaSlideFromLeft {
from {
transform: translateX(-100%);
}
to {
opacity: 1;
transform: none;
}
}
.jltma-anim-slide-from-left,
.jltma-animated.jltma-slide-from-left > .elementor-widget-container,
.jltma-animated.jltma-slide-from-left > .elementor-column-wrap {
animation-name: JltmaSlideFromLeft;
}
@keyframes JltmaSlideFromTop {
from {
transform: translateY(-100%);
}
to {
opacity: 1;
transform: none;
}
}
.jltma-anim-slide-from-top,
.jltma-animated.jltma-slide-from-top > .elementor-widget-container,
.jltma-animated.jltma-slide-from-top > .elementor-column-wrap {
animation-name: JltmaSlideFromTop;
}
@keyframes JltmaSlideFromBot {
from {
transform: translateY(100%);
}
to {
opacity: 1;
transform: none;
}
}
.jltma-anim-slide-from-bot,
.jltma-animated.jltma-slide-from-bot > .elementor-widget-container,
.jltma-animated.jltma-slide-from-bot > .elementor-column-wrap {
animation-name: JltmaSlideFromBot;
}
@keyframes JltmaMaskFromTop {
from {
clip-path: inset(0 0 100% 0);
opacity: 1;
}
to {
clip-path: inset(0 0 0 0);
opacity: 1;
}
}
.jltma-anim-mask-from-top,
.jltma-animated.jltma-mask-from-top {
animation-name: JltmaMaskFromTop;
}
@keyframes JltmaMaskFromBot {
from {
clip-path: inset(100% 0 0 0);
opacity: 1;
}
to {
clip-path: inset(0 0 0 0);
opacity: 1;
}
}
.jltma-anim-mask-from-bot,
.jltma-animated.jltma-mask-from-bot {
animation-name: JltmaMaskFromBot;
}
@keyframes JltmaMaskFromRight {
from {
clip-path: inset(0 0 0 100%);
opacity: 1;
}
to {
clip-path: inset(0 0 0 0);
opacity: 1;
}
}
.jltma-anim-mask-from-right,
.jltma-animated.jltma-mask-from-right {
animation-name: JltmaMaskFromRight;
}
@keyframes JltmaMaskFromLeft {
from {
clip-path: inset(0 100% 0 0);
opacity: 1;
}
to {
clip-path: inset(0 0 0 0);
opacity: 1;
}
}
.jltma-anim-mask-from-left,
.jltma-animated.jltma-mask-from-left {
animation-name: JltmaMaskFromLeft;
}
@keyframes JltmaLoadingWave {
0% {
background-position: 0% 0;
}
100% {
background-position: 66% 0;
}
}
/** Appear Animations */
.jltma-appear-watch-animation {
animation-duration: 1s;
animation-fill-mode: both;
animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
opacity: 0;
}
.jltma-appear-watch-animation.jltma-animation-off {
opacity: 1;
}
.jltma-animation-off {
animation: none !important;
}
.jltma-animated.jltma-slide-from-right {
overflow: hidden;
opacity: 1;
}
.jltma-animated.jltma-slide-from-right > .elementor-widget-container,
.jltma-animated.jltma-slide-from-right > .elementor-column-wrap {
animation-duration: inherit;
animation-fill-mode: inherit;
animation-timing-function: inherit;
animation-delay: inherit;
}
.jltma-animated.jltma-slide-from-left {
overflow: hidden;
opacity: 1;
}
.jltma-animated.jltma-slide-from-left > .elementor-widget-container,
.jltma-animated.jltma-slide-from-left > .elementor-column-wrap {
animation-duration: inherit;
animation-fill-mode: inherit;
animation-timing-function: inherit;
animation-delay: inherit;
}
.jltma-animated.jltma-slide-from-top {
overflow: hidden;
opacity: 1;
}
.jltma-animated.jltma-slide-from-top > .elementor-widget-container,
.jltma-animated.jltma-slide-from-top > .elementor-column-wrap {
animation-duration: inherit;
animation-fill-mode: inherit;
animation-timing-function: inherit;
animation-delay: inherit;
}
.jltma-animated.jltma-slide-from-bot {
overflow: hidden;
opacity: 1;
}
.jltma-animated.jltma-slide-from-bot > .elementor-widget-container,
.jltma-animated.jltma-slide-from-bot > .elementor-column-wrap {
animation-duration: inherit;
animation-fill-mode: inherit;
animation-timing-function: inherit;
animation-delay: inherit;
}
.jltma-isotope-animated {
overflow: hidden;
transition: height 800ms cubic-bezier(0.75, 0.1, 0.25, 0.9);
}
.jltma-isotope-animated .jltma-iso-item:not(.jltma-ajax-anim) {
transition: transform 0ms cubic-bezier(0.25, 0.1, 0.25, 1), opacity 0ms cubic-bezier(0.25, 0.1, 0.25, 1);
opacity: 1;
}
.jltma-isotope-animated .jltma-iso-item:not(.jltma-ajax-anim).jltma-loading {
opacity: 0 !important;
}
.jltma-isotope-animated .jltma-iso-item:not(.jltma-ajax-anim).jltma-iso-hiding {
transform: translateY(-10%);
transition-timing-function: cubic-bezier(0.75, 0, 0.75, 0.9);
z-index: 1;
opacity: 0;
}
.jltma-isotope-animated .jltma-iso-item:not(.jltma-ajax-anim).jltma-iso-hidden {
transform: translateY(10%);
opacity: 0;
}
.jltma-isotope-animated .jltma-iso-item:not(.jltma-ajax-anim).jltma-iso-revealing {
transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
transform: translateY(0);
z-index: 2;
opacity: 1;
}
.jltma-isotope-animated .jltma-items-loading {
position: absolute;
top: 0;
width: 100%;
height: 100%;
z-index: 2;
transition: all 1200ms;
}
.jltma-isotope-animated .jltma-items-loading.jltma-loading-visible {
opacity: 1;
visibility: visible;
}
.jltma-isotope-animated .jltma-items-loading.jltma-loading-hide {
opacity: 0;
visibility: hidden;
}
.jltma-isotope-animated .jltma-items-loading .jltma-loading-loop {
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
}
.jltma-isotope-filters.jltma-center + .jltma-isotope-animated {
clear: both;
}
/* End of Entrance Animation */
/* Start of Gallery Slider */
.jltma-gallery-slider {
display: -ms-flexbox;
display: flex;
margin-left: -24px;
-ms-flex-align: start;
align-items: flex-start;
}
.jltma-gallery-slider__preview,
.jltma-gallery-slider__gallery {
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 50%;
padding-left: 24px;
}
.jltma-gallery-slider__gallery .swiper-wrapper {
flex-wrap: wrap;
}
.jltma-grid-halign--left .jltma-gallery-slider__gallery .swiper-wrapper {
justify-content: flex-start;
}
.jltma-grid-halign--center .jltma-gallery-slider__gallery .swiper-wrapper {
justify-content: center;
}
.jltma-grid-halign--right .jltma-gallery-slider__gallery .swiper-wrapper {
justify-content: flex-end;
}
.jltma-gallery-slider__gallery .jltma-gallery__item {
cursor: pointer;
}
.jltma-swiper__container .jltma-swiper__slide {
height: auto;
overflow: visible;
}
.jltma-grid-align--stretch .jltma-grid__item {
display: grid;
}
.jltma-gallery-slider__gallery .jltma-gallery__media__caption {
font-size: 12px;
}
.jltma-gallery-slider--left .jltma-gallery-slider {
-ms-flex-direction: row;
flex-direction: row;
}
.jltma-gallery-slider--right .jltma-gallery-slider {
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.jltma-gallery-slider--top .jltma-gallery-slider {
-ms-flex-flow: row;
flex-flow: row;
-ms-flex-direction: column;
flex-direction: column;
}
.jltma-gallery-slider--top .jltma-gallery-slider__gallery,
.jltma-gallery-slider--top .jltma-gallery-slider__preview {
width: 100%;
}
.jltma-gallery-slider--top .jltma-gallery-slider__preview {
margin-bottom: 24px;
}
.jltma-gallery-slider__slider.jltma-media-align--top .jltma-carousel__media__content {
height: auto;
}
.jltma-gallery-slider--bottom .jltma-gallery-slider {
-ms-flex-flow: row;
flex-flow: row;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.jltma-gallery-slider--bottom .jltma-gallery-slider__gallery,
.jltma-gallery-slider--bottom .jltma-gallery-slider__preview {
width: 100%;
}
.jltma-gallery-slider--bottom .jltma-gallery-slider__preview {
margin-bottom: 24px;
}
.jltma-gallery-slider__preview .jltma-gallery-slider__slider {
overflow: hidden;
}
.jltma-gallery-slider__preview .jltma-gallery-slider__slider figure,
.jltma-gallery-slider__preview .jltma-gallery-slider__slider .jltma-gallery-slider__slider-image {
width: 100%;
}
.jltma-swiper__container.swiper-container-horizontal,
.jltma-swiper__container.swiper-container-vertical {
display: block;
}
.jltma-swiper__container.swiper-container-vertical {
height: 500px;
}
.elementor-widget-ma-image-carousel .elementor-widget-container {
position: relative;
}
.jltma-arrow {
z-index: 1;
display: -ms-inline-flexbox;
display: inline-flex;
border-radius: 100%;
background-color: #fff;
color: #000;
padding: 1em;
margin: 24px;
font-size: 24px;
cursor: pointer;
outline: none;
}
.jltma-arrow--prev {
left: 0;
}
.jltma-arrow--next {
right: 0;
}
.jltma-gallery-slider__preview .jltma-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
outline: none;
}
.jltma-gallery-slider__preview .jltma-swiper__navigation--top .jltma-arrow {
top: 5% !important;
bottom: auto;
}
.jltma-gallery-slider__preview .jltma-swiper__navigation--middle .jltma-arrow {
top: 50%;
bottom: auto;
}
.jltma-gallery-slider__preview .jltma-swiper__navigation--bottom .jltma-arrow {
top: auto;
bottom: 5% !important;
}
.jltma-swiper__navigation--left,
.jltma-swiper__navigation--center,
.jltma-swiper__navigation--right {
display: flex;
flex-wrap: wrap;
position: absolute;
z-index: 1;
width: 100%;
}
.jltma-swiper__navigation--top.jltma-swiper__navigation--left,
.jltma-swiper__navigation--top.jltma-swiper__navigation--center,
.jltma-swiper__navigation--top.jltma-swiper__navigation--right {
top: 0;
}
.jltma-swiper__navigation--bottom.jltma-swiper__navigation--left,
.jltma-swiper__navigation--bottom.jltma-swiper__navigation--center,
.jltma-swiper__navigation--bottom.jltma-swiper__navigation--right {
bottom: 0;
}
.jltma-swiper__navigation--left {
justify-content: flex-start;
}
.jltma-swiper__navigation--center {
justify-content: center;
}
.jltma-swiper__navigation--right {
justify-content: flex-end;
}
.jltma-swiper__navigation--inside.jltma-swiper__navigation--left .jltma-swiper__button,
.jltma-swiper__navigation--inside.jltma-swiper__navigation--center .jltma-swiper__button,
.jltma-swiper__navigation--inside.jltma-swiper__navigation--right .jltma-swiper__button {
position: initial;
transform: none;
}
.jltma-swiper__navigation--middle {
height: 100%;
top: 0;
}
.jltma-swiper__navigation--middle.jltma-swiper__navigation--center {
align-items: center;
justify-content: center;
}
.jltma-swiper__navigation--middle.jltma-swiper__navigation--left {
align-items: center;
justify-content: flex-start;
}
.jltma-swiper__navigation--middle.jltma-swiper__navigation--right {
align-items: center;
justify-content: flex-end;
}
.jltma-swiper__navigation--middle.jltma-swiper__navigation--center .jltma-swiper__button {
top: inherit;
transform: none;
}
.jltma-swiper__navigation--bottom.jltma-swiper__navigation--right {
top: inherit;
bottom: 0;
}
.jltma-swiper__navigation--middle .jltma-swiper__button {
transform: none;
}
.jltma-swiper__navigation--outside .jltma-arrow--prev {
left: -120px;
}
.jltma-swiper__navigation--outside .jltma-arrow--next {
right: -120px;
}
.jltma-swiper__navigation--outside.jltma-swiper__navigation--top {
top: -130px;
}
.jltma-swiper__navigation--outside.jltma-swiper__navigation--top.jltma-swiper__navigation--left .jltma-arrow--prev {
left: 0;
}
.jltma-swiper__navigation--outside.jltma-swiper__navigation--top.jltma-swiper__navigation--left .jltma-arrow--next {
left: 120px;
right: inherit;
}
.jltma-swiper__navigation--outside.jltma-swiper__navigation--top.jltma-swiper__navigation--center,
.jltma-swiper__navigation--outside.jltma-swiper__navigation--bottom.jltma-swiper__navigation--center {
align-items: center;
}
.jltma-swiper__navigation--outside.jltma-swiper__navigation--top.jltma-swiper__navigation--center .jltma-arrow,
.jltma-swiper__navigation--outside.jltma-swiper__navigation--bottom.jltma-swiper__navigation--center .jltma-arrow {
position: initial;
}
.jltma-swiper__navigation--outside.jltma-swiper__navigation--top.jltma-swiper__navigation--right .jltma-arrow--prev {
right: 120px;
left: inherit;
}
.jltma-swiper__navigation--outside.jltma-swiper__navigation--top.jltma-swiper__navigation--right .jltma-arrow--next {
right: 0;
}
.jltma-swiper__navigation--outside.jltma-swiper__navigation--middle.jltma-swiper__navigation--right .jltma-arrow--prev {
right: 90px;
left: inherit;
}
.jltma-swiper__navigation--outside.jltma-swiper__navigation--middle.jltma-swiper__navigation--right .jltma-arrow--next {
right: 0px;
}
.jltma-swiper__navigation--outside.jltma-swiper__navigation--middle.jltma-swiper__navigation--left .jltma-arrow--prev {
left: 0;
}
.jltma-swiper__navigation--outside.jltma-swiper__navigation--middle.jltma-swiper__navigation--left .jltma-arrow--next {
left: 130px;
right: inherit;
}
.jltma-swiper__navigation--outside.jltma-swiper__navigation--bottom {
bottom: -130px;
}
.jltma-swiper__navigation--outside.jltma-swiper__navigation--bottom.jltma-swiper__navigation--left .jltma-arrow--prev {
left: 0;
}
.jltma-swiper__navigation--outside.jltma-swiper__navigation--bottom.jltma-swiper__navigation--left .jltma-arrow--next {
left: 90px;
right: inherit;
}
.jltma-swiper__navigation--outside.jltma-swiper__navigation--bottom.jltma-swiper__navigation--right .jltma-arrow--prev {
right: 90px;
left: inherit;
}
.jltma-swiper__navigation--outside.jltma-swiper__navigation--bottom.jltma-swiper__navigation--right .jltma-arrow--next {
right: 0;
}
.jltma-swiper__navigation--outside.jltma-swiper__navigation--middle.jltma-swiper__navigation--center {
align-items: center;
justify-content: center;
}
.jltma-swiper__navigation--outside.jltma-swiper__navigation--middle.jltma-swiper__navigation--center .jltma-arrow {
position: initial;
}
.jltma-gallery-slider__gallery .swiper-container-vertical .jltma-gallery__item {
overflow: hidden;
}
.jltma-gallery-slider__gallery .wp-caption-text.jltma-media__content__caption {
padding: 10px;
margin: 0;
background-color: #f3f3f3;
text-align: center;
font-size: 0.75em;
color: #3d3d3d;
}
.jltma-media__content {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
left: 0;
top: 0;
height: 100%;
width: 100%;
align-items: center;
justify-content: center;
position: absolute;
}
.jltma-grid {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.jltma-grid__item {
box-sizing: border-box;
display: inline-block;
vertical-align: top;
}
.jltma-grid {
margin: 0;
padding: 0;
list-style: none;
}
.jltma-grid > .jltma-grid__item {
padding-left: 24px;
}
.jltma-grid > .jltma-grid__item {
padding-left: 0;
}
.jltma-grid__item {
max-width: 100% !important;
}
.jltma-grid__item > * {
-ms-flex-positive: 1;
flex-grow: 1;
}
.jltma-grid__item--sizer {
position: absolute;
}
.jltma-grid__notice--not-found {
display: none;
}
.jltma-grid-align--top .jltma-grid {
-ms-flex-align: start;
align-items: flex-start;
}
.jltma-grid-align--top .jltma-grid__item {
display: -ms-flexbox;
display: flex;
}
.jltma-grid-align--middle .jltma-grid {
-ms-flex-align: center;
align-items: center;
}
.jltma-grid-align--middle .jltma-grid__item {
display: -ms-flexbox;
display: flex;
}
.jltma-grid-align--bottom .jltma-grid {
-ms-flex-align: end;
align-items: flex-end;
}
.jltma-grid-align--bottom .jltma-grid__item {
display: -ms-flexbox;
display: flex;
}
.jltma-grid-align--stretch .jltma-grid {
-ms-flex-align: stretch;
align-items: stretch;
}
.jltma-grid-align--stretch .jltma-grid__item {
display: -ms-flexbox;
display: flex;
}
.jltma-media-align--left .jltma-media__content {
-ms-flex-align: start;
align-items: flex-start;
}
.jltma-media-align--center .jltma-media__content {
-ms-flex-align: center;
align-items: center;
}
.jltma-media-align--right .jltma-media__content {
-ms-flex-align: end;
align-items: flex-end;
}
.jltma-media-align--justify .jltma-media__content {
-ms-flex-align: stretch;
align-items: stretch;
}
.jltma-media-align--middle .jltma-media__content {
-ms-flex-pack: center;
justify-content: center;
}
.jltma-media-align--bottom .jltma-media__content {
-ms-flex-pack: end;
justify-content: flex-end;
}
.jltma-media-align--stretch .jltma-media__content {
-ms-flex-pack: justify;
justify-content: space-between;
}
.jltma-grid-halign-mobile--left .jltma-grid {
-ms-flex-pack: start;
justify-content: flex-start;
}
.jltma-grid-halign-mobile--center .jltma-grid {
-ms-flex-pack: center;
justify-content: center;
}
.jltma-grid-halign-mobile--right .jltma-grid {
-ms-flex-pack: end;
justify-content: flex-end;
}
.jltma-grid-halign--left .jltma-grid {
-ms-flex-pack: start;
justify-content: flex-start;
}
.jltma-grid-halign--center .jltma-grid {
-ms-flex-pack: center;
justify-content: center;
}
.jltma-grid-halign--right .jltma-grid {
-ms-flex-pack: end;
justify-content: flex-end;
}
.jltma-media-effect__content--fade-in .jltma-media__content {
opacity: 0;
}
.jltma-media-effect__content--fade-in .jltma-media:hover .jltma-media__content {
opacity: 1;
}
.jltma-media-effect__content--fade-out .jltma-media:hover .jltma-media__content {
opacity: 0;
}
.jltma-media-effect__content--from-top .jltma-media:hover .jltma-media__content,
.jltma-media-effect__content--from-right .jltma-media:hover .jltma-media__content,
.jltma-media-effect__content--from-bottom .jltma-media:hover .jltma-media__content,
.jltma-media-effect__content--from-left .jltma-media:hover .jltma-media__content {
transform: translateY(0) translateX(0);
}
.jltma-media-effect__content--from-top .jltma-media__content {
transform: translateY(-100%);
}
.jltma-media-effect__content--from-right .jltma-media__content {
transform: translateX(100%);
}
.jltma-media-effect__content--from-bottom .jltma-media__content {
transform: translateY(100%);
}
.jltma-media-effect__content--from-left .jltma-media__content {
transform: translateX(-100%);
}
.jltma-media-effect__content--to-top .jltma-media:hover .jltma-media__content {
transform: translateY(-100%);
}
.jltma-media-effect__content--to-right .jltma-media:hover .jltma-media__content {
transform: translateX(100%);
}
.jltma-media-effect__content--to-bottom .jltma-media:hover .jltma-media__content {
transform: translateY(100%);
}
.jltma-media-effect__content--to-left .jltma-media:hover .jltma-media__content {
transform: translateX(-100%);
}
.jltma-media-effect__content--fade-from-top .jltma-media__content,
.jltma-media-effect__content--fade-from-right .jltma-media__content,
.jltma-media-effect__content--fade-from-bottom .jltma-media__content,
.jltma-media-effect__content--fade-from-left .jltma-media__content {
opacity: 0;
}
.jltma-media-effect__content--fade-from-top .jltma-media:hover .jltma-media__content,
.jltma-media-effect__content--fade-from-right .jltma-media:hover .jltma-media__content,
.jltma-media-effect__content--fade-from-bottom .jltma-media:hover .jltma-media__content,
.jltma-media-effect__content--fade-from-left .jltma-media:hover .jltma-media__content {
opacity: 1;
transform: translateY(0) translateX(0);
}
.jltma-media-effect__content--fade-from-top .jltma-media__content {
transform: translateY(-24px);
}
.jltma-media-effect__content--fade-from-right .jltma-media__content {
transform: translateX(24px);
}
.jltma-media-effect__content--fade-from-bottom .jltma-media__content {
transform: translateY(24px);
}
.jltma-media-effect__content--fade-from-left .jltma-media__content {
transform: translateX(-24px);
}
.jltma-media-effect__content--fade-to-top .jltma-media:hover .jltma-media__content,
.jltma-media-effect__content--fade-to-right .jltma-media:hover .jltma-media__content,
.jltma-media-effect__content--fade-to-bottom .jltma-media:hover .jltma-media__content,
.jltma-media-effect__content--fade-to-left .jltma-media:hover .jltma-media__content {
opacity: 0;
}
.jltma-media-effect__content--fade-to-top .jltma-media:hover .jltma-media__content {
transform: translateY(-24px);
}
.jltma-media-effect__content--fade-to-right .jltma-media:hover .jltma-media__content {
transform: translateX(24px);
}
.jltma-media-effect__content--fade-to-bottom .jltma-media:hover .jltma-media__content {
transform: translateY(24px);
}
.jltma-media-effect__content--fade-to-left .jltma-media:hover .jltma-media__content {
transform: translateX(-24px);
}
.jltma-media-align--stretch .jltma-gallery .jltma-gallery__media__content {
-ms-flex-pack: stretch;
justify-content: stretch;
}
.jltma-media-align--left .jltma-media__content {
-ms-flex-align: start;
align-items: flex-start;
}
.jltma-media-align--center .jltma-media__content {
-ms-flex-align: center;
align-items: center;
}
.jltma-media-align--right .jltma-media__content {
-ms-flex-align: end;
align-items: flex-end;
}
.jltma-media-align--justify .jltma-media__content {
-ms-flex-align: stretch;
align-items: stretch;
}
.jltma-media-align--middle .jltma-media__content {
-ms-flex-pack: center;
justify-content: center;
}
.jltma-media-align--bottom .jltma-media__content {
-ms-flex-pack: end;
justify-content: flex-end;
}
.jltma-media-align--stretch .jltma-media__content {
-ms-flex-pack: justify;
justify-content: space-between;
}
.jltma-media__thumbnail img,
.jltma-media__thumbnail picture {
width: 100%;
vertical-align: middle;
}
.jltma-gallery__tilt .jltma-gallery__media__overlay {
transform: translateZ(10px);
}
.jltma-media-align--stretch .jltma-gallery .jltma-gallery__media__content {
-ms-flex-pack: stretch;
justify-content: stretch;
}
.jltma-media__content__caption {
padding: 12px;
}
.jltma-gallery-slider__gallery .jltma-gallery__media__caption {
font-size: 12px;
}
.is--active {
z-index: 2;
overflow: hidden;
}
.jltma-gallery__item {
z-index: 1;
}
.jltma-gallery__item:hover {
z-index: 2;
}
.jltma-gallery__item.is--3d {
z-index: 1;
}
/* Navigation */
/* Horizontal Navigation */
.jltma-gallery-slider__gallery .jltma-swiper__button {
position: absolute;
width: 40px;
height: 55px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background: rgba(0, 0, 0, 0.6);
color: #fff;
border: none;
z-index: 15;
border-radius: inherit;
padding: inherit;
}
.jltma-gallery-slider__gallery .jltma-arrow--prev {
left: 0px;
}
.jltma-gallery-slider__gallery .jltma-arrow--next {
right: 0px;
}
.jltma-thumb-slide .jltma-arrows i {
font-size: 22px;
}
.jltma-gallery-slider__gallery .jltma-arrow--next i,
.jltma-gallery-slider__gallery .jltma-arrow--prev i {
position: relative;
top: 25%;
left: 25%;
}
.jltma-gallery__item.is--active .jltma-gallery__media__thumbnail img {
outline: none;
}
/*
.jltma-gallery-slider__gallery.jltma-thumb-position-bottom .jltma-arrow--prev,
.jltma-gallery-slider__gallery.jltma-thumb-position-bottom .jltma-arrow--next,
.jltma-gallery-slider__gallery.jltma-thumb-position-top .jltma-arrow--prev,
.jltma-gallery-slider__gallery.jltma-thumb-position-top .jltma-arrow--next {
top: 40%;
height: 55px;
} */
/* Vertical Navigation */
/* .jltma-gallery-slider__gallery.jltma-thumb-position-left .jltma-arrow--prev,
.jltma-gallery-slider__gallery.jltma-thumb-position-left .jltma-arrow--next,
.jltma-gallery-slider__gallery.jltma-thumb-position-right .jltma-arrow--prev,
.jltma-gallery-slider__gallery.jltma-thumb-position-right .jltma-arrow--next {
position: relative;
} */
.jltma-swiper__navigation--center.jltma-arrows--vertical .jltma-swiper__button {
left: 35%;
transform: translateX(calc(-40% - 24px));
}
.jltma-swiper__navigation--left.jltma-arrows--vertical .jltma-swiper__button {
left: 0;
right: auto;
transform: none;
}
.jltma-swiper__navigation--right.jltma-arrows--vertical .jltma-swiper__button {
right: 0;
left: auto;
transform: none;
}
.jltma-swiper__navigation--top .jltma-swiper__button {
top: 0;
margin: 10px;
transform: none;
}
.jltma-swiper__navigation--middle .jltma-swiper__button {
top: 50%;
transform: translateY(calc(-50% - 24px));
}
.jltma-swiper__navigation--bottom .jltma-swiper__button {
top: auto;
bottom: 0;
margin: 10px;
transform: none;
}
.jltma-arrows--vertical .jltma-arrow--next {
right: auto;
top: auto;
bottom: 0;
}
.jltma-swiper__button {
position: absolute;
}
.swiper-container-rtl .jltma-swiper__button {
padding: 0.5em 1em !important;
}
.jltma-gallery-slider__gallery .jltma-swiper__button {
font-size: 12px;
padding: 0.4em;
}
.jltma-arrows--vertical .jltma-arrow--next {
right: auto;
top: auto;
bottom: 0;
}
.jltma-gallery-slider__gallery.jltma-thumb-slide:not() {
margin: 0;
padding: 0;
float: left;
width: 12.5%;
border-radius: 0;
}
.jltma-gallery-slider__gallery.jltma-thumb-slide .jltma-gallery {
cursor: pointer;
display: block;
padding: 5px 0;
text-align: center;
border-radius: inherit;
}
.jltma-gallery-slider__gallery .jltma-arrows--vertical .jltma-arrow--prev {
top: 0px;
transform: rotate(90deg);
}
.jltma-gallery-slider__gallery .jltma-arrows--vertical .jltma-arrow--next {
bottom: 0px;
transform: rotate(90deg);
}
.jltma-gallery-slider__gallery.jltma-thumb-slide .swiper-wrapper {
list-style-type: none;
margin: 0;
padding: 0 !important;
text-align: center;
}
.jltma-gallery-slider__gallery.jltma-thumb-slide .jltma-arrow {
border-radius: inherit;
outline: none;
}
.jltma-thumb-position-bottom .jltma-carousel__arrow {
align-items: center;
justify-content: center;
height: 100%;
width: 40px;
top: 0;
margin: 0;
transform: none !important;
}
.jltma-thumb-position-bottom .jltma-gallery__item.jltma-grid__item {
padding-top: 0;
padding-bottom: 0;
}
.jltma-thumb-position-bottom .jltma-carousel__arrow i {
position: initial;
}
.jltma-thumb-position-bottom .slick-vertical .jltma-carousel__arrow i {
transform: none !important;
}
.slick-vertical {
padding: 0;
}
.slick-vertical .jltma-gallery__item {
padding: 0 0 10px;
}
.slick-vertical .jltma-carousel__arrow {
align-items: center;
justify-content: center;
margin: 0;
width: 100%;
transform: none !important;
}
.slick-vertical .jltma-carousel__arrow i {
position: initial;
transform: rotate(90deg);
}
@media (min-width: 1025px) {
.jltma-grid-columns-1 .jltma-grid__item {
width: calc(100% / 1);
}
.jltma-grid-columns-2 .jltma-grid__item {
width: calc(100% / 2);
}
.jltma-grid-columns-3 .jltma-grid__item {
width: calc(100% / 3);
}
.jltma-grid-columns-4 .jltma-grid__item {
width: calc(100% / 4);
}
.jltma-grid-columns-5 .jltma-grid__item {
width: calc(100% / 5);
}
.jltma-grid-columns-6 .jltma-grid__item {
width: calc(100% / 6);
}
.jltma-grid-columns-7 .jltma-grid__item {
width: calc(100% / 7);
}
.jltma-grid-columns-8 .jltma-grid__item {
width: calc(100% / 8);
}
.jltma-grid-columns-9 .jltma-grid__item {
width: calc(100% / 9);
}
.jltma-grid-columns-10 .jltma-grid__item {
width: calc(100% / 10);
}
.jltma-grid-columns-11 .jltma-grid__item {
width: calc(100% / 11);
}
.jltma-grid-columns-12 .jltma-grid__item {
width: calc(100% / 12);
}
.jltma-gallery-overflow--yes .jltma-gallery-wrapper {
overflow: hidden;
}
}
/* End of Gallery Slider */
/* Start of Fixings WooCommerce Checkout Page */
.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
max-width: inherit;
}
.woocommerce .form-row {
display: block;
}
/* End of Fixings WooCommerce Checkout Page */
.jltma-morphing-fx-yes > .elementor-widget-container {
overflow: hidden;
}
/* animation: jltma-morphing-anim 9s linear infinite alternate forwards; */
/* .jltma-morphing-fx-yes > .elementor-widget-container,
.jltma-morphing-fx {
animation: jltma-morphing-anim 15s linear infinite;
rx: 120;
ry: 100;
cx: 150;
cy: 150;
fill: white;
transform-origin: 150px 155px;
}
@keyframes jltma-morphing-anim {
0%, 100% {
border-radius: 35% 75% 75% 35%/35% 35% 75% 75%;
}
25% {
border-radius: 55% 45% 75% 25%/75% 45% 55% 35%;
}
50% {
border-radius: 50% 50% 30% 65%/55% 25% 70% 45%;
}
75% {
border-radius: 30% 65% 55% 40%/60% 65% 30% 35%;
}
} */
.jltma-morphing-fx-yes.animation_svg_02 {
height: inherit;
animation: animation_svg_02_blobber 30s 0s ease-in-out infinite,
animation_svg_02_wobbler 15s 0s linear infinite alternate;
}
.jltma-morphing-fx-yes.animation_svg_02 img {
/* position: relative; */
}
.jltma-morphing-fx-yes.jltma_blob_anim_01,
.jltma-morphing-fx-yes.animation_svg_02,
.jltma-morphing-fx-yes.animation_svg_03,
.jltma-morphing-fx-yes.animation_svg_04 {
z-index: -1;
overflow: hidden;
}
.jltma-morphing-fx-yes.jltma_blob_anim_01 .elementor-widget-container,
.jltma-morphing-fx-yes.animation_svg_02 .elementor-widget-container,
.jltma-morphing-fx-yes.animation_svg_03 .elementor-widget-container,
.jltma-morphing-fx-yes.animation_svg_04 .elementor-widget-container {
display: block;
top: 0 !important;
left: 0 !important;
height: 100% !important;
width: 100% !important;
mix-blend-mode: multiply;
}
.jltma-morphing-fx-yes.jltma_blob_anim_01 {
animation: jltma_blob_anim_01 7s linear infinite;
}
.jltma_blob_anim_01 {
display: block;
position: relative;
width: 200px;
height: 200px;
overflow: hidden;
border-radius: 48% 52% 68% 32% / 42% 28% 72% 58%;
background: linear-gradient(to right, #23d5ab, #23a6d5, #e73c7e, #ee7752, #ddd6f3);
background-size: 500% 100%;
z-index: 2;
/* animation: jltma_blob_anim_01 7s linear infinite; */
}
/* Blobs */
.jltma-blob {
animation: blob-turn var(--time, 30s) linear infinite;
fill: var(--fill, #7600f8);
position: relative;
transform-origin: center;
}
.jltma-blob svg {
animation: blob-skew calc(var(--time, 30s) * 0.5) linear 0s infinite;
transform-origin: center;
}
.jltma-blob svg path {
animation: blob-scale calc(var(--time, 30s) * 0.5) ease-in-out 0s infinite;
transform-origin: center;
}
@keyframes blob-turn {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes blob-skew {
0% {
transform: skewY(0deg);
}
13% {
transform: skewY(calc((1.8deg) * var(--amount, 2)));
}
18% {
transform: skewY(calc((2.2deg) * var(--amount, 2)));
}
24% {
transform: skewY(calc((2.48deg) * var(--amount, 2)));
}
25% {
transform: skewY(calc((2.5deg) * var(--amount, 2)));
}
26% {
transform: skewY(calc((2.48deg) * var(--amount, 2)));
}
32% {
transform: skewY(calc((2.2deg) * var(--amount, 2)));
}
37% {
transform: skewY(calc((1.8deg) * var(--amount, 2)));
}
50% {
transform: skewY(0deg);
}
63% {
transform: skewY(calc((-1.8deg) * var(--amount, 2)));
}
68% {
transform: skewY(calc((-2.2deg) * var(--amount, 2)));
}
74% {
transform: skewY(calc((-2.48deg) * var(--amount, 2)));
}
75% {
transform: skewY(calc((-2.5deg) * var(--amount, 2)));
}
76% {
transform: skewY(calc((-2.48deg) * var(--amount, 2)));
}
82% {
transform: skewY(calc((-2.2deg) * var(--amount, 2)));
}
87% {
transform: skewY(calc((-1.8deg) * var(--amount, 2)));
}
100% {
transform: skewY(0deg);
}
}
@keyframes blob-scale {
0% {
transform: scaleX(0.9) scaleY(1);
}
25% {
transform: scaleX(0.9) scaleY(0.9);
}
50% {
transform: scaleX(1) scaleY(0.9);
}
75% {
transform: scaleX(0.9) scaleY(0.9);
}
100% {
transform: scaleX(0.9) scaleY(1);
}
}
/* Start of Logo Slider */
.jltma-logo-slider .jltma-logo-slider-item,
.jltma-twitter-slider .jltma-twitter-slider-item {
margin-bottom: 20px;
padding: 0 3px;
}
.jltma-logo-slider .jltma-logo-slider-item-title {
color: #8c8c8c;
font-size: 18px;
padding-top: 27px;
}
.jltma-logo-slider .jltma-logo-slider-item figure img {
-webkit-filter: grayscale(1);
-moz-filter: grayscale(1);
-ms-filter: grayscale(1);
-o-filter: grayscale(1);
filter: grayscale(1);
}
.jltma-logo-slider .jltma-logo-slider-figure img:hover {
-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
-ms-filter: grayscale(0);
-o-filter: grayscale(0);
filter: grayscale(0);
z-index: 6;
}
.jltma-logo-slider .jltma-logo-slider-figure img:hover figcaption img {
opacity: 1;
filter: alpha(opacity=1);
}
.jltma-logo-slider .jltma-logo-slider-item figcaption img {
position: absolute;
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.jltma-position-z-index {
z-index: 1;
}
[class*="jltma-position-top"],
[class*="jltma-position-bottom"],
[class*="jltma-position-left"],
[class*="jltma-position-right"],
[class*="jltma-position-center"] {
position: absolute !important;
max-width: 100%;
}
.jltma-position-top-left {
top: 0;
left: 0;
}
.jltma-position-top-center {
top: 0;
}
.jltma-position-top-center,
.jltma-position-bottom-center {
left: 50%;
transform: translateX(-50%);
width: max-content;
max-width: 100%;
box-sizing: border-box;
}
.jltma-position-top-right {
top: 0;
right: 0;
}
.jltma-position-top-center {
top: 0;
}
.jltma-position-bottom-right {
bottom: 0;
right: 0;
}
.jltma-position-center {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: max-content;
max-width: 100%;
box-sizing: border-box;
}
.jltma-arrows-align-center .jltma-slide-prev,
.jltma-arrows-dots-align-center .jltma-slide-prev {
left: 0;
position: absolute;
transform: translateY(-50%);
}
.jltma-arrows-align-center .jltma-slide-next,
.jltma-arrows-dots-align-center .jltma-slide-next {
right: 0;
position: absolute;
transform: translateY(-50%);
}
.jltma-position-bottom-center {
bottom: 0;
}
.jltma-arrows-align-center .jltma-position-center,
.jltma-arrows-dots-align-center .jltma-position-center {
width: 100%;
}
.jltma-ts-container [type="button"] {
border: 0 !important;
}
.jltma-slide-dotnav {
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 0;
list-style: none;
margin-left: -12px;
margin-top: 0;
}
.jltma-slide-dotnav ul {
padding: 0;
}
.jltma-slide-dotnav li button {
font-size: 0;
}
.jltma-slide-dotnav li {
flex: none;
list-style: none;
margin-left: 12px;
}
.jltma-slide-dotnav > * > * {
display: inline-flex;
box-sizing: border-box;
width: 10px;
height: 10px;
border-radius: 50%;
background: rgba(102, 102, 102, 0.2);
text-indent: 100%;
overflow: hidden;
white-space: nowrap;
cursor: pointer;
color: inherit;
padding-left: 15px;
align-items: center;
}
.jltma-slide-dotnav .slick-active {
background-color: rgba(102, 102, 102, 0.6);
}
/* End of Logo Slider */
/* Start of Twitter Slider */
.jltma-twitter-slider .swiper-wrapper {
text-align: center;
}
.jltma-twitter-slider .jltma-twitter-thumb img {
display: initial;
}
/* Start of Twitter Slider */
/* Hover Interactions */
.jltma-frame-cube {
transition: all 500ms;
transform-style: preserve-3d;
transform-origin: center center 0px;
transform: perspective(1000px);
will-change: transform;
}
.jltma-frame-cube .jltma-face-front {
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.jltma-frame-cube .jltma-face-left {
position: absolute;
top: 0;
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: rotateY(-90deg) translateX(-100%);
transform-origin: left center;
}
.jltma-frame-cube .jltma-face-right {
position: absolute;
top: 0;
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: rotateY(90deg) translateX(100%);
transform-origin: right;
}
.jltma-frame-cube .jltma-face-top {
position: absolute;
top: 0;
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: rotateX(90deg) translateY(-100%);
transform-origin: top center;
}
.jltma-frame-cube .jltma-face-bottom {
position: absolute;
top: 0;
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: rotateX(-90deg) translateY(100%);
transform-origin: bottom center;
}
.jltma-frame-cube .jltma-face-back {
position: absolute;
top: 0;
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: rotateX(180deg) translateZ(100%);
transform-origin: center;
}
.jltma-frame-card .jltma-card-faces {
transition: all 500ms;
transform-style: preserve-3d;
transform: perspective(1000px);
position: relative;
}
.jltma-frame-card .jltma-face-front {
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.jltma-frame-card .jltma-face-back {
position: absolute;
top: 0;
left: 0;
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: rotateY(180deg);
transform-origin: center;
}
.jltma-frame-card.jltma-rotate-up .jltma-face-back,
.jltma-frame-card.jltma-rotate-down .jltma-face-back {
transform: rotateX(180deg);
}
.jltma-hover-active:hover .jltma-frame-card.jltma-rotate-left:hover .jltma-card-faces {
transform: perspective(1000px) rotateY(180deg);
}
.jltma-hover-active:hover .jltma-frame-card.jltma-rotate-right:hover .jltma-card-faces {
transform: perspective(1000px) rotateY(-180deg);
}
.jltma-hover-active:hover .jltma-frame-card.jltma-rotate-up:hover .jltma-card-faces {
transform: perspective(1000px) rotateX(180deg);
}
.jltma-hover-active:hover .jltma-frame-card.jltma-rotate-down:hover .jltma-card-faces {
transform: perspective(1000px) rotateX(-180deg);
}
.jltma-frame-mask {
overflow: hidden;
position: relative;
transition: transform 1s cubic-bezier(0.77, 0, 0.175, 1);
transform: perspective(1000) translateZ(0px);
}
.jltma-frame-mask img {
transition: transform 1s cubic-bezier(0.77, 0, 0.175, 1);
transform: perspective(1000) translateZ(0px);
}
.jltma-hover-active:hover .jltma-frame-mask {
transform: perspective(1000) translateZ(-120px);
}
.jltma-hover-active:hover .jltma-frame-mask img {
transform: perspective(1000) translateZ(102.66396px);
}
.jltma-frame-mask-plain {
overflow: hidden;
position: relative;
transition: transform 1s cubic-bezier(0.77, 0, 0.175, 1);
transform: perspective(1000) translateZ(0px);
}
.jltma-hover-active:hover .jltma-frame-mask-plain {
transform: perspective(1000) translateZ(-120px);
}
.jltma-frame-zoom {
overflow: hidden;
position: relative;
}
.jltma-frame-zoom img {
will-change: transform;
transition: all 1.2s ease-out;
transform: translateZ(1px);
}
.jltma-hover-active:hover .jltma-frame-zoom img {
transform: scale(1.2) translateZ(0.1px);
}
.jltma-frame-darken::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.75);
opacity: 0;
z-index: 1;
will-change: opacity;
transition: opacity 1s ease-out;
}
.jltma-hover-active:hover .jltma-frame-darken::after {
opacity: 1;
}
.jltma-frame-lighten::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.75);
opacity: 0;
z-index: 1;
will-change: opacity;
transition: opacity 1s ease-out;
}
.jltma-hover-active:hover .jltma-frame-lighten::after {
opacity: 1;
}
.jltma-frame-boxed-lighten::after {
content: "";
position: absolute;
top: 15px;
bottom: 15px;
left: 15px;
right: 15px;
background-color: rgba(255, 255, 255, 0.75);
opacity: 0;
z-index: 1;
will-change: opacity transform;
transform: scale(1.1);
transition: opacity 1s cubic-bezier(0.77, 0, 0.175, 1), transform 1s cubic-bezier(0.77, 0, 0.175, 1);
}
.jltma-hover-active:hover .jltma-frame-boxed-lighten::after {
transform: scale(1);
opacity: 1;
}
.jltma-frame-boxed-darken::after {
content: "";
position: absolute;
top: 15px;
bottom: 15px;
left: 15px;
right: 15px;
background-color: rgba(0, 0, 0, 0.75);
opacity: 0;
z-index: 1;
will-change: opacity transform;
transform: scale(1.1);
transition: opacity 1s cubic-bezier(0.77, 0, 0.175, 1), transform 1s cubic-bezier(0.77, 0, 0.175, 1);
}
.jltma-hover-active:hover .jltma-frame-boxed-darken::after {
transform: scale(1);
opacity: 1;
}
.jltma-frame-ratio {
display: block;
width: 100%;
padding-bottom: 70%;
}
.jltma-frame-ratio .jltma-frame-ratio-inner {
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.jltma-frame-ratio .jltma-frame-ratio-inner > img {
height: auto;
position: absolute;
display: block;
width: 100%;
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
max-height: none;
max-width: none;
}
.jltma-image-carousel-figure {
position: relative;
}
.jltma-image-carousel-figure i {
top: 20px;
right: 20px;
position: absolute;
}