![]() Server : Apache System : Linux server2.corals.io 4.18.0-348.2.1.el8_5.x86_64 #1 SMP Mon Nov 15 09:17:08 EST 2021 x86_64 User : corals ( 1002) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system Directory : /home/corals/walla3t.corals.io/wp-content/plugins/apper-core/assets/css/ |
/*----------------------* Elements Styles *----------------------*/ html, body { font-size:16px !important; } :root .acm_shadow { --tw-shadow: 0 25px 50px -12px rgb(189 189 189 / 25%); } body img, body figure, body .entry-content img, body .elementor img { -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; } blockquote::before { position: absolute; left: -18px; top: 0; width: 60px; height: 60px; line-height: 60px; font-family: "Font Awesome 5 Free"; font-size: 60px; font-weight: 900; color: #f9f6f6; display: block; content: "\f10d"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-variant: normal; text-rendering: auto; z-index: 1; } ul, ol { list-style: none; } .acm_shadow_hover { transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; } .acm_shadow_hover:hover { -webkit-box-shadow: 0 25px 50px -12px rgb(38 35 35 / 25%); -moz-box-shadow: 0 25px 50px -12px rgb(38 35 35 / 25%); box-shadow: 0 25px 50px -12px rgb(38 35 35 / 25%); } /*=================== Divider widget ===================*/ .acm_divider { display: block; width: 100%; } .acm_divider.divider-1 { background-size: cover; background-repeat: no-repeat; width: 100%; height: 200px; background-position: center; background-image: url(../images/divider-1.svg); } .acm_divider-4 svg { position: absolute; bottom: 0; left:0; } .acm_divider-waves { position: relative; width: 100%; height: 15vh; margin-bottom: -7px; min-height: 100px; max-height: 150px; } .acm_divider-waves .parallax > use:nth-child(1) { animation-delay: -2s; animation-duration: 7s; } .acm_divider-waves .parallax > use { animation: move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite; } .acm_divider-waves .parallax > use:nth-child(2) { animation-delay: -3s; animation-duration: 10s; } .acm_divider-waves .parallax > use { animation: move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite; } .acm_divider-waves .parallax > use:nth-child(3) { animation-delay: -4s; animation-duration: 13s; } .acm_divider-waves .parallax > use { animation: move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite; } .acm_divider-waves .parallax > use:nth-child(4) { animation-delay: -5s; animation-duration: 20s; } .acm_divider-waves .parallax > use { animation: move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite; } .acm_divider-3, .acm_divider-4, .acm_divider-5 { display: block; width: 100%; } .acm_divider-3 { height: 125px; } .acm_divider-4 { height: 385px; } .acm_divider-5 { height: 194px; } @keyframes move-forever { 0% { transform: translate3d(-90px,0,0); } 100% { transform: translate3d(85px,0,0); } } /* Shrink for mobile device */ @media screen and (max-width: 768px) { .acm_divider-waves { height:40px; min-height:40px; } } /*=================== Hero bg ===================*/ .acm_gradient-bg:before { content: ""; display: block; width: 1026px; height: 1026px; background: url( '../images/hero-gradient-bg.png' ) no-repeat; position: absolute; top: -200px; right: 50px; animation: gradientanim 10s infinite; } .acm_gradient-bg.acm_gradient-bg-left:before { left: -200px; right: auto; } .acm_gradient-bg.acm_gradient-bg-middle:before { left: 50%; right: auto; margin-left: -513px; } .acm_gradient-bg.acm_gradient-bg-right:before { right: -200px; left: auto; } @media screen and (max-width: 1300px) { .acm_gradient-bg:before { right: -300px; } } @keyframes gradientanim { 50% {transform: rotate(360deg);} } /*=================== Features widget ===================*/ .acm_feature1.acm_solid-bg { background-color: #fff; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; } .acm_feature1 .acm_f1_heading_content { padding-bottom: 0; } .acm_feature1_icon { display: flex; align-items: center; justify-content: center; width: 70px; height: 70px; color: #32236f; font-size: 25px; line-height: 1; text-align: center; background-color: #f2dada; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } .acm_f1-align-center .acm_feature1_icon { margin: 0 auto; } .acm_f1-align-right .acm_feature1_icon { margin-left: auto; } .acm_feature1-link { position: relative; display: inline-block; overflow: hidden; } .acm_feature1-link .acm_more-link-svg { -webkit-transform: translateX(5px); transform: translateX(5px); transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; } .acm_feature1-link:hover .acm_more-link-svg { margin-left: 12px; } .acm_feature1-link:after { content: ''; background-color: #6a49f2; width: 0; height: 1px; bottom: 0; position: absolute; right: 0; left: auto; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; } .acm_feature1-link:hover:after { width: 100%; left: 0; right: auto; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } .acm_f1-align-right .acm_more-link-svg svg { transform: scaleX(-1); } .acm_f1-align-right .acm_feature1-link:hover .acm_more-link-svg { margin-right: 12px; } .acm_feature2 { background-color: #f6f4fe; text-align: left; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; overflow: hidden; } .acm_feature2 .acm_feature2_img { height: 320px; overflow: hidden; } .acm_section_95, .acm_section_90, .acm_section_85, .acm_section_80, .acm_section_75, .acm_section_70, .acm_section_65, .acm_section_60, .acm_section_55, .acm_section_50 { margin: 0 auto; } .acm_section_90 { width: 90%; } .acm_section_95 { width: 95%; } .acm_section_80 { width: 80%; } .acm_section_85 { width: 85%; } .acm_section_70 { width: 70%; } .acm_section_75 { width: 75%; } .acm_section_60 { width: 60%; } .acm_section_65 { width: 65%; } .acm_section_55 { width: 55%; } .acm_section_50 { width: 50%; } @media screen and (min-width: 1760px) { .acm-features-wrap { width: 70% !important; } } @media screen and (min-width: 1670px) and (max-width: 1759px) { .acm-features-wrap { width: 75% !important; } } @media screen and (min-width: 1390px) and (max-width: 1669px) { .acm-features-wrap { width: 90% !important; } } @media screen and (min-width: 1024px) and (max-width: 1389px) { .acm-features-wrap { width: 90% !important; } .acm-features-wrap .elementor-col-25:nth-child(4) { display: none; } .acm-features-wrap .elementor-column.elementor-col-25 { width: 33.3%; } } @media screen and (max-width: 468px) { .acm-features-wrap { width: 90% !important; } .acm_feature2.acm_px-10 { padding: 0.5rem; } } @media only screen and (max-width: 576px) { .acm_section_95, .acm_section_90, .acm_section_85, .acm_section_80, .acm_section_75, .acm_section_70, .acm_section_65, .acm_section_60, .acm_section_55, .acm_section_50 { width:95%; } } .acm-features-wrap .elementor-container { width: 100%; max-width: 100% !important; } .acm-features-wrap-shadow { background: #fff; -webkit-box-shadow: 0 25px 50px -12px rgb(189 189 189 / 25%); -moz-box-shadow: 0 25px 50px -12px rgb(189 189 189 / 25%); box-shadow: 0 25px 50px -12px rgb(189 189 189 / 25%); } .acm-features-wrap-round { -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; border-radius: 15px; } .acm-horz-features .acm-horz-features-title h2 { font-size: 19px; font-weight: 600; color: #212121; margin: 0; } .acm-horz-features .acm_icon-wrap { text-align: center; padding: 15px; background: #212121; -webkit-border-radius: 9px; -moz-border-radius: 9px; -ms-border-radius: 9px; border-radius: 9px; } .acm-horz-features .acm_icon-wrap i { color: #fff; font-size: 35px; } .acm-horz-features .acm_description { font-size: 14px; } .acm-btn-outline { background: transparent; border-style: solid; border-width: 2px; border-color: #212121; } .acm-btn-soft { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; } .acm-btn-round { -webkit-border-radius: 100px !important; -moz-border-radius: 100px !important; -ms-border-radius: 100px !important; border-radius: 100px !important; } @media only screen and (min-width: 959px) { .acm_break-lg { display: block; width: auto; } } @media only screen and (min-width: 767px) and (max-width: 958px) { .acm_break-md { display: block; width: auto; } } @media only screen and (max-width: 468px) { .acm_break-sm { display: block; width: auto; } } .bkc-features-grid .elementor-column { width: 370px !important; height: 500px; } .bkc-features-grid .elementor-column.bkc-grid-small { width: 370px !important; height: 246px; } .bkc-features-grid .elementor-column .acm-banner img { width: 100%; height: auto; display: block; } /* Styled Heading */ .acm-heading { position: relative; min-height: 40px; margin-bottom:15px; } #footer .acm-heading { min-height: auto; margin-bottom: 30px; } .acm-heading.no-line { margin-bottom:0; } h2.acm-title { position: relative; display: block; margin: 7px 0 10px; } .content-center-align .acm_heading-desc { margin: 0 auto; } .acm-heading .acm_heading-desc p { padding: 0; margin: 0 } .acm-heading .acm-heading-prefix { display: inline-block; font-size: 17px; line-height: 2em; color: #121823; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; } .acm-heading .acm-title .acm_heading-desc { display: block; font-size: 16px; font-weight: normal; margin-bottom: 6px; } .acm-heading ul { margin: 19px 0; padding: 0; } .acm-heading li { position: relative; list-style: none; margin: 0; padding: 0 0 0 24px; line-height: 27px; } .single .post-content ul li, .woocommerce .summary ul li, .woocommerce #tab-description ul li { position: relative; } .acm-heading-border { position: relative; } .tripple-line .acm-heading-border:before { content: ""; position: absolute; width: 18px; height: 7px; background: transparent; border-top: 1px solid #333333; border-bottom: 1px solid #333333; top: 23px; left: 50%; transform: translate(-50%); } .tripple-line .acm-heading-border:after { content: ""; position: absolute; width: 40px; background: #333333; height: 1px; top: 20px; left: 50%; transform: translate(-50%); } .double-line .acm-heading-border:before { content: ""; position: absolute; width: 40px; height: 5px; background: transparent; border-top: 1px solid #333333; border-bottom: 1px solid #333333; top: 21px; left: 50%; transform: translate(-50%); } .single-line .acm-heading-border:after { content: ""; position: absolute; width: 40px; background: #333333; height: 1px; top: 18px; left: 50%; transform: translate(-50%); } .content-left-align .acm-heading-border:before { text-align: left; } .content-left-align .acm-heading-border:before, .content-left-align .acm-heading-border:after{ left: 0; transform: none; } .content-right-align .acm-heading-border:before, .content-right-align .acm-heading-border:after { right: 0; left: auto; transform: none; } .apper-business-address-widget { line-height: 25px; margin-top: -15px; } .apper-business-address-widget div { margin-bottom: 10px; } /*=================== Button ====================*/ .btn-left { text-align: left; } .btn-center { text-align: center; } .btn-right { text-align: right; } .acm-cta-text, .acm-cta-btn { margin: 0; padding: 0; } .acm-button { display: inline-block; background-color: #6a49f2; color: #fff; padding: 10px 40px; text-align: center; border: 1px solid transparent; position: relative; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; } .acm-button span { transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; } .acm_btn-text { position: relative; z-index: 10; } .acm-button-wrap a.acm-button.acm-btn-outline { background-color: transparent; } .acm-button.acm-button-second { margin-left: 25px; } @media only screen and (max-width: 430px) { .acm-button.acm-button-second { margin-left: 0; } } .acm-button.acm-btn-slide-hover { overflow: hidden; } .acm-btn-slide-hover:before { content: ""; position: absolute; left: -1px; top: 0; width: 0%; height: 100%; background-color: #ffffff; border-radius: 50px; transition: .6s all; z-index: 5; } .acm-btn-slide-hover:hover:before { width: 102% } .acm-btn-slide-hover:hover span { color: #6a49f2; } /*=================== Check mark ===================*/ .acm_feature2_desc ul { margin: 0; padding: 0; } .acm_feature2_desc ul li { position: relative; padding-left: 24px; } .acm_check:before, .acm-heading .acm_heading-desc ul li:before, .acm_feature2_desc ul li:before { content: ""; width: 16px; height: 16px; line-height: 16px; display: inline-block; position: absolute; left: 0; top: 0.35rem; background: url('../images/check.svg'); } /*=================== Box shadow ===================*/ .shadow-10 { -webkit-box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1); box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1); -moz-box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1); } .shadow-20 { -webkit-box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.2); box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.2); -moz-box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.2); } .shadow-30 { -webkit-box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.3); box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.3); -moz-box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.3); } .shadow-40 { -webkit-box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.4); box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.4); -moz-box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.4); } .shadow-50 { -webkit-box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.5); box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.5); -moz-box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.5); } .show-shadow { -webkit-box-shadow: 0px 4px 30px #ede9fe; box-shadow: 0px 4px 30px #ede9fe; box-shadow: 0px 4px 30px #ede9fe; } /*=================== * hero circle animation * ===================*/ .hero-circle-animation { position: relative; } .hero-circle-animation .circle-small { left: 75px; top: -200px; } .hero-circle-animation .circle-big { right: 115px; top: -300px; width: 25px; height: 25px; z-index: 5; } .hero-circle-animation .circle-small circle { stroke:#32236f; } .hero-circle-animation .polygon { left: 415px; top: -700px; } .hero-circle-animation .circle-small, .hero-circle-animation .circle-big, .hero-circle-animation .polygon { position: absolute; z-index: 5; } .hero-circle-animation .circle-small, .hero-circle-animation .circle-big, .hero-circle-animation .polygon { animation-delay: 3s; } .hero-circle-animation .circle-small, .hero-circle-animation .circle-big { animation: moving_object 6s infinite linear; } .hero-circle-animation .polygon { animation: moving_object_fast 6s infinite linear; } /*=================== * hero slider images * ===================*/ .banner_slider { display: flex; position: relative; } .banner_slider .left_icon { max-width: 180px; position: absolute; left: 15px; bottom: 70px; z-index: 30; } .banner_slider .right_icon { max-width: 180px; position: absolute; right: 15px; top: 70px; z-index: 30; } /* hero slider mobile frame */ .banner_slider .slider_frame { position: absolute; top: -9px; left: 50%; transform: translateX(-50%); width: 315px; z-index: 20; } .banner_slider #mobile_slider::before { content: ""; position: absolute; left: 5px; top: 5px; background-color: #fff; width: calc(100% - 10px); height: 92%; border-radius: 32px; -moz-border-radius: 32px; -webkit-border-radius: 32px; } .banner_slider::before { content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 475px; height: 475px; border-radius: 100%; background-color: #6a49f2; z-index: 0; } .banner_slider #mobile_slider { width: 300px; margin: 0 auto; } .owl-carousel.mob-hero-slider .owl-stage-outer { padding-top: 0px; border-radius: 32px; -moz-border-radius: 32px; -webkit-border-radius: 32px; overflow: hidden; } .owl-carousel.mob-hero-slider .owl-item img { max-width: 100%; width: auto; border-radius: 32px; -moz-border-radius: 32px; -webkit-border-radius: 32px; overflow: hidden; } /* hero slider control dots */ #mobile_slider .owl-dots { margin-top: 40px; } .owl-carousel .owl-item img { max-width: 100%; width: auto; } /* slider controls */ .owl-carousel .owl-dots { display: flex; align-items: center; justify-content: center; position: relative; margin-top: 20px; } .owl-carousel .owl-dots button span { display: block; width: 15px; height: 15px; background-color: #d4d2dd; border-radius: 15px; margin: 0 5px; } .owl-carousel .owl-dots button.active span { background-color: #6a49f2; } #brand-slider .carousel-img img { filter: grayscale(1); margin: 0 auto; transition: .4s all; max-width: 100%; width: auto; } #brand-slider .carousel-img img:hover { filter: grayscale(0); } /*=================== * Image stack * ===================*/ .app_solution_section .app-previews { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: center; } .app_solution_section ul li { position: relative; } .app_solution_section ul li img { -webkit-box-shadow: 5px 4px 10px 0px rgb(92,92,92,0.1); -moz-box-shadow: 5px 4px 10px 0px rgb(92,92,92,0.1); box-shadow: 5px 4px 10px 0px rgb(92,92,92,0.1); } .app_solution_section .app-previews li:first-child { margin-bottom: 30px; text-align: center; width: 100%; } .app_solution_section .app-previews li:nth-child(2) { margin-right: 30px; } @media only screen and (max-width: 576px) { .app_solution_section .app-previews li:nth-child(2) { margin-bottom: 30px; } } /*Testimonial One*/ #acm-ts-style1 .acm_testimonial-heading { max-width: 370px; } .acm_testimonial_one .owl-item img { width: 48px !important; height: 48px; } .acm_rounded-full { border-radius: 9999px !important; } .testimonial-dots { text-align: center; -webkit-tap-highlight-color: transparent } .testimonial-dots .owl-dot { display: inline-block; zoom:1 } #acm-ts-style1 .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #a5dfff; display: block; -webkit-backface-visibility: visible; transition: opacity .2s ease; border-radius: 30px } #acm-ts-style1 .owl-dots .owl-dot.active span, #acm-ts-style1 .owl-dots .owl-dot:hover span { background: #0da7fd; } #acm-ts-style1 .owl-dots .owl-dot.active span, #acm-ts-style1 .owl-dots .owl-dot:hover span { background: #0da7fd; } #acm-ts-style1 .acm_ts-intro { width: 45% } #acm-ts-style1 .acm_testimonial-description p { margin-top: 0; } #testimonial { width: 55%; padding-top: 40px; } @media screen and (max-width: 468px) { #acm-ts-style1 .acm_flex-nowrap { flex-wrap: wrap; } #acm-ts-style1 .acm_ts-intro { width: 100% } #testimonial { width: 100%; padding-top: 20px; } #acm-ts-style1 .acm_ts-intro .acm_testimonial-heading { text-align: center; } } #testimonial .acm_slide-bg { -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; } #testimonial .ts-content p { margin: -4px 0; padding: 0 4px; } #testimonial .ts-client-wrap { padding-bottom: 21px; margin-bottom: 26px; border-bottom: 2px solid #303947; } #testimonial .ts_author-name { margin-bottom: 3px; } .testimonial-content{ text-align: center; } .testimonial-content blockquote { font-size: 12px; font-style: italic; line-height: 20px; text-align: justify; border-left: 0; text-align: center; } .testimonial-content img { border-radius: 100%; } .testimonial-content span.author, .testimonial-content span.company { display:block } .author_details { margin-top: 10px; } .author_details .author { font-size: 16px; } .author_details .company { font-size: 13px; } #testimonial .owl-nav button.owl-next, #testimonial .owl-nav button.owl-prev, #testimonial button.owl-dot { background: 0 0; color: inherit; border: none; padding: 0!important; margin: 0; font: inherit; } #testimonial .owl-nav [class*=owl-]:hover { background: none; } .testimonial-slider-style2.owl-carousel .owl-stage-outer{ overflow: visible; } .testimonial-slider-style2.owl-carousel .owl-item { opacity: 0.5; background-color: #fff; padding: 35px; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; } .testimonial-slider-style2.owl-carousel .owl-item.active { opacity: 1; } .testimonial-slider-style2 .acm_testimonial-img img { max-width: 65px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } .testimonial-slider-style2.owl-carousel .owl-nav button.owl-next, .testimonial-slider-style2.owl-carousel .owl-nav button.owl-prev { position: absolute; top: 50%; margin-top: -18px; text-align: center; line-height: 36px; width: 36px; height: 36px; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; z-index: 20; } .testimonial-slider-style2 .owl-prev { left: -21px; } .testimonial-slider-style2 .owl-next { right: -20px; } .testimonial-slider-style2 .owl-prev:hover { left: -25px; } .testimonial-slider-style2 .owl-next:hover { right: -24px; } .testimonial-slider-style2.owl-carousel .owl-nav button.owl-next span, .testimonial-slider-style2.owl-carousel .owl-nav button.owl-prev span { font-size: 37px; } .testimonial-slider-style2.owl-carousel .owl-next span:before, .testimonial-slider-style2.owl-carousel .owl-prev span:before { font-family: 'simple-line-icons'; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; } .testimonial-slider-style2.owl-carousel .owl-next:before, .testimonial-slider-style2.owl-carousel .owl-prev:before, .testimonial-slider-style2.owl-carousel .owl-next:hover:before, .testimonial-slider-style2.owl-carousel .owl-prev:hover:before { background-color: transparent; } .testimonial-slider-style2.owl-carousel .owl-next span:before { content: "\e079"; } .testimonial-slider-style2.owl-carousel .owl-prev span:before { content: "\e07a"; } .testimonial-slider-style2 .acm-blockquote { position: absolute; right: 40px; top: 40px; } .testimonial-slider-style2 .acm-blockquote .acm-blockquote-shape { fill: #f1f1f1; } /*=================== Team members ===================*/ .acm-team-wrap .member-detail { position: relative; text-align: center; padding: 35px 30px; border-radius: 12px; background-color: transparent; transition: .4s all; } .acm-team-wrap .member-detail:hover { background-color: #fff; box-shadow: 0 4px 10px #ede9fe; } .acm-team-wrap .member-detail img { margin-bottom: 30px; max-width: 100%; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } .acm-team-wrap .member-detail h3 { font-size: 20px; font-weight: 600; color: #32236f; margin-bottom: 10px; transition: .4s all; } .acm-team-wrap .member-detail:hover h3 { color: #6a49f2; } @media only screen and (max-width: 1200px) { .acm-team-wrap .member-detail .member-position { min-height: 50px; display: block; margin-bottom: 10px; } } @media only screen and (max-width: 959px) { .acm-team-wrap .member-detail .member-position { min-height: auto; } } .experts_team_section .experts_box .text span { min-height: auto; } .acm-team-wrap .member-detail .social_media { display: flex; justify-content: center; align-items: center; margin: 15px 0 0 0; } .acm-team-wrap .member-detail .social_media a { display: block; width: 33px; height: 33px; border: 1px solid #CCCCE2; border-radius: 50px; text-align: center; line-height: 31px; color: #898AAE; margin: 0 5px; font-size: 15px; } .acm-team-wrap .member-detail .social_media a, .acm-team-wrap .member-detail .social_media a i { transition: .4s all; } /*=================== Product slider ===================*/ #product-slider { position: relative; } .acm-slider .owl-carousel .owl-nav { position: absolute; top: -50px; right: 0; font-size: 21px; } .acm-slider .owl-carousel .slider-nav-btn { display: inline-block; color: #2d2929; width: 32px; height: 32px; line-height: 31px; text-align: center; cursor: pointer; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; } .acm-slider .owl-carousel .owl-nav .prod-next { margin-left: 10px; } .acm-slider .owl-carousel .owl-nav .slider-nav-btn:hover { color: #269e00; } .owl-carousel button.disabled { opacity: 0.5 } #product-slider .product-wrap figure { margin: 0; } #product-slider .product-wrap figure img { border-radius: 0px 10px 10px 0px; -moz-border-radius: 0px 10px 10px 0px; -ms-border-radius: 0px 10px 10px 0px; -webkit-border-radius: 0px 10px 10px 0px; } #product-slider .product-wrap figure.sh-effect { padding: 40px; background-color: #f8f9fa; } #product-slider .product-wrap figure.sh-effect img { -webkit-box-shadow: 9px 10px 5px 0px rgba(92,92,92,0.2); -moz-box-shadow: 9px 10px 5px 0px rgba(92,92,92,0.2); box-shadow: 9px 10px 5px 0px rgba(92,92,92,0.2); } @media screen and (max-width: 768px) { .acm-slider .owl-carousel .owl-nav { display: none; } } /*========================= Icon Box ===========================*/ .acm-iconbox { position: relative; } .icon-left .acm-icon, .icon-right .acm-icon { position: absolute; top: 14px; transform: translateY(-50%); width: 45px; height: auto; } .icon-left .acm-icon { left:0px; } .icon-right .acm-icon { right:0px; } .icon-left .icon-box-shadow .acm-icon, .icon-left .icon-border .acm-icon, .icon-left .iconbox-filled .acm-icon { left:11px; } .icon-right .icon-box-shadow .acm-icon, .icon-right .icon-border .acm-icon, .icon-right .iconbox-filled .acm-icon { right:11px; } .icon-right .acm-icon i, .icon-left .acm-icon i { font-size: 35px; } .acm-icon img { max-width: 100%; height: auto; } .icon-left .acm-icon-content { margin-left: 54px; } .icon-right .acm-icon-content { margin-right: 54px; } @media screen and (max-width: 468px) { .icon-left .acm-icon-content { margin-left: 67px; } .icon-right .acm-icon-content { margin-right: 67px; } } .acm-icon-content .acm-icon-heading { font-size: 17px; font-weight: 600; line-height: 1; margin-bottom: 9px; } .acm-icon-content .acm-icon-desc { font-size: 14px; line-height: 1; } #topbar .acm-icon-content .acm-icon-heading { font-size: 13px; } .acm-iconbox.icon-top { text-align: center; } .icon-type-filled .acm-icon i, .icon-type-framed .acm-icon i { width: 57px; height: 57px; line-height: 57px; display: block; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .icon-type-filled .acm-icon i { background: #ebe7ff; } .icon-type-framed .acm-icon i { border: 1px solid #3377dd; } .align-center .acm-icon { margin: 0 auto 13px; } .align-center .acm-icon i { font-size: 20px; } .icon-top .align-right .acm-icon { margin-left: auto; } .icon-top .align-left .acm-icon { margin-right: auto; } @media only screen and (min-width: 577px) and (max-width: 1024px) { .content-align--tablet-center .icon-top .align-right .acm-icon, .content-align--tablet-center .icon-top .align-left .acm-icon { margin-left: auto; margin-right: auto; } } @media only screen and (max-width: 576px) { .content-align--mobile-center .icon-top .align-left .acm-icon, .content-align--mobile-center .icon-top .align-right .acm-icon { margin-left: auto; margin-right: auto; } } .acm-iconbox .iconbox-wrap { padding: 20px 17px; } .acm-iconbox .icon-border { border: 1px solid #efefef; } .acm-iconbox .no-border { border: none; } .acm-iconbox .iconbox-wrap, .acm-iconbox .icon-box-shadow, .acm-iconbox .acm-icon-heading, .acm-iconbox .acm-icon-desc { transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; } .icon-shadow .acm-icon i { -webkit-box-shadow: 1px 7px 13px 0px rgb(211,215,251,0.7); -moz-box-shadow: 1px 7px 13px 0px rgb(211,215,251,0.7); box-shadow: 1px 7px 13px 0px rgb(211,215,251,0.7); } .acm-iconbox .icon-box-shadow { background-color: #fff; border-color: #fff; -webkit-box-shadow: 0px 1px 17px 0px rgba(0,0,0,0.05); -moz-box-shadow: 0px 1px 17px 0px rgba(0,0,0,0.05); box-shadow: 0px 1px 17px 0px rgba(0,0,0,0.05); } /*========================= modern icon ===========================*/ .acm_icon-modern-svg { position: relative; width: 100px; height: 100px; display: inline-block; } .acm_icon-modern-svg svg { max-width: 90px; max-height: 90px; filter: drop-shadow(-9px 8px 5px rgb(211,215,251,0.7)); } .acm_icon-modern-svg svg .acm_icon-modern-circle { fill: #faf8ff; filter: drop-shadow(3px 5px 6px rgb(205,222,255,0.3)); } .acm_icon-modern-svg svg .acm_icon-modern-shape1 { /* filter: drop-shadow(1px 7px 13px rgb(211,215,251,0.3)); */ } .acm_icon-modern-svg svg .acm_icon-modern-shape2 { fill: #faf8ff; filter: drop-shadow(-3px -5px 4px rgb(205,222,255,0.75)); } .acm_step-number { position: absolute; left: 50%; top: 50%; margin-top: -6px; margin-left: -27px; font-size: 30px; font-weight: 600; color: #3e3f66; } /*========================= Timeline ===========================*/ .acm_timeline .acm_timeline-content { display: flex; align-items: center; justify-content: space-between; position: relative; margin-bottom: 50px; } .acm_timeline .acm_timeline-content:first-child::before { top: 0; } .acm_timeline .acm_timeline-content:before { content: ""; position: absolute; left: 50%; top: 50px; transform: translateX(-50%); width: 4px; height: calc(100% + 100px); background-color: #dbd5f6; } .acm_timeline .acm_timeline-content:first-child::after { content: ""; position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: 14px; height: 14px; background-color: #dbd5f6; border-radius: 15px; } .acm_timeline .acm_timeline-content .step_number { width: 110px; height: 110px; display: flex; justify-content: center; align-items: center; position: relative; } /*========================= Video modal ===========================*/ .acm_video-btn { height: 100px; } .acm_video-btn a.play-button { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; color: #fff; font-weight: 600; z-index: 11; cursor: pointer; } .acm_video-btn a.play-button svg { display: block; position: relative; z-index: 9; } .waves-block { position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%); width: 150px; height: 150px; z-index: 1 } .waves { width: 150px; height: 150px; background: rgba(255, 255, 255, 0.3); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; border-radius: 100%; z-index: -1; -webkit-animation: waves 3s ease-in-out infinite; animation: waves 3s ease-in-out infinite; } .wave-outer { -webkit-animation: wave_outer 3s ease-in-out infinite; animation: wave_outer 3s ease-in-out infinite; -webkit-animation-delay: 0s; animation-delay: 0s; } .wave-1 { -webkit-animation-delay: 0s; animation-delay: 0s; position: absolute; top: 0; } .wave-2 { -webkit-animation-delay: 1s; animation-delay: 1s; position: absolute; top: 0; } .wave-3 { -webkit-animation-delay: 2s; animation-delay: 2s; position: absolute; top: 0; } @keyframes waves { 0% { -webkit-transform: scale(0.2, 0.2); transform: scale(0.2, 0.2); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } 50% { opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; } 100% { -webkit-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } } @keyframes wave_outer { 0% { -webkit-transform: scale(0.7, 0.7); transform: scale(0.7, 0.7); opacity: 0.1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } 50% { opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; } 100% { -webkit-transform: scale(0.2, 0.2); transform: scale(0.2, 0.2); opacity: 0.1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } } /*========================= Image animator ===========================*/ /* .app-previews { display: flex; align-items: center; position: relative; } */ .app-previews::before { content: ""; position: absolute; left: 38%; top: 50%; transform: translate(-50%, -50%); width: 500px; height: 500px; background-color: #fff; border-radius: 100%; z-index: 1; } .app-previews li { position: relative; z-index: 3; } .app-previews img { max-width: 100%; } .app-previews .app-preview-two, .app-previews .app-preview-three { position: absolute; } .app-previews .app-preview-one { position: relative; z-index: 2; } .app-previews .app-preview-two { z-index: 3; } .app-previews .app-preview-three { z-index: 4; } .app-previews .app-preview-two { margin-left: -135px; margin-top: 110px; } .app-previews .app-preview-two img { animation-delay: 3s; } .moving_position_animation { position: relative; animation: moving_position_animation 6s infinite linear; z-index: -1; } .moving_animation { animation: moving_object 6s infinite linear; } .moving_animation_fast { animation: moving_object_fast 5s infinite linear; } @media only screen and (max-width: 576px) { .app-preview-three { display: none; } } /*========================= Apper image ===========================*/ .apper-image-wrapper { position: relative; background-repeat: no-repeat; } .apper-image-wrapper .apper-img-bg-x, .apper-image-wrapper .apper-img-bg-y { position: absolute; z-index: 1; } .apper-image-wrapper .main-image { position: relative; z-index: 2; } .apper-image-wrapper .floating-img-one, .apper-image-wrapper .floating-image-two { position: absolute; z-index: 3; } .show_img_one_anim img.moving_animation_img_one { animation: moving_animation_img_one 5s infinite linear; } .show_img_two_anim img.moving_animation_img_two { animation: moving_animation_img_two 6s infinite linear; } .show_img_three_anim img.moving_animation_img_three { animation: moving_animation_img_three 7s infinite linear; } @keyframes moving_animation_img_one { 0% { transform: translateY(0); } 50% { transform: translateY(-30px); } 100% { transform: translateY(0); } } @keyframes moving_animation_img_two { 0% { transform: translateY(0); } 50% { transform: translateY(-30px); } 100% { transform: translateY(0); } } @keyframes moving_animation_img_three { 0% { transform: translateY(0); } 50% { transform: translateY(-30px); } 100% { transform: translateY(0); } } /*========================= Full screen image animator ===========================*/ .acm_screen-img-animator .acm-col img { max-width: 100%; border-radius: 16px; border: #131546 solid 1px; } .acm_screen-img-animator .screen-1 { margin-top: -100px; } .acm_screen-img-animator .screen-1 img{ animation-delay:1s; } .acm_screen-img-animator .screen-2 { margin-top: -200px; } .acm_screen-img-animator .screen-2 img{ animation-delay:3s; } .acm_screen-img-animator .screen-3 img { border-width: 4px; animation-delay:1s; } .acm_screen-img-animator .screen-4 { margin-top: -200px; } .acm_screen-img-animator .screen-4 img { animation-delay:2s; } .acm_screen-img-animator .screen-5 { margin-top: -100px; } .acm_screen-img-animator .screen-5 img { animation-delay:1s; } /*========================= Counter ===========================*/ .acm_counter-anim { margin-bottom: 30px; } .acm_counter-anim .acm_icon { margin-right: 9px; width: 60px; height: 60px; line-height: 60px; text-align: center; background-color: #e9ebf0; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } .acm_counter-anim.icon-on-left { display: -ms-flexbox; display: -webkit-flex; display: flex; } .acm_counter-anim.icon-on-top { display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; align-items: center; text-align: center; } .acm_counter-anim.icon-on-top .acm_icon { margin-bottom: 15px; margin-right: 0!important; } .acm_counter-anim.counter-box-bg { background-color: #fff; display: flex; align-items: center; border-radius: 12px; padding: 15px 10px; padding-left: 30px; box-shadow: 0px 4px 10px #ede9fe; } .acm_counter-anim .acm_icon i { font-size: 20px; color: #6a49f2; line-height: 60px; } .acm_counter-anim .acm_counter-number { line-height: 32px; } .acm_counter-anim p:first-child { font-size: 40px; font-weight: 600; margin-bottom: 3px } .acm_counter-anim .text { font-size: 40px; font-weight: 600; font-size: 20px; color: #32236f; } .acm_counter-anim .text .acm_counter-title { font-size: 16px; font-weight: 500; } /*========================= Testimonial slider ===========================*/ .testimonial-slider { max-width: 550px; margin: 0 auto; } .testimonial-slider .testimonial-slide-box { text-align: center; padding: 10px; margin: 0 auto; } .testimonial-slider .testimonial-slide-box .rating { line-height: 25px; margin-bottom: 10px; } .testimonial-slider .testimonial-slide-box .testimonial_img img { margin: 0 auto 10px; max-width: 130px; width: 130px; height: 130px; display: block; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; } .testimonial-slider .testimonial-slide-box h3 { font-size: 20px; font-weight: 600; margin-bottom: 0; color: #32236f; } .testimonial-slider .testimonial-slide-box .acm_testimonial_desc { margin-bottom: 30px; } .acm_ratings-widget { text-align: center; } .acm_ratings-widget .acm_ratings .rating { display: flex; align-items: center; justify-content: center; line-height: 25px; } .acm_ratings-widget .acm_ratings h3 { font-size: 50px; font-weight: 600; margin-bottom: 0; color: #32236f; } .acm_ratings-widget .acm_ratings a { color: #6a49f2; font-weight: 700; } .acm_ratings-widget .acm_ratings .ratings-avg { margin-left: 10px; font-weight: 600; } .acm_ratings-widget .acm_ratings a i { font-size: 0.8em; } /*========================= Pricing table ===========================*/ /* pricing toggle */ .acm_pricing-table #tenure-toggle { display: flex; align-items: center; justify-content: center; margin-bottom: 50px; } /* pricing toggle button */ .acm_pricing-table #tenure-toggle span { color: #32236f; font-weight: 600; display: block; margin: 0 5px; } .acm_pricing-table .tog_btn.month_active { left: 35px !important; } .acm_pricing-table #tenure-toggle span.deactive { color: #32236f; } .acm_pricing-table #tenure-toggle .offer { background-color: #fff; border-radius: 5px; padding: 2px 10px; font-weight: 400; font-size: 13px; color: #6a49f2; } .acm_pricing-table #tenure-toggle #acm_toggle { width: 70px; height: 35px; background-color: #fff; border-radius: 18px; margin: 0 10px; position: relative; cursor: pointer; } .acm_pricing-table #tenure-toggle #acm_toggle .tog_btn { height: 23px; width: 23px; border-radius: 25px; display: block; background-color: #6a49f2; position: absolute; left: 3px; top: 50%; transform: translateY(-50%); transition: .4s all; } .acm_pricing-table #tenure-toggle .month.active, .acm_pricing-table #tenure-toggle .years.active { color: #6a49f2; } .acm_pricing-table .pricing-panel { display: none; } .acm_pricing-table .pricing-panel.active { display: block; } .acm_pricing-table .pricing-panel .pricing-block { text-align: center; background-color: #ffffff; min-height: 500px; border-radius: 12px; padding: 60px 0; margin-bottom: 40px; } .acm_pricing-table .pricing-panel .pricing-block.no-shadow { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .acm_pricing-table .pricing-panel .pricing-block.highlited_block { background-color: #6a49f2; } .acm_pricing-table .pricing-panel .pricing-block.highlited_block p, .acm_pricing-table .pricing-panel .pricing-block.highlited_block h3, .acm_pricing-table .pricing-panel .pricing-block.highlited_block span, .acm_pricing-table .pricing-panel .pricing-block.highlited_block .pkg_name span { color: #ffffff; } .acm_pricing-table .pricing-panel .pricing-block .icon { margin-bottom: 35px; } /* pricing box image */ .acm_pricing-table .pricing-panel .pricing-block .icon img { width: 120px; margin: 0 auto; } /* pricing box heading h3 */ .acm_pricing-table .pricing-panel .pricing-block .pkg_name h3 { font-size: 20px; font-weight: 600; margin-bottom: 0; } .acm_pricing-table .pricing-panel .pricing-block .pkg_name span { color: #3e3f66; font-size: 15px; } .acm_pricing-table .pricing-panel .pricing-block ul, .acm_pricing-table .pricing-panel .pricing-block ul li { list-style: none; margin: 0; padding: 0; } .acm_pricing-table .pricing-panel .pricing-block .price { display: flex; justify-content: center; font-size: 48px; line-height: 1; color: #6a49f2; margin: 25px 0; font-weight: 600; } /* pricing box list */ .acm_pricing-table .pricing-panel .pricing-block .benifits { margin-bottom: 40px; } .acm_pricing-table .pricing-panel .pricing-block .benifits ul { margin: 0; padding: 0; list-style: none; } .acm_pricing-table .pricing-panel .pricing-block .benifits li p { margin-bottom: 5px; } /* featured pricing */ .acm_pricing-table .pricing-panel .pricing-block.featured-pricing { background-color: #6a49f2; } .acm_pricing-table .pricing-panel .pricing-block.featured-pricing .pkg_name h3, .acm_pricing-table .pricing-panel .pricing-block.featured-pricing .pkg_name span, .acm_pricing-table .pricing-panel .pricing-block.featured-pricing .price, .acm_pricing-table .pricing-panel .pricing-block.featured-pricing .benifits, .acm_pricing-table .pricing-panel .pricing-block.featured-pricing .benifits li, .acm_pricing-table .pricing-panel .pricing-block.featured-pricing .benifits li p, .acm_pricing-table .pricing-panel .pricing-block.featured-pricing .benifits li a { color: #fff; } .acm_pricing-table .pricing-panel .pricing-block.featured-pricing .btn { border-color: #fff; color: #fff; } .acm_pricing-table .pricing-panel .pricing-block.featured-pricing .btn:hover:before { background-color: #fff; } .acm_pricing-table .pricing-panel .pricing-block.featured-pricing .btn:hover span { color: #6a49f2 } .acm_pricing-table .contact_text { text-align: center; margin-bottom: 0; } .acm_pricing-table .contact_text a { color: #6a49f2; text-decoration: underline; } /*========================= FAQ widget ===========================*/ /* faq box */ .acm_faq-widget .card { border: none; margin-bottom: 20px; border-radius: 12px; box-shadow: 0 4px 10px #EDE9FE; padding: 23px 0; background-color: #fff; } .acm_faq-widget .card:last-child { margin-bottom: 0; } .acm_faq-widget .card-header { position: relative; background-color: transparent; border: none; padding-bottom: 0; padding-top: 0; margin: 0 1.55rem; } .acm_faq-widget .card-header .acm_faq-title { padding: 0; color: #32236f; font-weight: 600; font-size: 20px; line-height: 1; margin-bottom: 0; cursor: pointer; } .acm_faq-widget .card-header .plus-expand { position: absolute; right: 20px; top: 50%; color: #839BC0; margin-top: -10px; } @media only screen and (max-width: 576px) { .acm_faq-widget .card-header .plus-expand { right: -10px; } } .acm_faq-widget .card-header .plus-icon { position: relative; width: 20px; height: 20px; } .acm_faq-widget .card-header .plus-icon:before, .acm_faq-widget .card-header .plus-icon:after{ content: ""; position: absolute; background-color: #839BC0; transition: transform 0.25s ease-out; } /* Vertical line */ .acm_faq-widget .card-header .plus-icon:before{ top: 0; left: 50%; width: 4px; height: 100%; margin-left: -2px; } /* horizontal line */ .acm_faq-widget .card-header .plus-icon:after{ top: 50%; left: 0; width: 100%; height: 4px; margin-top: -2px; } .acm_faq-widget .card-header .acm_faq-title.active .plus-icon{ cursor: pointer; } .acm_faq-widget .card-header .acm_faq-title.active .plus-icon:before{ transform: rotate(90deg); } .acm_faq-widget .card-header .acm_faq-title.active .plus-icon:after{ transform: rotate(180deg); } .acm_faq-widget .card-body { display: none; padding-top: 14px; padding-bottom: 0; margin: 0 1.55rem; } .acm_faq-widget .card-body p { padding: 0; margin: 0 } /*========================= Screen slider ===========================*/ .acm_screen-slider .owl-item .screen_frame_img img { transform: scale(.9); border: 2px solid #000; border-radius: 20px; transition: 1s all; margin: 0 auto; } .acm_screen-slider .owl-item.center .screen_frame_img img { transform: scale(1); border: 3px solid #000; } .acm_screen-slider .owl-dots { margin-top: 35px; } .purple_backdrop { content: ""; position: fixed; left: 0; top: 0; background-color: rgba(50, 35, 111, 0.95); width: 100%; height: 100%; z-index: 999; opacity: 0; transition: .4s all; pointer-events: none; } .getstarted { position: relative; z-index: 999999; width: 85% !important; margin: 0 auto; } /*========================= posts slider ===========================*/ .recent-posts article .post-wraper { background: #fff; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; } .recent-posts article .entry-title a { color: #32236f; font-size: 20px; margin-bottom: 15px; font-weight: 600; } .recent-posts article .post-text { position: relative; padding: 15px 30px 30px; text-align: center; } .recent-posts .post-thumbnail { position: relative; max-height: 233px; overflow: hidden; } .recent-posts article .read-more-tag a { position: relative; display: inline-block; color: #6a49f2; margin-top: 25px; font-size: 14px; margin-bottom: 10px; font-weight: 600; } .recent-posts article .read-more-tag a:before { position: absolute; top: 0; left: 0; content: ""; display: inline-block; width: 0; height: 2px; background: #6a49f2; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .recent-posts article .read-more-tag a:hover:before { width: 100%; } .recent-posts .post-thumbnail { border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; overflow: hidden; } .recent-posts .post-thumbnail .timestamp { position: absolute; right: 15px; top: 15px; background: #6a49f2; color: #fff; font-size: 13px; font-weight: 500; padding: 7px 20px; text-align: center; line-height: 17px; z-index: 10; border-radius: 30px 0 30px 30px; -moz-border-radius: 30px 0 30px 30px; -webkit-border-radius: 30px 0 30px 30px; -ms-border-radius: 30px 0 30px 30px; } .recent-posts .post-thumbnail img { border-bottom-left-radius: 0; border-bottom-right-radius: 0; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; } .recent-posts .post:hover img { transform: scale(1.1); } .recent-posts .post-categories a { border-radius: 5px; padding: 2px 11px; font-size: 12px; font-weight: 500; text-transform: uppercase; background: #f8f9fa; } .recent-posts .post-categories a:hover { background: #c5927b; color: #fff; } .recent-posts .entry-header .entry-title { margin-bottom: 10px; max-width: 100%; width: 100%; } .recent-posts .post-meta span, .recent-posts .post-meta span a { color: #f18e7d } /*========================= newsletter ===========================*/ .acm-mailchimp-form .mc4wp-form-fields label { font-size: 0; } .mc4wp-form-fields input { display: block; width: 100%; height: 55px; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #32236f; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 6px; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; } .mc4wp-form-fields input[type="email"] { width: 410px; } .mc4wp-form-fields input[type="email"]::placeholder { color: #32236f; } .acm-mailchimp-form .mc4wp-form-fields input[type="email"] { font-size: 15px; padding-left: 20px; } .acm-mailchimp-form .mc4wp-form-fields .btn { height: 55px; width: 170px; text-transform: uppercase; color: #6a49f2; background-color: #ffffff; border-radius: 6px; margin-left: 10px; font-weight: 600; border: 1px solid transparent; position: relative; overflow: hidden; z-index: 1; } @media only screen and (max-width: 576px) { .acm-mailchimp-form .mc4wp-form-fields .btn { width: 100%; margin-left: 0; } } .acm-mailchimp-form .mc4wp-form-fields .btn:hover:before { width: 100%; } .acm-mailchimp-form .mc4wp-form-fields .btn:hover span { position: relative; color: #fff; z-index: 10; } .acm-mailchimp-form .mc4wp-form-fields .btn:before { content: ""; position: absolute; left: 0; top: 0; width: 0%; height: 100%; background-color: #6a49f2; border-radius: 0; transition: .6s all; z-index: 5; } @media screen and (max-width: 1200px) { .acm-mailchimp-form .mc4wp-form-fields { width: 100%; margin: 10px 0; justify-content: center; } } @media screen and (max-width: 767px) { .mc4wp-form-fields { flex-direction: column; align-items: center; } .mc4wp-form-fields p, .mc4wp-form-fields input[type="email"] { width: 100%; } .mc4wp-form-fields p { margin-top: 0; margin-bottom: 10px; text-align: center; } } /*================== Store Address ==================*/ .acm_store-address { margin-bottom: 15px; } .acm_store-phone-wrap { position: relative; } .acm_store-icon { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 40px; height: auto; color: #282828; } .acm_store-icon i { color: #282828; font-size: 14px; } .acm_store-phone { margin-left: 35px; line-height: 35px; } /*================== Taxonamy Authors ==================*/ .tax-publishers .author-profile, .tax-authors .author-profile { padding: 30px 50px; text-align: center; } .tax-publishers .author-picture img, .tax-authors .author-picture img { border: 3px solid #f1e9e9; margin-bottom: 7px; -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2); -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; } .tax-publishers .author-picture .icon-user, .tax-authors .author-picture .icon-user { font-size: 38px; line-height: 38px; border: 1px solid #ecd2d2; padding: 15px; display: inline-block; color: #d6c2c2; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; border-radius: 100px; } .tax-publishers .author-name, .tax-authors .author-name { color: #212121; font-size: 16px; font-weight: 600; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #f7f2f2; } .tax-publishers .author-description, .tax-authors .author-description { font-size: 1.1em; font-style: italic; } .tax-publishers .author-name, .tax-authors .author-name, .tax-publishers .author-description, .tax-authors .author-description { max-width: 750px; margin: 0 auto; } /*================== Banner Widget ==================*/ .acm-banner.style1.image-bg { padding: 0; } .acm-banner.style1.image-bg:before { content: ''; display: block; width: 100%; height: 100%; background-color: #333; opacity: 0.2; position: absolute; top: 0; } .acm-banner.style1.image-bg .banner-content { position: absolute; top: 55%; right: -50px; width: 60%; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; border-radius: 15px; } .acm-banner.style1 .banner-content.content-right { text-align: right; } .acm-woo-cats-grid .acm-woo-cat a { position: relative; display: block; overflow: hidden; -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; border-radius: 7px; } .acm-woo-cats-grid .acm-woo-cat .acm-cat-name { left: 0 !important; right: 0 !important; } .acm-woo-cats-grid .acm-cat-name { position: absolute; bottom: 22px; color: #212121; font-size: 18px; font-weight: bold; text-transform: uppercase; background-color: #fff; padding: 14px 20px; border-radius: 6px; width: 82%; margin-left: auto; margin-right: auto; transform: translateY(100%) translateZ(0); transform: translateY(22px); -webkit-clip-path: polygon(0 100%,100% 100%,100% 100%,0% 100%); clip-path: polygon(0 100%,100% 100%,100% 100%,0% 100%); transition: clip-path .84s,-webkit-clip-path .84s,transform .94s; transition-timing-function: ease, ease, ease; transition-timing-function: cubic-bezier(.08,.82,.17,1); } .acm-woo-cats-grid .acm-woo-cat:hover .acm-cat-name { transform: translateY(0); -webkit-clip-path: polygon(0 0,100% 0,100% 100%,0% 100%) !important; clip-path: polygon(0 0,100% 0,100% 100%,0% 100%) !important; } .acm-woo-cats-grid .acm-cat-name .acm-cat-browse-btn { opacity: 0; visibility: hidden; position: relative; font-size: 13px; padding-left: 25px; transition: all 0.14s ease-in-out 0s; -webkit-transition: all 0.25s ease-in-out 0s; -ms-transition: all 0.25s ease-in-out 0s; -moz-transition: all 0.25s ease-in-out 0s; transform: translateY(4px) translateZ(0); } .acm-woo-cats-grid .acm-woo-cat:hover .acm-cat-browse-btn { transform: translateY(0); opacity: 1; visibility: visible; transition-delay: 0.1s; } .acm-woo-cats-grid .acm-cat-name .acm-cat-browse-btn:after { position: absolute; top: 11px; left: 0; content: ""; display: block; height: 1px; width: 20px; background: #fff; } .acm-woo-cats-grid .acm-col-md-4 .acm-cat-browse-btn:after { width: 17px; } .acm-woo-cats-grid .acm-col-md-4 .acm-cat-name .acm-cat-browse-btn { padding-left: 22px; } /*=================== Banner ====================*/ /* STYLE 1 */ .acm-banner img { max-width: 100%; height: auto; } .acm-banner.style1 { padding: 3em; } .acm-banner.style1 img { -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; } .acm-banner.style1.big-sale:before { content: ""; position: absolute; background: rgba(255, 255, 255, 0.5); border: 2px solid #FFF; left: 0; right: -20px; top: -60px; height: 95px; z-index: 0; } .acm-banner.style1.big-sale:after { content: ""; position: absolute; background: #fff; right: 114%; height: 45px; top: -42px; width:1000px; } .acm-banner.style1.big-sale .banner-content { position:relative; z-index: 0; margin-left: 2em; } .acm-banner.style1.big-sale { margin-top: -3em; margin-left: -5em; } .acm-banner.style1 .banner-heading-prefix { display:inline-block; border-top: 1px solid #202020; border-bottom: 1px solid #202020; font-size: 14px; font-weight: normal; padding: 5px 0; color: #202020; letter-spacing:3px; } .acm-banner.style1 .banner-content .banner-text { margin-right: 25px; } .acm-banner.style1 .banner-desc { font-size: 13px; color: #202020; letter-spacing:1px; line-height: 1; margin-bottom: 8px; transform: translateY(0); } @media screen and (max-width: 468px) { .acm-banner.style1 .banner-desc { display: none; } } .acm-banner.style1 h2 { font-weight:normal; letter-spacing:1px; color: #202020; line-height: 1.3; margin-bottom: 5px; } .acm-banner.style1 .banner-button { position: relative; display: inline-block; font-weight: 600; /* border-bottom: 1px solid; */ } .acm-banner.style1 .banner-button:after { content: ''; display: inline-block; position: absolute; left: 0; bottom: -2px; width: 10px; height: 1px; background-color: #fff; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; } .acm-banner.style1 .banner-content:hover .banner-button:after { width: 100%; } @media screen and (max-width: 1200px) { .acm-banner.style1 h2 { font-size: 18px; line-height: 1; } .acm-banner.style1 { padding: 2em; } .acm-banner.style1.big-sale { margin-left: -4em; } } .acm-banner.style1.across-styles h2 { font-size: 18px; display: inline-block; margin-right: 33px; line-height: 2; } .across-styles p, .across-styles .banner-content { text-transform: uppercase; white-space: nowrap; } .across-styles .banner-content { padding-top: 6px; } @media screen and (min-width: 1200px) { .acm-banner.style1.across-styles { padding-left: 0; } .acm-banner.style1.across-styles .banner-button { position: relative; margin-top: -5px; z-index: 99; } } @media screen and (max-width: 1200px) { .acm-banner.style1.across-styles h2 { margin-top: 23px; } .acm-banner.style1.across-styles .banner-button { margin-top: 0; } } @media screen and (max-width: 768px) { .acm-banner.style1.across-styles { display: none; } .acm-banner.style1 { padding: 3em 2em; } .acm-banner.style1.padding-left-30 { padding-top: 0; } } @media screen and (max-width: 468px) { .acm-banner.style1.big-sale { margin-left: -2em; } } @media screen and (min-width:768px) and (max-width: 1200px) { .across-styles { display: none; } } /* STYLE 2 -----------------------*/ .acm-banner.style2 { background: #f5f5f5; text-align:center; margin-bottom:30px; } .acm-banner.style2 img { -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; border-radius: 15px; } .acm-banner.style2 .banner-wrapper { position: absolute; width: 100%; top: 20px; text-align: center; } .acm-banner.style2 h2 { color: #121823; font-weight: 500; font-size: 22px; margin: 0 0 5px; } .acm-banner.style2 .banner-desc { font-weight: 400; color: #606775; } .acm-banner.style2 .banner-button { margin-top: 15px; } /* STYLE 3 -----------------------*/ .acm-banner.style3 { position: relative; display: table; width: auto; display: block; background-size: cover; } .acm-banner.style3 .banner-content { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); } .acm-banner.style3 .banner-content-wrap.center{ position: relative; top: 50%; transform: translateY(-50%); text-align: center; padding-bottom: 7px; } .acm-banner.style3 .banner-bg-wrap img { max-width: 100%; height: auto; } .acm-banner.style3 h2 { text-transform: uppercase; font-size: 35px; font-weight: 700; letter-spacing: 0.05em; line-height: 1.1; margin-bottom: 5px; } .acm-banner.style3 .banner-heading-prefix, .acm-banner.style3 .banner-desc { font-size:23px; } .acm-banner.style3 .banner-heading-prefix { padding-bottom:6px; } .acm-banner.style3 .banner-desc { padding-bottom:26px; } @media screen and (max-width: 1024px) { .acm-banner.style3 .banner-content-wrap { position: relative; top: 50%; transform: translateY(-50%); } .acm-banner.style3 .banner-content { padding: 0!important; padding-left: 0!important; text-align: center!important; } } @media screen and (max-width: 1200px) { .acm-banner.style3 h2 { font-size: 23px; } .acm-banner.style3 .banner-heading-prefix, .acm-banner.style3 .banner-desc { font-size: 19px; } .acm-banner.style3 .banner-desc { padding-bottom: 22px; } } @media screen and (max-width: 468px) { .acm-banner.style3 h2 { font-size: 21px; } } aside ul.menu { padding-left: 0; } aside ul.menu ul, aside ul.children { padding-left: 14px; } @media screen and (max-width: 486px) { .acm_testimonial-description { display: none; } } /*==================== Woo Variation table ==================*/ table.variations td.woo-variation-items-wrapper { border-bottom: none; } table.variations tr { border-bottom: 1px solid #e9e9e9; } /*==================== Call to action ==================*/ .acm_call-to-action { background-color: #f8f9fa; color: #9199a6; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; } .acm_call-to-action .acm_cta-icon-prefix { display: inline-flex; padding: 12px 16px 12px 12px; background: #fff; color: #121823; font-size: 14px; font-weight: 500; align-items: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; } .acm_call-to-action .acm_cta-icon-prefix .acm_cta-icon { width: 32px; height: 32px; line-height: 32px; font-size: 15px; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; margin-right: 12px; } .acm_call-to-action .acm_cta-content { margin-top: 20px; } .acm_call-to-action .acm_cta-content .acm_cta-heading { font-size: 18px; font-weight: 600; } .acm_call-to-action .acm_cta-content .acm_cta-description { margin-top: 10px; } .acm_call-to-action .acm_cta-content .acm_cta-btn { display: inline-block; margin-top: 19px; } /*==================== Mailchimp form ==================*/ .acm-mailchimp-form, .acm-mailchimp-form form { width: 100%; } .acm-mailchimp-form .mc4wp-form-fields { position: relative; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; flex-direction: row; } .acm-mailchimp-form .mc4wp-form-fields p.emailfield { width: 100%; padding: 0; } .acm-mailchimp-form .mc4wp-form-fields p.emailfield input { padding: 11px 11px 12px 25px; border-color: transparent; } @media screen and (max-width: 468px) { .acm-mailchimp-form .mc4wp-form-fields p.emailfield input { padding: 11px 11px 12px 14px; } } .acm-mailchimp-form .mc4wp-form-fields p.submitbtn { position: absolute; right: 5px; top: 4px; } .acm-mailchimp-form .mc4wp-form-fields p.submitbtn input[type="submit"] { padding: 15px 20px; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; line-height: 1; } .acm-mailchimp-form.subscribe-style-round .mc4wp-form-fields p.emailfield input { -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; border-radius: 60px; } .acm-mailchimp-form.subscribe-style-round .mc4wp-form-fields p.submitbtn input[type="submit"] { -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; border-radius: 60px; } .acm-mailchimp-form.subscribe-style-curved .mc4wp-form-fields p.emailfield input { -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; border-radius: 7px; } .acm-mailchimp-form.subscribe-style-curved .mc4wp-form-fields p.submitbtn input[type="submit"] { -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; border-radius: 7px; border: none; } .acm-mailchimp-form.subscribe-style-flat .mc4wp-form-fields p.emailfield input { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } .acm-mailchimp-form.subscribe-style-flat .mc4wp-form-fields p.submitbtn input[type="submit"] { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } @media screen and (max-width: 1200px) { #subscribe-form { width: 90%; margin: 0 auto; } #subscribe-form .elementor-section .elementor-container { flex-wrap: wrap; } #subscribe-form .elementor-column { width:100%; flex-basis: 100%; text-align: center; } #subscribe-form .elementor-column > .elementor-widget-wrap { align-content: center; align-items: center; } #subscribe-form .acm-heading { text-align: center; } } @media screen and (max-width: 630px) { #subscribe-form .acm-heading { margin-bottom: 15px; } #subscribe-form .acm-title { font-size: 30px; } } @media screen and (min-width: 960px) and (max-width: 1139px) { } /*==================== Animation keyframes ==================*/ /* --------Object-Moving-Animation-Css-Start----- */ .modern_ui_section .ui_images .right_img img:nth-child(3) { animation-delay: 3s; } .modern_ui_section .ui_images .right_img img:nth-child(2) { animation-delay: 3s; } .modern_ui_section .ui_images .right_img img:nth-child(1) { animation-delay: 3s; } @keyframes moving_object { 0% { transform: translateY(0); } 50% { transform: translateY(-30px); } 100% { transform: translateY(0); } } @keyframes moving_position_animation { 0% { transform: translateY(0); } 50% { transform: translateY(-30px); } 100% { transform: translateY(0); } } @keyframes moving_object_fast { 0% { transform: translateY(0); } 50% { transform: translateY(-50px); } 100% { transform: translateY(0); } }