/* Theme Name: Cleanzon Theme URI: https://divi.pixelsbuilderplus.com/divi-themes/cleanzon/ Description: Modern, clean and professional Divi theme which is specially created to spread and represent your cleaning services business to your potential customers. Author: Divi Builder Plus Author URI: https://divibuilderplus.com/ Template: Divi Version: 1.0 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 003. Hero Section 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 28 Slide In CSS 26 Color Picker CSS 27 Animation Part CSS --------------------------------------------------------*/ /* ----------------------------------- 01. General Class CSS -------------------------------------*/ /*---Title CSS---*/ .px_title h2 {} .px_subtitle {color: var(--px-color-1);margin-bottom:0px !important;padding-bottom:0px !important;} .px_subtitle:hover {background:transparent !important;} .px_subtitle:before{color: var(--px-color-2);margin-left:-25px !important;} .px_desc {} /*---Button CSS---*/ /*Default Button CSS*/ .px_services_sidebar_CTA_btn .et_pb_button_wrapper .et_pb_button, .px_post_comment .form-submit .submit, .px_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit , .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_button_wrapper .et_pb_button, .px_btn{ background:var(--px-color-1); border:1px solid var(--px-color-1); color:#fff; border-radius: 10px 0 10px 0; transition:.3s ease-in-out; } .px_post_comment .form-submit .submit:hover, .px_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit:hover, .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_button_wrapper .et_pb_button:hover, .px_btn:hover{ background:#fff; color:var(--px-color-1); border:1px solid var(--px-color-1)!important; border-radius:0 10px 0 10px; } /*Light Button CSS*/ .px_services_sidebar_CTA_btn .et_pb_button_wrapper .et_pb_button, .px_btn.light{ background:#fff; color:var(--px-color-1); } .px_pricing_btn_active, .px_btn.light:hover{ background:var(--px-color-1)!important; color:#fff; } /*Dark Button CSS*/ .px_btn.dark{ background:#fff; color:var(--px-color-2); } .px_services_sidebar_CTA_btn .et_pb_button_wrapper .et_pb_button:hover, .px_btn.dark:hover{ background:var(--px-color-2)!important; color:#fff; transition:.3s ease-in-out; } /* Social Links Css*/ .px_header_v1_top .px_header_social li a{ background:transparent!important; color:var(--px-color-2); } /*---Social Icons CSS---*/ .px_social li a{ background: var(--px-color-1)!important; } /*---CTA v2 CSS---*/ .px_CTA_v2_col1 .px_CTA_info_type2 .et_pb_button_wrapper .et_pb_button { border:1px solid var(--px-color-2); border-radius: 10px 0 10px 0; } .px_CTA_v2_col1 .px_CTA_info_type2 .et_pb_button_wrapper .et_pb_button:hover{ border-radius:0 10px 0 10px; background:var(--px-color-2)!important; } .px_CTA_v2_col2 .px_CTA_info_type2 .et_pb_button_wrapper .et_pb_button { border:1px solid var(--px-color-1)!important; border-radius: 10px 0 10px 0; } .px_CTA_v2_col2 .px_CTA_info_type2 .et_pb_button_wrapper .et_pb_button:hover{ border-radius:0 10px 0 10px; background:var(--px-color-1)!important; } /*---Breadcrumbs Title CSS---*/ .px_b_home_link {} .px_b_other_link {color:var(--px-color-2)!important;} .px_header_sec_title::before{content:""; background:var(--px-color-1); height:100%; width:100%; position:absolute; top:0; left:0; opacity:0.7;} .px_b_home_link:hover, .px_b_other_link:hover, .px_header_title:hover{background:transparent !important;} /* Responsive CSS */ /* Column Reverse */ @media screen and (max-width:980px) { .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} } /*--- 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---*/ .px_small_blurb_info {} .px_header_contact_info {} /*---Menu + Sub Menu CSS---*/ /*---Main Menu CSS---*/ .px_header_v1_menu .et-menu .sub-menu{ margin-top:0!important; padding:0px 0px 0px 0px !important; } /*---Sub Menu CSS---*/ .px_header_menu .et-menu .current_page_item a{ color:var(--px-color-1)!important; } .px_header_menu .sub-menu{ background-color: #ffffff!important; border-radius: 0px; border-top: none; top: 80px!important; padding:0px !important; } .px_header_menu .sub-menu .menu-item-has-children .sub-menu{ top:0!important; } /*---Header Common Info Css---*/ /*---Header v1 CSS---*/ .px_header_v1 {} .px_header_v1_top .px_small_info:before { color:var(--px-color-2); margin-left: -25px!important; } .px_header_menu .et_mobile_menu{ border-top: 3px solid var(--px-color-1)!important; } .px_header_v1_bottom .px_icon_bar { border:none; border-radius:0 0 10px 0; margin: 10px 0 0 0; padding: 4px!important; } /*------- Header v1 Bottom Hover CSS Start Here -------*/ .px_header_v3 .px_btn:hover, .px_header_v2 .px_btn:hover, .px_header_v1_bottom .px_btn:hover{ border-radius:10px 0 0 0!important; } .px_header_v3 .px_icon_bar:hover, .px_header_v2 .px_icon_bar:hover, .px_header_v1_bottom .px_icon_bar:hover{ border:none!important; } .px_header_menu .et-menu .sub-menu li a{padding:10px 20px; width: 240px; color: rgba(0,0,0,.6) !important; overflow:hidden; transition:0.5s;} .px_header_menu .et-menu .sub-menu li a::before{content:""; background:var(--px-color-1); position:absolute; top:23px; left:-10px; height:3px; width:0px; transition:0.5s;} .px_header_menu .et-menu .sub-menu li:hover a::before{left:0px; height:3px; width:10px; transition:0.5s;} .px_header_menu .et-menu .sub-menu li:hover ul li a::before{width:0px; transition:0.5s;} .px_header_menu .et-menu .sub-menu li ul li:hover a::before{width:12px; transition:0.5s;} .px_header_menu .et-menu .sub-menu li{border-bottom:1px solid #eee; padding: 0; transition:0.5s;} .px_header_menu .et-menu .sub-menu li:hover{border-bottom:1px solid var(--px-color-1); transition:0.5s;} .px_header_menu .et-menu .sub-menu li:hover ul li{border-bottom:1px solid #eee; transition:0.5s;} .px_header_menu .et-menu .sub-menu li ul li:hover{border-bottom:1px solid var(--px-color-1);; transition:0.5s;} .px_header_menu .et-menu .sub-menu li a:hover{padding-left:30px;} .px_header_v3 .px_header_menu .et-menu li a:hover, .px_header_v1_bottom .px_header_menu ul li a:hover, .px_header_menu .et-menu .sub-menu li a:hover{ color:var(--px-color-1) !important; background-color: transparent !important; opacity:1!important; } @media only screen and (min-width:420px) and (max-width:980px){ /*---Menu + Sub Menu CSS---*/ .px_header_v1_bottom .et_pb_css_mix_blend_mode_passthrough{ margin-bottom:0; } .px_header_menu .et_mobile_menu{ border-top: 3px solid var(--px-color-1)!important; top: 60px; } } @media (max-width:420px){ /*---Menu + Sub Menu CSS---*/ .px_header_v1_bottom .et_pb_css_mix_blend_mode_passthrough{ margin-bottom:0; } } /*------- Header v1 Bottom CSS End Here -------*/ /*----------------------------- Header v2 CSS -----------------------------*/ .px_header_v2 .px_icon_bar:after{ color:var(--px-color-2)!important; } .px_header_v2 .px_icon_bar{ border:none; border-radius:0 0 10px 0; background:#fff!important; } .px_header_v2 .et-menu .sub-menu li a:hover, .px_small_blurb_info_v2 .et_pb_main_blurb_image .et-pb-icon, .px_small_blurb_info_v2 .et_pb_module_header{ color:var(--px-color-1); } .px_header_v2 .px_header_menu ul li a{ color:#fff; } .px_header_v2 .et-menu .sub-menu li a{ color:var(--px-color-2); } .px_header_v2 .et-menu .sub-menu { top:50px!important; } /* HOVER CSS HERE */ .px_header_v2 .px_icon_bar:hover:after{ color:#fff!important; } /*----------------------------- Header v3 CSS -----------------------------*/ .px_header_v3 .px_icon_bar{ border:none; border-radius:0 0 10px 0; margin: 10px 0 0 0; padding: 4px 0px!important; } .px_header_v3 .px_social li a{ background:var(--px-color-1)!important; padding:3px; } .px_header_v3 .px_header_bottom .px_header_menu .et_pb_menu__wrap .sub-menu .menu-item a{color:#000!important; transition: 0.5s;} .px_header_v3 .px_header_bottom .px_header_menu .et_pb_menu__wrap .et-menu .menu-item a:hover{color:var(--px-color-1)!important; transition: 0.5s;} /* ----------------------------------- 03. Footer Section CSS -------------------------------------*/ /*---Footer Common Info Css---*/ .px_footer_title {} .px_footer_blurb_info {} .px_footer_links {} .px_footer_social {} /*Footer v1 CSS*/ .px_blockquote_text span { font-size: 16px; } .px_footer_v1 .px_email_info .et_pb_newsletter_field .input{ border-radius: 10px 0 10px 0px; } .px_email_info .et_pb_newsletter_button_wrap { position: absolute; top: 0; right: 0; } .px_footer_v1 .px_email_info .et_pb_newsletter_button_wrap .et_pb_newsletter_button{ border-radius: 0 0 10px 0; } .px_footer_info .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon, .px_footer_blurb_author .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header { color: var(--px-color-2); } /*Footer Btn*/ .px_footer_btn{ color:#fff; } .px_footer_btn:before {color:var(--px-color-2)!important;margin-left: -25px !important;} .px_footer_btn:hover{ background:transparent !important; color: var(--px-color-2)!important; } @media (max-width:420px){ /*Footer v1 CSS*/ .px_footer_v1 .px_blockquote_text span { line-height: 20px!important; font-size: 14px; } } /*----------------------------- Footer v2 CSS -----------------------------*/ .px_footer_v2_top:before{ content: ''; position: absolute; height: 100%; width: 100%; background: linear-gradient(0deg, var(--px-color-1) 6%, rgb(199 121 121 / 9%) 200%); top: 0; left: 0; } .px_footer_v2_title .et_pb_text_inner:before{ content: ''; position: absolute; width: 70px; height: 2px; background: var(--px-color-1); bottom: -10px; left: 0; } .px_footer_v2 .px_blog_single_icon li a{ background:#fff!important; } .px_footer_info_v2 .et_pb_blurb_content .et_pb_blurb_container{ padding-left:0; } .px_footer_v2_email .et_pb_newsletter_button_wrap{ position: absolute; top: 4px; right: 5px; } .px_footer_v2_btn1:before{ top: 2px; left: 25px; font-size: 7px!important; } .px_footer_v2_list:before{ content: '\e033'; font-family: ETmodules!important; font-size: 10px; position: absolute; left: 0; top: -5px; color:var(--px-color-1); } /* Footer v2 HOVER CSS HERE */ .px_footer_v2 .px_blog_single_icon li a:hover{ background:var(--px-color-1)!important; } /*------- 03. Footer Section CSS End Here -------*/ /* ----------------------------------- 003. Hero Section -------------------------------------*/ .px_hero_v3:before{ content: ''; position: absolute; height: 100%; width: 100%; background:linear-gradient(90deg, var(--px-color-1) -34%, rgb(199 121 121 / 9%) 200%); top: 0; left: 0; } .px_hero_section_v3 .px_hero_icon_v3 .et_pb_icon_wrap { background:var(--px-color-1); z-index:-1; } /* ----------------------------------- 04. Sidebar CSS -------------------------------------*/ .px_sidebar {} .px_sidebar .widgettitle {} /* ----------------------------------- 05. Blog CSS -------------------------------------*/ /*---Blog Grid CSS & 3 Columns CSS ---*/ /*---Blog Grid CSS & 3 Columns CSS ---*/ /*---Title CSS---*/ /*---Blog Grid CSS & 3 Columns CSS ---*/ .px_blog_v1{} .px_blog_v1 .et_pb_post { box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 15%); padding:0 !important; overflow:hidden; border-radius:10px; border-color:#fff !important; } /*---Image CSS---*/ .px_blog_v1 .et_pb_post .et_pb_image_container {margin:0 !important;} .px_blog_v1 .et_pb_post .entry-featured-image-url { margin:0 !important; background: var(--px-color-2); } .px_blog_v1 .et_pb_post .entry-featured-image-url:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(180deg, #00000014, #000000d4); } .px_blog_v1 .et_pb_post .entry-featured-image-url:after{ content: '\4c'; font-family: ETmodules!important; color: #fff; z-index: 2; position: absolute; font-size: 30px; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 44px; height: 44px; line-height: 42px; text-align: center; border: 1px dashed #ffffff; border-radius: 50%; opacity:0; transition:0.4s; } .px_blog_v1 .et_pb_post:hover .entry-featured-image-url:after{ opacity:1; transition:0.4s; } .px_blog_v1 .et_pb_post .entry-featured-image-url img{ transition:0.4s ease-in-out; } .px_blog_v1 .et_pb_post:hover .entry-featured-image-url img { opacity:0.25; transition:0.4s ease-in-out; } .px_blog_v1 .et_pb_post .entry-featured-image-url .et_overlay {} /*---Title CSS---*/ .px_blog_v1 .et_pb_post .entry-title {color:var(--px-color-2);transition:0.4s ease;font-size: 20px; font-weight: 700; line-height: 23px;} .px_blog_v1 .et_pb_post .entry-title:hover {color:var(--px-color-1);transition:0.4s ease;} /*---Post Meta CSS---*/ .px_blog_v1 .et_pb_post .post-meta .published { position: absolute; top: -50px; color: #fff; padding: 5px 0px 5px 25px; color: #ffffff; display: block; right: 20px; } .px_blog_v1 .et_pb_post .post-meta .published:before{ content: '\e023'; font-family: ETmodules!important; margin-right: 13px; } .px_blog_v1 .et_pb_post .post-meta a{ position: absolute; top: -50px; left: 30px; color: #fff; border: 1px solid var(--px-color-1); background: rgba(255, 255, 255, 0.20); padding: 5px 15px; color: #ffffff; } .px_blog_v1 .et_pb_post .post-meta .author a{ position:relative !important; color: #585f5f; border: none; top: auto; left: auto; padding: 0; } .px_blog_v1 .et_pb_post .post-meta .author a:before{ content: '\e08a'; font-family: ETmodules!important; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 1px; margin-right: 5px; font-size: 14px; font-weight: 600; color:var(--px-color-1); position:relative !important; } /*---Blog Desc CSS---*/ .px_blog_v1 .et_pb_post .post-content {} .px_blog_v1 .et_pb_post .post-content .post-content-inner{} /*---Read More Button CSS---*/ .px_blog_v1 .et_pb_post .post-content .more-link{} /*---Pagination Button CSS---*/ .px_blog_v1 .pagination .alignleft, .px_blog_v1 .pagination .alignright {} .pagination .alignleft a, .pagination .alignright a {background: var(--px-color-1); color: #fff; padding: 8px 15px; border-radius:3px; transition:0.5s;} .pagination .alignleft a:hover, .pagination .alignright a:hover {background: var(--px-color-2); transition:0.5s;} /* Blog Info CSS */ .px_blog_v1 .et_pb_post .info{padding:15px 20px 0px;position:relative;} .px_blog_v1 .et_pb_post .info:before{ content: '\24'; font-family: 'ETmodules'; right: 15px; bottom: 13px; position: absolute; font-size: 24px; z-index: 3; transition:0.4s ease-in-out; } .px_blog_v1 .et_pb_post .info:after{ content: ''; position: absolute; right: -50px; bottom: -55px; width: 120px; height: 120px; background:var(--px-color-2); border-radius: 50%; transition: 0.4s ease-in-out; } .px_blog_v1 .et_pb_post:hover .info:before{color:#fff;transition:0.4s ease-in-out;} .px_blog_v1 .et_pb_post:hover .info:after{background: var(--px-color-1);transition:0.4s ease-in-out;right: -75px;} /*---Read More Button CSS---*/ .px_blog_v1 .et_pb_post .post-content .more-link{ color: var(--px-color-1) !important; transition: .3s ease-in-out; padding-top: 20px; position: relative; top: -15px; text-align: right; display: block; z-index: 9; right:25px; } .px_blog_v1 .et_pb_post .post-content .more-link:hover{ letter-spacing:1px; transition:.3s ease-in-out; } /*---Blog Grid 2 Columns CSS---*/ .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_post{ padding-bottom:0; } .px_blog_grid_2_col .et_pb_post .entry-title, .px_blog_grid_4_col .et_pb_post .entry-title{ left: 20px; } .px_blog_grid_2_col .et_pb_post .post-meta{ left: 20px; } .px_blog_grid_2_col .et_pb_post .post-meta .published{ top: -50px; right: 30px; } /*---Blog Grid 4 Columns CSS---*/ .px_blog_grid_4_col .et_pb_ajax_pagination_container { display: grid; grid-gap: 20px; grid-template-columns: repeat(4, 25%); } .px_blog_grid_2_col .et_pb_post, .px_blog_grid_4_col .et_pb_post, .px_blog_grid_2_col .et_pb_post .entry-featured-image-url, .px_blog_grid_4_col .et_pb_post .entry-featured-image-url{ padding-top:0; margin-bottom:0; } .px_blog_grid_4_col .et_pb_post .post-meta{ left: 20px; } /* Blog Listing CSS */ .px_blog_list .et_pb_post{} /* Blog Category CSS */ .px_blog_category {} /* Blog Tags CSS */ .px_blog_tages {} /* Blog Author CSS */ .px_blog_author {} /*--------------------------------- Blog Single Page CSS ----------------------------------*/ .px_blog_single {} .px_blog_info_v1:before{ content: ''; position: absolute; height: 100%; width: 5px; background: var(--px-color-1); left: 0; top: 0; } .px_blog_info_v1 .et_pb_blurb_description{ color:var(--px-color-1); } .px_blog_single_img_sec .et_pb_row{ display:flex; } .px_blog_sidebar{border:0px !important; padding-right: 0;} .px_blog_sidebar .et_pb_widget .tagcloud a, .px_blog_single_tag .et_pb_blurb_description a{ border:1px solid #000; border-radius:5px; color:#000; padding:5px 30px; transition:.3s ease-in-out; background:transparent; } .px_blog_sidebar .et_pb_widget .tagcloud a:hover, .px_blog_single_tag .et_pb_blurb_description a:hover{ border:1px solid var(--px-color-1); color:#fff; background:var(--px-color-1); transition:.3s ease-in-out; } .px_post_comment .form-submit .submit{ width:100%; } .px_blog_single_icon .icon{ background: transparent; border-radius: 50%!important; padding: 5px!important; border: 1px solid var(--px-color-2); } .px_blog_single_icon .icon:before{ color: var(--px-color-2)!important; } /*---Blog Grid CSS & 3 Columns Hover CSS ---*/ .px_blog_v1 .et_pb_post:hover:before{ opacity:1; top:0; transition:.4s ease-in-out; } /*---Title CSS---*/ .px_blog_v1 .et_pb_post:hover .published{ transform:rotatex(360deg); transition:.4s; } .px_blog_single_icon .icon:hover{ background:var(--px-color-1); border:1px solid var(--px-color-1); transition:.3s ease-in-out; } .px_blog_single_icon .icon:hover:before{ transition:.3s ease-in-out; color:#fff!important; } .px_post_comment input, .px_post_comment textarea{ background:transparent!important; border:1px solid var(--px-color-2)!important; border-radius:5px; } .px_post_comment .comment-form-url input{ width:100%!important; } .px_post_comment .comment-form-author{ padding-bottom:0!important; } .px_post_comment .comment-form-author input{ float:left; } .px_post_comment .comment-form-email input{ float:right } .px_post_comment .comment-form-url{ margin-top:55px; } /*----- Side Bar CSS HERE -----*/ .px_blog_sidebar .searchform input{ border:1px solid var(--px-color-2)!important; color:#fff!important; } .px_services_sidebar_title .et_pb_text_inner:before, .px_blog_sidebar .et_pb_widget .widgettitle:before, .px_blog_sidebar_authour_title:before{ content: ''; position: absolute; height: 10px; width: 10px; background: var(--px-color-1); border-radius: 50%; top: 8px; left: -100px; } .px_services_sidebar_title .et_pb_text_inner:after, .px_blog_sidebar .et_pb_widget .widgettitle:after, .px_blog_sidebar_authour_title:after{ content: ''; position: absolute; height: 2px; width: 76px; background: var(--px-color-1); left: -100px; top: 12px; } .px_blog_sidebar_authour_title{ color:var(--px-color-2); } .px_services_sidebar_title .et_pb_text_inner, .px_blog_sidebar .et_pb_widget .widgettitle{ position:relative; font-size: 20px; font-weight: bold; margin: 0 0 30px 100px; } .px_blog_sidebar .et_pb_widget ul{ border: 1px solid #082c4b29; border-radius: 10px; padding:20px!important; } .px_blog_sidebar .et_pb_widget ul li{ border-bottom:1px solid #082c4b29; padding:0 0 10px 0!important; margin-bottom:15px; } .px_blog_sidebar .et_pb_widget ul li a{ font-size:20px; } .px_blog_sidebar #searchsubmit{ background:var(--px-color-2); } /*----- TAG Content -----*/ .px_blog_single_tag .post-content{ display:none; } .px_blog_single_tag .et_pb_post .post-meta .published{ right:-13px; } /*----- POST Content -----*/ .px_blog_single_post .et_pb_post .post-meta .published{ top: -130px; right: -145px; } @media only screen and (min-width:420px) and (max-width:980px){ .px_blog_v1 .et_pb_post { padding: 65px 19px 15px; } .px_blog_v1 .et_pb_post:before{ background: linear-gradient(to top,var(--px-color-2) 40%,rgba(0,0,0,0) 100%); } /*---Blog Grid 2 Columns CSS---*/ /*---Blog Grid 4 Columns CSS---*/ .px_blog_grid_2_col .et_pb_post, .px_blog_grid_4_col .et_pb_post{ padding:0!important; } .px_blog_grid_4_col .et_pb_ajax_pagination_container { grid-gap: 20px; grid-template-columns: repeat(2, 50%); } /*----- Side Bar CSS HERE -----*/ .px_blog_sidebar .et_pb_widget{ width:100%; } /*----- TAG Content -----*/ .px_blog_single_tag .et_pb_post .post-meta .published{ top: -155px; right: 0px; } } @media only screen and (max-width:420px){ .px_blog_v1 .et_pb_post{ padding: 65px 19px 15px; } .px_blog_v1 .et_pb_post:before{ background: linear-gradient(to top,var(--px-color-2) 40%,rgba(0,0,0,0) 100%); } /*---Title CSS---*/ .px_blog_v1 .et_pb_post .entry-title { bottom: 20px; } /*---Post Meta CSS---*/ .px_blog_v1 .et_pb_post .post-meta{ bottom: 65px; } .px_blog_v1 .et_pb_post .post-meta .published{ top: -50px; right: 30px; } /*---Blog Grid 2 Columns CSS---*/ /*---Blog Grid 4 Columns CSS---*/ .px_blog_grid_2_col .et_pb_post, .px_blog_grid_4_col .et_pb_post{ padding:0; } .px_blog_grid_2_col .et_pb_ajax_pagination_container, .px_blog_grid_4_col .et_pb_ajax_pagination_container { grid-gap: 20px; grid-template-columns: repeat(1, 100%); } .px_blog_single_right_post .et_pb_post .post-meta .published { top: -80px; right: 30px; } /*----- TAG Content -----*/ .px_blog_single_tag .et_pb_post .post-meta .published{ top: -155px; right: 0px; } /*----- CATEGORY Content -----*/ .px_blog_single_cat .et_pb_post .post-meta { bottom: 65px; } } /*----------------------------- Blog V2 CSS Here ------------------------------*/ .px_blog_v2 .et_pb_post { border: none; position:relative; } /*---Image CSS---*/ .px_blog_v2 .et_pb_post .et_pb_image_container { overflow: hidden; border-radius: 10px; } .px_blog_v2 .et_pb_post .et_pb_image_container .entry-featured-image-url { margin-bottom:0; } .px_blog_v2 .et_pb_post .et_pb_image_container .entry-featured-image-url img { transform: scale(1); transition:all 700ms ease; } .px_blog_v2 .et_pb_post .et_pb_image_container .entry-featured-image-url .et_overlay {} /*---Title CSS---*/ .px_blog_v2 .et_pb_post .entry-title{ margin-top: 40px; } .px_blog_v2 .et_pb_post .entry-title:hover { color:var(--px-color-1); transition:.4s ease-in-out; } /*---Post Meta CSS---*/ .px_blog_v2 .et_pb_post .post-meta .published {} .px_blog_v2 .et_pb_post .post-meta{ position: absolute; background: var(--px-color-1); top: 180px; padding: 10px; border-radius: 50px; } /*---Blog Desc CSS---*/ .px_blog_v2 .et_pb_post .post-content {} .px_blog_v2 .et_pb_post .post-content .post-content-inner{} /*---Read More Button CSS---*/ .px_blog_v2 .et_pb_post .post-content .more-link{ color:var(--px-color-1); position:relative; } .px_blog_v2 .et_pb_post .post-content .more-link:before{ content: '\24'; font-family: ETmodules!important; font-size: 24px; position: absolute; left: 75px; top: 0; } /*----- Blog V2 Hover CSS Here -----*/ /*---Image CSS---*/ .px_blog_v2 .size-1of3:hover .entry-featured-image-url img{ transform:scale(1.2) rotate(2deg); transition:all 700ms ease; } @media only screen and (min-width:480px) and (max-width:980px){ .px_blog_v2 .et_pb_post .post-meta { top: 150px; } /*---Title CSS---*/ .px_blog_v2 .et_pb_post .entry-title{ margin-top: 30px; } } @media only screen and (max-width:480px){ .px_blog_v2 .et_pb_post .post-meta { top: 150px; } .px_blog_v2 .et_pb_post .post-content { padding-top: 5px; } /*---Title CSS---*/ .px_blog_v2 .et_pb_post .entry-title{ margin-top: 30px; } } /*----------------------------- Blog V2 CSS Here ------------------------------*/ .px_blog_listing .et_pb_post{ box-shadow:0px 0px 40px 0px rgb(0 0 0 / 15%); border-radius: 10px; overflow: hidden; } .px_blog_listing .entry-featured-image-url:before { content: ''; position: absolute; height: 100%; width: 100%; background: var(--px-color-2); transform: scale(0); opacity:.7; transition:.4s ease-in-out; } .px_blog_listing .et_pb_post:hover .entry-featured-image-url:before{ transform:scale(1); transition:.4s ease-in-out; } .px_blog_listing .et_pb_post .entry-featured-image-url{ width: 40%; float: left; margin-bottom: 0!important; } .px_blog_listing .et_pb_post .entry-featured-image-url img{ width: 320px; height: 250px; object-fit: cover; } .px_blog_listing_info{ width: 60%; height: 250px; float: right; padding: 30px 40px; } .px_blog_listing .et_pb_post .px_blog_listing_info:before{ content: '\24'; font-family: 'ETmodules'; right: 15px; bottom: 13px; position: absolute; font-size: 24px; z-index: 3; transition:0.4s ease-in-out; } .px_blog_listing .et_pb_post .px_blog_listing_info:after{ content: ''; position: absolute; right: -50px; bottom: -55px; width: 120px; height: 120px; background:var(--px-color-2); border-radius: 50%; z-index: -1; transition: 0.4s ease-in-out; } .px_blog_listing .et_pb_post:hover .px_blog_listing_info:before{color:#fff;transition:0.4s ease-in-out;} .px_blog_listing .et_pb_post:hover .px_blog_listing_info:after{background: var(--px-color-1);transition:0.4s ease-in-out;right: -75px;} .px_blog_listing_info .entry-title{ font-size: 20px; line-height: 30px; position: absolute; font-weight: bold; top: 60px; width:50%; } .px_blog_listing_info .post-meta{ width:50% } .px_blog_listing_info .post-meta a:before { content: '\6d'''; font-family: 'ETmodules'; padding-right: 10px; font-weight: bold; } .px_blog_listing_info .post-meta a{ position: absolute; background:var(--px-color-1)!important; color:#fff!important; left: 20px; top: 20px; font-size: 15px; padding: 5px 15px; border-radius:5px; } .px_blog_listing_info .post-meta .published{ position:absolute; top:30px; color: var(--px-color-1); } .px_blog_listing_info .post-content { position: absolute; top: 120px; width:50%; } .px_blog_listing_info .post-content .more-link { clear: both; display: block; color: var(--px-color-1); text-transform: uppercase; padding-top:22px; text-align: end; margin-right: 15px; } .px_blog_listing .px_blogpagination .nav-links .page-numbers.current{ background:var(--px-color-1)!important; color:#fff!important; } .px_blog_listing .px_blogpagination .nav-links .page-numbers{ border-radius: 50%; background:transparent!important; color:var(--px-color-2)!important; border:none; } .px_blog_listing .px_blogpagination .nav-links .page-numbers:hover{ background:var(--px-color-1)!important; } @media only screen and (max-width:480px){ .px_blog_listing .et_pb_post .entry-featured-image-url{ width: 100%; float:none; } .px_blog_listing .et_pb_post .entry-featured-image-url img{ width: auto; height: auto; object-fit: cover; } .px_blog_listing_info{ width: 100%; height:280px; float: none; padding:20px; } .px_blog_listing_info .entry-title{ position: relative; width:100%; top:30px; } .px_blog_listing_info .post-meta a { left: 0; top: 0; } .px_blog_listing_info .post-meta .published{ position: relative; top:-60px; } .px_blog_listing_info .post-content { position: relative; top: 10px; width:100%; } .px_blog_listing_info .post-content .more-link { padding-top: 30px; margin-right: 25px; } } /* ----------------------------------- 06. Portfolio CSS -------------------------------------*/ /*---Portfolio Gallary CSS & 4 Columns CSS ---*/ /*----------------------------------- portfolio v1 -------------------------------------*/ .px_portfolio_v1 .et_pb_portfolio_item { box-shadow:0px 0px 40px 0px rgba(0,0,0,30%); padding:20px 20px 50px; border-radius:10px; overflow:hidden; position:relative; } /* Image Css */ .px_portfolio_v1 .et_pb_portfolio_item .et_portfolio_image:before { position: absolute; content: ''; background: linear-gradient(to top,var(--px-color-2) 1%,rgba(0,0,0,0) 100%); height: 100%; width: 100%; border-radius: 10px; opacity:0; top:100px; transition:.4s; z-index:10; } .px_portfolio_v1 .et_pb_portfolio_item .et_portfolio_image{ overflow:hidden; border-radius: 10px; } .px_portfolio_v1 .et_pb_portfolio_item .et_pb_portfolio_image img, .px_portfolio_v1 .et_pb_portfolio_item .et_portfolio_image img { transform:scale(1); transition:.4s; } /* Overlay Css */ .px_portfolio_v1 .et_pb_portfolio_item .et_overlay:before{ content:none; } .px_portfolio_v1 .et_pb_portfolio_item .et_overlay { display:none!important; } .px_portfolio_v1 .et_pb_portfolio_item .et_portfolio_image .et_overlay:before {} /* Title Css */ .px_portfolio_v1 .et_pb_portfolio_item .et_pb_module_header { color:var(--px-color-1); position:absolute; bottom:20px; } /* Category Post Meta Css */ .px_portfolio_v1 .et_pb_portfolio_item .post-meta:before, .px_portfolio_v3 .et_pb_portfolio_item .post-meta:before{ content: '\24'; font-family: ETmodules!important; font-size: 20px; padding: 15px; border: 1px solid var(--px-color-1); background:var(--px-color-1); position: absolute; right: 20px; border-radius: 10px 0; color:#fff; transition: .4s; bottom: 70px; opacity: 0; transition:.4s; } .px_portfolio_v1 .et_pb_portfolio_item .post-meta:after, .px_portfolio_v3 .et_pb_portfolio_item .post-meta:after{ content: '\24'; font-family: ETmodules!important; font-size: 20px; padding: 15px; border:1px solid var(--px-color-2); position: absolute; right: 20px; bottom:20px; border-radius: 10px 0; color: var(--px-color-2); transition:.4s; } .px_portfolio_v1 .et_pb_portfolio_item .post-meta { margin: 15px 0 0; } .px_portfolio_v1 .et_pb_portfolio_item .post-meta a {} /* Portfolio 2 Column */ .px_portfolio_2_col .et_pb_portfolio_items .et_pb_portfolio_item{ width:100%!important; } .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%); } /* Portfolio 3 Column */ .px_portfolio_3_col .et_pb_portfolio_items, .px_portfolio_3_col .et_pb_ajax_pagination_container{ display: grid; grid-template-columns: repeat(3,33.33%); grid-gap: 25px; } /*---Portfolio Filterable CSS---*/ .px_portfolio_v1.filterable {} /* Filters Links CSS */ .px_portfolio_v1_right_sidebar .et_pb_portfolio_filters { display:none; } .px_portfolio_v1 .et_pb_portfolio_filters li { margin-right: 15px; } .px_portfolio_v1 .et_pb_portfolio_filters li a { border:none; border-radius:5px!important; } /*Hover & Active Filter Links*/ .px_portfolio_v1 .et_pb_portfolio_filters li a:hover, .px_portfolio_v1 .et_pb_portfolio_filters li a.active { color:#fff!important; background:var(--px-color-1)!important; } /* Pagination CSS */ .px_portfolio_v1 .et_pb_portofolio_pagination { border-top: none; margin-top:0; } .px_portfolio_v1 .et_pb_portofolio_pagination ul {} .px_portfolio_v1 .et_pb_portofolio_pagination ul li {} .px_portfolio_v1 .et_pb_portofolio_pagination ul li a.active { color:var(--px-color-1)!important; } .px_portfolio_v1 .et_pb_portofolio_pagination ul li a:hover {} .px_portfolio_v1 .et_pb_portofolio_pagination ul li.prev a.page-prev {} .px_portfolio_v1 .et_pb_portofolio_pagination ul li.next a.page-next {} /* Portfolio Carousel CSS */ .px_portfolio_v1.carousel {} .px_portfolio_v1.carousel .et-pb-slider-arrows{} .px_portfolio_v1.carousel .et-pb-slider-arrows .et-pb-arrow-prev{} .px_portfolio_v1.carousel .et-pb-slider-arrows .et-pb-arrow-next{} /* Portfolio Category CSS */ .px_portfolio_category {} /* Portfolio Tags CSS */ .px_portfolio_tages {} /* Portfolio Single Page CSS */ .px_portfolio_single {} /*--- Portfolio v1 Hover CSS---*/ /* Image Css */ .px_portfolio_v1 .et_pb_portfolio_item:hover .et_portfolio_image img { transform:scale(1.2); transition:.4s; } .px_portfolio_v1 .et_pb_portfolio_item:hover .et_portfolio_image:before { opacity:1; top:0; transition:.4s; } /* Category Post Meta Css */ .px_portfolio_v1 .et_pb_portfolio_item:hover .post-meta:before, .px_portfolio_v3 .et_pb_portfolio_item:hover .post-meta:before{ opacity:1; bottom:18px; transition:.4s; } .px_portfolio_v1 .et_pb_portfolio_item:hover .post-meta:after, .px_portfolio_v3 .et_pb_portfolio_item:hover .post-meta:after{ opacity:0; bottom:-70px!important; transition:.4s; } @media only screen and (min-width:420px) and (max-width:980px){ .px_portfolio_v1 .et_pb_portfolio_item{ margin: 10px!important; width: 46.666%!important; } /* Category Post Meta Css */ .px_portfolio_v1 .et_pb_portfolio_item .post-meta:after{ bottom:30px; } /* Category Post Meta Hover Css */ .px_portfolio_v1 .et_pb_portfolio_item:hover .post-meta:before{ bottom: 30px; } .px_portfolio_v1 .et_pb_portfolio_item .post-meta { margin: 15px 0; } /* Pagination CSS */ .px_portfolio_v1 .et_pb_portofolio_pagination { margin-top: 20px; } .px_portfolio_v1 .et_pb_portfolio_filters li { margin-right:5px; } .px_portfolio_v1 .et_pb_portfolio_item:nth-child(3n+1) { clear: none!important; } /* Portfolio 2 Column */ .px_portfolio_2_col .et_pb_portfolio_item{ margin:0!important; } /* Portfolio 3 Column */ .px_portfolio_3_col .et_pb_portfolio_items{ grid-template-columns: repeat(2,50%); } } @media only screen and (max-width:420px){ /* Category Post Meta Css */ .px_portfolio_v1 .et_pb_portfolio_item .post-meta:after{ bottom:30px; } /* Category Post Meta Hover Css */ .px_portfolio_v1 .et_pb_portfolio_item:hover .post-meta:before{ bottom: 30px; } .px_portfolio_v1 .et_pb_portfolio_item .post-meta { margin: 15px 0; } /* Portfolio 2 Column */ .px_portfolio_2_col .et_pb_portfolio_items{ grid-template-columns:unset; } } /*----------------------------------- portfolio v3 -------------------------------------*/ .px_portfolio_v3 .et_pb_portfolio_item{ background:#fff ; padding: 20px 20px 80px; height:320px!important; border-radius: 10px; } .px_portfolio_v3, .px_portfolio_v3 .et_pb_portfolio_items, .px_portfolio_v3 .et_pb_portfolio_items .et_pb_portfolio_item, .px_portfolio_v3 .et_pb_portfolio_item .et_pb_portfolio_image{ overflow:visible; } .px_portfolio_v3 .et_pb_portfolio_item .et_pb_portfolio_image{ height: 190px; border-radius:10px; } .px_portfolio_v3 .et_pb_portfolio_item .et_pb_portfolio_image img{ border-radius:10px; object-fit:cover; } .px_portfolio_v3 .et_pb_portfolio_item .et_pb_portfolio_image:hover .et_overlay{ display:none; } .px_portfolio_v3 .et_pb_portfolio_item .et_pb_portfolio_image .meta{ opacity:1!important; z-index:5; } .px_portfolio_v3_info { position: relative; background: #fff; top: 190px; padding: 25px 0 60px; overflow:hidden; } .px_portfolio_v3_info .et_pb_module_header{ margin-top:0!important; padding-left:0!important; margin-bottom:5px; font-size: 20px; font-weight: bold; position: absolute!important; bottom: 15px; text-align:left!important; } .px_portfolio_v3_info .post-meta{ text-align:left!important; position: absolute!important; top: 15px; color:var(--px-color-1)!important; } .px_portfolio_v3 .et_pb_portfolio_item:hover .post-meta:before, .px_portfolio_v3 .et_pb_portfolio_item .post-meta:after{ bottom: -33px!important; } @media only screen and (min-width:480px) and (max-width:980px){ .px_portfolio_v3_info .et_pb_module_header{ font-size: 15px; bottom: 20px; } .px_portfolio_v3 .et_pb_portfolio_item:hover .post-meta:before, .px_portfolio_v3 .et_pb_portfolio_item .post-meta:before, .px_portfolio_v3 .et_pb_portfolio_item .post-meta:after{ bottom: -23px; font-size: 15px; padding: 10px; right: 10px; } .px_portfolio_v3 .et_pb_portfolio_item.post-meta:before { bottom: 15px!important; } } /* ----------------------------------- 07. Services CSS -------------------------------------*/ /*---Services v1 CSS---*/ /*About Us CTA Col 2 Css Here*/ .px_service_v1 .px_service_CTA{ transform:translatey(0); transition:.3s; } .px_service_v1 .px_service_CTA .px_cta .et_pb_promo_description .et_pb_module_header{ color:var(--px-color-2); transition:.3s; } .px_service_v1 .px_service_CTA .px_cta .et_pb_promo_button{ color:var(--px-color-2); font-size: 15px; padding-left: 0!important; float: left; } .px_service_v1 .px_service_CTA .px_cta .et_pb_promo_button:after{ padding-top: 2px; } .px_service_v1 .px_service_CTA:hover{ transform:translatey(-10px); transition:.3s; } .px_service_v1 .px_service_CTA:hover .px_cta .et_pb_promo_description .et_pb_module_header{ color:var(--px-color-1)!important; transition:.3s; } .px_service_v1 .px_service_CTA .px_cta .et_pb_promo_button:hover{ color:var(--px-color-1); } .px_service_v1 .px_service_CTA .px_cta .et_pb_promo_button:hover:after{ margin-left:10px!important; color:var(--px-color-1)!important; } /*--------------------------- Services v2 CSS ---------------------------*/ .px_services_v2 .px_services_v2_front{ bottom:-10px; opacity:0; transition:.5s; } .px_services_v2 .px_services_v2_back{ opacity:1; top:50%; transition:.5s; } .no-active .px_services_v2_front{ opacity:1; bottom:-10px; } .no-active .px_services_v2_back{ opacity:0; } .px_services_v2 .px_services_v2_front .et_pb_blurb_content .et_pb_main_blurb_image{ position: absolute; top: -160px; background: var(--px-color-1); padding: 15px; border-radius: 10px 0; transform: translateX(-50%); } /* Services v2 Hover Css Here */ .px_services_v2:hover .px_services_v2_front{ bottom:0; opacity:1; transition:.5s; } .px_services_v2:hover .px_services_v2_back{ top:47%; opacity:0; transition:.7s; } /*----------------------------- Services v3 CSS -------------------------------*/ /*Image Css*/ .px_blurb_box .et_pb_blurb_content .et_pb_main_blurb_image{ margin-bottom:0; } /* .px_services_v3 .px_blurb_box .et_pb_main_blurb_image img{ transform:scale(1); transition:all 700ms ease; } */ /*Module Header CSS*/ .px_blurb_box .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header { position: absolute; bottom:10px; padding: 0 15px; transition:.4s; z-index:2; } .px_blurb_box .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description { position: absolute; bottom: -100px; padding: 0 15px; transition:.4s; z-index:2; } /*Button Css*/ .px_services_v3 .px_btn2 { position: absolute; bottom: 20px; transition:.4s; z-index:2; } /*Icon Css*/ .px_services_v3 .px_icon{ position: absolute; bottom: -30px; right: 20px; z-index:3; transition:.4s; } .px_services_v3 .px_icon .et_pb_icon_wrap .et-pb-icon{ background: var(--px-color-2)!important; padding: 15px; border-radius: 50%; } .px_services_v3:before{ content: ''; position: absolute; height: 100%; width: 100%; background: var(--px-color-2); top: 0; left: 0; z-index: 1; opacity: 0; transition: all .4s ease-in-out; border-radius:10px; } .px_services_v3 .px_blurb_box:after{ content: ''; position: absolute; height: 100%; width: 100%; background: linear-gradient(0deg, var(--px-color-1) 6%,rgba(255,255,255,0) 200px); top: 0; left: 0; } /*----- Services v3 Hover CSS Here -----*/ /* .px_services_v3:hover .px_blurb_box .et_pb_main_blurb_image img{ transform:scale(1.2) rotate(2deg); transition:all 700ms ease; } */ .px_services_v3:hover .px_blurb_box .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{ bottom:90px; transition:.4s; z-index:2; } .px_services_v3:hover .px_blurb_box .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description { bottom:30px; transition:.4s; z-index:2; } .px_services_v3:hover .px_btn2 { bottom: 40px; transition:.4s; z-index:2; } .px_services_v3:hover .px_icon{ right: 265px; transition:.4s; z-index:2; } .px_services_v3:hover .px_icon .et_pb_icon_wrap .et-pb-icon{ background: var(--px-color-2)!important; } .px_services_v3:hover:before{ opacity:.8!important; } @media only screen and (min-width:480px) and (max-width:980px){ .px_services_v3 .px_blurb_box .et_pb_blurb_content, .px_services_v3 .px_blurb_box .et_pb_main_blurb_image, .px_services_v3 .px_blurb_box .et_pb_main_blurb_image img{ max-width:100%; width:100%; } /* .px_services_v3 .px_icon{ bottom:-50px; } */ .px_services_v3:hover .px_icon{ right: 525px; } /*Module Header CSS*/ .px_blurb_box .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header, .px_blurb_box .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description{ padding: 0 30px; } /*Button Css*/ .px_services_v3 .px_btn2{ padding-left:50px!important; } } @media only screen and (max-width:480px){ .px_services_v3:hover .px_icon{ right: 230px; } } /*----------------------------- Services v4 CSS ------------------------------*/ .px_service_v4 .px_service_v4_info_bottom{ position: absolute; background:var(--px-color-1); height: 100%; top: 0; left: 0; opacity: 0; transition: .5s; transform: rotate3d(1,0,0,90deg); transform-origin: 0 0; } .px_service_v4 .px_service_v4_info_top .et_pb_main_blurb_image .et-pb-icon{ color: var(--px-color-2); } .px_service_v4 .px_service_v4_info_top .et_pb_blurb_container .et_pb_module_header{color:var(--px-color-2);} .px_service_v4:hover .px_service_v4_info_bottom{ opacity: 1; transform: rotate3d(0, 0, 0, 0); } .px_service_v4_info_bottom .et_pb_promo_button:hover{ color:var(--px-color-2); background:transparent; transition:.4s ease-in-out; } /*---------------------------------- Services Single Page CSS -----------------------------------*/ .px_services_single {} .px_services_sidebar_btn:after{ right:0; } .px_services_sidebar_btn { color:var(--px-color-2); width:100%; border-bottom:1px solid black!important; } .px_services_sidebar_btn:hover{ color:var(--px-color-1); background:transparent!important; } @media only screen and (min-width:480px) and (max-width:980px){ .px_services_single_img .et_pb_image_wrap, .px_services_single_img .et_pb_image_wrap img{ width:100%!important; } } @media only screen and (max-width:480px) { .px_faqs_v1 .et_pb_toggle .et_pb_toggle_title { padding: 20px 75px 20px 20px!important; line-height: 20px; } .px_faqs_v1 .et_pb_toggle .et_pb_toggle_title::before{ top:35px!important; } } /*---------------------------------- Service HR Consulting Page CSS -----------------------------------*/ .px_service_active{ color:var(--px-color-1)!important; } /* ----------------------------------- 08. Contact Us CSS -------------------------------------*/ /*---Contact Us v1 CSS---*/ .px_contact_v1 .et_pb_contact .et_pb_contact_form .et_pb_contact_field .et_pb_contact_form_label { display:block; } .px_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container{ float:left; } .px_contact_v1_title p span{ color:var(--px-color-1); } /*---Contact Message CSS---*/ .px_contact_v1 .et-pb-contact-message {} /*---Input CSS---*/ .px_contact_v1 .et_pb_contact .et_pb_contact_form .et_pb_contact_field p input, .px_contact_v1 .et_pb_contact .et_pb_contact_form .et_pb_contact_field , .px_contact_v1 .et_pb_contact .et_pb_contact_form .et_pb_contact_field p textarea {} /*---Button CSS---*/ .px_contact_v1 .et_pb_contact .et_pb_contact_form .et_pb_contact_field .et_contact_bottom_container {} .px_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit {} .px_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit:hover {} /*---Contact Us v2 CSS---*/ .px_contact_v2 .et_pb_contact_form .et_pb_contact_field{ width:100%!important; } .px_contact_v2 .et_pb_contact_form .et_pb_contact_field input, .px_contact_v2 .et_pb_contact_form .et_pb_contact_field textarea{ border: 1px solid #80808057; background:transparent; border-radius: 5px; } .px_contactus_blur_info .et_pb_main_blurb_image .et-pb-icon{ background: var(--px-color-1); padding: 15px; border-radius: 50%; } /* ----------------------------------- 09. Team Section CSS -------------------------------------*/ /*----- Team v1 CSS -----*/ .px_team_v1 .px_btn{ position: absolute; bottom: -175px; left: -170px; transition:.4s; } .px_team_v1 .px_team_title{ position: absolute; bottom: 5px; left: 25px; transition:.4s; } /* Social Links Css*/ .px_team_v1 .px_team_social { position: absolute; right: 0; top: -30%; opacity:0; transition:.4s; } .px_team_v1 .px_team_social li a{ background: var(--px-color-2); margin-right:0; } /*----- Team v1 Hover Css Here -----*/ .px_team_v1:hover .px_btn{ left:25px; transition:.4s; } .px_team_v1:hover .px_team_title{ left:-200px; transition:.4s; } /*Share Button*/ .px_team_v1 .px_share_btn:hover{ top:-200px; opacity:0; transition:.4s; } .px_team_v1 .px_team_social:hover { top:0; opacity:1; transition:.4s; } /* Image Css */ .px_team_v1 .et_pb_team_member_image{} .px_team_v1 .et_pb_team_member_image img{} /* Description Css*/ .px_team_v1 .et_pb_team_member_description{} .px_team_v1 .et_pb_team_member_description .et_pb_module_header{} .px_team_v1 .et_pb_team_member_description .et_pb_member_position{} /* Social Links Css*/ .et_pb_team_member_description .et_pb_member_social_links {} .px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li{} .px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li a{} .px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li a:hover{} /* Main CSS Class Hover Css Here */ .px_team_v1:hover .et_pb_team_member_image{} /*---Team Single Page CSS---*/ .px_team_single {} @media only screen and (max-width:420px){ .px_team_v1 .px_btn { bottom: -110px; } /*Share Button*/ .px_team_v1 .px_share_btn{ top:-120px; } } /*---------------------------- Team v2 CSS ----------------------------*/ /* Image Css */ .px_team_v2 .et_pb_team_member_image { margin: 0!important; max-width: 400px; } .px_team_v2 .et_pb_team_member_image img { width: 100%; } .px_team_v2 .et_pb_team_member_image:after, .px_team_v2 .et_pb_team_member_image:before { background:var(--px-color-1); opacity:0; bottom: 10px; content: ""; left: 10px; position: absolute; right: 10px; top: 10px; transform:scaleX(0); transition:.35s; } .px_team_v2 .et_pb_team_member_image:after { transform:scaleY(0); } /* Social Links Css*/ .px_team_v2 .et_pb_member_social_links { position: absolute; bottom: 17%; width: 100%; left: 0; transition:.3s; opacity:0; } .px_team_v2 .et_pb_member_social_links li a { background: #fff; height: 30px; width: 30px; line-height: 32px; border-radius: 5px; color: var(--px-color-2); } /*---- Team v2 Hover Css Here -----*/ /* Image Css */ .px_team_v2 .et_pb_team_member_image:hover:after, .px_team_v2 .et_pb_team_member_image:hover:before{ transform:scale(1); opacity:.3; } /* Social Links Css*/ .px_team_v2:hover .et_pb_member_social_links{ bottom:25%; opacity:1; transition:.3s; } /*-------------------------------- Team Single CSS --------------------------------*/ .px_team_single_bar_counter .et_pb_counter .et_pb_counter_title, .px_team_single strong{ color: var(--px-color-1); } .px_team_single .et_pb_text_inner a, .px_team_single .et_pb_text_inner span{ color: var(--px-color-2); } .px_team_single_main_img .et_pb_image_wrap img{ object-fit:cover; } .px_team_single_bar_counter .et_pb_counter .et_pb_counter_container{ height: 25px; border-radius: 20px; overflow: visible !important; position: relative; } .px_team_single_bar_counter .et_pb_counter .et_pb_counter_container .et_pb_counter_amount{ overflow: visible; background: var(--px-color-2); height: 10px; border-radius: 6px; margin: 8px; } .px_team_single_bar_counter .et_pb_counter .et_pb_counter_container .et_pb_counter_amount .et_pb_counter_amount_number{ color: var(--px-color-1); position: absolute; bottom: 22px; right: 0px; font-size: 17px; } /* ----------------------------------- 10 Slider Section CSS -------------------------------------*/ /*---Slider v1 CSS .px_slider_v1 {}---*/ /*---Image CSS .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_image {} ---*/ /*---Title CSS ---*/ .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_title{ background: var(--px-color-2); padding: 10px 15px; display:inline; border-radius: 20px 0 20px 0; } /*---Description CSS---*/ /* .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description{ padding: 16% 16%!important; } */ .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content{ margin-top:20px; } .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content h4, .px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content h4{ font-size: 50px!important; line-height:60px; font-weight:600; color:#333; } /*---Button CSS---*/ .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper {} .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button { background:var(--px-color-1); border:1px solid var(--px-color-1); color:#fff; border-radius: 10px 0 10px 0; } .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button:hover{ background:#fff; color:var(--px-color-1); border:1px solid var(--px-color-1)!important; border-radius:0 10px 0 10px; } /*---Arrow CSS---*/ /* .px_slider_v1 .et-pb-slider-arrows{} */ .px_slider_v1 .et-pb-slider-arrows a { padding: 10px 15px 15px;background: var(--px-color-1);border-radius: 50%; } .px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-next:before{content: "\24";} .px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-prev:before{content: "\23";} .px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-next:before, .px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-prev:before{ font-size: 22px; color:#fff; } .px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-next:hover, .px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-prev:hover { background: var(--px-color-2); } .px_slider_v1 .et-pb-controllers a.et-pb-active-control {background: var(--px-color-2);opacity:1;width:40px;} .px_slider_v1 .et-pb-controllers a { width: 10px;height: 10px; border:2px solid rgba(255,255,255,0.5); border-radius: 5px; opacity:0.5; } /*---Dots Navigation CSS .px_slider_v1 .et-pb-controllers {} .px_slider_v1 .et-pb-controllers a {} .px_slider_v1 .et-pb-controllers a.et-pb-active-control {} ---*/ @media only screen and (min-width:420px) and (max-width:980px){ /*---Description CSS---*/ .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description{ padding:16% 0!important; } .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content h4{ font-size: 50px!important; line-height: 65px; } } @media (max-width:420px){ /*---Description CSS---*/ .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description{ padding:30% 0!important; } .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content h4{ font-size: 40px!important; line-height:50px; } } /*---------------------------- Slider v2 CSS ------------------------------*/ /*---Slider v2 CSS---*/ .px_slider_v2{} /*------- 05. Slider Section CSS End Here -------*/ /*----------------------------------- 11 Faqs CSS -------------------------------------*/ /*---Faqs v1 CSS---*/ .px_faqs_v1 .et_pb_toggle{ border-radius:10px; border-color:var(--px-color-1); padding:0; } /*---Title CSS---*/ .px_faqs_v1 .et_pb_toggle .et_pb_toggle_title { padding: 20px; background: var(--px-color-1); border-radius: 10px; color: #fff; } /*---Title Icon CSS---*/ .px_faqs_v1 .et_pb_toggle .et_pb_toggle_title::before { content: '\45'; position: absolute; font-family: ETmodules!important; background: var(--px-color-2); padding: 5px; border-radius: 5px; top: 23px; right: 15px; font-size: 35px; } /*---Open Title CSS---*/ .px_faqs_v1 .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title {} /*---Content CSS---*/ .px_faqs_v1 .et_pb_toggle .et_pb_toggle_content{ padding: 20px; font-size: 15px; } /*---Faqs v2 CSS---*/ .px_faqs_v2{} /* ----------------------------------- 12 Timeline CSS -------------------------------------*/ /*---Timeline v1 CSS---*/ .px_timeline_v1 {} /*---Timeline v2 CSS---*/ .px_timeline_v2{ border-color:var(--px-color-1); } .px_timeline_v2_color_2{ border-color:var(--px-color-2)!important; } .px_timeline_v2 .et_pb_image_wrap { position: absolute; left: 30px; top: -35px; width: 70px; background:#fff; } .px_timeline_v2_color_2 .et_pb_image_wrap{ right:-330px; } .px_timeline_v2 .et_pb_image_wrap .et-pb-icon, .px_timeline_v2_detail .et_pb_blurb_container .et_pb_module_header, .px_timeline_v2_detail .et_pb_blurb_container .et_pb_blurb_description, .px_timeline_v2_year{ color:var(--px-color-1); } .px_timeline_v2_color_2 .et_pb_image_wrap .et-pb-icon, .px_timeline_v2_color_2 .px_timeline_v2_detail .et_pb_blurb_container .et_pb_module_header, .px_timeline_v2_color_2 .px_timeline_v2_detail .et_pb_blurb_container .et_pb_blurb_description, .px_timeline_v2_color_2 .px_timeline_v2_year{ color:var(--px-color-2); } @media only screen and (min-width:480px) and (max-width:980px){ .px_timeline_v2_color_2 .et_pb_image_wrap { right: -120px; } } @media only screen and (max-width:480px){ .px_timeline_v2_color_2 .et_pb_image_wrap { right: -120px; } } /* ----------------------------------- 13 Pricing Table CSS -------------------------------------*/ /*---Pricing Default CSS---*/ .px_pricing_table { transition:.4s ease-in-out; } .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table{ border:1px solid #e1e1e1; } /* Heading Css */ .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_heading{ background:var(--px-color-2)!important; padding: 30px 10px; } .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_heading .et_pb_pricing_title{} /* Top Content Css */ .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top{ border-bottom:none; padding-top: 30px; padding-bottom: 0px; } .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content{ padding: 10px 30px 30px; } .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content .et_pb_pricing li{ padding: 10px 15px; } .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content .et_pb_pricing li:nth-child( odd ) { border-radius: 10px; background: #f0f3f9; } .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content .et_pb_pricing li span:before{ content:none; } .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content .et_pb_pricing li:before{ content: '\4e'; font-family: ETmodules!important; font-weight: bolder; padding-right: 10px; color: var(--px-color-1); } .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price{} .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price .et_pb_dollar_sign, .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price .et_pb_frequency{ color:var(--px-color-2); } .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price .et_pb_sum{ color:var(--px-color-1); } .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price .et_pb_frequency{} .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price .et_pb_frequency .et_pb_frequency_slash{} /* Bottom Content Css */ .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content{} /* Button Css */ .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_button_wrapper{} .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_button_wrapper .et_pb_button{} /*---Pricing Mini CSS---*/ .px_pricing_table_mini{} /*Pricing Toggle*/ .px_pricing_tabs [id*="px_pricing_tab_"] {text-align:center;background: rgba(255,255,255,0.5) !important;color: #09144a !important;box-shadow:none;} .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 Fade Up Animation */ .fadeInUp { animation-name:fadeInUp } /*---Pricing Table Structure CSS---*/ .px_pricing_table_layout{} /*----- Pricing Table Hover Css Here ----- */ .px_pricing_table:hover { box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 9%); transition:.4s ease-in-out; } /*----- Pricing Table V2 CSS Here -----*/ .px_pricing_table_v2 .px_pricing_title:before{ position: absolute; content: ''; border-left: 15px solid transparent; border-top: 17px solid var(--px-color-1); border-bottom: 17px solid var(--px-color-1); border-right: 10px solid var(--px-color-1); bottom: 0px; left: -15px; } .px_pricing_table_v2 .px_pricing_title:after{ position: absolute; content: ''; border-top: 9px solid transparent; border-bottom: 16px solid var(--px-color-1); border-right: 18px solid transparent; top: -25px; right: 0; } .px_pricing_table_v2 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top{ margin-left: 25px; } .px_pricing_table_v3 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price .et_pb_dollar_sign, .px_pricing_table_v2 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price .et_pb_dollar_sign{ margin-left:-15px!important; } /* ----------------------------------- 14 Testimonial Section CSS -------------------------------------*/ .px_testi_v1.bg .et_pb_slide_description .et_pb_slide_title{text-align:left;border-radius: 20px;} .px_testi_v1.bg .et_pb_slide_description .et_pb_slide_title::after{border: 1px solid rgba(0, 0, 0, 0.1);background: #fcf7f3;border-bottom: 1px solid #fff; border-right: 1px solid #fff;} .px_testi_v1.bg .et_pb_slide_description .et_pb_slide_content h4{color:#000 !important;} .px_testi_v1.bg .et_pb_slide_description .et_pb_slide_title::before{content: ""; position: absolute; left: -28px; bottom: -11px; border-left: 14px solid transparent; border-right: 14px solid transparent; border-top: 14px solid #fff;} .px_testi_v1 .et_pb_slide_image img { float: left; border-radius: 50%; border: 1px solid #ccc; padding: 5px; width: 90px; height: 90px; border-color:var(--px-color-2) !important; } .px_testi_v1 .et_pb_slide { padding-left: 0; } .px_testi_v1 .et_pb_container.clearfix { height: auto; } .px_testi_v1 .et_pb_slide_description .et_pb_slide_content { margin-top: 50px; width: 65%; text-align: left; display: inline-block !important; } .px_testi_v1 .et_pb_slide_description .et_pb_slide_content h4 { text-shadow: none; text-transform: uppercase; font-weight: 600; } .px_testi_v1 .et_pb_slide_description .et_pb_slide_content h5 { color:#f5f5f5 !important; text-shadow: none; letter-spacing: 1px; } .px_testi_v1 .et_pb_slide_description .et_pb_slide_title:after { content: ""; width: 18px; height: 18px; border: 1px solid rgba(0, 0, 0, 0.1); border-top: 1px solid rgba(255,255,255,0.4); border-left: 1px solid rgba(255,255,255,0.4); margin-left: -2.5px; position: absolute; bottom: -4px; left: 47px; transform: rotate(224deg) translateX(-50%); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #333333; z-index: 9; } .px_testi_v1 .et-pb-arrow-prev { left: -120px !important; } .px_testi_v1 .et-pb-arrow-next { right: 30px !important; } .px_testi_v1 .et-pb-slider-arrows { position: absolute; right: 0; bottom: 50px; } @media only screen and (max-width: 480px) { .px_testi_v1 .et-pb-slider-arrows { bottom: -40px; } .px_testi_v1 .et_pb_slide_description .et_pb_slide_content{margin-left: 110px;} } @media only screen and (min-width: 768px) and (max-width: 980px) { .px_testi_v1 .et_pb_slide_description { width: auto; } } /*---Testimonial v1 CSS---*/ .px_testimonial_v1 .px_testi_info .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description{ color:var(--px-color-1); } .px_testimonial_v1 .px_icon .et-pb-icon{ background: var(--px-color-1); padding: 25px; border-radius: 50%; } @media (max-width: 980px){ .px_testimonial_v1{ display: block!important; } } .px_testimonial_v1.et_pb_testimonial {} .px_testimonial_v1.et_pb_testimonial:before {} /*---Author CSS---*/ .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_author {} .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_meta .et_pb_testimonial_position{} .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_meta .et_pb_testimonial_separator{} .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_meta .et_pb_testimonial_company{} /*Review */ .px_testimonial_v1 .px_review{position:absolute;left:0;bottom:-22px;right:0;width:150px;background:#ec6b15;margin:0 auto;margin-bottom:0;text-align:center;border-radius:30px;display:block;overflow:hidden;line-height:16px} .px_testimonial_v1 .px_review .et_pb_text_inner ul{position:relative;display:block;overflow:hidden;list-style:none;margin:0;padding:0;text-align:center} .px_testimonial_v1 .px_review .et_pb_text_inner ul li{display:inline-block;float:none;margin:0 3px;color:#fff;font-size:14px;line-height:45px} .px_testimonial_v1 .px_review .et_pb_text_inner ul li:before{content:"\e033";font-family:ETmodules !important} .px_testimonial_v1 .px_review .et_pb_text_inner ul li.star:before{content:"\e031"} .px_testimonial_v1 .px_review .et_pb_text_inner ul li.star-0:before{content:"\e032"} /*---Testimonial v2 CSS---*/ .px_testimonial_v2 .et_pb_testimonial_portrait{ position:absolute!important; bottom:0px; } /*---Author CSS---*/ .px_testimonial_v2 .et_pb_testimonial_description .et_pb_testimonial_author{ margin-top: 20px; margin-left: 80px; font-weight: 700; display: block; font-size: 18px; color: var(--px-color-2); } /*---Meta CSS---*/ .px_testimonial_v2 .et_pb_testimonial_meta { margin-left: 80px; font-size: 16px; color:var(--px-color-1); } /*---Description---*/ .px_testimonial_v2 .et_pb_testimonial_description .et_pb_testimonial_description_inner .et_pb_testimonial_content:before{ content: '\e033 \e033 \e033 \e031 \e031'''; font-family: ETmodules!important; font-size: 15px; position: absolute; top: -30px; letter-spacing: 5px; color:var(--px-color-1); } .px_testimonial_v2 .et_pb_testimonial_description .et_pb_testimonial_description_inner .et_pb_testimonial_content { font-size: 16px; } .px_testimonial_v2_list .et_pb_testimonial_portrait{ position:absolute!important; bottom:20px; } .px_testimonial_v2_list .et_pb_testimonial_description{ margin-left:10px!important; } @media only screen and (min-width:480px) and (max-width:980px){ .px_testimonial_v2 .et_pb_testimonial_description, .px_testimonial_v2_list .et_pb_testimonial_description{ margin-left:10px!important; } .px_testimonial_v2 .et_pb_testimonial_portrait{ bottom:0px!important; } .px_testimonial_v2_list .et_pb_testimonial_portrait{ bottom:20px!important; } } @media only screen and (max-width:480px){ .px_testimonial_v2 .et_pb_testimonial_description .et_pb_testimonial_author{ margin-top: 0px; } .px_testimonial_v2_list .et_pb_testimonial_portrait{ bottom:0px; } } /* ----------------------------------- 15 About Us Section CSS -------------------------------------*/ /*---About Us v1 CSS---*/ .px_aboutus_v1 {} /*--- About Us v1 blurb Info CSS ---*/ .px_aboutus_v1 .px_blurb_info_type1 .et_pb_blurb_content .et_pb_blurb_container{ padding-left:30px; } .px_aboutus_v1 .px_blurb_info_type1 .et_pb_main_blurb_image:before { content: ''; position: absolute; height: 70px; width: 70px; background: var(--px-color-1); border-radius: 50%; z-index: -1; left: -15px; top: -15px; } .px_aboutus_v1 .px_blurb_info_type1 .et_pb_module_header:before{ content: ''; position: absolute; background: var(--px-color-1); width: 15%; height: 3px; top: 27px; transition:.3s; } .px_blurb_sign_info .et_pb_blurb_description span{ color:var(--px-color-1); } /*---About Us v1 blurb Info Hover CSS---*/ .px_aboutus_v1 .px_blurb_info_type1:hover .et_pb_module_header:before{ width: 20%; transition:.3s; } /*---About Us v1 Author Info CSS---*/ .px_aboutus_v1 .px_blurb_sign_info .et_pb_module_header{ padding-bottom:0; } /*---About Us v1 Link Button CSS---*/ .px_aboutus_v1 .px_link_btn:after{ background: var(--px-color-1); border-radius: 50%; padding: 3px 10px; color: #fff; } /*---Responsive Below 420px---*/ @media (max-width:420px){ .px_aboutus_v1 .px_blurb_info_type1 .et_pb_module_header{ line-height:25px; } .px_aboutus_v1 .px_blurb_info_type1 .et_pb_module_header:before{ content:none; } } /*--------------------------------- About Us v2 CSS ---------------------------------*/ .px_aboutus_img .et_pb_image_wrap img{ height:500px!important; object-fit:cover; } .px_aboutus_v2 .px_blurb_info_type1 .et_pb_main_blurb_image span:before{ content: ''; position: absolute; background: var(--px-color-1); height: 80px; width: 80px; border-radius: 50%; z-index: -1; top: -21px; left: 84px; } @media only screen and (min-width:480px) and (max-width:980px){ .px_aboutus_v2 .px_blurb_info_type1 .et_pb_main_blurb_image span:before { left: 105px; } } @media only screen and (max-width:480px){ .px_aboutus_v2 .px_blurb_info_type1 .et_pb_main_blurb_image span:before { left: 110px; } } /*--------------------------------- About Us v3 CSS ---------------------------------*/ .px_icon_v3 .et_pb_icon_wrap .et-pb-icon:before{ content: ''; position: absolute; height: 80px; width: 80px; background: #fff; border-radius: 50%; z-index: -1; left: -27px; top: -24px; } .px_icon_v3 .et_pb_icon_wrap .et-pb-icon{ color: var(--px-color-1)!important; } .px_icon_v3 .et_pb_icon_wrap:before { content: ''; position: absolute; height: 100px; width: 100px; background: var(--px-color-1); border-radius: 50%; z-index: -2; top: -34px; left: -37px; animation: popup 2s infinite; } .px_icon_v3 .et_pb_icon_wrap:after { content: ''; position: absolute; height: 115px; width: 115px; background: var(--px-color-1); border-radius: 50%; z-index: -3; top: -41px; left: -44px; animation: popup 2s infinite; } .px_about_v3 .et-pb-icon:before{ content: ''; position: absolute; height: 55px; width: 55px; border: 1px dotted #fff; border-radius: 50%; left: -13px; top: -10px; } .px_about_v3 .et_pb_blurb_container{ padding-left:25px; } /*--------------------------------- About Us v4 CSS ---------------------------------*/ .px_about_v4_blurb_info .et_pb_blurb_content .et_pb_blurb_description{ color:var(--px-color-1); } .px_about_v4_blurb_info .et_pb_image_wrap .et-pb-icon{ position:absolute; right:0; bottom:0; } .px_about_v4_widget .et_pb_main_blurb_image .et-pb-icon{ color:var(--px-color-2); } .px_about_v4_widget_list li{ list-style-type:circle; margin-bottom:10px; } @media only screen and (min-width:480px) and (max-width:980px){ .px_about_v4_img .et_pb_image_wrap, .px_about_v4_img .et_pb_image_wrap img{ width:100%!important; } } /*------- 06. About Section CSS End Here -------*/ /* ----------------------------------- 16 Choose Us Section CSS -------------------------------------*/ /*---Choose Us v1 CSS---*/ .px_choose_v1 {} /* ----------------------------------- 17 Process Section CSS -------------------------------------*/ /* ----------------------------------- Process Us v1 CSS -----------------------------------*/ .px_process_v1 .px_title_info .et_pb_blurb_content .et_pb_main_blurb_image { width:50px; } .px_process_v1:hover .px_process_step { animation: bounce .7s ease; animation-delay:0s; } .px_process_v1 .px_title_info .et_pb_blurb_content .et_pb_blurb_container{padding-left:0px;} .px_process_v1 .px_title_info .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header:hover{ color:var(--px-color-1); transition:.4s; } /* ----------------------------------- Process Us v2 CSS -----------------------------------*/ .px_process_v2:before{ height: 100%; width: 100%; content: ''; top: 0; position: absolute; background: linear-gradient(270deg, #ffffff 0%, #FFFFFF 100%); left: 0; opacity: .8; } .px_blog_v1_list:before, .px_process_v2_list:before{ content: ''; position: absolute; height: 10px; width: 20px; background: var(--px-color-1); left: -30px; top: 0; } .px_blog_v1_list:after, .px_process_v2_list:after{ content: ''; position: absolute; height: 10px; width: 10px; background: var(--px-color-2); top: 0; left: -20px; } /* ----------------------------------- 18 Partner Section CSS -------------------------------------*/ /*---Partner Us v1 CSS---*/ .px_partner_v1_divider:before{ border-top-color:#8e8c8c4f !important; } .px_partner_v1 .px_partner_v1_blurb .et_pb_blurb_container .et_pb_blurb_description {color:#ddd; transition:0.5s;} /*---Partner Us v1 Hover CSS---*/ .px_partner_v1.active .px_partner_v1_blurb, .px_partner_v1.active .px_partner_v1_year, .px_partner_v1:hover .px_partner_v1_year, .px_partner_v1:hover .px_partner_v1_blurb{ background: var(--px-color-1); transition:.5s ease-in-out; } .px_partner_v1.active .px_partner_v1_divider:before, .px_partner_v1:hover .px_partner_v1_divider:before{ border-top-color:var(--px-color-1) !important; transition:.5s ease-in-out; } .px_partner_v1_divider:after{ content: ""; display: table; position: absolute; height: 15px; width: 15px; background: var(--px-color-1); border-radius: 50%; top: -7px; right: 48%; z-index: 15; } .px_partner_v1.active .px_partner_v1_blurb .et_pb_blurb_container .et_pb_blurb_description , .px_partner_v1:hover .px_partner_v1_blurb .et_pb_blurb_container .et_pb_blurb_description {color:#fff; transition:0.5s;} /* ----------------------------------- 19 Video Section CSS -------------------------------------*/ /*---Video v1 CSS---*/ .px_video_v1 {} /* ----------------------------------- 20 Skill-bar Section CSS -------------------------------------*/ /*---Skill-bar v1 CSS---*/ .px_skill_v1 {} .px_bar_counter_v1 {} /*---Title CSS---*/ .px_bar_counter_v1 li.et_pb_counter .et_pb_counter_title {} .px_bar_counter_v1 li.et_pb_counter .et_pb_counter_container{} /*---Percentage CSS---*/ .px_bar_counter_v1 li.et_pb_counter .et_pb_counter_container .et_pb_counter_amount{} /*---Percentage CSS---*/ .px_bar_counter_v1 li.et_pb_counter .et_pb_counter_container .et_pb_counter_amount_number {} .px_bar_counter_v1 li.et_pb_counter .et_pb_counter_container .et_pb_counter_amount_number_inner{} /* ----------------------------------- 21 Counter Section CSS -------------------------------------*/ /*---Counter v1 CSS---*/ .px_counter_v1 {} /* ----------------------------------- 22 Newsletter Section CSS -------------------------------------*/ /*---Newsletter v1 CSS---*/ .px_newsletter_v1 {} /*Form Css*/ .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_form {} /*Input Css*/ .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_field {} .px_newsletter_v1.et_pb_newsletter_form .input {} .px_newsletter_v1.et_pb_newsletter_form .input::placeholder, #dct_email_v5 .et_pb_newsletter_form input[type=text], .px_newsletter_v1.et_pb_newsletter_form p.et_pb_newsletter_field input[type=text] {} /*Button Css*/ .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap {} .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button {} .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button .et_pb_newsletter_button_text {} /*---Newsletter v2 CSS---*/ .px_newsletter_v2 {} /* ----------------------------------- 23 CTA Section CSS -------------------------------------*/ /*---CTA v1 CSS---*/ .px_CTA_v1:before{ content: ''; position: absolute; height: 100%; width: 100%; background: linear-gradient(105deg,var(--px-color-1) 40%,rgba(255,255,255,.09) 100%); top: 0; left: 0; z-index: 1; opacity: 0.7; } .px_CTA_v1 .px_CTA_info .et_pb_button_wrapper .et_pb_promo_button { background:var(--px-color-1); border:1px solid var(--px-color-1); color:#fff; border-radius: 10px 0 10px 0; } /*------ Step Number -----*/ .px_CTA_v1 .px_CTA_number .et_pb_blurb_container { display: flex; justify-content:center; } .px_CTA_v1 .px_CTA_info .et_pb_button_wrapper .et_pb_promo_button:hover{ background:#fff; color:var(--px-color-1); border:1px solid var(--px-color-1)!important; border-radius:0 10px 0 10px; } /*------ Step Number -----*/ .px_CTA_v1 .px_CTA_number:before{ content: ''; position: absolute; height: 100%; width: 100%; background: var(--px-color-1); top: 100%; left: 0; opacity:.8; transition:.6s; } .px_CTA_v1 .px_CTA_number:hover:before{ top:0; transition:.6s; } /*---CTA v2 CSS---*/ .px_CTA_v2_col1{ background: var(--px-color-1)!important; } .px_CTA_v2_col2 { background: var(--px-color-2); } .px_CTA_v2_col1 .px_CTA_info_type2 .et_pb_button_wrapper, .px_CTA_v2_col2 .px_CTA_info_type2 .et_pb_button_wrapper{ padding-top:15px; } /* ----------------------------------- 24 Coming Soon Page CSS -------------------------------------*/ .px_coming_soon:before{ content: ''; position: absolute; height: 100%; width: 100%; background:var(--px-color-1) ; opacity:0.8; top: 0; left: 0; } .px_404 .et_pb_text_inner h2 {color:var(--px-color-2);} .px_404 .et_pb_text_inner h2 span, .px_day_counter .sep, .px_day_counter .label{ color:#fff !important; } /* ----------------------------------- 25 404 Page CSS -------------------------------------*/ /* ----------------------------------- 26 Search Page CSS -------------------------------------*/ .px_search .et_pb_searchform input.et_pb_searchsubmit {background-color: var(--px-color-1); color:#fff; border-radius: 0px 5px 5px 0px; padding: 0px 20px;} /* ----------------------------------- 27 Tab Control CSS -------------------------------------*/ .px_tab_v1 {} /*Tabs Title Css*/ .px_tab_v1 .et_pb_tabs_controls{} .px_tab_v1 .et_pb_tabs_controls li {} .px_tab_v1 .et_pb_tabs_controls li.et_pb_tab_active a{} .px_tab_v1 .et_pb_tabs_controls li a{} /*Tabs Content Css*/ .px_tab_v1 .et_pb_all_tabs{} .px_tab_v1 .et_pb_all_tabs .et_pb_tab{} .px_tab_v1 .et_pb_all_tabs .et_pb_tab.et-pb-active-slide{} .px_tab_v1 .et_pb_all_tabs .et_pb_tab .et_pb_tab_content {} /*------------------------------------------- -- 27. Color Picker CSS -------------------------------------------*/ .tm-font-selector div, .tm-color-selector div, .pickr .pcr-button::before , .pickr .pcr-button::after {border-radius: 50%;} /*Front Color Picker Css */ .px-color-switcher { position: fixed; left: 8px; top: 50%; z-index: 1000; display: block; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; border-radius: 64px; padding: 15px 10px 15px 10px; background-color: #fff; font-size: 12px; width: 65px; line-height: 1.3; background: linear-gradient(145deg, #e2e8ec, #fff); box-shadow: 5px 5px 15px #d1d9e6, -5px -5px 15px #fff; transition: all 200ms ease-in-out; } .px-color-switcher .close { font-size: 14px; border-radius: 50%; position: absolute; top: 0; right: 0; font-size: 20px; color: #fff; z-index: 20; text-align: center; line-height: 24px; width: 20px; height: 20px; display: block; opacity: 1; background-color: #333; transition: all 0.5s ease; cursor: pointer; box-shadow: 5px 5px 15px #d1d9e6, -5px -5px 15px #fff; } .px-color-switcher .close:hover { background: #fff; color:#333 !important; } .px-color-switcher.closed { padding: 10px 8px 6px 10px; left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; transition: all 0.25s ease; } .px-color-switcher.closed:hover { padding-right: 14px; } .tm-font-selector:hover { cursor: pointer; } .px-color-switcher.closed img:hover { cursor: pointer; } .px-color-switcher.closed .close { display: none; } .px-color-switcher.closed div { display: none; } .px-color-switcher.closed .img { display: block; overflow: hidden; height: 42px; width: 45px; text-align: center; animation: rotation 8s infinite linear; } .px-color-switcher.closed .img img { margin: 0; } .px-color-switcher .close:hover { opacity: 1; color: #000; } @media (max-width: 991px) { .px-color-switcher { display: none !important; } } .px-font-selector div, .px-color-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, 0.1); cursor: pointer; transition: all 0.5s ease; } .px-font-selector div:hover, .px-color-selector div:hover { background: linear-gradient(145deg,rgba(0,0,0,0.5), #fff); box-shadow: 5px 5px 15px rgba(0,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; } /*Color Picker Tooltip Css */ .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:0px 20px; font-family:inherit; width:auto; font-weight:600; line-height:36px; letter-spacing:.1px; left:5px; top:0px; 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:all .3s cubic-bezier(0.64,-0.09,0.13,1.15); -o-transition:all .3s cubic-bezier(0.64,-0.09,0.13,1.15); transition:all .3s cubic-bezier(0.64,-0.09,0.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) } /* ----------------------------------- 28. Animation Part CSS -------------------------------------*/ /**Color Picker Img Animation*/ @keyframes rotation { from { transform: rotate(0deg); } to { transform: rotate(359deg); } } /*---Process Us v1 CSS---*/ @keyframes bounce { 0% { transform:translateY(0%); } 25% { transform:translateY(-50%); } 50% { transform:translateY(0%); } 75% { transform:translateY(-15%); } 100% { transform:translateY(0%); } } @keyframes popup { 0%{ transform: scale(0); opacity:1; } 100%{ transform: scale(1); opacity:0.2; } } /*---CTA v1 CSS---*/ @keyframes popup { 0%{ transform: scale(0); opacity:1; } 100%{ transform: scale(1); opacity:0.2; } } /*---------------------------- 28 Slide In CSS ----------------------------*/ .px_slide_in .px_contactus_blur_info .et_pb_main_blurb_image .et-pb-icon { padding:10px!important; } .px_slide_In_demo:hover{ box-shadow:none!important; } /* 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; } /*Slide In Css Start Here*/ .px_slidein{overflow:visible !important;} .px_slidein:after{content: ""; position: absolute; bottom: 40px; left: 10px; width: calc(100% - 20px); height: 80%; background-color: var(--px-color-1); border-radius: inherit; z-index: -1; transition: all 0.2s; opacity:0;} .px_slidein .et_pb_button_module_wrapper{background:#fff;padding-bottom:15px;} .px_slidein:hover:after{bottom: -15px;transition: all 0.2s;opacity:1;} .px_feature_info .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{color:var(--px-color-1);} .px_feature_info .et_pb_module_header span{color:var(--px-color-2);} .px_scale_in .px_contact .et_contact_bottom_container{margin-top:10px;margin-right:10px;} /* Icon CSS */ .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%;} /*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(0%);transition: all .8s ease-in-out,width .4s ease-in-out,top .8s ease-in-out !important; }