/*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-advanced-accordion .ma-accordion-tab-title {
border-radius: 5px;
box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);
position: relative;
padding: .875em 1.25em;
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;
-webkit-align-items: center;
-ms-flex-align: 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;
/*font-size: 14px;*/
/*line-height: 23px;*/
opacity: 0;
transition: all 0.4s ease;
}
.ma-accordion-tab-title.show.active + .ma-accordion-tab-content p {
opacity: 1;
}
.ma-accordion-two .ma-accordion-tab-title {
border-radius: 3rem;
}
/*.blue-color .ma-advanced-accordion .ma-accordion-item.three .ma-accordion-tab-title.active .ma-accordion-title-icon {*/
/*background-color: #4b00e7;*/
/*color:#fff !important;*/
/*}*/
.blue-color .ma-accordion-tab-title.active .ma-accordion-title-icon {
color: #4b00e7;
}
.ma-accordion-item.one .ma-accordion-tab-title.active,
.ma-accordion-item.one .ma-accordion-tab-title:hover{
background-color:#4b00e7;
color: #fff;
}
.title-blue-bg .ma-accordion-item.four .ma-accordion-tab-title.active{
background-color: #4b00e7;
color: #fff;
}
.title-border .ma-accordion-item {
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
margin-bottom: 0;
}
.title-border .ma-accordion-item .ma-accordion-tab-title {
box-shadow: none;
}
.title-border .ma-accordion-item .ma-accordion-tab-content {
border-top: 1px solid #eeedf0;
}
.title-gradient-bg .ma-accordion-item .ma-accordion-tab-title.active,
.title-gradient-bg .ma-accordion-item .ma-accordion-tab-title:focus,
.title-gradient-bg .ma-accordion-item .ma-accordion-tab-title:hover {
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%);
color: #fff;
}
.title-gradient-bg.ma-accordion-six .ma-accordion-item.six .ma-accordion-tab-title.active .ma-accordion-toggle-icon {
color: #fff;
}
.title-icon-bg.ma-accordion-seven .ma-accordion-item .ma-accordion-tab-title,
.icon-round-bg.ma-accordion-nine .ma-accordion-item .ma-accordion-tab-title {
padding-left: 75px;
position: relative;
}
.title-icon-bg.ma-accordion-seven .ma-accordion-item .ma-accordion-tab-title.active,
.icon-round-bg.ma-accordion-nine .ma-accordion-item .ma-accordion-tab-title.active {
/*color: #4b00e7;*/
}
.title-icon-bg.ma-accordion-seven .ma-accordion-item .ma-accordion-tab-title .ma-accordion-tab-icon,
.icon-round-bg.ma-accordion-nine .ma-accordion-item .ma-accordion-tab-title .ma-accordion-tab-icon {
background: #333;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
color: #fff;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
left: 0;
top: 0;
height: 100%;
width: 50px;
position: absolute;
}
.title-icon-bg.ma-accordion-seven .ma-accordion-item .ma-accordion-tab-title .ma-accordion-tab-icon i,
.icon-round-bg.ma-accordion-nine .ma-accordion-item .ma-accordion-tab-title .ma-accordion-tab-icon i {
margin-right: 0 !important;
}
.title-icon-bg.ma-accordion-seven .ma-accordion-item .ma-accordion-tab-title.active .ma-accordion-tab-icon,
.icon-round-bg.ma-accordion-nine .ma-accordion-item .ma-accordion-tab-title.active .ma-accordion-tab-icon {
background: #4b00e7;
}
.title-icon-bg.ma-accordion-seven .ma-accordion-item.seven .ma-accordion-tab-title.active .ma-accordion-toggle-icon,
.icon-round-bg.ma-accordion-nine .ma-accordion-item.nine .ma-accordion-tab-title.active .ma-accordion-toggle-icon {
color: #4b00e7;
}
.active-bg.ma-accordion-eight .ma-accordion-item .ma-accordion-tab-title {
background: #fff;
}
.active-bg.ma-accordion-eight .ma-accordion-item .ma-accordion-tab-title.active,
.image-bg.ma-accordion-ten .ma-accordion-item .ma-accordion-tab-title.active,
.active-bg.ma-accordion-eight .ma-accordion-item .ma-accordion-tab-title:hover,
.image-bg.ma-accordion-ten .ma-accordion-item .ma-accordion-tab-title:hover {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
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%);
color: #fff;
}
.active-bg.ma-accordion-eight .ma-accordion-item.eight .ma-accordion-tab-title.active .ma-accordion-toggle-icon,
.image-bg.ma-accordion-ten .ma-accordion-item.ten .ma-accordion-tab-title.active .ma-accordion-toggle-icon {
color: #fff;
}
.active-bg.ma-accordion-eight .ma-accordion-item .ma-accordion-tab-content {
background: #4b00e7;
}
.active-bg.ma-accordion-eight .ma-accordion-item .ma-accordion-tab-content p,
.image-bg.ma-accordion-ten .ma-accordion-item .ma-accordion-tab-content p {
color: #fff;
}
/*.image-bg.ma-accordion-ten .ma-accordion-item.ten {
background: url(../../assets/images/bg-image.png) center center no-repeat;
background-size: cover;
}*/
.image-bg.ma-accordion-ten .ma-accordion-item.ten .ma-accordion-tab-content {
background: rgba(75, 0, 230, 0.7);
}
.icon-round-bg.ma-accordion-nine .ma-accordion-item .ma-accordion-tab-title {
border-radius: 3rem;
height: 50px;
}
.icon-round-bg.ma-accordion-nine .ma-accordion-item .ma-accordion-tab-title .ma-accordion-tab-icon {
border-radius: 50%;
height: 50px;
}
/* Tooltip Start */
.ma-el-tooltip {
transition: all .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 .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 .2s;-moz-transition:-moz-transform 0.3s,opacity .2s;transition:transform 0.3s,opacity .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 .3s;-moz-transition:opacity 0.3s,-moz-transform .3s;transition:opacity 0.3s,transform .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 .3s;-moz-transition:height 0.3s,opacity 0.3s,-moz-transform .3s;transition:height 0.3s,opacity 0.3s,transform .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 .3s;-moz-transition:-moz-transform .3s;transition:transform .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 .3s;-moz-transition:top 0.3s,opacity 0.3s,-moz-transform .3s;transition:top 0.3s,opacity 0.3s,transform .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 .5s;-moz-transition:width 0.5s,opacity .5s;transition:width 0.5s,opacity .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 .3s;-moz-transition:color .3s;transition:color .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 .3s;-moz-transition:text-shadow 0.3s,color .3s;transition:text-shadow 0.3s,color .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 .3s;-moz-transition:-moz-transform 0.3s,opacity .3s;transition:transform 0.3s,opacity .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 .3s;-moz-transition:-moz-transform 0.3s,opacity .3s;transition:transform 0.3s,opacity .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 .3s;-moz-transition:-moz-transform 0.3s,opacity .3s;transition:transform 0.3s,opacity .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 .3s;-moz-transition:color .3s;transition:color .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 .3s;-moz-transition:opacity 0.3s,-moz-transform .3s;transition:opacity 0.3s,transform .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 .5s cubic-bezier(0.68,-0.55,0.265,1.55);transition:all .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 .3s;-moz-transition:-moz-transform .3s;transition:transform .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 .3s;-moz-transition:background .3s;transition:background .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 .3s;-moz-transition:-moz-transform .3s;transition:transform .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 .3s;-moz-transition:top .3s;transition:top .3s}.cl-effect-6 a::after{position:absolute;top:0;left:0;width:2px;height:2px;background:#fff;content:'';-webkit-transition:height .3s;-moz-transition:height .3s;transition:height .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 .3s;-moz-transition:-moz-transform 0.3s,opacity .3s;transition:transform 0.3s,opacity .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:.2;-webkit-transition:opacity 0.3s,height .3s;-moz-transition:opacity 0.3s,height .3s;transition:opacity 0.3s,height .3s}.cl-effect-9 a::after{top:100%;opacity:0;-webkit-transition:-webkit-transform 0.3s,opacity .3s;-moz-transition:-moz-transform 0.3s,opacity .3s;transition:transform 0.3s,opacity .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:.75em;font-family:Palatino,"Palatino Linotype","Palatino LT STD","Book Antiqua",Georgia,serif;opacity:0;-webkit-transition:-webkit-transform 0.3s,opacity .3s;-moz-transition:-moz-transform 0.3s,opacity .3s;transition:transform 0.3s,opacity .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 .3s;-moz-transition:-moz-transform .3s;transition:transform .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 .3s;-moz-transition:-moz-transform .3s;transition:transform .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 .3s;-moz-transition:-moz-transform 0.3s,opacity .3s;transition:transform 0.3s,opacity .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:.2;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .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 .3s;-moz-transition:-moz-transform 0.3s,opacity .3s;transition:transform 0.3s,opacity .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 .3s;-moz-transition:color .3s;transition:color .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 .3s;-moz-transition:-moz-transform 0.3s,opacity .3s;transition:transform 0.3s,opacity .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:.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 .4s;-moz-transition:-moz-transform 0.4s,background .4s;transition:transform 0.4s,background .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 .4s;-moz-transition:background .4s;transition:background .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 .6s;-moz-transition:background .6s;transition:background .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 .6s;-moz-transition:-moz-transform .6s;transition:transform .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:.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,.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:.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:-.25em}.ma-el-words-wrapper b{display:inline-block;position:absolute;white-space:nowrap;left:0;top:0;padding-left:.2em;padding-right:.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:.25rem;padding-right:.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 .4s forwards;-moz-animation:ma-el-rotate-2-in .4s forwards;animation:ma-el-rotate-2-in .4s forwards}.ma-el-animated-headline.rotate-2 i.out{-webkit-animation:ma-el-rotate-2-out .4s forwards;-moz-animation:ma-el-rotate-2-out .4s forwards;animation:ma-el-rotate-2-out .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 .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 .3s -.1s;-moz-transition:width .3s -.1s;transition:width .3s -.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:.2em;opacity:0;-webkit-transition:opacity .3s;-moz-transition:opacity .3s;transition:opacity .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 .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:.2em}.ma-el-animated-headline.slide b.is-visible{top:0;opacity:1;-webkit-animation:slide-in .6s;-moz-animation:slide-in .6s;animation:slide-in .6s}.ma-el-animated-headline.slide b.is-hidden{-webkit-animation:slide-out .6s;-moz-animation:slide-out .6s;animation:slide-out .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 .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 .8s;-moz-animation:zoom-in .8s;animation:zoom-in .8s}.ma-el-animated-headline.zoom b.is-hidden{-webkit-animation:zoom-out .8s;-moz-animation:zoom-out .8s;animation:zoom-out .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 .6s forwards;-moz-animation:ma-el-rotate-3-in .6s forwards;animation:ma-el-rotate-3-in .6s forwards}.ma-el-animated-headline.rotate-3 i.out{-webkit-animation:ma-el-rotate-3-out .6s forwards;-moz-animation:ma-el-rotate-3-out .6s forwards;animation:ma-el-rotate-3-out .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 .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 .6s forwards;-moz-animation:scale-up .6s forwards;animation:scale-up .6s forwards}.ma-el-animated-headline.scale i.out{-webkit-animation:scale-down .6s forwards;-moz-animation:scale-down .6s forwards;animation:scale-down .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 .6s;-moz-animation:push-in .6s;animation:push-in .6s}.ma-el-animated-headline.push b.is-hidden{-webkit-animation:push-out .6s;-moz-animation:push-out .6s;animation:push-out .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, .2s);
transition-duration: var(--jltma-tfx-transition-duration, .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 .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 .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 .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 .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 .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .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 .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .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: .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 .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: .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: .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: 1px solid #e0e0e0;
border-radius: 50%;
box-shadow: 0px 13px 17px 0px rgba(0, 0, 0, 0.16);
color: #8a8d91;
display: inline-block;
width: 45px;
height: 45px;
line-height: 45px;
transition: .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: .4;
transition: .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: .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: .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: .3s ease;
margin-right: 20px;
}
.ma-el-team-carousel-circle-arrow-prev i, .ma-el-team-carousel-circle-arrow-next i {
transition: .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: .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: .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: .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: .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 .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 .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 .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 .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 .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 .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 .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 .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 .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: .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: .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: .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: .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: .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 .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 .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 .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 .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 .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 .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .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: .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: .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: .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: .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 .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(.1px);
transform: translateZ(.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: .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: .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: .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;
}
@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: .3s ease-in-out;
transition: .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: .3s ease-in-out;
transition: .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: .3s ease-in-out;
transition: .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: .3s ease-in-out;
transition: .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: .3s ease-in-out;
transition: .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: .3s ease-in-out;
transition: .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: .3s ease-in-out;
transition: .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: .3s ease-in-out;
transition: .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: .3s ease-in-out;
transition: .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: .3s ease-in-out;
transition: .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: .3s ease-in-out;
transition: .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: .3s ease-in-out;
transition: .3s ease-in-out;
}
.ma-el-img-opacity_one:hover img {
opacity: .5;
}
/* Opacity #2 */
/*.ma-el-img-opacity_two {*/
/*background: #1abc9c;*/
/*}*/
.ma-el-img-opacity_two img {
opacity: 1;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.ma-el-img-opacity_two:hover img {
opacity: .5;
}
/* Flashing */
.ma-el-img-flushing:hover img {
opacity: 1;
-webkit-animation: flash 1.5s;
animation: flash 1.5s;
}
@-webkit-keyframes flash {
0% {
opacity: .4;
}
100% {
opacity: 1;
}
}
@keyframes flash {
0% {
opacity: .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,.3) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
-webkit-transform: skewX(-25deg);
transform: skewX(-25deg);
}
.ma-el-img-shine:hover::before {
-webkit-animation: shine .75s;
animation: shine .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,.2);
border-radius: 100%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0;
}
.ma-el-img-circle:hover::before {
-webkit-animation: circle .75s;
animation: circle .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: -.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-blog-timeline-posts {
display: inline-block;
width: 100%;
}
.ma-el-blog-timeline-posts article {
background-color: #fff;
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
border-radius: 5px;
max-width: 495px;
margin-bottom: 3.75rem;
padding: 1.875rem;
position: relative;
}
.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;
}
@-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: .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-blog-timeline-posts.solid-bg-color {
padding: 8rem 0 5rem;
}
.ma-el-blog-timeline-posts.solid-bg-color .ma-el-blog-timeline-post {
float: left;
left: 0;
right: 0;
/* padding: 100px 15px 0; */
position: relative;
width: 100%;
}
.ma-el-blog-timeline-posts.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-blog-timeline-posts.solid-bg-color .hexagon:before,
.ma-el-blog-timeline-posts.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-blog-timeline-posts.solid-bg-color .hexagon:before {
border-top: solid 4px #7f49f0;
border-right: solid 4px #7f49f0;
top: -9px;
}
.ma-el-blog-timeline-posts.solid-bg-color .hexagon:after {
border-bottom: solid 4px #7f49f0;
border-left: solid 4px #7f49f0;
bottom: -9px;
}
.ma-el-blog-timeline-posts.solid-bg-color .ma-el-timeline-post-inner {
position: initial;
}
.ma-el-blog-timeline-posts.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-blog-timeline-posts.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-blog-timeline-posts.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-blog-timeline-posts.solid-bg-color .ma-el-timeline-post-date {
border-radius: 5px;
}
.ma-el-blog-timeline-posts.solid-bg-color .ma-el-timeline-post-date:before {
display: none;
}
.ma-el-blog-timeline-posts.solid-bg-color .ma-el-blog-timeline-post article {
margin-left: 0;
margin-right: 0;
}
.ma-el-blog-timeline-slider {
overflow: hidden;
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;
}
@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 -34px;
}
.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-blog-timeline-posts.solid-bg-color .ma-el-timeline-post-top {
justify-content: center;
margin-bottom: 30px;
position: static;
}
}
@media (max-width: 992px) {
.ma-el-blog-timeline-posts article {
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-blog-timeline-posts.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-blog-timeline-posts.solid-bg-color .ma-el-blog-timeline-post:before {
top: -11px;
}
.ma-el-blog-timeline-posts.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;
}
.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-el-image-filter-gallery .ma-el-image-filter-item:hover .ma-el-image-hover-title,
.ma-el-image-filter-gallery .ma-el-image-filter-item:hover .ma-el-image-hover-desc {
}
.ma-image-hover-thumb {
position: relative;
}
.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 .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 .7s;
}
.animated-modal h2,
.animated-modal p {
transform: translateY(-50px);
opacity: 0;
transition-property: transform, opacity;
transition-duration: .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: .1s;
}
.fancybox-slide--current .animated-modal p {
transition-delay: .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, .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,.6);-webkit-transition:opacity .2s linear,visibility .1s,width 1s ease-in;transition:opacity .2s linear,visibility .1s,width 1s ease-in}.screen-overlay.show{-webkit-transition:opacity .5s ease,width 0s;transition:opacity .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 .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .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:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}.navbar .icon-arrow:after{content:"\276F";line-height:1;display:inline-block;vertical-align:middle;margin-left:7px;margin-top:-2px;opacity:.3;font-size:80%}.dropdown.has-dimmer:after{content:'';top:0;right:0;bottom:0;left:0;-webkit-transition:opacity .15s ease-in-out;transition:opacity .15s ease-in-out;opacity:0;visibility:hidden;background-color:rgba(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: .4s;
transition: .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: .4s;
transition: .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: .4s;
transition: .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: .4s;
transition: .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 .2s ease-in-out, -webkit-transform .2s ease-in-out;
transition: visibility .2s ease-in-out, -webkit-transform .2s ease-in-out;
transition: visibility .2s ease-in-out, transform .2s ease-in-out;
transition: visibility .2s ease-in-out, transform .2s ease-in-out, -webkit-transform .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,.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 .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: .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: .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:.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: .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: .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: .3em solid transparent;
border-right: 0;
border-bottom: .3em solid transparent;
border-left: .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 .2s ease-in-out, transform .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: .3s all ease;
-o-transition: .3s all ease;
transition: .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 .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: .12s;
transition-timing-function: cubic-bezier(.215,.61,.355,1);
}
.navbar-toggler.toggler-spin .navbar-toggler-icon {
transition-duration: .22s;
transition-timing-function: cubic-bezier(.55,.055,.675,.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(.68,-.55,.265,1.55);
}
/* Spring */
.navbar-toggler.toggler-spring.active .navbar-toggler-icon {
transition-delay: .22s;
background-color: transparent!important;
}
.navbar-toggler.toggler-spring .navbar-toggler-icon {
top: 0;
transition: background-color 0s .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, .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 .5s ease;
transition: height .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: .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: .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 .75s ease-out;
-moz-transition: all .75s ease-out;
-ms-transition: all .75s ease-out;
-o-transition: all .75s ease-out;
transition: all .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 .35s ease-out;
-moz-transition: all .35s ease-out;
-ms-transition: all .35s ease-out;
-o-transition: all .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;
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: #f7f7f7;
}
.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 {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 50%;
padding-left: 24px;
}
.jltma-gallery-slider__gallery .jltma-gallery__item {
cursor: pointer;
}
.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--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 .slick-slide {
overflow: hidden;
}
.jltma-gallery-slider__preview .slick-image-stretch .slick-slide figure,
.jltma-gallery-slider__preview .slick-image-stretch .slick-slide .slick-slide-image {
width: 100%;
}
.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;
}
.jltma-arrow--prev {
left: 0;
}
.jltma-arrow--next {
right: 0;
}
.jltma-gallery-slider__preview .jltma-arrow{
position: absolute;
}
.jltma-gallery-slider__preview .jltma-arrow {
top: 50%;
transform: translateY(-50%);
}
.jltma-media__content {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
.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-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-arrow--prev, .jltma-gallery-slider__gallery .jltma-arrow--next {
position: absolute;
width: 40px;
height: 40px;
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-gallery-slider__gallery .jltma-arrow--next i, .jltma-gallery-slider__gallery .jltma-arrow--prev i {
width: 18px;
height: 18px;
position: relative;
top: 30%;
left: 30%;
}
.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% !important;
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-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-thumb-slide .jltma-arrow--prev {
top: 0px;
transform: rotate(90deg);
}
.jltma-gallery-slider__gallery.jltma-thumb-slide .jltma-arrow--next {
bottom: 0px;
transform: rotate(90deg);
}
.jltma-gallery-slider__gallery.jltma-thumb-slide .slick-list {
list-style-type: none;
margin: 0;
padding: 0 !important;
text-align: center;
}
.jltma-gallery-slider__gallery.jltma-thumb-slide .jltma-arrow{
border-radius: inherit;
}
.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(.9) scaleY(1)}25%{transform:scaleX(.9) scaleY(.9)}50%{transform:scaleX(1) scaleY(.9)}75%{transform:scaleX(.9) scaleY(.9)}100%{transform:scaleX(.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; }