/* * Classic Addons for Elementor Plugin Main Style */ /*-------------------------------------------------------------- Table of the content 01. Normalize 02. Blog 03. Circle Progress 04. Day Counter 05. Feature Box 06. Flip Box 07. Icon 08. Icon List 09. Section Title 10. Social Icons 11. Timeline 12. Pricing Tables 13. Timeline Slide 14. Team 15. Toggle Posts 16. Testimonials 17. portfolio 18. Contact Form 19. Tab 20. Popover 21. Modal Popup 22. Animated Text 23. Button 24. Contact Info 25. Content Carousel 26. Counter 27. Google Map 28. Image Grid 29. Chart 30. Popup Anything 31. Accordion 32. Offcanvas 33. Switcher Content 34. Data Table 35. Event 36. Service 37. Toggle Content 38. Blog Layouts --------------------------------------------------------------*/ /*-------------------------------------------------------------- 01. Normalize --------------------------------------------------------------*/ .elementor-element .section-sticky { position: relative; } .elementor-element .section-sticky--stuck { position: fixed !important; top: 0; width: 100%; } .section-sticky-placeholder { display: none; } .cea-align-right { text-align: right; } .cea-align-left { text-align: left; } .cea-align-center { text-align: center; } .cea-align-justify { text-align: justify; } /* Plugin Shortcode Styles */ .before-icon { margin-right: 6px; } ul.nav.top-meta-list, ul.nav.bottom-meta-list { display: inline-block; padding: 0; margin-bottom: 0; } ul.nav.meta-right { text-align: right; } ul.nav.top-meta-list > li, ul.nav.bottom-meta-list > li { vertical-align: middle; display: inline-block; margin-top: 0; margin-right: 15px; } ul.nav.top-meta-list > li:last-child, ul.nav.bottom-meta-list > li:last-child{ margin-right: 0; } .post-author a > span img { width: 20px; } .post-author a > span { display: inline-block; vertical-align: middle; } .post-author a > span.author-name { margin-left: 6px; } ul.post-pagination > li > a, ul.post-pagination > li > span { padding: 11px; background: #000; color: #fff; border-radius: 4px; margin: 4px; } .post-thumb { position: relative; display: block; } .post-overlay-items { position: absolute; bottom: 0; padding: 10px; left: 0; right: 0; } .elementor-column-gap-extended>.elementor-row>.elementor-column>.elementor-element-populated { padding-top: 0; padding-bottom: 0; } /* Cea Close Style */ .cea-close { position: absolute; right: 10px; top: 10px; width: 32px; height: 32px; opacity: 1; cursor: pointer; } .cea-close:hover { opacity: 1; } .cea-offcanvas-wrap span.cea-close.cea-offcanvas-close { background: #000; } .cea-close:before, .cea-close:after { position: absolute; left: 15px; content: ' '; height: 20px; width: 2px; background-color: #fff; top: 6px; } .cea-close:before { transform: rotate(45deg); } .cea-close:after { transform: rotate(-45deg); } /* Isotope Styles */ .blog-wrapper { clear: both; } .isotope { width: auto; } .isotope .isotope-item { float: left; min-height: 1px; opacity: 0; visibility: hidden; transition: all ease 0.35s; } .isotope .isotope-item.item-visible { opacity: 1; visibility: visible; } .infinite-load > .post-pagination-wrap { display: none; } .isotope #infscr-loading { position: absolute; left: 0; right: 0; bottom: 0; text-align: center; } .isotope #infscr-loading > img { max-width: 100px; transition: all ease 0.35s; } @-webkit-keyframes ceaFadeInUp { 0% { opacity:0; -webkit-transform:translate3d(0,50px,0); transform:translate3d(0,50px,0) } to { opacity:1; -webkit-transform:none; transform:none } } @keyframes ceaFadeInUp { 0%{ opacity:0; -webkit-transform:translate3d(0,50px,0); transform:translate3d(0,50px,0); } to { opacity:1; -webkit-transform:none; transform:none } } .cea-animate { opacity: 0; visibility: hidden; } .cea-animate.run-animate { opacity: 1; visibility: visible; animation-duration: 0.7s; animation-name: ceaFadeInUp; } /* Common */ body .entry-title a, body .entry-title a:not(.button) { text-decoration: none; } /* button Syles */ .btn.link { background: transparent; color: #000; padding: 0; text-decoration: underline; } .btn:focus { box-shadow: none; color: #fff; } a.btn.link:hover { color: #000; } .btn:hover { background: #000; } a.btn.border { background: transparent; } a.btn.border:hover { border-color: #000; color: #000; } a.btn.classic:hover { background: #fff; color: #000; } a.btn.classic { box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.4); } a.btn.inverse:hover { background: #000; color: #fff; } a.btn.inverse { background: #fff; color: #000; } /*-------------------------------------------------------------- 02. Blog --------------------------------------------------------------*/ .elementor-widget-ceaposts .blog-style-default .blog-inner { border: 1px solid #eaeaea; padding: 20px; border-radius: 10px; } .elementor-widget-ceaposts .blog-inner > .entry-title { margin-bottom: 0; } .elementor-widget-ceaposts .blog-style-default .blog-inner .post-thumb { overflow: hidden; } .elementor-widget-ceaposts .blog-style-default .owl-carousel-item .blog-inner { margin: 0 10px 20px 10px; } .elementor-widget-ceaposts .blog-inner .post-date a { color: #888; } .elementor-widget-ceaposts .blog-inner .post-excerpt { line-height: 27px; } .elementor-widget-ceaposts .cea-carousel .blog-inner { margin: 20px 10px 20px 10px !important; } .elementor-widget-ceaposts .blog-inner { margin-bottom: 30px; } .elementor-widget-ceaposts .blog-inner > * { margin-bottom: 15px; } .elementor-widget-ceaposts .blog-inner > *:last-child { margin-bottom: 0; } .elementor-widget-ceaposts .blog-inner .post-excerpt p { margin-bottom: 0; } .elementor-widget-ceaposts .blog-inner .read-more { background: #000; padding: 12px 30px; line-height: 1; display: inline-block; text-decoration: none !important; color: #fff; text-transform: uppercase; font-weight: 600; font-size: 14px; } .elementor-widget-ceaposts .blog-inner > *.entry-title .post-title-head { line-height: 1.5; } .elementor-widget-ceaposts .blog-wrapper.blog-style-default .post-category span.before-icon.fa.fa-folder-o { display: none; } .elementor-widget-ceaposts .post-thumb > img { margin: 0 auto; } .elementor-widget-ceaposts .blog-wrapper .blog-inner { background: #fff; } .elementor-widget-ceaposts .blog-wrapper .blog-inner .post-thumb img { max-width: none; width: 100%; } .elementor-widget-ceaposts .post-title-head { transition: all ease 0.35s; } .elementor-widget-ceaposts .post-overlay-items { display: block; margin-left: -4px; margin-right: -4px; } .elementor-widget-ceaposts .post-overlay-items > * { display: inline-block; margin-left: 4px; margin-right: 4px; } .elementor-widget-ceaposts .post-thumb.post-overlay-active:before { position: absolute; content: ""; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(0,0,0,0.5); transition: all ease 0.35s; } .elementor-widget-ceaposts .blog-inner { transition: all ease 0.35s; } /* Blog Style Classic */ .blog-style-classic .blog-inner { margin-bottom: 30px; } .blog-wrapper.blog-style-classic .blog-inner .top-meta .post-category span.before-icon.fa.fa-folder-o { display: none; } .blog-style-classic .blog-inner img { border-radius: 6px; -webkit-transition: all 220ms linear 0ms; -khtml-transition: all 220ms linear 0ms; -moz-transition: all 220ms linear 0ms; -ms-transition: all 220ms linear 0ms; -o-transition: all 220ms linear 0ms; transition: all 220ms linear 0ms; } .blog-style-classic .blog-inner:hover img { opacity: .8; -webkit-transform: scale(1.14); -khtml-transform: scale(1.14); -moz-transform: scale(1.14); -ms-transform: scale(1.14); -o-transform: scale(1.14); transform: scale(1.14); } .blog-style-classic .blog-inner .post-thumb { border-radius: 6px; overflow: hidden; } .blog-style-classic .blog-inner a.post-image-link { position: relative; } .blog-style-classic .blog-inner a.post-image-link:before { -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; content: ""; position: absolute; top: -110%; left: -210%; width: 200%; height: 200%; z-index: 1; opacity: 0; background: rgba(255, 255, 255, 0.13); background: linear-gradient(to right, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.13) 77%, rgba(255, 255, 255, 0.5) 92%, rgba(255, 255, 255, 0) 100%); } .blog-style-classic .blog-inner:hover a.post-image-link:before { opacity: 1; top: -20%; left: -30%; transition-property: left, top, opacity; transition-duration: 0.7s, 0.7s, 0.15s; transition-timing-function: linear; } .blog-style-classic .blog-inner .post-thumb { border-radius: 6px; overflow: hidden; margin: 0 -10px; margin-top: -10px; } .blog-style-classic .owl-carousel-item .blog-inner { border-radius: 10px; margin: 15px; } .post-author a > span.author-name { margin-left: 15px; } .post-author a > span img { width: 20px !important; } .blog-style-classic .owl-carousel-item .blog-inner > *:not(.post-thumb) { padding: 0 15px; } /* Blog Style Modern */ .blog-style-modern .blog-inner { background: #f7f7f7; padding: 30px 30px 25px 30px; border-radius: 10px; overflow: hidden; margin-top: 10px; } .blog-style-modern .blog-inner .post-thumb { margin: -30px -30px 30px -30px; overflow: hidden; } .blog-wrapper.blog-style-modern .blog-inner .top-meta { position: relative; } .entry-content .blog-inner .bottom-meta ul { margin-bottom: 0; } .blog-style-modern .blog-inner .top-meta .post-category { background: #000; padding: 1px 20px; border-radius: 7px; color: #fff; } .blog-wrapper.blog-style-modern .blog-inner .top-meta .post-category a { color: #fff; font-weight: 700; } .blog-wrapper.blog-style-modern .blog-inner .top-meta .post-category span.before-icon.fa.fa-folder-o { display: none; } .blog-style-modern .blog-inner:hover { -webkit-transform: translateY(-10px); transform: translateY(-10px); transition: .5s ease; } .blog-style-modern .blog-inner img { -webkit-transition: 0.3s; transition: 0.3s; } .blog-style-modern .blog-inner:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: 0.3s; transition: 0.3s; } /* Classic Pro */ .blog-style-classic-pro .blog-inner .post-details-outer { margin-top: -62px; background: #ffffff; position: relative; padding: 30px; box-shadow: 0 0 32px rgb(0 0 0 / 7%); } .blog-style-classic-pro .blog-inner { background: #fff; margin-bottom: 00px; } .blog-style-classic-pro .blog-inner .post-details-outer { margin-top: -62px; background: #ffffff; position: relative; padding: 30px; box-shadow: 0 0 32px rgb(0 0 0 / 7%); margin-left: 30px; margin-right: 30px; margin-bottom: 30px; } .blog-style-classic-pro .blog-inner > .bottom-meta.clearfix { border-top: 1px solid #eaeaea; padding-top: 20px; } .blog-style-classic-pro .post-author a > span img { margin-right: 5px; } /* blog list */ .blog-wrapper.blog-style-list .blog-inner .media .media-body { padding: 30px 30px 30px 30px; } .elementor-widget-ceaposts .blog-style-list .blog-inner { margin-bottom: 45px; box-shadow: 0px 12px 10px rgb(238 239 240 / 25%); border-radius: 6px; border: 1px solid #F2F5FA; } .blog-wrapper.blog-style-list .blog-inner .media { -webkit-box-align: center!important; -ms-flex-align: center!important; align-items: center!important; } .blog-wrapper.blog-style-list .blog-inner .media .post-thumb { max-width: 45%; overflow: hidden; } .blog-style-list .bottom-meta.clearfix { padding-top: 30px; margin-top: 30px; border-top: 1px solid #eee; } /* Blog overlay */ .blog-wrapper .post-overlay-items .post-date a { background: #000; padding: 8px 10px; line-height: 1; display: inline-block; border-radius: 6px; } .blog-wrapper .post-overlay-items { margin: 0; padding: 15px 15px; opacity: 0; } .blog-wrapper .blog-inner:hover .post-overlay-items { opacity: 1; } .blog-dark .blog-inner { background: #000; } .blog-dark .blog-inner .entry-title a, .blog-dark .blog-inner{ color: #fff; } .blog-dark .blog-inner { border-radius: 5px; } /*-------------------------------------------------------------- 03. Circle Progress --------------------------------------------------------------*/ .circle-progress-wrapper > * { margin-bottom: 20px; } .circle-progress-wrapper > *:last-child { margin-bottom: 0; } .circle-progress-circle { position: relative; } .progress-value { display: block; font-size: 26px; font-weight: 600; left: 0; position: absolute; right: 0; top: 50%; padding: 0 20px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } .circle-progress-wrapper { margin-bottom: 30px; } /* Classic */ .circle-progress-wrapper.circle-progress-style-classic { border: 1px solid #eaeaea; padding: 30px; } /* Classic pro */ .circle-progress-wrapper.circle-progress-style-classic-pro { box-shadow: 0px 0px 13px rgb(0 0 0 / 10%); border-radius: 5px; } /* Modern */ .circle-progress-wrapper.circle-progress-style-modern { box-shadow: 0px 0px 13px rgb(0 0 0 / 10%); padding: 30px; } /*-------------------------------------------------------------- 04. Day Counter --------------------------------------------------------------*/ .day-counter { display: block; } .day-counter > *:last-child { margin-right: 0; } .day-counter > div { text-align: center; position: relative; } .day-counter .counter-item > span { line-height: 1; } .day-counter .counter-item { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; z-index: 1; } .day-counter > * { display: inline-block; margin-right: 10px; height: 150px; width: 150px; padding:0 20px; } .day-counter .counter-item > h3 { margin: 0; line-height: unset; font-size:35px; } .day-counter-dark .day-counter .counter-item > h3 { color: #fff; } .day-counter-light .day-counter > * { background: #fff none repeat scroll 0 0; } .day-counter-dark .day-counter > * { background: #333 none repeat scroll 0 0; color: #fff; } .day-counter-transparent .day-counter > * { background: transparent; } .day-counter .rounded-circle { background: #f7f7f7; border: 1px solid rgba(234, 234, 234,0.4); } /* Classic */ .day-counter-classic .day-counter > div { background: #f7f7f7; position: relative; overflow: hidden; } .day-counter-classic .day-counter > div:after { content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 15px; height: 3px; background: #000; } /* Modern */ .day-counter-modern .day-counter>* { position: relative; overflow: hidden; border: 0; } .day-counter-modern .day-counter>*:after { content: ""; width: 150%; height: 100px; background: rgba(0,0,0,.1); display: block; transform: rotate(-40deg); position: absolute; bottom: -17%; left: -125%; z-index: 0; border-radius: 50%; } /* classic Pro */ .day-counter-classic-pro .day-counter > * { margin: 0 10px; z-index: 1; position: relative; background: #fff; box-shadow: 0px 12px 50px 6px rgb(0 0 0 / 5%); -webkit-box-shadow: 0px 12px 50px 6px rgb(0 0 0 / 5%); } .day-counter-classic-pro .day-counter { position: relative; } .day-counter-classic-pro .day-counter .counter-item > span { background: #000; padding: 3% 10%; border-radius: 4px; line-height: 1; } /*-------------------------------------------------------------- 05. Feature Box --------------------------------------------------------------*/ .feature-box-wrapper { position: relative; padding: 35px 30px; margin-bottom: 30px; } .feature-box-wrapper .feature-box-icon > span { line-height: 1; -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; transition: all ease 0.35s; } .feature-box-wrapper .feature-box-icon > span.fbox-icon-middle { line-height: 2; display: inline-block; } .feature-box-wrapper .media .align-self-center .feature-box-icon > span.fbox-icon-middle { box-shadow: 7px 5px 30px 0 rgba(72,73,121,0.15); } h1.feature-box-title, h2.feature-box-title, h3.feature-box-title, h4.feature-box-title, h5.feature-box-title, h6.feature-box-title { margin-bottom: 0; } /* Feature box Classic */ .feature-box-classic { border: 1px solid #eaeaea; } /* Feature box Modern */ .feature-box-modern { -moz-box-shadow: 1px 2px 20px 0px rgba(230, 230, 230, 0.8); -ms-box-shadow: 1px 2px 20px 0px rgba(230, 230, 230, 0.8); -o-box-shadow: 1px 2px 20px 0px rgba(230, 230, 230, 0.8); -webkit-box-shadow: 1px 2px 20px 0px rgba(230, 230, 230, 0.8); box-shadow: 1px 2px 20px 0px rgba(230, 230, 230, 0.8); } /* Feature box Modern Pro */ .feature-box-classic-pro { border-radius: 10px; padding: 35px 30px; } /* Common Feature Box Style */ .icon-icon-light { color: #fff; } .icon-icon-dark { color: #000000; } .feature-box-inner > * { margin-bottom: 15px; } .feature-box-inner > *:last-child { margin-bottom: 0px; } .text-left .feature-box-image img { margin-left: 0; } .text-right .feature-box-image img { margin-right: 0; } /*feature Box Image hover styles*/ .feature-box-image.fbox-img-overlay-overlay { position: relative; } .feature-box-wrapper .fbox-img-overlay-overlay:before { content: ""; position: absolute; background: rgba(0,0,0,0.7); left: 0; right: 0; top: 0; bottom: 0; opacity: 0; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } .feature-box-wrapper:hover .fbox-img-overlay-overlay:before { opacity: 1; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } body .round-infoboxes .elementor-widget-ceafeaturebox { width: 235px; height: 235px; position: absolute; top: 0; bottom: auto; } .round-infoboxes .elementor-widget-ceafeaturebox .feature-box-wrapper.feature-box-default { border-radius: 50%; } body .round-infoboxes .elementor-widget-ceafeaturebox.round-featurebox2 { top: 50%; right: 0; transform: translateY(-50%); } body .round-infoboxes .elementor-widget-ceafeaturebox.round-featurebox3 { top: 60%; } /*zoom in*/ .feature-box-image { overflow: hidden; } .fbox-img-overlay-zoomin img { -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } .fbox-img-overlay-zoomin:hover img { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } /*grayscale*/ .fbox-img-overlay-grayscale img { filter: grayscale(0%); -webkit-filter: grayscale(0%); filter: none; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } .fbox-img-overlay-grayscale:hover img{ filter: grayscale(100%); -webkit-filter: grayscale(100%); /* For Webkit browsers */ filter: gray; /* For IE 6 - 9 */ -webkit-transition: all .6s ease; /* Transition for Webkit browsers */ -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } /*Blur*/ .fbox-img-overlay-blur img { -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -o-transition: all .25s ease; -ms-transition: all .25s ease; transition: all .25s ease; } .fbox-img-overlay-blur:hover img { -webkit-filter: blur(2px); -moz-filter: all .25s ease; -o-filter: all .25s ease; -ms-filter: all .25s ease; filter: blur(2px); } /* feature Button */ .feature-btn a { border: 1px solid #e7e7e7; border-radius: 50%; font-size: 13px; line-height: 46px; height: 46px; width: 46px; display: inline-block; } /* Image style */ .max-width-none .elementor-image img { max-width: none !important; } /* feature Box Hover Effects With classes */ .feature-box-wrapper.hover-style-1:hover { box-shadow: 0 3px 30px rgba(110,122,182,0.1); transform: translate3d(0, -20px, 0); transition: .35s; } .feature-box-wrapper.hover-style-1:hover .feature-box-image { -webkit-transform: rotateY(360deg); -khtml-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg); transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -webkit-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; } /* List */ .feature-box-wrapper > .media > *:first-child { margin-right: 25px; line-height: 1; } .rtl .feature-box-wrapper > .media > *:first-child { margin-right: 0; margin-left: 30px; } .feature-box-wrapper.list-fullwidth-active > .media { margin-bottom: 40px; } .feature-box-wrapper.list-fullwidth-active:hover { transform: translateY(-10px); box-shadow: 0px 25px 25px 0px rgba(0, 0, 0, 0.1); transition: .5s ease; } .feature-box-wrapper.list-fullwidth-active { position: relative; transition: .5s ease; } .feature-box-wrapper.list-fullwidth-active .feature-box-btn { position: absolute; bottom: -18px; opacity: 0; transform: scale(.5); transition: .5s ease; } .feature-box-wrapper.list-fullwidth-active:hover .feature-box-btn { opacity: 1; transform: scale(1); transition: .5s ease; } .list-fullwidth-active .feature-box-title:after { position: absolute; content: ''; background: #e9e6e6; bottom: -22px; left: 0px; width: 50px; height: 3px; } .list-fullwidth-active .feature-box-title { position: relative; } .cea-featured-icon i, .cea-featured-icon svg { position: relative; transform: rotate(0deg); display: block; line-height: 1; } .cea-shape-circle .cea-featured-icon, .cea-shape-square .cea-featured-icon { padding: 30px; } .cea-featured-icon { display: inline-block; text-align: center; } .cea-shape-circle .cea-featured-icon { -webkit-border-radius: 50%; border-radius: 50%; } .cea-view-framed .cea-featured-icon { color: #333; border: 3px solid #333; background-color: transparent; } figure.cea-feature-box-img { display: inline-block; } figure.cea-feature-box-img > img { width: auto; max-width: 100%; display: inline-block; } .feature-box-wrapper:hover .feature-box-icon > span.icon-icon-hlight { color: #fff; } .feature-box-wrapper:hover .feature-box-icon > span.icon-icon-hdark { color: #000; } .elementor-widget-container.feature-box-wrapper.feature-box-classic:before { content: ""; position: absolute; left: -20px; width: 125px; height: 125px; top: -20px; border-left: 1px solid #e2edfd; border-top: 1px solid #e2edfd; } .elementor-widget-container.feature-box-wrapper.feature-box-classic:after { content: ""; position: absolute; left: -24px; top: -20px; width: 8px; height: 8px; background: #000; z-index: 9; -webkit-transition:all .3s ease; transition:all .3s ease; border-radius: 50%; } .elementor-widget-container.feature-box-wrapper.feature-box-classic:hover:after { top: 101px; -webkit-transition:all .3s ease; transition:all .3s ease; } .feature-box-wrapper.feature-box-classic:hover figure.cea-feature-box-img { transform: rotate3d(15, 15, 15, 360deg); -webkit-transition: all .3s ease; transition: all .3s ease; } .feature-box-wrapper.feature-box-classic figure.cea-feature-box-img { -webkit-transition: all .3s ease; transition: all .3s ease; } .cea-view-framed .cea-featured-icon:hover, .feature-box-inner { transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; } .feature-box-inner { position: relative; } .feature-box-inner a.info-box-link { position: absolute; z-index: 2; width: 100%; height: 100%; left: 0; top: 0; } /*-------------------------------------------------------------- 06. Flipbox --------------------------------------------------------------*/ .flip-box-icon { line-height: 1; transition: all ease 0.35s; -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; } [class*=' imghvr-'] .cea-button-wrapper a, [class^=imghvr-] .cea-button-wrapper a { position: relative; } .flip-box-wrapper .flip-box-icon > span.flip-icon-middle { line-height: 2; } .flip-box-wrapper.text-right .flip-box-icon > span { margin-left: auto; margin-right: 0; } .flip-box-wrapper .flip-box-title .section-title { color: inherit; } .flip-front > *, .flip-back > * { margin-bottom: 20px; } .flip-box-wrapper .flip-front > *:last-child, .flip-box-wrapper .flip-back > *:last-child { margin-bottom: 0; } .flip-box-wrapper .flip-front > div.flip-box-thumb { padding: 0; } .flip-box-wrapper .flip-box-thumb { padding: 0 !important; } .flip-box-wrapper { display: block; overflow: hidden; } .imghvr-flip-diag-1 .flip-back, .imghvr-flip-diag-2 .flip-back { opacity: 0; } .imghvr-flip-diag-1:hover .flip-back, .imghvr-flip-diag-2:hover .flip-back { opacity: 1; } .flip-box-inner.imghvr-flip-3d-horz > * { box-shadow: rgba(2, 2, 2, 0.06) 0px 0px 50px; border-radius: 5px; } .flip-box-title { position: relative; margin-bottom: 15px; } .flip-box-btn a.btn { position: relative; } .flip-box-wrapper .flip-front { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .flip-box-wrapper .flip-front, .flip-box-wrapper .flip-back { display: flex; } .flip-box-wrapper .flip-front { background-color: #fff; } .flip-box-wrapper .flip-back { background-color: #f2f2f2; } .flip-box-inner .flip-front-inner, .flip-box-inner .flip-back-inner { align-self: center; width: 100%; } .flip-box-wrapper { height: 300px; } .flip-box-wrapper .flip-box-inner { height: 100%; } .cea-primary-icon-shape-circle .flip-box-icon, .cea-primary-icon-shape-square .flip-box-icon, .cea-secondary-icon-shape-circle .flip-box-icon, .cea-secondary-icon-shape-square .flip-box-icon { padding: 30px; } .flip-box-icon i, .flip-box-icon svg { position: relative; transform: rotate(0deg); display: block; } .flip-box-icon { display: inline-block; text-align: center; } .cea-primary-icon-shape-circle .cea-icon, .cea-secondary-icon-shape-circle .cea-icon { -webkit-border-radius: 50%; border-radius: 50%; } .cea-primary-icon-view-framed .cea-icon, .cea-secondary-icon-view-framed .cea-icon { color: #333; border: 3px solid #333; background-color: transparent; } .cea-primary-icon-shape-circle .flip-front .flip-box-icon, .cea-secondary-icon-shape-circle .flip-back .flip-box-icon { border-radius: 50%; } .cea-primary-icon-view-framed .flip-front .flip-box-icon, .cea-secondary-icon-view-framed .flip-back .flip-box-icon { border-style: solid; } .flip-box-wrapper .flip-box-image { display: inline-block; } /*-------------------------------------------------------------- 07. Icon --------------------------------------------------------------*/ .icon-wrapper .icon-parent > span { transition: all ease 0.35s; } .icon-wrapper .icon-parent .icon-middle { line-height: 2; } .cea-icon i, .cea-icon svg { position: relative; transform: rotate(0deg); display: block; } .cea-shape-circle .cea-icon, .cea-shape-square .cea-icon { padding: 30px; } .cea-icon { display: inline-block; text-align: center; } .cea-shape-circle .cea-icon { -webkit-border-radius: 50%; border-radius: 50%; } .cea-view-framed .cea-icon { color: #333; border: 3px solid #333; background-color: transparent; } /*-------------------------------------------------------------- 08. Icon List --------------------------------------------------------------*/ .icon-list-wrapper .icon-parent > span { margin-right: 8px; -webkit-transition: all ease 0.35s; transition: all ease 0.35s; } ul.nav.icon-list-inline { display: block; } ul.nav.icon-list-inline > li { display: inline-block; width: auto; vertical-align: middle; } .cea-icon-list .cea-icon-list-item { position: relative; margin: 0; } .cea-icon-list .cea-icon-list-item:after { position: absolute; bottom: 0; width: 100%; left: 0; } .cea-icon-list.icon-list-inline .cea-icon-list-item:after { position: absolute; width: 100%; top: 50%; transform: translateY(-50%); left: auto; } .elementor-widget-ceaiconlist.elementor-align-right .cea-icon-list-item:after { left: auto; right: 0; } .elementor-widget-ceaiconlist.elementor-align-center .cea-icon-list-item:after { left: 0; right: 0; margin: 0 auto; } .cea-icon-list .cea-icon-list-item .cea-icon-list-icon i, .cea-icon-list .cea-icon-list-item .cea-icon-list-icon svg, .cea-icon-list .cea-icon-list-item .icon-list-text { transition: all ease 0.35s; } /*-------------------------------------------------------------- 09. Section Title --------------------------------------------------------------*/ .title-separator.separator-img { background: transparent; height: auto; width: auto; max-width: 200px; } .text-left .title-separator.separator-img > img { margin-left: 0; } .text-right .title-separator.separator-img > img { margin-right: 0; } .section-title-wrapper .title-wrap > * { display: block; margin-bottom: 15px; } .section-title-wrapper .title-wrap > .section-title { margin-bottom: 20px; } .section-title-wrapper .title-wrap > *:last-child { margin-bottom: 0; } .section-title-wrapper .section-description { max-width: 800px; margin: 0; } .cea-align-center .section-title-wrapper .section-content { max-width: 65%; margin: 0 auto; } .section-title-wrapper.text-center .section-description { text-align: center; margin: 0 auto; } .section-title-wrapper.text-left .section-description { text-align: left; margin: inherit; max-width: inherit; margin-left:auto; margin-right:0; } .section-title-wrapper.text-right .section-description { text-align: right; float: right; } .section-title-wrapper .section-description a.btn { margin-top: 25px; } .section-description span.lead.d-block { margin-bottom: 14px; color: #000; font-weight: 100; } .cea-align-right .section-title-wrapper .section-description { float: right; } .cea-align-center .section-title-wrapper .section-description { margin: 0 auto; } .elementor-widget-ceasectiontitle { --separator-border-style: none; --separator-border-width: 1px; --separator-border-color: #000; --separator-icon-size: 20px; --separator-element-spacing: 10px; --separator-pattern-height: 5px; --separator-pattern-size: 20px; --separator-pattern-url: none; --separator-pattern-repeat: round; /* Backwards compatibility */ } .cea-separator--no-spacing { --separator-pattern-size: auto; } .elementor-widget-ceasectiontitle .elementor-divider-separator { display: inline-block; width: 100%; min-height: var(--separator-pattern-height); background-image: var(--separator-pattern-url); -webkit-background-size: var(--separator-pattern-size) 100%; background-size: var(--separator-pattern-size) 100%; background-repeat: var(--separator-pattern-repeat); } .elementor-widget-ceasectiontitle.cea-separator-type-normal .elementor-divider-separator { border-top: var(--separator-border-width) var(--separator-border-style) var(--separator-border-color); } .elementor-widget-ceasectiontitle .elementor-divider { line-height: 0; font-size: 0; } .elementor-widget-ceasectiontitle .elementor-divider-separator { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0; direction: ltr; } .elementor-widget-ceasectiontitle.cea-align-center .elementor-divider-separator { margin: 0 auto; } .elementor-widget-ceasectiontitle.cea-align-right .elementor-divider-separator { float: right; } span.title-separator.separator-img { display: inline-block; } .section-title-wrap p.lead { max-width: 70%; margin: 0 auto; margin-top: 50px; } p.section-sub-title { margin-bottom: 8px; font-weight: bold; font-size: 20px; } span.title-seperator:before, span.title-seperator:after { position: absolute; width: 50px; height: 1px; background: #000; content: ""; } span.title-seperator:after { margin-top: 4px; width: 60px; } /*-------------------------------------------------------------- 10. Social Links --------------------------------------------------------------*/ ul.nav.cea-social-icons > li { padding: 0; margin: 0; text-align: center; text-align: -webkit-center; padding:0; } ul.nav.cea-social-icons { padding: 0; margin: 0; display: inline-block; } ul.social-icons > li > a { display: inline-block; height: 40px; line-height: 40px; margin-right: 5px; width: 40px; padding: 0; background: #fff; text-align: center; transition: all ease 0.35s; -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; -ms-transition: all ease 0.35s; } /*-------------------------------------------------------------- 11. Timeline --------------------------------------------------------------*/ .timeline { list-style: none; padding: 20px 0 20px; position: relative; } .timeline:before { top: 22px; bottom: 42px; position: absolute; content: " "; width: 1px; border-right: 1px solid #eaeaea; left: 50%; margin-left: -0.5px; } .timeline-title { margin-bottom: 6px; } .timeline > li { margin-bottom: 40px; position: relative; padding-left: 0; margin-left: 0; } .timeline > li:before, .timeline > li:after { content: " "; display: table; } .timeline > li:after { clear: both; } .timeline > li:before, .timeline > li:after { content: " "; display: table; } .timeline > li:after { clear: both; } .timeline > li > .timeline-panel { width: 50%; float: left; border-radius: 2px; padding: 30px; background: #fff; position: relative; -webkit-box-shadow: -1px 0px 12px 0 rgba(38,59,94,0.1); box-shadow: -1px 0px 12px 0 rgba(38,59,94,0.1); } .timeline > li > .timeline-panel .timeline-title { margin-top: 0; } .timeline > li:not(.timeline-inverted) { padding-right:90px; } .timeline > li.timeline-inverted { padding-left:90px; } .timeline > li > .timeline-panel:after { position: absolute; top: 27px; right: -14px; display: inline-block; border-top: 14px solid transparent; border-left: 14px solid #fff; border-right: 0 solid #fff; border-bottom: 14px solid transparent; content: " "; } .timeline > li > .timeline-badge, .timeline-sep-title { width: 50px; height: 50px; line-height: 50px; font-size: 1.4em; text-align: center; position: absolute; top: 16px; left: 50%; margin-left: -25px; } .timeline > li.timeline-inverted > .timeline-panel { float: right; } .timeline > li.timeline-inverted > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; } .timeline > li.timeline-inverted > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; } .timeline-title { margin-top: 0; color: inherit; } .timeline-body > p, .timeline-body > ul { margin-bottom: 0; } .timeline-body > p + p { margin-top: 5px; } .timeline > li > .timeline-sep-title { margin-left: 50px; width: auto; word-wrap: break-word; text-align: left; height: auto; font-size: 18px; line-height: 30px; } .timeline > li.timeline-inverted > .timeline-sep-title { right: 50%; left: 0; text-align: right; margin-right: 50px; } .timeline-sep-title > span { display: block; font-size: 15px; line-height: 1; color: #000; margin-top: 0px; } .timeline-wrapper > ul.timeline > li.sep-img-activated .timeline-badge { background: transparent !important; } ul.timeline { padding: 0; list-style: none; margin: 0; } /*Timeline Left Layout */ .timeline.tl-left-layout > li > .timeline-sep-title { text-align: right; padding-top: 0 !important; } .separator-shape-custom > i, .separator-shape-custom > img, .separator-shape-custom > .separator-text { position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } /*Timeline Layout 2 */ .timeline-style-2 .timeline > li > .timeline-panel { box-shadow: none; -webkit-box-shadow: none; border: 1px dashed #c5c5c5; border-radius: 10px; } .timeline-style-2 .timeline > li > .timeline-panel .timeline-title { font-size: 18px; } /*Timeline Layout 3 */ .timeline-style-3 .timeline > li > .timeline-panel { box-shadow: none; -webkit-box-shadow: none; border: 1px solid #eaeaea; } .timeline-style-3 .timeline > li.timeline-inverted > .timeline-panel .timeline-heading, .timeline-style-3 .timeline > li.timeline-inverted > .timeline-panel .timeline-body { text-align: right; } .timeline-style-3 .timeline > li > .timeline-sep-title { color: #fff; font-size: 14px; padding-top: 5px; padding-bottom: 5px; } .timeline-style-3 .timeline > li > .timeline-badge { box-shadow: 0px 0px 10px rgb(0 0 0 / 15%); } .timeline-wrapper.timeline-style-3 .timeline-panel { border-radius: 0 65px 65px 0; padding: 20px 20px; } .timeline-wrapper.timeline-style-3 .timeline-title { font-size: 17px; } .timeline-wrapper.timeline-style-3 .timeline-inverted .timeline-panel { border-radius: 65px 0% 0% 65px; padding-left: 60px; } .timeline-style-3 .timeline > li > .timeline-badge, .timeline-style-3 .timeline-sep-title { top: 50%; transform: translateY(-50%); } .timeline-style-3 .timeline > li > .timeline-panel:after { top: 50%; transform: translateY(-50%); border: 1px solid #ddd; width: 14px; margin: 0 auto; } /*-------------------------------------------------------------- 12. Pricing Table --------------------------------------------------------------*/ .pricing-table-wrapper { overflow: hidden; position: relative; } .pricing-table-info > * { display: inline-block; vertical-align: middle; margin: 0 5px; } .pricing-inner-wrapper { padding: 35px 0; } .pricing-inner-wrapper > *:last-child { margin-bottom: 0; } .content-area .page .pricing-table-body ul { padding: 0; } ul.pricing-features-list > li { display: inline-block; border: medium none; background: unset; padding-left: 0; padding-right: 0; } li.list-group-item.feature-inactive { color: #5c5b5b; opacity: 0.3; } .pricing-icon > span { font-size: 60px; } .corner-ribbon{ width: 180px; background: #e43; position: absolute; top: 25px; left: -50px; text-align: center; line-height: 30px; letter-spacing: 1px; color: #f0f0f0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); box-shadow: 0 0 3px rgba(0,0,0,.3); -webkit-box-shadow: 0 0 3px rgba(0,0,0,.3); -moz-box-shadow: 0 0 3px rgba(0,0,0,.3); -ms-box-shadow: 0 0 3px rgba(0,0,0,.3); -o-box-shadow: 0 0 3px rgba(0,0,0,.3); } .corner-ribbon.top-left{ top: 25px; left: -50px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .corner-ribbon.top-right { top: 17px; right: -55px; left: auto; transform: rotate(40deg); -webkit-transform: rotate(40deg); } .corner-ribbon.bottom-left{ top: auto; bottom: 25px; left: -50px; transform: rotate(45deg); -webkit-transform: rotate(45deg); } .corner-ribbon.bottom-right{ top: auto; right: -50px; bottom: 25px; left: auto; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } /* price */ .pricing-table-wrapper .pricing-title { font-size: 23px; line-height: 1; } .price-after p { margin-bottom: 0; } /* price image */ .pricing-inner-wrapper > .pricing-image { padding: 0; } .pricing-table-wrapper .btn { color: #fff; } .pricing-table-wrapper .btn:hover { color: #fff; } /* pricing table layout one */ .pricing-style-default .pricing-table-info { background: #000; color: #fff; } .pricing-style-default .pricing-table-foot .btn { display: block; } /* pricing table layout two */ .pricing-table-wrapper.pricing-style-classic, .pricing-style-classic .pricing-table-info p { background: #fff; color: #333; } .pricing-style-classic .pricing-title { font-size: 24px; } .pricing-style-classic .price-text p{ font-size:36px; } .pricing-style-classic .btn { display: block; padding: 15px 0; } .pricing-style-classic .btn:hover { color: #fff; } .pricing-style-classic.pricing-table-wrapper:hover ul li:before { color: inherit; } .pricing-style-classic.pricing-table-wrapper ul > li { padding: 4px 0; color: inherit; } .pricing-style-classic .price-after { font-weight: 400; } .pricing-style-classic .pricing-inner-wrapper > * { padding: 0; } .pricing-style-classic .pricing-inner-wrapper > .pricing-table-body { margin-bottom: 0; } .pricing-style-classic .pricing-inner-wrapper { padding-bottom: 0; } .pricing-table-wrapper.pricing-style-classic .pricing-inner-wrapper { border-bottom: 3px solid; } /* pricing table layout three */ .pricing-style-modern .pricing-inner-wrapper { border-radius: 10px; } .pricing-style-modern ul.pricing-features-list > li { box-shadow: 0px 6px 3px -7px rgb(0 0 0 / 50%); -webkit-box-shadow: 0px 6px 3px -7px rgb(0 0 0 / 50%); -moz-box-shadow: 0px 6px 9px -7px rgba(0,0,0,0.5); -ms-box-shadow: 0px 6px 9px -7px rgba(0,0,0,0.5); -o-box-shadow: 0px 6px 9px -7px rgba(0,0,0,0.5); } .pricing-style-modern ul.pricing-features-list > li:last-child { box-shadow: none; } .pricing-style-modern .pricing-table-foot .btn { display: block; border-radius: 0; } figure.pricing-image, figure.pricing-image > img { display: inline-block; } .pricing-table-wrapper ul > li { padding: 7px 0; margin: 0; } .pricing-table-wrapper ul { padding: 0; margin: 0; } .pricing-icon-wrap .pricing-icon { display: inline-block; text-align: center; } .cea-shape-circle .pricing-icon, .cea-shape-square .pricing-icon { padding: 30px; } .pricing-icon i, .pricing-icon svg { position: relative; transform: rotate(0deg); display: block; } .cea-shape-circle .pricing-icon { -webkit-border-radius: 50%; border-radius: 50%; } .cea-view-framed .pricing-icon { color: #333; border: 3px solid #333; background-color: transparent; } /*-------------------------------------------------------------- 13. Timeline Slide --------------------------------------------------------------*/ ul.cd-timeline-navigation > li, .events-content > ul > li { list-style: none; } .cd-horizontal-timeline { opacity: 0; margin: 2em auto; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; transition: opacity 0.2s; } .cd-horizontal-timeline .timeline:before { border: none; } .cd-horizontal-timeline .timeline { padding: 0; } .cd-horizontal-timeline::before { /* never visible - this is used in jQuery to check the current MQ */ content: 'mobile'; display: none; } .cd-horizontal-timeline.loaded { /* show the timeline after events position has been set (using JavaScript) */ opacity: 1; } .cd-horizontal-timeline .timeline { position: relative; height: 100px; width: 90%; max-width: 800px; margin: 0 auto; } .cd-horizontal-timeline .events-wrapper { position: relative; height: 100%; margin: 0 40px; overflow: hidden; } .cd-horizontal-timeline .events { /* this is the grey line/timeline */ position: absolute; z-index: 1; left: 0; top: 49px; height: 2px; /* width will be set using JavaScript */ background: #dfdfdf; -webkit-transition: -webkit-transform 0.4s; -moz-transition: -moz-transform 0.4s; transition: transform 0.4s; } .cd-horizontal-timeline .filling-line { /* this is used to create the green line filling the timeline */ position: absolute; z-index: 1; left: 0; top: 0; height: 100%; width: 100%; background-color: #7b9d6f; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; border-radius: 50%; } .cd-horizontal-timeline .events a { position: absolute; bottom: 0; z-index: 2; text-align: center; font-size: 12px; padding-bottom: 15px; color: #383838; /* fix bug on Safari - text flickering while timeline translates */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); } .cd-horizontal-timeline .events a::after { /* this is used to create the event spot */ content: ''; position: absolute; left: 50%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); bottom: -5px; height: 12px; width: 12px; border-radius: 50%; border: 2px solid #dfdfdf; background-color: #f8f8f8; -webkit-transition: background-color 0.3s, border-color 0.3s; -moz-transition: background-color 0.3s, border-color 0.3s; transition: background-color 0.3s, border-color 0.3s; } .no-touch .cd-horizontal-timeline .events a:hover::after { background-color: #999; border-color: #999; } .cd-horizontal-timeline .events a.selected { pointer-events: none; } .cd-horizontal-timeline .events a.selected::after { background-color: #999; border-color: #999; } .cd-horizontal-timeline .events a.older-event::after { border-color: #999; } @media only screen and (min-width: 1100px) { .cd-horizontal-timeline { margin: 6em auto; } .cd-horizontal-timeline::before { /* never visible - this is used in jQuery to check the current MQ */ content: 'desktop'; } } .cd-timeline-navigation a { /* these are the left/right arrows to navigate the timeline */ position: absolute; z-index: 1; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); height: 34px; width: 34px; border-radius: 50%; border: 2px solid #dfdfdf; /* replace text with an icon */ overflow: hidden; text-indent: 100%; white-space: nowrap; -webkit-transition: border-color 0.3s; -moz-transition: border-color 0.3s; transition: border-color 0.3s; } .cd-timeline-navigation a.prev:after, .cd-timeline-navigation a.next:after { content: "\e649"; font-family: 'themify'; color: inherit; position: absolute; left: 0px; top: 2px; font-size: 10px; } .cd-timeline-navigation a.prev:after { content: "\e64a"; } .cd-timeline-navigation a.prev { left: 0; } .cd-timeline-navigation a.next { right: 0; } .no-touch .cd-timeline-navigation a:hover { border-color: #7b9d6f; } .cd-timeline-navigation a.inactive { cursor: not-allowed; } .cd-timeline-navigation a.inactive::after { background-position: 0 -16px; } .no-touch .cd-timeline-navigation a.inactive:hover { border-color: #dfdfdf; } .cd-horizontal-timeline .events-content { position: relative; width: 100%; margin: 2em 0; overflow: hidden; -webkit-transition: height 0.4s; -moz-transition: height 0.4s; transition: height 0.4s; height: auto !important; } .cd-horizontal-timeline .events-content li { position: absolute; z-index: 1; width: 100%; left: 0; top: 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); padding: 0 5%; opacity: 0; -webkit-animation-duration: 0.4s; -moz-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } .cd-horizontal-timeline .events-content li.selected { /* visible event content */ position: relative; z-index: 2; opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .cd-horizontal-timeline .events-content li.enter-right, .cd-horizontal-timeline .events-content li.leave-right { -webkit-animation-name: cd-enter-right; -moz-animation-name: cd-enter-right; animation-name: cd-enter-right; } .cd-horizontal-timeline .events-content li.enter-left, .cd-horizontal-timeline .events-content li.leave-left { -webkit-animation-name: cd-enter-left; -moz-animation-name: cd-enter-left; animation-name: cd-enter-left; } .cd-horizontal-timeline .events-content li.leave-right, .cd-horizontal-timeline .events-content li.leave-left { -webkit-animation-direction: reverse; -moz-animation-direction: reverse; animation-direction: reverse; } .cd-horizontal-timeline .events-content li > * { max-width: 800px; margin: 0 auto; } .cd-horizontal-timeline .events-content h2 { font-weight: bold; font-size: 26px; font-family: "Playfair Display", serif; font-weight: 700; line-height: 1.2; } .cd-horizontal-timeline .events-content em { display: block; font-style: italic; margin: 10px auto; } .cd-horizontal-timeline .events-content em::before { content: '- '; } .cd-horizontal-timeline .events-content p { font-size: 14px; color: #959595; } .cd-horizontal-timeline .events-content em, .cd-horizontal-timeline .events-content p { line-height: 1.6; } @-webkit-keyframes cd-enter-right { 0% { opacity: 0; -webkit-transform: translateX(100%); } 100% { opacity: 1; -webkit-transform: translateX(0%); } } @-moz-keyframes cd-enter-right { 0% { opacity: 0; -moz-transform: translateX(100%); } 100% { opacity: 1; -moz-transform: translateX(0%); } } @keyframes cd-enter-right { 0% { opacity: 0; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } 100% { opacity: 1; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } } @-webkit-keyframes cd-enter-left { 0% { opacity: 0; -webkit-transform: translateX(-100%); } 100% { opacity: 1; -webkit-transform: translateX(0%); } } @-moz-keyframes cd-enter-left { 0% { opacity: 0; -moz-transform: translateX(-100%); } 100% { opacity: 1; -moz-transform: translateX(0%); } } @keyframes cd-enter-left { 0% { opacity: 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } 100% { opacity: 1; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } } .events ul { padding-left: 0 !important; list-style: none !important; } /*-------------------------------------------------------------- 14. Team --------------------------------------------------------------*/ .team-title > *:last-child { margin-bottom: 0; } .team-title > * { margin-bottom: 14px; } .team-info > *:last-child { margin-bottom: 0; } .team-inner > .team-name h2, .team-inner > .team-name h3, .team-inner > .team-name h4, .team-inner > .team-name h5, .team-inner > .team-name h6 { margin-bottom: 5px; } .team-info > * { margin-bottom: 30px; } .team-info-inner > div > * { padding-left: 15px; } .team-wrapper.text-right .nav.social-icons { display: inline-flex; float: right; } .team-inner p { margin-bottom: 0; } .team-wrapper .team-inner { margin-bottom: 30px; } .team-isotope-model .team-inner { margin-bottom: 0; } .team-light .team-inner { background: #fff; } .team-inner > * { margin-bottom: 15px; } .team-image-wrap.alignleft { margin-right: 25px; } .team-excerpt { font-size: 12px; } .client-name { color: #333; } .team-wrapper.team-dark .team-inner { background: #111 none repeat scroll 0 0; color: #ffffff; border: none; } .team-wrapper.team-dark .team-inner { padding: 30px 30px !important; border-radius: 10px; } .team-inner > .team-social-wrap { display: inline-block; } .team-social-wrap ul.social-icons > li > a { width: 33px; height: 33px; line-height: 33px; } .team-dark .client-name ,.team-dark p { color:#fff; } /*team slider*/ .team-wrapper .owl-carousel div[class^="col-"] { padding: 0; width: auto; max-width: 100%; } .cea-content .team-excerpt p { font-size: 14px; } .team-name > * { line-height: 1; margin-bottom: 0; } .team-inner > *:last-child { margin-bottom: 0; } .team-wrapper .post-title { line-height: 1; } .team-inner > *.entry-title { margin-bottom: 0; } .team-inner .post-title-head { margin-bottom: 10px; } /* overlay */ .team-inner .post-overlay-items > * { width: 100%; } .team-inner .post-overlay-items > * ul.nav.social-icons { display: inline-block; } .team-inner .post-overlay-items { display: block; margin-left: 0px; margin-right: 0; background: rgba(0, 0, 0,0.85); padding: 30px; } .team-wrapper .team-inner .post-overlay-items { opacity: 0; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-box-align: center!important; -ms-flex-align: center!important; align-items: center!important; align-content: center; display: grid; } .team-wrapper .team-inner:hover .post-overlay-items { opacity: 1; transform: scale(0); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } .team-designation { margin-bottom: 15px; } /*team style-1 */ .team-wrapper.team-style-default .team-inner > .post-thumb { margin-left: 0; margin-right: 0; overflow: hidden; } .team-wrapper.team-style-default .team-inner:hover > .post-thumb img { -webkit-transition: -webkit-transform 0.4s; -moz-transition: -moz-transform 0.4s; transition: transform 0.4s; } .team-wrapper.team-style-default .team-inner > .post-thumb img { transform: scale(1); -webkit-transition: -webkit-transform 0.4s; -moz-transition: -moz-transform 0.4s; transition: transform 0.4s; } .team-wrapper.team-style-default .team-inner > .post-thumb img.img-fluid.rounded-circle { box-shadow: 0px 14px 10px 0px rgb(0 0 0 / 6%) inset; padding: 30px; transition: all 0.6s; } .team-wrapper.team-style-default .team-inner:hover > .post-thumb img.img-fluid.rounded-circle { box-shadow: none; } ul.nav.bottom-meta-list { margin-bottom: 0; } .team-style-default .team-inner .post-overlay-items > .team-social-wrap { background: #fff; width: 40px; height: 40px; top: 15px; position: absolute; right: 15px; border-radius: 50%; cursor: pointer; } .team-style-default .team-inner .post-overlay-items > .team-social-wrap:before { content: "\e750"; font-size: 13px; line-height: 40px; font-weight: 100; font-family: 'themify'; width: 40px; } .team-style-default .team-inner .post-overlay-items > .team-social-wrap > ul { opacity: 0; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; background: #000; padding-top: 8px; padding-bottom: 8px; margin-top: 5px; border-radius: 40px 40px 40px 40px; } .team-style-default .team-inner .post-overlay-items > .team-social-wrap > ul li a { color: #fff; margin-right: 0; height: 25px; width: 25px; line-height: 25px; } .team-style-default .team-inner .post-overlay-items > .team-social-wrap > ul li a:hover { color: #fff; } .team-style-default .team-inner:hover .post-overlay-items > .team-social-wrap { background: #000; } .team-style-default .team-inner:hover .post-overlay-items > .team-social-wrap:before { color:#fff; } .team-style-default .team-inner:hover .post-overlay-items > .team-social-wrap > ul { opacity: 1; } .team-style-default .team-inner .post-overlay-items > .team-social-wrap > ul li{ -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); opacity: 0; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; } .team-style-default .team-inner:hover .post-overlay-items > .team-social-wrap > ul li { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); opacity: 1; } .team-style-default .team-inner .post-overlay-items > .team-social-wrap > ul li:nth-child(1n){ -webkit-transition-delay: .2s; transition-delay: .2s; } .team-style-default .team-inner .post-overlay-items > .team-social-wrap > ul li:nth-child(2n){ -webkit-transition-delay: .3s; transition-delay: .3s; } .team-style-default .team-inner .post-overlay-items > .team-social-wrap > ul li:nth-child(3n){ -webkit-transition-delay: .4s; transition-delay: .4s; } .team-style-default .team-inner .post-overlay-items > .team-social-wrap > ul li:nth-child(4n){ -webkit-transition-delay: .5s; transition-delay: .5s; } .team-style-default .team-inner .post-overlay-items { opacity: 1; background: transparent; transform: scale(1); } /*team style-2 */ .team-style-classic .post-thumb img { -webkit-filter: grayscale(60%); filter: grayscale(60%); -webkit-transition: all 0.8s ease-in; -moz-transition: all 0.8s ease-in; -o-transition: all 0.8s ease-in; transition: all 0.8s ease-in; } .team-style-classic .team-inner:hover .post-thumb img { -webkit-filter: grayscale(50%); filter: grayscale(50%); -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; -o-transition: all 0.8s ease-out; transition: all 0.8s ease-out; } .team-style-classic .team-inner { box-shadow: 0px 12px 50px 6px rgba(0,0,0,0.05); -webkit-box-shadow: 0px 12px 50px 6px rgba(0,0,0,0.05); padding: 40px 30px; border-radius: 7px; } .team-style-classic .team-designation { border: 1px solid #eaeaea; display: inline-block; padding: 7px 10px; line-height: 1; margin: 10px 0 26px 0; font-weight: 600; font-size: 13px; border-radius: 9px; } .team-style-classic .owl-stage-outer .team-inner { margin: 15px 15px 60px 15px; } .team-style-classic .post-thumb:first-child { margin-top: -10px; } .team-style-classic .post-thumb { margin: 0 -10px; } .team-style-classic .post-thumb img { filter: grayscale(0); } .team-wrapper ul.nav.social-icons { display: inline-block; margin-bottom: 0; } body .row>* { padding-right: 15px; padding-left: 15px; } /*team style-3 */ .team-wrapper.team-style-modern .team-inner { box-shadow: 0 0 10px rgba(57,59,102,0.07); -webkit-box-shadow: 0 0 10px rgba(57,59,102,0.07); border: none; padding: 25px 25px; } .team-style-modern .team-name a { position: relative; padding-bottom: 12px; margin-bottom: 7px; display: block; } .team-style-modern .team-name a::after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; width: 30px; height: 1px; background: #000; } .team-style-modern.text-left .team-name a::after { margin: 0; } .team-style-modern.text-right .team-name a::after { margin-right: 0; margin-left: auto; } .team-wrapper.team-style-modern .owl-item .team-inner { margin-left: 10px; margin-right: 10px; margin-top: 10px; } .team-style-modern .team-social-wrap ul.social-icons > li > a { border: 1px solid #eaeaea; border-radius: 50%; font-size: 11px; } /* style classic pro */ .team-style-classic-pro .team-inner { padding: 10px; } .team-wrapper.team-style-classic-pro .team-inner .post-overlay-items { --rotateX: -20.2176deg; --rotateY: -5.4125deg; transform: rotateX(var(--rotateX))rotateY(var(--rotateY)); border-radius: 6px; } .team-style-classic-pro .post-details-outer { box-shadow: 6px 5px 16px 0px rgb(0 0 0 / 15%); padding: 20px 7% 20px 7%; margin: 0 35px; border-radius: 5px; position: absolute; bottom: 0; background: #fff; display: inline-block; left: 0; right: 0; margin-bottom: 20px; transition: 0.5s; } .team-style-classic-pro .team-inner:hover .post-details-outer { margin-bottom: 30px; transition: 0.5s; } .team-wrapper.team-style-classic-pro [class*="col-"] { padding: 0 30px; } .team-wrapper.team-style-classic-pro .team-inner img { border-radius: 6px; --rotateX: -20.2176deg; --rotateY: -5.4125deg; transform: rotateX(var(--rotateX))rotateY(var(--rotateY)); } .team-style-classic-pro .team-designation { color: #7B899A; font-weight: 600; font-size: 13px; margin-bottom: 0; } .team-style-classic-pro .team-social-wrap ul.social-icons > li > a { color: #fff; width: 27px; height: 27px; line-height: 28px; margin-right: 10px; border-radius: 50%; font-size: 10px; background: #444; } /* Team List */ .team-wrapper.team-style-list .media .post-thumb { margin-right: 30px; } .team-wrapper.team-style-list .media { -ms-flex-align: center!important; align-items: center!important; } .owl-stage-outer .media.team-style-list-item { margin: 15px 10px; } .media.team-style-list-item { -webkit-box-align: center!important; -ms-flex-align: center!important; align-items: center!important; box-shadow: 0 0px 24px -4px rgba(158, 152, 153, 0.15); } .owl-stage-outer .media.team-list-item .media-body { padding: 15px 15px 15px 0; } .team-wrapper.team-style-list .team-inner { border-radius: 8px; margin-bottom: 40px; } .team-wrapper.team-style-list .media .team-designation { text-decoration: underline; font-size: 17px; margin-bottom: 15px; font-weight: 600; } .team-wrapper.team-style-list .media .team-social-wrap ul.social-icons > li > a { background: #f7f7f7; border: 1px solid #f2f2f2; } .team-wrapper.team-style-list .media .post-thumb img { border-radius: 10px 0px 0px 10px; } .team-wrapper.team-style-list .media .post-thumb:after { content: ""; position: absolute; left: auto; right: -50px; margin: 0 auto; top: -10px; width: 100px; height: 30px; background-image: linear-gradient( 45deg , #fff0 25%, transparent 25%), linear-gradient( -45deg , transparent 25%, transparent 25%), linear-gradient( 45deg , transparent 75%, transparent 75%), linear-gradient( -45deg , transparent 75%, #ffb9b9 75%); background-image: linear-gradient( 45deg , #fff0 25%, transparent 25%), linear-gradient( -45deg , transparent 25%, transparent 25%), linear-gradient( 45deg , transparent 75%, transparent 75%), linear-gradient( -45deg , transparent 75%, #ffb9b9 75%); background-image: linear-gradient( 45deg , #fff0 25%, transparent 25%), linear-gradient( -45deg , transparent 25%, transparent 25%), linear-gradient( 45deg , transparent 75%, transparent 75%), linear-gradient( -45deg , transparent 75%, #ffb9b9 75%); background-image: linear-gradient( 45deg , #fff0 25%, transparent 25%), linear-gradient( -45deg , transparent 25%, transparent 25%), linear-gradient( 45deg , transparent 75%, transparent 75%), linear-gradient( -45deg , transparent 75%, #ffb9b9 75%); -moz-background-size: 2px 2px; background-size: 53px 56px; -webkit-background-size: 13px 8.1px; background-position: 0 0, 1px 0, 1px -1px, 0px 41px; } .team-wrapper.team-style-list .media .post-thumb { position: relative; } /* Single */ .single-cea-team .team-social-wrap ul.social-icons > li > a { border-radius: 50px; box-shadow: 6px 5px 16px 0px rgb(0 0 0 / 15%); margin-right: 10px; background: #fff; } .team-info > .custom-post-nav { margin: 0; } .team-image-wrap img { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; height: 400px; width: 400px; object-fit: cover; } .team-info .team-title h2 { font-size: 30px; margin-bottom: 10px; } .single-cea-team span.team-designation { font-size: 20px; line-height: 32px; } .single-cea-team .team-content-wrap { color: #131e25; } .team-content-area .col-md-12 { padding: 0; } .single .row.team { -ms-flex-align: center!important; align-items: center!important; box-shadow: 0px 0px 50px 0px rgb(6 6 6 / 6%); border-radius: 10px; padding: 40px 30px 40px 30px; position: relative; } .single-cea-team .team-content-area >.row { margin: 0; } .team-wrapper ul.nav.social-icons { display: inline-block; } .team-inner > .team-social-wrap { display: inline-block; width: 100%; } .team-wrapper .team-inner > .post-thumb img { width: 100%; } .team-media.media .media-body span { display: block; } .team-media.media { display: flex!important; align-items: center!important; } .team-details-icon { width: 50px; height: 50px; line-height: 50px; text-align: center; margin-right: 15px; border: 1px solid #e8eefc; border-radius: 50%; background: #fff; } .team-info > * .col-md-6 { margin-bottom: 20px; } .team-media.media a { font-weight: bold; } .team-media.media .media-body span { display: block; line-height: 29px; font-size: 14px; } .team-media.media .media-body span.team-experience { font-weight: bold; color: #151515; font-size: 15px; } /*-------------------------------------------------------------- 15. Recent/Popular Post --------------------------------------------------------------*/ .cea-toggle-post-wrap .cea-popular_posts, .cea-toggle-post-wrap .cea-recent_posts { position: absolute; left: 0px; top: 0px; width: 100%; height: auto; opacity: 0; visibility: hidden; transition: opacity ease 0.35s; } .blog-wrapper .cea-toggle-post-wrap .blog-inner { padding: 30px 30px 30px 30px; overflow: hidden; } .blog-wrapper .cea-toggle-post-wrap .blog-inner .post-thumb:first-child { margin-left: -30px; margin-top: -30px; margin-right: -30px; } .elementor-widget-container.blog-wrapper .cea-toggle-post-trigger { margin-bottom: 30px; } .elementor-widget-container.blog-wrapper .cea-toggle-post-trigger label.cea-switch { margin-bottom: 0; } .cea-toggle-post-wrap .cea-recent_posts { position: relative; opacity: 1; visibility: visible; } .cea-toggle-post-wrap.cea-active-post .cea-recent_posts { position: absolute; opacity: 0; visibility: hidden; } .blog-wrapper.blog-style-classic-pro .cea-toggle-post-wrap .blog-inner { padding: 0; } .cea-toggle-post-wrap.cea-active-post .cea-popular_posts { position: relative; opacity: 1; visibility: visible; } .cea-toggle-post-trigger > ul.nav > li { display: inline-block; vertical-align: middle; padding: 0 10px; font-size: 20px; line-height: 30px; color: #000; font-weight: 900; } .cea-toggle-post-trigger > ul.nav { display: inline-block; } /* Switch Button Styles */ .cea-toggle-post-wrap .switch { position: relative; display: inline-block; width: 60px; height: 34px; } .cea-toggle-post-wrap .switch input { opacity: 0; width: 0; height: 0; } .cea-toggle-post-wrap .switch .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; } .cea-toggle-post-wrap .switch .slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; } .cea-toggle-post-wrap .switch input:checked + .slider { background-color: #2196F3; } .cea-toggle-post-wrap .switch input:focus + .slider { box-shadow: 0 0 1px #2196F3; } .cea-toggle-post-wrap .switch input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); } .cea-toggle-post-wrap .switch .slider.round { border-radius: 34px; } .cea-toggle-post-wrap .switch .slider.round:before { border-radius: 50%; } /*-------------------------------------------------------------- 16. Testimonial --------------------------------------------------------------*/ .testimonial-content-wrap { margin-bottom: 30px; } .single .testimonial-content-wrap .testimonial-content { margin-bottom: 23px; text-align: center; font-style: italic; font-family: initial; font-size: 23px; line-height: 34px; } .single .testimonial-content-wrap .testimonial-rating { text-align: center; } .testimonial-rating i { color: #ffc400; } /** Isotope-model */ .testimonial-wrapper.testimonial-isotope-model .testimonial-inner { padding: 25px; margin-bottom: 0px; } .testimonial-wrapper .testimonial-inner { padding: 25px; margin-bottom: 30px; } .testimonial-inner .post-thumb > a > img { display: inline-block; width: auto; } .testimonial-wrapper .owl-carousel div[class^="col-"] { padding: 0; width: auto; max-width: 100%; } .testimonial-wrapper a.read-more { padding: 6px 14px; } .entry-title.testimonial-name { line-height: 1; margin-bottom: 0; } .testimonial-wrapper.testimonial-dark .testimonial-inner { background: #333333 none repeat scroll 0 0; color: #ffffff; } .testimonial-wrapper.testimonial-dark a.client-name { color: #fff; } .testimonial-wrapper .testimonial-info p { margin-bottom: 0; } .testimonial-wrapper .testimonial-inner > * { margin-bottom: 14px; display: block; width: 100%; } .testimonial-wrapper .testimonial-inner > *:last-child { margin-bottom: 0; } .testimonial-info p > * { display: block; margin-bottom: 6px; width: 100%; } .testimonial-info p > *:last-child { margin-right: 0; margin-bottom: 0; } .testimonial-3 .testimonial-info p > .client-designation { line-height: 1; font-size: 15px; } .testimonial-thumb img { max-width: 80px; margin: unset; } .text-right .testimonial-thumb img { margin-left: auto; } .text-center .testimonial-thumb img { margin:0 auto; } .testimonial-inner p { margin-bottom: 0; } .testimonial-wrapper.testimonial-wrapper a.client-name { font-weight: bold; } .testimonial-wrapper.text-center .owl-dots { text-align: center; } .testimonial-rating { font-size: 12px; line-height: 1; text-align: center; } .testimonial-name h1, .testimonial-name h2, .testimonial-name h3, .testimonial-name h4, .testimonial-name h5, .testimonial-name h6 { line-height: 1; margin-bottom: 0; display: inline-flex; } .owl-carousel .owl-stage-outer .testimonial-thumb img { width: auto; } .custom-testimonial .elementor-testimonial-content { position: relative; } .custom-testimonial .elementor-testimonial-content:before { content: url(assets/images/quote3.png); display: block; margin: auto 0 20px; } .elementor-widget.elementor-widget-star-rating:not(:last-child) { margin: 6px; } /*Testimonial Review Title */ .testimonial-inner .review-title { font-size: 35px; line-height: 45px; color: initial; font-weight: 700; margin-bottom: 15px; } /* testimonials company logo */ .testimonial-logo-image-wrap { max-width: 74px; } /*Testimonial Layout One */ .testimonial-wrapper.testimonial-style-default .testimonial-inner { background: #fff; padding: 35px 45px 35px 45px; margin-bottom: 50px; position: relative; } .testimonial-wrapper.testimonial-style-default .owl-item .testimonial-inner { margin: 15px 10px; background: #000; } .testimonial-wrapper.testimonial-style-default .testimonial-inner > * { position: relative; } .testimonial-wrapper.testimonial-style-default .owl-item .testimonial-inner > .testimonial-thumb:first-child { float: left; margin-right: 15px; } .testimonial-wrapper.testimonial-style-default .owl-item .testimonial-inner > *:not(.testimonial-info) { float: none; clear: both; } .testimonial-wrapper.testimonial-style-default .testimonial-inner > *.testimonial-info a.client-name { margin-bottom: 0; } .testimonial-wrapper.testimonial-style-default .owl-item .testimonial-inner > .testimonial-thumb { border: 3px solid #fff; border-radius: 50%; box-shadow: 0 0px 14px rgba(0,0,0,0.09); } .testimonial-wrapper.testimonial-style-default .testimonial-inner > .testimonial-info:nth-child(2) { padding-top: 20px; } .testimonial-wrapper.testimonial-style-default .testimonial-inner > *.testimonial-excerpt:before { content: "\f10d"; position: absolute; font-family: fontAwesome; font-size: 41px; z-index: 0; color: #000; opacity: 0.1; } .testimonial-wrapper.testimonial-style-default .testimonial-inner > *.testimonial-excerpt > p { position: relative; z-index: 1; } .testimonial-style-default .testimonial-inner { background: #fff; display: flex; flex-direction: column; align-items: center; padding: 40px 7%; margin: auto; } .testimonial-style-default .testimonial-inner > * { transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; } .testimonial-style-default .testimonial-info { position: relative; } .testimonial-style-default .testimonial-info .client-name { margin-bottom: 0; } .testimonial-style-default.testimonial-wrapper a.client-name { font-weight: 600; font-size: 20px; } .testimonial-style-default .testimonial-excerpt { font-size: 30px; line-height: 1.53; font-weight: 700; letter-spacing: normal; } .testimonial-style-default.testimonial-light .testimonial-excerpt { color: #000; } .testimonial-style-default .owl-prev, .testimonial-style-default .owl-next { top: 50%; transform: translateY(-50%); border: 1px solid #eaeaea; line-height: 50px; width: 50px; height: 50px; border-radius: 50%; } .testimonial-style-default .owl-prev:before, .testimonial-style-default .owl-next:before { line-height: 50px !important; font-size: 25px !important; } .rtl .testimonial-style-default .owl-prev, .testimonial-style-default .owl-prev { left: 30px; right: auto; } .rtl .testimonial-style-default .owl-next ,.testimonial-style-default .owl-next { right: 30px; } /*Testimonial Modern*/ .testimonial-wrapper.testimonial-style-modern .testimonial-inner > * { margin-bottom: 24px; } .testimonial-wrapper.testimonial-style-modern .testimonial-inner > .testimonial-thumb { display: inline-block; vertical-align: middle; } .testimonial-wrapper.testimonial-style-modern .testimonial-inner > .testimonial-info { margin-right: 0; display: inline-block; vertical-align: middle; } .testimonial-wrapper.testimonial-style-modern .testimonial-name { color: #000; } .testimonial-wrapper.testimonial-style-modern .testimonial-inner > *:last-child { margin-bottom: 0; } .testimonial-wrapper.testimonial-style-modern .testimonial-inner > .testimonial-excerpt:first-child { margin-bottom: 20px; } .testimonial-style-modern.testimonial-dark .testimonial-rating i { color: #fff; } .testimonial-wrapper.testimonial-style-modern .testimonial-inner { background: #fff; padding: 70px 45px 45px 45px; -webkit-box-shadow: 0px 10px 40px 0px rgb(0 0 0 / 10%); -ms-box-shadow: 0px 10px 40px 0px rgb(0 0 0 / 10%); box-shadow: 0px 10px 40px 0px rgb(0 0 0 / 10%); margin-bottom: 30px; margin-top: 25px; position: relative; border-radius: 10px; } .testimonial-wrapper.testimonial-style-modern.testimonial-dark .testimonial-inner { background: unset; color: #dfdfdf; } .testimonial-wrapper.testimonial-style-modern .testimonial-inner .testimonial-designation > p { line-height: 1; } .testimonial-wrapper.testimonial-style-modern .testimonial-inner > * { position: relative; } .testimonial-wrapper.testimonial-style-modern .testimonial-inner:after { font-family: fontAwesome; position: absolute; font-size: 20px; line-height: 1; color: #eaeaea; -webkit-transition: 0.4s all; transition: 0.4s all; } .testimonial-wrapper.testimonial-style-modern .testimonial-inner:after { content: "\f10e"; top: -25px; left: auto; right: 9%; width: 55px; height: 55px; line-height: 55px; color: #fff; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); background: #000; text-align: center; border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%; } .testimonial-style-modern .owl-dot span { background: #e2e0dd; width: 15px; height: 15px; border-radius: 50%; } .testimonial-wrapper.testimonial-style-modern .testimonial-info .client-name { margin-bottom: 0; font-weight: 700; text-transform: uppercase; font-size: 16px; } .testimonial-style-modern .owl-stage-outer .owl-item .item { margin: 15px; } /* Testimonial classic */ .testimonial-wrapper.testimonial-style-classic .testimonial-inner { border-radius: 7px; border: 1px solid #eaeaea; } /* Testimonial classic pro */ .testimonial-wrapper.testimonial-style-classic-pro .testimonial-inner { border: 1px solid rgba(243, 243, 243,0.3); } /* Testimonial List */ .media.testimonial-list-item .media-body { text-align: left; margin-left: 28px; } .testimonial-style-list .testimonial-inner { padding: 35px; } .testimonial-wrapper.testimonial-style-list .testimonial-inner > *.media { display: flex; width: auto; } .testimonial-wrapper.testimonial-style-list .post-thumb { width: 20%; margin-right: 25px; } .testimonial-wrapper.testimonial-style-list .post-thumb img { margin-left: 0; margin-right: 25px; } .testimonial-list .testimonial-list-item { padding: 25px 30px; -webkit-box-shadow: 0 0px 14px rgba(0,0,0,0.05); -ms-box-shadow: 0 0px 14px rgba(0,0,0,0.05); box-shadow: 0 0px 14px rgba(0,0,0,0.05); margin-bottom: 30px; } .testimonial-style-list .owl-item .testimonial-style-list-item { margin: 10px 10px; } .testimonial-style-list .testimonial-style-list-item .testimonial-thumb { position: relative; } .testimonial-style-list .testimonial-style-list-item .testimonial-thumb:before, .single-cea-testimonial .testimonial-info .testimonial-img:before { position: absolute; bottom: 0; content: "\f10e"; font-family: fontAwesome; left: -54px; right: 0; width: 35px; height: 35px; line-height: 35px; color: #fff; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); background: #000; text-align: center; border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%; margin: 0 auto; } .testimonial-wrapper.testimonial-style-list .post-thumb { width: 40%; margin-right: 50px; position: relative; z-index: 1; } .testimonial-wrapper.testimonial-style-list .testimonial-inner > *.media { align-items: flex-end; } .testimonial-style-list .testimonial-inner:after { content: "\e67e"; position: absolute; right: 10%; top: 70px; font-family: 'themify'; font-size: 120px; line-height: 1; } .testimonial-style-list .testimonial-inner .media-body { padding-bottom: 40px; } .testimonial-style-list .testimonial-inner .post-thumb:after { content: ""; background-image: linear-gradient( 70deg , #fff0 25%, transparent 25%), linear-gradient( -43deg , transparent 26%, transparent 34%), linear-gradient( 52deg , transparent 85%, transparent 91%), linear-gradient( -42deg , transparent 77%, #000 87%); width: 100px; height: 100px; background-position: 0 0, 1px 0, 1px 1px, 0px 36px; -moz-background-size: 2px 2px; background-size: 53px 56px; -webkit-background-size: 7px 1.1px; position: absolute; left: auto; right: -60px; margin: 0 auto; top: 50px; width: 90px; height: 90px; border-radius: 50%; border: 1px solid #eaeaea2b; transform: rotate(40deg); } /* slider */ .testimonial-slide-model .testimonial-inner { margin: 7px 23px; } /*Testimonial Single*/ .single .testimonial-info > .testimonial-img { margin-bottom: 30px; } .single .testimonial-info > .testimonial-designation-wrap { margin-bottom: 100px; text-align: center; } .single-cea-testimonial .testimonial-info img { border-radius: 50%; } .single-cea-testimonial .testimonial-title h2 { margin-bottom: 0; font-size: 23px; line-height: 30px; } .single-cea-testimonial .testimonial { color: #000; } .single .testimonial-info > *:last-child { margin-bottom: 0; } .single-cea-testimonial .testimonial-info .testimonial-img { position: relative; } .single .testimonial-info > *:last-child { margin: 0; } /* Pagination */ .custom-post-nav .prev-nav-link, .custom-post-nav .next-nav-link { display: inline-flex; } .custom-post-nav .prev-nav-link > a, .custom-post-nav .next-nav-link > a { line-height: 1; font-size: 10px; background: transparent; -webkit-box-shadow: 7px 5px 30px 0 rgb(72 73 121 / 15%); -moz-box-shadow: 7px 5px 30px 0 rgba(72,73,121,0.15); -ms-box-shadow: 7px 5px 30px 0 rgba(72,73,121,0.15); box-shadow: 10px 6px 37px 0 rgb(72 73 121 / 15%); padding: 15px 25px; display: inline-block; } .custom-post-nav .prev-nav-link > a > i, .custom-post-nav .next-nav-link > a > i { margin-bottom: 5px; } .rtl .custom-post-nav .prev-nav-link { float: left; } .custom-post-nav { margin-top: 100px; padding: 0 30px; display: inline-block; width: 100%; box-shadow: 0px 12px 10px rgb(238 239 240 / 25%); border: 1px solid #F2F5FA; } .custom-post-nav .next-nav-link { text-align: right; float: right; } .custom-post-nav .next-nav-link h4, .custom-post-nav .prev-nav-link h4 { margin-bottom: 0; font-size: 13px; line-height: 20px; padding: 0 10px; display: inline-block; } .custom-post-nav a.disabled { display: none; } /*-------------------------------------------------------------- 17. Portfolio --------------------------------------------------------------*/ .portfolio-inner .post-overlay-items { margin: 0 auto; left: 0px; top: initial; transform: translateY(40px); -webkit-transform: translateY(40px); -moz-transform: translateY(40px); height: auto; top: initial; border-radius: 0; padding: 30px; word-break: break-word; position: absolute; z-index: 3; display: flex; justify-content: flex-end; flex-direction: column; transition: all .5s; overflow: hidden; background: #f2ab37; opacity: 0; } .portfolio-inner .post-overlay-items .post-icons a { background: #000; width: 35px; height: 35px; line-height: 35px; display: inline-block; margin: 0 3px; border-radius: 4px; color: #fff; text-align: center; } .portfolio-inner .post-category a { background: transparent; color: inherit; padding: 0; font-size: inherit; } .portfolio-inner .post-overlay-items ul.nav { display: inline-block; } .portfolio-wrapper .post-category > span { display: none; } .portfolio-inner .post-thumb img { transition: all 0.9s linear; } .portfolio-inner .post-thumb:hover img { transition: all 0.9s linear; transform: scale(1.1); } .portfolio-inner .post-thumb { overflow: hidden; } .isotope-filter { margin-bottom: 35px; margin-top: 25px; } .isotope-filter ul.nav.m-auto.d-block { text-align: center; } .isotope-filter ul.nav.m-auto.d-block li { margin: 0 10px; } .isotope-filter ul.nav.m-auto.d-block li a { padding: 0; color: #000; margin: 0 15px; margin-bottom: 20px; font-weight: bold; } .isotope-filter ul.nav.m-auto.d-block li.active a:hover { color: #fff; } .isotope-filter ul.nav li a { position: relative; } .isotope-filter ul.nav li.active a:after, .isotope-filter ul.nav li a:after { content: ""; position: absolute; bottom: -0.42em; left: 0; width: 0%; height: 3px; border-radius: 1.5px; background: #000; -webkit-transition: all 250ms ease-in-out 0s; -moz-transition: all 250ms ease-in-out 0s; -ms-transition: all 250ms ease-in-out 0s; -o-transition: all 250ms ease-in-out 0s; transition: all 250ms ease-in-out 0s; } .isotope-filter ul.nav li.active a:after, .isotope-filter ul.nav li a:hover:after { width: 100%; } .portfolio-inner:hover .post-overlay-items, .owl-item.active.center .portfolio-inner .post-overlay-items { transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); opacity: 1; } .portfolio-inner .post-overlay-items a.post-title { text-transform: capitalize; color: #fff; } .portfolio-inner .post-overlay-items .post-more { position: absolute; right: 40px; border: 3px solid #000000; display: block; font-size: 26px; vertical-align: middle; width: 50px; height: 50px; line-height: 50px; text-align: center; transition: transform 1s; border-radius: 50%; } .portfolio-inner .post-overlay-items .post-more:hover { transform: rotate(360deg); } .portfolio-inner { margin-bottom: 35px; } .portfolio-isotope-model .portfolio-inner { margin-bottom: 0; } /* POrtfolio default */ .portfolio-style-default .portfolio-inner .post-thumb { overflow: hidden; } .portfolio-style-default .post-overlay-items { -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); border: 1px solid #ffffff66; } /* Portfolio classic */ .portfolio-style-classic .post-thumb.post-overlay-active:after { content: ""; width: 15px; height: 15px; background: #000; position: absolute; top: 15px; right: 15px; border-radius: 50%; opacity: 0 ; z-index: 99; } .portfolio-style-classic .post-thumb.post-overlay-active { position: relative; } .portfolio-style-classic .portfolio-inner:hover .post-thumb.post-overlay-active:after { opacity: 1 ; } /* Portfolio classic pro */ .portfolio-style-classic-pro .post-details-outer { padding: 0 30px; } .portfolio-style-classic-pro .portfolio-inner .post-thumb { box-shadow: rgb(0 0 0 / 10%) 0px 10px 50px; } /* Portfolio style modern */ .portfolio-style-modern .portfolio-inner .post-thumb{ -webkit-clip-path: inset(0); clip-path: inset(0); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .portfolio-style-modern .portfolio-inner .post-thumb:hover { -webkit-clip-path: inset(5px 10px); clip-path: inset(5px 10px); } /* Portfolio single */ .single-cea-portfolio .portfolio-info .custom-post-nav a { background: #f7f7f7; width: 35px; height: 35px; display: inline-block; text-align: center; line-height: 35px; margin-bottom: 20px; border-radius: 50%; border: 1px solid #eaeaea; outline: 0; } .single ul.portfolio-meta-list li { display: flex; align-items: center; } .portfolio-single .portfolio-format { border-bottom: 1px solid #eaeaea; margin-bottom: 60px; padding-bottom: 60px; } .portfolio-meta ul.nav.social-icons > li > a { background: #fff; border-radius: 50%; height: 30px; width: 30px; line-height: 30px; font-size: 11px; margin-right: 5px; } .single-cea-portfolio .portfolio-image { box-shadow: rgb(17 17 26 / 5%) 0px 4px 16px, rgb(17 17 26 / 5%) 0px 8px 32px; border-radius: 18px; overflow: hidden; } .row.portfolio-details .col-sm-4 > .portfolio-meta ul.portfolio-meta-list > li h6 { margin-bottom: 0; font-size: 14px; font-weight: 800; } .row.portfolio-details .col-sm-4 > .portfolio-meta ul.portfolio-meta-list > li > ul >li { font-size: 14px; } .row.portfolio-details .col-sm-4 > .portfolio-meta span.portfolio-meta-icon { margin-right: 10px; } .row.portfolio-details .col-sm-4 > .portfolio-meta ul.portfolio-meta-list > li { border-bottom: 1px solid #f3f3f3; padding: 13px 0; display: flex; } .row.portfolio-details .col-sm-4 > .portfolio-meta ul.portfolio-meta-list > li >.portfolio-meta-title-wrap { width: 33%; } .row.portfolio-details .col-sm-4 > .portfolio-meta ul.portfolio-meta-list > li:last-child { border-bottom: 0; padding-bottom: 0; } .row.portfolio-details .col-sm-4 > .portfolio-meta ul.portfolio-meta-list > li h6 { margin-bottom: 0; } .portfolio-inner .post-title-head { margin-bottom: 0; line-height: 1; } .portfolio-single .custom-post-nav { margin: 50px 0 0 0; } .portfolio-content-wrap .portfolio-title { padding: 0 15px; } .custom-post-nav a { display: inline-block; background: #000; text-align: center; line-height: 50px; margin-bottom: 30px; margin-top: 30px; color: #fff; border-radius: 5px; padding: 0 20px; } .custom-post-nav a > * { padding: 0 5px; color: #fff; display: inline; vertical-align: middle; line-height: 1; font-weight: 500; } .custom-post-nav a:focus { color: #fff; } .custom-post-nav a:hover { color: #fff; } .custom-post-nav a:last-child { float: right; } /* Portfolio List */ .portfolio-inner .media .post-thumb { max-width: 40%; margin-right: 25px; } .portfolio-style-list .portfolio-inner .media { -webkit-box-align: center!important; -ms-flex-align: center!important; align-items: center!important; } .portfolio-wrapper .post-pagination-wrap { margin-top: 30px; } .portfolio-wrapper .post-pagination-wrap li > * { height: 50px; line-height: 50px; width: 50px; display: inline-block; text-align: center; padding: 0; margin: 0 7px; } .elementor-element .elementor-widget-container.portfolio-wrapper .portfolio-inner { margin-bottom: 0; } .isotope-filter ul.nav.m-auto.d-block li.active a:hover, .isotope-filter ul.nav.m-auto.d-block li.active a:focus, .isotope-filter ul.nav.m-auto.d-block li.active a:active { color: #000; } .portfolio-inner .post-title-head { margin-top: 20px; } /* Owl Styles */ .owl-carousel, .owl-carousel .owl-item { position: relative; } /*owl navigation*/ .owl-carousel .owl-dots { text-align: center; margin-top: 25px; } .owl-carousel .owl-dot { display: inline-block; } .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot { background-size: auto; } /*owl Navigation*/ .owl-carousel .owl-nav { text-align: center; text-align: -webkit-center; font-size: 0px; right: 0; } .owl-carousel .owl-nav button { width: 40px; height: 40px; line-height: 40px; } .owl-prev, .owl-next { display: inline-block; padding: 0 10px; color: #fff; position: absolute; top: -70px; right: 0; } .owl-prev { margin-right: 50px; } .owl-carousel .owl-nav .owl-prev:before, .owl-carousel .owl-nav .owl-next:before { font: normal normal normal 14px/1 FontAwesome; line-height: 40px; color: #fff; font-size: 16px; } .owl-carousel .owl-nav .owl-prev:before { content: "\f104"; } .owl-carousel .owl-nav .owl-next:before { content: "\f105"; } .owl-dots { margin: 15px 0 0 0; } .owl-dots button.owl-dot.active { transform: scale(1.5); -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); -webkit-transition: all 250ms ease-in-out 0s; -moz-transition: all 250ms ease-in-out 0s; -ms-transition: all 250ms ease-in-out 0s; -o-transition: all 250ms ease-in-out 0s; transition: all 250ms ease-in-out 0s; } button.owl-dot:focus { outline: 0; } .owl-dots button.owl-dot { width: 7px; height: 7px; margin: 0 7px; border-radius: 50%; box-shadow:0 3px 3px rgba(0, 0, 0, 0.15); -webkit-transition: all 250ms ease-in-out 0s; -moz-transition: all 250ms ease-in-out 0s; -ms-transition: all 250ms ease-in-out 0s; -o-transition: all 250ms ease-in-out 0s; transition: all 250ms ease-in-out 0s; } /* Portfolio Single */ .single ul.portfolio-meta-list { border: 1px solid #F2F5FA; padding: 30px; box-shadow: 0px 12px 10px rgb(238 239 240 / 25%); background: #f7f8fa; } .portfolio-content-area .container { padding: 0; } .portfolio-content-area .container .row { margin: 0 -15px; } .single ul.portfolio-meta-list span.portfolio-meta-icon { margin-right: 10px; } .single ul.portfolio-meta-list > li { border-bottom: 1px solid #eaeaea; padding-bottom: 10px; } .portfolio-content-wrap .portfolio-title h3 { border-radius: 4px; font-size: 30px; font-weight: 600; padding: 15px 25px; color: #fff; } .cea-related-slider.owl-carousel.owl-loaded.owl-drag { margin-top: 30px; } .portfolio-related-slider figure img { border-radius: 5px; margin-bottom: 24px; } .portfolio-related-slider h6.related-title a { color: #000; font-size: 20px; } /* Related */ .portfolio-related-slider { margin-top: 40px; } /*-------------------------------------------------------------- 18. Contact Form --------------------------------------------------------------*/ .contact-form-wrapper .wpcf7-form label { width: 100%; display: block; } .contact-form-wrapper span.wpcf7-form-control-wrap input::placeholder, .contact-form-wrapper span.wpcf7-form-control-wrap select::placeholder, .contact-form-wrapper span.wpcf7-form-control-wrap textarea::placeholder { color: inherit; } .contact-form-wrapper span.wpcf7-form-control-wrap input, .contact-form-wrapper span.wpcf7-form-control-wrap select, .contact-form-wrapper span.wpcf7-form-control-wrap textarea { width: 100%; display: block; border-color: #eaeaea; margin-bottom: 25px; padding: 0 15px 0 15px !important; } .contact-form-wrapper span.wpcf7-form-control-wrap input, .contact-form-wrapper span.wpcf7-form-control-wrap select { height: 52px; line-height: 52px; } .contact-form-wrapper span.wpcf7-form-control-wrap textarea { height: 130px; } .contact-form-wrapper span.wpcf7-form-control-wrap textarea:focus { box-shadow: none; outline: 0; } .contact-form-wrapper input.wpcf7-form-control.wpcf7-submit { border-radius: 5px; margin-top: 8px; padding: 0px 30px; } .contact-form-wrapper input.wpcf7-form-control.wpcf7-submit:hover { background: #000; color: #fff; } .contact-form-wrapper .col-md-12 { padding: 0 15px; } span.wpcf7-form-control.wpcf7-radio input[type="radio"] { height: 15px; width: 15px; display: inline-block; margin-bottom: 0 !important; margin-right: 15px; min-height: auto; vertical-align: middle; line-height: 15px; } .wpcf7-list-item { display: inline-block; margin: 0 0 0 2em; } span.wpcf7-list-item.first { margin: 0; } span.wpcf7-form-control.wpcf7-radio { margin-top: 15px !important; display: block; } .contact-form-wrapper span.wpcf7-form-control-wrap input, .contact-form-wrapper span.wpcf7-form-control-wrap select, .contact-form-wrapper span.wpcf7-form-control-wrap textarea { padding-left: 0; } input.wpcf7-form-control, textarea.wpcf7-form-control { background-color: transparent; border: none; border-bottom: 1px solid rgba(0,0,0,0.1); padding-left: 0; border-radius: 0; padding-bottom: 15px; padding-top: 15px; margin-bottom: 15px; width: 100%; } /* Style Classic */ .cf-style-classic span.wpcf7-form-control-wrap input, .cf-style-classic span.wpcf7-form-control-wrap select, .cf-style-classic span.wpcf7-form-control-wrap textarea { background: #f7f7f7; border-color: #f2f2f2; } .contact-form-wrapper.cf-style-classic input.wpcf7-form-control.wpcf7-submit { margin-bottom: 0; } /* Style Modern */ .cf-style-modern span.wpcf7-form-control-wrap input, .cf-style-modern span.wpcf7-form-control-wrap select, .cf-style-modern span.wpcf7-form-control-wrap textarea { background: transparent; border: 0; border: 1px solid #E8EAF0; border-radius: 15px; } .contact-form-wrapper.cf-style-modern .wpcf7-form label span.wpcf7-form-control-wrap { margin-top: 10px; display: block; } .contact-form-wrapper.cf-style-modern br { display: none; } .contact-form-wrapper.cf-style-modern .wpcf7-form label { font-weight: 600; } .cf-style-modern span.wpcf7-form-control-wrap input::placeholder, .cf-style-modern span.wpcf7-form-control-wrap textarea::placeholder { color: #888; } .contact-form-wrapper.cf-style-modern input.wpcf7-form-control.wpcf7-submit { width: 100%; } .contact-form-wrapper.cf-style-modern p { margin-bottom: 0; } /* Style Classic pro */ .cf-style-classic-pro span.wpcf7-form-control-wrap input, .cf-style-classic-pro span.wpcf7-form-control-wrap select, .cf-style-classic-pro span.wpcf7-form-control-wrap textarea { box-shadow: 0 0 1.25rem rgb(30 34 40 / 4%); border: 0; background: #fefefe; border-radius: 0.4rem; } .contact-form-wrapper.cf-style-classic-pro span.wpcf7-form-control-wrap input, .contact-form-wrapper.cf-style-classic-pro span.wpcf7-form-control-wrap textarea { padding: 0 15px; } /*-------------------------------------------------------------- 19. Tab --------------------------------------------------------------*/ .cea-tab-content .cea-tab-pane { display: none; } .cea-tab-content .cea-tab-pane.active { display: block; } .cea-vertical-tab .cea-tabs > a.nav-item { width: 100%; } .nav.nav-tabs.cea-tabs .nav-link { border: 0; } .cea-tab-elementor-widget.cea-vertical-tab a.nav-item.nav-link { margin-bottom: 5px; } .cea-tab-elementor-widget.cea-vertical-tab .nav-tabs .nav-link { border-radius: 0; } .cea-vertical-tab > * { display: inline-block; } .cea-vertical-tab .cea-tabs { width: 25%; vertical-align: top; float: left; } .cea-vertical-tab .cea-tab-content { width: 75%; padding-left: 40px; } .cea-tabs > a .cea-tab-title { margin-bottom: 0; } .nav.nav-tabs.cea-tabs { border: 0; } .elementor-widget-tabs .elementor-tab-desktop-title.elementor-active { background: #f2ab37; color: #000; border: 0; } body .elementor-widget-tabs .elementor-tab-desktop-title, body .elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tab-content { border: solid rgba(242, 171, 55, 0.2); } .elementor-widget-tabs .elementor-tab-desktop-title.elementor-active:after, .elementor-widget-tabs .elementor-tab-desktop-title.elementor-active:before { display: none !important; } .elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tab-desktop-title { border-bottom: 0; color: #000; display: inline-block !important; } /*-------------------------------------------------------------- 20. Popover --------------------------------------------------------------*/ .popover-wrapper { position: relative; display: inline-block; } a.popover-trigger, a.cea-popover-trigger > * { display: inline-block; vertical-align: middle; } .popover-content { position: absolute; left: 0; top: 100%; right: 0; border: 1px solid #eaeaea; border-radius: .3rem; word-wrap: break-word; z-index: 1060; padding: .5rem .75rem; color: #212529; width: 180px; z-index: 99999; background: #fff; opacity: 0; visibility: hidden; transition: all 0.35s cubic-bezier(0.75, -0.02, 0.2, 0.97); } .popover-wrapper.popover-active .popover-content { opacity: 1; visibility: visible; font-weight: 600; } .popover-wrapper .popover-content p { margin: 0; } .popover-content .arrow { width: .5rem; height: 1rem; position: absolute; display: block; } .popover-left .popover-content .arrow { left: calc((.5rem + 1px) * -1); right: auto; } .popover-right .popover-content .arrow { right: calc((.5rem + 1px) * -1); left: auto; } .popover-top .popover-content .arrow, .popover-right .popover-content .arrow { top: 100%; transform: translateY(-50%) rotate(90deg); left: 0; right: 0; margin: 0 auto; margin-top: 5px; } .popover-bottom .popover-content .arrow { bottom: 100%; transform: translateY(-50%) rotate(270deg); left: 0; right: 0; margin: 0 auto; margin-bottom: -11px; } .popover-left .popover-content .arrow, .popover-right .popover-content .arrow { top: 50%; transform: translateY(-50%); } .popover-right .popover-content .arrow { transform: translateY(-50%) rotate(180deg); right: 100%; margin: 0; left: auto; } .popover-left .popover-content .arrow { transform: translateY(-50%); right: auto; left: 100%; margin: 0; } .popover-content .arrow::after, .popover-content .arrow::before { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; border-width: .5rem 0 .5rem .5rem; } .popover-content .arrow::before { right: 0; border-left-color: rgba(0,0,0,.25); } .popover-content .arrow::after { right: 1px; border-left-color: #fff; } .popover-wrapper.popover-top .popover-content { top: auto; bottom: 100%; margin: 0 auto; transform: translateX(-50%) translateY(-15px); left: 50%; padding: 20px; font-weight: 600; } .popover-wrapper.popover-top.popover-active .popover-content { transform: translateX(-50%) translateY(-20px); } .popover-wrapper.popover-bottom .popover-content { top: 100%; bottom: auto; margin: 0 auto; transform: translateX(-50%) translateY(10px); left: 50%; } .popover-wrapper.popover-bottom.popover-active .popover-content { transform: translateX(-50%) translateY(15px); } .popover-wrapper.popover-left .popover-content { top: 50%; transform: translateY(-50%) translateX(5px); left: auto; right: 100%; margin-right: 20px; } .popover-wrapper.popover-left.popover-active .popover-content { transform: translateY(-50%) translateX(0); } .popover-wrapper.popover-right .popover-content { top: 50%; transform: translateY(-50%) translateX(-5px); left: 100%; right: auto; margin-left: 20px; } .popover-wrapper.popover-right.popover-active .popover-content { transform: translateY(-50%) translateX(0); } /*-------------------------------------------------------------- 21. Modal Popup --------------------------------------------------------------*/ .modal-popup-wrapper .modal-title { text-align: center; width: 100%; } .white-popup-block { padding: 20px; margin: 40px auto; position: relative; color: #000; border-radius: 10px; } span.cea-popup-modal-dismiss.ti-close { position: absolute; right: -15px; top: -15px; background: #000; color: #fff; width: 30px; height: 30px; line-height: 30px; text-align: center; z-index: 1; border-radius: 50%; } .cea-popup-content form.wpcf7-form > p { margin-bottom: 0; } .cea-popup-content span.wpcf7-form-control-wrap { margin-bottom: 20px; display: inline-block; width: 100%; } .white-popup-block.cea-popup-content h4 { margin-bottom: 25px; } .white-popup-block > *.modal-popup-size { background: #FFF; margin: auto; position: relative; } span.cea-popup-modal-dismiss.ti-close { cursor: pointer; } a.modal-box-trigger.modal-trigger-icon { font-size: 40px; line-height: 40px; } .mfp-hide { display: none!important; } span.cea-popup-modal-dismiss.ti-close { position: absolute; right: -15px; top: -15px;; line-height: 32px; text-align: center; width: 32px; height: 32px; border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; background: #000000; color: #fff; cursor: pointer; } body .mfp-iframe-holder .mfp-close { width: 35px; height: 35px; line-height: 35px; text-align: center; padding: 0; opacity: 1; } .modal-popup-size.modal-lg { max-width: 800px; padding: 40px; } .modal-popup-size.modal-md { max-width: 600px; padding: 30px; } .modal-popup-size.modal-sm { max-width: 475px; padding: 20px; } /* overlay at start */ .mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; transition: all 0.35s ease-out; } /* overlay animate in */ .mfp-fade.mfp-bg.mfp-ready { opacity: 0.8; } /* overlay animate out */ .mfp-fade.mfp-bg.mfp-removing { opacity: 0; } /* content at start */ .mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; transition: all 0.35s ease-out; } /* content animate it */ .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; } /* content animate out */ .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; } .modal-popup-body input.wpcf7-form-control, .modal-popup-body textarea.wpcf7-form-control { border: 2px solid #eaeaea; } div.wpcf7 input[type="file"] { cursor: pointer; padding: 0; height: 40px; line-height: 30px; border: 0; } .modal-popup-body form.wpcf7-form { margin: 0 auto; max-width: 80%; } a.cea-modal-box-trigger.popup-trigger-txt, a.cea-modal-box-trigger.popup-trigger-icon { display: inline-block; } .mfp-fade.mfp-bg.mfp-ready { opacity: 0.9; } .modal-popup-body input.wpcf7-form-control.wpcf7-submit { border: 0px; } a.btn.btn-default.cea-modal-box-trigger { box-shadow: none; color: #fff; } /*-------------------------------------------------------------- 23. Rain Drops Styles --------------------------------------------------------------*/ .cea-rain-drops { position: absolute !important; left: 0; right: 0; } .cea-rain-drops > canvas, .cea-raindrops-wrap > canvas { width: 120%; } .section-raindrops-actived .cea-raindrops-wrap { overflow: hidden; position: absolute !important; left: 0; right: 0; width: 100%; } /*-------------------------------------------------------------- 22. Animated Text --------------------------------------------------------------*/ /*-------------------------------------------------------------- 23. Button --------------------------------------------------------------*/ .cea-btn-align-right .cea-button-wrapper { text-align: right; } .cea-btn-align-left .cea-button-wrapper { text-align: left; } .cea-btn-align-center .cea-button-wrapper { text-align: center; } .cea-btn-align-justify .cea-button-wrapper > a { width: 100%; } .cea-align-icon-right { float: right; } /*-------------------------------------------------------------- 24. Contact Info --------------------------------------------------------------*/ .contact-info-wrapper > * { margin-bottom: 15px; } .contact-info-wrapper > *:last-child { margin-bottom: 0; } .contact-info-wrapper .social-icons > ul { padding-left: 0; } .contact-info-wrapper .social-icons li > a { border: 1px solid !important; height: 35px; width: 35px; line-height: 35px; } .contact-info-wrapper .social-icons li > a:hover { border: 1px solid; height: 35px; width: 35px; line-height: 35px; } .contact-info-wrapper span.fa { float: left; margin-right: 15px; } .contact-info-wrapper form.wpcf7-form.init > p { margin-bottom: 0; } .contact-info-wrapper .wpcf7 input.wpcf7-form-control.wpcf7-submit { height: 40px; line-height: 40px; padding: 0 22px; } .contact-info-style-modern span.wpcf7-form-control-wrap input, .contact-info-style-modern span.wpcf7-form-control-wrap select { box-shadow: 0px 0 15px rgb(0 0 0 / 5%); border-color: #f5f5f5; height: 40px; line-height: 40px; margin-bottom: 23px; padding: 0 16px; font-weight: 500; width: -webkit-fill-available; } .contact-info-style-modern .contact-mail:before { content: "\e75a"; font-family: "themify"; color: inherit; font-weight: 700; font-size: 12px; line-height: 1; margin-right: 7px; } .contact-info-style-modern .contact-phone:before { content: "\e719"; font-family: "themify"; color: inherit; font-weight: 700; font-size: 12px; line-height: 1; margin-right: 7px; } /* Contact Info Style Classic */ .contact-info-wrapper.contact-info-style-classic { border: 1px solid #eaeaea; padding: 30px; border-radius: 5px; } .contact-info-wrapper.contact-info-style-classic:before { content: "\e645"; position: absolute; width: 60px; height: 60px; line-height: 60px; background: #000; font-size: 21px; left: -30px; top: -30px; font-family: "themify"; color: #fff; border-radius: 50%; -webkit-animation: pulse2 1s linear infinite; -moz-animation: pulse2 1s linear infinite; -ms-animation: pulse2 1s linear infinite; animation: pulse2 1s linear infinite; } @keyframes pulse2 { 0% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 50% { -webkit-transform: scale(.8); -moz-transform: scale(.8); -o-transform: scale(.8); -ms-transform: scale(.8); transform: scale(.8); } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } @-moz-keyframes pulse2 { 0% { -moz-transform: scale(1.1); transform: scale(1.1); } 50% { -moz-transform: scale(.8); transform: scale(.8); } 100% { -moz-transform: scale(1); transform: scale(1); } } @-webkit-keyframes pulse2 { 0% { -webkit-transform: scale(1.1); transform: scale(1.1); } 50% { -webkit-transform: scale(.8); transform: scale(.8); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @-ms-keyframes pulse2 { 0% { -ms-transform: scale(1.1); transform: scale(1.1); } 50% { -ms-transform: scale(.8); transform: scale(.8); } 100% { -ms-transform: scale(1); transform: scale(1); } } .contact-info-wrapper .contact-info-inner { line-height: 1; } /* Contact Info Style Modern */ .contact-info-wrapper.contact-info-style-modern { padding: 30px; box-shadow: 0px 0 15px rgba(0, 0, 0, 0.05); } /* Contact Info Style Classic Pro */ .contact-info-wrapper.contact-info-style-classic-pro { border: 1px dashed #eaeaea; padding: 30px; } .contact-info-style-classic-pro .contact-info-title { background: #f7f7f7; padding: 5px 20px; border-radius: 8px; } .contact-info-style-classic-pro .contact-info-title { color: #fff; } .contact-info-style-classic-pro .contact-timing { font-weight: 400; font-size: 15px; text-transform: uppercase; } /*-------------------------------------------------------------- 25. Content Carousel --------------------------------------------------------------*/ /*-------------------------------------------------------------- 26. Counter --------------------------------------------------------------*/ .counter-wrapper > *:last-child { margin-bottom: 0; } .counter-wrapper > * { margin-bottom: 15px; } .counter-title .counter-title-head { margin-bottom: 0; } .counter-icon i, .counter-icon svg { position: relative; transform: rotate(0deg); display: block; } .cea-shape-circle .counter-icon, .cea-shape-square .counter-icon { padding: 30px; } .counter-icon { display: inline-block; text-align: center; } .cea-shape-circle .counter-icon { -webkit-border-radius: 50%; border-radius: 50%; } .cea-view-framed .counter-icon { color: #333; border: 3px solid #333; background-color: transparent; } figure.counter-image > img { display: inline-block; } /* counter style classic */ .counter-value h3 { margin-bottom: 0; } .cea-counter-wrapper.cea-counter-style-classic { border: 1px solid rgba(234, 234, 234,0.1); padding: 30px; } /* counter style Modern */ .cea-counter-wrapper.cea-counter-style-modern { box-shadow: 0 0px 10px rgba(0, 0, 0,0.08); padding: 30px; } .counter-style-modern .counter-value span.counter-up { font-size: 40px; line-height: 1; font-weight: 800; } .cea-counter-style-classic span.counter-up { text-decoration: underline; text-decoration-thickness: from-font; } /*-------------------------------------------------------------- 27. Google Map --------------------------------------------------------------*/ /*-------------------------------------------------------------- 28. Image Grid --------------------------------------------------------------*/ .image-grid-inner img { margin: 0 auto; } .image-grid-wrapper > .row:last-child { margin-bottom: 0; } .image-grid-wrapper > .row { margin-bottom: 30px; } .image-grid-wrapper .owl-carousel div[class^="col-"] { padding: 0; width: auto; max-width: 100%; } .image-grid-3 .image-grid-inner { padding: 25px; border: 1px solid #f2f2f2; border-radius: 10px; } .image-grid-wrapper.image-grid-3 .owl-carousel .owl-stage-outer { padding-top: 13px; } .image-grid-3 .image-grid-inner:hover { transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; } .image-grid-3 .image-grid-inner:hover img { transform: scale(1.1); transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; opacity:1; } .image-grid-3 .image-grid-inner img { transform: scale(0.8); transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; opacity: 0.65; } .image-grid-wrapper.image-grid-2 .image-grid-inner { overflow: hidden; margin-bottom: 30px; } .image-grid-wrapper.image-grid-2 .cea-carousel .image-grid-inner { margin-bottom: 0; } .image-grid-wrapper.image-grid-2.custom .image-grid-inner { overflow: hidden; border: 1px solid #fbfbfb; padding: 25px; } .image-grid-wrapper .owl-carousel .owl-item img { width: auto; } /*slider*/ .image-grid-wrapper.image-grid-2 .image-grid-inner:hover img { -webkit-filter: grayscale(0%); filter: gray; opacity: 1; -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-animation: clientSlider 550ms forwards; -moz-animation: clientSlider 550ms forwards; -ms-animation: clientSlider 550ms forwards; -o-animation: clientSlider 550ms forwards; animation: clientSlider 550ms forwards; } .image-grid-wrapper.image-grid-2 .image-grid-inner img { filter: gray; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .image-grid-wrapper .owl-carousel .owl-item .image-grid-inner img { width: auto; transform: scale(0.9); -webkit-transform: scale(0.9); -moz-transform: scale(0.9); } @-webkit-keyframes clientSlider { 49% { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); } 50% { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); } 51% { opacity: 1; } } @-moz-keyframes clientSlider { 49% { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); } 50% { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); } 51% { opacity: 1; } } @-ms-keyframes clientSlider { 49% { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); } 50% { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); } 51% { opacity: 1; } } @-o-keyframes clientSlider { 49% { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); } 50% { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); } 51% { opacity: 1; } } @keyframes clientSlider { 49% { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); } 50% { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); } 51% { opacity: 1; } } .image-grid-2 .image-grid-inner:after { display:none; } /*-------------------------------------------------------------- 29. Chart --------------------------------------------------------------*/ /*-------------------------------------------------------------- 30. Popup Anything --------------------------------------------------------------*/ .popup-trigger-img, .popup-trigger-img > img { display: inline-block; } .popup-anything-wrapper .popup-trigger-icon { display: inline-block; text-align: center; } .cea-shape-circle .popup-trigger-icon, .cea-shape-square .popup-trigger-icon { padding: 30px; } .popup-trigger-icon i, .popup-trigger-icon svg { position: relative; transform: rotate(0deg); display: block; } .cea-shape-circle .popup-trigger-icon { -webkit-border-radius: 50%; border-radius: 50%; } .cea-view-framed .popup-trigger-icon { color: #333; border: 3px solid #333; background-color: transparent; } .cea-view-framed .cea-popup-anything.popup-trigger-icon { position: relative; width: 65px; height: 65px; border-radius: 100%; background-color: #222; display: flex; justify-content: center; align-items: center; opacity: 1; margin: 0 auto; color: #fff; font-size: 16px; } .cea-view-framed .cea-popup-anything.popup-trigger-icon:before { content: ""; display: block; position: absolute; border-radius: 100%; background-color: #111; z-index: -1; opacity: 0.6; width: 100px; height: 100px; top: 50%; left: 50%; right: 0px; transform: translateX(-50%) translateY(-50%); } .cea-view-framed .cea-popup-anything.popup-trigger-icon:after { content: ""; display: block; position: absolute; border-radius: 100%; background-color: #000; z-index: -1; animation: video-toggle-animate 1.9s linear 0s infinite; left: 50%; margin: 0 auto; top: 50%; right: 0px; transform: translateX(-50%) translateY(-50%); } @keyframes video-toggle-animate { 0% { width: 70px; height: 70px; opacity: 0.8; } 100% { width: 150px; height: 150px; opacity: 0; } } /* light */ .cea-view-framed .cea-popup-anything.popup-trigger-icon:after, .anim.light .cea-popup-anything.popup-trigger-icon:before, .anim.light .cea-popup-anything.popup-trigger-icon { background: #fff; } .cea-view-framed .cea-popup-anything.popup-trigger-icon:before { background: rgba(255,255,255,0.3) !important; border: 1px solid rgba(234, 234, 234,0.6); } /*-------------------------------------------------------------- 31. Accordion --------------------------------------------------------------*/ .cea-accordion .cea-accordion-content.active { display: block; } .cea-accordion .cea-accordion-content { display: none; } span.elementor-tab-icon { display: inline; float: left; } span.elementor-tab-icon.elementor-tab-icon-top { display: block; float: none; } span.elementor-tab-icon.elementor-tab-icon-right { float: right; } span.elementor-tab-icon span.cea-tab-icon { padding: 5px; } .cea-tab-elementor-widget .cea-tabs > a .cea-tab-title { display: initial; } .cea-accordions .card-header { border-bottom: 0; } .cea-tab-elementor-widget.cea-vertical-tab { position: relative; } .cea-tab-icon > svg { fill: currentColor; } .cea-accordion-header a .elementor-accordion-icon .cea-accordion-icon-opened, .cea-accordion-header a.active .elementor-accordion-icon .cea-accordion-icon-closed { display: none; } .cea-accordion-header a.active .elementor-accordion-icon .cea-accordion-icon-opened { display: inherit; } .elementor-accordion-icon-right { float: right; text-align: right; } .card-header.cea-accordion-header { width: 100%; margin: 0; padding: 0; background: transparent; } .card-header.cea-accordion-header > a { padding: 10px; } .card.cea-accordion { background: transparent; border: none; } /*-------------------------------------------------------------- 32. Offcanvas --------------------------------------------------------------*/ body { transition: all ease 0.35s; } body.cea-offcanvas-active { overflow: hidden; transition: all ease 0.35s; position: relative; } body.cea-offcanvas-active:before { position: absolute; height: 200%; width: 100%; content: ""; background: rgba(0,0,0,0.5); z-index: 999999; transition: all ease 0.35s; } .cea-offcanvas-wrap { position: fixed; top: 0; left: 0; width: 300px; z-index: 999999; height: 100%; background: #fff; transition: all ease 0.35s; overflow-y: auto; } .cea-offcanvas-wrap-inner { padding: 20px; margin-top: 60px; } .cea-offcanvas-wrap.offcanvas-right-overlay, .cea-offcanvas-wrap.offcanvas-right-push { left: auto; right: -300px; } .cea-offcanvas-wrap.offcanvas-right-overlay.active, .cea-offcanvas-wrap.offcanvas-right-push.active { right: 0; } .cea-offcanvas-wrap.offcanvas-left-overlay, .cea-offcanvas-wrap.offcanvas-left-push { right: auto; left: -300px; } .cea-offcanvas-wrap.offcanvas-left-overlay.active, .cea-offcanvas-wrap.offcanvas-left-push.active { left: 0; } .cea-offcanvas-wrap { background-size: cover; background-position: center center; } .cea-offcanvas-wrap-inner:before { position: absolute; height: 100%; width: 100%; top: 0; left: 0; z-index: -1; } .offcanvas-trigger-img > img { margin: 0; } .cea-offcanvas-wrap-inner > * { color: inherit; } /*-------------------------------------------------------------- 33. Switcher Content --------------------------------------------------------------*/ .cea-switcher-content .cea-switcher-secondary { display: none; } .cea-switch { position: relative; display: inline-block; width: 60px; height: 34px; margin-bottom: 0; margin: 0 15px; } .cea-switch input { opacity: 0; width: 0; height: 0; } ul.nav.cea-swticher-list { display: inline-flex; text-align: center; } .cea-switcher-header { text-align: center; } .cea-switch .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; } .cea-switch .slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; } .cea-switch input:checked + .slider { background-color: #2196F3; } .cea-switch input:focus + .slider { box-shadow: 0 0 1px #2196F3; } .cea-switch input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); } .cea-switch .slider.round { border-radius: 34px; } .cea-switch .slider.round:before { border-radius: 50%; } /*-------------------------------------------------------------- 34. Data Table --------------------------------------------------------------*/ .cea-data-table-pagination-wrap > a { padding: 10px; text-align: center; background: #333; margin: 4px; display: inline-block; width: 40px; color: #fff; border-radius: 4px; transition: all ease 0.35s; } .cea-data-table p img { margin: 0; } .cea-data-table-pagination-wrap > a:hover, .cea-data-table-pagination-wrap > a.active { opacity: 0.8; color: #fff; } .cea-table-sort-active th { position: relative; } .cea-table-sort-active th:before, .cea-table-sort-active th:after { font-family: 'themify'; content: "\e648"; position: absolute; right: 10px; margin-top: -4px; font-size: 10px; } .cea-table-sort-active th:after { content: "\e64b"; margin-top: 4px; } .cea-data-table-inner .table { color: inherit; margin-bottom: 0; } .cea-data-table-search-wrap input { padding: 6px 20px; } .table.cea-data-table thead th { padding: 25px 5px; } /*-------------------------------------------------------------- 35. Event --------------------------------------------------------------*/ .event-wrapper .event-inner { margin-bottom: 30px; } .event-address i { margin-right: 8px; } .event-address address { font-weight: 600; } /* Classic */ .event-style-classic .post-thumb { margin: -19px -20px 0 -20px; } .event-style-classic .top-meta .post-date a { color: #fff; } .event-style-classic .top-meta .post-date { background: #000; padding: 10px 15px; border-radius: 3px; } .event-style-classic .top-meta .post-author { border: 1px solid #f0f0f0; border-left: 0; border-right: 0; padding: 5px 0; vertical-align: middle; } /* Modern */ .event-style-modern .post-date { border: 1px solid #eaeaea; padding: 2px 10px; border-radius: 3px; } /* Classic Pro */ .event-style-classic-pro .post-details-outer { padding: 30px 20px; margin: -35px 23px 0 23px; position: relative; -webkit-box-shadow: rgb(2 2 2 / 8%) 0px 0px 50px; -moz-box-shadow: rgba(2, 2, 2, 0.08) 0px 0px 50px; box-shadow: rgb(2 2 2 / 8%) 0px 0px 50px; background: #fff; } .event-style-classic-pro.event-dark .event-inner { background: transparent; } .event-style-classic-pro.event-dark .event-inner .post-details-outer { background: #000; } .event-style-classic-pro .post-details-outer address { border: 1px solid #eaeaea; display: inline-block; padding: 3px 12px 3px 10px; border-radius: 5px; } /* Dark */ .event-dark .event-inner { background: #000; border-radius: 6px; border: 1px solid rgba(255,255,255,.11); } .event-style-modern.event-dark .post-date { border-color: rgba(255, 255, 255, 0.2); } /* Event list */ .event-wrapper.event-style-list .event-inner .media { -webkit-box-align: center!important; -ms-flex-align: center!important; align-items: center!important; } .event-wrapper.event-style-list .event-inner .media .post-thumb { width: 48%; } .event-wrapper.event-style-list .event-inner .media .media-body { padding: 28px; } /* Single */ .single .event-content-area { padding: 75px 15px; } .single .event-title-date-time { border: 1px solid #eaeaea; margin-bottom: 30px; padding: 7px 15px; display: inline-block; margin-top: 30px; color: #000; font-weight: 700; border-radius: 8px; } .single-cea-event .custom-post-nav { margin: 70px 0 0 0; } .single .event-info-wrap .event-info, .single .event-info-wrap .event-venue, .single .event-info-wrap .event-contact { box-shadow: 0 5px 40px 10px rgb(234 234 239 / 68%); padding: 41px 30px; } .single .event-info-wrap { margin-top: 30px; } .event-contact input { width: 100%; margin-bottom: 15px; height: 40px; padding: 0 10px; font-weight: 500; } .event-contact textarea { font-weight: 500; padding: 0 10px; } .event-contact form > p { margin-bottom: 0; } .event-contact input.wpcf7-form-control.wpcf7-submit { margin-bottom: 0; } .event-contact textarea { height: 102px; margin-bottom: 10px; } .event-info-wrap h4 { margin-bottom: 20px; } .event-contact .wpcf7 .ajax-loader { position: absolute; } .single .event-info-wrap .event-contact { padding: 32px 40px; } .single .event-info-wrap .event-info a.btn.btn-default { padding: 0; background: transparent !important; text-decoration: underline; font-weight: 500; display: inline; } /*-------------------------------------------------------------- 36. Service --------------------------------------------------------------*/ .service-inner { margin-bottom: 35px; } .service-content { padding: 20px 0; } .service-wrapper a.read-more.btn { background: transparent !important; color: #000; padding: 0; text-decoration: underline !important; } .service-inner > *:last-child { margin-bottom: 0; } .service-icon-img-wrap { z-index: 1; position: relative; display: inline-block; } .service-wrapper .service-icon-img-wrap img { border-radius: 5px; } /* Style default */ .service-style-default .post-thumb { border-radius: 12px; overflow: hidden; } .service-wrapper.service-style-default .service-icon-img-wrap img { border-radius: 5px; } /* Services Classic */ .service-style-classic .service-inner > .service-thumb { margin-left: -30px; margin-right: -30px; } .service-style-classic .entry-title:after { content: ""; position: absolute; width: 100%; height: 2px; background: rgba(233 32 79); bottom: 0px; opacity: 0.1; left: 0; } .service-style-classic .entry-title:before { content: ""; position: absolute; width: 25%; height: 2px; background: #e9204f; bottom: 0px; left: 0; } .service-style-classic .entry-title { position: relative; } .service-style-classic .service-inner > .service-thumb:first-child { margin-top: -30px; } .service-style-classic .post-thumb { border-radius: 10px; overflow: hidden; } .service-style-classic .post-title-head { padding-bottom: 30px; margin-bottom: 30px; } /* Services Modern */ .service-style-modern .service-inner { -webkit-box-shadow: 0px 16px 32px 0px rgb(0 0 0 / 4%); -moz-box-shadow: 0px 16px 32px 0px rgb(0 0 0 / 4%); box-shadow: 0px 16px 32px 0px rgb(0 0 0 / 4%); border: none; border-radius: 10px; padding: 35px 30px; overflow: hidden; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; } .service-style-modern .service-inner:hover { transform: translateY(-10px); transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; } .service-style-modern .service-inner > .service-thumb { margin-left: -30px; margin-right: -30px; } .service-style-modern .service-inner > .service-thumb:first-child { margin-top: -35px; } .service-wrapper.service-style-modern .service-icon-img-wrap img { border: 1px solid #fff; } /* service classic pro */ .service-style-classic-pro .post-details-outer { background: #fff; padding: 20px; margin: -24px 30px 0 30px; z-index: 1; position: relative; } .service-style-classic-pro .post-details-outer .service-icon-img-wrap:first-child { margin-top: -50%; } /* Services List */ .service-style-list .post-thumb { width: 45%; } .service-style-list .service-inner .media { -webkit-box-align: center!important; -ms-flex-align: center!important; align-items: center!important; } .service-style-list .service-inner { border: 1px solid #eaeaea; } .service-style-list .service-inner .media-body { padding: 20px 30px; } /* dark */ .service-dark .service-inner { background: #111; } /* Single Services */ .service-title { color: #000; margin-bottom: 30px; padding: 0 15px; } .single .service-img { border-radius: 10px; overflow: hidden; } .service .service-info-wrap { padding: 0 15px; } .single .service-img img { border-radius: 10px; } .single-cea-service .container > .row > .col.order-md-2 { padding: 0; } .widget_nav_menu .menu-services-menu-container li a { display: block; padding: 5px 15px; } body .widget_nav_menu .menu-services-menu-container li { border: 1px solid #eaeaea; margin-bottom: 10px; display: block; padding: 0; } /* Isotope model */ .service-isotope-model .service-inner { margin-bottom: 0; } /*-------------------------------------------------------------- 37. Toggle Content --------------------------------------------------------------*/ .toggle-content { overflow: hidden; opacity: 0; transition: all .6s; } .toggle-content.toggle-content-shown { opacity: 1; transition: all .6s; } .cea-button-wrapper.toggle-content-trigger { font-size: 18px; font-weight: 500; display: inline-block; margin-top: 20px; } .toggle-content.toggle-content-shown img { margin-top: 15px; } .toggle-content-wrapper .button-inner-down { display: none; } .cea-toggle-post-wrap { position: relative; } /*-------------------------------------------------------------- 38. Blog Layouts --------------------------------------------------------------*/ .blog-inner { margin-bottom: 30px; } .blog-inner .post-category { font-size: 0; } .blog-layouts-wrapper .cea-block-secondary .post-thumb { width: 40%; } .blog-layouts-wrapper .cea-block-secondary .post-thumb img { margin: 0; } a.post-title { display: block; } .blog-layouts-wrapper .post-overlay-items .post-date a { padding: 4px 7px; color: #fff; border-radius: 4px; } .blog-layouts-wrapper .post-thumb.post-overlay-active:before { position: absolute; content: ""; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(0,0,0,0.5); transition: all ease 0.35s; overflow: hidden; } .blog-layouts-wrapper .media { -webkit-box-align: center!important; -ms-flex-align: center!important; align-items: center!important; } .blog-multi-layout-1 .cea-block-primary > *:not(.post-thumb) { padding: 0px 60px 0px 60px; } .blog-multi-layout-1 .cea-block-primary { box-shadow: 3px 5px 23px rgb(0 0 0 / 10%); padding-bottom: 30px; margin-bottom: 30px; } .blog-multi-layout-1 .col-md-5 .cea-block-secondary { -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.1); -ms-box-shadow: 0 1px 10px rgba(0,0,0,.1); box-shadow: 0 1px 10px rgba(0,0,0,.1); padding: 50px 10% 50px 10%; border-top: 10px solid #eaeaea; } .blog-multi-layout-1 .cea-block-secondary .media { margin-bottom: 30px !important; border-bottom: 1px solid #f2f2f2; padding-bottom: 30px; } .blog-multi-layout-1 .cea-block-secondary .media:last-child { margin-bottom: 0 !important; padding-bottom: 0; border: 0; } .blog-layouts-wrapper .post-title-head { font-weight: bold; } .blog-multi-layout-1 { margin-bottom: 2rem; } .blog-multi-layout-1 .column-md-6 { padding: 0; } .blog-multi-layout-1 .post-overlay-items .post-date a { color: #fff; padding: 4px 7px; border-radius: 4px; } .blog-layouts-wrapper .blog-multi-layout-1 .cea-block-secondary .post-thumb { width: 26%; } /* Layout 2 */ .blog-multi-layout-2 .cea-block-primary { margin-bottom: 30px; } .blog-multi-layout-2 .cea-block-primary .post-thumb { width: 45%; } .blog-multi-layout-2 .cea-block-primary .media { border-bottom: 1px solid #f2f2f2; margin-bottom: 30px !important; } .blog-multi-layout-2 .cea-block-secondary .media { border-bottom: 1px solid #f2f2f2; margin-bottom: 20px !important; } .blog-multi-layout-2 .cea-block-secondary > .media:last-child, .blog-multi-layout-2 .cea-block-primary > .media:last-child { margin-bottom: 0 !important; padding-bottom: 0; border: 0; } .blog-layouts-wrapper .blog-multi-layout-2 .cea-block-secondary .post-thumb { width: 23%; } .blog-multi-layout-2 .media { background: #fff; } .blog-multi-layout-2 .media-body { padding: 0px 20px 0px 10px; } .blog-layouts-wrapper .blog-multi-layout-2 .cea-block-primary .media:hover .post-thumb.post-overlay-active:before { opacity: 1; } /* Layout 3 */ .blog-multi-layout-3 .cea-block-primary { border: 1px solid #eaeaea; padding: 25px; margin-bottom: 30px; } .blog-multi-layout-3 .cea-block-secondary .media { border: 1px solid #eaeaea; margin-bottom: 30px !important; } .blog-multi-layout-3 .cea-block-primary .post-thumb { margin: 0 -25px; } .blog-multi-layout-3 .cea-block-primary .post-thumb:first-child { margin-top: -25px; } .blog-multi-layout-3 .cea-block-secondary .media { border: 1px solid #eaeaea; margin-bottom: 30px !important; } .blog-layouts-wrapper .blog-multi-layout-3 .cea-block-secondary .post-thumb { width: 43%; } /* LAyout 4 */ .blog-multi-layout-4 .cea-block-primary { margin-bottom: 30px; } .blog-multi-layout-4 .bottom-meta { padding: 5px 15px; background: #f9f9f9; } .blog-multi-layout-4 .cea-block-secondary .media { margin-bottom: 22px !important; } .blog-layouts-wrapper .blog-multi-layout-4 .cea-block-secondary .post-thumb { width: 31%; } /* Layout 5 */ .blog-multi-layout-5 .cea-block-primary { box-shadow: 3px 5px 23px rgb(0 0 0 / 10%); padding: 25px; margin-bottom: 30px; border-radius: 8px; overflow: hidden; } .blog-multi-layout-5 .cea-block-primary .post-thumb { margin: 0 -25px; } .blog-multi-layout-5 .cea-block-primary .post-thumb:first-child { margin-top: -25px; } .blog-multi-layout-5 .cea-block-secondary .media { box-shadow: 3px 5px 23px rgb(0 0 0 / 10%); border-radius: 8px; overflow: hidden; margin-bottom: 30px !important; } .blog-multi-layout-5 .media-body { padding: 0px 20px 0 0px; } .blog-layouts-wrapper .blog-multi-layout-5 .cea-block-secondary .post-thumb { width: 35%; } /* Layout 6 */ .blog-multi-layout-6 .col-md-12 { margin-bottom: 30px; } .blog-multi-layout-6 .col-md-12:last-child { margin-bottom: 0; } .blog-multi-layout-6 .media { margin-bottom: 25px !important; } .blog-layouts-wrapper .blog-multi-layout-6 .cea-block-secondary .post-thumb { width: 37%; } /* Layout 7 */ .blog-multi-layout-7 .row { margin-bottom: 30px; } .blog-multi-layout-7 .row:last-child { margin-bottom: 0; } .blog-layouts-wrapper .media:last-child { margin-bottom: 0 !important; } .blog-layouts-wrapper .blog-multi-layout-7 .media { border-bottom: 1px solid #eaeaea; padding-bottom: 26px; margin-bottom: 26px !important; } .blog-layouts-wrapper .blog-multi-layout-7 .media:last-child { border-bottom: 0; padding-bottom: 0; margin-bottom: 0 !important; } .blog-layouts-wrapper .blog-multi-layout-7 .cea-block-secondary .post-thumb { width: 37%; } /* Layout 8 */ .blog-multi-layout-8 .row{ border-bottom: 1px solid #eaeaea; margin-bottom: 30px; padding-bottom: 30px; } .blog-multi-layout-8 .row:last-child { border: 0; margin-bottom: 0; padding-bottom: 0; } .blog-multi-layout-8 .cea-block-secondary .media { padding-bottom: 27px; margin-bottom: 27px !important; border-bottom: 1px solid #eaeaea; } .blog-multi-layout-8 .cea-block-secondary .media:last-child { margin-bottom: 0 !important; border-bottom: 0 !important; padding-bottom: 0 !important; } .blog-layouts-wrapper .blog-multi-layout-8 .top-meta .post-date a { color: #999; font-size: 13px; font-style: unset; text-transform: uppercase; } span.elementor-button-icon { font-size: 14px; vertical-align: middle; } .blog-layouts-wrapper .blog-multi-layout-8 .cea-block-secondary .post-thumb { width: 33%; } /* Blog layout list */ .blog-multi-layout-list .col-md-12 .cea-block-primary { margin-bottom: 30px; border-bottom: 1px solid #eaeaea; padding-bottom: 30px; } .blog-multi-layout-list .col-md-12:last-child .cea-block-primary { margin-bottom: 0px; border-bottom: 0px; padding-bottom: 0px; } /* Over lay */ .blog-layouts-wrapper .post-thumb.post-overlay-active:before { opacity: 0; } .blog-layouts-wrapper .cea-block-primary:hover .post-thumb.post-overlay-active:before, .blog-layouts-wrapper .cea-block-secondary:hover .post-thumb.post-overlay-active:before{ opacity: 1; } .zozo-block-secondary .post-thumb { margin-right: 1rem!important; } .zozo-block-secondary > .zozo-media { margin-bottom: 1rem; } .zozo-block-secondary > .zozo-media:last-child { margin-bottom: 0; } .blog-multi-layout-1 .zozo-block-secondary { margin-left: 1rem; } .blog-multi-layout-2 .zozo-block-secondary { margin-top: 1.5rem; } .zozo-block-primary .post-category { margin-top: 1rem; margin-bottom: 0.5rem; } .blog-multi-layout-3 .zozo-block-secondary .post-category { margin-bottom: 0.5rem; } /*-------------------------------------------------------------- Parallax Styles --------------------------------------------------------------*/ .cea-parallax { position: absolute; height: 100%; width: 100%; left: 0; right: 0; top: 0; background-attachment: fixed; background-size: cover; } section { position: relative; } .float-parallax { position: absolute; left: 50%; margin: 0 auto; text-align: center; z-index: 2; height: auto; width: auto; opacity: 1; transition: opacity ease 0.35s; } section.float-parallax-started .float-parallax{ opacity: 1; transition: opacity ease 0.35s; } /* floating-animate-model-1 */ .floating-animate-model-1 > img { animation-name: floating-animate-model-1; animation-duration: 2s; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: floating-animate-model-1; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: floating-animate-model-1; -moz-animation-duration: 2s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: floating-animate-model-1; -ms-animation-duration: 2s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-animation-name: floating-animate-model-1; -o-animation-duration: 2s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear; } @-webkit-keyframes floating-animate-model-1 { 0% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 50% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } 100% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } } @keyframes floating-animate-model-1 { 0% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 50% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } 100% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } } /* .floating-animate-model-2 */ .floating-animate-model-2 > img { animation-name: floating-animate-model-2; animation-duration: 24s; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: floating-animate-model-2; -webkit-animation-duration: 24s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: floating-animate-model-2; -moz-animation-duration: 24s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: floating-animate-model-2; -ms-animation-duration: 24s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-animation-name: floating-animate-model-2; -o-animation-duration: 24s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear; } @keyframes floating-animate-model-2 { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @-webkit-keyframes floating-animate-model-2 { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes floating-animate-model-2 { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } @-o-keyframes floating-animate-model-2 { from { -o-transform: rotate(0deg); } to { -o-transform: rotate(360deg); } } .floating-animate-model-3 > img { animation-name: floating-animate-model-3; animation-duration: 7s; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: floating-animate-model-3; -webkit-animation-duration: 7s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: floating-animate-model-3; -moz-animation-duration: 7s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: floating-animate-model-3; -ms-animation-duration: 7s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-animation-name: floating-animate-model-3; -o-animation-duration: 7s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear; } @keyframes floating-animate-model-3 { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @-webkit-keyframes floating-animate-model-3 { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes floating-animate-model-3 { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } @-o-keyframes floating-animate-model-3 { from { -o-transform: rotate(0deg); } to { -o-transform: rotate(360deg); } } /* Verticle Moves */ .verticalMove { animation: verticalMove 3.5s infinite; } @-webkit-keyframes verticalMove { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 50% { -webkit-transform: translate(0, 20px); transform: translate(0, 20px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes verticalMove { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 50% { -webkit-transform: translate(0, 20px); transform: translate(0, 20px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } /* Rain */ .cea-rain-drops { position: absolute !important; left: 0; right: 0; } .cea-rain-drops > canvas { width: 120%; } /*360 Degree*/ #cea-panorama { width: 100%; height: 500px; } /* Progress */ .elementor-progress-bar { box-shadow: 0px 9px 30px 0px rgb(0 0 0 / 40%); } .elementor-progress-percentage { margin-top: -20px; color: #545454; font-weight: 600; } .elementor-widget-progress span.elementor-title { margin-bottom: 7px !important; display: inline-block; } /* mailchimp */ button.input-group-addon.cea-mc.btn { line-height: 1; } .form-control.zozo-mc-email.must-fill { border-color: red !important; background: #ff00001f !important; } /*-------------------------------------------------------------- Responsive --------------------------------------------------------------*/ @media only screen and (max-width: 1200px) { .single .row.team .col-sm-5.team-image-wrap { width: 100%; margin-bottom: 30px; } .single .row.team .col-sm-7.team-info { width: 100%; } .team-image-wrap img { border-radius: 0%; -webkit-border-radius: 0%; -moz-border-radius: 0%; height: 400px; width: 400px; object-fit: cover; margin-left: 0; } } @media only screen and (max-width: 1023px) { .blog-multi-layout-8 .row .col-md-6 { width: 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .blog-multi-layout-8 .row .col-md-6:last-child { margin-top: 30px; padding-top: 30px; } } @media only screen and (min-width: 1024px){ .blog-multi-layout-1 .col-md-7 { padding-right: 4%; } .single-cea-testimonial .testimonial { max-width: 100%; margin: 0 auto; } } @media only screen and (max-width: 1024px) { .cea-btn-tablet-align-left .cea-button-wrapper { text-align: left; } .cea-btn-tablet-align-right .cea-button-wrapper { text-align: right; } .cea-btn-tablet-align-center .cea-button-wrapper { text-align: center; } .row.portfolio-details > .col-sm-8, .row.portfolio-details > .col-sm-4 { width: 100%; margin-bottom: 55px; } } @media only screen and (max-width: 991px) { .event-style-list .col-md-6 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .service-style-list .col-md-6 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } @media only screen and (min-width: 768px) { .cd-horizontal-timeline .events-content h2 { font-size: 34px; } .cd-horizontal-timeline .events-content em { font-size: 20px; } .cd-horizontal-timeline .events-content p { font-size: 18px; } } @media only screen and (max-width: 767px) { .single .row.team { -ms-flex-align: center!important; align-items: center!important; box-shadow: 0px 0px 50px 0px rgb(6 6 6 / 6%); border-radius: 10px; padding: 30px 25px 30px 25px; position: relative; } .single .row.team .col-sm-5.team-image-wrap, .single .row.team .col-sm-7.team-info { padding: 0; } .single-cea-testimonial .testimonial { color: #000; border-radius: 10px; box-shadow: 0px 16px 32px 0px rgb(0 0 0 / 4%); padding: 30px 30px; } .single .testimonial-info > .testimonial-designation-wrap { margin-bottom: 62px; } .feature-box-wrapper .media { display: block; } .blog-multi-layout-7 [class*="col-"] { margin-bottom: 30px; } .blog-multi-layout-7 [class*="col-"]:last-child { margin-bottom: 0; } .cea-btn-mobile-align-left .cea-button-wrapper { text-align: left; } .cea-btn-mobile-align-right .cea-button-wrapper { text-align: right; } .cea-btn-mobile-align-center .cea-button-wrapper { text-align: center; } .portfolio-inner .post-overlay-items { padding-right: 60px; padding-left: 20px; } .portfolio-single .row.portfolio-details > div { max-width: 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } .portfolio-single .row.portfolio-details > div.col-sm-4 { margin-top: 40px; } .portfolio-inner .post-overlay-items .post-more { right: 15px; } .portfolio-inner .post-overlay-items { bottom: 15px; max-width: calc(100% - 30px); } .portfolio-inner .post-overlay-items a.post-title { font-size: 20px; line-height: 30px; } .portfolio-inner .post-overlay-items .post-more { width: 30px; height: 30px; line-height: 30px; border: 2px solid #000; } .timeline > li > .timeline-sep-title { font-size: 25px; width: 100%; position: relative; height: 100%; left: auto; right: auto; top: auto; bottom: auto; margin: 0; padding-left: 70px; margin-top: 15px; top: auto; transform: inherit; } .timeline-wrapper.timeline-style-3 .timeline-inverted .timeline-panel { border-radius: 0 65px 65px 0; padding-left: 20px; } .timeline-style-3 .timeline > li > .timeline-panel:after { top: 15px; transform: inherit; } .timeline-style-3 .timeline > li.timeline-inverted > .timeline-panel .timeline-heading, .timeline-style-3 .timeline > li.timeline-inverted > .timeline-panel .timeline-body { text-align: left; } .timeline > li > .timeline-panel { float: none !important; width: 80%; margin-left: 70px; } h4.timeline-title { font-size: 16px; line-height: 21px; } .timeline > li:not(.timeline-inverted) { padding: 0; } .timeline:before { left:5%; border-right: 2px dotted #eaeaea; } .timeline > li > .timeline-badge { left: 5%; right: auto; display: inline-block; margin-left: -23px; } .timeline > li.timeline-inverted > .timeline-sep-title { text-align: left; right: auto; padding-left: 80px; } .timeline > li.timeline-inverted { padding-left: 0; } .timeline > li.timeline-inverted > .timeline-panel:after, .timeline > li > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; } .timeline > li > .timeline-panel:before { display: none; } .timeline-sep-title > span { margin-bottom: 15px; margin-top: 0; } } @media only screen and (max-width: 640px) { .service-style-list .service-inner .media { display: block; margin-bottom: 20px; } .service-style-list .service-inner .post-thumb { margin-bottom: 10px !important; max-width: 100% !important; width : 100% !important; } .event-wrapper.event-style-list .event-inner .media { display: block; margin-bottom: 50px; } .event-wrapper.event-style-list .event-inner .media .post-thumb { margin-bottom: 10px !important; max-width: 100% !important; width : 100% !important; } .cea-data-table-inner { overflow-x: scroll; } .blog-wrapper.blog-style-list .blog-inner .media { display: block; } .blog-wrapper.blog-style-list .blog-inner .media .post-thumb { max-width: 100% !important; margin-right: 0; } .testimonial-wrapper.testimonial-style-list .post-thumb { width: 16%; margin-right: 15px; } } @media only screen and (max-width: 580px) { .blog-multi-layout-8 .cea-block-secondary .media .post-thumb { margin-bottom: 25px; } .blog-multi-layout-8 .cea-block-secondary .media .post-thumb img { margin: 0; } .blog-multi-layout-2 .cea-block-primary .media { display: block; padding-bottom: 20px !important; } .blog-multi-layout-2 .cea-block-primary .media .post-thumb { margin-bottom: 30px !important; width: 100%; } } @media (min-width: 576px) { .modal-popup-size.modal-sm { max-width: 450px; } } @media only screen and (max-width: 500px) { .cea-vertical-tab .cea-tabs, .cea-vertical-tab .cea-tab-content { width: 100%; } .nav.nav-tabs.cea-tabs { border: 0; display: block; } .nav.nav-tabs.cea-tabs .nav-link { margin: 0 !important; } .portfolio-style-list .portfolio-inner .media { display: block; margin-bottom: 50px; } .portfolio-style-list .portfolio-inner .media .post-thumb { margin-bottom: 35px !important; max-width: 100% !important; width : 100% !important; } .team-wrapper.team-style-list .media { display: block; margin-bottom: 50px; padding: 40px 34px; } .team-wrapper.team-style-list .media .post-thumb img { border-radius: 0; width: 100%; } .team-wrapper.team-style-list .media .post-thumb { margin-bottom: 35px !important; max-width: 100% !important; width : 100% !important; } .team-wrapper.team-style-classic-pro [class*="col-"] { padding: 0 15px; } } @media only screen and (max-width: 420px) { .blog-layouts-wrapper .cea-block-secondary .post-thumb { width: 100% !important; margin-bottom: 30px !important; } .blog-layouts-wrapper .media { display: block; } .blog-layouts-wrapper .cea-block-secondary .media { padding-bottom: 20px !important; } .blog-multi-layout-5 .cea-block-secondary { margin-bottom: 30px; } .blog-multi-layout-8 .cea-block-secondary .entry-title { margin-bottom: 30px; } .blog-multi-layout-1 .cea-block-primary > *:not(.post-thumb) { padding: 0px 35px 0px 35px; } } @media only screen and (max-width: 363px) { .day-counter-wrapper .day-counter > div { display: block; margin-left: auto !important; margin-right: auto !important; } }