/*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; }