/*------------------------------------------- TABLE OF CONTENT ---------------------------------------------*/ /**! 01. Custom Post Type Styles **/ /**! 1.1 CPT Portfolio Styles **/ /**! 1.2 CPT Testimonial Styles **/ /**! 1.3 CPT Team Styles **/ /**! 1.4 CPT Event Styles **/ /**! 1.5 CPT Service Styles **/ /**! 02. Countdown Shortcode Styles **/ /**! 03. Pricing Tables Shortcode Styles **/ /**! 04. Pricing Compare Shortcode **/ /**! 05. Icons Shortcode Styles **/ /**! 06. Mailchimp Shortcode Styles **/ /**! 07. Twitter Shortcode Styles **/ /**! 08. Counter Shortcode Styles **/ /**! 09. Section Title Shortcode Style **/ /**! 10. Feature Box Shortcode Styles **/ /**! 11. Flip Box Shortcode Styles **/ /**! 12. Faq Shortcode Styles **/ /**! 13. Modal Popup Shortcode Styles **/ /**! 14. Timeline Shortcode Styles **/ /**! 15. Blog Shortcode Styles **/ /**! 16. Blog Classic Shortcode Styles **/ /**! 17. Circle Progress Styles **/ /**! 18. Contact Info Styles **/ /**! 19. Contact - Form7 Styles **/ /**! 20. Content Carousel Styles **/ /**! 21. Image Grid Shortcode Styles **/ /**! 22. List Item Shortcode Styles **/ /**! 23. Custom Heading Shortcode Styles **/ /**! 24. Progress Bar Shortcode Styles **/ /**! 25. Accordian Shortcode Styles **/ /**! 26. Social Icons Shortcode Styles **/ /**! 27. Tour Shortcode Styles **/ /**! 28. Tabs Shortcode Styles **/ /**! 29. Tabs Theme Shortcode Styles **/ /**! 30. Button Shortcode Styles **/ /**! 31. Call To Action Shortcode Styles **/ /**! 32. Cobbles Shortcode Styles **/ /**! 33. Time Table Shortcode Styles **/ /**! 34. Responsive Shortcode Styles **/ /*------------------------------------------- TABLE OF CONTENT END ---------------------------------------------*/ iframe { max-width: 100%; } /*-------------------------------------------------------------- 01. Custom Post Type Styles --------------------------------------------------------------*/ .custom-post-nav { border-width: 0; border-style: solid; color: #f2f2f2; display: inline-block; width: 100%; clear: both; float: none; word-break: break-all; } .nav-links.custom-post-nav > div { display: inline-block; } .custom-post-nav > .prev-nav-link { float: left; text-align: left; } .custom-post-nav > .next-nav-link { float: right; text-align: right; } .custom-post-nav > .prev-nav-link > .post-nav-text, .custom-post-nav > .next-nav-link > .post-nav-text { color: #fff; font-weight: 500; padding: 2px 12px; font-size: 12px; } .custom-post-nav > .next-nav-link > .post-nav-text { margin-left: 0; } .custom-post-nav > div > a { display: block; } .post-navigation .custom-post-nav > div > a { margin-top: 10px; } .custom-post-nav > .prev-nav-link > a.disabled, .custom-post-nav > .next-nav-link > a.disabled, .custom-post-nav > a.disabled, .custom-post-nav > a.disabled { display: none; } .custom-post-nav > .prev-nav-link > a > *, .custom-post-nav > .next-nav-link > a > * { font-size: 18px; display: table-cell; vertical-align: middle; padding: 0px 0px; } .custom-post-nav > .prev-nav-link > a > i, .custom-post-nav > .next-nav-link > a > i { display: none; } .custom-post-nav > .prev-nav-link > a > h4, .custom-post-nav > .next-nav-link > a > h4 { -moz-transition: all 0.5s ease 0.15s; -webkit-transition: all 0.5s ease 0.15s; transition: all 0.5s ease 0.15s; } .custom-post-nav > .prev-nav-link > a.prev:hover > i, .custom-post-nav > .next-nav-link > a.next:hover > i { transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); -webkit-transition: all 0.5s ease 0.15s; -moz-transition: all 0.5s ease 0.15s; transition: all 0.5s ease 0.15s; } .wpb_single_image.max-width-none img { max-width: none; } /*-------------------------------------------------------------- 1.1 CPT Portfolio Styles --------------------------------------------------------------*/ /*Portfolio General*/ .portfolio-wrap { position: relative; overflow: hidden; } ul.portfolio-meta-list { padding-left: 0; } .portfolio-categories > span:first-child { padding: 0; clear: both; } .portfolio-categories > span { padding-left: 6px; } .portfolio-meta-title-wrap .portfolio-meta-icon { margin-left: 10px; } .portfolio-video iframe, .portfolio-video .mejs__mediaelement video { min-height: 400px; } .portfolio-single.portfolio-model-2 .portfolio-details:nth-child(2) { padding-top: 60px; } .portfolio-single.portfolio-model-2 .portfolio-details .portfolio-meta-wrap { padding: 40px; border: 15px solid; } .portfolio-meta-list > li { margin-bottom: 30px; } .portfolio-meta-list > li:last-child { margin-bottom: 0; } .portfolio-content-wrap > *:last-child { margin-bottom: 0; } .portfolio-content-wrap > * { margin-bottom: 10px; } .post.factrie-portfolio { position: relative; } .portfolio-archive-title { bottom: 0; margin-bottom: 15px; opacity: 0; padding: 20px 16px; position: absolute; -webkit-transition: all 0.5s ease 0.15s; -moz-transition: all 0.5s ease 0.15s; transition: all 0.5s ease 0.15s; } .portfolio-archive { position: relative; height: auto; overflow: hidden; } .portfolio-archive-title a { color: #fff; } .portfolio-archive > a::before { background: rgba(0, 0, 0, 0.5); content: ""; position: absolute; left: 0; right: 0; top: 0; opacity: 0; bottom: 0; -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); 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; } .portfolio-archive:hover > a::before { opacity: 1; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } .post.factrie-portfolio:hover .portfolio-archive-title { margin-bottom: 0; opacity: 1; } .portfolio-default-gallery > article.cpt-item { margin-bottom: 20px; } .portfolio-default-gallery > article.cpt-item:last-child { margin-bottom: 0; } .portfolio-related-slider { padding-top: 50px; } .vc-portfolio .portfolio-content-wrap { padding: 20px 20px 0; } .portfolio-filter { margin-bottom: 30px; text-align: center; } .portfolio-filter > ul > li { display: inline-block; } .portfolio-icons p a { color: #fff !important; display: inline-block; height: 42px; line-height: 42px; text-align: center; width: 42px; margin-right: 6px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } .portfolio-icons p a:hover { color: #fff !important; } .portfolio-icons p a:last-child { margin-right: 0; } .infinite-load .post-pagination-wrap{ opacity: 0; visibility: hidden; height: 0; } .portfolio-wrap .portfolio-img { position: relative; overflow: hidden; } .portfolio-wrap .overlay-center { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); text-align: center; padding: 0 45px; width: 100%; } .portfolio-wrap .overlay-top-left { right: 15px; top: 15px; text-align: left; } .portfolio-wrap .overlay-top-right { right: 15px; top: 15px; text-align: right; } .portfolio-wrap .overlay-bottom-left { left: 15px; bottom: 15px; text-align: left; } .portfolio-wrap .overlay-bottom-right { right: 15px; bottom: 15px; text-align: right; } .portfolio-wrap .portfolio-overlay > * { margin-bottom: 15px; } .portfolio-wrap .portfolio-overlay > *:last-child { margin-bottom: 0; } .portfolio-icons i { line-height: 2; } .portfolio-wrapper .portfolio-title a { font-size: 24px; } /* Portfolio Overlay */ .portfolio-overlay { opacity: 0; z-index: 1; } .portfolio-overlay .portfolio-title, .portfolio-overlay .portfolio-title h3 { margin-bottom: 10px; line-height: 24px; } .portfolio-overlay .portfolio-title a { font-size: 22px; font-weight: 400; text-transform: capitalize; } .portfolio-wrap .portfolio-overlay { position: absolute; } .portfolio-wrap:hover .portfolio-overlay { opacity: 1; transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; } .portfolio-overlay-wrap:before { content: ""; position: absolute; left: 0; right: 0; top: 0; opacity: 0; z-index: 0; bottom: 0; background: rgba(0, 12, 27, 0.82); 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; transform: scaleX(0); -ms-transform: scaleX(0); -moz-transform: scaleX(0); -webkit-transform: scaleX(0); transform-origin: 0 50%; transition-property: transform; transition-duration: 0.5s; transition-timing-function: ease-out; } .portfolio-wrap:hover .portfolio-overlay-wrap:before { opacity: 0.85; transform: scaleX(1); -ms-transform: scaleX(1); /* IE 9 */ -webkit-transform: scaleX(1); /* Safari 3-8 */ -moz-transform: scaleX(1); } /*Portfolio Default*/ .portfolio-default .portfolio-wrap:hover .portfolio-overlay-wrap:before { opacity: 1; } .portfolio-default .portfolio-overlay-wrap:before { opacity: 0; transition: all 0.5s ease 0s; z-index: 0; background: rgba(255, 255, 255,0.95); } .portfolio-default .portfolio-wrap .portfolio-content-wrap { position: absolute; bottom: 0; width: 100%; top: auto; padding: 10px 20px; opacity: 0; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform 0.4s,opacity 0.1s 0.3s; -moz-transition: -moz-transform 0.4s,opacity 0.1s 0.3s; transition: transform 0.4s,opacity 0.1s 0.3s; } .portfolio-default .portfolio-wrap:hover .portfolio-content-wrap { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-transform 0.4s,opacity 0.1s; -moz-transition: -moz-transform 0.4s,opacity 0.1s; transition: transform 0.4s,opacity 0.1s; } .portfolio-default .portfolio-wrap .portfolio-content-wrap .portfolio-title a { font-size: 18px; } .portfolio-default .portfolio-wrap .portfolio-content-wrap .portfolio-categories span { font-size: 15px; } .portfolio-default .portfolio-overlay .portfolio-title { margin-bottom: 10px; position: relative; line-height: unset; } .portfolio-default .portfolio-overlay .portfolio-title a { position: relative; margin-bottom: 0; } .portfolio-default .portfolio-categories > span { font-weight: 600; font-size: 12px; line-height: 1.45; letter-spacing: .075em; text-transform: uppercase; } .portfolio-default .portfolio-wrap .portfolio-overlay > * { line-height: 1; } .portfolio-default .portfolio-overlay .portfolio-title a:after { content: ""; background: rgba(0, 0, 0,0.5); height: 6px; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 8px; z-index: -1; } .portfolio-default .portfolio-wrap .portfolio-overlay.overlay-center { -webkit-transform: translateY(-50%) scale(.8); transform: translateY(-50%) scale(.8); will-change: transform,opacity; -webkit-transition-property: opacity,-webkit-transform; transition-property: opacity,-webkit-transform; transition-property: transform,opacity; transition-property: transform,opacity,-webkit-transform; -webkit-transition-duration: 1s; transition-duration: 1s; -webkit-transition-timing-function: cubic-bezier(.07,.72,.24,1); transition-timing-function: cubic-bezier(.07,.72,.24,1); } .portfolio-default .portfolio-wrap:hover .portfolio-overlay.overlay-center { -webkit-transform: translateY(-50%) scale(1); transform:translateY(-50%) scale(1); } /*Portfolio Classic*/ .portfolio-masonry-layout .portfolio-classic .portfolio-wrap { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; } .portfolio-classic .portfolio-overlay-wrap:before, .portfolio-classic .portfolio-wrap:hover .portfolio-overlay-wrap img { 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; } .portfolio-classic .portfolio-overlay-wrap:before { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; box-shadow: 0 0 0 30px rgba(255,255,255,0.2); -webkit-box-shadow: 0 0 0 30px rgba(255,255,255,0.2); -moz-box-shadow: 0 0 0 30px rgba(255,255,255,0.2); -ms-box-shadow: 0 0 0 30px rgba(255,255,255,0.2); -o-box-shadow: 0 0 0 30px rgba(255,255,255,0.2); content: ''; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale3d(1.3,1.3,1); transform: scale3d(1.3,1.3,1); border-width: 2px; border-style: solid; } .portfolio-classic .portfolio-wrap .portfolio-overlay.overlay-bottom-right, .portfolio-classic .portfolio-wrap .portfolio-overlay.overlay-bottom-left { right: 20px; bottom: 20px; left: 20px; } .portfolio-classic .portfolio-wrap .portfolio-overlay.overlay-top-right, .portfolio-classic .portfolio-wrap .portfolio-overlay.overlay-top-left { right: 20px; top: 20px; left: 20px; } /*Portfolio Creative*/ .portfolio-creative .portfolio-wrap { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border: 1px solid #f2f2f2; } .portfolio-creative .portfolio-slide .portfolio-content-wrap { background: #ffffff; padding: 20px; } .portfolio-creative .portfolio-wrap .portfolio-content-wrap { padding: 12px 25px 14px; transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; } .portfolio-creative .portfolio-wrap .portfolio-content-wrap .portfolio-title, .portfolio-creative .portfolio-wrap .portfolio-title h3 { margin-bottom: 0; } .portfolio-creative .portfolio-wrap .portfolio-title a { font-size: 20px; } .portfolio-creative .portfolio-wrap .portfolio-categories span { font-size: 15px; } .portfolio-creative .portfolio-wrap .portfolio-overlay .portfolio-icons { top: 10% !important; } .portfolio-creative .portfolio-wrap:hover .portfolio-overlay .portfolio-icons { top: 50% !important; } .portfolio-creative .portfolio-wrap:hover .portfolio-content-wrap, .portfolio-creative .portfolio-wrap:hover .portfolio-title a { color: #fff; } .portfolio-creative .portfolio-overlay-wrap:before, .portfolio-creative .portfolio-overlay-wrap:after { content: ""; width: 100%; height: 50%; background: rgba(0,0,0,0.5); position: absolute; top: 0; left: 0; transform-origin: 100% 0; transform: rotateZ(90deg); transition: all 0.3s ease 0s; } .portfolio-creative .portfolio-overlay-wrap:after { top: auto; bottom: 0; transform-origin: 0 100%; } .portfolio-creative .portfolio-wrap:hover .portfolio-overlay-wrap:before, .portfolio-creative .portfolio-wrap:hover .portfolio-overlay-wrap:after { transform: rotateZ(0); } /*Portfolio Minimal*/ .portfolio-minimal .portfolio-wrap .portfolio-img, .portfolio-minimal .portfolio-overlay-wrap { background-color: #000; } .portfolio-minimal .portfolio-overlay-wrap:before, .portfolio-minimal .portfolio-wrap:hover .portfolio-wrap img { 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; transform: translate(0); -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); } .portfolio-minimal .portfolio-wrap img { -ms-transform: scale(1); /* IE 9 */ -webkit-transform: scale(1); /* Safari 3-8 */ -moz-transform: scale(1); transform: scale(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; } .portfolio-minimal .portfolio-wrap:hover img { opacity: 0.2; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); 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; } .portfolio-minimal .portfolio-overlay-wrap:before, .portfolio-minimal .portfolio-overlay-wrap:after { position: absolute; top: 30px; right: 30px; bottom: 30px; left: 30px; content: ''; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } .portfolio-minimal .portfolio-overlay-wrap:before { border-top: 2px solid; border-bottom: 2px solid; -webkit-transform: scale(0,1); -moz-transform: scale(0,1); transform: scale(0,1); background-color: transparent; z-index: 1; } .portfolio-minimal .portfolio-overlay-wrap:after { border-right: 2px solid; border-left: 2px solid; -webkit-transform: scale(1,0); -moz-transform: scale(1,0); transform: scale(1,0); z-index: 1; } .portfolio-minimal .portfolio-wrap:hover .portfolio-overlay-wrap:after, .portfolio-minimal .portfolio-wrap:hover .portfolio-overlay-wrap:before { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); z-index: 0; } .portfolio-minimal .portfolio-wrap:hover .portfolio-overlay-wrap { opacity: 1; } .portfolio-minimal .portfolio-wrap .portfolio-overlay.overlay-bottom-right, .portfolio-minimal .portfolio-wrap .portfolio-overlay.overlay-bottom-left { right: 30px; bottom: 30px; left: 30px; } .portfolio-minimal .portfolio-wrap .portfolio-overlay.overlay-top-right, .portfolio-minimal .portfolio-wrap .portfolio-overlay.overlay-top-left { right: 30px; top: 30px; left: 30px; } /*Portfolio Angle*/ .portfolio-angle .portfolio-overlay-wrap:before, .portfolio-angle .portfolio-wrap:hover .portfolio-overlay-wrap img { 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; } .portfolio-angle .portfolio-categories { font-size: 12px; line-height: 1.4; } .portfolio-angle .portfolio-wrap .portfolio-overlay { color: #fff; font-size: 11px; line-height: 18px; } .portfolio-angle .portfolio-icons p a { color: #fff !important; } .portfolio-angle .portfolio-title a { font-size: 20px; } /* Vertical Slider */ .vertical-slider .portfolio-content-wrap { display: inline-block; width: 100%; position: absolute; bottom: 0; z-index: 9; left: 0; background: transparent !important; } .vertical-slider .portfolio-wrap .portfolio-content-wrap .portfolio-title, .vertical-slider .portfolio-wrap .portfolio-overlay-wrap .portfolio-overlay { -webkit-transform: translateY(50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(50%); margin-top: -55px; -webkit-transition: all 0.2s cubic-bezier(0.9, 0.165, 0, 1); transition: all 0.2s cubic-bezier(0.62, 0.165, 0, 1); } .vertical-slider .portfolio-wrap:hover .portfolio-content-wrap .portfolio-title, .vertical-slider .portfolio-wrap:hover .portfolio-overlay-wrap .portfolio-overlay { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); margin-top: 0; -webkit-transition: all 0.48s cubic-bezier(0.62, 0.165, 0, 1); transition: all 0.48s cubic-bezier(0.62, 0.165, 0, 1); } .vertical-slider .portfolio-wrap:hover .portfolio-content-wrap .portfolio-title { opacity: 0; } .vertical-slider .portfolio-content-wrap .portfolio-title a { color: #fff; } /* Portfolio Normal */ /*Portfolio Default*/ .portfolio-default .portfolio-wrap { background: #f8f8f8; -webkit-box-shadow: 2px 2px 20px rgba(0,0,0,.1); box-shadow: 2px 2px 20px rgba(0,0,0,.1); } .portfolio-default .portfolio-wrap .portfolio-content-wrap { padding: 10px 20px; } .portfolio-default .portfolio-wrap .portfolio-content-wrap .portfolio-title { margin-bottom: 0; } .portfolio-default .portfolio-wrap .portfolio-content-wrap .portfolio-title h3 { font-size: 20px; text-transform: uppercase; margin-bottom: 0; } /*Portfolio Classic*/ .portfolio-classic .portfolio-wrap .portfolio-content-wrap { background: transparent; padding: 20px 0px 0px 0; } .portfolio-classic .portfolio-wrap .portfolio-img { border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -o-border-radius: 15px; -ms-border-radius: 15px; } .portfolio-classic .portfolio-wrap:hover .portfolio-overlay-wrap:before { border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -o-border-radius: 15px; -ms-border-radius: 15px; border: none; } .portfolio-classic .portfolio-wrap .portfolio-content-wrap .portfolio-title a { font-size: 22px; } .portfolio-classic .portfolio-wrap .portfolio-content-wrap .portfolio-read-more { margin-left: -20px; margin-right: -20px; } .portfolio-classic .portfolio-wrap .portfolio-content-wrap .portfolio-read-more a { width: 100%; padding: 16px 0; background-color: #e3effe; } .portfolio-classic .portfolio-wrap .portfolio-content-wrap .portfolio-read-more a:hover { color: #fff; } /*Portfolio Minimal*/ .portfolio-minimal .portfolio-content-wrap { padding: 20px 0; } /*Portfolio Angle*/ .portfolio-angle .portfolio-wrap .portfolio-content-wrap { padding: 20px; background: transparent; } .portfolio-angle .portfolio-overlay-wrap:before { background: rgba(3,19,40, 0.95); } .portfolio-angle .portfolio-wrap:hover .portfolio-overlay-wrap:before { opacity: 1; } .portfolio-angle .portfolio-content-wrap .portfolio-title h3 { margin-bottom: 0; } .portfolio-angle .portfolio-wrap .portfolio-content-wrap .portfolio-read-more { margin-left: -20px; margin-right: -20px; } .portfolio-angle .portfolio-wrap .portfolio-content-wrap .portfolio-read-more a { width: 100%; padding: 16px 0; background-color: #e3effe; } .portfolio-angle .portfolio-wrap .portfolio-content-wrap .portfolio-read-more a:hover { color: #fff; } .portfolio-angle .portfolio-wrap .overlay-center { transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -webkit-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; -ms-transition: all 0.8s ease 0s; } .portfolio-angle .portfolio-wrap .portfolio-overlay .portfolio-title { margin-bottom: 0px; } /*Portfolio Slider*/ .portfolio-slide .portfolio-content-wrap { padding: 20px; background: #fff; } /*Data Item 1 Slide*/ .custom-portfolio.portfolio-creative .portfolio-slide[data-items="1"] .portfolio-content-wrap { display: inline-block; background: rgba(241, 241, 241, 1); position: absolute; bottom: 100px; padding: 20px 30px; left: 100px; right: 100px; } /*Creative Slide*/ .portfolio-creative .portfolio-slide[data-items="1"] .portfolio-overlay-wrap:before { background: -webkit-linear-gradient(top, rgba(72,76,97,0) 0%, rgba(0,0,0,0.85) 75%); background: linear-gradient(to bottom, rgba(67, 89, 204, 0) 0%, rgb(0, 0, 0, 0.85) 75%); } .portfolio-slide[data-items="1"].owl-carousel .owl-dots { margin-top: 15px; } .portfolio-creative .portfolio-slide[data-items="1"] .portfolio-content-wrap .portfolio-title a { position: relative; } .portfolio-creative .portfolio-slide[data-items="1"] .portfolio-content-wrap .portfolio-title a::after { content: ""; margin-left: 10px; width: 100px; background: #000; height: 0.5px; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transition: all .4s ease-in-out 0s; -webkit-transition: all .4s ease-in-out 0s; -moz-transition: all .4s ease-in-out 0s; -ms-transition: all .4s ease-in-out 0s; -o-transition: all .4s ease-in-out 0s; } .portfolio-creative .portfolio-slide[data-items="1"] .portfolio-content-wrap .portfolio-title a:hover::after { width: 0; transition: all .4s ease-in-out 0s; -webkit-transition: all .4s ease-in-out 0s; -moz-transition: all .4s ease-in-out 0s; -ms-transition: all .4s ease-in-out 0s; -o-transition: all .4s ease-in-out 0s; } /*Portfolio Filters*/ .portfolio-filter ul > li { padding-left: 15px; padding-right: 15px; display: inline-block; margin-bottom: 15px; } .portfolio-filter ul > li:last-child { padding-right: 0; } .portfolio-filter.filter-1 ul > li > a { padding: 6px 26px; transition: all 350ms ease-in-out 0s; -webkit-transition: all 350ms ease-in-out 0s; -moz-transition: all 350ms ease-in-out 0s; -ms-transition: all 350ms ease-in-out 0s; -o-transition: all 350ms ease-in-out 0s; display: block; } .portfolio-filter { margin-bottom: 50px; text-align: center; } .portfolio-filter > ul > li { display: inline-block; } .portfolio-filter.filter-1 > ul > li { padding: 0 2px; } .portfolio-filter.filter-1 li.active a.portfolio-filter-item { color: #ffffff; } .portfolio-filter.filter-1 a.portfolio-filter-item:hover { color: #ffffff; } .portfolio-filter a.portfolio-filter-item { margin-right: 12px; } .portfolio-filter.filter-2 > ul > li { position: relative; padding: 0; margin: 0 22px; } .portfolio-filter.filter-2 a.portfolio-filter-item { font-size: 17px; margin-right: 0; line-height: 27px; color: #999999; } .portfolio-filter.filter-2 > ul.text-right > li:last-child { margin-right: 0; } .portfolio-filter.filter-2 > ul.text-left > li:first-child { margin-left: 0; } .portfolio-filter.filter-2 li a:after { position: absolute; right: 100%; top: 10px; width: 0; height: 7px; margin-right: 7px; content: ''; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .typo-white .portfolio-filter.filter-2 li a:after { background: white; } .portfolio-filter.filter-2 li a:hover:after, .portfolio-filter.filter-2 li.active a:after { width: 20px; } .portfolio-filter.filter-3 { margin-bottom: 85px; background-color: #e3effe; display: block; } .portfolio-filter.filter-3 > ul > li { margin-bottom: 0; padding: 21px 0px 20px 0px; } .portfolio-filter.filter-3 a.portfolio-filter-item { font-size: 22px; padding: 22px 22px; margin-right: 0; } .portfolio-filter.filter-3 li.active a.portfolio-filter-item { color: #fff; } /*slider*/ .portfolio-slide .portfolio-content-wrap { padding: 20px; } /*Portfolio Single*/ .portfolio-single .custom-post-nav { margin-bottom: 30px; } .portfolio-single ul.social-icons li a { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .single-factrie-portfolio .portfolio-title h3, .single-factrie-portfolio .portfolio-related-slider h4 { position: relative; padding-bottom: 30px; margin-bottom: 34px; } .single-factrie-portfolio .portfolio-title h3::after, .single-factrie-portfolio .portfolio-related-slider h4::after { content: ""; height: 4px; width: 65px; right: 0; position: absolute; bottom: 0; } .single-factrie-portfolio .portfolio-related-slider h4 { margin-bottom: 45px; } /*Portfolio Related Slider*/ .portfolio-related-slider h4, .related-slider-wrapper h4 { font-weight: 500; font-size: 26px; line-height: 28px; text-align: inherit; padding-bottom: 30px; } .portfolio-related-slider .related-title { padding: 20px 0; text-align: center; background: #f7f7f7; } .portfolio-related-slider .related-title a, .portfolio-related-slider .related-title a:hover { color: #fff; } /* Portfolio Animation */ @-webkit-keyframes factrieFadeInUp { 0% { opacity:0; -webkit-transform:translate3d(0,50px,0); transform:translate3d(0,50px,0) } to { opacity:1; -webkit-transform:none; transform:none } } @keyframes factrieFadeInUp { 0%{ opacity:0; -webkit-transform:translate3d(0,50px,0); transform:translate3d(0,50px,0); } to { opacity:1; -webkit-transform:none; transform:none } } .factrie-animate { opacity: 0; visibility: hidden; } .factrie-animate.run-animate { opacity: 1; visibility: visible; animation-duration: 0.7s; animation-name: factrieFadeInUp; } /*-------------------------------------------------------------- 1.2 CPT Testimonial Styles --------------------------------------------------------------*/ .testimonial { text-align: center; } .testimonial-content-wrap { margin-bottom: 30px; } .testimonial-rating i { color: #ffc400; } .testimonial-wrapper .testimonial-inner { padding: 0px 20px; } .testimonial-wrapper .owl-carousel div[class^="col-"] { padding: 0; width: auto; max-width: 100%; } .testimonial-wrapper.testimonial-dark .testimonial-inner { background: #333333 none repeat scroll 0 0; color: #ffffff; } .testimonial-wrapper .testimonial-info p { margin-bottom: 0; } .testimonial-wrapper .testimonial-inner > * { margin-bottom: 14px; } .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-thumb img { max-width: 80px; margin: unset; } .text-center .testimonial-thumb img { margin:0 auto; } .testimonial-inner p { margin-bottom: 0; } .testimonial-wrapper.testimonial-wrapper a.client-name { font-size: 14px; font-weight: 500; } .testimonial-1 .testimonial-excerpt-icon, .testimonial-2 .testimonial-excerpt-icon { display: none; } .testimonial-wrapper.testimonial-3 .row > div { margin-bottom: 60px; } .testimonial-wrapper.testimonial-1 .row > div { margin-bottom: 30px; } .testimonial-wrapper.testimonial-3 .row > div { margin-bottom: 60px; } /*Testimonial Layout One */ .testimonial-wrapper.testimonial-1 { padding: 0 10px; } .testimonial-wrapper.testimonial-1 .testimonial-inner > * { margin-bottom: 18px; } .testimonial-wrapper.testimonial-1 .testimonial-inner > *:last-child { margin-bottom: 0; } .testimonial-wrapper.testimonial-1 .testimonial-inner { padding: 30px 30px 48px; box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.05); -webkit-box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.05); -moz-box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.05); margin: 0px; background: #fff; position: relative; border-radius: 15px !important; -webkit-border-radius: 15px !important; -moz-border-radius: 15px !important; } .testimonial-wrapper.testimonial-1 .owl-carousel .testimonial-inner { margin: 10px; } .testimonial-wrapper.testimonial-1 .testimonial-inner::after { content: ""; display: block; width: 40px; height: 3px; position: absolute; bottom: 27px; } .testimonial-wrapper.testimonial-1 .testimonial-inner > .testimonial-name { margin-bottom: 0px; } .testimonial-1 .client-name { font-size: 13px; } .testimonial-wrapper.testimonial-1 a.client-name { margin-bottom: 0px; text-transform: capitalize; font-weight: 600; font-size: 18px; color: #4b4b4b; } .testimonial-wrapper.testimonial-1 .client-designation { font-size: 15px; } .typo-white .client-name { color: #fff; } .testimonial-1 .testimonial-thumb { display: inline-block; vertical-align: middle; margin-right: 20px; } .testimonial-1 .testimonial-thumb img { -webkit-box-shadow: 0px 5px 20px -8px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 5px 20px -8px rgba(0, 0, 0, 0.5); -o-box-shadow: 0px 5px 20px -8px rgba(0, 0, 0, 0.5); -ms-box-shadow: 0px 5px 20px -8px rgba(0, 0, 0, 0.5); box-shadow: 0px 5px 20px -8px rgba(0, 0, 0, 0.5); max-width: 60px; } .testimonial-1 .testimonial-info { display: inline-block; vertical-align: middle; } /*Testimonial Layout Two */ .testimonial-2.testimonial-dark .testimonial-inner { padding: 20px; } .testimonial-2 .testimonial-list .testimonial-thumb img { margin-right: 90px; max-width: 150px; } .testimonial-2 .owl-prev, .testimonial-2 .owl-next { top: inherit; bottom: 45px; } .testimonial-2 .owl-prev { right: 52px; left: inherit; } .testimonial-2 .testimonial-list .testimonial-list-body > * { margin-bottom: 26px; } .testimonial-2 .testimonial-list .testimonial-list-body > *:last-child { margin-bottom: 0; } .testimonial-2 .testimonial-list .testimonial-list-body .testimonial-info .client-name { margin-bottom: 0; font-weight: 700; text-transform: uppercase; } .testimonial-2.testimonial-dark .testimonial-inner a.client-name { color: #ffff; } .testimonial-2 .testimonial-list .testimonial-list-body .testimonial-excerpt { letter-spacing: 1px; } /*Testimonial Layout Three */ .testimonial-wrapper.testimonial-3 { padding: 65px 40px 56px 40px; border: 10px solid rgba(238,238,238,0.2); border-radius: 5px; } .testimonial-wrapper.testimonial-3 .testimonial-inner > *:last-child { margin-bottom: 0; } .testimonial-wrapper.testimonial-3 .testimonial-inner .testimonial-excerpt { position: relative; padding-top: 70px; } .testimonial-wrapper.testimonial-3 .client-designation { font-size: 14px; } .testimonial-wrapper.testimonial-3 .testimonial-info p > * { line-height: 22px; } .testimonial-wrapper.testimonial-3 .testimonial-inner .testimonial-excerpt .testimonial-excerpt-icon i { font-size: 40px; } .testimonial-wrapper.testimonial-3 .testimonial-inner .testimonial-excerpt .testimonial-excerpt-icon { position: absolute; left: 0; right: 0; top: 0px; } .testimonial-wrapper.testimonial-3 .testimonial-inner > .testimonial-excerpt:first-child { margin-bottom: 40px; } .testimonial-3.testimonial-dark .testimonial-rating i { color: #fff; } .testimonial-wrapper.testimonial-3 .testimonial-info .client-name { margin-bottom: 3px; font-weight: 700; text-transform: uppercase; } .testimonial-3 .testimonial-thumb { display: inline-block; vertical-align: middle; margin-right: 20px; margin-bottom: 0; } .testimonial-3 .testimonial-info { display: inline-block; vertical-align: middle; } .testimonial-wrapper.testimonial-3.testimonial-dark .testimonial-inner { background: transparent; color: inherit; } .testimonial-wrapper.testimonial-3.testimonial-dark .testimonial-inner .testimonial-excerpt, .testimonial-wrapper.testimonial-3.testimonial-dark .testimonial-inner a.client-name, .testimonial-wrapper.testimonial-3.testimonial-dark .testimonial-inner .client-designation { color: #fff; } .testimonial-wrapper.testimonial-3.testimonial-dark .owl-dot.active span { background: #fff; border-color: #fff; } .testimonial-3.testimonial-dark .owl-prev:hover, .testimonial-3.testimonial-dark .owl-next:hover { color: #fff; } .testimonial-wrapper.testimonial-3 .owl-carousel .owl-dots { position: absolute; bottom: 0; right: 20px; } /*Testimonial Single*/ .single .testimonial-info > .testimonial-img { margin-bottom: 30px; } .single .testimonial-info > .testimonial-designation-wrap { margin-bottom: 30px; } /*-------------------------------------------------------------- 1.3 CPT Team Styles --------------------------------------------------------------*/ .team-title > *:last-child { margin-bottom: 0; } .team-title > * { margin-bottom: 14px; } .team-info > *:last-child { margin-bottom: 0; } .team-info > * { margin-bottom: 30px; } .single .team-info .team-title { display: inline-block; } .team-wrapper.text-center .nav.social-icons { display: inline-flex; } .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-wrapper .team-inner > *:first-child { padding-top: 12px; } .team-inner > * { margin-bottom: 15px; } .team-inner > *:last-child { margin-bottom: 0; } .client-name { color: #171717; font-size: 22px; font-weight: 700; } .team-wrapper .team-inner > .team-thumb { padding-top: 0; } .team-designation p, .team-excerpt { font-size: 16px; } .team-wrapper.team-dark .team-inner { background: #333333 none repeat scroll 0 0; color: #ffffff; border: none; } .overlay-top-left .team-social-wrap, .overlay-top-right .team-social-wrap, .overlay-bottom-left .team-social-wrap, .overlay-bottom-right .team-social-wrap { width: 46px; } .single-factrie-team .team-social-wrap ul.social-icons > li > a { border: 1px solid #b2b2b2; width: 40px; height: 40px; line-height: 40px; margin-right: 18px; box-shadow: unset; -webkit-box-shadow: unset; -moz-box-shadow: unset; -ms-box-shadow: unset; -o-box-shadow: unset; } .single-factrie-team .team-social-wrap ul.social-icons > li > a:hover i { color: #fff; } .single-factrie-team .team-social-wrap ul.social-icons > li > a i { color: #b2b2b2; } .team-dark .client-name ,.team-dark p { color:#fff; } .team-inner > .team-name { margin-bottom: 0px; } .team-wrapper .overlay-bottom-center > * { display: inline-block; } .single-factrie-team .team-title h2 { margin-bottom: 5px; } .single-factrie-team .team-designation { font-weight: 600; color: #252525; } /*team slider*/ .team-wrapper .owl-carousel div[class^="col-"] { padding: 0; width: auto; max-width: 100%; } .factrie-content .team-excerpt p { font-size: 15px; } /*team style-1 */ .team-wrapper.team-1 .team-inner { border: none; background: #fff; padding: 0 45px; -webkit-box-shadow: 0 0 11px 0 rgba(6,22,58,.14); -moz-box-shadow: 0 0 11px 0 rgba(6,22,58,.14); box-shadow: 0 0 11px 0 rgba(6,22,58,.14); } .team-wrapper.team-1 .owl-item .team-inner { margin: 5px 4px; } .team-wrapper.team-1 .team-inner:last-child { padding-bottom: 30px; } .team-wrapper.team-1 .team-inner .team-thumb { margin-left: -45px; margin-right: -45px; } .team-wrapper.team-1 .team-inner .team-name { margin-bottom: 12px; } .team-wrapper.team-1 .team-inner .team-name .client-name { font-weight: 600; text-transform: uppercase; font-size: 18px; position: relative; } .team-wrapper.team-1 .team-inner:hover .team-name h4, .team-wrapper.team-1 .team-inner:hover .team-designation h6, .team-wrapper.team-1 .team-inner:hover .team-name .client-name, .team-wrapper.team-1 .team-inner:hover .team-excerpt { color: #fff; } .team-wrapper.team-1 .team-inner .team-name h4, .team-wrapper.team-1 .team-inner .team-designation h6 { margin-bottom: 0; } .team-wrapper.team-1 .team-inner .team-designation h6 { font-size: 14px; } .team-wrapper.team-1 .team-inner .overlay-bg { position: absolute; opacity: 0; visibility: hidden; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; -moz-transition: all 900ms ease; transition: all 900ms ease; } .team-wrapper.team-1 .team-inner:hover .overlay-bg { opacity: 1; visibility: visible; } /*team style-1 & 2 */ .team-wrapper.team-1 .team-inner > .team-thumb, .team-wrapper.team-2 .team-inner > .team-thumb { position: relative; overflow: hidden; } .team-wrapper.team-1 .team-inner:hover, .team-wrapper.team-2 .team-inner:hover { -webkit-transition: 0.4s all; transition: 0.4s all; } .team-wrapper.team-1 .team-inner .team-overlay .nav.social-icons li, .team-wrapper.team-2 .team-inner .nav.social-icons li { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; margin-right: 5px; transition: transform 0.35s; transform: translate3d(0,100%,0); -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; visibility: hidden; transition: all ease 0.35s; } .team-wrapper.team-1 .team-inner .nav.social-icons li, .team-wrapper.team-1 .team-inner .nav.social-icons li a { width: 46px; line-height: 46px; height: 46px; } .team-wrapper.team-2 .team-inner .nav.social-icons li, .team-wrapper.team-2 .team-inner .nav.social-icons li a { width: 36px; line-height: 36px; height: 36px; margin-right: 10px; } .team-wrapper.team-1 .team-inner:hover .team-overlay .nav.social-icons li, .team-wrapper.team-2 .team-inner:hover .nav.social-icons li { transform: translate3d(0,0,0); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; visibility: visible; } .team-wrapper.team-1 .team-inner:hover .team-overlay .nav.social-icons li:first-child, .team-wrapper.team-2 .team-inner:hover .nav.social-icons li:first-child { transition-delay: 0.1s; } .team-wrapper.team-1 .team-inner:hover .team-overlay .nav.social-icons li:nth-child(2), .team-wrapper.team-2 .team-inner:hover .nav.social-icons li:nth-child(2) { transition-delay: 0.15s; } .team-wrapper.team-1 .team-inner:hover .team-overlay .nav.social-icons li:nth-child(3), .team-wrapper.team-2 .team-inner:hover .nav.social-icons li:nth-child(3) { transition-delay: 0.2s; } .team-wrapper.team-1 .team-inner:hover .team-overlay .nav.social-icons li:nth-child(4), .team-wrapper.team-2 .team-inner:hover .nav.social-icons li:nth-child(4) { transition-delay: 0.25s; } .team-wrapper.team-2 .team-inner .overlay-bg { position: absolute; left: 0; width: 100%; background: -webkit-linear-gradient(top, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%); background: linear-gradient(to bottom, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%); content: ''; opacity: 0; } .team-wrapper.team-2 .team-inner .overlay-bg { top: 44%; } /*team style-2 */ .team-wrapper.team-2 .team-inner > .team-thumb { z-index: 9; margin-left: 0; margin-right: 0; } .team-wrapper.team-2 .team-inner .team-overlay > * { opacity: 0; visibility: hidden; transition: all ease 0.35s; } .team-wrapper.team-2 .team-inner:hover .team-overlay > * { opacity: 1; visibility: visible; } .team-overlay > div:last-child { padding-bottom: 0; } .team-2 .team-social-wrap { padding-bottom: 15px; } .team-2 .team-inner .team-name .client-name { font-weight: 700; font-size: 18px; } .team-2 .team-inner .team-designation h6 { font-size: 15px; font-weight: 400; } .team-wrapper.team-2 .team-inner .team-name, .team-wrapper.team-2 .team-inner .team-designation { transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transition: all ease 0.35s; } .team-wrapper.team-2 .team-inner .team-name h4 { margin-bottom: 0; } .team-wrapper.team-2 .team-inner:hover .team-name, .team-wrapper.team-2 .team-inner:hover .team-designation { transform: translateY(-250%); -webkit-transform: translateY(-250%); -moz-transform: translateY(-250%); -ms-transform: translateY(-250%); -o-transform: translateY(-250%); opacity: 0; } .team-wrapper.team-2 .team-inner .team-overlay > .team-name, .team-wrapper.team-2 .team-inner .team-overlay > .team-designation { transition: all ease 0.35s; transform: translateX(-10%); -webkit-transform: translateX(-10%); -moz-transform: translateX(-10%); -ms-transform: translateX(-10%); -o-transform: translateX(-10%); } .team-wrapper.team-2 .team-inner:hover .team-overlay > .team-name, .team-wrapper.team-2 .team-inner:hover .team-overlay > .team-designation { opacity: 1; transform: translateX(0%); -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); } .team-wrapper.team-2 .team-overlay { padding: 30px 20px; } .team-wrapper.team-2 .team-inner .overlay-bg { transform: matrix(1, -0.3, 0, 1, 0, 0); -ms-transform: matrix(1, -0.3, 0, 1, 0, 0); -moz-transform: matrix(1, -0.3, 0, 1, 0, 0); -o-transform: matrix(1, -0.3, 0, 1, 0, 0); -webkit-transform: matrix(1, -0.3, 0, 1, 0, 0); height: 70%; } .team-wrapper.team-2 .team-inner:hover .overlay-bg { opacity: 1; bottom: -42px; transition: 0.5s ease-in; -moz-transition: 0.5s ease-in; -webkit-transition: 0.5s ease-in; -o-transition: 0.5s ease-in; -ms-transition: 0.5s ease-in; width: 100%; } /*team style-3 */ .team-wrapper.team-3 .team-inner { box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.12); -ms-box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.12); -o-box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.12); border:none; padding: 0 15px 5px; /*margin: 5px 5px 30px 5px;*/ background: #fff; } .team-wrapper.team-3 .team-inner:hover, .team-wrapper.team-3 .team-inner:hover .team-name a { color: #fff; } .team-wrapper.team-3 .team-thumb { margin-left: -15px; margin-right: -15px; } .team-wrapper.team-3 .team-inner .team-designation h6 { font-size: 16px; font-weight: 400; } .team-3 ul.social-icons > li > a { height: 34px; line-height: 34px; width: 34px; } .team-wrapper .team-thumb { position: relative; } .team-1 .team-social-wrap { width: 46px; } .team-1 .owl-carousel .team-social-wrap { right: 20px; } .team-1 .team-social-wrap { position: absolute; top: 20px; right: 35px; } .team-wrapper .team-overlay { position: absolute; padding: 20px; z-index: 1; } .team-wrapper .team-overlay .team-social-wrap { width: auto !important; left: inherit; right: 0; } .team-wrapper .team-overlay .team-social-wrap li, .team-wrapper .team-overlay .team-social-wrap li a { margin-right: 0 !important; } .team-wrapper .overlay-center { left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .team-wrapper .overlay-top-left { left: 0; top: 0; } .team-wrapper .overlay-top-right { right: 0; top: 0; } .team-wrapper .overlay-bottom-left { left: 0; bottom: 0; } .team-wrapper .overlay-bottom-right { right: 0; bottom: 0; } .team-wrapper .overlay-bottom-center { left: 0; right: 0; bottom: 0; } .team-wrapper .team-overlay > * { margin-bottom: 20px; } .team-wrapper .team-overlay > *:last-child { margin-bottom: 0; } .team-wrapper .team-thumb .overlay-bg { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .team-wrapper .team-thumb .overlay-dark { background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; } .team-wrapper .team-thumb .overlay-light { background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0; } .team-wrapper .team-overlay .team-name { margin-bottom: 0; } /*-------------------------------------------------------------- 1.4 CPT Event Styles --------------------------------------------------------------*/ .event .event-inner > *:last-child { margin-bottom: 0; } .event .event-inner > * { margin-bottom: 50px; } .event .event-inner > *:nth-child(2) { margin-bottom: 0; } .event .event-inner > *:nth-child(3) { margin-bottom: 112px; } .event-info .event-subtitle, .event-venue .event-subtitle { display: block; } .events-inner p { margin-bottom: 0; } .events-wrapper .events-inner { border: 1px solid #e8e8e8; padding: 0px 30px 32px; margin-bottom: 30px; } .events-wrapper .events-inner > *:first-child { padding-top: 12px; } .events-wrapper .events-inner > .events-thumb { margin-left: -30px; margin-right: -30px; padding-top: 0; margin-bottom: 25px; } .events-wrapper .events-inner > .events-thumb:last-child { margin-bottom: 0px; } .events-wrapper .events-inner .events-title { border-bottom: 1px solid #d5d5d5; margin-bottom: 22px; padding-bottom: 22px; } .events-wrapper.events-dark .events-inner { background: #333333 none repeat scroll 0 0; color: #ffffff; border: none; } .events-wrapper .owl-carousel div[class^="col-"] { padding: 0; width: auto; max-width: 100%; } .events-title .entry-title { font-size: 20px; line-height: 30px; color: #333; font-weight: 900; } .events-dark .events-title .entry-title { color: #fff; } span.event-date, span.event-time, span.event-address { margin-left: 10px; } .events-date { border: 1px solid; border-left: 0; border-right: 0; padding: 5px 0; } .events-grid > div > div { margin-bottom: 30px; } .events-list .events-thumb > img { margin-right: 12px; } .events-list > .event-list-item:last-child { margin-bottom: 0; } .events-list > .event-list-item { margin-bottom: 20px; } .events-list .event-list-item p { margin-bottom: 0; } .event-list-item > .media-body > * { margin-bottom: 12px; } .events-list.events-dark .media-body { background: #333333 none repeat scroll 0 0; color: #ffffff; padding: 12px; } .single-factrie-event .event-img img { border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; } .single-factrie-event .event-details-wrap { background: #f6f6f6; padding: 28px 40px; } .single-factrie-event .event-details-wrap ul li { margin-bottom: 15px; position: relative; padding-left: 32px; } .single-factrie-event .event-details-wrap ul li:after { content: ""; position: absolute; height: 10px; width: 10px; left: 0px; top: 50%; border-style: solid; border-width: 1px; padding: 8px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } .single-factrie-event .event-details-wrap ul li:before { content: ""; position: absolute; height: 10px; width: 10px; left: 4px; top: 50%; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } .single-factrie-event .event-contact-wrap .event-contact-title .event-form-title { text-align: center; margin-bottom: 60px; } .single-factrie-event .event-share-wrap ul.nav.social-icons { display: inline-block; } .single-factrie-event .event-share-wrap ul.social-icons > li > a { border: 1px solid #b2b2b2; width: 40px; height: 40px; line-height: 40px; margin-right: 18px; box-shadow: unset; -webkit-box-shadow: unset; -moz-box-shadow: unset; -ms-box-shadow: unset; -o-box-shadow: unset; } .single-factrie-event .event-share-wrap ul.social-icons > li > a:hover i { color: #fff; } /*Events Model 1 */ .event-inner .event-map { margin-bottom: 100px; } .event-inner .event-schedule-wrap { margin-bottom: 30px; } .events-wrapper.event-style-1 .events-inner { background: #f7f7f7; } .events-wrapper.event-style-1 .events-inner:hover { box-shadow: 0px 10px 24px 0px rgba(0, 0, 0, 0.11); -webkit-box-shadow: 0px 10px 24px 0px rgba(0, 0, 0, 0.11); -moz-box-shadow: 0px 10px 24px 0px rgba(0, 0, 0, 0.11); -ms-box-shadow: 0px 10px 24px 0px rgba(0, 0, 0, 0.11); -o-box-shadow: 0px 10px 24px 0px rgba(0, 0, 0, 0.11); } .event-inner .event-schedule-inner > .event-schedule-title { background: #2a2e44; color: #fff; padding: 20px 0; text-align: center; margin-bottom: 0; border-top-left-radius: 6px; -moz-border-top-left-radius: 6px; -webkit-border-top-left-radius: 6px; -o-border-top-left-radius: 6px; -ms-border-top-left-radius: 6px; border-top-right-radius: 6px; -moz-border-top-right-radius: 6px; -webkit-border-top-right-radius: 6px; -o-border-top-right-radius: 6px; -ms-border-top-right-radius: 6px; } .event-inner .event-schedule-inner ul.nav-tabs li a { border: none; padding: 10px 58px; background: #f3f3f3; border-radius: unset; -moz-border-radius: unset; -webkit-border-radius: unset; -o-border-radius: unset; -ms-border-radius: unset; } .event-inner .event-schedule-inner ul.nav-tabs li.active a.nav-link { background: #e2e2e2; } .event-inner .event-schedule-inner ul.nav-tabs li a .daily-schedule-title { margin-bottom: 0; text-transform: uppercase; } .event-inner .event-schedule-inner .tab-content { padding: 42px 34px; border: 1px solid #eee; border-bottom-left-radius: 6px; -moz-border-bottom-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; -o-border-bottom-left-radius: 6px; -ms-border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; -moz-border-bottom-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; -o-border-bottom-right-radius: 6px; -ms-border-bottom-right-radius: 6px; } .event-inner .event-schedule-inner .tab-content .event-meta li { margin-right: 30px; } .event-inner .event-schedule-inner .tab-content i { margin-right: 12px; } .event-inner .event-schedule-inner .tab-content .tab-pane > * { margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #dadada; } .event-inner .event-schedule-inner .tab-content .tab-pane > *:last-child { padding-bottom: 0; margin-bottom: 0; border: unset; } .event-inner .event-schedule-inner .tab-content .event-schedule-content > * { margin-bottom: 12px; } .event-inner .event-schedule-inner .tab-content .event-schedule-content > *:last-child { margin-bottom: 0; } .event-inner .event-schedule-inner .tab-content .event-schedule-content .event-meta { margin-bottom: 15px; } .event-inner .event-schedule-inner .tab-content .event-schedule-content .media img { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; } .event-inner .event-schedule-inner .tab-content .event-schedule-content .media .media-body h4 { margin-bottom: 0px; } .event-inner .event-share-wrap .event-share-title { font-size: 16px; font-weight: 600; margin-right: 30px; color: #252525; } /*Events Style 2 */ .event-style-2 .events-inner { box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.12); -ms-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.12); -o-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.12); border: none; } /*-------------------------------------------------------------- 1.5 CPT Service Styles --------------------------------------------------------------*/ .services-wrapper .services-title > .service-title-element { padding-left: 15px; line-height: 0; } .services-title a { font-weight: 500; font-size: 20px; line-height: 20px; text-transform: capitalize; } .services-dark .entry-title { color: #fff; } .services-inner p { margin-bottom: 0; } .services-inner > * { margin-bottom: 15px; } .services-inner > *:last-child { margin-bottom: 0; } .services-wrapper .services-inner > .services-thumb { padding-left: 0; padding-right: 0; padding-top: 0; overflow:hidden; } .services-wrapper.services-dark .services-inner { background: #000 none repeat scroll 0 0; color: #ffffff; border: none; padding-bottom: 5px; } .services-wrapper > div > div { margin-bottom: 30px; } .services-wrapper .owl-carousel div[class^="col-"] { padding: 0; width: auto; max-width: 100%; } .services-read-more .read-more { text-transform: uppercase; font-weight: 900; font-size: 13px; position: relative; transition: all 300ms linear 0s; } .services-1 .services-inner:hover .services-read-more .read-more::before { background: #fff; } .services-1 .services-inner:hover .services-read-more .read-more::after { background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(237,66,102,0) 100%); background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(237,66,102,0) 100%); background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(237,66,102,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#00ffffff',GradientType=1 ); } .services-read-more .read-more:hover, .services-read-more .read-more:hover::after { color: #000; } .services-wrapper.services-dark .services-read-more a.read-more { color: #fff; } .services-wrapper .services-title { position: relative; } .services-wrapper .services-inner:hover .services-thumb img { transform: scale3D(1.2, 1.2, 1); } .services-wrapper .services-inner .services-thumb img { max-width: 100%; transition: all 500ms linear 0s; } /*service style 1*/ .services-1 .services-title > * { display: table-cell; vertical-align: middle; } .services-wrapper.services-1 .invisible-number { position: absolute; font-size: 95px; font-weight: 700; opacity: 0.05; } .services-1 .services-inner { background-color: #fff; transition: all 300ms linear 0s; position: relative; padding: 0 30px; -webkit-box-shadow: 0 0 11px 0 rgba(6,22,58,.14); -moz-box-shadow: 0 0 11px 0 rgba(6,22,58,.14); box-shadow: 0 0 11px 0 rgba(6,22,58,.14); transform: translateY(-5px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); } .services-1 .services-inner:hover { transform: translateY(-5px); -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); color: #fff; } .services-1 .services-inner:hover > .services-title a, .services-1 .services-inner:hover > .services-read-more .read-more, .services-1 .services-inner:hover > .services-read-more .read-more::after { color: #fff; } .services-1 .owl-carousel .owl-item .services-inner { box-shadow: unset; border: 1px solid #eee; } .services-wrapper.services-1 .services-inner > div:last-child { padding-bottom: 30px; } .services-wrapper.services-1 .services-inner .services-thumb { margin-left: -30px; margin-right: -30px; } .services-1 .services-title-icon { position: absolute; top: 0px; right: 0; padding: 0; transform: scale(0.8); } /* services style 2 */ .services-wrapper.services-2 .invisible-number { font-size: 64px; line-height: 64px; font-weight: 400; display: inline-block; background: -webkit-linear-gradient(-150deg, #8bd741 35%, #3abb65 65%); background: linear-gradient(-150deg, #8bd741 35%, #3abb65 65%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .services-2 .services-inner { box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.12); -ms-box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.12); -o-box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.12); padding: 18px 25px 42px; background-color: #fff; } .services-2 .services-inner .services-excerpt p { font-size: 16px; } .services-2 .services-inner .services-title-icon::before { content: ""; position: absolute; background-repeat: no-repeat; top: 0; width: 100px; height: 100px; background-size: contain; transition: all 500ms ease-out; -webkit-transition: all 500ms ease-out; -moz-transition: all 500ms ease-out; -o-transition: all 500ms ease-out; } .services-2.text-left .services-inner .services-title-icon::before { left: -15px; } .services-2.text-center .services-inner .services-title-icon::before { left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); } .services-2.text-right .services-inner .services-title-icon::before { right: -65px; left: inherit; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); } .services-2 .services-inner .services-title-icon { position: relative; } .services-2.text-left .services-title-icon img { text-align: left; display: unset; } .services-2.text-right .services-title-icon img { text-align: right; display: unset; } .services-2 .owl-item .services-title-icon img { width: unset; } .services-2 .owl-item .services-inner { box-shadow: unset; -webkit-box-shadow: unset; -moz-box-shadow: unset; -ms-box-shadow: unset; -o-box-shadow: unset; padding: 0; } .services-2 .owl-item .services-inner > .services-thumb { padding: 0; } .services-2 .owl-item .services-title > * { display: table-cell; vertical-align: middle; } .services-2 .owl-item .services-inner > div { padding: 0 25px; } .services-2 .owl-item .services-inner > *:last-child { border-width: 3px; border-style: dotted; border-top: unset; padding-bottom: 38px; position: relative; } .services-2 .owl-item .services-inner:after { content: ""; position: absolute; bottom: 0px; left: 0; right: 0; margin: 0 auto; width: 250px; height: 4px; background: #fff; } .services-2 .owl-item .services-inner:hover:after { display: none; } /*-------------------------------------------------------------- 02. Countdown Shortcode Styles --------------------------------------------------------------*/ .day-counter > div { position: relative; } .day-counter > *:last-child { margin-right: 0; } .day-counter > * { display: inline-block; margin-right: 30px; height: 150px; width: 150px; padding:0 20px; } .day-counter .counter-item { left: 0; position: absolute; right: 0; text-align: center; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); } .day-counter .counter-item > h3 { line-height: unset; margin-bottom: 14px; 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-progress > div { position: relative; } .day-counter-progress > div > canvas { bottom: 0; left: 0; margin: 0 auto; max-width: 100%; position: absolute; right: 0; top: 0; } /*-------------------------------------------------------------- 03. Pricing Tables Shortcode Styles --------------------------------------------------------------*/ .pricing-table-wrapper { overflow: hidden; position: relative; } .pricing-inner-wrapper { padding: 35px 0; border: 1px solid rgba(0, 0, 0, 0.1); } .pricing-inner-wrapper > *:last-child { margin-bottom: 0; } .pricing-inner-wrapper > * { margin-bottom: 20px; padding-left: 20px; padding-right: 20px; } .pricing-inner-wrapper > .pricing-table-head { margin-bottom: 32px; } .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.feature-inactive { text-decoration: line-through; text-decoration-color: #000; } .pricing-icon > span { font-size: 60px; } .corner-ribbon{ width: 180px; 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); z-index: 9; } .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 */ .vc_tta.vc_general .vc_tta-panel-body .pricing-table-wrapper .price-text p { font-size: inherit; } .price-text { font-size: 45px; line-height: 1; font-weight: 600; } .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-wrapper .pricing-inner-wrapper > .pricing-image:first-child { margin-bottom: 55px; } /* pricing table layout one */ .pricing-table-wrapper.pricing-style-1 { box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.08); -ms-box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.08); -o-box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.08); /*transform: translateY(0%); -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%);*/ transition: all .55s ease; -webkit-transition: all .55s ease; -moz-transition: all .55s ease; -o-transition: all .55s ease; } .pricing-table-wrapper.pricing-style-1.pricing-list-active { z-index: 1; } .pricing-style-1.pricing-list-active .pricing-inner-wrapper { padding: 70px 50px; } .pricing-table-wrapper.pricing-style-1.first-table { border-top-left-radius: 25px; -moz-border-top-left-radius: 25px; -webkit-border-top-left-radius: 25px; -o-border-top-left-radius: 25px; -ms-border-top-left-radius: 25px; border-bottom-left-radius: 25px; -moz-bottom-left-radius: 25px; -webkit-bottom-left-radius: 25px; -o-bottom-left-radius: 25px; -ms-bottom-left-radius: 25px; } .pricing-table-wrapper.pricing-style-1.last-table { border-top-right-radius: 25px; -moz-border-top-right-radius: 25px; -webkit-border-top-right-radius: 25px; -o-border-top-right-radius: 25px; -ms-border-top-right-radius: 25px; border-bottom-right-radius: 25px; -moz-bottom-right-radius: 25px; -webkit-bottom-right-radius: 25px; -o-bottom-right-radius: 25px; -ms-bottom-right-radius: 25px; } .pricing-style-1 .pricing-inner-wrapper { border: none; background: #fff; padding: 50px; } .pricing-style-1 .pricing-inner-wrapper > .pricing-table-head .pricing-title { font-weight: 700; text-transform: capitalize; font-size: 15px; margin-bottom: 5px; } .pricing-style-1 .pricing-inner-wrapper > .pricing-table-head .pricing-subtitle { font-size: 18px; } .pricing-style-1 .pricing-inner-wrapper .pricing-table-body ul li { padding: 8px 0px; } .pricing-style-1.pricing-list-active .pricing-inner-wrapper .pricing-table-body ul li { font-size: 16px; } .pricing-style-1 .btn-default { background: transparent; border: 1px solid #eaeaea; color: #555555; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; } .pricing-style-1 .btn-default:hover { border-width: 1px; border-style: solid; } .pricing-style-1.pricing-list-active a.btn-default { background: #fff; color: #000; border-color: #fff; } .pricing-style-1.pricing-list-active a.btn-default:hover { color: #fff; background: transparent !important; } .pricing-style-1 .pricing-table-info > * { display: inline-block; } .pricing-style-1 .pricing-inner-wrapper > * { padding: 0; } .pricing-style-1 .pricing-inner-wrapper > *:not(:last-child) { margin-bottom: 40px; } .pricing-style-1 .pricing-inner-wrapper > .pricing-icon:first-child { margin-bottom: 12px; } .pricing-style-1 .pricing-inner-wrapper > .pricing-table-info:nth-child(3) { margin-bottom: 30px; } .pricing-style-1 .pricing-table-info > .price-after { margin-left: 5px; } .pricing-style-1 .pricing-table-info > .price-before { position: relative; margin-right: 5px; font-weight: 700; font-size: 35px; } .pricing-style-1 .pricing-table-info .price-text { font-size: 80px; font-weight: 500; } .pricing-style-1.pricing-list-active .pricing-table-info .price-text, .pricing-style-1.pricing-list-active .pricing-table-info > .price-before { color: #fff; } /* pricing table layout two */ .pricing-table-wrapper.pricing-style-2,.pricing-style-2 ul.pricing-features-list > li, .pricing-style-2 .pricing-table-info p { background: #fff; color: #333; } .pricing-style-2 .pricing-title { font-size: 24px; } .pricing-style-2 .price-text p{ font-size:36px; } .pricing-style-2 .btn { display: block; padding: 15px 0; } .pricing-style-2 .btn:hover { color: #fff; } .pricing-style-2 ul.pricing-features-list > li { border-top: 1px solid rgba(0, 0, 0, 0.05); padding: 13px 35px; } .pricing-style-2 ul.pricing-features-list > li:nth-child(2n+1) { background: rgba(0, 0, 0, 0.06); } .pricing-style-2 .pricing-inner-wrapper > * { padding: 0; } .pricing-style-2 .pricing-inner-wrapper > .pricing-table-foot { padding: 20px 20px 27px 20px; background: rgba(0, 0, 0, 0.06); } .pricing-style-2 .pricing-inner-wrapper { padding-bottom: 0; } /* pricing table layout three */ .pricing-style-3 .pricing-inner-wrapper { border: 2px solid; } .pricing-style-3 .pricing-title { padding: 22px; position: relative; width: auto; height: 60px; text-align: center; z-index: 1; margin-bottom: 6px; color: #fff; } .pricing-style-3 .pricing-title::before { content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 51%; -webkit-transform: skew(0deg, 6deg); -moz-transform: skew(0deg, 6deg); -ms-transform: skew(0deg, 6deg); -o-transform: skew(0deg, 6deg); transform: skew(0deg, 6deg); z-index: -1; } .pricing-style-3 .pricing-title::after { content: ""; position: absolute; top: 0; right: 0; height: 100%; width: 50%; -webkit-transform: skew(0deg, -6deg); -moz-transform: skew(0deg, -6deg); -ms-transform: skew(0deg, -6deg); -o-transform: skew(0deg, -6deg); transform: skew(0deg, -6deg); z-index: -1; } .pricing-style-3 ul.pricing-features-list > li { box-shadow: 0px 6px 9px -7px rgba(0,0,0,0.5); -webkit-box-shadow: 0px 6px 9px -7px rgba(0,0,0,0.5); -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-3 ul.pricing-features-list > li:last-child { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; } .pricing-style-3 .pricing-table-foot .btn { display: block; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; } /*-------------------------------------------------------------- 04. Pricing Compare Shortcode --------------------------------------------------------------*/ .compare-pricing-wrapper .pricing-inner-wrapper, .compare-pricing-wrapper > * { float: left; padding-top:0; } .compare-pricing-tables { width: 80%; } .compare-pricing-wrapper > *:first-child { width: 20%; } .compare-title-wrap { display: table; vertical-align: middle; width: 100%; background: #333; color: #fff; } .compare-features-wrap { color: #fff; } .compare-title-wrap .compare-title { display: table-cell; vertical-align: middle; font-size: 22px; line-height: 1; color: #fff; } .compare-features-wrap .list-group-item { font-weight: 500; } .compare-pricing-wrapper ul.pricing-features-list > li { font-size: 18px; line-height: 40px; } .compare-pricing-wrapper .pricing-table-head { color: #fff; margin-bottom:0; } .compare-pricing-wrapper .pricing-table-head .pricing-title { font-size: 20px; line-height: 52px; margin-bottom:0; } .compare-pricing-wrapper .price-text { font-size: 18px; line-height: 40px; padding: 12px 0; font-weight: 500; } .compare-pricing-inner .pricing-inner-wrapper > .pricing-table-info { margin-bottom: 0; } .compare-pricing-wrapper .price-text p { margin-bottom: 0; } /*Compare pricing Style- 1*/ .compare-pricing-style-1 .compare-features-wrap li { color: #fff; } /*Compare pricing Style- 2*/ .compare-pricing-style-2.compare-pricing-wrapper .pricing-table-head, .compare-pricing-style-2 .compare-features-wrap { background: #333; } .compare-pricing-style-2.compare-pricing-wrapper .btn { display:block; } .compare-pricing-wrapper.compare-pricing-style-2 ul.pricing-features-list > li { border-top: 1px solid #eaeaea; } /*Compare pricing Style- 3*/ .compare-pricing-wrapper.compare-pricing-style-3 .pricing-table-head { background: #333; padding:0px 20px; } .compare-pricing-style-3.compare-pricing-wrapper .btn { background:#333; color: #fff; } .compare-pricing-wrapper.compare-pricing-style-3 ul.pricing-features-list > li:nth-child(2n+1) { background: rgba(0, 0, 0, 0.06); } .compare-pricing-style-3 .compare-pricing-inner .pricing-inner-wrapper > * { padding:0; } /*-------------------------------------------------------------- 05. Icons Shortcode Styles --------------------------------------------------------------*/ .icon-wrapper .icon-inner { text-align: center; display: inline-block; line-height: 2; height: 30px; width: 30px; font-size: 30px; transition: all ease 0.35s; -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; } .icon-wrapper .icon-inner span { display: inline-block; line-height: unset; } /*-------------------------------------------------------------- 06. Mailchimp Shortcode Styles --------------------------------------------------------------*/ .mailchimp-wrapper .mc-submit-btn > * { margin-right: 6px; } .mailchimp-wrapper .mc-submit-btn > *:last-child { margin-right: 0; } form.mc-form input { margin-bottom: 15px; } form.mc-form input:last-child { margin-bottom: 0; } .mc-form > :not(.input-group) > .btn { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; } input.zozo-mc-email.form-control { background: #202230; border-color: #3b3e4e; } .mailchimp-wrapper .mc-form input.form-control { border-color: #eee; height: 60px; line-height: 60px; } .mailchimp-wrapper .mc-form .mc-submit-btn { border: none; padding: 12px 30px 12px 30px; } .factrie_mailchimp_widget input.zozo-mc.btn-default { width: auto; } .zozo-mc-form .zozo-mc-subtitle { margin-bottom: 30px; } .mailchimp-wrapper .form-group { margin-bottom: 0; } /* Layout 1 */ .mailchimp-wrapper .mc-form .input-group input.form-control { border-right: none; padding-left: 0px; margin-right: 20px; background: transparent; border-color: #dcdcdc; } .mailchimp-wrapper .input-group > input.form-control { border-top: none; border-left: none; } .mailchimp-wrapper .input-group .input-group-btn .mc-submit-btn { border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; -o-border-radius: 50px; -ms-border-radius: 50px; } .mailchimp-wrapper.mailchimp-light .input-group input { background: transparent; padding-left: 25px; color: #fff; } .mailchimp-wrapper.mailchimp-light .input-group > input.form-control:focus { border-color: #fff !important; } .mailchimp-wrapper.mailchimp-light .input-group .input-group-btn .mc-submit-btn { color: #fff; } .mailchimp-wrapper.mailchimp-light .input-group .input-group-btn .mc-submit-btn:hover { background: #000; color: #fff; } .mailchimp-wrapper.mailchimp-light .input-group input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #fff; } .mailchimp-wrapper.mailchimp-light .input-group input::-moz-placeholder { /* Firefox 19+ */ color: #fff; } .mailchimp-wrapper.mailchimp-light .input-group input:-ms-input-placeholder { /* IE 10+ */ color: #fff; } .mailchimp-wrapper.mailchimp-light .input-group input:-moz-placeholder { /* Firefox 18- */ color: #fff; } /*-------------------------------------------------------------- 07. Twitter Shortcode Styles --------------------------------------------------------------*/ .twitter-title { margin-bottom: 30px; } .twitter-box .tweet-info img { width: auto; max-width: 100%; margin: 0; } .tweet-info > a { display: inline-block; } /*Twitter Layout 1 */ .twitter-1 .tweet-info > * { margin-bottom: 10px; } .twitter-1 .tweet-info > *:last-child, .tweet-item p, .tweet-item h5 { margin-bottom: 0; } .twitter-dark .tweet-item { background-color: #333; transition: all ease 0.35s; } .twitter-dark .tweet-item, .twitter-dark .tweet-title a { color: #fff; transition: all ease 0.35s; } .tweet-title a { color: #333; } .row-overlay-dark .tweet-title a { color: #fff; } ul.twitter-box{ margin: 0; padding: 0; } .twitter-wrapper .tweet-item { border: 1px solid rgba(0, 0, 0, 0.1); padding: 20px; } /*Twitter Layout 3*/ .twitter-3 .tweet-info { border: 3px double; padding: 30px; } .twitter-3.twitter-wrapper .tweet-item { padding: 5px; } /*twitter center*/ .text-center .twitter-box .tweet-info img { } /*twitter right*/ .text-right .twitter-box .tweet-info img { } /*-------------------------------------------------------------- 08. Counter Shortcode Styles --------------------------------------------------------------*/ span.counter-up { font-size: 58px; line-height: 1; } .counter-content p { margin-bottom: 0; } .counter-wrapper > * { margin-bottom: 15px; } .counter-wrapper > *:last-child { margin-bottom: 0; } .counter-icon > span { display: block; font-size: 40px; line-height: 40px; } .counter-icon.icon-dark > span{ color: #333; } .counter-icon.icon-light > span { color: #fff; } .counter-wrapper { margin-bottom: 40px; } .counter-thumb > img, .counter-wrapper.text-right .counter-thumb > img { margin: unset; display: inline-block; } .counter-wrapper.text-center .counter-thumb > img { margin: 0 auto; } /*counter style-1 */ .counter-style-1 .counter-title h4 { font-size: 20px; } .counter-style-1 .counter-value h3 span { font-size: 60px; line-height: 60px; font-weight: 700; } .counter-style-1 .counter-content p { letter-spacing: 0.5px; font-size: 16px; } .counter-wrapper.dashed-secondary-color.counter-style-1, .counter-wrapper.dashed-theme-color.counter-style-1 { border-style: dashed; } /*.counter-style-1 .counter-title h4 { color: #2d2d2d; }*/ /*counter style-2 */ .counter-style-2 > * { display: inline-block; vertical-align: middle; margin-bottom: 0; border-right: 1px solid #6a6b6c; padding-right: 17px; margin-right: 17px; max-width: 122px; } .counter-style-2 > *:last-child { border-right: unset; padding-right: 0; margin-right: 0; } .counter-style-2.text-center > *, .counter-style-2.text-right > * { text-align: left; } .counter-wrapper.counter-style-2 .counter-value h3 { margin-bottom: 0; line-height: 62px; } .counter-style-2 span.counter-up { line-height: inherit; } .counter-style-2 .counter-content p { font-size: 20px; line-height: 28px; } /* Counter Style 3 */ .counter-style-3 .counter-value h3 > * { font-size: 45px; } .counter-style-3 .counter-content { font-weight: 500; } .counter-style-3 span.counter-up { font-weight: 600; } /* Counter Style 4 */ .counter-style-4 .counter-icon > span { font-size: 50px; line-height: 41px; } .counter-style-4 .counter-icon > span::before { position: relative; top: 12px; margin-right: 15px !important; } .counter-style-4 .counter-title h4 { margin-bottom: 0; font-size: 16px; } .counter-style-4 .counter-value h3 { margin-bottom: 0; } .counter-style-4 .counter-value h3 > * { font-size: 45px; } /*-------------------------------------------------------------- 09. Section Title Shortcode Style --------------------------------------------------------------*/ .section-title-wrapper .title-separator { background-color: #333333; display: block; width: 65px; height: 4px; position: relative; margin-bottom: 35px !important; } .section-title-wrapper.text-center .title-separator { margin: 0 auto; } .section-title-wrapper.text-left .title-separator { margin-left: auto; } .section-title-wrapper.text-right .title-separator { margin-left: auto; } .section-title-wrapper { margin-bottom: 50px; } .title-separator.separator-img { background: transparent; height: auto; width: auto; max-width: 200px; } .title-separator.separator-img > img { max-height: 50px; } .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: 10px; } .section-title-wrapper .title-wrap > *:last-child { margin-bottom: 0; } .section-title-wrapper .title-wrap { margin-bottom: 30px; } .section-title-wrapper .title-wrap > .sub-title { font-size: 14px; padding-top: 5px; letter-spacing: 0px; position: relative; padding-left: 50px; font-weight: 500; text-transform: uppercase; } .section-title-wrapper .title-wrap > .sub-title::before { content: ""; width: 40px; height: 3px; position: absolute; top: 50%; transform: translateY(-50%); left: 0; } .section-title-wrapper .section-description { line-height: 30px; } .lead { display:block; } .section-title-wrapper.text-center .title-wrap > .sub-title { padding-left: 0px; } .section-title-wrapper.text-center .title-wrap > .sub-title::before { display: none; } .section-title-wrapper.text-right .title-wrap > .sub-title { padding-right: 0px; padding-left: 50px; } .section-title-wrapper.text-right .title-wrap > .sub-title::before { left:inherit; right:0; } .section-title-wrapper.text-center .section-description { max-width: 560px; margin: 0 auto; } .section-title-wrapper.text-center .section-description { text-align: center; } .section-title-wrapper.text-left .section-description { text-align: left; margin: inherit; max-width: inherit; } .section-title-wrapper.text-right .section-description { text-align: right; float: right; } .section-title-wrapper .section-description a.btn { margin-top: 20px; } .section-title-wrapper.border-box { border: 8px solid #fff; border-left: 0; padding: 45px 0; margin-left: 85px; } .section-title-wrapper.border-box:before { content: ""; position: absolute; left: 100px; top: 8px; width: 8px; height: 35px; background-color: #ffffff; } .section-title-wrapper.border-box:after { content: ""; position: absolute; left: 100px; bottom: 8px; width: 8px; height: 35px; background-color: #ffffff; } .section-title-wrapper.border-box .title-wrap { position: relative; right: 80px; } /*-------------------------------------------------------------- 10. Feature Box Shortcode Styles --------------------------------------------------------------*/ .feature-box-wrapper[data-redirect] { cursor: pointer; } .feature-box-icon { font-size: 24px; display: inline-block; line-height:1; transition: all ease 0.35s; -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; } .feature-box-wrapper.text-center .feature-box-icon { margin-left: auto; margin-right: auto; } .feature-box-wrapper.text-right .feature-box-icon { margin-left: auto; margin-right: 0; } .feature-box-wrapper > * { margin-bottom: 15px; } .feature-box-wrapper .section-title { margin-bottom: 0; } .feature-box-wrapper > *:last-child { margin-bottom: 0; } .feature-box-wrapper { margin-bottom: 30px; } .feature-box-wrapper .btn.bordered:hover { color: #fff; } .feature-box-wrapper .btn.bordered { border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; color: #555; } .feature-box-btn .btn.link::after { content: "\f060"; font-family: fontawesome; font-size: 12px; font-weight: 400; padding-right: 10px; } .feature-box-wrapper .btn.dashed { border: 1px dashed #fff; background: transparent; } .feature-box-wrapper .btn.dashed:hover { background: #000; color: #fff; } .feature-box-wrapper .btn.dashed::before { content: "\f054"; font-family: fontawesome; font-size: 12px; font-weight: 400; padding-right: 5px; } .icon-size-reduce img { width: 70px; } /*Feature Box button align styles*/ .feature-box-wrapper.fbox-btn-right .feature-box-btn { text-align: right; } /* Feature with services */ .feature-box-wrapper.feature-ser { color: #000000; background-color: #ffffff; padding: 40px; border-color: #ffffff; border-radius: 3px; box-shadow: 0px 10px 60px rgba(0,0,0,0.1); transition: all 0.3s ease-in-out; } .feature-ser .feature-box-btn .btn.link::after { content: "\f105"; font-family: fontAwesome; font-size: 17px; position: absolute; left: 0px; top: 50px; width: 50px; height: 50px; line-height: 50px; background: #000; text-align: center; padding: 0; color: #000 !important; } .feature-box-wrapper.feature-ser:hover { transform: translateY(-10px); transition: all 0.3s ease-in-out; } .feature-ser .feature-box-btn .btn.link { display: block; text-align: left; } .feature-box-wrapper.feature-ser:hover { transition: all 0.5s ease-in-out; } .feature-ser img { max-width: 63px; } .feature-ser .section-title { font-weight: 100; } /*Feature Box radius design styles*/ .feature-box-wrapper.radius-design { border: 1px solid #eaeaea; border-bottom: 0; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); transition: all 0.5s ease; position: relative; padding: 40px 32px 40px 82px; margin-bottom: 0; } .feature-box-wrapper.radius-design:hover, .feature-box-wrapper.radius-design.section-active { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); z-index: 9; color: #fff; border-radius: 5px; } .feature-box-wrapper.radius-design:last-of-type { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom: 1px solid #eaeaea; } .feature-box-wrapper.radius-design:first-of-type { border-top-left-radius: 5px; border-top-right-radius: 5px; } .feature-box-wrapper.radius-design .invisible-number { position: absolute; left: 40px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); width: fit-content; opacity: 1; font-size: 32px; line-height: 32px; } .feature-box-wrapper.radius-design:hover .invisible-number, .feature-box-wrapper.radius-design.section-active .invisible-number { color: #fff; } /*feature Box Image hover styles*/ .fbox-img-overlay .feature-box-thumb { position: relative; } .fbox-img-overlay .feature-box-thumb: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; } .fbox-img-overlay:hover .feature-box-thumb: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; } /*zoom in*/ .feature-box-thumb { overflow: hidden; } .fbox-img-zoomin img { -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } .fbox-img-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-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-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-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-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); } /* Bottom Line */ .feature-box-wrapper > .feature-box-title .section-title { position: relative; padding-bottom: 15px; } .feature-box-wrapper.title-padding-0 > .feature-box-title .section-title { padding-bottom: 0; } .feature-box-wrapper.text-center > .feature-box-title .section-title .title-bottom-line { left: 0; right: 0; margin: 0 auto; } .feature-box-wrapper.text-right > .feature-box-title .section-title .title-bottom-line { left: auto; right: 0; } .feature-box-wrapper > .feature-box-title .section-title .title-bottom-line { bottom: 0; height: 3px; left: 0; position: absolute; width: 40px; } .feature-box-wrapper.bottom-line-light > .feature-box-title .section-title .title-bottom-line { background-color: #fff; } /* Body Padding */ .feature-box-wrapper.body-padding .media-body { padding: 10px; } /*feature box image*/ .feature-box-wrapper img, .feature-box-wrapper.text-left img { margin-left: 0; } .feature-box-wrapper.text-center img { margin: 0 auto; } .feature-box-wrapper.text-right img { margin-right: 0; margin-left: auto; } /*Feature Box List*/ .fbox-list-head > *:first-child { float: left; } .fbox-list-head .feature-box-icon, .fbox-list-head .feature-box-thumb { margin-right: 20px; } .feature-box-wrapper .fbox-list .media-body > * { margin-bottom: 10px; } .feature-box-wrapper .fbox-list .media-body > *:last-child { margin-bottom: 0px; } /*Feature Box Content Spacing*/ .feature-box-wrapper.content-spacing .feature-box-content { line-height: 48px; } /*Feature Box style 1 */ .feature-box-wrapper.feature-box-style-1 > * { margin-bottom: 18px; } .feature-box-wrapper.feature-box-style-1.text-center > .fbox-list { display: inline-block; } .feature-box-wrapper.feature-box-style-1 .fbox-list > * { margin-bottom: 15px; } .feature-box-wrapper.feature-box-style-1 > *:last-child, .feature-box-wrapper.feature-box-style-1 .fbox-list > *:last-child { margin-bottom: 0px; } .feature-box-style-1 .feature-box-btn .btn.link, .feature-box-style-1 .feature-box-btn .btn.link::after { color: #051829; font-weight: 600; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; } .feature-ser .feature-box-btn .btn.link::after { background: #f7f7f7; } .feature-ser:hover .feature-box-btn .btn.link:after { background: #000; width: 60%; text-align: left; padding-left: 30px; color: #fff !important; } .feature-box-wrapper.feature-box-style-1 .invisible-number { top: 0; color: #a5a5a5; } /*Feature Box style 2 */ .feature-box-style-2 { box-shadow: 0px 0px 20px rgba(229, 229, 229, 0.9); -webkit-box-shadow: 0px 0px 20px rgba(229, 229, 229, 0.9); -moz-box-shadow: 0px 0px 20px rgba(229, 229, 229, 0.9); -ms-box-shadow: 0px 0px 20px rgba(229, 229, 229, 0.9); -o-box-shadow: 0px 0px 20px rgba(229, 229, 229, 0.9); transition: all .55s ease; -webkit-transition: all .55s ease; -moz-transition: all .55s ease; -o-transition: all .55s ease; margin-bottom:35px; padding: 45px; } .feature-box-style-2:hover > *, .feature-box-style-2:hover .section-title, .feature-box-style-2:hover > .feature-box-btn a, .feature-box-style-2:hover > .feature-box-btn a::after { color: #fff !important; } .feature-box-wrapper.feature-box-style-2 > * { margin-bottom: 0; word-break: break-word; } .feature-box-wrapper.feature-box-style-2 > *:last-child { padding-bottom: 0; } .feature-box-style-2 h6.invisible-number { color: #efefef; opacity: 1; } .feature-box-style-2.number-left h6.invisible-number { font-size: 50px; line-height: 50px; top: 20px; left: 25px; right: inherit; } /*Feature Box style 3 */ .feature-box-style-3 { transition: all .55s ease; -webkit-transition: all .55s ease; -moz-transition: all .55s ease; -o-transition: all .55s ease; padding: 40px 35px; } .feature-box-style-3:hover, .feature-box-style-3.section-active { background: #fff; -webkit-box-shadow: 0 10px 50px -12px rgba(171,171,171,.9); -moz-box-shadow: 0 10px 50px -12px rgba(171,171,171,.9); -ms-box-shadow: 0 10px 50px -12px rgba(171,171,171,.9); -o-box-shadow: 0 10px 50px -12px rgba(171,171,171,.9); box-shadow: 0 10px 50px -12px rgba(171,171,171,.9); border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); } .feature-box-style-3::after { content: ''; position: absolute; bottom: 0; left: 0; height: 6px; width: 100%; transform-origin: right; transition: transform 500ms ease-in-out; -webkit-transition: transform 500ms ease-in-out; -moz-transition: transform 500ms ease-in-out; -o-transition: transform 500ms ease-in-out; transform: scaleX(0); border-bottom-left-radius: 30px; -webkit-bottom-left-radius: 30px; -moz-bottom-left-radius: 30px; border-bottom-right-radius: 30px; -webkit-bottom-right-radius: 30px; -moz-bottom-right-radius: 30px; } .feature-box-style-3:hover::after, .feature-box-style-3.section-active::after { transform-origin: left; transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); } .feature-box-style-3.section-active:hover::after { transform-origin: right; transform: scaleX(0); -webkit-transform: scaleX(0); -moz-transform: scaleX(0); } .feature-box-style-3 .invisible-number { top: 60px; font-size: 60px; } /*Feature Box style 4(service box) */ .feature-box-wrapper.feature-box-style-4 { height: 250px; max-width: 250px; line-height: 2; padding: 50px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; margin: 0 auto; background: #f7f7f7; border: 1px solid #e1e1e1; position:relative; } span.feature-box-ribbon { position: absolute; right: 30px; top: 0px; text-align: center; font-size: 60px; line-height: 60px; font-weight: 700; width: 40px; height: 40px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; text-shadow: 4px 4px 2px #d8d8d8; } /* image box shadow */ .image-shadow img { box-shadow: 0px 0px 56px 0px rgba(0,0,0,0.29); } /*-------------------------------------------------------------- 11. Flip Box Shortcode Styles --------------------------------------------------------------*/ .flip-box-icon { line-height: 1; transition: all ease 0.35s; -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; } .flip-box-wrapper.text-center .flip-box-icon { margin-left: auto; margin-right: auto; padding: 0; } .flip-box-wrapper.text-right .flip-box-icon { margin-left: auto; margin-right: 0; } .flip-box-wrapper .flip-box-title .section-title { color: inherit; margin-bottom: 0; } .flip-box-wrapper .flip-front > *, .flip-box-wrapper .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-wrapper .flip-back > div { padding: 0 30px; } .flip-box-wrapper .flip-front > div.flip-box-thumb { padding: 0; } .flip-box-wrapper .flip-box-thumb { padding: 0 !important; } .flip-box-wrapper { cursor: pointer; display: block; overflow: hidden; margin-bottom: 30px; } .flip-box-content { font-size: 15px; } .flip-front .section-title { position:relative; } .flip-box-btn a { position: relative; } /*-------------------------------------------------------------- 12. Faq Shortcode Styles --------------------------------------------------------------*/ .vc_toggle_title > h4 { font-size: 16px; line-height: 21px; } .vc_toggle { font-size: 13px; } /*-------------------------------------------------------------- 13. Modal Popup Shortcode Styles --------------------------------------------------------------*/ .modal-popup-wrapper .modal-close, .modal-box-trigger-img { cursor: pointer; } .text-left .modal-box-trigger-img { margin-left:0; } .text-center .modal-box-trigger-img { margin:0 auto; } .text-right .modal-box-trigger-img { margin-right:0; } .modal-popup-wrapper .modal { background: rgba(0,0,0,0.6); } .modal-trigger-icon > span { font-size: 40px; } .modal-backdrop { background-color: unset; } .modal-backdrop.show { visibility: hidden; } .modal-popup-wrapperalign-right-layover img { position: absolute; right: -58px; } .modal-content { width: 600px; max-width: 100%; } .modal-content iframe { max-width: 100%; } /*-------------------------------------------------------------- 14. Timeline Shortcode Styles --------------------------------------------------------------*/ .timeline { list-style: none; padding: 20px 0 20px; position: relative; } .timeline:before { top: 38px; bottom: 42px; position: absolute; content: " "; width: 1px; border-right: 2px dotted #aaaaaa; left: 50%; margin-left: -0.5px; } .timeline > li { margin-bottom: 20px; position: relative; } .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: 1px solid #d4d4d4; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; padding: 20px; position: relative; -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175); -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175); -ms-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175); -o-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175); } .timeline > li:not(.timeline-inverted) { padding-right:90px; } .timeline > li.timeline-inverted { padding-right:90px; } .timeline > li > .timeline-panel:before { position: absolute; top: 26px; right: -15px; display: inline-block; border-top: 15px solid transparent; border-left: 15px solid #ccc; border-right: 0 solid #ccc; border-bottom: 15px solid transparent; content: " "; } .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-right: -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; } .timeline-body > p, .timeline-body > ul { margin-bottom: 0; } .timeline-body > p + p { margin-top: 5px; } .timeline > li > .timeline-sep-title { line-height: 1.4; margin-left: 50px; width: auto; width: 70px; word-wrap: break-word; } .timeline > li.timeline-inverted > .timeline-sep-title { margin-left: -100px; } .timeline-sep-title > span { display: block; font-size: 14px; } .timeline.tl-border-solid:before { border-right-style: solid; } /*Timeline Left Layout */ .timeline.tl-left-layout > li > .timeline-sep-title { text-align: left; } .separator-shape-custom > i, .separator-shape-custom > img, .separator-shape-custom > .separator-text { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); } /*Timeline Layout 2 */ .timeline-style-2 .timeline > li > .timeline-panel { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; } /*Timeline Layout 3 */ .timeline-style-3 .timeline > li > .timeline-panel { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; border: none; } .timeline-style-3 .timeline > li > .timeline-panel:before { border: none; } .timeline-style-3 .timeline > li > .timeline-panel .timeline-heading, .timeline-style-3 .timeline > li > .timeline-panel .timeline-body { text-align: right; } .timeline-style-3 .timeline > li.timeline-inverted > .timeline-panel .timeline-heading, .timeline-style-3 .timeline > li.timeline-inverted > .timeline-panel .timeline-body { text-align: initial; } .timeline-style-3 .timeline-title { margin-bottom: 20px; text-transform: capitalize; } .timeline-style-3 .timeline:before { border-right: 3px solid #c7c7c7; } .timeline-style-3 .timeline > li > .timeline-sep-title { padding: 49px 32px; width: 100px; text-align: center; display: inline-table; overflow: hidden; margin-right: -280px; font-size: 38px; font-weight: 600; top: 0; margin-top: -10px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; color: #fff; } /*-------------------------------------------------------------- 15. Blog Shortcode Styles --------------------------------------------------------------*/ .blog-wrapper .post-author .author-img { display: inline-block; margin-right: 5px; vertical-align: middle; max-width: 20px; } .blog-wrapper .blog-inner > div:last-child { margin-bottom: 0; padding-bottom:15px; } .blog-wrapper .owl-carousel .item > div[class^=col-] { padding: 0; width: auto; max-width: 100%; } .blog-wrapper .blog-inner { border: 1px solid #e5e8ed; margin-bottom:30px; } .blog-wrapper .blog-inner > div { padding: 0 30px; margin-bottom: 15px; } .blog-wrapper.blog-dark .blog-inner { background: #333333 none repeat scroll 0 0; color: #ffffff; border: none; } .entry-title .post-title { color: #333; text-transform: capitalize; } .typo-white .post-title { color: #fff; } .blog-dark .entry-title a { color: #fff; } .blog-wrapper.blog-shadowed .blog-inner { box-shadow: 0px 0px 14px 2px rgba(0, 0, 0, 0.11); -webkit-box-shadow: 0px 0px 14px 2px rgba(0, 0, 0, 0.11); -moz-box-shadow: 0px 0px 14px 2px rgba(0, 0, 0, 0.11); -ms-box-shadow: 0px 0px 14px 2px rgba(0, 0, 0, 0.11); -o-box-shadow: 0px 0px 14px 2px rgba(0, 0, 0, 0.11); } .blog-wrapper .blog-inner > *:first-child { padding-top: 12px; } .blog-wrapper .blog-inner > .post-thumb { padding-left: 0; padding-right: 0; padding-top: 0; } .blog-wrapper > .row:last-child { margin-bottom: 0; } .blog-wrapper > .row { margin-bottom: 30px; } .post-category > a { margin-right: 5px; } .post-category > a:nth-child(2) { margin-left: 0; } .blog-wrapper .blog-inner .entry-title h3 { font-size: 22px; line-height: 28px; } .blog-wrapper .post-category > .back-comma:last-child { display: none; } /*Blog Style -1 */ .blog-wrapper.blog-style-1 .blog-inner { border:0; border-top: 4px solid; } .blog-wrapper.blog-style-1 .blog-inner > * { padding: 50px 50px; } .blog-wrapper.blog-style-1 .blog-inner > div:last-child { padding-bottom: 50px; } .blog-wrapper.blog-style-1 .blog-inner > .blog-default-top-part { padding: 50px 60px 50px 60px; position: relative; } .blog-wrapper.blog-style-1 .blog-inner > .blog-default-top-part:after { content: "1"; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: rgba(0,0,0,0.65); } .blog-default-top-part.set-bg-img { min-height: auto; max-height: auto; } .blog-wrapper.blog-style-1 .blog-inner > .blog-default-top-part a { color: #fff; } .blog-wrapper.blog-style-1 .blog-inner > .blog-default-top-part > * { color: #fff; position: relative; z-index: 1; } .blog-wrapper.blog-style-1 .blog-inner > .blog-default-bottom-part { background: #fbfbfb; padding: 50px 60px 70px 60px; } .blog-wrapper.blog-style-1 .blog-inner > .post-thumb { background: #000; margin: 0 0 22px 0; position: relative; overflow: hidden; } .blog-wrapper.blog-style-1 .top-meta ul li i { color: #fff; } .blog-wrapper.blog-style-1 .blog-inner .entry-title h3 { line-height: 34px; } .blog-wrapper.blog-style-1 .blog-inner .entry-title a.post-title { font-size: 32px; color: #fff; } .blog-wrapper.blog-style-1 .blog-inner .entry-title { margin-bottom: 12px; } .blog-wrapper.blog-style-1 .blog-inner .post-excerpt { margin-bottom: 28px; } .blog-wrapper.blog-style-1 a.read-more::after { content: "\f061"; font-family: fontawesome; font-size: 12px; font-weight: 400; padding-left: 10px; transition: all 300ms linear 0s; } /*dark*/ .blog-wrapper.blog-style-1.blog-dark .blog-inner > div { padding: 0 25px; } .blog-wrapper.blog-style-1.blog-dark .blog-inner > div:last-child { padding-bottom:15px; } .blog-wrapper.blog-style-1.blog-dark .blog-inner > div.post-thumb { padding:0; } /*Blog Style - 2 */ .blog-style-2 .blog-inner { overflow: hidden; border-radius: 10px; } .blog-style-2 .blog-inner > div { } .blog-wrapper.blog-style-2 .owl-item { padding: 0 5px; } .blog-style-2 .blog-inner > div:last-child { padding-bottom: 30px; } .blog-style-2 .blog-inner .entry-title { position: relative; } .blog-style-2 .blog-inner .entry-title:first-child::before { top: 62%; } .blog-style-2 .blog-inner:hover .post-thumb-overlay { opacity: 0.8; } .blog-wrapper.blog-style-2 .post-category > i { display: none; } .blog-wrapper.blog-style-2 .post-category > a { color: #fff; padding: 0px 10px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } .blog-wrapper.blog-style-2 .post-category > a:hover { background: #000; } .blog-wrapper.blog-style-2 .post-category > span.back-comma { display: none; } .blog-style-2 .blog-inner .top-meta .read-more, .blog-style-2 .blog-inner .bottom-meta .read-more, .blog-style-3 .blog-inner .top-meta .read-more, .blog-style-3 .blog-inner .bottom-meta .read-more { position: relative; } /*Blog Style - 3 */ .blog-style-3 .post-thumb { border-bottom: 0px solid; } .blog-style-3 .top-meta ul li i, .blog-template .top-meta ul li i { display: none; } .blog-style-3 ul.top-meta-list > li { position: relative; padding-left: 20px; } .blog-style-3 ul.top-meta-list > li:after, .blog-template ul.top-meta-list > li:after { content: "/"; position: absolute; top: 50%; transform: translateY(-50%); left: 0; font-size: 12px; } .blog-style-3 ul.top-meta-list > li:last-child:after { content: ""; } .blog-style-3 ul.top-meta-list > li:last-child { padding-right:0; } .blog-style-3 .top-meta ul li a,.blog-template .top-meta ul li a { font-size: 11px; line-height: 18px; text-transform: uppercase; } .sticky-date .post-date { position: absolute; bottom: 0px; right: 0px; } .blog-wrapper.blog-style-3 .blog-inner { border: 0; } .blog-wrapper.blog-style-3 .blog-inner > div { padding: 0; } .blog-wrapper.blog-style-3 .blog-inner .entry-title a { font-size: 26px; } .sticky-date .post-date a { color: #fff; padding: 8px 18px 13px 18px; display: inline-block; width: auto; text-align: center; font-size: 16px; font-weight: 400; line-height: 20px; } .sticky-date .post-date .icon-calendar { display: none; } .blog-wrapper .blog-inner .top-meta a.read-more::before, .blog-wrapper .blog-inner .bottom-meta a.read-more::before, article.post .bottom-meta a.read-more::before, .services-read-more .read-more::before { top: 50%; content: ""; pointer-events: none; position: absolute; right: 100%; width: 6px; height: 6px; background: #000; margin-top: -3px; margin-right: 13px; border-radius: 50%; } article.post .bottom-meta a.read-more { position:relative; } .blog-wrapper .blog-inner .top-meta a.read-more::after, .blog-wrapper .blog-inner .bottom-meta a.read-more::after, article.post .bottom-meta a.read-more::after, .services-read-more .read-more::after { content: ""; pointer-events: none; position: absolute; top: 50%; right: 100%; width: 88px; height: 1px; margin-top: -1px; margin-right: 15px; background: -moz-linear-gradient(left, rgba(237,66,102,1) 0%, rgba(237,66,102,0) 100%); background: -webkit-linear-gradient(left, rgba(237,66,102,1) 0%,rgba(237,66,102,0) 100%); background: linear-gradient(to right, rgba(237,66,102,1) 0%,rgba(237,66,102,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed4266', endColorstr='#00ed4266',GradientType=1 ); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; } .post-meta ul li.nav-item:last-child a.read-more:after { display:block !important; } /*list style*/ .blog-style-4 .row { margin-bottom: 0; } .post-thumb, .events-thumb { position: relative; } .post-thumb-overlay > a { color: #fff; position: absolute; top: 50%; left: 0; right: 0; text-align: center; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } .post-thumb-overlay > a:hover { color: #fff; } .post-thumb-overlay { position: absolute; height: 100%; width: 100%; opacity: 0; visibility: hidden; -webkit-transition: all 450ms ease-out 0s; -moz-transition: all 450ms ease-out 0s; transition: all 450ms ease-out 0s; background: rgba(0, 0, 0, 0.8); transform: rotateY(180deg) scale(0.5, 0.5); } .blog-inner:hover .post-thumb-overlay, .events-inner:hover .post-thumb-overlay { opacity: 0.9; visibility: visible; transform: rotateY(0deg) scale(1, 1); } .post-thumb-overlay > a > span { border: solid 1px #fff; padding: 9px; } .blog-style-4 > .row .blog-inner { margin-bottom: 30px; } .blog-wrapper.blog-style-4>.row .blog-inner>div { padding-bottom: 0; } .blog-style-4 .blog-inner .top-meta .read-more, .blog-style-4 .blog-inner .bottom-meta .read-more { position: relative; transition: all 300ms linear 0s; } .blog-style-4 > .row .blog-inner > div > .media-body { padding: 0; padding-left: 0; } .blog-style-4 .list-content-col > * { margin-bottom: 12px; } .blog-style-4 .list-content-col > *:nth-child(2) { margin-bottom: 20px; } .blog-style-4 .list-content-col > *:last-child { margin-bottom: 0; } .blog-style-4 .list-content-col > .post-excerpt { margin-bottom: 24px; } .blog-style-4 > .row .zig-zag-even-col .list-content-col { text-align: right; } .blog-style-4 > .row .zig-zag-even-col .list-content-col .top-meta ul li, .blog-style-4 > .row .zig-zag-even-col .list-content-col .bottom-meta ul li { text-align: right; float: none; display: inline-block; } .blog-style-4 > .row .zig-zag-even-col .list-content-col .post-more { padding: 0 24px; } .blog-wrapper.blog-style-4 .top-meta, .blog-wrapper.blog-style-4 .bottom-meta { clear: unset; } .blog-style-4 .top-meta ul li .post-date i, .blog-style-4 .bottom-meta ul li .post-date i { display: none; } .blog-style-4 .top-meta ul li .post-author .author-img, .blog-style-4 .bottom-meta ul li .post-author .author-img { display: none; } .blog-style-4.body-padding-around .list-content-col:first-child { padding-left: 40px; } .blog-style-4 .post-thumb-overlay, .blog-style-4 img { border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; } .blog-wrapper .owl-carousel .row { padding: 0 !important; } /*Padding Around*/ .body-padding-around.blog-style-4 .post-thumb { margin-right: 0px; } .body-padding-around.blog-style-4 .media-body { padding: 30px; } .blog-style-4.body-padding-around .list-content-col { padding: 15px 40px 15px 15px; } /*Title Medium*/ .blog-wrapper.title-medium.blog-style-4 .entry-title h3 { font-size: 20px; line-height: 30px; } /*Split Slash*/ .split-slash.blog-style-4 .top-meta-list li { position: relative; } .split-slash.blog-style-4 .top-meta-list li::after { content: "/"; position: absolute; right: -10px; top: 0; color: #888; } .split-slash.blog-style-4 .top-meta-list li:last-child::after { display: none; } /*Radius Image*/ .blog-wrapper.radius-img.blog-style-4 .post-thumb-overlay, .blog-wrapper.radius-img.blog-style-4 img { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; } /*meta*/ .top-meta, .bottom-meta { display: block; overflow: hidden; } .top-meta ul li, .bottom-meta ul li { float: left; margin-right: 15px; } .top-meta ul li, .bottom-meta ul li { font-size: 15px; line-height: 25px; } .top-meta ul li a.read-more, .bottom-meta ul li a.read-more { font-size: 16px; font-weight: 500; transition: all 300ms linear 0s; position: relative; } .top-meta ul li a.read-more:hover, .top-meta ul li a.read-more:hover::after, .bottom-meta ul li a.read-more:hover, .bottom-meta ul li a.read-more:hover::after { color: #000 !important; } .top-meta ul li:last-child, .bottom-meta ul li:last-child { margin-right: 0; } .blog-wrapper .top-meta, .blog-wrapper .bottom-meta { clear: both; } .bottom-meta-list > li { display: inline-block; } .bottom-meta-list { overflow: hidden; } .top-meta ul li span, .bottom-meta ul li span { padding-right: 0; } .top-meta ul li span:before, .bottom-meta ul li span:before { display: none; } /*-------------------------------------------------------------- 17. Blog Classic Shortcode Styles --------------------------------------------------------------*/ .blog-classic-wrapper .top-meta .post-date { border-radius: 50px; padding: 4px 25px; background-color: #f7f7f7; } .blog-classic-wrapper .top-meta .post-date a { font-size: 13px; text-transform: uppercase; letter-spacing: .5px; font-weight: 500; } .blog-classic-wrapper a.read-more { transition: all 300ms linear 0s; } .blog-classic-wrapper a.read-more::after { content: "\f061"; font-family: fontawesome; font-size: 12px; font-weight: 400; padding-left: 10px; } .blog-classic-wrapper .blog-list > *:not(:last-child) { border-bottom: 1px solid #eaeaea; padding-bottom: 28px; margin-bottom: 36px !important; } .blog-classic-wrapper .blog-list > *:not(:last-child) { margin-bottom: 18px; } /*-------------------------------------------------------------- 16. Circle Progress Styles --------------------------------------------------------------*/ .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%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } /*-------------------------------------------------------------- 18. Contact Info Styles --------------------------------------------------------------*/ .contact-info-wrapper > * { margin-bottom: 10px; } .contact-info-wrapper > div span { padding-right: 8px; vertical-align: middle; } .contact-info-wrapper > .contact-info-title { margin-bottom: 30px; } /* style -2 */ .contact-info-wrapper.contact-info-style-2 { padding: 25px; background: #000; } .contact-info-wrapper.contact-info-style-2 .contact-info-title { color: #fff; } .contact-info-wrapper.contact-info-style-2 .contact-mail a { color: inherit; } /* style -3 */ .contact-info-wrapper.contact-info-style-3 { box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.12); -ms-box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.12); -o-box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.12); padding: 25px; } /*-------------------------------------------------------------- 19. Contact - Form7 Styles --------------------------------------------------------------*/ .contact-form-title { margin-bottom: 30px; } .contact-form-classic .wpcf7 input[type="submit"] { padding: 26px 42px; font-size: 17px; font-weight: 500; letter-spacing: 0px; display: block; background: transparent; color: #fff; border: none; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; margin-top: 10px; } .contact-form-classic.text-center .wpcf7 input[type="submit"] { text-align: center; margin: 0 auto; margin-top: 10px; } .contact-form-wrapper .wpcf7 input[type="submit"]:hover, .wpcf7 input[type="submit"]:hover { background: #000000; } .wpcf7 textarea:focus, .wpcf7 input:focus, .wpcf7 select:focus { outline: 0; } .wpcf7 label { display: block; } .wpcf7 textarea, .wpcf7 input, .wpcf7 select { background: #fff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border: 1px solid #e6e6e6; color: #121212; margin-bottom: 22px; width: 100%; padding: 9px 37px; } .wpcf7 .wpcf7-list-item input { width: auto; margin-bottom: 0; } .wpcf7 .margin-bottom-40 { margin-bottom: 40px !important; } .wpcf7 .margin-bottom-55 { margin-bottom: 55px !important; } .wpcf7 .wpcf7-list-item { margin-top: 10px; } .wpcf7 input[type="file"] { padding: 0; } .wpcf7 select { height: 54px; line-height: 54px; } .wpcf7 select option { color:#000; } .typo-white .wpcf7 textarea, .typo-white .wpcf7 input, .typo-white .wpcf7 select { color:#fff; } .wpcf7 textarea { max-height: 130px; line-height: 28px; } .wpcf7 input[type="submit"] { margin-bottom: 0; height: 40px; line-height: 0; width: auto; cursor: pointer; padding: 27px 46px; color: #fff; border: none; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; } .wpcf7 input[type="submit"]:hover { background: #333; color:#fff; } .wpcf7 .invalid input.wpcf7-not-valid { margin-bottom: 0; } .contact-form-default .wpcf7 textarea, .contact-form-default .wpcf7 input, .contact-form-default .wpcf7 select { background: transparent; margin-bottom: 40px; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; } .contact-form-default .wpcf7 textarea { max-height: 160px; } .wpcf7-submit.btn.btn-rounded { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; } .wpcf7-form .align-right > * { float: right; } .wpcf7-form .align-right span.ajax-loader { margin: 15px 4px 0 0; } .wpcf7 input::-webkit-input-placeholder, .wpcf7 textarea::-webkit-input-placeholder, .wpcf7 select::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #676767; font-size: 16px; } .wpcf7 input::-moz-placeholder, .wpcf7 textarea::-moz-placeholder, .wpcf7 select::-moz-placeholder { /* Firefox 19+ */ color: #676767; font-size: 16px; } .wpcf7 input::-ms-input-placeholder, .wpcf7 textarea::-ms-input-placeholder, .wpcf7 select::-ms-input-placeholder { /* IE 10+ */ color: #676767; font-size: 16px; } .wpcf7 input:-moz-placeholder, .wpcf7 textarea:-moz-placeholder, .wpcf7 select:-moz-placeholder { /* Firefox 18- */ color: #676767; font-size: 16px; } .contact-form-wrapper.entry-light input, .contact-form-wrapper.entry-light textarea, .contact-form-wrapper.entry-light select { color: #fff; } /* Entry Light */ .contact-form-wrapper.entry-light input, .contact-form-wrapper.entry-light textarea, .contact-form-wrapper.entry-light select { border-bottom: 1px solid #fff !important; } .contact-form-wrapper.entry-light input.wpcf7-submit { border-bottom: unset !important; } .contact-form-wrapper.entry-light input.wpcf7-submit:hover { background: #000 !important; color: #fff; } .entry-light .wpcf7 input::-webkit-input-placeholder, .entry-light .wpcf7 textarea::-webkit-input-placeholder, .entry-light .wpcf7 select::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #ffffff; } .entry-light .wpcf7 input::-moz-placeholder, .entry-light .wpcf7 textarea::-moz-placeholder, .entry-light .wpcf7 select::-moz-placeholder { /* Firefox 19+ */ color: #ffffff; } .entry-light .wpcf7 input::-ms-input-placeholder, .entry-light .wpcf7 textarea::-ms-input-placeholder, .entry-light .wpcf7 select::-ms-input-placeholder { /* IE 10+ */ color: #ffffff; } .entry-light .wpcf7 input:-moz-placeholder, .entry-light .wpcf7 textarea:-moz-placeholder, .entry-light .wpcf7 select:-moz-placeholder { /* Firefox 18- */ color: #ffffff; } /*Classic*/ .contact-form-classic .wpcf7 textarea, .contact-form-classic .wpcf7 input, .contact-form-classic .wpcf7 select { background: unset; border-bottom: 1px solid rgba(127,127,127,.3); border-left: none; border-right: none; border-top: none; border-radius: unset; -webkit-border-radius: unset; -moz-border-radius: unset; -ms-border-radius: unset; -o-border-radius: unset; padding: 12px 0; } .contact-form-classic .wpcf7 textarea { max-height: 100px; } /*Contact Form material design*/ .contact-form-material .wpcf7 textarea, .contact-form-material .wpcf7 input, .contact-form-material .wpcf7 select { box-shadow: -1px 0px 15px 0px rgba(0,0,0,0.12); -webkit-box-shadow: -1px 0px 15px 0px rgba(0,0,0,0.12); -moz-box-shadow: -1px 0px 15px 0px rgba(0,0,0,0.12); -ms-box-shadow: -1px 0px 15px 0px rgba(0,0,0,0.12); -o-box-shadow: -1px 0px 15px 0px rgba(0,0,0,0.12); border: 0; } /*Grey*/ .contact-form-grey .wpcf7 textarea, .contact-form-grey .wpcf7 input, .contact-form-grey .wpcf7 select { background: #f6f6f6; border: none; padding: 15px 25px; margin-bottom: 35px; } .contact-form-grey .wpcf7 input.wpcf7-submit { margin-bottom: 0; padding: 12px 35px; height: 46px; } .contact-form-grey .wpcf7 textarea { max-height: 224px; } /*-------------------------------------------------------------- 20. Content Carousel Styles --------------------------------------------------------------*/ .content-carousel-wrapper .owl-carousel .owl-item img { max-width: 100%; width: inherit; } .content-carousel-wrapper .owl-nav { position: absolute; top: 50%; left: 0px; right: 0; transform: translateY(50%); -webkit-transform: translateY(50%); -moz-transform: translateY(50%); -ms-transform: translateY(50%); -o-transform: translateY(50%); } .content-carousel-wrapper .owl-nav > * { position: absolute; } .content-carousel-wrapper .owl-nav > *::before { line-height: inherit !important; } .content-carousel-wrapper .owl-item > * { padding: 0 5%; } /*-------------------------------------------------------------- 21. Image Grid Shortcode Styles --------------------------------------------------------------*/ .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-wrapper.image-grid-2 .image-grid-inner { overflow: hidden; } /*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 { -webkit-filter: grayscale(100%); filter: gray; -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); -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; opacity: 0.4; } @-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; } } /*-------------------------------------------------------------- 22. List Item Shortcode Styles --------------------------------------------------------------*/ .list-item-title { line-height: 30px; } .list-item-title span { padding: 0; font-size: 18px; line-height: 30px; } .list-item-wrapper.custom-icon-style .list-item-title span { font-size: 12px; margin-right: 25px !important; } .list-item-inner { margin-bottom: 4px; } .list-item-inner:last-child { margin-bottom: 0; } /***** VC Shortcode Styles *****/ /*-------------------------------------------------------------- 23. Custom Heading Shortcode Styles --------------------------------------------------------------*/ .vc_custom_heading { margin-bottom: 35px; } /*-------------------------------------------------------------- 24. Progress Bar Shortcode Styles --------------------------------------------------------------*/ .vc_row .vc_progress_bar .vc_single_bar { margin-bottom: 35px; } .vc_progress_bar .vc_single_bar .vc_label { top: -40px; padding-left: 0; font-size: 100%; } .typo-dark .vc_progress_bar .vc_general.vc_single_bar .vc_label { color: #333; text-shadow:none; } .vc_row .vc_progress_bar .vc_single_bar { margin-bottom: 35px; margin-top: 35px; background:#000; } .vc_row .vc_progress_bar .vc_single_bar:last-child { margin-bottom: 0; } .vc_progress_bar .vc_single_bar .vc_bar { border-radius:0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; } .vc_progress_bar .vc_single_bar { height: 30px; margin-bottom: 30px; } .vc_single_bar .vc_label_units { margin: 0px 5px; top: -21px; left: 0; position: absolute; } .vc_progress_bar:not(.vc-progress-bar-default) .vc_single_bar { margin-bottom: 40px; } .vc_progress_bar:not(.vc-progress-bar-default) .vc_single_bar .vc_label, .vc_progress_bar:not(.vc-progress-bar-default) .vc_single_bar .vc_label_units { position: absolute; bottom: 100%; margin-bottom: 5px; } .vc_progress_bar:not(.vc-progress-bar-default) .vc_single_bar .vc_label { padding: 0; } .vc_progress_bar:not(.vc-progress-bar-default) .vc_single_bar .vc_label_units { right: 0; font-size: 14px; } .factrie-content .vc_progress_bar.vc-progress-bar-default .vc_single_bar { background: rgba(247,247,247,0.5); margin-bottom: 48px; margin-top: 32px; } .factrie-content .vc_progress_bar.vc-progress-bar-default .vc_single_bar:last-child { margin-bottom: 0px; } .factrie-content .vc_progress_bar.vc-progress-bar-default .vc_single_bar .vc_label_units { top: 0px; left: 5px; color: #fff; font-size: 12px; } /*Classic*/ .vc_progress_bar.vc-progress-bar-classic .vc_single_bar { background: #ebebeb; box-shadow: unset; -webkit-box-shadow: unset; -moz-box-shadow: unset; -ms-box-shadow: unset; -o-box-shadow: unset; } .vc_progress_bar.vc-progress-bar-classic .vc_single_bar, .vc_progress_bar.vc-progress-bar-classic .vc_single_bar .vc_bar { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -o-border-radius: 0px; -ms-border-radius: 0px; } .vc_progress_bar.vc-progress-bar-classic .vc_single_bar .vc_label, .vc-progress-bar-classic .vc_single_bar .vc_label_units { top: -30px; } .vc_progress_bar.vc-progress-bar-classic .vc_single_bar { margin-bottom: 80px !important; -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1); } .vc_progress_bar.vc-progress-bar-classic .vc_single_bar:last-child { margin-bottom: 0 !important; } /*Stack*/ .vc-progress-bar-stack .vc_single_bar .vc_label, .vc-progress-bar-stack .vc_single_bar .vc_label_units { top: -30px; } .vc_row .vc-progress-bar-stack .vc_single_bar { background: transparent; border: 1px solid; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; } /*-------------------------------------------------------------- 25. Accordian Shortcode Styles --------------------------------------------------------------*/ .vc_tta.vc_general .vc_tta-panel-body p { font-size: 13px; line-height: 25px; } .wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title>a { color: #252525 !important; font-size: 13px; line-height: 24px; background: #fff; padding: 18px 20px; } .vc_tta-accordion.vc_tta-style-classic .vc_tta-panels .vc_tta-controls-icon-position-left .vc_tta-controls-icon { left: 24px; } .vc_tta-accordion.vc_tta-style-classic .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-heading a { padding-top: 25px; } .vc_tta-accordion.vc_tta-style-classic .vc_tta-panels .vc_tta-controls-icon-position-left.vc_tta-panel-title > a { padding-left: 57px !important; } .vc_tta-accordion.vc_tta-style-classic .vc_tta-panels .vc_tta-controls-icon-position-left.vc_tta-panel-title .vc_tta-controls-icon { left: 22px; } .wpb-js-composer .vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left .vc_tta-controls-icon.vc_tta-controls-icon-triangle { -ms-transform: rotate(-90deg); transform: translateY(-50%) rotate(-90deg); } .vc_tta-accordion.vc_tta-style-classic .vc_tta-panels .vc_active .vc_tta-controls-icon.vc_tta-controls-icon-triangle { transform: translateY(-50%) rotate(0deg); } .vc_tta-accordion.vc_tta-style-classic .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading, .vc_tta-accordion.vc_tta-style-classic .vc_tta-panels .vc_tta-panel .vc_tta-panel-body { border-width: 1px solid #edeaea; border-style: solid; border-color: #edeaea !important; border-radius: unset; } .vc_tta-accordion.vc_tta-style-classic .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-heading { border-bottom: none !important; margin-bottom: 0 !important; } .vc_tta-accordion.vc_tta-style-classic .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-body { background: #fff; border-top: unset; padding-left: 57px !important; padding-top: 0px !important; padding-bottom: 25px !important; } .vc_tta.vc_tta-accordion.vc_tta-style-flat .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-heading { border: none; } .vc_tta.vc_tta-accordion.vc_tta-style-flat .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading { border: 1px solid #eee; } .vc_tta.vc_general .vc_tta-panel-title { font-size: 16px; font-weight: 500; } .vc_tta.vc_tta-accordion.vc_tta-style-flat .vc_tta-controls-icon-position-left.vc_tta-panel-title > a { padding-right: 45px !important; } .vc_tta.vc_tta-accordion.vc_tta-style-flat .vc_active .vc_tta-controls-icon-position-left.vc_tta-panel-title > a { background: #333; } .vc_tta.vc_tta-accordion.vc_tta-style-flat .vc_active .vc_tta-controls-icon-position-left.vc_tta-panel-title > a span.vc_tta-title-text { color: #fff; } .vc_tta.vc_tta-accordion.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-body { border: 1px solid #eee; } .vc_tta.vc_tta-accordion.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-title a i { left: 16px; } .vc_tta.vc_tta-accordion.vc_tta-style-flat .vc_active .vc_tta-controls-icon-position-left.vc_tta-panel-title > a > i:before { border-color: unset; } .vc_tta-style-outline .vc_tta-panel .vc_tta-panel-title > a { color: #333 !important; } .vc_tta-style-outline .vc_tta-panel .vc_tta-panel-title > a i::before { border-color: #333 !important; } .vc_tta-accordion.vc_tta-style-modern .vc_tta-panel-title.vc_tta-controls-icon-position-right > a { padding: 22px 42px 22px 24px !important; } .vc_tta-accordion.vc_tta-style-modern .vc_tta-panel-title.vc_tta-controls-icon-position-left > a { padding: 22px 42px 24px 22px !important; } .vc_tta-accordion.vc_tta-style-modern .vc_tta-panel.vc_active .vc_tta-panel-heading { margin-bottom: 0 !important; border: unset; } .vc_tta-accordion.vc_tta-style-modern .vc_tta-panel.vc_active .vc_tta-panel-body { border: unset; padding-top: 0 !important; padding: 15px 25px 20px 25px !important; } /*-------------------------------------------------------------- 26. Social Icons Shortcode Styles --------------------------------------------------------------*/ .social-icons-title { margin-bottom: 14px; } /*Social Squared*/ ul.social-icons.social-squared > li > a { border-radius: unset; -webkit-border-radius: unset; -moz-border-radius: unset; -ms-border-radius: unset; -o-border-radius: unset; } /*Social Center*/ .social-icons-wrapper.text-center .social-icons { margin: 0 auto; display: inline-block; } /*Social Right*/ .social-icons-wrapper.text-right .social-icons { display: inline-block; } /*-------------------------------------------------------------- 27. Tour Shortcode Styles --------------------------------------------------------------*/ .vc_tta.vc_general .vc_tta-panel-body { padding: 14px 40px !important; } .vc_tta .vc_tta-tab.vc_active>a { color: #000 !important; } /*-------------------------------------------------------------- 28. Tabs Shortcode Styles --------------------------------------------------------------*/ .vc_tta.vc_tta-tabs.vc_general .vc_tta-panel-body { padding: 30px !important; } /* Classic */ .vc_tta-container .vc_tta-style-classic.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body { background-color: #fff !important; border: 1px solid #f5f5f5 !important; -webkit-box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.06); box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.06); padding: 70px !important; } .vc_tta.vc_tta-tabs.vc_general.vc_tta-style-classic .vc_active > a { color: #fff !important; } .vc_tta.vc_tta-tabs.vc_tta-style-classic .vc_tta-tabs-list li { margin-left: 0; } .vc_tta.vc_tta-tabs.vc_tta-style-classic .vc_tta-tabs-list li a { background-color: #fff; border: 1px solid #d0d0d0; padding: 12px 35px; } .vc_tta.vc_tta-tabs.vc_tta-style-classic .vc_tta-tabs-list li a:hover { background-color: #000 !important; border-color: #000 !important; } .vc_tta.vc_tta-tabs.vc_tta-style-classic .vc_tta-tabs-list li a:hover { color: #fff; } .vc_tta.vc_tta-tabs.vc_tta-style-classic.vc_tta-shape-round .vc_tta-tabs-list li a { border-radius: 0px 50px 50px 0px; -webkit-border-radius: 0px 50px 50px 0px; -moz-border-radius: 0px 50px 50px 0px; } .vc_tta.vc_tta-tabs.vc_tta-style-classic.vc_tta-shape-round .vc_tta-tabs-list li:first-child a { border-radius: 50px 0px 0px 50px; -webkit-border-radius: 50px 0px 0px 50px; -moz-border-radius: 50px 0px 0px 50px; } /*-------------------------------------------------------------- 29. Tabs Theme Shortcode Styles --------------------------------------------------------------*/ .factrie-tabs-wrapper .nav-tabs { display: flex; text-align: center; -webkit-box-align: center!important; -ms-flex-align: center!important; align-items: center!important; } .factrie-tabs-wrapper .nav-tabs .nav-item a { margin-bottom: 40px; width: 175px; min-height: 139px; } /* Default */ .factrie-tabs-wrapper.factrie-tab-default .nav-tabs { border: unset; } .factrie-tabs-wrapper.factrie-tab-default .nav-tabs .tab-list-img { margin-bottom: 8px; } .factrie-tabs-wrapper.factrie-tab-default .tab-content { background-color: white; } .factrie-tabs-wrapper.factrie-tab-default .nav-tabs .nav-item a { position: relative; border: 1px solid #e5e8ed; padding: 27px 20px 26px; text-transform: uppercase; font-size: 14px; letter-spacing: 1px; font-weight: 500; color: #555555; } .factrie-tabs-wrapper.factrie-tab-default .nav-tabs .nav-item a.nav-link.active { background-color: #ffff; } .factrie-tabs-wrapper.factrie-tab-default .nav-tabs .nav-item:not(:last-child) { margin-right: 24px; } .factrie-tabs-wrapper.factrie-tab-default .nav-tabs .nav-item::before { position: absolute; content: ""; bottom: -40px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); height: 40px; width: 40px; border-top: solid #FFFFFF; border-left: solid transparent; border-right: solid transparent; border-width: 20px; -webkit-filter: drop-shadow(0 5px 3px rgba(3, 27, 78, 0.08)); filter: drop-shadow(0 5px 3px rgba(3, 27, 78, 0.08)); -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; opacity: 0; visibility: hidden; } .factrie-tabs-wrapper.factrie-tab-default .nav-tabs .nav-item.active { background-color: #ffffff; /*-webkit-box-shadow: 0px 5px 10px 0px rgba(3, 27, 78, 0.08); box-shadow: 0px 5px 10px 0px rgba(3, 27, 78, 0.08);*/ } .factrie-tabs-wrapper.factrie-tab-default .nav-tabs .nav-item.active::before { opacity: 1; visibility: visible; } .factrie-tabs-wrapper .box-down-arrow { width: 0; height: 0; border-left: 23px solid transparent; border-right: 23px solid transparent; border-top: 23px solid #e5e8ed; position: absolute; bottom: -23px; left: 0; right: 0; margin: 0 auto; } .factrie-tabs-wrapper .box-down-arrow::after { content: ''; position: absolute; top: -25px; left: -23px; width: 0; height: 0; border-left: 23px solid transparent; border-right: 23px solid transparent; border-top: 23px solid white; } .factrie-tabs-wrapper .nav-item .box-down-arrow { visibility: hidden; } .factrie-tabs-wrapper .nav-link.active .box-down-arrow { visibility: visible; } /*List Style*/ .factrie-tabs-wrapper.factrie-tab-list-center .nav-tabs { -webkit-box-pack: center!important; -ms-flex-pack: center!important; justify-content: center!important; } .factrie-tabs-wrapper.factrie-tab-list-right .nav-tabs { -webkit-box-pack: end!important; -ms-flex-pack: end!important; justify-content: flex-end!important; } .factrie-tabs-wrapper.factrie-tab-list-center .nav-tabs .nav-item { display: inline-block; } /*Content Style*/ .factrie-tabs-wrapper.factrie-tab-content-center { text-align: center; } .factrie-tabs-wrapper.factrie-tab-content-right { text-align: right; } /*-------------------------------------------------------------- 30. Button Shortcode Styles --------------------------------------------------------------*/ .btn > * { display: inline-block; vertical-align: middle; } .btn-icon-left { margin-right: 8px; } .btn-icon-right { margin-left: 8px; } .btn.btn-rounded-circle { border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; } .btn.btn-rounded { border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; } .btn.theme-gradient-border { position: relative; z-index: 1; } .btn-wrap .btn-link { border-bottom: 1px solid; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .btn-wrap .btn-link:hover { text-decoration: none; border-bottom: 1px solid; } .btn-wrap .btn-link .btn-icon { font-size: 10px; } /*-------------------------------------------------------------- 31. Call To Action Shortcode Styles --------------------------------------------------------------*/ .factrie-content-wrapper section.vc_cta3-container { padding: 35px 0 0px 0; } .vc_general.vc_cta3 { border: 0; } .vc_general.vc_cta3 .vc_cta3-content { vertical-align: middle; } .vc_general.vc_cta3.vc_cta3-actions-right .vc_cta3-content, .vc_general.vc_cta3.vc_cta3-actions-right .vc_cta3-actions { display: inline-block; } .vc_general.vc_cta3.vc_cta3-align-center .vc_cta3_content-container { text-align: center; } .vc_general.vc_cta3.vc_cta3-actions-right h2 { margin-bottom: 0; } /*-------------------------------------------------------------- 32. Cobbles Shortcode Styles --------------------------------------------------------------*/ /*Cobbles*/ .cobbles-overlay-wrap { position: relative; } .cobbles-overlay { left: 0; position: absolute; top: 0; width: 100%; opacity: 0; padding: 10px; } .cobbles-overlay-wrap:hover .cobbles-overlay { opacity: 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; z-index: 1; } .cobbles-overlay.overlay-center { top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } .cobbles-overlay-wrap .cobbles-title h3 { margin-bottom: 0; text-transform: uppercase; font-size: 22px; line-height: 32px; } .cobbles-overlay-wrap .cobbles-categories span { letter-spacing: 1px; } .cobbles-overlay-wrap img { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } .cobbles-icons a { border: solid 1px #fff; padding: 4px 9px; margin-right: 10px; } .cobbles-icons a:last-child { margin-right: 0; } .cobbles-overlay > * { margin-bottom: 25px; } .cobbles-overlay > *:last-child { margin-bottom: 0px; } .cobbles-overlay .cobbles-title:first-child { margin-bottom: 2px; } .cobbles-wrapper.cobbles-classis { margin: -15px; } .cobbles-wrapper.cobbles-classis > .cobbles-wrap { float: left; width: 25%; padding: 15px; } .cobbles-wrapper.cobbles-classis > .cobbles-wrap:first-child { width: 50%; } .cobbles-wrapper.cobbles-modern > .cobbles-wrap { float: left; width: 25%; padding: 15px; } .cobbles-wrapper.cobbles-modern > .cobbles-wrap:first-child, .cobbles-wrapper.cobbles-modern > .cobbles-wrap:nth-child(2), .cobbles-wrapper.cobbles-modern > .cobbles-wrap:nth-child(5), .cobbles-wrapper.cobbles-modern > .cobbles-wrap:nth-child(6) { width: 50%; } .cobbles-wrapper.cobbles-modern > .cobbles-wrap:nth-child(7), .cobbles-wrapper.cobbles-modern > .cobbles-wrap:nth-child(8) { margin-top: -25%; } .cobbles-wrapper.cobbles-modern > .cobbles-wrap:nth-child(8) { margin-left: 25%; } .cobbles-wrapper.cobbles-modern > .cobbles-wrap:nth-child(5) { margin-top: -16px; } .cobbles-overlay-wrap:before { background: -webkit-linear-gradient(-150deg, #95ce69 35%, #3abb65 65%); background: linear-gradient(-150deg, #95ce69 35%, #3abb65 65%); } .cobbles-overlay-wrap:hover:before { opacity: 0.85; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } .cobbles-overlay-wrap:before { content: ""; position: absolute; left: 0; right: 0; top: 0; opacity: 0; z-index: 1; bottom: 0; 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; } /*-------------------------------------------------------------- 33. Time Table Shortcode Styles --------------------------------------------------------------*/ .mp-event .post-format-wrap { margin: 0; } .mptt-shortcode-wrapper ul.mptt-menu.mptt-navigation-tabs { padding-left: 0; margin-bottom: 40px; } .mptt-shortcode-wrapper ul.mptt-menu.mptt-navigation-tabs li { margin: 0 20px 0 0!important; } .mptt-shortcode-wrapper ul.mptt-menu.mptt-navigation-tabs li a { border-bottom-width: 3px; border-bottom-style: solid; border-color: #eee; color: #333; padding-bottom:7px; } .zig-zag-even-col .zig-zag-row > .col-md-5 { left: 58.3333%; } .zig-zag-even-col .zig-zag-row > .col-md-7 { right: 41.6667%; } /*-------------------------------------------------------------- 33. Timeline Slide Shortcode Styles --------------------------------------------------------------*/ /*Timeline Slide*/ .cd-horizontal-timeline { opacity: 0; margin: 2em auto; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; transition: opacity 0.2s; overflow: hidden; } .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; margin: 0 auto; } .cd-horizontal-timeline .events-wrapper { position: relative; height: 100%; margin: 0 40px; overflow: hidden; } .cd-horizontal-timeline .events-wrapper::after, .cd-horizontal-timeline .events-wrapper::before { /* these are used to create a shadow effect at the sides of the timeline */ content: ''; position: absolute; z-index: 2; top: 0; height: 100%; width: 20px; } .cd-horizontal-timeline .events-wrapper::before { left: 0; background-image: -webkit-linear-gradient( left , #ffffff, rgba(248, 248, 248, 0)); background-image: linear-gradient(to right, #ffffff, rgba(248, 248, 248, 0)); height: 5px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } .cd-horizontal-timeline .events-wrapper::after { right: 0; background-image: -webkit-linear-gradient( right , #ffffff, rgba(248, 248, 248, 0)); background-image: linear-gradient(to left, #ffffff, rgba(248, 248, 248, 0)); height: 5px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } .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 */ -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%; -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; } .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: #7b9d6f; border-color: #7b9d6f; } .cd-horizontal-timeline .events a.selected { pointer-events: none; } .cd-horizontal-timeline .events a.older-event::after { border-color: #000; } @media only screen and (min-width: 1100px) { .cd-horizontal-timeline { margin: 20px 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; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; box-sizing: border-box; border: 2px solid #dfdfdf; color: transparent; 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::after { /* arrow icon */ content:"\f105"; font-family: fontAwesome; color: #000; position: absolute; left: 0; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .cd-timeline-navigation a.prev::after { content:"\f104"; } .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; } .no-touch .cd-timeline-navigation a.inactive:hover { border-color: #dfdfdf; } .cd-horizontal-timeline .events-content { position: relative; width: 100%; margin: 0.5em 0; -webkit-transition: height 0.4s; -moz-transition: height 0.4s; transition: height 0.4s; } .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; border: 2px solid; padding: 0 40px; } .cd-horizontal-timeline .events-content li .tl-triangle { width: 0; height: 0; border-left: 25px solid transparent; border-right: 25px solid transparent; border-bottom: 25px solid; position: relative; top: -49px; } .cd-horizontal-timeline .events-content li .tl-triangle::after { content: ''; position: absolute; top: 21px; left: -23px; width: 0; height: 0; border-left: 23px solid transparent; border-right: 23px solid transparent; border-bottom: 23px solid white; } .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: 700; padding-top: 16px; } .cd-horizontal-timeline .events-content em { display: block; font-style: italic; margin: 10px auto 20px; } .cd-horizontal-timeline .events-content em::before { content: '- '; } .cd-horizontal-timeline .events-content p { font-size: 14px; color: #959595; } .cd-horizontal-timeline .events-content li .testimonial-content { padding-bottom: 40px; } .cd-horizontal-timeline .events-content em, .cd-horizontal-timeline .events-content p { line-height: 1.6; } @media only screen and (min-width: 768px) { .cd-horizontal-timeline .events-content h2 { font-size: 34px; } .cd-horizontal-timeline .events-content em { font-size: 18px; } .cd-horizontal-timeline .events-content p { font-size: 18px; } } @-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%); } } /*-------------------------------------------------------------- 34. Responsive Shortcode Styles --------------------------------------------------------------*/ @media screen and ( max-width: 1024px ) { .day-counter > div { margin-bottom:10px; } } @media screen and ( min-width: 768px ) { .timeline.tl-left-layout > li > .timeline-badge, .timeline.tl-left-layout > li > .timeline-sep-title { left: auto; } .timeline.tl-left-layout > li.timeline-inverted { padding-right: 100px; } .timeline-style-3 .timeline.tl-left-layout > li.timeline-inverted { padding-right: 310px; } .timeline.tl-left-layout:before { left: 100px; } .timeline-style-3 .timeline.tl-left-layout:before { right: 308px; } .timeline.tl-left-layout > li > .timeline-panel { width: auto; margin-left: 50px; } .timeline.tl-right-layout > li > .timeline-panel { width: auto; } .timeline.tl-right-layout > li > .timeline-badge, .timeline.tl-right-layout > li > .timeline-sep-title { left: unset; margin-left: auto; right: 0; } .timeline.tl-right-layout > li > .timeline-badge { margin-right: 75px; } .timeline.tl-right-layout > li { padding-right: 150px; } .timeline.tl-right-layout:before { right: 0; margin-right: 100px; left: auto; margin-left: auto; } .timeline.tl-left-layout .timeline-inverted .timeline-panel { margin-right: 0; right: 68px; float: left; } .timeline.tl-right-layout .timeline-panel { float: right; } } @media (min-width: 1024px) { .zig-zag-col.zig-zag-even-col { margin-left: 25%; } .zig-zag-col { max-width: 75%; } } @media only screen and (max-width : 767px){ .timeline > li.timeline-inverted, .timeline > li:not(.timeline-inverted) { padding-right: 70px; padding-left: 0; } .timeline > li > .timeline-panel { width: auto; } .timeline > li > .timeline-badge, .timeline::before { right: 25px; } .timeline > li > .timeline-panel::before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; } .timeline > li > .timeline-panel::after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; } .timeline > li > .timeline-sep-title, .timeline > li.timeline-inverted > .timeline-sep-title { background: #ffffff none repeat scroll 0 0; left: 0; top: 66px; margin-right: 0; margin-top: 10px; font-size: 16px; line-height: 22px; height: 22px; width: 50px; } .timeline > li > .timeline-sep-title > span { font-size: 11px; } /*Timeline 3*/ .timeline-style-3 .timeline > li > .timeline-sep-title { padding: 24px 15px; right: -7px; top: 0px; } .timeline-style-3 .timeline > li .timeline-panel:after { display: none; } /*Image Grid Shortcode Styles*/ .image-grid-wrapper .row { margin-bottom: 0; } .image-grid-wrapper .row .image-grid-inner img { margin-bottom: 30px; } .zig-zag-col .media { display: block; } .zig-zag-col .media .post-thumb { margin-right: 0; } .blog-wrapper > .row > .zig-zag-col > .blog-inner > .media .media-body { margin-top: 15px; padding: 0; } .zig-zag-col.zig-zag-even-col { margin-left: 0; } .zig-zag-col { max-width: 100%; } .zig-zag-even-col .zig-zag-row > .col-md-5 { left: auto; } .zig-zag-even-col .zig-zag-row > .col-md-7 { right: auto; } .zig-zag-row .post-thumb { margin-bottom: 20px; } .blog-style-4.body-padding-around .list-content-col { padding: 15px 40px 15px 40px; } } @media only screen and (max-width: 522px) { .cobbles-wrapper.cobbles-modern > .cobbles-wrap { width: 100%; } .cobbles-wrapper.cobbles-modern > .cobbles-wrap:first-child, .cobbles-wrapper.cobbles-modern > .cobbles-wrap:nth-child(2), .cobbles-wrapper.cobbles-modern > .cobbles-wrap:nth-child(5), .cobbles-wrapper.cobbles-modern > .cobbles-wrap:nth-child(6) { width: 100%; } .cobbles-wrapper.cobbles-modern > .cobbles-wrap:nth-child(7), .cobbles-wrapper.cobbles-modern > .cobbles-wrap:nth-child(8) { margin-top: 0; } .cobbles-wrapper.cobbles-modern > .cobbles-wrap:nth-child(8) { margin-left: 0; } .cobbles-wrapper.cobbles-modern > .cobbles-wrap:nth-child(5) { margin-top: 0; } .cobbles-wrapper.cobbles-classis > .cobbles-wrap { width: 100%; } .cobbles-wrapper.cobbles-classis > .cobbles-wrap:first-child { width: 100%; } } @media only screen and (max-width: 360px) { .mailchimp-wrapper .input-group input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ font-size: 12px; } .mailchimp-wrapper .input-group input::-moz-placeholder { /* Firefox 19+ */ font-size: 12px; } .mailchimp-wrapper .input-group input:-ms-input-placeholder { /* IE 10+ */ font-size: 12px; } .mailchimp-wrapper .input-group input:-moz-placeholder { /* Firefox 18- */ font-size: 12px; } }