/* Theme Name: VAssist Divi Virtual Assistant Theme Theme URI: https://virtualassistant.divichildthemesextended.com Description: VAssist Divi Virtual Assistant Theme is a professional Divi child theme crafted for virtual assistants, freelancers, coaches, consultants, and remote service providers. It features modern responsive layouts, service showcase pages, pricing tables, contact forms, and call-to-action sections to help professionals build a strong online presence. Built on the Divi framework, this theme is SEO-friendly, mobile-optimized, and fully customizable for personal branding and business growth. Author: Divi Professional Author URI: https://divi-professional.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 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 26 Color Picker CSS 27 Animation Part CSS --------------------------------------------------------*/ /* ----------------------------------- 01. General Class CSS -------------------------------------*/ /* ----------------------------------- Hero Section CSS -------------------------------------*/ .px_hero_section_4 .px_contact_form_v4{} /*--- hero_section Button CSS---*/ .px_hero_section_4 .px_contact_form_v4 .et_pb_button { background-color: var(--px-color-1) !important; padding: 15px 30px !important; border-radius: 8px !important; overflow: hidden; } .px_hero_section_4 .px_contact_form_v4 .et_pb_button::after { position: absolute; top: 0; bottom: 0; display: flex; align-items: center; justify-content: center; opacity: 1; right: -40px; width: 40px; background: var(--px-color-1); margin: 0; margin-left: 0px; } .px_hero_section_4 .px_contact_form_v4 .et_pb_button:hover { padding-right: 60px !important; } .px_hero_section_4 .px_contact_form_v4 .et_pb_button:hover::after { right: 0; } /*---Title CSS---*/ .px_title { color:var(--px-color-2); } .px_subtitle{ color:var(--px-color-1); } .px_desc {} /*---Page Header Title CSS---*/ .px_header_title {} /*---Breadcrumbs Title CSS---*/ .px_b_home_link {} .px_b_other_link {} /*--- 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; } /*---Button CSS---*/ .px_btn:hover{ background-color:var(--px-color-2)!important; border-radius: 5px !important; } /* new module btn here */ .px_btn { background-color:var(--px-color-1)!important; padding:15px 25px !important; border-radius: 8px !important; } .px_btn::after { position: absolute; align-items: center; justify-content: center; opacity: 1; right: -40px; width: 40px; background: var(--px-color-1); padding-bottom: 15px; padding-top: 15px; margin-top: -15px; } .px_btn:hover { padding-right:60px!important; text-align: center; } .px_btn:hover::after { right: 0; } .px_btn { overflow: hidden; } /* end new btn here */ /* .px_btn_light here */ .px_btn_light { background: var(--px-color-2)!important; padding:15px 30px !important; color: ffff!important; border-radius: 8px !important; } .px_btn_light::after { position: absolute; align-items: center; opacity: 1; right: -40px; width: 40px; background:#ffff; background: var(--px-color-2)!important; color:#ffff !important; padding-bottom: 15px; padding-top: 15px; margin-top: -15px; } .px_btn_light:hover { padding-right:60px!important; text-align:center; } .px_btn_light:hover::after { right: 0; } .px_btn_light{ overflow: hidden; } .px_btn_light:hover{ background: var(--px-color-1)!important; color:#0000 !important; } /* end new btn here */ /* Small Information Detail in Process section Css */ .px_blurb_small_info .et_pb_blurb_container {padding-left: 25px!important;} .px_blurb_small_info .et_pb_blurb_content .et-pb-icon {color: var(--px-color-1) !important;} .px_blurb_small_info_v3 .et_pb_image_wrap .et-pb-icon{color: var(--px-color-1) !important; } /* ----------------------------------- 02. Header Section CSS -------------------------------------*/ /*---Menu + Sub Menu CSS---*/ /*---Main Menu CSS---*/ /*---Sub Menu CSS---*/ .px_h_menu .et_pb_menu__menu .et-menu-nav ul li a:hover{ color: var(--px-color-1)!important; } .px_h_menu .nav ul li a:hover{ background-color: #fff!important; } /*---Sub Menu CSS---*/ .px_h_menu .et_pb_menu__menu .et-menu-nav ul li ul {transform: scaleY(0); background:#fff!important; transform-origin: top; border-top:3px solid var(--px-color-1); padding:20px 15px; transition:0.5s;} .px_h_menu .et_pb_menu__menu .et-menu-nav ul li ul li{padding:0px;} .px_h_menu .et_pb_menu__menu .et-menu-nav ul li ul li a{color:var(--px-color-2); padding:6px 10px; font-size:15px; transition:0.5s;} .px_h_menu .et_pb_menu__menu .et-menu-nav ul li ul li a::before{ position: absolute; top: -4px; left: 8px; color: transparent; content: '.'; text-shadow: 0 0 transparent; font-size: 2em; line-height: 1em; transition: text-shadow 0.3s, color 0.3s; pointer-events: none; } .px_h_menu .et_pb_menu__menu .et-menu-nav ul li ul li:hover a{color:var(--px-color-1); padding-left:30px; transition:0.5s;} .px_h_menu .et_pb_menu__menu .et-menu-nav ul li ul li:hover a::before{opacity: 1; color: var(--px-color-2); text-shadow: 8px 0 var(--px-color-1), -8px 0 var(--px-color-1);} .px_h_menu .et_pb_menu__menu .et-menu-nav ul li ul li a:hover{background:transparent; transition:0.5s;} .px_h_menu .et_pb_menu__menu .et-menu-nav ul li:hover ul {transform: scaleY(1); transition:0.5s;} /*---Sub Menu of Sub Menu CSS---*/ .px_h_menu .et_pb_menu__menu .et-menu-nav ul li ul li ul{left:225px; top:-20px; transform: scaleY(0); background:#fff!important; transform-origin: top; padding:20px 15px; transition:0.5s; border:0;} .px_h_menu .et_pb_menu__menu .et-menu-nav ul li ul li ul li a{color:var(--px-color-2); padding:6px 10px; transition:0.5s;} .px_h_menu .et_pb_menu__menu .et-menu-nav ul li ul li ul li a::before{ position: absolute; top: -4px; left: 8px; color: transparent; content: '.'; text-shadow: 0 0 transparent; font-size: 2em; line-height: 1em; transition: text-shadow 0.3s, color 0.3s; pointer-events: none; } .px_h_menu .et_pb_menu__menu .et-menu-nav ul li ul li:hover ul li a::before{text-shadow: 0 0 transparent;opacity:0;transition:0.5s;} .px_h_menu .et_pb_menu__menu .et-menu-nav ul li ul li:hover ul li a{color:var(--px-color-2); padding:6px 10px;} .px_h_menu .et_pb_menu__menu .et-menu-nav ul li ul li ul li:hover a{color:var(--px-color-1); padding-left:30px; transition:0.5s;} .px_h_menu .et_pb_menu__menu .et-menu-nav ul li ul li ul li:hover a::before{opacity: 1; color: var(--px-color-2); text-shadow: 8px 0 var(--px-color-1), -8px 0 var(--px-color-1);transition:0.5s;} .px_h_menu .et_pb_menu__menu .et-menu-nav ul li ul li ul li a:hover{transition:0.5s;} .px_h_menu .et_pb_menu__menu .et-menu-nav ul li ul li:hover ul{transform: scaleY(1); transition:0.5s;} /* .px_h_menu .sub-menu { } .px_h_menu.et_pb_menu .et-menu li { } .px_h_menu .sub-menu li a:before { content: ""; position: absolute; background-color: var(--px-color-1)!important; height: 1px; left: 20px; right: 20px; bottom: 0px; margin: auto; transition: transform 0.5s cubic-bezier(.37, .31, .2, .85); transform: scale(0, 1); transform-origin: right center; } .px_h_menu .nav li ul{ border-top: 3px solid var(--px-color-1)!important; } */ /* Sub Menu Hover */ /* .px_h_menu .sub-menu li a:hover::before{ transform: scale(1, 1); } */ /*---Header Common Info Css---*/ .px_small_info {} .px_small_blurb_info .et-pb-icon { color: var(--px-color-1)!important; } .px_header_contact_info {} .px_header_social {} /*---Header v1 CSS---*/ .px_header_v1 .px_h_menu .et-menu > li { padding-left: 5px; } /*---Header v2 CSS---*/ /* .px_header_v2 .px_h_menu .sub-menu { margin-top: 20px !important; } */ .px_header_v2 .px_header_social li a.icon::before{ color: #000 !important; } .px_header_v2 .px_header_social li a.icon:hover:before{ color: #ffff !important; } .px_header_v2 .px_header_social li:before{ position: absolute; left: 0; top:0; content: ""; border: 1px solid rgba(255,255,255,.18)!important; height: 100%; width: 100%; transition: all 0.5s ease-in-out; } /*---Header v3 CSS---*/ .px_header_v3 .px_h_menu.et_pb_menu .et-menu li { padding-left: 10px; } .px_header_v3 .px_h_menu .et-menu li a{ padding-right: 0px !important; } .px_header_v3 .px_h_menu .et-menu li a:after{ display:none; } /* 1080 below */ @media screen and (min-width:980px) and (max-width:1080px){ .px_header_v3 .px_h_menu #menu-main_menu { flex-wrap: nowrap !important; display: flex; } .px_header_v3 .px_1080_col1{ width: 70.8% !important; } .px_header_v3 .px_1080_col2{ display:none !important; } .px_header_v3 .px_1080_col3{ width: 25.6% !important; } } /*---Header v4 CSS---*/ .px_header_v4 {} /* .px_header_v4 .px_h_menu .sub-menu { margin-top: 26px !important; } */ /*---Header v4 CSS---*/ .px_header_v4 {} /* .px_header_v5 .px_h_menu .sub-menu { margin-top: 30px !important; } */ /* ----------------------------------- 03. Footer Section CSS -------------------------------------*/ /*---Footer Common Info Css---*/ .px_footer_email_info .et_pb_newsletter_button_wrap .et_pb_button { position: absolute; top: 1px; width: 150px; font-size: 15px; right: 0px; border: none; overflow: hidden; background-color: var(--px-color-2); transition: 1s; transition-property: all; border-radius: 8px !important; } /* footer Subscribe btn css here */ .px_footer_email_info .et_pb_newsletter_button_wrap .et_pb_button:after{ position: absolute; top: 0; bottom: 0; display: flex; align-items: center; justify-content: center; opacity: 1; right: -40px; width: 40px; background: var(--px-color-1); margin: 0; margin-left: 0px; } .px_footer_email_info .et_pb_newsletter_button_wrap .et_pb_button:hover::after{ right: 0; } .px_footer_email_info .et_pb_newsletter_button_wrap .et_pb_button:hover{ width: 180px !important; } .px_footer_social .et_pb_social_media_follow li a.icon { background: rgba(255, 255, 255, 0.2)!important; } .px_f_info{ color: #ffff!important; } .px_f_info:hover{ color: var(--px-color-1)!important; } .px_footer_title {} .px_footer_blurb_info .et-pb-icon { color: var(--px-color-1)!important; } .px_footer_links {} /*---Footer v1 CSS---*/ .px_footer_v1 {} /*---Footer v2 CSS---*/ .px_footer_v2 .px_f_info_blurb { background-color: #fff; padding: 20px 30px; border-radius: 10px; } .px_footer_v2 .px_f_info_blurb .et_pb_main_blurb_image{ position:absolute!important; } .px_footer_v2 .px_f_info_blurb .et-pb-icon{ left: 160px; top: 1px; position:absolute !important; color: var(--px-color-1)!important; } .px_footer_v2 .px_f_info_blurb .et_pb_blurb_position_left .et_pb_blurb_container { padding-left: 0px !important; } /*---Footer v3 CSS---*/ .px_footer_v3 {} /*---Footer v2 CSS---*/ .px_footer_v4 .px_footer_contact_form .et_contact_bottom_container{ width: 100% !important; } .px_footer_v4 .px_footer_contact_form .et_contact_bottom_container .et_pb_button{ width: 100% !important; } .px_footer_v4 .px_footer_contact_form #et_pb_contact_hiring_employees_1{ margin-top: 15px; } /*---Button CSS---*/ .px_footer_v4 .px_footer_contact_form .et_pb_button { background-color: var(--px-color-1) !important; padding: 15px 30px !important; border-radius: 8px !important; overflow: hidden; } .px_footer_v4 .px_footer_contact_form .et_pb_button::after { position: absolute; top: 0; bottom: 0; display: flex; align-items: center; justify-content: center; opacity: 1; right: -40px; width: 40px; background: var(--px-color-2); margin: 0; margin-left: 0px; } .px_footer_v4 .px_footer_contact_form .et_pb_button:hover { padding-right: 60px !important; } .px_footer_v4 .px_footer_contact_form .et_pb_button:hover::after { right: 0; } /*---Footer v5 CSS---*/ .px_footer_v5 .et-pb-icon{ color: var(--px-color-1)!important; } /* ----------------------------------- 04. Sidebar CSS -------------------------------------*/ .px_sidebar {} .px_sidebar .widgettitle {} /* ----------------------------------- 05. Blog CSS -------------------------------------*/ /*---Blog Grid CSS & 3 Columns CSS ---*/ /*---Blog Title CSS---*/ .px_blog_v1 .et_pb_post { } /*---Image CSS---*/ .px_blog_v1 .et_pb_post .et_pb_image_container {} .px_blog_v1 .et_pb_post .et_pb_image_container .entry-featured-image-url {} .px_blog_v1 .et_pb_post .et_pb_image_container .entry-featured-image-url img {} .px_blog_v1 .et_pb_post .et_pb_image_container .entry-featured-image-url .et_overlay {} /*---Title CSS---*/ .px_blog_v1 .et_pb_post .entry-title {color: var(--px-color-1);} /*---Post Meta CSS---*/ .px_blog_v1 .et_pb_post .post-meta .published { background: var(--px-color-1); color: #ffff; font-weight: 700; padding: 15px; position: absolute; top: 0!important; text-align: center; transition: all 0.2s ease-in-out; left:20px; } /* Hover on published */ .px_blog_v1 .et_pb_post:hover .published { padding: 15px 10px 8px 10px; } .px_blog_v1 .et_pb_post .post-meta a { position: relative; margin-right: 40px; margin-left: 30px; } .px_blog_v1 .et_pb_post .post-meta a::before { position: absolute; content: "\e07c"; top: -5px; line-height: 1.2; font-family: ETmodules; left: -40px; color: #fff; color: var(--px-color-1) !important; padding: 8px; border-radius: 50%; height: 80%; } .px_blog_v1 .et_pb_post .post-meta a::after { position: absolute; content: "\e065"; top: -5px; line-height: initial; font-family: ETmodules; right: -40px; padding: 8px; border-radius: 50%; height: 80%; color: var(--px-color-1) !important; } .px_blog_v1 .et_pb_post .post-meta a{} /*---Blog Desc CSS---*/ .px_blog_v1 .et_pb_post .post-content {} .px_blog_v1 .et_pb_post .post-content .post-content-inner { margin-top: 15px; } /*---Read More Button CSS---*/ .px_blog_v1 .et_pb_post .post-content a .more-link:hover{ color: var(--px-color-1); } .px_blog_v1 .et_pb_post .post-content a.more-link:hover{ color: var(--px-color-1)!important; } /*---Pagination Button CSS---*/ .px_blog_v1 .pagination .alignleft, .px_blog_v1 .pagination .alignright {} .px_blog_v1 .pagination .alignleft a, .px_blog_v1 .pagination .alignright a { background-color: var(--px-color-1) !important; padding: 15px 25px !important; border-radius: 8px !important; color: #fff; } .px_blog_v1 .pagination .alignleft a:hover, .px_blog_v1 .pagination .alignright a:hover { background-color: var(--px-color-2) !important; } /*---Blog Grid 3 Columns CSS---*/ .px_blog_grid_3_col .et_pb_ajax_pagination_container { display: grid; grid-gap:30px; grid-template-columns: repeat(3, 33%); } /*---Blog Grid 2 Columns CSS---*/ .px_blog_grid_2_col .et_pb_ajax_pagination_container { display: grid; grid-gap:30px; grid-template-columns: repeat(2, 50%); } .px_blog_v1 .et_pb_post .post-meta .published{ top:20px; } .px_blog_grid_3_col .published, .px_blog_grid_2_col .published { left: 40px!important; margin-top: 20px; } .px_blog_v1 .et_pb_post, .px_blog_grid_3_col .et_pb_post, .px_blog_grid_2_col .et_pb_post { overflow: hidden; transition: all 0.4s; box-shadow: 0 20px 50px rgb(0 10 80 / 6%); border: none; padding: 20px !important; border-radius: 5px; position: relative; } .px_blog_grid_slider_2_col .et_pb_post{ margin-bottom: 15px !important; overflow: hidden; transition: all 0.4s; box-shadow: 0 20px 50px rgb(0 10 80 / 6%); border: none; padding: 20px !important; border-radius: 5px; position: relative; } /*---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, 24%); } .px_blog_grid_4_col .et_pb_post .post-meta .published { top: 20px !important; margin-left: 20px; } /*For Below Screen 980px*/ @media only screen and (max-width: 980px) { .px_blog_grid_4_col .et_pb_ajax_pagination_container { grid-template-columns: repeat(4, 50%); } } /*For Below Screen 786px*/ @media only screen and (max-width: 786px) { .px_blog_grid_4_col .et_pb_ajax_pagination_container { grid-template-columns: repeat(4, 100%); } } /* Blog Listing CSS */ .px_blog_grid_1_col .et_pb_post .post-meta .published { display: grid; grid-gap: 20px; grid-template-columns: repeat(1, 100%); } .px_blog_grid_1_col .et_pb_post .post-meta .published { top: 20px !important; left:35px } .px_blog_list .px_blog_listing_cta { } /* Listing Read more Button css */ /* Blog Listing cta button */ .px_blog_list .px_blog_listing_cta .et_pb_button { background-color:var(--px-color-1)!important; padding:10px 30px !important; border-radius: 8px !important; overflow: hidden; } .px_blog_list .px_blog_listing_cta .et_pb_button:after{ position: absolute; top: 0; bottom: 0; display: flex; align-items: center; justify-content: center; opacity: 1; right: -40px; width: 40px; background: var(--px-color-2); margin: 0; } .px_blog_list .px_blog_listing_cta .et_pb_button:hover { padding-right:60px!important; } .px_blog_list .px_blog_listing_cta .et_pb_button:hover::after { right: 0; } /* Blog Category CSS */ .px_blog_category {} /* Blog Category sidebar CSS */ .px_blog_sidebar .widget_search { background: #F5F5F5; padding: 40px 30px; } .px_blog_sidebar .widget_search { background: #F5F5F5; padding: 40px 30px; } .px_blog_sidebar .widget_search #searchsubmit{ background-color:var(--px-color-1)!important; color:#fff !important; } /* sidebar Recent post */ .px_blog_sidebar .widget_recent_entries{ background: #F5F5F5; padding: 35px; } .px_blog_sidebar .widgettitle{ position: relative; display: block; font-size: 22px; line-height: 22px; font-weight: 700; margin-left: -30px; margin-right: -30px; margin-bottom: 10px; color:#000; padding: 0px 30px 28px 30px; } .px_blog_sidebar .widgettitle:after{ content: ""; position: absolute; height: 1px; width: 100%; bottom: 0; left: 0; background: #e1e5e9; } .px_blog_sidebar .widgettitle:before{ position: absolute; content: ""; width: 4px; height: 35px; background-color: var(--px-color-1); left: 0; top: -7px; } .px_blog_sidebar .widget_recent_entries li a { text-transform: uppercase; font-weight: 600; transition: all 0.3s ease-in-out; line-height: 40px; color:#000; } /* hover Css */ .px_blog_sidebar .widget_recent_entries li a:hover { color: var(--px-color-1); } /* sidebar Categories css */ .px_blog_sidebar #searchform{ margin-top: 40px !important; } .px_blog_sidebar .widget_categories{ background: #F5F5F5; padding: 35px; } .px_blog_sidebar .cat-item a:before{ position: absolute; content: ''; width: 6px; height: 6px; background-color: var(--px-color-1); left: 15px; margin-top: 15px; } .px_blog_sidebar .cat-item a { text-transform: uppercase; color: var(--px-color-2) !important; font-weight: 600; transition: all 0.3s ease-in-out; line-height: 40px; } .px_blog_sidebar .cat-item a:hover{ color: var(--px-color-1)!important; } /* sidebarTag */ .px_blog_sidebar .widget_tag_cloud{ background: #F5F5F5; padding: 35px; } .px_blog_sidebar .tagcloud a{ color: #000 !important; padding: 10px 30px; background: #fff; border: 1px solid #e6e6e6; font-size: 15px !important; } /* hover tag*/ .px_blog_sidebar .tagcloud a:hover{ background:var(--px-color-1)!important; color: #fff !important; } /* sidebar cta button */ .px_sidebar_cta .et_pb_button { background-color:var(--px-color-1)!important; padding:10px 30px !important; border-radius: 8px !important; overflow: hidden; } .px_sidebar_cta .et_pb_button:after{ position: absolute; top: 0; bottom: 0; display: flex; align-items: center; justify-content: center; opacity: 1; right: -40px; width: 40px; background: var(--px-color-2); margin: 0; } .px_sidebar_cta .et_pb_button:hover { padding-right:60px!important; } .px_sidebar_cta .et_pb_button:hover::after { right: 0; } /* Blog Tags CSS */ .px_blog_tages .px_tags_detail .et_pb_blurb_description { position: absolute; left: 70px; top: 0; } .px_blog_tages .px_tags_detail .et_pb_blurb_description a{ color:#000 !important; padding: 5px 10px; background:#fff; border: 1px solid #e6e6e6; } .px_blog_tages .px_tags_detail .et_pb_blurb_description a:hover{ border-color: var(--px-color-1); } .px_tags_navigation .nav-next, .px_tags_navigation .nav-previous{ position: relative; border: 1px solid #ECECEC; padding: 18px; transition: all .3s; } /* Navigation hover */ .px_tags_navigation .nav-next:hover, .px_tags_navigation .nav-previous:hover{ border-color: var(--px-color-1); } /* comment login Css */ /* comment Css */ .px_post_comment .comment-content p a{ color: var(--px-color-1)!important; } .px_post_comment .logged-in-as a{ color: var(--px-color-1); } /* comment Button css */ .px_post_comment .form-submit .et_pb_button{ background-color:var(--px-color-1)!important; padding:15px 30px !important; border-radius: 8px !important; overflow: hidden; } .px_post_comment .form-submit .et_pb_button:after{ position: absolute; top: 0; bottom: 0; display: flex; align-items: center; justify-content: center; opacity: 1; right: -40px; width: 40px; background: var(--px-color-2); margin: 0; } .px_post_comment .form-submit .et_pb_button:hover { padding-right:60px!important; } .px_post_comment .form-submit .et_pb_button:hover::after { right: 0; } /* Blog 2 column slider Page CSS */ .blog_carousel_v1 .slick-dots li button::before { font-size: 20px !important; opacity: 1 !important; } .blog_carousel_v1 .slick-dots li button:hover::before { color: var(--px-color-2) !important; } .blog_carousel_v1 .slick-dots li.slick-active button::before{ color: var(--px-color-1) !important; } .px_blog_grid_slider_2_col .et_pb_ajax_pagination_container { display: grid; grid-gap: 30px; } .px_blog_grid_slider_2_col .et_pb_post .post-meta .published { top: 20px !important; left:35px; } /* Blog Author CSS */ .px_blog_author {} /* Blog Single Page CSS */ .px_blog_single {} /*For Below Screen 980px*/ @media only screen and (max-width: 980px) { .px_blog_grid_2_col .published { left: 20px!important; } } /*For Below Screen 600px*/ @media only screen and (max-width: 600px) { .px_blog_grid_2_col .et_pb_ajax_pagination_container { grid-template-columns: repeat(1, 100%)!important; } } .px_portfolio_2_col .et_portfolio_image{ padding-top: 60% !important; } @media screen and (min-width: 400px) and (max-width: 980px) { .px_portfolio_2_col .et_portfolio_image { padding-top: 100% !important; } } /* On screens that are 400px or less*/ @media screen and (max-width:400px) { .px_portfolio_2_col .et_portfolio_image { padding-top: 100% !important; } } /* ----------------------------------- 06. Portfolio CSS -------------------------------------*/ /*---Portfolio Gallary CSS & 3 Columns CSS ---*/ /* Image Css */ .px_portfolio_v3 .et_portfolio_image, .px_portfolio_v1 .et_portfolio_image{ position: relative; padding-top: 100%; display: block; } .px_portfolio_v3 .et_portfolio_image img, .px_portfolio_v1 .et_portfolio_image img{ transition: 0.5s ease-in-out; position: absolute; height: 100%; width: 100%; top: 0; left: 0; right: 0; bottom: 0; object-fit: cover; overflow: hidden; border-radius: 10px; } .px_portfolio_v3 .et_portfolio_image img, .px_portfolio_v1 .et_portfolio_image img { overflow:hidden; } .px_portfolio_v3 .et_portfolio_image:before, .px_portfolio_v1 .et_portfolio_image:before{ opacity: 1; transition: .5s; position: absolute; content: ""; top: 0; bottom: 0; left: 0; right: 0; background: linear-gradient(0deg, var(--px-color-1) 0%, rgba(184, 130, 252, 0) 65%); transform: perspective(400px) rotateX(0deg) scale(1); transform-origin: top; z-index: 1; border-radius: 10px; } /* Image hover */ .px_portfolio_v3 .et_portfolio_image:hover:before, .px_portfolio_v1 .et_portfolio_image:hover:before { transform: perspective(400px) rotateX(-90deg) scale(0.2); opacity: 1; } /* btn Css here */ .px_portfolio_v3 .et_portfolio_image::after, .px_portfolio_v1 .et_portfolio_image::after { content: "\4c"; font-family: ETmodules !important; position: absolute; top:30px; right: 30px; width: 45px; height: 45px; display: flex; flex-direction: row; align-items: center; justify-content: center; border: 1px solid var(--px-color-1); border-radius: 50%; transform: scale(0); opacity: 0; transition: all 300ms linear 0s; color:var(--px-color-1); font-size: 30px; } .px_portfolio_v3 .et_pb_portfolio_item:hover .et_portfolio_image::after, .px_portfolio_v1 .et_pb_portfolio_item:hover .et_portfolio_image::after { opacity: 1; transform: scale(1); z-index: 9; } /* Overlay Css */ .px_portfolio_v1 .et_pb_portfolio_item .et_portfolio_image .et_overlay { display:none!important; } /* Title Css */ .px_portfolio_v3 .px_portfolio_col_info, .px_portfolio_v1 .px_portfolio_col_info{ position: relative; text-align: left; z-index:1; } .px_portfolio_v3 .et_pb_portfolio_item:hover .px_portfolio_col_info, .px_portfolio_v1 .et_pb_portfolio_item:hover .px_portfolio_col_info{ transform: perspective(400px) rotateX(-90deg) scale(0.2); opacity: 0; transform-origin: top; } .px_portfolio_v3 .et_pb_module_header, .px_portfolio_v1 .et_pb_module_header{ position: absolute; left: 10px !important; bottom: 50px; font-weight: 700 !important; font-size: 30px !important; color: #FFFFFF !important; z-index: 1; } /* Category Post Meta Css */ .px_portfolio_v3 .post-meta, .px_portfolio_v1 .post-meta { position: absolute; left: 10px!important; bottom:20px; font-weight: 600; font-size: 15px; color: #FFFFFF !important; text-align: center; z-index: 1; } .px_portfolio_v1 .et_pb_portfolio_item .post-meta a {} /* Responsive Css */ /*For Below Screen 980px*/ /* Title Css */ @media only screen and (max-width: 980px) { .px_portfolio_v1 .et_pb_portfolio_item .et_pb_module_header{ position: absolute; left: 10!important; bottom:40px; } } @media only screen and (max-width: 980px) { .px_portfolio_v1 .et_pb_portfolio_item .post-meta { position: absolute; left:px!important; bottom:20px; } } /* Overlay Css pagination btn */ .px_portfolio_v1 .alignleft{ } .px_portfolio_v1 .alignleft a{ background-color:var(--px-color-1)!important; padding:15px 25px !important; border-radius: 8px !important; color:#fff; } .px_portfolio_v1 .alignleft:hover a{ background-color:var(--px-color-2)!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 .px_portfolio_v1_col_info .et_pb_module_header{ position: absolute; left: 20px !important; bottom: 50px; } .px_portfolio_2_col .px_portfolio_v1_col_info .post-meta{ position: absolute; left: 20px !important; } /*For Below Screen 980px*/ @media only screen and (max-width: 980px) { .px_portfolio_2_col .et_pb_ajax_pagination_container{ display: grid; grid-template-columns: repeat(2, 48%); } .px_portfolio_3_col .et_pb_portfolio_items, .px_portfolio_3_col .et_pb_ajax_pagination_container { grid-template-columns: repeat(2,49%); } } @media only screen and (max-width:400px) { .px_portfolio_2_col .et_pb_portfolio_items{ display: grid; grid-gap: 25px; grid-template-columns: repeat(1, 100%) !important; } } /*For Below Screen 767px*/ @media only screen and (max-width: 767px) { .px_portfolio_2_col .et_pb_ajax_pagination_container{ grid-template-columns: repeat(1, 100%) !important; } } /* 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: 30px; } /*For Below Screen 980px*/ @media only screen and (max-width: 980px) { .px_portfolio_3_col .et_pb_ajax_pagination_container{ display: grid; grid-gap:40px; grid-template-columns: repeat(2, 50%); } .px_portfolio_3_col .et_pb_portfolio_items, .px_portfolio_3_col .et_pb_ajax_pagination_container { grid-template-columns: repeat(2,49%); } } /*For Below Screen 767px*/ @media only screen and (max-width: 767px) { .px_portfolio_3_col .et_pb_ajax_pagination_container{ display: block; } .px_portfolio_v3.et_pb_filterable_portfolio .et_pb_portfolio_filters li { width: 100%; } .px_portfolio_3_col .et_pb_portfolio_items, .px_portfolio_3_col .et_pb_ajax_pagination_container { grid-template-columns: repeat(1,100%); } } /*.px_portfolio_4_col .et_pb_ajax_pagination_container, .px_portfolio_4_col .et_pb_portfolio_items_wrapper .et_pb_portfolio_items {display: grid; grid-gap: 5px; grid-template-columns: repeat(4, 25%);} */ /*---Portfolio Filterable CSS---*/ .px_portfolio_v3 .et_pb_portfolio_filters { } /* Filters Links CSS */ .px_portfolio_v3 .et_pb_portofolio_pagination{ border-top:none !important; } .px_portfolio_v3 .et_pb_portofolio_pagination ul{ padding-top: 20px !important; } .px_portfolio_v3 .et_pb_portofolio_pagination ul li a{ color: var(--px-color-1); } .px_portfolio_v3 .et_pb_portofolio_pagination ul li a.active{ color: #fff; background: var(--px-color-1); padding: 10px 15px; } /* Filters Links CSS hover */ .px_portfolio_v3 .et_pb_portfolio_filters li a.active { color:#FFF; background-color:var(--px-color-1)!important; } .px_portfolio_v3 .et_pb_portfolio_filters li a:hover{ color: var(--px-color-1) !important; } .px_portfolio_v3 .et_pb_portfolio_filters ul li a.active:hover{ color: var(--px-color-2) !important; } /* Filters Links CSS */ .px_portfolio_v1 .et_pb_portfolio_filters li {margin-right:5px;} .px_portfolio_v1 .et_pb_portfolio_filters li a {color: var(--px-color-2);border: none;border-radius: 5px;transition:all 0.4s ease-in-out;} .px_portfolio_v1 .et_pb_portfolio_filters li:first-child a{border-radius: 5px;} .px_portfolio_v1 .et_pb_portfolio_filters li:last-child a{border-radius: 5px;} /*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;background: var(--px-color-1);transition:all 0.4s ease-in-out;} /* Pagination CSS */ .px_portfolio_v1 .et_pb_portofolio_pagination {border: none;margin-top: 15px;} .px_portfolio_v1 .et_pb_portofolio_pagination ul li a {color: var(--px-color-2);border-radius: 5px;transition:all 0.4s ease-in-out;border:1px solid var(--px-color-1);padding:10px;} .px_portfolio_v1 .et_pb_portofolio_pagination ul li a:hover, .px_portfolio_v1 .et_pb_portofolio_pagination ul li a.active{background:var(--px-color-1);color:#fff;} /*---Portfolio 4 Columns CSS---*/ .px_portfolio_4_col .et_pb_portfolio_items, .px_portfolio_4_col .et_pb_ajax_pagination_container { display: grid; grid-gap: 20px; grid-template-columns: repeat(4, 25%); } /*For Below Screen 980px*/ @media only screen and (max-width: 980px) { .px_portfolio_4_col .et_pb_portfolio_items, .px_portfolio_4_col .et_pb_ajax_pagination_container { display: grid; grid-gap: 20px; grid-template-columns: repeat(2,50%); } } /*For Below Screen 786px*/ @media only screen and (max-width: 786px) { .px_portfolio_4_col .et_pb_portfolio_items, .px_portfolio_4_col .et_pb_ajax_pagination_container { display: grid; grid-gap: 20px; grid-template-columns: repeat(1,100%); } } /* Portfolio Carousel CSS */ .px_portfolio_v2 .et_pb_portfolio_item .et_pb_portfolio_image:before{ opacity: 1; transition: .5s; position: absolute; content: ""; top: 0; bottom: 0; left: 0; right: 0; background: linear-gradient(0deg, var(--px-color-1) 0%, rgba(184, 130, 252, 0) 65%); transform: perspective(400px) rotateX(-90deg) scale(.2); transform-origin: top; z-index: 1; } /* Image hover */ .px_portfolio_v2 .et_pb_portfolio_item .et_pb_portfolio_image:hover:before { transform: perspective(400px) rotateX(0deg) scale(1); opacity: 1; z-index: 0; } .px_portfolio_v2 .et_pb_portfolio_item .et_pb_portfolio_image .meta{ opacity:1; z-index:5; margin-top: 205px !important; padding-left:15px !important; } .px_portfolio_v2_info .et_pb_module_header{ margin-top:0!important; font-weight:bold; color:#ffff; text-align:left !important; padding-left:15px !important; } .px_portfolio_v2_info { margin-top: 0px !important; text-align:left; position:relative; line-height: 3; } .px_portfolio_v2 .et_pb_portfolio_image h3{ padding:0px !important; } .px_portfolio_v2 .et_pb_portfolio_item .et_pb_portfolio_image:hover .et_overlay{ display:none!important; } @media only screen and (max-width: 980px) { .px_portfolio_v2 .et_pb_portfolio_item .et_pb_portfolio_image .meta { margin-top:135px !important; } } @media only screen and (max-width: 400px) { .px_portfolio_v2 .et_pb_portfolio_item .et_pb_portfolio_image .meta { margin-top:210px !important; } } .px_portfolio_v2 .carousel {} .px_portfolio_v2 .et-pb-arrow-prev::before { content: "\23"; } .px_portfolio_v2 .et-pb-arrow-next::before { content: "\24"; } .px_portfolio_v2 .et-pb-slider-arrows a { width: 50px; height: 50px; display: inline-block; line-height: 55px; text-align: center; background: var(--px-color-1); color: #ffff; font-size: 30px; border-radius: 50%; transition: all 0.4s ease-in-out; } /* Portfolio Category CSS */ .px_portfolio_category {} /* Portfolio Tags CSS */ .px_portfolio_tages {} /* Portfolio Single Page CSS */ .px_portfolio_single {} /* Portfolio detail pages CSS */ .px_portfolio_detail_pages .px_portfolio_detail_title1:before{ position: absolute; content: ""; width: 4px; height: 35px; background-color: var(--px-color-1)!important; left: 0; top: 0px; } .px_portfolio_detail_pages .px_portfolio_detail_title1:after{ content: ""; position: absolute; height: 1px; width: 100%; bottom: 0; left: 0; background: #e1e5e9; } .px_portfolio_detail_pages .px_detail_title .et_pb_text_inner span{ font-size: 18px; color: #666; font-weight: 500; margin-left: 5px; } /*---portfolio project navigation CSS---*/ .px_project_navigation{ width: 100%!important; } /* ----------------------------------- 07. Services CSS -------------------------------------*/ /*---Services v1 CSS---*/ .px_services_v1 { padding: 50px 30px; border: 1px solid #e2e3e4; margin-left: -1px; } .px_services_v1::before{ position: absolute; left: 0; bottom: 0; content: ""; width: 0; height: 1px; background: var(--px-color-1); transition: all 0.4s ease 0s; } .px_services_v1:hover:before{ width: 50%; } .px_services_v1::after {position: absolute; right: 0; bottom: 0; content: ""; width: 0; height: 1px; background: var(--px-color-1); transition: all 0.4s ease 0s;} .px_services_v1:hover:after{ width: 50%; } /*Icon Css */ .px_services_v1_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{ color:var(--px-color-1)!important; } /* On screens that are 1080px or less*/ @media screen and (min-width: 980px) and (max-width: 1080px) { .px_1080_row { width:80% !important; } } /*Title Css */ .px_services_v1 .px_services_v1_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{ color:var(--px-color-2)!important; } /*Description Css */ .px_services_v1 .px_services_v1_list:before { color:var(--px-color-1)!important; } /*---Read More Button CSS---*/ .px_services_v1 .px_btn_list{ color: var(--px-color-2)!important; } .px_services_v1 .px_btn_list:hover { color: var(--px-color-1)!important; } /*---Services v2 CSS---*/ .px_services_v2 .px_service_v2_blurb { background: #ffff; padding: 40px 20px; box-shadow: 0px 0px 4px 0px rgb(0 0 0 / 4%); text-align: center; position: relative; border-radius: 10px; } .px_services_v2 .px_service_v2_col:before{ position: absolute; left: 0; top: 0; content: ""; height: 100%; width: 100%; border-width: 1px; border-color: var(--px-color-1)!important; border-style: solid; transition: all 0.5s ease-in-out; visibility:hidden; border-radius: 10px; } /* hover */ .px_services_v2 .px_service_v2_col:hover:before { left: 10px; top: 10px; visibility: visible; } /* Service blurb hover */ .px_services_v2 .px_service_v2_col .px_service_v2_blurb:after{ position: absolute; content: ''; left: 0; right: 0; bottom: 0; top: 0; opacity: 0; background-color: var(--px-color-1)!important; transition: .5s; transform-origin: top; transform: perspective(400px) rotateX(-90deg); z-index:-1; border-radius: 10px; } .px_services_v2 .px_service_v2_col:hover .px_service_v2_blurb:after{ opacity: 1; transform: perspective(400px) rotateX(0deg); } .px_services_v2 .px_service_v2_col:hover .px_service_v2_blurb .et_pb_module_header{ color:#ffff !important; } .px_services_v2 .px_service_v2_col:hover .px_service_v2_blurb .et_pb_blurb_description{ color:#ffff !important; } .px_services_v2 .px_service_v2_col:hover .px_service_v2_blurb .et_pb_image_wrap{ background-color: rgb(255 255 255 / 20%)!important; } .px_services_v2 .px_service_v2_col .px_service_v2_blurb .et_pb_image_wrap{ background-color: var(--px-color-1) !important; width: 70px; line-height: 86px; font-size: 40px; margin-bottom: 15px; height: 70px; border-radius: 10px; } /* services text */ .px_services_v2 .px_service_v2_text .et_pb_text_inner span{ color:var(--px-color-1)!important; font-size:18px; border-bottom: 1px solid var(--px-color-1)!important; } .px_services_v2 .px_service_v2_text .et_pb_text_inner span:hover{ color:var(--px-color-2)!important; } /*---Services v3 CSS---*/ .px_services_v3 .px_service_v3_blurb .et_pb_image_wrap .et-pb-icon{ color: var(--px-color-1)!important; } /*Title Css */ .px_services_v3 .px_service_v3_blurb .et_pb_module_header{ margin-top: 10px !important; } .px_services_v3 .px_service_v3_blurb .et_pb_blurb_description{ padding-top: 30px !important; margin-left: -55px !important; } /*Title Hover Css */ .px_services_v3 .px_service_v3_blurb .et_pb_module_header:hover{ color: var(--px-color-1)!important; } /*---Read More Button CSS---*/ .px_services_v3 .px_btn_list{ color: var(--px-color-2)!important; } .px_services_v3 .px_btn_list:hover { color: var(--px-color-1)!important; } /*---Services v4 CSS---*/ .px_services_v4 .px_blurb_services .et-pb-icon{ background: var(--px-color-1)!important; color: #fff !important; width: 80px; height: 80px; line-height: 65px; display: inline-block; text-align: center; border-radius: 100px; position: absolute; bottom: 110px; border: 6px solid #fff!important; margin: 0; } /* On screens that are 400px or less*/ @media screen and (max-width:400px) { .px_services_v4 .px_blurb_services .et-pb-icon{ bottom: 125px;; } } .px_services_v4 .px_blurb_services .et_pb_module_header:hover{ color: var(--px-color-1)!important; } /*---Read More Button CSS---*/ .px_services_v4 .px_btn_list{ color: var(--px-color-2)!important; } .px_services_v4 .px_btn_list:hover { color: var(--px-color-1)!important; } /*---Services Single Page CSS---*/ .px_services_single .px_service_list_detail{ color:var(--px-color-2)!important; } body{ counter-reset:pxservicestyl; } .px_services_single .px_service_detail_team:before{ counter-increment: pxservicestyl; content: counter(pxservicestyl); background-color:var(--px-color-1)!important; padding: 10px 15px; position: absolute; font-size: 22px; overflow:visible; z-index:1; border-radius: 3px; color:#ffff !important; } /* counter detail CSS here*/ .px_services_single .px_counter_v2_detail{ } .px_services_single .px_counter_v2_detail .et-pb-icon{ color: var(--px-color-1) !important; } .px_services_single .px_counter_v2_detail::before { position: absolute; left: 140px; top: -20px; content: "+"; font-size: 24px; font-weight: bold; color: #000; } .px_services_single .px_service_accordion .et_pb_toggle_title:before{ width: 40px; height: 40px; line-height: 40px; text-align: center; top: 0; background: var(--px-color-1)!important; color: #fff; } /* ----------------------------------- 08. About Us CSS -------------------------------------*/ /*--- About v1 CSS---*/ .px_about_v1 .px_about_v1_blurb:before, .px_about_v5 .px_about_v5_blurb:before{ position: absolute; left: -20px; bottom: 15px; content: ""; width: 0; height: 0; border-top: 15px solid transparent; border-right: 20px solid var(--px-color-1)!important; border-bottom: 15px solid transparent; } .px_about_v1 .px_about_v1_blurb .percent, .px_about_v5 .px_about_v5_blurb .percent { margin-bottom: 0px!important; left:-40px } .px_about_v1 .px_about_v1_blurb .percent:before, .px_about_v5 .px_about_v5_blurb .percent:before{ position: absolute; top: 0px; content: "+"; font-size: 24px; font-weight: 800; color: #fff; right: 75px; } .px_about_v2 .px_about_ceo_into .et_pb_main_blurb_image, .px_about_v1 .px_about_ceo_into .et_pb_main_blurb_image { width: 74px; height: 74px; border: 2px solid var(--px-color-1); border-radius: 100%; line-height: 0; display: block; } /* On screens that are 1080px or less*/ @media screen and (min-width: 980px) and (max-width: 1080px) { .px_et_pb_column_1_4{ width: 20%!important; } .px_text_virtual{ top: 140px !important; } } .px_et_pb_column_1_4{} /*--- About v2 CSS---*/ .px_about_v2 .px_count_v2_blurb:before{ position: absolute; left: 140px; top: -20px; content: "+"; font-size: 24px; font-weight: bold; color: #000; } .px_about_v2 .px_count_v2_blurb .et-pb-icon{ color: var(--px-color-1)!important; } /*--- About v5 CSS---*/ /* ----------------------------------- 23 CTA Section CSS -------------------------------------*/ /*---CTA v1 CSS---*/ /*---CTA v2 CSS---*/ .px_CTA_v2 {} /* ----------------------------------- enquiry Css -------------------------------------*/ /* ----------------------------------- 08. Contact Us CSS -------------------------------------*/ /*---Contact Us v1 CSS---pages */ .px_contact_v1 .px_contact_us_addres .et-pb-icon{ color:var(--px-color-1)!important; } /*---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 .px_contact_form_3 .et_pb_button { background-color: var(--px-color-1) !important; padding: 15px 30px !important; border-radius: 8px !important; overflow: hidden; } .px_contact_v1 .px_contact_form_3 .et_pb_button::after { position: absolute; top: 0; bottom: 0; display: flex; align-items: center; justify-content: center; opacity: 1; right: -40px; width: 40px; background: var(--px-color-2); margin: 0; margin-left: 0px; } .px_contact_v1 .px_contact_form_3 .et_pb_button:hover { padding-right: 60px !important; } .px_contact_v1 .px_contact_form_3 .et_pb_button:hover::after { right: 0; } .px_contact_v1 .px_contact_form_3 .et_contact_bottom_container { float: left !important; } .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 {} /*---homev1 Contact Us v1 CSS---*/ .px_v1_contact_form { } .px_v1_contact_form .et_contact_bottom_container { max-width: 100% !important; display: block !important; width: 100% !important; margin-left: 4px !important; } .px_v1_contact_form .et_pb_button{ width: 100%; margin: 4px !important; } /* ----------------------------------- 09. Team Section CSS -------------------------------------*/ /*---Team v1 CSS---*/ .px_team_v1 .et_pb_blurb_container { overflow: hidden; } /* Image Css */ .px_team_v1 {border-radius: 10px;box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.1);overflow:hidden;} .px_team_v1 .et_pb_team_member_image img{} /* Description Css*/ .px_team_v1 .et_pb_team_member_description{ border: 1px solid #f1f1f1; padding: 20px; position: absolute; bottom: 0; background: rgba(255,255,255,0.9); border-radius: 0px 10px; } /* Title Hover */ .px_team_v1 .et_pb_team_member_description .et_pb_module_header:hover{ color: var(--px-color-1)!important; } .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*/ .px_team_v1 .et_pb_team_member_description .et_pb_member_social_links { top: 0; -webkit-transition: all 0.8s; position: absolute; display: grid; text-align: center; background-color: var(--px-color-1); left:0px; transform: translateX(calc(-100% - 1px)); transition: transform .2s ease-in-out, all 0.4s; opacity:0; border-radius: 0px 10px 10px 0px; border-radius: 0px 10px 10px 0px; top: -200px; } .px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li{ margin:6px; transition: 1s; } /* social hover */ .px_team_v1:hover .et_pb_team_member_description .et_pb_member_social_links{ transform: translateX(0); transition: transform .3s ease-in-out, all .4s; opacity:1; } .px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li a:hover { transform: scale(1.2) !important; transition: 1s; color: var(--px-color-2)!important; } .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 v2 CSS---*/ .px_team_v2 { overflow:hidden; border-radius: 10px; box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.1); } .px_team_v2 .et_pb_team_member_image { margin-bottom:0px; overflow:hidden; max-width: 100%; width: 100%; position: relative; z-index: -1; } .px_team_v2 .et_pb_team_member_image img{ width:100%; } .px_team_v2 .et_pb_team_member_image::before { position: absolute; content: ''; top: 100%; left: 0px; width: 100%; height: 100%; display: block; opacity: 0; text-align: center; transition: all 0.5s; background-color:#282f3b; } .px_team_v2:hover .et_pb_team_member_image::before { opacity: .9; top: 0; } .px_team_v2:hover .et_pb_team_member_description{ color:#fff !important; bottom:0px; } .px_team_v2 .et_pb_team_member_description::before { position: absolute; content: ''; width: 100%; left: 0; height: 100%; top: 100%; background: var(--px-color-1); transition: all .6s ease-in-out; z-index: -1; } .px_team_v2:hover .et_pb_team_member_description::before { top: 0; } .px_team_v2 .et_pb_team_member_description { position: absolute; text-align: center; padding: 30px 30px; z-index: 0; border-radius: 0px 0px 5px 5px; background-color: rgba(255,255,255,0.9); z-index: 999; bottom: -100px; transition: transform .2s ease-in-out, all 0.4s; } .px_team_v2 .et_pb_member_position{ color:var(--px-color-1); } .px_team_v2:hover .et_pb_member_position{ color:#fff; transition: all .6s ease-in-out; } .px_team_v2 .et_pb_member_position:after { border-bottom: 1px solid #e4e7ee; content: ""; display: block; padding-top: 20px; margin-bottom: 20px; } .px_team_v2 .et_pb_member_social_links { position: absolute; bottom: 275px; transition: all 0.8s; display: block; width: 100%; left: 0; opacity:0; } .px_team_v2:hover .et_pb_team_member_description .et_pb_member_social_links { opacity:1; } .px_team_v2 .et_pb_member_social_links li { background: #fff; width: 45px; height: 45px; line-height: 45px; text-align: center; transition: all .9s ease-in-out; border-radius: 10px; } .px_team_v2 .et_pb_member_social_links li:hover { background:var(--px-color-1); } .px_team_v2 .et_pb_member_social_links li a { color:#000; } .px_team_v2 .et_pb_member_social_links li:hover a { color:#fff; } /*---Team Single Page CSS---*/ .px_team_single .px_team_single_title .et_pb_text_inner p { text-transform: uppercase; color: var(--px-color-1)!important; text-align:center !important; font-size: 15px; } .px_team_single .px_team_single_contact_detail .et_pb_text_inner span{ margin-left:10px; color: #616161; font-size: 16px; font-weight: 400; } .px_team_single .px_social_team li{ margin: 5px; } .px_team_single .px_social_team li a.icon::before{ color: var(--px-color-2); height: 40px; width: 40px; font-size: 14px; line-height: 40px; } .px_team_single .px_social_team li a{ z-index: 1; width: 40px; height: 40px; border-radius: 50%; text-align: center; text-decoration: none; vertical-align: middle; background: #ffffff; box-shadow: 6px 5px 16px 0px rgba(0, 0, 0, 0.15); transition: 0.5s; background-color: #ffffff !important; } .px_team_single .px_social_team li a:hover{ background-color:var(--px-color-1) !important; } /* progress counter */ .px_team_single .px_bar_counter_team_detail .et_pb_counter_title { color: var(--px-color-2); padding: 5px 15px 5px 0px !important; right: 0px; position: relative; display: inline-block; text-transform: capitalize; margin-bottom: 5px; } .px_team_single .px_bar_counter_team_detail .et_pb_counter_container { height: 8px; border-radius: 6px; overflow: visible !important; position: relative; } .px_team_single .px_bar_counter_team_detail .et_pb_counter_container .et_pb_counter_amount { border-radius: 0; position: relative; height: 8px; border-radius: 6px; animation: animate-positive 2s; background-color: var(--px-color-1); overflow: visible; } .px_team_single .px_bar_counter_team_detail .et_pb_counter_container .et_pb_counter_amount_number { color: var(--px-color-2); position: absolute; bottom: 15px; right: 0px; } /* contact Button CSS */ .px_team_single .px_contact_form_3 .et_pb_button{ background-color:var(--px-color-1)!important; padding:15px 30px !important; border-radius: 8px !important; overflow: hidden; } .px_team_single .px_contact_form_3 .et_pb_button:after{ position: absolute; top: 0; bottom: 0; display: flex; align-items: center; justify-content: center; opacity: 1; right: -40px; width: 40px; background: var(--px-color-2); margin: 0; } .px_team_single .px_contact_form_3 .et_pb_button:hover { padding-right:60px!important; } .px_team_single .px_contact_form_3 .et_pb_button:hover::after { right: 0; } .px_btn { overflow: hidden; } /* ----------------------------------- 10 Slider Section CSS -------------------------------------*/ /*---Slider v1 CSS---*/ /*---Image CSS---*/ .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_image img{ color: rgb(255, 255, 255); overflow: hidden; border-color:rgba(255,255,255,0.7); border-style: solid; border-width: 40px; border-radius: 50%; transform-origin: 50% 50% 0px; transform: translate(0px); visibility: visible!important; display:block !important; opacity:1!important; } /*---Title CSS---*/ .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_title{} /*---Description CSS---*/ .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content {} /*---Button CSS---*/ .px_slider_v1 .et_pb_button { background-color:#ffff!important; padding:15px 30px !important; border-radius: 8px !important; overflow: hidden; } .px_slider_v1 .et_pb_button::after { padding-bottom: 15px; padding-top: 15px; margin-top: -15px; position: absolute; width: 40px; background: var(--px-color-2); right:0px; } .px_slider_v1 .et_pb_button:hover { padding-right:60px!important; text-align: center; } .px_slider_v1 .et_pb_button:hover::after { right: 0; } /*---Arrow CSS---*/ .px_slider_v1 .et-pb-slider-arrows{} .px_slider_v1 .et-pb-arrow-prev, .px_slider_v1 .et-pb-arrow-next{ width: 70px; height: 70px; display: inline-block; line-height: 70px; text-align: center; background: var(--px-color-2); color: #ffff; font-size: 30px; border-radius: 50%; transition: all 0.4s ease-in-out; } /*---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 {} /*---Slider v2 CSS---*/ /* On screens that are 1080x or less, */ @media screen and (min-width: 980px) and (max-width: 1080px) { .px_slider_v1 .et_pb_container{ height:680px !important; } .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content { font-size: 50px !important; } } /* ----------------------------------- 11 Faqs CSS -------------------------------------*/ /*---Faqs v1 CSS---*/ .px_faqs_v1 {} .px_faqs_v1 .px_service_accordion_v2 .et_pb_toggle_title:before{ width: 40px; height: 40px; line-height: 40px; text-align: center; top: 0; background: var(--px-color-1)!important; color: #fff; } /* contact Button CSS */ .px_faqs_v1 .px_contact_form_3 .et_pb_button{ background-color:var(--px-color-1)!important; padding:15px 30px !important; border-radius: 8px !important; overflow: hidden; } .px_faqs_v1 .px_contact_form_3 .et_pb_button:after{ position: absolute; top: 0; bottom: 0; display: flex; align-items: center; justify-content: center; opacity: 1; right: -40px; width: 40px; background: var(--px-color-2); margin: 0; } .px_faqs_v1 .px_contact_form_3 .et_pb_button:hover { padding-right:60px!important; } .px_faqs_v1 .px_contact_form_3 .et_pb_button:hover::after { right: 0; } /*---Title CSS---*/ .px_faqs_v1 .et_pb_toggle .et_pb_toggle_title {} /*---Title Icon CSS---*/ .px_faqs_v1 .et_pb_toggle .et_pb_toggle_title::before {} /*---Open Title CSS---*/ .px_faqs_v1 .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title {} /*---Open Title Icon CSS--- .px_faqs_v1 .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title::before {content: "\e051"; font-family: ETmodules !important;} */ /*---Content CSS---*/ .px_faqs_v1 .et_pb_toggle .et_pb_toggle_content{} /*---Faqs v2 CSS---*/ .px_faqs_v2{} /* ----------------------------------- 12 Timeline CSS -------------------------------------*/ /*---Timeline v1 CSS---*/ .px_timeline_v1_right_side .px_timeline_detail .et_pb_module_header, .px_timeline_v1 .px_timeline_detail .et_pb_module_header { color:var(--px-color-1)!important; } .px_timeline_v1:before { border-left: 1px solid var(--px-color-1)!important; position: absolute; left:47px; top: 40px; content: ""; height: 100%; width: 100%; transition: all 0.5s ease-in-out; } .px_timeline_v1 .px_timeline_detail:before{ width: 16px; height: 16px; background: var(--px-color-1); border-radius: 100%; position:absolute; content:""; left:0; } .px_timeline_v1_right_side:before { border-right: 1px solid var(--px-color-1)!important; position: absolute; right: 47px; top: 40px; content: ""; height: 100%; width: 100%; transition: all 0.5s ease-in-out; } .px_timeline_v1_right_side .px_timeline_detail:before{ width: 16px; height: 16px; background: var(--px-color-1); border-radius: 100%; position:absolute; content:""; right:0; } .px_timeline_v1_right_side /*---Timeline v2 CSS---*/ .px_timeline_v2{} /* ----------------------------------- 13 Pricing Table CSS -------------------------------------*/ /*---Pricing Default CSS---*/ .px_pricing_table .px_pricing_information { box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.08); } .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table{} /* Heading Css */ .px_pricing_table .px_pricing_information .et_pb_pricing_table .et_pb_pricing_heading{ padding-top: 50px; margin-bottom: -10px; background-color: #ffff; } .px_pricing_table .px_pricing_information .et_pb_pricing_table .et_pb_pricing_content_top{ background-color: #ffff; } .px_pricing_table .px_pricing_information .et_pb_pricing_table .et_pb_dollar_sign{ color: #000; margin-top: 20px; } /* Top Content Css */ .px_pricing_table .px_pricing_information .et_pb_pricing_table .et_pb_pricing_content .et_pb_not_available span{ text-decoration: line-through !important; color: #666666 !important; } .px_pricing_table .px_pricing_information .et_pb_pricing li span::before { content:none; } .px_pricing_table .px_pricing_information .et_pb_pricing li::before { content: '\52'; font-family: ETmodules!important; font-weight: bolder; padding-right: 10px; color: var(--px-color-1); } .px_pricing_table .px_pricing_information .et_pb_pricing_table .et_pb_pricing_content .et_pb_not_available:before{ content: '\51'; 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_sum{} .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 .px_pricing_information .et_pb_button{ background-color: var(--px-color-1) !important; padding: 8px 25px !important; border-radius: 8px !important; overflow: hidden; } .px_pricing_table .px_pricing_information .et_pb_button:after{ position: absolute; top: 0; bottom: 0; display: flex; align-items: center; justify-content: center; opacity: 1; right: -40px; width: 40px; background: var(--px-color-2); margin: 0; } .px_pricing_table .px_pricing_information .et_pb_button:hover { padding-right:60px!important; } .px_pricing_table .px_pricing_information .et_pb_button:hover::after { right: 0; } /*---Pricing Mini CSS---*/ .px_pricing_table_mini{} /*---Pricing Toggle CSS---*/ .px_pricing_table_toggle{} /*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{} /* ----------------------------------- 14 Testimonial Section CSS -------------------------------------*/ /*---Testimonial v1 CSS---*/ .px_testimonial_v1 {} .px_testimonial_v1.et_pb_testimonial {} .px_testimonial_v1.et_pb_testimonial:before {} /*---Description---*/ .px_testimonial_v1 .et_pb_testimonial .et_pb_testimonial_description {} .px_testimonial_v1 .et_pb_testimonial_content { margin-left: -100px!important ; } .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_description_inner .et_pb_testimonial_content {} /*---Author CSS---*/ .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_author {} /*---Meta CSS---*/ .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_meta {} .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"} /* Responsive Css */ /*For Below Screen 767px*/ @media only screen and (max-width: 767px) { .px_testimonial_v1 .et_pb_testimonial_content{ margin-left: 10px !important; padding-bottom: 40px; } } /*---Testimonial v2 CSS---*/ /*--- Home v2 process and Testimonial CSS---*/ .px_Process_v1 .px_testimonial_v2 { transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; margin: 0px 0px 0px 0px; height: 630px; padding-left: 80px; } /*For Below Screen 980px*/ @media only screen and (max-width: 980px) { .px_Process_v1 .px_testimonial_v2{ height: 400px; padding-left: 20px; } } /*For Below Screen 767px*/ @media only screen and (max-width: 767px) { .px_Process_v1 .px_testimonial_v2{ /* padding:20px; */ } } .px_testimonial_v2{ background:var(--px-color-1); padding-bottom:180px; } .px_count_v3_blurb:before{ position: absolute; left: 180px; top: 25px; content: "+"; font-size: 24px; font-weight: bold; color: #000; }.px_count_v3_blurb .et-pb-icon{ color: var(--px-color-1)!important; } .px_count_v3_blurb { padding-top: 35px; padding-left: 25px; width: 259px; position: absolute; margin-top: -86px !important; margin-left: 300px !important; z-index:2; } /*---Testimonial v4 CSS---*/ .px_testimonial_v4 { position:relative; padding-top: 0px; } .px_testimonial_v4::before { content: "|"; font-size: 32px; left: 92% !important; position: absolute; background: #f5f5f5; margin-left: -16px; border-radius: 31px; z-index: 2; bottom: 53px !important; top:265px !important; color: var(--px-color-1)!important; } .px_testimonial_v4 .et_pb_testimonial_portrait{ top: 245px; left: -100px; margin:auto; } .px_testimonial_v4 .et_pb_testimonial_author { margin-top: 32px; font-weight: 700; display: block; margin-left: 80px; } .px_testimonial_v4 .et_pb_testimonial_meta { margin-left: 80px; } /*Review */ .px_testimonial_v4:after{ font-family: FontAwesome !important; content: "\f005\f005\f005\f005\f005" !important; font-size: 20px; color: #ffc107; top: 30px; position: absolute; align-items: center; visibility: visible; } /* Responsive Css */ /*For Below Screen 980px*/ @media only screen and (min-width:480px) and (max-width:980px) { .px_testimonial_v4 .et_pb_testimonial_portrait { margin-top:-85px !important; left:0; margin: auto; } .px_testimonial_v4 .et_pb_testimonial_content p{ padding-top: 80px; margin-left: -70px } .px_testimonial_v4 .et_pb_testimonial_author{ margin-left: 25px; } .px_testimonial_v4 .et_pb_testimonial_meta{ margin-left: 25px; } .px_testimonial_v4::before{ top: 200px !important; } } /* ----------------------------------- 15 About Us Section CSS -------------------------------------*/ /*---About Us v1 CSS---*/ .px_aboutus_v1 {} /* ----------------------------------- 16 Choose Us Section CSS -------------------------------------*/ /*---Choose Us v1 CSS---*/ .px_choose_v1 {} .px_choose_v3_blurb .et_pb_main_blurb_image img{ border-radius:10px !important; } /* ----------------------------------- 17 Process Section CSS -------------------------------------*/ /*---Process v1 CSS---*/ .px_bar_counter_v1 .et_pb_counter_amount, .px_bar_counter_v3 .et_pb_counter_amount { background: var(--px-color-1)!important; } .px_bar_counter_v2{ padding: 30px 30px 30px 30px !important; background-color: #FFFFFF; box-shadow: 0px -2px 10px 0px rgba(0, 0, 0, 0.1); } .px_bar_counter_v2:before { position: absolute; left: 10px; top: 10px; content: ""; border: 1px solid var(--px-color-1)!important; height: 100%; width: 100%; border-radius: 0px; z-index: -2; transition: all 0.5s ease-in-out; border-radius:10px; } .px_bar_counter_v2 .et_pb_counter_container{ height: 10px; overflow: visible !important; position: relative; } .px_bar_counter_v2 .et_pb_counter_amount { box-shadow: none; position: relative; height: 10px; animation: animate-positive 2s; background-color: var(--px-color-1)!important; overflow: visible; } .px_bar_counter_v2 .et_pb_counter_amount_number{ position: absolute; bottom: 15px; right: 0px; } /*---Process v2 CSS---*/ .px_Process_v1{ background-color: var(--px-color-2)!important; } .px_Process_v1 .px_item_list .et_pb_image_wrap{ width: 100px; height: 100px; line-height: 135px; background: #292929 !important; } .px_Process_v1 .px_item_list .et_pb_image_wrap:before{ position: absolute; right: 104px; top: 20%; content: ""; width: 0; height: 0; border-top: 8px solid transparent; border-left: 16px solid #292929; border-bottom: 8px solid transparent; } /*For Below Screen 980px*/ @media only screen and (max-width: 980px) { .px_Process_v1 .px_item_list .et_pb_image_wrap::before { right: 135px; } } /*For Below Screen 400px*/ @media only screen and (max-width: 400px) { .px_Process_v1 .px_item_list .et_pb_image_wrap::before { right: 86px; } } .px_process_v3 .px_small_info_v3 .et_pb_module_header:hover{ color: var(--px-color-1) !important; } /*---Process v3 contact button CSS---*/ .px_process_v3 .px_small_info_v3 .et_pb_main_blurb_image .et-pb-icon{ color: var(--px-color-1); } .px_process_v3 .px_contact_form .et_pb_button{ } /*---Button CSS---*/ .px_process_v3 .px_contact_form .et_pb_button { background-color: var(--px-color-1) !important; padding: 15px 30px !important; border-radius: 8px !important; overflow: hidden; } .px_process_v3 .px_contact_form .et_pb_button::after { position: absolute; top: 0; bottom: 0; display: flex; align-items: center; justify-content: center; opacity: 1; right: -40px; width: 40px; background: var(--px-color-1); margin: 0; margin-left: 0px; } .px_process_v3 .px_contact_form .et_pb_button:hover { padding-right: 60px !important; } .px_process_v3 .px_contact_form .et_pb_button:hover::after { right: 0; } .px_contact_v1 .px_contact_form_3 .et_contact_bottom_container { float: left !important; } /*--Process v4 CSS---*/ .px_process_v4 .et_pb_image_wrap { overflow: hidden; } .px_process_v4 .et_pb_image_wrap:before{ position: absolute; content: ""; left: -22px; top: -50px; width: 100px; height: 100px; background: var(--px-color-1); border-radius: 100%; z-index: 1; } .px_process_v4 .et_pb_image_wrap:after{ position: absolute; content: ""; left: -30px; top: -60px; width: 120px; height: 120px; background: var(--px-color-1); border-radius: 100%; opacity: 0.5; } /* On screens that are 400px or less*/ @media screen and (max-width:400px) { .px_text_virtual { top: 140px !important; } } /* ----------------------------------- 18 Partner Section CSS -------------------------------------*/ /*---Partner Us v1 CSS---*/ .px_partner_v1 {} /* ----------------------------------- 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_about_v1 .px_counter_v1:before, .px_about_v5 .px_counter_v3:before{ position: absolute; left: -20px; bottom: 15px; content: ""; width: 0; height: 0; border-top: 15px solid transparent; border-right: 20px solid var(--px-color-1)!important; border-bottom: 15px solid transparent; } .px_about_v1 .px_counter_v1 .percent, .px_about_v5 .px_counter_v3 .percent { margin-bottom: 0px!important; left:-40px } .px_about_v2 .px_counter_v2:before{ position: absolute; left: 140px; top: -20px; content: "+"; font-size: 24px; font-weight: bold; color: #000; } .px_about_v2 .px_counter_v2 .et-pb-icon{ color: var(--px-color-1)!important; } /*---Counter v4 CSS---*/ .px_counter_v4 { box-shadow: 0px -2px 10px 0px rgba(0, 0, 0, 0.1); background:#fff; } .px_counter_v4:before{ position: absolute; left: 10px; top: 10px; content: ""; border: 1px solid var(--px-color-1)!important; height: 100%; width: 100%; transition: all 0.5s ease-in-out; } .px_counter_v4 .px_counter_blurb .et-pb-icon{ color: var(--px-color-1)!important; } /* ----------------------------------- 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 {} .px_footer_email_info_v1 .et_pb_newsletter_fields { border: 1px solid rgba(255, 255, 255, 0.2); padding: 4px; } .px_footer_email_info_v1 .et_pb_newsletter_field { position: relative; padding-bottom: 0 !important; margin-bottom: 0 !important; flex-basis: 60% !important; height: 50px; overflow: hidden; } .px_footer_email_info_v1 .et_pb_newsletter_button_wrap { flex-basis: 40% !important; position: relative; height: 50px; overflow: hidden; } /* btn */ .px_footer_email_info_v1 .et_pb_newsletter_button.et_pb_button{ position: absolute; font-size: 15px; border: none; background-color: var(--px-color-2); transition: 1s; border-radius: 0; padding: 13px 0px; } .px_footer_email_info_v1 .et_pb_newsletter_button.et_pb_button::after { width: 40px; background:#fff; padding-bottom: 15px; padding-top: 15px; position: absolute; margin-top: -15px; right: 0; } .px_footer_email_info_v1 .et_pb_newsletter_button.et_pb_button:hover::after { right: 0; } /* ----------------------------------- 23 CTA Section CSS -------------------------------------*/ /*---CTA v1 CSS---*/ .px_CTA_v1 {} /*---CTA v2 CSS---*/ .px_CTA_v2 {} /* ----------------------------------- 24 Coming Soon Page CSS -------------------------------------*/ .px_coming_soon_v1 .px_coming_soon_detail .label { color: var(--px-color-1)!important; } /* ----------------------------------- 25 404 Page CSS -------------------------------------*/ /* ----------------------------------- 26 Search Page CSS -------------------------------------*/ /* ----------------------------------- 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); } } /* ----------------------------------- 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%;} /*---Button contact form CSS---*/ .px-popup-content .px_popup .px_contact_page_form .et_pb_contact .et_pb_button { background-color: var(--px-color-1) !important; padding: 15px 30px !important; border-radius: 8px !important; overflow: hidden; } .px-popup-content .px_popup .px_contact_page_form .et_pb_contact .et_pb_button::after{ position: absolute; top: 0; bottom: 0; display: flex; align-items: center; justify-content: center; opacity: 1; right: -40px; width: 40px; background: var(--px-color-2); margin: 0; margin-left: 0px; } .px-popup-content .px_popup .px_contact_page_form .et_pb_contact .et_pb_button:hover { padding-right: 60px !important; } .px-popup-content .px_popup .px_contact_page_form .et_pb_contact .et_pb_button:hover::after { right: 0; } /*--- Footer Social CSS---*/ .px_popup .px_footer_social li a { background-color: var(--px-color-1) !important; transition: 1s; } .px_popup .px_footer_social li a:hover { background-color: var(--px-color-2) !important; transition: 1s; } /*--- Slide In Bottom blurb CSS---*/ .px_feature_info .et_pb_main_blurb_image .et-pb-icon{ color: var(--px-color-1) !important; } .px_testimonial_v_2 .et_pb_testimonial_description{ margin-left: 0px !important; position: absolute !important; } /* testi */ .px_testimonial_home_2 .et_pb_testimonial_description { position: relative; margin-left:0px !important; } .px_testimonial_home_2 .et_pb_testimonial_portrait { position: absolute; bottom: 10px; } .px_testimonial_home_2 .et_pb_testimonial_author { padding-left: 100px; } .px_testimonial_home_2 .et_pb_testimonial_meta { padding-left: 100px; } /* testimonial resposibe 1064px */ @media screen and (max-width:1064px) { .testimonial_1064_px:before{ height: calc(100% + 60px)!important; } }