/* Theme Name: Statistic Theme URI: https://divi.pixelsbuilderplus.com/statistic/ Description: Divi Child Theme Author: Divi Builder Plus Author URI: https://divibuilderplus.com/ Template: Divi Version: 1.1 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html */ /* ----------------------------------------------------------------------------- TABLE OF CONTENT --------------------------------------------------------- 01. General Class CSS Title CSS Button CSS Page Header Title Css Breadcrumbs CSS 02. Header Section CSS Menu + Sub Menu CSS Header v1 CSS Header v2 CSS Header v3 CSS 03. Footer Section CSS Footer v1 CSS Footer v2 CSS Footer v3 CSS 04. Sidebar CSS 05. Blog CSS Blog Grid CSS 2 Columns CSS 3 Columns CSS 4 Columns CSS Blog Listing CSS Blog Category Page CSS Blog Tags Page CSS Blog Author Page CSS Blog Single Page CSS 06. Portfolio CSS Portfolio Default CSS Portfolio Filterable CSS 2 Columns CSS 3 Columns CSS 4 Columns CSS Portfolio Carousel CSS Portfolio Gallary CSS Portfolio Category Page CSS Portfolio Tags Page CSS Portfolio Single Page CSS 07. Services CSS Services v1 CSS Services v2 CSS Services v3 CSS Services Single Page CSS 08. Contact Us CSS Contact Us v1 CSS Contact Us v2 CSS 09. Team Section CSS Team v1 CSS Team v2 CSS Team Single CSS 10. Slider Section CSS Slider v1 CSS 11. Faqs CSS Faqs v1 CSS 12. Timeline CSS Timeline v1 CSS 13. Pricing Table CSS Pricing Default CSS Pricing Mini CSS Pricing Toggle CSS Pricing Table CSS 14. Testimonial Section CSS Testimonial v1 CSS Testimonial v2 CSS 15. About Us Section CSS 16. Choose Us Section CSS 17. Process Section CSS 18. Partner Section CSS 19. Video Section CSS 20. Skill-bar Section CSS 21. Counter Section CSS 22. Newsletter Section CSS 23. CTA Section CSS 24. Coming Soon Page CSS 25. 404 Page CSS 26. Search Page CSS 27. Features Section CSS 28. Client Section CSS 29. Achievment Part CSS 30. Color Picker CSS 31. Slide In CSS 32. Animation Part CSS /* ----------------------------------- 01. General Class CSS -------------------------------------*/ /* Body CSS */ body { counter-reset: postverticlestyle3 processCount 0; overflow-x:hidden; } /* Sub Title Span CSS */ .px_highlight_color {color: var(--px-color-1);} /* Title CSS */ .px_title h2 {line-height: 0.9em !important;font-weight: 600;font-size: 70px;color: #000;margin: 0px;text-transform:capitalize; } /* Sub Title CSS */ .px_sub_title {font-weight: 700;letter-spacing: 1px;font-size: 24px !important;color: var(--px-color-1);padding: 0px !important;margin: 0px;padding-left: 25px !important;} .px_sub_title:hover {background: none !important;padding: 0px !important;padding-left: 25px !important;} /* Responsive CSS */ /* Title CSS */ @media only screen and (max-width:576px) { .px_title h2 {font-size: 40px; } /* Sub Title CSS */ .px_sub_title {font-size: 18px !important;} } /* Default Button CSS */ /* .px_btn {position: relative; display: inline-block; border: none; text-transform: capitalize; text-align: center; background-color: var(--px-color-1); color:#fff; font-size: 16px; font-weight: 700; line-height: 1; border-radius:5px !important;min-width:220px;text-align:center; padding: 10px 40px 10px 20px !important; z-index: 1;overflow:hidden;} .px_btn::before { content: ""; position: absolute; left: 3px; top: 3px; right: 3px; bottom: 3px; background-color:#fff; border-radius: inherit; z-index: -1; opacity: 0; visibility: hidden; transform: scale(0.2); display:block!important; transition: all ease .4s; } .px_btn:hover {border-radius:5px !important;} .px_btn:hover::before{opacity:1;visibility: visible;transform: scale(1);border-radius:5px !important;} */ .px_btn{border-radius:5px !important;border:2px solid var(--px-color-1) !important;border-radius:3px!important;color:var(--px-color-1);overflow:hidden;transition:1s;font-size:24px;padding:15px 50px 15px 35px!important;min-width:220px;text-align:center} .px_btn::after{color:var(--px-color-1)!important} .px_btn::before{transition-duration:.8s;position:absolute;width:200%;height:200%;content:""!important;top:110%;left:50%;transform:translateX(-50%);border-radius:50%;z-index:-1;background:var(--px-color-1);display:block!important} .px_btn:hover::before{top:-40%;opacity:1} .px_btn:hover, .px_btn:hover::after{color:#fff!important} /* Button Dark & Light Bg CSS */ .px_btn.dark_bg{border:2px solid var(--px-color-2) !important;background-color:var(--px-color-2);color:#fff} .px_btn.dark_bg::after, .px_btn.primary_bg::after{color:#fff!important} .px_btn.light_bg{background-color:#fff;border:2px solid #fff !important;color:#000} .px_btn.light_bg::after{color:#000!important} .px_btn.primary_bg:hover, .px_btn.primary_bg:hover::after{color:var(--px-color-1)!important} .px_btn.primary_bg{background-color:var(--px-color-1);color:#fff!important;z-index:2} .px_btn.primary_bg::before{transition-duration:.8s;position:absolute;width:200%;height:200%;content:""!important;top:110%;left:50%;transform:translateX(-50%);border-radius:50%;z-index:-1;background:#fff!important;display:block!important} .px_btn.primary_bg:hover::before{top:-40%;opacity:1}.px_btn.primary_bg:hover{border-color:var(--px-color-1)!important} .px_btn.light_bg:hover::after{color:#fff!important} /* Icon */ .px_primary_color_icon .et-pb-icon{background:var(--px-color-1);color:#fff!important;border-radius:50%;padding:17px} .px_light_color_icon .et-pb-icon{background:#fff;color:var(--px-color-1)!important;border-radius:50%;padding:17px;border:1px solid #e2e2f3} /* Icon With Ripple Effects*/ .px_ripple_icon .et-pb-icon{color:#fff!important;background:var(--px-color-2);padding:22px;border-radius:50%;transition:1s} /* Play Icon Animation CSS */ .px_ripple_icon .et-pb-icon:after, .px_ripple_icon .et-pb-icon:before{width:60px;height:60px;border-radius:50%;box-shadow:0 0 0 0 rgba(255,255,255,.6);animation:3s infinite ripple;z-index:-1} .px_ripple_icon .et-pb-icon:before{-webkit-animation-delay:.9s;-moz-animation-delay:.9s;-ms-animation-delay:.9s;-o-animation-delay:.9s;animation-delay:.9s;content:"";position:absolute;top:0px;left:0px} .px_ripple_icon .et-pb-icon:after{animation-delay:.6s;content:"";position:absolute;top:0px;left:0px} /* Banner Section */ /* Gray Circle Image */ .px_banner .px_gray_circle{position:absolute;right:-560px;top:-400px;width:341px;height:465px;z-index:1;background-repeat:no-repeat;text-align:left;margin-left:0} /* Primary Left Top Triangle */ .px_primary_triangle{border-radius:100px;overflow:hidden;height:520px;margin-top:-120px!important;margin-left:-500px!important;width:653px;position:absolute!important;top:-450px;bottom:auto;left:-350px;right:auto;transform:rotate(-40deg);background-color:var(--px-color-1);outline:2px dashed var(--px-color-1);outline-offset:15px} /* Button Row */ .px_banner_btn_row .et_pb_button_module_wrapper{background:rgba(11,18,30,.6)!important} .px_banner_btn_row .et_pb_button_1{border-radius:20px 0 0!important} .px_banner_btn_row .et_pb_button_2{border-radius:0 20px 0 0!important} /* Responsive CSS */ /* Gray Circle Image CSS */ @media only screen and (max-width:980px){ .px_banner .px_gray_circle{position:absolute;right:-390px!important;top:-170px!important} /* Primary Triangle CSS */ .px_primary_triangle{position:absolute!important;left:-70px;top:-260px} } @media only screen and (max-width:576px){ /* Primary Triangle CSS */ .px_primary_triangle{position:absolute!important;left:-50px;top:-340px} /* Row Of Buttons */ .px_banner .et_pb_row.et-last-child{width:100% !important;} } /* Column Reverse */ @media screen and (max-width:980px) { /* Responsive Col */ .px_col_reverse,.px_special_col_reverse .et_pb_row{display:flex;flex-direction:column-reverse} .px_col_order{order:1!important} /* Responsive Col Width */ .px_sec_max_width .et_pb_row .px_max_width.et_pb_column,.px_sec_max_width .et_pb_row .px_max_width.et_pb_column:last-child{max-width:400px;text-align:center!important;margin:auto auto 30px!important;float:none} } /* Hover Effect */ /* Left To Right */ .px_hover_effect_1{position:relative;z-index:1} .px_hover_effect_1:before{position:absolute;content:'';left:0;top:0;width:100%;height:100%;overflow:hidden;transition:1s;transform:scale(0,1);transform-origin:left center;background-position:center center;background:var(--px-color-1)} .px_hover_effect_1:hover::before{transform:scale(1,1);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center} /* Hover Effect 2 */ .px_hover_effect_2{position:relative;z-index:1} .px_hover_effect_2:before{content:"";display:block;position:absolute;height:100%;width:100%;top:0;left:0;transition:1s;transform:scale(.3,1);opacity:0} .px_hover_effect_2:hover::before{background-color:var(--px-color-1);transform:scale(1,1);transition:1s;opacity:1} /* Slick js CSS */ .slick-slide{ margin:10px; } .slick-dots li button:hover::before, .slick-dots .slick-active button::before{ color:var(--px-color-1) !important; opacity:1 !important; } /*--- Global Class CSS ---*/ /*****Pagination******/ .pagination-container{ margin-bottom:0px !important;} .et_pb_row_custom_pagination{clear:both;text-align: left;} .pagination-container{padding-top: 0 !important;margin-top:2em;margin-bottom:2em;} .screen-reader-text{display: none;} .navigation.px_blogpagination .page-numbers{display: inline-block;border-right: 0;padding: 0em 1em;margin: 0 -1px;line-height: 2.6em;} .navigation.px_blogpagination .page-numbers.prev,.navigation.px_blogpagination .page-numbers.next{padding: 0 .5em;} .navigation.px_blogpagination span.page-numbers {color:#fff;border: 1px solid;border-color: #000 !important;font-weight: 600;} .navigation.px_blogpagination .page-numbers .et-pb-icon{font-size: 1.6em;vertical-align: middle;line-height: 1.5em;margin-top: -3px;} .navigation.px_blogpagination a.page-numbers:hover, .navigation.px_blogpagination span.page-numbers {background-color: #000 !important;} .navigation.px_blogpagination a.page-numbers {color: #fff !important;background: #000;} .navigation.px_blogpagination a.page-numbers:hover {color: #fff !important; } /* ----------------------------------- 02. Header Section CSS -------------------------------------*/ /*---Header Common Info Css---*/ /* Small Info */ .px_h_small_info {color: #fff;} .px_h_small_info::before {color: var(--px-color-1);} /* Social Link */ .px_h_social_info li {margin: 0px;} .px_h_social_info li a {margin: 0px;padding: 5px 3px;} .px_h_social_info li a:hover {background: var(--px-color-1);transition: 1s;} /* Header Contact Blurb Info */ .px_h_contact_info .et_pb_image_wrap .et-pb-icon{color:var(--px-color-1);padding:10px;border:1px solid var(--px-color-1);border-radius:50%} .px_h_contact_info .et_pb_module_header{padding-bottom:0} /* Header Button */ .px_h_contact_info .et_pb_image_wrap .et-pb-icon{color:var(--px-color-1);padding:10px;border:1px solid var(--px-color-1);border-radius:50%} .px_h_contact_info .et_pb_module_header{padding-bottom:0}.px_h_btn{border:2px solid var(--px-color-1)!important;color:var(--px-color-1);overflow:hidden;transition:1s} .px_h_btn::before{color:var(--px-color-1)!important} .px_h_btn::after{transition-duration:.8s;position:absolute;width:200%;height:200%;content:""!important;top:110%;left:50%;transform:translateX(-50%);border-radius:50%;z-index:-1;background:var(--px-color-1);display:block!important} .px_h_btn:hover::after{top:-40%} .px_h_btn:hover,.px_h_btn:hover::before{color:#fff!important} /* Menu + Sub Menu Css*/ .px_h_menu.et_pb_menu .nav li .sub-menu li a::after, .px_h_menu.et_pb_menu .nav li li ul li a::after{position:absolute;content:'//'!important;left:10px;top:5px;margin-right:8px!important;transition:.5s} .px_h_menu.et_pb_menu .nav li a{color:#000!important} .px_h_menu.et_pb_menu .nav .current_page_item>a{color:var(--px-color-1)!important} .px_h_menu.et_pb_menu .nav a:hover{opacity:1;color:var(--px-color-1)!important;margin-bottom:-15px} .px_h_menu .et-menu .menu-item-has-children>a:first-child::after{content:""} .px_h_menu.et_pb_menu .nav .menu-item-has-children a{padding-right:0!important} .px_h_menu.et_pb_menu .nav li ul.sub-menu{width:auto;border:none;padding:0;background-color:var(--px-color-1)!important;border-radius:5px} .px_h_menu.et_pb_menu .nav li .sub-menu li{padding:0} .px_h_menu.et_pb_menu .nav li .sub-menu li a{color:#fff!important} .px_h_menu.et_pb_menu .menu-item-has-children a::before{display:block!important} .px_h_menu.et_pb_menu .nav li .sub-menu li a::after{opacity:0;font-family:none} .px_h_menu.et_pb_menu .nav li .sub-menu li a:hover::after{opacity:1} .px_h_menu.et_pb_menu .nav li .sub-menu li a:hover{padding-left:30px;border-radius:5px;color:#fff!important;background-color:var(--px-color-2);border:none;margin-bottom:0} .px_h_menu.et_pb_menu ul>li.menu-item-has-children ul.sub-menu::after{content:'';display:block;position:absolute;left:10%;top:-14px;width:0;height:0;border-top:5px solid transparent;border-right:10px solid transparent;border-left:10px solid transparent;z-index:1;border-bottom:10px solid var(--px-color-1)} .px_h_menu.et_pb_menu ul.sub-menu li ul.sub-menu::after{display:none} .px_h_menu.et_pb_menu .nav li li{line-height:2.5em;min-width:250px} .px_h_menu.et_pb_menu .nav li li a{min-width:250px} .px_h_menu.et_pb_menu .nav li li ul li a::after{opacity:0!important} .px_h_menu.et_pb_menu .nav li li ul li a:hover:after{opacity:1!important} .px_h_menu.et_pb_menu .nav li li ul{z-index:1000;top:0!important;left:250px} /*---------- Header Dark Version Css ----------*/ .px_header_dark .px_h_menu.et_pb_menu .nav li a{color: #fff !important;} /* Small Info */ .px_header_dark .px_h_small_info {color: #fff;} .px_header_dark .px_h_small_info::before {color: var(--px-color-1);} @media only screen and (max-width:980px) { .px_h_menu.et_pb_menu .sub-menu::after {display: none !important;} .px_h_menu a:hover {margin-bottom:0px;background: transparent;} } /* ----------------------------------- 03. Footer Section CSS -------------------------------------*/ /*---Footer Common Info Css---*/ .px_footer_title {position:relative;margin-bottom: 25px;padding-bottom: 20px;} .px_footer_title:before {content: "" !important;height: 4px;width: 15px;background-color: #fff;position: absolute;bottom: 0;left: 0;border-radius: 10px;border: none;display:block!important;opacity:1 !important;} .px_footer_title::after { content: "" !important; height: 4px; width: 34px; background-color: #fff; position: absolute; bottom: 0; left: 21px; border-radius: 10px; border: none; } .px_footer_info {} .px_footer_blurb_info {} .px_footer_links {padding-left:20px !important;} .px_footer_links:hover {padding-left:30px !important;} .px_footer_social {} /* Footer Top */ /* Social Link CSS */ .px_footer_social li { transition: 1s;} .px_footer_social li a:hover{background-color: var(--px-color-1)!important;transition: 1s;} .px_footer_social li a {margin: 0;} /* Button CSS */ .px_footer_info::before {color: var(--px-color-1) !important;} .px_footer_links {color: #fff;transition: 1s;} .px_footer_links:hover {color: var(--px-color-1) !important;transition: 1s;} /* Blurb CSS */ .px_footer_blurb_info .et_pb_image_wrap {background-color: var(--px-color-1);border-radius: 3px;padding: 20px;margin-right: 5px;} .px_footer_CTA {} /* Email Button CSS */ .px_footer_email_info .et_pb_newsletter_button_wrap .et_pb_button{position:absolute;top:6px;width:100px;font-size:15px;right:6px;border:none;overflow:hidden;background-color:var(--px-color-1);transition:1s} .px_footer_email_info .et_pb_newsletter_button_wrap .et_pb_button .et_pb_newsletter_button_text::before {position:absolute;width:200%;height:300%;content:"";top:110%;left:50%;transform:translateX(-50%);border-radius:50%;z-index:-11;background:#fff!important;transition:1s} .px_footer_email_info .et_pb_newsletter_button_wrap .et_pb_button .et_pb_newsletter_button_text:hover::before{top:-90%;transition:1s} .px_footer_email_info .et_pb_newsletter_button_wrap .et_pb_button .et_pb_newsletter_button_text:hover{color:var(--px-color-1)!important;position:relative;z-index:1;transition:1s} /* Footer CopyRight Css */ .px_footer_menu.et_pb_menu .et_pb_menu__wrap .et_pb_menu__menu{display:block} .px_footer_menu.et_pb_menu .mobile_nav{display:none} .px_footer_menu.et_pb_menu .menu-item-592{border-right:1px solid rgba(255,255,255,.6)} .px_footer_menu.et_pb_menu .et_pb_menu__menu>nav>ul>li>a{padding:3px 0} /* Footer Bottom Social */ .px_footer_social li{margin-bottom:0!important} .px_footer_social li a{background-color:#ffffff1a;padding:6px!important;transition:1s;margin-right:12px} .px_footer_social li a:hover{background-color:var(--px-color-1);transition:1s} /* ----------------------------------- 04. Sidebar CSS -------------------------------------*/ /* Blog Sidebar */ .px_blog_sidebar .et_pb_contact_form_container, .px_blog_sidebar .et_pb_widget{position:relative;padding:40px 30px;border:1px solid #ebeeef;box-shadow:0 5px 10px rgba(0,0,0,.04)} .px_blog_sidebar .et_pb_widget_area_left{border-right:none!important;padding-right:0!important} /* Title CSS */ .px_blog_sidebar .et_pb_contact_form_container .et_pb_contact_main_title{font-size:30px!important;padding-left:20px!important;padding-bottom:0!important;border-left:2px solid var(--px-color-1)!important;margin-bottom:20px!important} .px_blog_sidebar .widgettitle{font-weight:500;font-size:30px;padding-left:20px;padding-bottom:0;border-left:2px solid var(--px-color-1);margin-bottom:20px;color:var(--px-color-2)!important} /* Search Field CSS */ .px_blog_sidebar .widget_search input#searchsubmit{padding:1em;height:60px!important;margin:0;font-size:14px;line-height:normal!important;border:1px solid var(--px-color-1);color:#fff;background-color:var(--px-color-1)} .px_blog_sidebar .widget_search input#s{padding:1em;height:60px!important} /* Category CSS */ /* Active Category CSS */ .px_blog_sidebar .cat-item.cat-item-19{border:1px solid var(--px-color-1);background:var(--px-color-1);transition:1s} .px_blog_sidebar .cat-item.cat-item-19 a{color:#fff!important;transition:1s} /* Category li CSS */ .px_blog_sidebar .cat-item{border:1px solid #f8f8f8;padding:15px;font-size:16px;margin-bottom:15px;transition:1s} .px_blog_sidebar .cat-item a{color:#949392;transition:1s} /* Category Hover CSS */ .px_blog_sidebar .cat-item:hover, .px_blog_sidebar .cat-item:hover a{color:#fff!important;transition:1s} .px_blog_sidebar .cat-item:hover{border:1px solid var(--px-color-1);background:var(--px-color-1)} /* Popular Feeds */ .px_blog_sidebar .widget_recent_entries li{padding:10px;font-size:14px;transition:1s} .px_blog_sidebar .widget_recent_entries li a{transition:1s} .px_blog_sidebar .widget_recent_entries li:hover a{color:var(--px-color-1)!important;font-size:16px;transition:1s} /* Gallery CSS */ .px_blog_sidebar .gallery-item{margin-bottom:0px;margin-top:0px !important;} /* Contact Form */ .px_contact_sidebar .et_pb_contact .et_pb_contact_field_half{width:100%!important;float:none!important} .px_contact_sidebar .et_pb_contact_main_title{padding-left:20px;border-left:2px solid var(--px-color-1);padding-bottom:0;margin-bottom:20px;color:var(--px-color-2)!important} .px_contact_sidebar .et_pb_contact p input, .px_contact_sidebar .et_pb_contact p textarea{background-color:transparent!important} .px_contact_sidebar .et_pb_contact input[type=text]:focus, .px_contact_sidebar .et_pb_contact p input{border-color:var(--px-color-1);color:#999!important} .px_contact_sidebar .et_pb_contact .et_contact_bottom_container{float:left} .px_contact_sidebar .et_pb_contact .et_pb_button{background:var(--px-color-1)!important;color:#fff!important;overflow:hidden;z-index:2} .px_contact_sidebar .et_pb_contact .et_pb_button:hover{color:var(--px-color-1)!important} .px_contact_sidebar .et_pb_contact .et_pb_button::before{content:""!important;position:absolute;width:200%;height:300%;top:110%;left:0;border-radius:50%;background:#fff!important;transition:1s;display:block;z-index:-1} .px_contact_sidebar .et_pb_contact .et_pb_button:hover::before{top:-90%;transition:1s;opacity:1} /* Social Link */ .px_social_sidebar li a.icon {margin-right:18px;} .px_social_sidebar li a.icon::before{height:40px;width:40px;font-size:16px;line-height:40px;display:block;color:var(--px-color-2)!important;background:#e2e2f3!important;transition:1s} .px_social_sidebar li a.icon:hover::before{color:#fff!important;background:var(--px-color-1)!important;transition:1s} /* ----------------------------------- 05. Blog Section CSS -------------------------------------*/ /* Main CSS */ .px_blog_v1 .et_pb_post{margin-bottom:40px!important;position:relative;transition:1s;border-radius:10px;border-width:0;box-shadow:rgba(17,17,26,.1) 0 0 16px} .px_blog_v1 .et_pb_post:hover{transition:1s;box-shadow:0 5px 18px 0 var(--px-color-1);border:none} .px_blog_v1 .et_pb_post:before{border-radius:10px;} /* Pagination CSS */ .pagination .alignleft a,.pagination .alignright a{color:#fff;background:var(--px-color-1);padding:10px 25px;border-radius:5px;border:2px solid var(--px-color-1);transition:1s} .pagination .alignleft a:hover,.pagination .alignright a:hover{color:var(--px-color-1);background:0 0;transition:1s} /* Image CSS */ .px_blog_v1 .et_pb_post .et_pb_image_container, .px_blog_v1 .et_pb_post .et_pb_image_container a{overflow:hidden;margin-bottom:0!important;transition:1s} .px_blog_v1 .et_pb_post .et_pb_image_container::before{position:absolute;top:0;left:-420px;display:block;content:'';width:100%;height:100%;background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);-webkit-transform:skewX(-25deg);-ms-transform:skewX(-25deg);transform:skewX(-25deg);z-index:1} .px_blog_v1 .et_pb_post:hover .et_pb_image_container::before{-webkit-animation:2s shine;animation:2s shine} .px_blog_v1 .et_pb_post .et_pb_image_container::after{position:absolute;top:0;z-index:2;display:block;content:'';width:100%;height:100%;background:#000;opacity:0} .px_blog_v1 .et_pb_post:hover .et_pb_image_container::after{opacity:.4} .px_blog_v1 .et_pb_post .et_pb_image_container{border-radius:10px 10px 0 0} .px_blog_v1 .et_pb_post .et_pb_image_container img{transition:1s;border-radius:10px 10px 0 0} .px_blog_v1 .et_pb_post:hover .et_pb_image_container img{transform:scale(1.2) rotate(8deg);transition:1s} /* Date CSS */ .px_blog_v1 .published{position:absolute;bottom:72px;margin-left:0;padding-left:25px;transition:1s} .px_blog_v1 .published::before{content:"\e025";font-family:ETmodules!important;display:block;font-size:18px;position:absolute;top:0;left:0;color:var(--px-color-1);transition:1s} .px_blog_v1 .et_pb_post:hover .post-meta a,.px_blog_v1 .et_pb_post:hover .published,.px_blog_v1 .et_pb_post:hover .published::before{color:#fff!important;transition:1s} /* Short Description */ .px_blog_v1 .et_pb_post .post-content .post-content-inner {position:relative;top:-5px;} .px_blog_v1 .et_pb_post:hover .post-content p{position: relative;color: #fff !important;transition: 1s;} /*Author CSS */ .px_blog_v1 .author{position:absolute;bottom:72px;margin-left:140px;transition:1s} .px_blog_v1 .author::before{content:"\e026";font-family:ETmodules!important;display:block;font-size:18px;position:absolute;top:0;left:-25px;color:var(--px-color-1);transition:1s} @media only screen and (max-width: 480px) { .px_blog_v1 .published, .px_blog_v1 .author {bottom: 60px; } } .px_blog_v1 .et_pb_post:hover .author a {color: #fff !important;transition: 1s;} .px_blog_v1 .et_pb_post:hover .author::before {color: #fff !important;transition: 1s;} /* Read More */ .px_blog_v1 .post-content a.more-link{position:relative;color:var(--px-color-2);text-transform:uppercase;margin-top:10px!important;transition:1s} .px_blog_v1 .et_pb_post:hover .post-content a.more-link{margin-left:25px;color:#fff!important;transition:1s} .px_blog_v1 .post-content a.more-link:after{content:"\24";font-family:ETmodules!important;display:block;font-size:18px;position:absolute;bottom:-3px;left:90px;color:#000;transition:2s} .px_blog_v1 .et_pb_post:hover .post-content a.more-link:after{position:absolute;left:-25px;transition:1s;color:#fff!important} /* List Read More */ .px_blog_list_read .post-content a:after {position: absolute;bottom: 0px;left: 100px;transition: 2s;} /* Title CSS */ .px_blog_v1 .et_pb_post .entry-title{position:relative;margin-top:40px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .px_blog_v1 .et_pb_post:hover .entry-title{color:#fff!important} /* Category CSS */ .px_blog_v1 .et_pb_post .post-meta {position: relative;} .px_blog_v1 .et_pb_post:hover .post-meta {color: #fff !important;} /* Short Description */ .px_blog_v1 .et_pb_post::before{content:"";display:block;position:absolute;height:100%;width:100%;top:0;left:0;transition:1s;transform:scale(.3,1);opacity:0} .px_blog_v1 .et_pb_post:hover::before{background-color:var(--px-color-1);transform:scale(1,1);transition:1s;opacity:1} /* Blog V2 */ /* Main CSS */ .px_blog_v2 .et_pb_post{margin-bottom:20px!important;position:relative;transition:1s} .px_blog_v2 .et_pb_post:hover{transition:1s;box-shadow:0 5px 18px 0 var(--px-color-1);border:none} /* Image CSS */ .px_blog_v2 .et_pb_post .et_pb_image_container::before{position:absolute;top:0;left:-420px;display:block;content:'';width:100%;height:100%;background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);-webkit-transform:skewX(-25deg);-ms-transform:skewX(-25deg);transform:skewX(-25deg);z-index:1} .px_blog_v2 .et_pb_post:hover .et_pb_image_container::before{-webkit-animation:2s shine;animation:2s shine} .px_blog_v2 .et_pb_post .et_pb_image_container::after{position:absolute;top:0;z-index:2;display:block;content:'';width:100%;height:100%;background:var(--px-color-1);opacity:0} .px_blog_v2 .et_pb_post:hover .et_pb_image_container::after{opacity:.6} .px_blog_v2 .et_pb_post .et_pb_image_container, .px_blog_v2 .et_pb_post .et_pb_image_container a{overflow:hidden;transition:1s;margin-bottom:0!important} .px_blog_v2 .et_pb_post .et_pb_image_container img{transition:1s} .px_blog_v2 .et_pb_post:hover .et_pb_image_container img{transform:scale(1.2) rotate(8deg);transition:1s} /* Date CSS */ .px_blog_v2 .published {position: absolute;bottom: 72px;transition: 1s;} .px_blog_v2 .published::before {content: "\e025";font-family: ETmodules !important;display: block;font-size: 18px;position: absolute;top: 0;left: -22px;color: var(--px-color-1);transition: 1s;} /*Author CSS */ .px_blog_v2 .author {position: absolute;bottom: 72px;margin-left: 126px;transition: 1s;} .px_blog_v2 .author::before{content:"\e026";font-family:ETmodules!important;display:block;font-size:18px;position:absolute;top:0;left:-24px;color:var(--px-color-1);transition:1s} /* Title CSS */ .px_blog_v2 .et_pb_post .entry-title a{position:relative;transition:1s} .px_blog_v2 .et_pb_post .entry-title a:hover{color:var(--px-color-1)!important;transition:1s} /* Category CSS */ .px_blog_v2 .et_pb_post .post-meta {position: relative;} /* Blog Single Page */ .px_blog_testimonial::before{content:"\7b";font-size:200px;left:50%;position:absolute;top:0;font-family:ETmodules;background:0 0!important;z-index:0;color:#243039} .px_blog_testimonial .et_pb_testimonial_author::before{position:absolute;content:'';left:0;bottom:10px;height:2px;width:45px;background-color:#fff} .px_blog_testimonial .et_pb_testimonial_author{margin-left:55px} /* Comment CSS */ .px_post_comment .logged-in-as a{color:var(--px-color-1);} /* Comment Button CSS */ .px_post_comment .form-submit .et_pb_button{background:var(--px-color-1)!important;border:2px solid transparent;background:var(--px-color-1)!important;color:#fff!important;overflow:hidden;z-index:2} .px_post_comment .form-submit .et_pb_button:hover{color:var(--px-color-1)!important} .px_post_comment .form-submit .et_pb_button::before{content:""!important;position:absolute;width:200%;height:300%;top:110%;left:0;border-radius:50%;background:#fff!important;transition:1s;display:block;z-index:-1} .px_post_comment .form-submit .et_pb_button:hover::before{top:-90%;transition:1s;opacity:1} /* Blog with Left side Image */ .px_blog_img_left .et_pb_post{display:flex;} .px_blog_img_left .et_pb_post .entry-featured-image-url{display:block;position:relative;margin-bottom:0} .px_blog_img_left .et_pb_post .entry-featured-image-url img{border-radius:10px 0 0 10px!important;height:100%;object-fit:cover;} .px_blog_img_left .info{padding:20px 10px 10px 20px} /* Blog with Right side Image */ .px_blog_img_right .et_pb_post{display:flex;flex-direction:row-reverse} .px_blog_img_right .et_pb_post .entry-featured-image-url{display:block;position:relative;margin-bottom:0;margin-left:20px} .px_blog_img_right .et_pb_post .entry-featured-image-url img{border-radius:0 10px 10px 0!important;height:100%;object-fit:cover;} .px_blog_img_right .info{padding:20px 0 10px 20px} @media only screen and (max-width:767px){ .px_blog_img_right .et_pb_post, .px_blog_img_left .et_pb_post{display:block;margin:15px 0px 30px 0px;} .px_blog_img_right .et_pb_post .entry-featured-image-url, .px_blog_img_left .et_pb_post .entry-featured-image-url {display: block;position: relative;margin:0px 0px 20px 0px !important;} } /* Page With Sidebar */ .px_blog_sidebar_page .et_pb_post .post-content-inner p{padding: 10px 0px;} /* Blog Grid View 2 Column */ .px_blog_grid_2_col .et_pb_ajax_pagination_container{display:grid;grid-gap:20px;grid-template-columns:repeat(2,50%)} .px_blog_grid_2_col .et_pb_ajax_pagination_container a.entry-featured-image-url{margin-bottom:0} .px_blog_padding .info{padding:25px} /* Blog Timeline */ /* Blog Css */ .px_blog_timeline .et_pb_ajax_pagination_container .et_pb_post{width:50%;float:left;} .px_blog_timeline .et_pb_ajax_pagination_container .et_pb_post:nth-child(2n){width:50%;float:right;} /* Vertical Line */ .px_blog_timeline .et_pb_ajax_pagination_container:before{position:absolute;top:5px;left:50%;margin:auto;height:100%;background:#f0f0f0;opacity:.5;width:5px;content:''} /* Number */ .px_blog_timeline .et_pb_ajax_pagination_container .et_pb_post:after, .px_blog_timeline .et_pb_ajax_pagination_container .et_pb_post:nth-child(2n):after{counter-increment:postverticlestyle3;content:counter(postverticlestyle3);position:absolute;top:0;width:40px;height:40px;line-height:40px;background-color:var(--px-color-1);border-radius:50%;font-size:17px;color:#fff;text-align:center;font-weight:600;display:block;z-index:99;visibility:visible} .px_blog_timeline .et_pb_ajax_pagination_container .et_pb_post:after{right:-63px} .px_blog_timeline .et_pb_ajax_pagination_container .et_pb_post:nth-child(2n):after{left:-68px} /* Blog on Left Side */ .px_blog_timeline .et_pb_ajax_pagination_container .et_pb_post{width:50%;float:left;right:50px;padding:0;margin:0 0 20px 10px} /* Blog on Right Side */ .px_blog_timeline .et_pb_ajax_pagination_container .et_pb_post:nth-child(2n){width:50%;float:right;left:50px;padding:0;margin:0 0 20px 10px} /* Responsive CSS */ @media only screen and (max-width:768px){ .px_blog_timeline .et_pb_ajax_pagination_container .et_pb_post, .px_blog_timeline .et_pb_ajax_pagination_container .et_pb_post:nth-child(2n){width:100%;float:none;left:0;right:0} /* Vertical Line */ .px_blog_timeline .et_pb_ajax_pagination_container:before{position: absolute;left:-15px;} /* Number */ .px_blog_timeline .et_pb_ajax_pagination_container .et_pb_post:after, .px_blog_timeline .et_pb_ajax_pagination_container .et_pb_post:nth-child(2n):after{position: absolute;left: -43px;} } /* ----------------------------------- 06. Portfolio Section CSS -------------------------------------*/ /* Pagination CSS */ .px_portfolio .et_pb_ajax_pagination_container .pagination {padding-top:40px;} /* Post Meta CSS */ .px_portfolio .et_pb_portfolio_item .post-meta a{color:var(--px-color-1);} .px_portfolio .et_pb_portfolio_item:hover .post-meta {opacity: 1 !important;} /* Main CSS */ .px_portfolio_4_col .et_pb_portfolio_item, .px_portfolio .et_pb_grid_item {position:relative;overflow:hidden;margin-bottom: 30px !important;} /* Arrow CSS */ .px_portfolio_4_col .et-pb-slider-arrows {display: block !important;} .px_portfolio_4_col .et-pb-slider-arrows .et-pb-arrow-prev, .px_portfolio_4_col .et-pb-slider-arrows .et-pb-arrow-next {color: var(--px-color-1) !important;} /* Icon CSS */ .px_portfolio_4_col .px_portfolio_4_col_info::before{content:"\f7ab";display:block;font-family:FontAwesome;background-color:var(--px-color-1)!important;color:#fff!important;outline:2px dashed var(--px-color-1);outline-offset:5px;border-radius:50%;padding:10px;font-size:18px;position:absolute;top:25%!important;bottom:auto;right:20%;left:auto;font-weight:900} /* Box on Hover CSS */ .px_portfolio_4_col .px_portfolio_4_col_info{position:absolute;bottom:-100px;width:calc(100% - 20px);margin:10px;padding:10px 20px;background:hsla(0,0%,100%,.9);border-radius:5px;transition:1s;visibility:hidden} .px_portfolio_4_col .et_pb_portfolio_item:hover .px_portfolio_4_col_info{bottom:10px;transition:1s;visibility:visible!important} .px_portfolio_4_col.fullwidth .px_portfolio_4_col_info{padding:15px 20px;transition:1s} .px_portfolio_4_col .et_shop_image:hover .et_overlay,.px_portfolio_4_col .et_portfolio_image:hover .et_overlay{z-index:-1!important;opacity:0!important} /* Post-Meta CSS */ .px_portfolio_4_col .px_portfolio_4_col_info .post-meta a, .px_portfolio_4_col .px_portfolio_4_col_info .post-meta{color:var(--px-color-1);} .px_portfolio .post-meta {color: var(--px-color-1) !important;text-align: left !important;} /* Full Width Portfolio */ /* Header CSS */ .px_portfolio_4_col.fullwidth .px_portfolio_4_col_info .et_pb_module_header {margin-top:0 !important;} /* Filtered Portfolio */ /* Flitered Pagination */ .px_portfolio_2_col.flitered .et_pb_portofolio_pagination, .px_portfolio_3_col.flitered .et_pb_portofolio_pagination, .px_portfolio_4_col.flitered .et_pb_portofolio_pagination{width: 100%;border-top: 1px solid var(--px-color-1) !important;position: relative;} .px_portfolio_2_col.flitered .et_pb_portofolio_pagination ul, .px_portfolio_3_col.flitered .et_pb_portofolio_pagination ul, .px_portfolio_4_col.flitered .et_pb_portofolio_pagination ul{padding-top:10px !important;} .px_portfolio_2_col.flitered .et_pb_portofolio_pagination ul li a, .px_portfolio_3_col.flitered .et_pb_portofolio_pagination ul li a, .px_portfolio_4_col.flitered .et_pb_portofolio_pagination ul li a{color: var(--px-color-1);} .px_portfolio_2_col.flitered .et_pb_portofolio_pagination ul li a.active, .px_portfolio_3_col.flitered .et_pb_portofolio_pagination ul li a.active, .px_portfolio_4_col.flitered .et_pb_portofolio_pagination ul li a.active{color: #fff;background: var(--px-color-1);padding: 10px 15px;} /* Category CSS */ .px_portfolio_2_col.flitered .et_pb_portfolio_filters li a, .px_portfolio_3_col.flitered .et_pb_portfolio_filters li a, .px_portfolio_4_col.flitered .et_pb_portfolio_filters li a{margin-right: 10px !important;border:none !important;} .px_portfolio_2_col.flitered .et_pb_portfolio_filters li a:hover, .px_portfolio_2_col.flitered .et_pb_portfolio_filters li a.active, .px_portfolio_3_col.flitered .et_pb_portfolio_filters li a:hover, .px_portfolio_3_col.flitered .et_pb_portfolio_filters li a.active, .px_portfolio_4_col.flitered .et_pb_portfolio_filters li a:hover, .px_portfolio_4_col.flitered .et_pb_portfolio_filters li a.active {color: #fff !important;background-color: var(--px-color-1) !important;} /* Portfolio With Sidebar */ /* Manin CSS */ .px_portfolio_sidebar .et_pb_portfolio_item {margin-bottom: 30px;overflow:hidden;} /* Box on Hover CSS */ .px_portfolio_sidebar .px_portfolio_sidebar_info{position:absolute;bottom:-100px;width:calc(100% - 20px);margin:10px;padding:10px 20px;background:hsla(0,0%,100%,.9);border-radius:5px;transition:1s;visibility:hidden} .px_portfolio_sidebar .et_pb_portfolio_item:hover .px_portfolio_sidebar_info{bottom:10px;transition:1s;visibility:visible!important} /* Portfolio 2 Column */ .px_portfolio_2_col .et_pb_portfolio_items, .px_portfolio_2_col .et_pb_ajax_pagination_container{display: grid;grid-gap: 25px;grid-template-columns: repeat(2, 50%);} .px_portfolio_2_col .et_pb_portfolio_item{overflow:hidden;} /* Box on Hover CSS */ .px_portfolio_2_col .px_portfolio_2_col_info{position:relative;top:auto;bottom:0;width:80%!important;height:17%!important;margin:auto;background:hsla(0,0%,100%,.9);opacity:0;transition:1s;border-radius:5px} .px_portfolio_2_col .et_pb_portfolio_item:hover .px_portfolio_2_col_info{position:relative;top:auto;bottom:150px;opacity:1!important;transition:1s} /* Icon CSS */ .px_portfolio_2_col .px_portfolio_2_col_info:before, .px_portfolio_sidebar .px_portfolio_sidebar_info:before{content:"\f7ab";display:block;font-family:FontAwesome;background-color:var(--px-color-1)!important;color:#fff!important;outline:2px dashed var(--px-color-1);outline-offset:5px;border-radius:50%;padding:18px;font-size:24px;position:absolute;top:28%!important;bottom:auto;right:20%;left:auto;font-weight:900} /* Header CSS */ .px_portfolio_2_col .px_portfolio_2_col_info .et_pb_module_header{position:absolute;top:25%;left:20%;opacity:0;z-index:9;margin-top:0!important;text-align:center!important} .px_portfolio_2_col .et_pb_portfolio_item:hover .et_pb_module_header{opacity:1!important} /* Post Meta CSS */ .px_portfolio_2_col .px_portfolio_2_col_info .post-meta{position:absolute;top:50%;left:20%;opacity:0;z-index:9;margin-top:0!important;text-align:center!important} .px_portfolio_2_col .px_portfolio_2_col_info .post-meta a{color:var(--px-color-1)} .px_portfolio_2_col .et_pb_portfolio_item:hover .post-meta{opacity:1!important} /* Responsive CSS */ @media only screen and (max-width:980px){ .px_portfolio_2_col .px_portfolio_2_col_info:before,.px_portfolio_sidebar .px_portfolio_sidebar_info:before{padding:10px;font-size:20px;position:absolute;top:25%!important;right:10%} .px_portfolio_2_col .px_portfolio_2_col_info .post-meta a{font-size:13px!important} .px_portfolio_2_col .px_portfolio_2_col_info .et_pb_module_header{font-size:20px!important} .px_portfolio_2_col .et_pb_portfolio_item:hover .px_portfolio_2_col_info, .px_portfolio_sidebar .et_pb_portfolio_item:hover .px_portfolio_sidebar_info{position:relative;top:auto;bottom:100px} } @media only screen and (max-width:560px){ .px_portfolio_2_col .et_pb_ajax_pagination_container,.px_portfolio_2_col .et_pb_portfolio_items{grid-template-columns:unset} .px_portfolio_2_col .et_pb_portfolio_item:hover .px_portfolio_2_col_info{position:relative;top:auto;bottom:80px} .px_portfolio_2_col .px_portfolio_2_col_info:before{padding:8px;font-size:20px;position:absolute;top:20%!important;right:10%} } /* Portfolio 3 Column */ .px_portfolio_3_col .et_pb_ajax_pagination_container,.px_portfolio_3_col .et_pb_portfolio_items{display:grid;grid-template-columns:repeat(3,33.33%);grid-gap:25px} .px_portfolio_3_col .et_pb_portfolio_item{overflow:hidden} /* Box on Hover CSS */ .px_portfolio_3_col .px_portfolio_3_col_info{position:relative;top:auto;bottom:0;width:80%!important;height:18%!important;margin:auto;background:hsla(0,0%,100%,.9);opacity:0;transition:1s;border-radius:5px} .px_portfolio_3_col .px_portfolio_3_col_info:before{content:"\f7ab";display:block;font-family:FontAwesome;background-color:var(--px-color-1)!important;color:#fff!important;outline:2px dashed var(--px-color-1);outline-offset:5px;border-radius:50%;padding:10px;font-size:18px;position:absolute;top:25%!important;bottom:auto;right:20%;left:auto;font-weight:900} .px_portfolio_3_col .et_pb_portfolio_item:hover .px_portfolio_3_col_info{position:relative;top:auto;bottom:110px;opacity:1!important;transition:1s} /* Header CSS */ .px_portfolio_3_col .px_portfolio_3_col_info .et_pb_module_header{position:absolute;top:25%;left:20%;opacity:0;z-index:9;margin-top:0!important;text-align:center!important} .px_portfolio_3_col .et_pb_portfolio_item:hover .et_pb_module_header{opacity:1!important} /* Post Meta CSS */ .px_portfolio_3_col .px_portfolio_3_col_info .post-meta{position:absolute;top:50%;left:20%;opacity:0;z-index:9;margin-top:0!important;text-align:center!important} .px_portfolio_3_col .px_portfolio_3_col_info .post-meta a{color:var(--px-color-1)} .px_portfolio_3_col .et_pb_portfolio_item:hover .post-meta{opacity:1!important} /* Responsive CSS*/ @media only screen and (max-width:980px){ .px_portfolio_3_col .et_pb_ajax_pagination_container,.px_portfolio_3_col .et_pb_portfolio_items{display:grid;grid-gap:25px;grid-template-columns:repeat(2,50%)} .px_portfolio_3_col .et_pb_portfolio_item:hover .px_portfolio_3_col_info{position:relative;top:auto;bottom:80px;opacity:1!important;transition:1s} } @media only screen and (max-width:560px){ .px_portfolio_3_col .et_pb_portfolio_items, .px_portfolio_3_col .et_pb_ajax_pagination_container{grid-template-columns: unset;} .px_portfolio_3_col .et_pb_portfolio_item:hover .px_portfolio_3_col_info{position: relative;top: auto;bottom: 80px;} .px_portfolio_3_col .px_portfolio_3_col_info:before{padding: 8px;font-size: 20px;position: absolute;top: 20% !important;right: 10%;} } /* Portfolio With Sidebar */ /* Main CSS */ .px_portfolio_sidebar .et_pb_portfolio_item a{position:relative;overflow:hidden;} .px_portfolio_sidebar .px_portfolio_sidebar_info{padding:20px 30px;} /* Post Meta CSS */ .px_portfolio_sidebar .px_portfolio_sidebar_info .post-meta a{color:var(--px-color-1);} .px_portfolio_sidebar .px_portfolio_sidebar_info .post-meta {margin:0 !important;} /* Header CSS */ .px_portfolio_sidebar .px_portfolio_sidebar_info .et_pb_module_header{padding-bottom:0 !important;} /* Icon CSS */ .px_portfolio_sidebar .px_portfolio_sidebar_info::before{position: absolute;top: 23% !important;bottom: auto;right: 10%;left: auto;font-weight: 900;} /* Responsive CSS */ @media only screen and (max-width:980px){ .px_portfolio_sidebar .et_pb_portfolio_item:hover .px_portfolio_sidebar_info{position:relative;top:auto;bottom:140px} .px_portfolio_sidebar .px_portfolio_sidebar_info:before{padding:12px;font-size:22px;position:absolute;top:30%!important;bottom:auto;right:10%} } @media only screen and (max-width:560px){ .px_portfolio_sidebar .px_portfolio_sidebar_info{padding:10px 20px;} .px_portfolio_sidebar .et_pb_portfolio_item:hover .px_portfolio_sidebar_info{position:relative;top:auto;bottom:90px} .px_portfolio_sidebar .px_portfolio_sidebar_info::before{padding:10px;font-size:18px;position:absolute;top:21%!important;bottom:auto;right:10%} } /* ----------------------------------- Portfolio Tile Style CSS -------------------------------------*/ /* Portfolio Style 1 CSS */ .px_portfolio_style1 .et_pb_ajax_pagination_container{grid-template-columns: repeat(3,1fr);display: grid;grid-column-gap: 15px;grid-row-gap: 15px;} .px_portfolio_style1 .et_pb_portfolio_item{margin-bottom: 0px !important;overflow: hidden;} .px_portfolio_style1 .et_portfolio_image{margin-bottom: 0px !important;overflow: hidden;height: 100%;} .px_portfolio_style1 .et_portfolio_image img{transition: transform 0.3s ease;filter: brightness(0.6);transform: scale(1);height: 100%;} .px_portfolio_style1 .et_portfolio_image:hover img{transform: scale(1.1);} .px_portfolio_style1 .et_pb_portfolio_item:nth-child(1){grid-column: span 2;grid-row: span 2;} /* Responsive CSS */ @media only screen and (max-width: 981px){ .px_portfolio_style1 .et_pb_ajax_pagination_container{grid-template-columns: repeat(2, 1fr);} .px_portfolio_style1 .et_pb_portfolio_item:nth-child(1){grid-column: unset;grid-row: unset;} } @media only screen and (max-width: 767px){ .px_portfolio_style1 .et_pb_ajax_pagination_container {grid-template-columns: repeat(1, 1fr);} } /* Portfolio Style 2 CSS */ .px_portfolio_style2 .et_pb_ajax_pagination_container{display: grid;grid-template-columns: repeat(3, 1fr);grid-column-gap: 10px;grid-row-gap: 10px;} .px_portfolio_style2 .et_pb_ajax_pagination_container .et_pb_portfolio_item{position: relative;min-height: 245px;} .px_portfolio_style2 .et_pb_ajax_pagination_container .et_pb_portfolio_item:nth-child(4n+1), .px_portfolio_style2 .et_pb_ajax_pagination_container .et_pb_portfolio_item:nth-child(4n){grid-column-end: span 2;} .px_portfolio_style2 .et_pb_portfolio_item{margin-bottom: 0px !important;overflow: hidden;} .px_portfolio_style2 .et_portfolio_image{margin-bottom: 0px !important;overflow: hidden;} .px_portfolio_style2 .et_portfolio_image img{transition: transform 0.3s ease;filter: brightness(0.6);transform: scale(1);height: 300px;object-fit: cover;} .px_portfolio_style2 .et_portfolio_image:hover img{transform: scale(1.1);} /* Responsive CSS */ @media only screen and (max-width: 981px){ .px_portfolio_style2 .et_pb_ajax_pagination_container {grid-template-columns: repeat(2, 1fr);} .px_portfolio_style2 .et_pb_ajax_pagination_container .et_pb_portfolio_item:nth-child(4n+1), .px_portfolio_style2 .et_pb_ajax_pagination_container .et_pb_portfolio_item:nth-child(4n) {grid-column-end: unset;} } @media only screen and (max-width: 767px){ .px_portfolio_style2 .et_pb_ajax_pagination_container {grid-template-columns: repeat(1, 1fr);} } /* Portfolio Style 3 CSS */ .px_portfolio_style3 .et_pb_ajax_pagination_container {grid-template-columns: repeat(3, 1fr);display: grid;grid-column-gap: 15px;grid-row-gap: 15px;} .px_portfolio_style3 .et_pb_portfolio_item {margin-bottom: 0px !important;display: flex;align-items: flex-end;min-height: 260px;} .px_portfolio_style3 .et_pb_portfolio_item:nth-child(3) {grid-row-end: span 2;} .px_portfolio_style3 .et_portfolio_image img{transition: transform 0.3s ease;filter: brightness(0.6);transform: scale(1); height: 100%;object-fit: cover;} .px_portfolio_style3 .et_portfolio_image:hover img{transform: scale(1.1);} .px_portfolio_style3 .et_portfolio_image {margin-bottom: 0;overflow: hidden;height: 100%;width: 100%;position: absolute !important;left: 0;bottom: 0;} /* Responsive CSS */ @media only screen and (max-width: 981px){ .px_portfolio_style3 .et_pb_portfolio_item:nth-child(3) {grid-row-end: unset;} .px_portfolio_style3 .et_pb_ajax_pagination_container {grid-template-columns: repeat(2, 1fr);} .px_portfolio_style3 .alignleft{float: right;} } @media only screen and (max-width: 767px){ .px_portfolio_style3 .et_pb_ajax_pagination_container {grid-template-columns: repeat(1, 1fr);} .px_portfolio_style3 .alignleft{float: left;} } /* Portfolio Style 4 CSS */ .px_portfolio_style4 .et_pb_ajax_pagination_container {grid-template-columns: repeat(3, 1fr);display: grid;grid-column-gap: 15px;grid-row-gap: 15px;} .px_portfolio_style4 .et_pb_portfolio_item:nth-child(1) {grid-row-end: span 2;} .px_portfolio_style4 .et_pb_portfolio_item{margin-bottom: 0;} .px_portfolio_style4 .et_portfolio_image{overflow:hidden;height:100%;} .px_portfolio_style4 .et_pb_portfolio_item a{height:100%;} .px_portfolio_style4 .et_portfolio_image img{transition: transform 0.3s ease;filter: brightness(0.6);transform: scale(1); height: 100%;object-fit: cover;} .px_portfolio_style4 .et_portfolio_image:hover img{transform: scale(1.1);} /* Responsive CSS */ @media only screen and (max-width: 981px){ .px_portfolio_style4 .et_pb_ajax_pagination_container {grid-template-columns: repeat(2, 1fr);} .px_portfolio_style4 .et_pb_portfolio_item:nth-child(1) {grid-row-end: unset;} .px_portfolio_style4 .alignleft{float: right;} } @media only screen and (max-width: 767px){ .px_portfolio_style4 .et_pb_ajax_pagination_container {grid-template-columns: repeat(1, 1fr);} .px_portfolio_style4 .alignleft{float: left;} } /* Portfolio Style 5 CSS */ .px_portfolio_style5 .et_pb_ajax_pagination_container{grid-template-columns: repeat(3, 1fr);display: grid;grid-column-gap: 15px;grid-row-gap: 15px;} .px_portfolio_style5 .et_pb_portfolio_item:nth-child(2){grid-row-end: span 2;} .px_portfolio_style5 .et_portfolio_image{margin-bottom: 0;overflow: hidden;height: 100%;width: 100%;position: absolute !important;left: 0;bottom: 0;border-radius: 4px;} .px_portfolio_style5 .et_portfolio_image img{height: 100%;transition: all 0.3s;filter: grayscale(100%);border-radius: 4px;object-fit: cover;} .px_portfolio_style5 .et_portfolio_image:hover img{filter: grayscale(0);} .px_portfolio_style5 .et_pb_portfolio_item{margin-bottom: 0;display: flex;align-items: flex-end;min-height: 260px;} .px_portfolio_style5 .et_portfolio_image {margin-bottom: 0;overflow: hidden;height: 100%;width: 100%;position: absolute !important;left: 0;bottom: 0;} /* Responsive CSS */ @media only screen and (max-width: 981px){ .px_portfolio_style5 .et_pb_ajax_pagination_container {grid-template-columns: repeat(2, 1fr);} .px_portfolio_style5 .et_pb_portfolio_item:nth-child(1) {grid-row-end: unset;} .px_portfolio_style5 .alignleft{float: right;} } @media only screen and (max-width: 767px){ .px_portfolio_style5 .et_pb_ajax_pagination_container {grid-template-columns: repeat(1, 1fr);} .px_portfolio_style5 .alignleft{float: left;} } /* Portfolio Style 6 CSS */ .px_portfolio_style6 .et_pb_ajax_pagination_container {grid-template-columns: repeat(3, 1fr);display: grid;grid-column-gap: 15px;grid-row-gap: 15px;} .px_portfolio_style6 .et_pb_portfolio_item {margin-bottom: 0;display: flex;align-items: flex-end;min-height: 260px;} .px_portfolio_style6 .et_pb_portfolio_item .et_portfolio_image {margin-bottom: 0;overflow: hidden;height: 100%;width: 100%;position: absolute !important;left: 0;bottom: 0;} .px_portfolio_style6 .et_pb_portfolio_item:nth-child(2n+5):nth-child(3n+2) {grid-column-end: span 2;} .px_portfolio_style6 .et_pb_portfolio_item:nth-child(5n+2):nth-child(2n+3) {grid-row-end: span 2;} .px_portfolio_style6 .et_pb_portfolio_item .et_portfolio_image {margin-bottom: 0;overflow: hidden;height: 100%;width: 100%;position: absolute !important;left: 0;bottom: 0;} .px_portfolio_style6 .et_portfolio_image img{transition: all 0.3s;filter: brightness(0.6);height: 100%!important;object-fit: cover;} .px_portfolio_style6 .et_pb_portfolio_item:hover .et_portfolio_image img{filter: brightness(1);} .px_portfolio_style6 .et_pb_portfolio_item{margin-bottom: 0;display: flex;align-items: flex-end;min-height: 260px;} /* Responsive CSS */ @media only screen and (max-width: 981px){ .px_portfolio_style6 .et_pb_ajax_pagination_container {grid-template-columns: repeat(2, 1fr);} .px_portfolio_style6 .et_pb_portfolio_item:nth-child(2n+5):nth-child(3n+2) {grid-column-end: unset;} .px_portfolio_style6 .et_pb_portfolio_item:nth-child(5n+2):nth-child(2n+3) {grid-row-end: unset;} } @media only screen and (max-width: 767px){ .px_portfolio_style6 .et_pb_ajax_pagination_container {grid-template-columns: repeat(1, 1fr);} } /* Portfolio Style 7 CSS */ .px_portfolio_style7 .et_pb_ajax_pagination_container {grid-template-columns: repeat(3, 1fr);display: grid;grid-column-gap: 15px;grid-row-gap: 15px;} .px_portfolio_style7 .et_pb_portfolio_item {margin-bottom: 0;display: flex;align-items: flex-end;min-height: 260px;} .px_portfolio_style7 .et_pb_portfolio_item:nth-child(5) {grid-column: span 2;grid-row: span 2;} .px_portfolio_style7 .et_pb_portfolio_item{margin-bottom: 0;display: flex;align-items: flex-end;min-height: 260px;} .px_portfolio_style7 .et_pb_portfolio_item .et_portfolio_image {margin-bottom: 0;overflow: hidden;height: 100%;width: 100%;position: absolute !important;left: 0;bottom: 0;} .px_portfolio_style7 .et_portfolio_image img {transition: transform 0.3s ease;filter: brightness(0.6);height: 100%!important;object-fit: cover;} .px_portfolio_style7 .et_pb_portfolio_item:hover .et_portfolio_image img {transform: scale(1.2) rotate(5deg);} /* Responsive CSS */ @media only screen and (max-width: 981px){ .px_portfolio_style7 .et_pb_ajax_pagination_container {grid-template-columns: repeat(2, 1fr);} .px_portfolio_style7 .et_pb_portfolio_item:nth-child(5) {grid-column: unset;grid-row: unset;} } @media only screen and (max-width: 767px){ .px_portfolio_style7 .et_pb_ajax_pagination_container {grid-template-columns: repeat(1, 1fr);} } /* Portfolio Style 8 CSS */ .px_portfolio_style8 .et_pb_portfolio_item {margin-bottom: 0;} .px_portfolio_style8 .et_pb_ajax_pagination_container {grid-template-columns: repeat(2, 1fr);display: grid;grid-column-gap: 15px;grid-row-gap: 15px;} .px_portfolio_style8 .et_pb_portfolio_item:nth-child(6n+1), .px_portfolio_style8 .et_pb_portfolio_item:nth-child(6n+5) {grid-row-end: span 2;} .px_portfolio_style8 .et_pb_portfolio_item .et_portfolio_image {margin-bottom: 0;overflow: hidden;height: 100%} .px_portfolio_style8 .et_pb_portfolio_item:hover .et_portfolio_image img {filter: brightness(1);} .px_portfolio_style8 .et_portfolio_image img {transition: all 0.3s;filter: brightness(0.6);height: 260px;object-fit: cover;} .px_portfolio_style8 .et_pb_portfolio_item:nth-child(6n+1) img, .px_portfolio_style8 .et_pb_portfolio_item:nth-child(6n+5) img {height: 100%;} /* Responsive CSS */ @media only screen and (max-width: 981px){ .px_portfolio_style8 .et_pb_ajax_pagination_container {grid-template-columns: repeat(2, 1fr);} .px_portfolio_style8 .et_pb_portfolio_item:nth-child(6n+1), .px_portfolio_style8 .et_pb_portfolio_item:nth-child(6n+5) {grid-row-end: unset;} } @media only screen and (max-width: 767px){ .px_portfolio_style8 .et_pb_ajax_pagination_container {grid-template-columns: repeat(1, 1fr);} } /* Portfolio Style 9 CSS */ .px_portfolio_style9 .et_pb_ajax_pagination_container {grid-template-columns: repeat(3, 1fr);display: grid;grid-column-gap: 15px;grid-row-gap: 15px;} .px_portfolio_style9 .et_pb_portfolio_item {margin-bottom: 0;display: flex;align-items: flex-end;min-height: 260px;} .px_portfolio_style9 .et_pb_portfolio_item .et_portfolio_image {margin-bottom: 0;overflow: hidden;height: 100%;width: 100%;position: absolute !important;left: 0;bottom: 0;} .px_portfolio_style9 .et_portfolio_image img{transition: all 0.3s;filter: brightness(0.6);height: 100%!important;object-fit: cover;} .px_portfolio_style9 .et_pb_portfolio_item:hover .et_portfolio_image img {filter: brightness(1);} .px_portfolio_style9 .et_pb_portfolio_item:nth-child(5) {grid-row: span 1;grid-column: span 2;} /* Responsive CSS */ @media only screen and (max-width: 981px){ .px_portfolio_style9 .et_pb_ajax_pagination_container {grid-template-columns: repeat(2, 1fr);} .px_portfolio_style9 .et_pb_portfolio_item:nth-child(5n) {grid-row: unset;grid-column: unset;} } @media only screen and (max-width: 767px){ .px_portfolio_style9 .et_pb_ajax_pagination_container {grid-template-columns: repeat(1, 1fr);} } /* Portfolio Style 10 CSS */ .px_portfolio_style10 .et_pb_ajax_pagination_container {grid-template-columns: repeat(3, 1fr);display: grid;grid-column-gap: 15px;grid-row-gap: 15px;} .px_portfolio_style10 .et_pb_portfolio_item {margin-bottom: 0;display: flex;align-items: flex-end;min-height: 260px;} .px_portfolio_style10 .et_pb_portfolio_item .et_portfolio_image {margin-bottom: 0;overflow: hidden;height: 100%;width: 100%;position: absolute !important;left: 0;bottom: 0;} .px_portfolio_style10 .et_portfolio_image img {transition: all 0.3s;filter: grayscale(100%);height: 100%!important;object-fit: cover;} .px_portfolio_style10 .et_pb_portfolio_item:hover .et_portfolio_image img {filter: grayscale(0);} .px_portfolio_style10 .et_pb_portfolio_item:nth-child(3n+2) {grid-row-end: span 2;} /* Responsive CSS */ @media only screen and (max-width: 981px){ .px_portfolio_style10 .et_pb_ajax_pagination_container {grid-template-columns: repeat(2, 1fr);} .px_portfolio_style10 .et_pb_portfolio_item:nth-child(3n+2) {grid-row-end: unset;} } @media only screen and (max-width: 767px){ .px_portfolio_style10 .et_pb_ajax_pagination_container {grid-template-columns: repeat(1, 1fr);} } /* Box On Hover */ .px_post_tile_hover .et_pb_ajax_pagination_container .et_pb_portfolio_item{overflow:hidden} .px_post_tile_hover .px_post_tile_hover_info{position:absolute;bottom:-100px;width:calc(100% - 20px);margin:10px;padding:10px 20px;background:hsla(0,0%,100%,.9);border-radius:5px;transition:1s;visibility:hidden} .px_post_tile_hover .et_pb_portfolio_item:hover .px_post_tile_hover_info{bottom:10px;transition:1s;visibility:visible!important} /* Header CSS */ .px_post_tile_hover .px_post_tile_hover_info .et_pb_module_header{padding-bottom:0px !important;} /* Post Meta CSS */ .px_post_tile_hover .px_post_tile_hover_info .post-meta, .px_post_tile_hover .px_post_tile_hover_info .post-meta a{color:var(--px-color-1);} /* ----------------------------------- 07. Service Section CSS -------------------------------------*/ /* Service v1 */ .px_service_v1 {border-radius: 10px;background-color: #fff;box-shadow: 0 10px 43px 0 rgba(109,125,145,.14);position: relative;transition: all 0.3s;transform: translateY(0);} /*Blrub Css*/ .px_service_v1 .px_service_v1_blurb .et_pb_blurb_content .et_pb_main_blurb_image {position: absolute;top: -100px;z-index: 10;} .px_service_v1 .px_service_v1_blurb .et_pb_image_wrap .et-pb-icon {background-color: var(--px-color-1);color: #fff;padding: 25px;border-radius: 5px;transition: 1s;} .px_service_v1 .px_service_v1_blurb .et_pb_module_header {color: var(--px-color-1);transition: 1s;} /*Icon Css*/ .px_service_v1 .px_service_v1_icon {position: absolute;right: 15px;bottom: -10px;} .px_service_v1 .px_service_v1_icon .et_pb_icon_wrap .et-pb-icon {color: #fff;background: var(--px-color-1);padding: 10px;border-radius: 3px;transition: 1s;} /* Service v1 With Image */ .px_service_v1.img {padding:20px 15px;} .px_service_v1.img .px_service_v1_img .et_pb_image_wrap:after, .px_service_v1.img .px_service_v1_img .et_pb_image_wrap:before { content: "";background: #fff; height: 0; width: 0; z-index: 1; position: absolute; transition-duration: 1.3s !important; z-index: 3; right: 0; opacity: 1; top: 0; } .px_service_v1.img .px_service_v1_img .et_pb_image_wrap:after {bottom: 0;opacity: .7;left: 0;top:unset;} .px_service_v1.img .px_service_v1_img .et_pb_image_wrap {border-radius: 6px;overflow: hidden;} .px_service_v1.img .px_service_v1_img .et_pb_image_wrap img {border-radius: 6px;transform: scale(1.03);transition: all 0.8s;overflow: hidden;} /*Blrub Css*/ .px_service_v1.img .px_service_v1_blurb .et_pb_blurb_container {padding:0px 10px;} .px_service_v1.img .px_service_v1_blurb .et_pb_blurb_content .et_pb_main_blurb_image {position: absolute;top: -70px;z-index: 10;left:10px;} .px_service_v1.img .px_service_v1_blurb .et_pb_blurb_content .et_pb_image_wrap .et-pb-icon {background-color:#fff;color: var(--px-color-1);padding:15px;border-radius: 5px;transition: 1s;} .px_service_v1.img .px_service_v1_blurb .et_pb_blurb_content .et_pb_image_wrap {width:60px;} .px_service_v1.img .px_service_v1_blurb .et_pb_blurb_content .et_pb_image_wrap img{background-color: #fff;color: var(--px-color-1); padding:10px;border-radius: 5px;transition: 1s;} .px_service_v1.img .px_service_v1_blurb .et_pb_module_header{margin-top: 40px; color:#000;} /*Icon Css*/ .px_service_v1.img .px_service_v1_icon .et_pb_icon_wrap .et-pb-icon {color: #fff;background: var(--px-color-2);} /*Main Class Hover css*/ .px_service_v1:hover {transform: translateY(-20px);} .px_service_v1:hover::before {border-radius:10px;} /*Blrub Css*/ .px_service_v1:hover .px_service_v1_blurb .et_pb_image_wrap .et-pb-icon {background-color: var(--px-color-2);color: var(--px-color-1);transition: 1s;} .px_service_v1:hover .px_service_v1_blurb .et_pb_blurb_description {color: #fff;transition: 1s;} .px_service_v1:hover .px_service_v1_blurb .et_pb_module_header {color: #fff;transition: 1s;} /*Icon Css*/ .px_service_v1:hover .px_service_v1_icon .et_pb_icon_wrap .et-pb-icon {color: var(--px-color-1);background: var(--px-color-2);transition: 1s;} /* Service v1 Hover With Image */ .px_service_v1.img:hover .px_service_v1_img .et_pb_image_wrap img{transform: scale(1.1);} .px_service_v1.img:hover .px_service_v1_img .et_pb_image_wrap:after, .px_service_v1.img:hover .px_service_v1_img .et_pb_image_wrap:before {height: 100%;width: 100%;opacity: 0;z-index: 0;} .px_service_v1.list_mini:hover .px_service_v1_blurb .et_pb_module_header, .px_service_v1.img:hover .px_service_v1_blurb .et_pb_module_header{color: var(--px-color-1) } .px_service_v1.list_mini:hover .px_service_v1_blurb .et_pb_blurb_description, .px_service_v1.img:hover .px_service_v1_blurb .et_pb_blurb_description{color: #666; } /*Icon Css*/ .px_service_v1.img:hover .px_service_v1_icon .et_pb_icon_wrap .et-pb-icon {background: var(--px-color-1);color: #fff;} /* Service v1 Horizontal View v1 */ .px_service_v1.list_mini {padding:30px 40px 30px 10px;} .px_service_v1.list_mini .px_service_v1_blurb .et_pb_blurb_content .et_pb_main_blurb_image {position: relative;top: 0px;width: 100px;margin:auto;} .px_service_v1.list_mini .px_service_v1_blurb .et_pb_blurb_content .et_pb_image_wrap .et-pb-icon {background-color:#fff;color: var(--px-color-1);padding:15px;border-radius: 5px;transition: 1s;} /* Service v1 Carousel */ .px_testimonial_carousel_col .slick-list.draggable { padding-top: 75px; } .px_service_v1.slick-slide{ box-shadow:none; } /********Services Details Page Css Start Here**********/ /* Service Detail Page */ .px_service_detail_btn{width:100%;color:#000;background:#fff;border-radius:5px;box-shadow:0 1px 10px 0 rgba(0,0,0,.1)} .px_service_detail_btn:hover{box-shadow:0 1px 10px 0 var(--px-color-1);color:var(--px-color-1)} .px_service_detail_btn::after{margin-left:0!important;right:10px!important;transition:1s;background-color:transparent;padding:0 8px;border-radius:3px} .px_service_detail_btn:before{content:"";height:calc(100% + 2px);width:4%;background-color:transparent;position:absolute;bottom:-2px;right:-1px;border-right-color:var(--px-color-1);border-right-style:solid;border-right-width:2px;border-radius:0 4px 4px 0;border-left:none;transition:.5s ease-in-out;display:block!important;opacity:1!important;visibility:visible!important} .px_service_detail_btn:hover:after{background-color:var(--px-color-1);color:#fff;padding:0 8px;border-radius:3px;transition:1s} .time-list{list-style-type:none!important;padding-left:0!important;padding-bottom:0!important} .time-list li{position:relative;left:0;font-size:16px;color:#5c727d;padding:0 0 15px;margin-bottom:25px;border-bottom:2px solid #efeef5} .time-list li span{position:absolute;right:0} .px_service_v3_detail_cta_btn{box-shadow:0 1px 10px 0 rgba(0,0,0,.1)} .px_service_v3_detail_cta_btn .et_pb_button_wrapper .et_pb_promo_button{background-color:var(--px-color-1);border:2px solid transparent;border-radius:3px!important;color:#fff;overflow:hidden;transition:1s;font-size:24px;padding:15px 50px 15px 35px!important;position:relative;z-index:1} .px_service_v3_detail_cta_btn .et_pb_button_wrapper .et_pb_promo_button::before{transition-duration:.8s;position:absolute;width:200%;height:200%;content:""!important;top:110%;left:50%;transform:translateX(-50%);border-radius:50%;background:#000!important;color:var(--px-color-2);display:block!important;opacity:0;z-index:-1} .px_service_v3_detail_cta_btn .et_pb_button_wrapper .et_pb_promo_button::after {color: #fff !important;} .px_service_v3_detail_cta_btn .et_pb_button_wrapper .et_pb_promo_button:hover{border: 2px solid #000;border-radius: 3px !important;color: var(--px-color-1) !important;} .px_service_v3_detail_cta_btn .et_pb_button_wrapper .et_pb_promo_button:hover::after {color: var(--px-color-1) !important;} .px_service_v3_detail_cta_btn .et_pb_button_wrapper .et_pb_promo_button:hover::before { color: var(--px-color-1) !important;top: -40%;opacity: 1;} /*Sidebar CTA*/ .px_CTA_sidebar {box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.1);background:var(--px-color-2) !important;overflow: visible !important; } .px_CTA_sidebar .et_pb_promo_description .px_cta_bottom{position:relative;padding-top:200px;z-index:2} .px_CTA_sidebar .et_pb_promo_description .px_cta_bottom a{display:block;color:#fff;font-weight:400;margin-bottom:5px;font-size:18px} .px_CTA_sidebar .et_pb_promo_description .px_cta_bottom a.px_cta_phone_number{font-size:15px} .px_CTA_sidebar .et_pb_button_wrapper .et_pb_promo_button{background-color:var(--px-color-1);border:2px solid transparent;border-radius:3px!important;color:#fff;overflow:hidden;transition:1s;position:relative;z-index:1;top:30px} .px_CTA_sidebar .et_pb_button_wrapper .et_pb_promo_button::before{transition-duration:.8s;position:absolute;width:200%;height:200%;content:""!important;top:110%;left:50%;transform:translateX(-50%);border-radius:50%;background:#000!important;color:var(--px-color-2);display:block!important;opacity:0;z-index:-1} .px_CTA_sidebar .et_pb_button_wrapper .et_pb_promo_button::after {color: #fff !important;} .px_CTA_sidebar .et_pb_button_wrapper .et_pb_promo_button:hover{border: 2px solid #000;border-radius: 3px !important;color: var(--px-color-1) !important;} .px_CTA_sidebar .et_pb_button_wrapper .et_pb_promo_button:hover::after {color: var(--px-color-1) !important;} .px_CTA_sidebar .et_pb_button_wrapper .et_pb_promo_button:hover::before { color: var(--px-color-1) !important;top: -40%;opacity: 1;} /********Services Details Page Css End Here**********/ /* Blurb CSS */ .px_service .px_service_info .et-pb-icon{color:var(--px-color-1)} .px_service_info .et-pb-icon::before{position:absolute;left:10px;top:0;content:'';width:38px;height:36px;opacity:.15;transform:rotate(45deg);background-color:var(--px-color-1);margin-left:-13px} .px_service .px_service_info:hover .et-pb-icon{transform:scale(-1) rotate(180deg);transition:1s} .px_service_info .et_pb_module_header:hover{color:var(--px-color-1);cursor:pointer;transition:1s} /* Image CSS */ .px_service_img_1 img:hover{transform:scale(1.01);opacity:.9;transform:1s} /* Play Icon CSS */ .px_service .px_service_icon{position:absolute;top:230px;left:140px;background:#15222b;border-radius:50%;transition:1s;z-index:-1} .px_service_icon::after{position:absolute;content:'';left:-5px;top:5px;right:5px;bottom:-5px;border-radius:50%;display:inline-block;border:1px solid #fff;z-index:1} /* Services V2 */ .px_service_v2__counter_col::before{position:absolute;content:'';left:0;top:0;width:100%;height:100%;overflow:hidden;transition:1s;transform:scale(0,1);transform-origin:left center;background-position:center center;background:var(--px-color-1)} .px_service_v2__counter_col:hover::before{transform:scale(1,1);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center} .px_service_v2__counter_col .et-pb-icon{color:var(--px-color-1)!important} .px_service_v2__counter_col:hover .et-pb-icon,.px_service_v2__counter_col:hover .et_pb_number_counter .percent-value, .px_service_v2__counter_col:hover .et_pb_number_counter .title{color:#fff!important} .px_service_v2__counter_col .et_pb_number_counter .percent-value{color:#000!important} .px_service_v2__counter_col .et_pb_number_counter .title{color:#727685!important} /* Responsive CSS */ @media screen and (max-width:980px) { .px_service_v2_main_col_1 {display: none !important;} } /* Service Page */ /* Tabs Section */ .px_choose_us.px_service_v3 .px_tab_info .et_pb_tabs_controls li{border:none!important;margin:0 10px 15px 0;background:var(--px-color-1);opacity:.4;padding:3px 0!important} .px_choose_us.px_service_v3 .px_tab_info .et_pb_tabs_controls li a{border:none!important;color:#fff} .px_abopx_service_v3_chosse_us.px_tab_info .et_pb_tabs_controls{border:none!important;box-shadow:0 4px 15px rgba(0,0,0,.05)}.px_service_v3_chosse_us .et_pb_all_tabs{background-color:transparent!important} .px_service_v3_chosse_us.px_tab_info .et_pb_tabs_controls li.et_pb_tab_active a::before{position:absolute;left:0;right:0;bottom:-6px;margin:auto;content:"";background:var(--px-color-1)!important;width:12px;height:12px;opacity:1;transform:rotate(45deg);z-index:-1} .px_service_v3_chosse_us.px_tab_info .et_pb_tabs_controls li.et_pb_tab_active{background-color:var(--px-color-1)!important;opacity:1!important} /* Counter Section */ .px_service_v3_counter_col{background:var(--px-color-1);border-radius:8px;padding:20px 0} .px_service_v3_counter_col::before{position:absolute;content:'';left:0;top:0;width:100%;height:100%;overflow:hidden;transition:1s;transform:scale(0,1);transform-origin:left center;background:#fff;z-index:1;border-radius:8px} .px_service_v3_counter_col:hover::before{transform:scale(1,1);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center} .px_service_v3_counter_col .et-pb-icon,.px_service_v3_counter_col .et_pb_number_counter .percent-value{color:#fff!important;transition:1s} .px_service_v3_counter_col:hover .et-pb-icon, .px_service_v3_counter_col:hover .et_pb_number_counter .percent-value, .px_service_v3_counter_col:hover .et_pb_number_counter .title{color:var(--px-color-1)!important;transition:1s} .px_service_v3_counter_col:hover .et-pb-icon{z-index:2} .px_service_v3_counter_col .et_pb_number_counter .title{color:#fff!important;transition:1s;position:relative;z-index:2} /* ----------------------------------- 08. Contact Form Section CSS -------------------------------------*/ .px_form input[type=email], .px_form input[type=password], .px_form input[type=text], .px_form select,.px_form textarea{display:block;width:100%;line-height:28px;height:56px;padding:8px 22px;font-size:15px!important;color:#15222b!important;transition:.5s;-webkit-transition:.5s;-ms-transition:.5s;-o-transition:.5s;border-bottom:1px solid var(--px-color-2)!important} .px_form .et_contact_bottom_container{float:left;margin-top:10px} .px_form .et_pb_contact_submit{border:2px solid var(--px-color-2);background-color:var(--px-color-2);color:#fff!important;overflow:hidden;transition:1s;font-size:18px!important;padding:10px 50px 10px 35px!important;z-index:9} .px_form .et_pb_contact_submit::after,.px_form .et_pb_contact_submit:hover::after{color:#fff!important} .px_form .et_pb_contact_submit::before{transition-duration:.8s;position:absolute;width:200%;height:200%;content:""!important;top:110%;left:50%;transform:translateX(-50%);border-radius:50%;z-index:-1;background:var(--px-color-1);color:#fff!important;display:block!important} .px_form .et_pb_contact_submit:hover::before{top:-40%;opacity:1} .px_form .et_pb_contact_submit:hover{color:#fff!important;border:2px solid var(--px-color-1)!important} /* Contact Page */ /* Header CSS */ .px_contact_blurb .et_pb_module_header{transition: 1s;} .px_contact_blurb:hover .et_pb_module_header{color:var(--px-color-1);transition: 1s;} /* Icon CSS */ .px_contact_blurb .et_pb_blurb_content .et_pb_image_wrap .et-pb-icon{color:var(--px-color-1) !important;transition:1s;} .px_contact_blurb .et_pb_blurb_content .et_pb_image_wrap .et-pb-icon::before{position:absolute;left:-5px;top:-10px;content:'';width:38px;height:36px;opacity:.15;transform:rotate(45deg);background-color:var(--px-color-1)} .px_contact_blurb:hover .et_pb_blurb_content .et_pb_image_wrap .et-pb-icon{transform:scale(-1) rotate(180deg);transition:1s} /* Form Input CSS */ .px_contact_page_form .et_pb_contact p.et_pb_contact_field_0::before, .px_contact_page_form .et_pb_contact p.et_pb_contact_field_1::before, .px_contact_page_form .et_pb_contact p.et_pb_contact_field_2::before, .px_contact_page_form .et_pb_contact p.et_pb_contact_field_3::before{right:20px;top:18px;font-size:22px;font-family:ETmodules;position:absolute;color:var(--px-color-1)} .px_contact_page_form .et_pb_contact p input{display:block;width:100%;line-height:28px;height:60px;padding:8px 25px;border-radius:3px;font-size:15px;color:#999;transition:.5s;border:1px solid #efeef5;background:0 0} .px_contact_page_form .et_pb_contact_field textarea.et_pb_contact_message{resize:none;font-size:15px;padding-top:15px;display:block;width:100%;border-radius:3px;color:#999;transition:.5s;border:1px solid #efeef5;background:0 0} .px_contact_page_form .et_pb_contact_field input:focus, .px_contact_page_form .et_pb_contact_field textarea:focus{border-color:var(--px-color-1)!important} .px_contact_page_form .et_pb_contact p{position:relative}.px_contact_page_form .et_pb_contact p.et_pb_contact_field_0::before{content:"\e08a"} .px_contact_page_form .et_pb_contact p.et_pb_contact_field_1::before{content:"\e076"} .px_contact_page_form .et_pb_contact p.et_pb_contact_field_2::before{content:"\e066"} .px_contact_page_form .et_pb_contact p.et_pb_contact_field_3::before{content:"\e090"} .px_contact_page_form .et_pb_contact p.et_pb_contact_field_4::before{content:"\6c";font-family:ETmodules;position:absolute;right:25px;top:20px;font-size:24px;color:var(--px-color-1)} /* Form Button CSS */ .px_contact_page_form .et_contact_bottom_container{float:left;margin-left:15px;margin-top:0} .px_contact_page_form .et_contact_bottom_container .et_pb_button{background:var(--px-color-1);color:#fff;overflow:hidden;z-index:2} .px_contact_page_form .et_contact_bottom_container .et_pb_button:hover{color:var(--px-color-1)} .px_contact_page_form .et_contact_bottom_container .et_pb_button::before{content:""!important;position:absolute;width:200%;height:300%;top:110%;left:0;border-radius:50%;background:#fff!important;transition:1s;display:block!important;z-index:-1} .px_contact_page_form .et_contact_bottom_container .et_pb_button:hover::before{top:-90%;transition:1s;opacity:1} /*Popup Css*/ .px_popup .px_contact_page_form .et_pb_contact p { } .px_popup .px_contact_page_form .et_pb_contact p input {border-radius:5px;} .px_popup .px_contact_page_form .et_pb_contact_form_label {display:block;} .px_popup .px_contact_page_form .et_pb_contact_field:before {top: 40px !important;} .px_popup .px_contact_page_form .et_contact_bottom_container{clear:both;width: 100%;margin-left:0px;padding-left: 18px;} .px_popup .px_contact_page_form .et_contact_bottom_container .et_pb_button{margin-left:0px;padding-right:3%;border-radius:5px;} .px_popup .px_footer_social li{margin-bottom:0!important} .px_popup .px_footer_social li a{background-color:var(--px-color-2) !important;} .px_popup .px_footer_social li a:hover{background-color:var(--px-color-1)!important;} /* Contact Page V2 */ /* Column CSS */ .px_contact_v2_mini .px_contact_v2_mini_col:hover{box-shadow: 0px 5px 25px var(--px-color-1);transition:1s;} /* Header CSS */ .px_contact_v2_mini .px_contact_v2_mini_col, .px_contact_v2_mini .px_contact_v2_mini_col .et_pb_text h3, .px_contact_v2_mini .px_contact_v2_mini_col .px_num_text{transition:1s} .px_contact_v2_mini .px_contact_v2_mini_col:hover .et_pb_text h3{color:var(--px-color-1);transition:1s} .px_contact_v2_mini .px_contact_v2_mini_col:hover .px_num_text{right:20px;transform:scale(1.1);transition:1s} /* Icon CSS */ .px_contact_v2_mini .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{color:var(--px-color-1);transition:0.5s;} .px_contact_v2_mini .px_contact_v2_mini_col:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{transform: rotateY(360deg);transition:0.5s;} /* ----------------------------------- 09. Team Section CSS -------------------------------------*/ /* Team V1 */ .px_team_v1 .et_pb_team_member_description, .px_team_v1:after{text-align:center;background-color:#fff;position:absolute;transition:.5s} .px_team_v1{position:relative;overflow:hidden;border-radius:10px;box-shadow:rgba(17,17,26,.1) 0 0 16px} .px_team_v1:after{content:'\4c';right:22px;top:16px;width:40px;height:40px;line-height:40px;overflow:hidden;border-radius:50px;font-family:ETmodules!important;font-weight:400;color:#000;font-size:30px;visibility:visible} .px_team_v1:hover:after{transform:rotate(45deg);transition:.5s} .px_team_v1 .et_pb_team_member_image{margin-bottom:0} .px_team_v1 .et_pb_team_member_image img{position:relative;width:100%;display:block} .px_team_v1 .et_pb_team_member_description{left:15px;bottom:20px;border-radius:10px;padding:10px 20px;font-size:14px;line-height:1.6em;width:calc(100% - 30px)}.px_team_v1 .et_pb_team_member_description:before{position:absolute;content:'';left:50%;top:0;opacity:0;margin-left:-7px;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:15px solid var(--px-color-1);transition:.5s} .px_team_v1 .et_pb_team_member_description .et_pb_module_header{position:relative;font-weight:500;color:var(--px-color-2);text-transform:uppercase;transition:.5s;font-size:24px} .px_team_v1 .et_pb_team_member_description .et_pb_member_position{font-weight:500;line-height:1.3em;font-size:14px;position:relative;margin:0;background:0 0;color:var(--px-color-1);transition:.5s} .px_team_v1 .et_pb_team_member_description .et_pb_member_social_links{position:absolute;opacity:0;z-index:1;transition:.5s;bottom:395%;right:-10px;transition:opacity .2s,bottom .2s;margin-top:0}.px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li{display:block;margin-bottom:10px!important} .px_team_v1:hover .et_pb_member_social_links{bottom:118%;opacity:1;transition:opacity .4s,bottom .2s} .px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li a.et_pb_google_icon::before{content:"\E09a"} .px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li a:before{position:relative;font-weight:400;font-size:13px;color:#fff;background:var(--px-color-1);padding:10px;border-radius:50%} .px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li a:hover:before{background:var(--px-color-2)} .px_team_v1 .et_pb_team_member_description .et_pb_member_position:before{position:absolute;content:'\4c';left:-12px;bottom:10px;width:18px;height:18px;font-family:ETmodules!important;font-weight:400;opacity:0} .px_team_v1 .et_pb_team_member_description .et_pb_member_position:after{position:absolute;content:'\5b';right:-14px;bottom:1px;width:25px;height:25px;font-family:ETmodules!important;font-weight:400;opacity:0} /*Team Class Hover Effects*/ .px_team_v1:hover .et_pb_team_member_description{bottom:50px;background-color:var(--px-color-1)} .px_team_v1:hover .et_pb_team_member_description:before{top:-14px;opacity:1;transition-delay:150ms} .px_team_v1:hover .et_pb_team_member_description .et_pb_member_position, .px_team_v1:hover .et_pb_team_member_description .et_pb_module_header{color:#fff} .px_team_v1:hover .et_pb_member_position:after,.px_team_v1:hover .et_pb_member_position:before{opacity:.5} @media only screen and (min-width:768px) and (max-width:980px){ .px_team_v1 .et_pb_team_member_description{bottom:12px!important} .px_team_v1:hover .et_pb_team_member_description{bottom:25px!important} .px_team_v1:hover .et_pb_member_social_links{bottom:165%} } @media only screen and (min-width:376px) and (max-width:576px){ .px_team_v1 .et_pb_team_member_description {bottom: 0px;} .px_team_v1:hover .et_pb_member_social_links {bottom: 210%;} } @media only screen and (max-width:375px){ .px_team_v1:hover .et_pb_member_social_links {bottom: 165%;} .px_team_v1 .et_pb_team_member_description {bottom: 0px;} } /* Button CSS */ .px_team_btn{color:#000;transition:1s} .px_team_btn:hover{color:var(--px-color-1)!important;background-color:transparent!important;transition:1s} /* Social Link */ .px_team_member .et_pb_member_social_links::before{content:"\4c";font-family:ETmodules;background:#fff;border-radius:50%;font-size:18px;padding:10px;font-weight:800} .px_team_member .et_pb_member_social_links li{margin-right:0;transform:translateY(-90px);opacity:0;transition:1s;background-color:var(--px-color-1);border-radius:50%;margin-bottom:5px;padding:4px 0;display:block} .px_team_member:hover .et_pb_member_social_links::before{transform:rotate(40deg);transition:1s} .px_team_member:hover .et_pb_member_social_links li{position:relative;transform:translateY(10px);transition:.5s;opacity:1} .px_team_member:hover .et_pb_member_social_links{top:-210px!important;transition:1s} /* Description CSS */ .px_team_member .et_pb_team_member_description::before{position:absolute;content:'';left:50%;top:0;opacity:0;transition:1s} .px_team_member:hover .et_pb_team_member_description::before{opacity:1;transition:1s} .px_team_member:hover .et_pb_team_member_description{top:-100px!important;transition:1s;background:var(--px-color-1)!important} /* Title CSS */ .px_team_member:hover .et_pb_module_header {transition: 1s;color: #fff !important;} /* Position CSS */ .px_team_member:hover .et_pb_member_position {transition: 1s;color: #fff !important;} /* Plus Icon */ .px_team_plus_icon{position:absolute;left:45px!important;bottom:135px!important;width:18px;height:18px;margin-left:0} /* Cirle Icon */ .px_team_circle_icon{position:absolute;right:40px!important;bottom:145px!important;width:25px;height:25px} /* Team V2 */ /* Main Column CSS */ .px_team_v2_col,.px_team_v2_col:hover{box-shadow:0 0 15px rgba(0,0,0,.05);padding:35px 20px 45px;transition:1s} .px_team_v2_col{border-bottom:4px solid transparent} .px_team_v2_col::before{content:"";display:block;position:absolute;height:100%;width:100%;top:0;left:0;transition:1s;transform:scale(.3,1);opacity:0;z-index:-2} .px_team_v2_col:hover::before{background-color:var(--px-color-2);transform:scale(1,1);transition:1s;opacity:1}.px_team_v2_col:hover{border-color:var(--px-color-1)} /* Image CSS */ .px_team_v2_col .px_team_v2_person .et_pb_team_member_image img {border-radius: 50%;} .px_team_v2_col .px_team_v2_person .et_pb_team_member_image::before{content:"";position:absolute;right:50px;top:-20px;width:20px;height:138px;border-radius:50px;transform:rotate(45deg);background-color:var(--px-color-1);display:block;z-index:-1} .px_team_v2_col .px_team_v2_person .et_pb_team_member_image::after{content:"";position:absolute;right:35px;top:20px;width:12px;height:120px;border-radius:50px;transform:rotate(45deg);background-color:#ecebf3;display:block;z-index:-1} /* Responsive Image CSS */ @media screen and (max-width:980px) { .px_team_v2_col .px_team_v2_person .et_pb_team_member_image::before{position:absolute;right:90px;top:-20px} .px_team_v2_col .px_team_v2_person .et_pb_team_member_image::after{position:absolute;right:85px;top:20px} } /* Header CSS */ .px_team_v2_col:hover .et_pb_module_header {color: #fff !important;transition: 1s;} /* Social CSS */ .px_team_v2_person .et_pb_member_social_links li a::before {color: var(--px-color-1);font-size: 13px;padding: 12px;} .px_team_v2_person .et_pb_member_social_links li a::after{content:"";height:35px;width:35px;border-radius:50%;background-color:var(--px-color-1);opacity:.3;display:block;position:absolute;top:-3px;left:0} .px_team_v2_person:hover .et_pb_member_social_links li a::before{color:#fff!important;transition:1s} .px_team_v2_person:hover .et_pb_member_social_links li a::after{background-color:rgb(255,255,255,.4)} /* Team Page */ .px_team_v1_social li a{margin-right:30px;transition:1s} .px_team_v1_social li a::before{background:var(--px-color-1);padding:5px;border-radius:50%} .px_team_v1_social li a:hover{transform:rotateY(360deg)!important;transition:1s} /* Team List V2 */ .px_team_list_v2_person{display:flex !important;} /* Image CSS */ .px_team_v2_col .px_team_list_v2_person .et_pb_team_member_image img {border-radius: 50%;} .px_team_v2_col .px_team_list_v2_person .et_pb_team_member_image::before{content:"";position:absolute;right:50px;top:-20px;width:20px;height:138px;border-radius:50px;transform:rotate(45deg);background-color:var(--px-color-1);display:block;z-index:-1} .px_team_v2_col .px_team_list_v2_person .et_pb_team_member_image::after{content:"";position:absolute;right:35px;top:20px;width:12px;height:120px;border-radius:50px;transform:rotate(45deg);background-color:#ecebf3;display:block;z-index:-1} /* Responsive Image CSS */ @media screen and (max-width:980px) { .px_team_v2_col .px_team_list_v2_person .et_pb_team_member_image::before{position:absolute;right:90px;top:-20px} .px_team_v2_col .px_team_list_v2_person .et_pb_team_member_image::after{position:absolute;right:85px;top:20px} } @media screen and (max-width:576px) { .px_team_list_v2_person{display:block!important;text-align:center!important} .px_team_list_v2_person .et_pb_team_member_image{margin:auto!important} } /* Header CSS */ .px_team_v2_col:hover .et_pb_module_header {color: #fff !important;transition: 1s;} /* Social CSS */ .px_team_v2_col .px_team_list_v2_person .et_pb_member_social_links li a::before{color:var(--px-color-1);font-size:13px;padding:12px} .px_team_v2_col .px_team_list_v2_person .et_pb_member_social_links li a::after{content:"";height:35px;width:35px;border-radius:50%;background-color:var(--px-color-1);opacity:.3;display:block;position:absolute;top:-3px;left:0} .px_team_v2_col:hover .px_team_list_v2_person .et_pb_member_social_links li a{color:#fff!important;transition:1s;background-color:rgb(255,255,255,.4)} /* ----------------------------------- 10. Slider Section CSS ----------------------------------- */ /* Slider Section CSS */ /* Navigation Arrow CSS */ .px_home_v3_slider .et-pb-controllers a{width:15px;background:#fff;opacity:1;border-radius:0;margin-right:6px} .px_home_v3_slider .et-pb-controllers .et-pb-active-control{width:20px;background:var(--px-color-1)} .px_home_v3_slider .et-pb-arrow-next,.px_home_v3_slider .et-pb-arrow-prev{background:var(--px-color-1);font-size:35px;padding:15px} .px_home_v3_slider .et-pb-arrow-prev:before{content:'\23'}.px_home_v3_slider .et-pb-arrow-next:before{content:'\24'} .px_home_v3_slider:hover .et-pb-arrow-prev{left:0!important}.px_home_v3_slider:hover .et-pb-arrow-next{right:0!important} @media only screen and (max-width: 480px) { .px_home_v3_slider .et-pb-arrow-next,.px_home_v3_slider .et-pb-arrow-prev{font-size:20px;padding:5px} } /* Button CSS */ .px_home_v3_slider .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button::before{transition-duration:.8s;position:absolute;width:200%;height:200%;content:""!important;top:110%;left:50%;transform:translateX(-50%);border-radius:50%;z-index:-1;background:#fff!important;display:block!important} .px_home_v3_slider .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button::after{color:#fff!important;margin-left:5px!important;opacity:1!important} .px_home_v3_slider .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button:hover::before{top:-40%;opacity:1} .px_home_v3_slider .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button:hover::after{color:var(--px-color-1)!important} .px_home_v3_slider .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button:hover{color:var(--px-color-1)!important;border-color:var(--px-color-1)!important} .px_home_v3_slider .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button{background-color:var(--px-color-1);color:#fff!important;z-index:2;border:2px solid var(--px-color-1);border-radius:3px!important;color:var(--px-color-2);overflow:hidden;transition:1s;padding:10px 45px 10px 25px!important} /* ----------------------------------- 11. F.A.Q Section CSS ----------------------------------- */ .px_faq .et_pb_toggle{padding:0!important;margin-bottom:18px!important;border-radius:5px} .px_faq .et_pb_toggle_title::before{content:"\E050";position:absolute;right:15px!important;font-size:20px;color:#717171!important;top:50%;color:var(--px-color-1)!important} .px_faq .et_pb_toggle_title{padding:17px!important;background-color:#f2f5fa;border-radius:5px} .px_faq .et_pb_toggle_open .et_pb_toggle_title{background-color:var(--px-color-1);color:#fff!important} .px_faq .et_pb_toggle_open .et_pb_toggle_content{padding:20px!important} /* ----------------------------------- 12. Timeline Section CSS ----------------------------------- */ .px_timeline_btn::after{content:""!important;position:absolute!important;width:50px!important;height:2px!important;background:var(--px-color-1)!important;top:50%!important;right:-15px!important} .px_timeline_btn{color:#aaa;transition:1s} .px_timeline_btn:hover{font-size:22px;background:0 0!important;color:#000;transition:1s} /* ----------------------------------- 13. Pricing Table Section CSS -------------------------------------*/ /* Lable CSS */ .px_pricing_lable{background:var(--px-color-1);color:#fff;} .px_pricing_lable:hover{background:var(--px-color-1) !important;} /* Pricing Table CSS */ .px_pricing_table .et_pb_pricing_table {padding-bottom:0px;} .px_pricing_table .et_pb_pricing_content_top .et_pb_sum{color:var(--px-color-1);} /* List CSS */ .px_pricing_list{color:var(--px-color-2);} .px_pricing_list::before{color:var(--px-color-1);margin-left: -1.5em !important;} .px_pricing_list:hover{background:none !important;} .px_pricing_mid_col .px_pricing_list{color:#fff;} /* Column CSS */ .px_pricing_v1,.px_pricing_v2{background-color:#fff;border-radius:10px;overflow:hidden;padding-right:20px;padding-bottom:30px;padding-left:20px;box-shadow:0 0 10px 0 rgba(0,0,0,.3)} .px_pricing_mid_col{background:var(--px-color-2)!important} /*Pricing Toggle*/ .px_pricing_tabs {background: #fff;border: none;text-align: center;-webkit-border-radius: 90px;-moz-border-radius: 90px;border-radius: 10px;padding: 10px !important;box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;} .px_pricing_tabs [id*="px_pricing_tab_"] {width:100%;text-align:center;background: rgba(255,255,255,0.5) !important;color: #09144a !important;box-shadow:none;border-radius:5px !important;} .px_pricing_tabs [id*="px_pricing_tab_"]:hover, .px_pricing_tabs [id*="px_pricing_tab_"].px_active{ background: var(--px-color-1) !important; color: #fff !important; } /*Pricing Row Settings */ [class*="px_pricing_tab_content_"] {opacity:0;-webkit-transform:scale(.7);-ms-transform:scale(.7);transform:scale(.7);-webkit-transition:opacity .4s ease,-webkit-transform .4s ease;-o-transition:opacity .4s ease,transform .4s ease;transition:opacity .4s ease,transform .4s ease;visibility:hidden;display:none !important; } [class*="px_pricing_tab_content_"].px_active{opacity:1;-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);-webkit-transition:opacity 1s ease,-webkit-transform 1s ease;-o-transition:opacity 1s ease,transform 1s ease;transition:opacity 1s ease,transform 1s ease;visibility:visible;display:block !important;} [class*="px_pricing_tab_content_"].animated{-webkit-animation-duration:1.5s;animation-duration:1.5s} /* Pricing Carousel Layout */ .px_slide_pricing .et_pb_column.et-last-child{margin-right: unset !important;} /* ----------------------------------- 14. Testimonial Section CSS -------------------------------------*/ .px_testimonial_info .et_pb_testimonial_description{margin-left:0!important} .px_testimonial_info .et_pb_testimonial_description .et_pb_testimonial_description_inner::before{content:"\7b"!important;position:absolute;left:-30px;top:-20px;text-align:center;color:var(--px-color-1);font-family:ETmodules!important;font-size:35px;display:block;transform:rotate(180deg)} .px_testimonial_info .et_pb_testimonial_description .et_pb_testimonial_description_inner::after{content:"\7b"!important;position:absolute;right:10px;bottom:-5px;text-align:center;color:var(--px-color-1);font-family:ETmodules!important;font-size:35px;display:block} /* Testimonial Page V2 */ .px_testimonial_v2 .et_pb_testimonial_description {margin-left: 0px !important;} .px_testimonial_v2 .et_pb_testimonial_description .et_pb_testimonial_description_inner::before{content:"\7b"!important;position:absolute;left:-40px;top:-20px;text-align:center;color:var(--px-color-1);font-family:ETmodules!important;font-size:35px;display:block;transform:rotate(180deg)} .px_testimonial_v2 .et_pb_testimonial_description .et_pb_testimonial_description_inner::after{content:"\7b"!important;position:absolute;right:10px;bottom:5px;text-align:center;color:var(--px-color-1);font-family:ETmodules!important;font-size:35px;display:block} .px_testimonial_v2 .et_pb_testimonial_description .et_pb_testimonial_description_inner .et_pb_testimonial_content p{padding-bottom:1.5em} /* ----------------------------------- 15. About Section CSS -------------------------------------*/ /* About v1 */ /* About List */ .px_about_list::before{width:27px;height:27px;line-height:27px;text-align:center;border-radius:50%;color:var(--px-color-1);background-color:#fff;box-shadow:0 0 15px rgba(0,0,0,.05);margin-left:-2.3em!important} .px_about_list:hover{background-color:transparent!important} /* About Testimonal */ .px_about_testimonial{background-color:#fff!important;border:1px solid var(--px-color-1);border-radius:2px} .px_about .px_about_testimonial::before{content:"\7b"!important;position:absolute;left:15px;top:-1px;width:31px;height:28px;border-radius:2px;text-align:center;background-color:var(--px-color-1);color:#fff;font-size:22px;line-height:26px;display:block} .px_about_testimonial .et_pb_testimonial_author{margin:0;color:var(--px-color-1)} /* About v2 */ /* About List */ .px_about_v2_list ul li{list-style:square} .px_about_v2_list ul li::marker{color:var(--px-color-1)} /* Play Icon CSS */ .px_play_img img{transition:1s} .px_play_img img:hover{transform:scale(1.1);transition:1s} .px_about_v2 .px_about_v2_icon .et-pb-icon{color:var(--px-color-1)!important;background:#fff;padding:29px;border-radius:50%;transition:1s} /* Button CSS */ .px_about_v2_marketing .px_btn.primary_bg::before{transition-duration:.8s;position:absolute;width:200%;height:200%;content:""!important;top:110%;left:50%;transform:translateX(-50%);border-radius:50%;z-index:-1;background:#000!important;display:block!important} .px_about_v2_marketing .px_btn.primary_bg:hover:before{top:-40%;opacity:1} .px_about_v2_marketing .px_btn:hover{border:2px solid #000!important}.blurb::before{position:absolute;content:'';left:0;top:0;width:100%;height:100%;overflow:hidden;transition:1s;transform:scale(0,1);transform-origin:left center;background-position:center center;background:var(--px-color-1)} .px_about_v2_info:hover .blurb::before{transform:scale(1,1);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center} .px_about_v2_info:hover .et_pb_image_wrap .et-pb-icon{color:#fff!important;transform:scale(-1) rotate(180deg);transition:1s} .px_about_v2_info:hover .et_pb_blurb_description,.px_about_v2_info:hover .et_pb_module_header, .px_about_v2_info:hover .px_about_v2_btn{color:#fff!important;transition:1s} .px_about_v2_info .et_pb_blurb_content .et-pb-icon{color:var(--px-color-1)!important;transition:1s} .px_about_v2_info .et_pb_blurb_content .et-pb-icon::before{position:absolute;content:'';left:0;top:-20px;width:50px;height:60px;opacity:.1;border-radius:50px;transform:rotate(135deg);background-color:var(--px-color-1)} /* About Us Page */ /* About Banner Section */ .px_about_v3_title p{padding-top:10px!important} .px_about_v3_title .px_info{padding:0 10px!important;transition:1s} .px_about_v3_title .px_info:hover{color:#fff;transition:1s} /* About About Section */ .px_about_v1_info .px_service_info .et-pb-icon, .px_about_v1_info .px_service_info:hover .et_pb_module_header{color:var(--px-color-1)!important;transition:1s} .px_about_v1_info .px_service_info:hover .et-pb-icon{transform:scale(-1) rotate(180deg);transition:1s} .px_about_num_count .percent-value{color:var(--px-color-1)!important} /* About Button CSS */ .px_about_v3 .px_btn.primary_bg::before{transition-duration:.8s;position:absolute;width:200%;height:200%;content:""!important;top:110%;left:50%;transform:translateX(-50%);border-radius:50%;z-index:-1;background:#000!important;display:block!important} .px_about_v3 .px_btn.primary_bg:hover:before{top:-40%;opacity:1} .px_about_v3 .px_btn:hover{border:2px solid #000!important} /* Tabs Section */ .px_about_v3.px_tab_info .et_pb_tabs_controls li{background:#fff;border-radius:5px!important;border-right:none!important;box-shadow:0 4px 15px rgba(0,0,0,.05);margin:15px;padding:8px 30px!important} .px_about_v3 .et_pb_all_tabs{background-color:transparent!important} .px_about_v3.px_tab_info .et_pb_tabs_controls li.et_pb_tab_active a::before{position:absolute;left:0;right:0;bottom:-6px;margin:auto;content:"";background:var(--px-color-1);width:12px;height:12px;opacity:1;transform:rotate(45deg);z-index:-1} .px_about_v3.px_tab_info .et_pb_tabs_controls li.et_pb_tab_active{padding:8px 30px!important;border-radius:5px;background-color:var(--px-color-1)} .px_about_v3_tab_btn::before{color:var(--px-color-1)!important} /* About Me Page */ /* Social Link */ .px_about_me_social li a{background:var(--px-color-1);border-radius:50%!important;padding:5px!important;transition:1s} .px_about_me_social li:hover a{background:var(--px-color-2);box-shadow:0 0 10px 0 var(--px-color-1);transform:translateY(-5px);transition:1s} /* Testimonial CSS */ /* Navigation Button CSS */ .px_testimonial_carousel_col .slick-list.draggable{padding-top:30px} .px_testimonial_carousel_col .slick-next:before{content:"\24"!important;position:absolute;right:-25px;color:var(--px-color-1);font-family:ETmodules;font-size:40px;z-index:9} .px_testimonial_carousel_col .slick-prev:before{content:"\23"!important;position:absolute;left:-25px;color:var(--px-color-1);font-family:ETmodules;font-size:40px;z-index:9} .px_testimonial_info.px_testimonial_carousel_module .et_pb_testimonial_description_inner::before{content:"\7b"!important;position:absolute;left:-8px!important;top:-20px;text-align:center;color:var(--px-color-1);font-family:ETmodules!important;font-size:35px;display:block;transform:rotate(180deg)} /* ----------------------------------- 16. Why Choose Section CSS -------------------------------------*/ /* Blurb CSS */ .px_choose_us .px_choose_info .et-pb-icon{color:var(--px-color-1);opacity:.7;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-ms-transition:.3s;-o-transition:.3s} .px_choose_info:hover .et-pb-icon{color:var(--px-color-1);opacity:1;transform:rotateY(360deg)!important} /* Tabs CSS */ .px_tab_info {border: none !important;} .px_tab_info ul.et_pb_tabs_controls {background-color: transparent !important;} .px_tab_info .et_pb_tab_content ul {list-style: none !important;padding: 0px !important;} .px_tab_info ul.et_pb_tabs_controls::after {border: none !important;} .px_choose_us .px_tab_info .et_pb_tabs_controls li {float: left !important;width: auto;border-bottom: 2px solid var(--px-color-1) !important;} .px_tab_info .et_pb_tabs_controls li.et_pb_tab_active a {background-color: var(--px-color-1) !important;color: #fff !important;} .px_tab_info .et_pb_tab {padding-left: 0px !important;padding-right: 0px !important;padding-top: 15px !important;} .px_tab_info .et_pb_tab_content ul li::before {position: relative;content: '\4e';left: 0px;top: 0px;font-weight: 900;font-family: ETmodules;color: var(--px-color-1);} /* Col 2 Blurb Opening Hours */ .px_choose_open_hour .et-pb-icon {padding: 25px;background: #ffffff1a;} /* Social Link CSS */ .px_choose_social .et_pb_social_icon a {background-color: #ffffff1a;transition: 1s;} .px_choose_social .et_pb_social_icon a:hover {background-color: var(--px-color-1);transition: 1s;} /* Progress Bar */ .px_choose_progress_bar .et_pb_counter {border-bottom: 2px solid #F1F1F2;padding-bottom: 8px;} .px_choose_progress_bar .et_pb_counter_container {overflow: visible !important;} .px_choose_progress_bar .et_pb_counter_amount {height: 3px;min-height: 3px !important;background-color: var(--px-color-1) !important;} .px_choose_progress_bar .et_pb_counter_amount_number_inner {color: #000;position: relative;top: -20px;right: 0px;} /* ----------------------------------- 17 Process Section CSS -------------------------------------*/ /* Left Side Image */ .px_our_process .px_our_process_row .et_pb_column_2_5:before{content:"";border-radius:50%;background-color:#f4f5f8;position:absolute;width:350px;height:350px;top:50%;left:0;right:auto;transform:translate(-50%,-50%)} .px_our_process .px_our_process_row .et_pb_column_2_5:after{counter-increment:processCount;content:counter(processCount);background-color:var(--px-color-1);display:flex;justify-content:center;align-items:center;text-align:center;position:absolute;border-radius:50%;color:#fff;font-size:32px;width:130px;height:130px;top:34%;transform:translate(-50%)} /* Right Side Image */ .px_our_process .px_our_process_row .et_pb_column_2_5:nth-child(2n):before{content:"";border-radius:50%;background-color:#f4f5f8;position:absolute;width:350px;height:350px;top:50%;right:0;left:auto;transform:translate(50%,-50%)} .px_our_process .px_our_process_row .et_pb_column_2_5:nth-child(2n):after{counter-increment:processCount;content:counter(processCount);background-color:var(--px-color-1);display:flex;justify-content:center;align-items:center;text-align:center;position:absolute;border-radius:50%;color:#fff;font-size:32px;width:130px;height:130px;top:34%;right:0;transform:translate(50%)} /* Responsive CSS */ @media only screen and (max-width:980px){ .px_our_process .px_our_process_row .et_pb_column_2_5:before,.px_our_process .px_our_process_row .et_pb_column_2_5:nth-child(2n):before{display:none} .px_our_process .px_our_process_row .et_pb_column_2_5:after,.px_our_process .px_our_process_row .et_pb_column_2_5:nth-child(2n):after{width:80px;height:80px;top:50px;transform:translate(0);left:50px} } @media only screen and (max-width:576px){ .px_our_process .px_our_process_row .et_pb_column_2_5:after, .px_our_process .px_our_process_row .et_pb_column_2_5:nth-child(2n):after{width:55px;height:55px;font-size:28px;top:60px;transform:translate(0);left:30px} } /* ----------------------------------- 18 Partner Section CSS -------------------------------------*/ /* Our Partner Page */ .px_partner .px_feature_info{transition:1s;box-shadow:0 0 10px -3px rgba(0,0,0,.3);border-radius:10px} .px_partner .px_feature_info:hover{box-shadow:0 0 10px 0 var(--px-color-1);transition:1s} /* ----------------------------------- 19 Video Section CSS -------------------------------------*/ /* ----------------------------------- 20 Skill-bar Section CSS -------------------------------------*/ /* ----------------------------------- 21 Counter Section CSS -------------------------------------*/ .px_counter_col:hover .px_counter_icon {transform: scale(-1) rotate(180deg);transition: 1s;} /* ----------------------------------- 22 Newsletter Section CSS -------------------------------------*/ /* ----------------------------------- 23 CTA Section CSS -------------------------------------*/ /* Follow Blurb CSS */ .px_cta_follow .et_pb_blurb_content .et-pb-icon {color: var(--px-color-1) !important;} .px_cta_follow .et_pb_blurb_container {padding-left: 0px !important;} /* Social CSS */ .px_cta_social li a {margin-right: 15px;} .px_cta_social li a::before {background-color: #fff !important;color: var(--px-color-1) !important;border-radius: 50%;padding: 5px;transition: 1s;} .px_cta_social li a:hover::before {color: #fff !important;background-color: var(--px-color-1) !important;transition: 1s;} /* ----------------------------------- 24. Coming Soon Section CSS ----------------------------------- */ .px_coming_soon_email .et_pb_newsletter_field {width:70%;} .px_coming_soon_email .et_pb_newsletter_button {position:absolute;right:0;top:0;width:25%;} /* ----------------------------------- 25. 404 Section CSS -------------------------------------*/ .px_404_sec .px_404_text .et_pb_text_inner h2{color:var(--px-color-1);padding-bottom:0!important} .px_404_sec .px_404_text .et_pb_text_inner h4{color:var(--px-color-2);padding-bottom:30px!important} .px_404_sec .px_404_text .et_pb_text_inner p{color:grey} /* ----------------------------------- 26. Search Page CSS ----------------------------------- */ .px_search_bar input.et_pb_searchsubmit{background-color:var(--px-color-1)!important;color:#fff!important;padding:0 25px!important;border-radius:0 5px 5px 0} /*------------------------------------------- 27. Features Section CSS -------------------------------------------*/ /* Feature V1 */ .px_feature_info .et-pb-icon{margin-right:10px;color:var(--px-color-1)!important} .px_feature_info .et-pb-icon::before{color:var(--px-color-1)!important;position:absolute;content:'';left:20px;top:10px;width:50px;height:24px;opacity:.1;border-radius:50px;transform:rotate(135deg);background-color:var(--px-color-1)} .px_feature_info .et_pb_blurb_content:hover .et-pb-icon{transform:scale(-1) rotate(180deg);transition:1s} .px_feature_info .et_pb_blurb_content:hover .et_pb_module_header{color:var(--px-color-1);transition:1s} /* Feature V2 */ .px_feature_v2_info .et_pb_blurb_content .et-pb-icon{color:#fff!important;position:relative;background-color:var(--px-color-1)} .px_feature_v2_info .et-pb-icon::after,.px_feature_v2_info .et-pb-icon::before{box-shadow:0 0 0 0 var(--px-color-1);width:90px;height:90px} /* Icon Background Animation CSS */ /* .px_feature_v2_info:before, .px_feature_v2_info:after { width: 78px; height: 78px; transform: translate(-50%, -50%); border-radius: 50% 50% 50% 50%; box-shadow: 0 0 0 0 var(--px-color-1); opacity: 0.6; animation: ripple 3s infinite; position: absolute; } .px_feature_v2_info:before { -webkit-animation-delay: .9s; -moz-animation-delay: .9s; -ms-animation-delay: .9s; -o-animation-delay: .9s; animation-delay: .9s; content: ""; position: absolute; top: 42px; left: 134px; } .px_feature_v2_info:after { animation-delay: .6s; content: ""; position: absolute; top: 42px; left: 134px; } */ /* Responsive Icon Background Animation*/ /* @media screen and (max-width:980px) { .px_feature_v2_info:before { position: absolute; top: 42px; left: 325px; } .px_feature_v2_info:after { top: 42px; left: 325px; } } @media screen and (max-width:576px) { .px_feature_v2_info:before { position: absolute; top: 42px; left: 125px; } .px_feature_v2_info:after { top: 42px; left: 125px; } } */ /* ----------------------------------- 28. Client Section CSS -------------------------------------*/ .px_client_img:hover{filter:grayscale(100%);transform:1s} .px_client_img::before{position:absolute;content:'';top:35px;right:-25px;width:1px;bottom:35px;border-right:1px solid #e2e2f3} /* ----------------------------------- 29. Achievment Part CSS -------------------------------------*/ .px_achievment_info .et_pb_blurb_content .et-pb-icon {color: var(--px-color-1) !important;} .px_achievment_year .et_pb_blurb_content .et-pb-icon {color: var(--px-color-1) !important;} /*------------------------------------------- 30. Color Picker CSS -------------------------------------------*/ .px-color-switcher,.px-color-switcher .close{display:block;box-shadow:5px 5px 15px #d1d9e6,-5px -5px 15px #fff;text-align:center}.pickr .pcr-button::after,.pickr .pcr-button::before,.tm-color-selector div,.tm-font-selector div{border-radius:50%}.px-color-switcher{position:fixed;left:8px;top:50%;z-index:1000;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);border-radius:64px;padding:15px 10px;background-color:#fff;font-size:12px;width:65px;line-height:1.3;background:linear-gradient(145deg,#e2e8ec,#fff);transition:.2s ease-in-out}.px-color-switcher .close{border-radius:50%;position:absolute;top:0;right:0;font-size:20px;color:#fff;z-index:20;line-height:24px;width:20px;height:20px;opacity:1;background-color:#333;transition:.5s;cursor:pointer}.px-color-switcher .close:hover{background:#fff;color:#333!important;opacity:1}.px-color-switcher.closed{padding:10px 8px 6px 10px;left:0;border-top-left-radius:0;border-bottom-left-radius:0;transition:.25s}.px-color-switcher.closed:hover{padding-right:14px}.px-color-switcher.closed img:hover,.tm-font-selector:hover{cursor:pointer}.px-color-switcher.closed .close,.px-color-switcher.closed div{display:none}.px-color-switcher.closed .img{display:block;overflow:hidden;height:42px;width:45px;text-align:center;animation:8s linear infinite rotation}.px-color-switcher.closed .img img{margin:0} @media (max-width: 991px) { .px-color-switcher { display: none !important;}} .px-color-selector div,.px-font-selector div{border-radius:50%;width:35px;height:35px;border:4px solid #fff;display:block;margin:4px auto 0;box-shadow:0 0 5px rgba(0,0,0,.1);cursor:pointer;transition:.5s}.px-color-selector div:hover,.px-font-selector div:hover{background:linear-gradient(145deg,rgba(0,0,0,.5),#fff);box-shadow:5px 5px 15px rgba(0,0,0,.5),-5px -5px 15px #fff}.px-custom-field{padding:0;border:0;width:20px;height:20px;border-radius:50%;margin-bottom:14px;margin-left:auto;margin-right:auto;cursor:pointer;display:block}.px-color-selector{position:relative}.px-color-switcher .px_tooltip{opacity:0;visibility:hidden;-webkit-transform:scale(.7);-moz-transform:scale(.7);-ms-transform:scale(.7);transform:scale(.7);position:absolute;background-color:#fff;font-size:13px;margin:0;padding:0 20px;font-family:inherit;width:auto;font-weight:600;line-height:36px;letter-spacing:.1px;left:5px;top:0;border-radius:3px;white-space:nowrap;-webkit-box-shadow:0 5px 40px rgb(0 0 0 / 7%),0 0 3px -1px rgb(83 45 245 / 15%);-moz-box-shadow:0 5px 40px rgb(0 0 0 / 7%),0 0 3px -1px rgb(83 45 245 / 15%);box-shadow:0 5px 40px rgb(0 0 0 / 7%),0 0 3px -1px rgb(83 45 245 / 15%);-moz-transition:.3s cubic-bezier(.64,-.09,.13,1.15);-o-transition:.3s cubic-bezier(.64,-.09,.13,1.15);transition:.3s cubic-bezier(.64,-.09,.13,1.15);color:#333}.px-color-switcher .px_tooltip span{display:block;position:absolute;left:-5px;top:12px;width:0;height:0;border-right:5px solid #fff;border-bottom:5px solid transparent;border-top:5px solid transparent}.px-color-switcher .px-color-selector:hover .px_tooltip{opacity:1;left:45px;visibility:visible;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} /* ----------------------------------- 32. Animation Part CSS ----------------------------------- */ @-webkit-keyframes ripple{70%{box-shadow:0 0 0 70px rgba(253,167,0,0)}100%{box-shadow:0 0 0 0 rgba(253,167,0,0)}} @keyframes ripple{70%{box-shadow:0 0 0 70px rgba(253,167,0,0)}100%{box-shadow:0 0 0 0 rgba(253,167,0,0)}} /* Float Up Down*/ @-webkit-keyframes float_up_down{0%,100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}50%{-webkit-transform:translateY(30px);transform:translateY(30px);opacity:1}} @keyframes float_up_down{0%,100%{transform:translateY(0);opacity:1}50%{transform:translateY(30px);opacity:1}}.float_up_down{animation-name:float_up_down;animation-duration:5s;animation-iteration-count:infinite;animation-timing-function:linear} /* Float Left Right */ @-webkit-keyframes float_left_right_two{0%,100%{-webkit-transform:translateX(-30px);opacity:1}50%{-webkit-transform:translateX(0);opacity:.8}} @keyframes float_left_right_two{0%,100%{transform:translateX(-30px);opacity:1}50%{transform:translateX(0);opacity:.8}} .px_float_left_right_two{animation-name:float_left_right_two;animation-duration:5s;animation-iteration-count:infinite;animation-timing-function:linear;-webkit-animation-name:float_left_right_two;-webkit-animation-duration:5s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-moz-animation-name:float_left_right_two;-moz-animation-duration:5s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:linear;-ms-animation-name:float_left_right_two;-ms-animation-duration:5s;-ms-animation-iteration-count:infinite;-ms-animation-timing-function:linear;-o-animation-name:float_left_right_two;-o-animation-duration:5s;-o-animation-iteration-count:infinite;-o-animation-timing-function:linear} /* Blog Image Left To Right */ @-webkit-keyframes shine{100%{left:125%}} @keyframes shine{100%{left:125%}} /* Rotated border */ @keyframes rotateme2{0%{transform:rotate(0);opacity:1}50%{transform:rotate(-180deg)}100%{transform:rotate(-360deg);opacity:1}} /* Fade In Up */ @keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp} @keyframes rotation{from{transform:rotate(0)}to{transform:rotate(359deg)}} /* ----------------------------------- 31. Slide In CSS ----------------------------------- */ /* Show/hide the popup overlay wrapper when "is-visible" class changes, apply the CSS to frontend only */ body:not(.et-fb) .px-popup-wrapper .px-popup-content{ position:fixed; z-index:990; top:0; right:0; bottom:0; left:0; transition: all .5s cubic-bezier(.14,.06,.41,1.39); opacity:0; visibility:hidden; } body:not(.et-fb) .px-popup-wrapper.popup-is-visible .px-popup-content{ opacity:1; visibility:visible; } /* Allow the content inside the popup wrapper to scroll */ .px-popup-inside { height:100%; overflow-y: scroll; } /* Prevent Body from Scrolling when Popup is visible */ body.px-noscroll { overflow-y: scroll; } /* Center Align Popup Content inside the Section */ .px-popup-content { display:flex; flex-direction:column; justify-content: center; } .px-popup-content .et_pb_row { margin-top:0; margin-bottom:0; } /* Adjust the position of the popup overlay for admin bar */ @media (min-width:600px) and (max-width:782px) { body:not(.et-fb).admin-bar .px-popup-wrapper { top:46px; } } @media (min-width:783px) { body:not(.et-fb).admin-bar .px-popup-wrapper { top:32px; } } /* Mave the popup on top of other elements */ .et_builder_inner_content.popup-is-visible { z-index:99999; } /* Add a hand cursor to the close trigger element */ .px-popup-close { cursor:pointer; } /*Popup Overlay Css Move Up Start Here*/ .px-popup-wrapper .px-popup-content.px_move_up { transform: translateY(100%);transition: all .4s ease-in-out,width .2s ease-in-out,top .4s ease-in-out !important; } body:not(.et-fb) .px-popup-wrapper.popup-is-visible .px-popup-content.px_move_up {transform: translateY(-30px); } /*Popup Overlay Css Move Down Start Here*/ .px-popup-wrapper .px-popup-content.px_move_downup { transform: translateY(-100%);transition: all .4s ease-in-out,width .2s ease-in-out,top .4s ease-in-out !important; } body:not(.et-fb) .px-popup-wrapper.popup-is-visible .px-popup-content.px_move_downup {transform: translateY(0%); } /*Popup Overlay Css Move right Start Here*/ .px-popup-wrapper .px-popup-content.px_slide_right { transform: translateX(-100%);transition: all .8s ease-in-out,width .4s ease-in-out,top .8s ease-in-out !important; } body:not(.et-fb) .px-popup-wrapper.popup-is-visible .px-popup-content.px_slide_right {transform: translateX(0%); } /*Popup Overlay Css Move Left Here*/ .px-popup-wrapper .px-popup-content.px_slide_left { transform: translateX(100%);transition: all .8s ease-in-out,width .4s ease-in-out,top .8s ease-in-out !important; } body:not(.et-fb) .px-popup-wrapper.popup-is-visible .px-popup-content.px_slide_left {transform: translateX(0%); } /* Add Row animation when popup is triggered */ /*.px-popup-wrapper.popup-is-visible .et_pb_row:not(.px-popup-close)*/ .px-popup-wrapper.popup-is-visible .px_scale_in {animation:scale-in .5s cubic-bezier(.14,.06,.41,1.39) both; animation-delay: .5s; } @keyframes scale-in{0%{transform:scale(0.3);opacity:0}100%{transform:scale(1);opacity:1}} /*Popup Overlay Css Move Up Start Here*/ body:not(.et-fb) .px-popup-wrapper .px-popup-content.px_move_up {top: unset;min-height: auto;right: 20px;} .px-popup-wrapper .px_move_up { transform: translateY(100%);transition: all .8s ease-in-out,width .4s ease-in-out,top .8s ease-in-out !important; } .px-popup-wrapper.popup-is-visible .px_move_up {transform: translateY(-30px); } /*Popup Overlay Css Move Down Start Here*/ .px-popup-wrapper .px_move_downup { transform: translateY(-100%);transition: all .8s ease-in-out,width .4s ease-in-out,top .8s ease-in-out !important; } .px-popup-wrapper.popup-is-visible .px_move_downup {transform: translateY(0%); } /*Popup Overlay Css Slide Right Start Here*/ .px-popup-wrapper .px_slide_right { transform: translateX(100%);transition: all .8s ease-in-out,width .4s ease-in-out,top .8s ease-in-out !important; } .px-popup-wrapper.popup-is-visible .px_slide_right {transform: translateX(0%); } /*Popup Overlay Css Slide left Here*/ .px-popup-wrapper .px_slide_left { transform: translateX(-100%);transition: all .8s ease-in-out,width .4s ease-in-out,top .8s ease-in-out !important; } .px-popup-wrapper.popup-is-visible .px_slide_left {transform: translateX(0%); } /* .px_icon_bar {position: relative;width: 50px;height: 50px;line-height: 50px;border-radius: 5px;border: 2px solid #e4e7ee;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;background: #fff;-webkit-box-shadow: 0px 0px 0px 0px;box-shadow: 0px 0px 0px 0px;top: 4px;} .px_icon_bar:before {content: "";position: absolute;width: 38px;height: 38px;border-radius: 5px;background: var(--px-color-1);border-radius: 5px;top: 0;left: 0;right: 0;bottom: 0;margin: auto;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;;display:block !important;} .px_icon_bar .et_pb_icon_wrap .et-pb-icon{color:#fff !important;font-size:20px !important;} .px_icon_bar:hover:before {width: 100%;height: 100%;}*/ .px_icon_bar {padding: 0px !important; background: var(--px-color-1) !important;border-radius: 5px;border: 2px solid #e4e7ee;transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;-webkit-box-shadow: 0px 0px 0px 0px;box-shadow: 0px 0px 0px 0px;} .px_icon_bar:after {padding:7px 15px 7px 9px;display: block;position: relative;-webkit-transition: all 0.5s ease;color:#fff !important;font-size:20px !important;} .px_icon_bar:before {content: "";position: absolute;width: 38px;height: 38px;border-radius: 5px;background: var(--px-color-1);border-radius: 5px;top: 0;left: 0;right: 0;bottom: 0;margin: auto;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;;display:block !important;} .px_icon_bar:hover {background: var(--px-color-2)!important;} .px_icon_bar:hover:before {width: 100%;height: 100%;}