/* Theme Name: Divi Physiotherapy Theme Theme URI: https://divi-professional.com/ Description: Divi Physiotherapy Theme is a clean, modern, and fully responsive Divi child theme designed for physiotherapists, rehabilitation centers, therapy clinics, and wellness practitioners. Author: Divi Professional Author URI: https://divi-professional.com/ Template: Divi Version: 1.0 */ /* ----------------------------------------------------------------------------- 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 Client Section CSS 25 Coming Soon Page CSS 26 404 Page CSS 27 Search Page CSS 28 Tab Control CSS 29 Color Picker CSS 30 Animation Part CSS --------------------------------------------------------*/ /* ----------------------------------- 01. General Class CSS -------------------------------------*/ /*---Title CSS---*/ .px_title h2 { line-height: 1.2em; font-size: 45px !important; color: var(--px-color-3); font-weight: 600; text-transform: capitalize; } .px_subtitle { color: #66788a; font-size: 16px; text-transform: uppercase; font-weight: 700; margin-bottom: 5px; } .px_desc { font-size: 16px; font-weight: 500; color: #717578; line-height: 30px; } /* Responsive CSS */ @media only screen and (max-width:980px) { .px_title { margin-bottom: 0px !important; } .px_subtitle { font-size: 15px; } } @media only screen and (max-width:576px) { .px_title h2 { /* line-height: 45px; */ font-size: 30px !important; } .px_desc { font-size: 15px; line-height: 28px; } .px_subtitle { font-size: 14px !important; } } /*---Button CSS---*/ .px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button, .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button, .px_btn { position: relative; overflow: hidden; font-size: 18px; line-height: 26px; font-weight: 600; color: #fff !important; text-align: center; padding: 18px 45px !important; border: none !important; border-radius: 10px; z-index: 1; transition: 1s !important; ; } .px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button::after, .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button::after, .px_btn::after { position: absolute; content: '' !important; width: 0%; height: 100%; background: #111821 !important; top: 0px; left: 0px; z-index: -1; transition: 1s !important; } .px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button, .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button, .px_btn.primary { background: var(--px-color-1); transition: 1s; } .px_btn.secondary { background: var(--px-color-2); transition: 1s; } /* Button Hover Effect */ .px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button:hover::after, .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button:hover::after, .px_btn:hover::after { width: 100%; transition: 1s !important; } /* Responsive CSS */ @media only screen and (max-width:576px) { .px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button, .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button, .px_btn { font-size: 15px; padding: 12px 25px !important; } } @media only screen and (min-width:576px) and (max-width:980px) { .px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button, .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button, .px_btn { font-size: 17px; padding: 15px 40px !important; } } /* About List Button */ .px_aboutlist_btn::before { color: var(--px-color-1); transition: 0.6s; } .px_aboutlist_btn { border: none !important; color: var(--px-color-3); font-size: 16px; } .px_aboutlist_btn:hover { background: transparent !important; } .px_aboutlist_btn:hover::before { color: var(--px-color-2); transition: 0.6s; } /* Responsive CSS */ /* Column Reverse */ @media screen and (max-width:980px) { /* Responsive Col */ .px_col_reverse, .px_special_col_reverse .et_pb_row { display: flex; flex-direction: column-reverse } .px_col_order { order: 1 !important } /* Responsive Col Width */ .px_sec_max_width .et_pb_row .px_max_width.et_pb_column, .px_sec_max_width .et_pb_row .px_max_width.et_pb_column:last-child { max-width: 400px; text-align: center !important; margin: auto auto 30px !important; float: none } } /* Slick CSS */ .slick-slide { display: block; margin: 10px !important; } /* Slick Navigation CSS */ .slick-prev::before { content: "\f060" !important; font-family: FontAwesome !important; font-weight: 900; } .slick-next::before { content: "\f061" !important; font-family: FontAwesome !important; font-weight: 900; } .slick-prev::before, .slick-next::before { border-radius: 50%; padding: 15px; color: var(--px-color-1); background: #fff !important; box-shadow: 0px 0px 50px rgba(5, 5, 5, 0.08); opacity: 1; } .slick-prev::before, .slick-next { background: #fff !important; } /*---Page Header Title CSS---*/ .px_header_title h2 { font-size: 50px; font-weight: 600; color: var(--px-color-3); } @media only screen and (max-width:576px) { .px_header_title h2 { font-size: 40px; } } /*---Breadcrumbs Title CSS---*/ .px_b_home_link { color: var(--px-color-1); transition: 0.8s; } .px_b_home_link::before { margin-left: -1.7em !important; } .px_b_home_link:hover { color: var(--px-color-2); background: transparent !important; transition: 0.8s; } .px_b_other_link { color: var(--px-color-3); } .px_b_other_link::before { margin-left: -1.7em !important; color: #939393; } .px_b_other_link:hover { background: transparent !important; } /*--- Global Class CSS ---*/ /*****Pagination******/ .pagination-container { margin-bottom: 0px !important; } .et_pb_row_custom_pagination { clear: both; text-align: left; } .pagination-container { padding-top: 0 !important; margin-top: 2em; margin-bottom: 2em; } .screen-reader-text { display: none; } .navigation.px_blogpagination .page-numbers { display: inline-block; border-right: 0; padding: 0em 1em; margin: 0 -1px; line-height: 2.6em; } .navigation.px_blogpagination .page-numbers.prev, .navigation.px_blogpagination .page-numbers.next { padding: 0 .5em; } .navigation.px_blogpagination span.page-numbers { color: #fff; border: 1px solid; border-color: #000 !important; font-weight: 600; } .navigation.px_blogpagination .page-numbers .et-pb-icon { font-size: 1.6em; vertical-align: middle; line-height: 1.5em; margin-top: -3px; } .navigation.px_blogpagination a.page-numbers:hover, .navigation.px_blogpagination span.page-numbers { background-color: #000 !important; } .navigation.px_blogpagination a.page-numbers { color: #fff !important; background: #000; } .navigation.px_blogpagination a.page-numbers:hover { color: #fff !important; } /* ----------------------------------- 02. Header Section CSS -------------------------------------*/ /*---Menu + Sub Menu CSS---*/ .px_h_menu .et_pb_menu__wrap .et_pb_menu__menu nav ul li .sub-menu li { border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important; } .px_h_menu .et_pb_menu__wrap .et_pb_menu__menu nav ul li a { font-weight: 700; color: #141417; transition: all 0.6s ease-in-out; } .px_h_menu .et_pb_menu__wrap .et_pb_menu__menu nav ul li a:hover { color: var(--px-color-2); opacity: 1 !important; } .px_h_menu .et_pb_menu__wrap .et_pb_menu__menu nav ul li a::after {} /*---Main Menu CSS---*/ /*---Sub Menu CSS---*/ .px_h_menu.px_h2_menu .et_pb_menu__wrap .et_pb_menu__menu nav ul li .sub-menu { /* top: 50px; */ } .px_h_menu .et_pb_menu__wrap .et_pb_menu__menu nav ul li .sub-menu { border-top: 3px solid var(--px-color-1) !important; padding: 0; background: #fff !important; } .px_h_menu .et_pb_menu__wrap .et_pb_menu__menu nav ul li .sub-menu li .sub-menu { top: -2px; } .px_h_menu .et_pb_menu__wrap .et_pb_menu__menu nav ul li .sub-menu li { transition: 1s; } .px_h_menu .et_pb_menu__wrap .et_pb_menu__menu nav ul li .sub-menu li::after { content: ''; display: block !important; position: absolute; top: 50%; left: 0px; width: 3px; height: 0; background: #111; vertical-align: middle; margin-right: 0; opacity: 0; transform: translateX(0); transition: 1s; } .px_h_menu .et_pb_menu__wrap .et_pb_menu__menu nav ul li .sub-menu li:hover::after { top: 0; left: -1px; height: calc(100% + 1px); opacity: 1; transition: 1s; } .px_h_menu .et_pb_menu__wrap .et_pb_menu__menu nav ul li .sub-menu li:hover { background: #eee; transition: 1s; } .px_h_menu .et_pb_menu__wrap .et_pb_menu__menu nav ul li .sub-menu li:hover a { padding-left: 10px; transition: 1s; } .px_h_menu .et_pb_menu__wrap .et_pb_menu__menu nav ul li .sub-menu li a { color: #333 !important; padding: 12px 0px; } .px_h_menu .et_pb_menu__wrap .et_pb_menu__menu nav ul li .sub-menu li a:hover { color: #000 !important; background: transparent !important; opacity: 1 !important; } .px_h_menu .et_pb_menu__wrap .et_pb_menu__menu nav ul li .sub-menu li.menu-item-has-children a::after { content: "\35" !important; display: block !important; top: 13px; } .px_h_menu .et_pb_menu__wrap .et_pb_menu__menu nav ul li .sub-menu li.menu-item-has-children .sub-menu li a::after { display: none !important; } .px_h_menu .et_mobile_menu { border-top: 3px solid var(--px-color-1) !important; } /*---Menu + Sub Menu CSS---*/ /*---Main Menu CSS---*/ /*---Sub Menu CSS---*/ /*---Header Common Info Css---*/ .px_small_info::before { color: var(--px-color-1); } .px_small_info { padding-top: 20px; padding-bottom: 20px; } .px_small_info:hover { background: transparent !important; padding-top: 20px !important; padding-bottom: 20px !important; } .px_small_info.border { border-width: 0px 1px 0px 1px !important; } .px_small_info.border { border-color: #d7d9db !important; } .px_header_contact_info {} /* Social Link */ .px_header_social li a { margin-right: 12px; } .px_header_social li a::before { background: var(--px-color-1); color: #fff !important; border-radius: 50%; transition: 1s !important; padding: 3px; } .px_header_social li a:hover::before { background: var(--px-color-2) !important; color: #fff !important; border-radius: 50%; transition: 1s !important; } /* Top Header v1 */ .px_top_header .et_pb_column { margin-bottom: -1px !important; } @media only screen and (max-width:980px) { .px_top_header .et_pb_column { margin-bottom: -5px !important; } .px_small_info.border { border-width: 0px !important; } } .px_top_header .et_pb_column .et_pb_button_module_wrapper { margin-bottom: 0px !important; } /*---Header v1 CSS---*/ .px_header_v1 {} /*---Header v2 CSS---*/ .px_header_v2 {} .px_small_blurb_info .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon { color: var(--px-color-2); } /*---Header v3 CSS---*/ .px_header_v3 {} .px_header_v3 .et_pb_menu__menu > nav > ul > li > a{ padding-bottom:8px !important; padding-top:8px !important; } /* ----------------------------------- 03. Footer Section CSS -------------------------------------*/ /*---Footer Common Info Css---*/ .px_footer_title {} .px_footer_blurb_info {} .px_footer_links {} .px_footer_social {} .px_footer_social li { margin: 0px; } .px_footer_social li a.icon { margin-right: 18px; transition: 0.8s; } .px_footer_social li a.icon::before { border-radius: 50%; background: #fff; color: var(--px-color-2); padding: 5px; transition: 0.8s; } .px_footer_social li a.icon:hover::before { color: #fff; background: var(--px-color-2); transition: 0.8s; } /*---Top Footer v1 CSS---*/ .px_top_footer_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et-pb-icon { color: var(--px-color-1); } .px_top_footer_blurb .et_pb_blurb_content .et_pb_main_blurb_image { transition: 0.5s; } .px_top_footer_blurb:hover .et_pb_blurb_content .et_pb_main_blurb_image { transform: scale(1.2); transition: 0.5s; } .px_top_footer_blurb .et_pb_blurb_content .et_pb_blurb_container h4 { padding-bottom: 0px; } /*---Footer v1 CSS---*/ .px_footer_v1 {} .px_footer_v1_btn { color: #fff; } .px_footer_v1_btn::before { color: var(--px-color-1); } .px_footer_v1_btn.link::before { font-weight: 900 !important; } .px_footer_v1_btn:hover { background: transparent !important; } .px_footer_v1_ulli li { list-style: none; color: #fff; font-size: 16px; margin-bottom: 10px; } .px_footer_v1_ulli li .day { opacity: 0.5 !important; } /*---Footer v2 CSS---*/ .px_footer_v2 {} .px_footer_social.v2 li a.icon::before { color: var(--px-color-1); transition: 0.8s; } .px_footer_social.v2 li a.icon:hover::before { color: #fff; background: var(--px-color-1); transition: 0.8s; } /*---Footer v3 CSS---*/ .px_footer_v3 {} /* ----------------------------------- 04. Sidebar CSS -------------------------------------*/ .px_sidebar {} .px_sidebar .et_pb_widget { display: block; padding: 35px; background-color: #fff; border: 1px solid #f1f1f1; box-shadow: 0px 0 15px rgba(45, 45, 45, 0.08); border-radius: 7px; } .px_sidebar .et_pb_widget h2 { color: var(--px-color-3); font-size: 22px; font-weight: 600; line-height: 1.4; position: relative; margin-bottom: 30px; } .px_sidebar .et_pb_widget h2::after { background: var(--px-color-1); border-radius: 10px; bottom: -1px; content: ""; height: 3px; left: 0; position: absolute; width: 50px; } .px_sidebar .et_pb_widget h2::before { background: #eee; border-radius: 10px; bottom: -1px; content: ""; height: 3px; left: 0; position: absolute; width: 100%; } .px_sidebar .et_pb_widget ol li, .px_sidebar .et_pb_widget ul li { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid rgba(150, 150, 150, 0.2); line-height: 1.9; } .px_sidebar .et_pb_widget ol li a, .px_sidebar .et_pb_widget ul li a { color: #404040; font-size: 16px; } /* Search Widget CSS */ .px_sidebar .widget_search { padding: 0px; background-color: transparent; border: none; box-shadow: 0px 0 15px rgba(45, 45, 45, 0.08); } .px_sidebar .widget_search .wp-block-search__inside-wrapper { position: relative; line-height: 40px; padding: 5px !important; background: #fff; border: 1px solid var(--px-color-1); color: #333; display: block; letter-spacing: 0px; width: 100%; height: 70px; border-radius: 8px; } .px_sidebar .et_pb_widget .wp-block-search__button, .px_sidebar .et_pb_widget .wp-block-search__input { height: 100% !important; border: none; } .px_sidebar .et_pb_widget .wp-block-search__button { border-radius: 0px 6px 6px 0px; background: var(--px-color-1); color: #fff; padding-right: 20px; } /* ----------------------------------- 05. Blog CSS -------------------------------------*/ /*---Blog Grid CSS & 3 Columns CSS ---*/ .px_blog_v1 .et_pb_post { margin-bottom: 50px !important; box-shadow: 0px 0px 50px rgba(5, 5, 5, 0.08); background-color: #fff; border: none; overflow: visible; position: relative; transition: all 0.5s ease-in-out; } .px_blog_v1 .et_pb_post::after { content: "\39"; font-family: ETmodules; position: absolute; left: 50%; bottom: -20px; transform: translateX(-50%); color: #fff; background: var(--px-color-2); border-radius: 50%; visibility: visible; display: block; font-size: 20px; font-weight: 700; height: 40px; width: 40px; line-height: 40px; transition: 0.5s; } .px_blog_v1 .et_pb_post:hover::after { background: var(--px-color-1); transform: translateX(-50%) rotate(360deg); transition: 0.5s; } .px_blog_v1 .et_pb_post .px_blog_v1_info { padding: 40px 20px 15px 20px; position: relative; } .px_blog_v1 .et_pb_post:hover { box-shadow: 0 20px 30px rgba(0, 0, 0, 0.15); transition: all 0.5s ease-in-out; } /*---Image CSS---*/ .px_blog_v1 .et_pb_post .et_pb_image_container { margin: 0; border-radius: 10px; } .px_blog_v1 .et_pb_post .entry-featured-image-url { margin: 0 !important; border-radius: 10px; position: relative; padding-top: 85%; display: block; transition: 0.4s; overflow: hidden; } .px_blog_v1 .et_pb_post .entry-featured-image-url::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); transition: all 0.5s linear; overflow: hidden; transform: scaleX(0); opacity: 0; } .px_blog_v1 .et_pb_post:hover .entry-featured-image-url::after { background-color: rgba(255, 255, 255, 0.2); transform: scaleX(1); opacity: 1; transition: all 0.5s ease-in-out; } .px_blog_v1 .et_pb_post .entry-featured-image-url img { border-radius: 10px; position: absolute; height: 100%; width: 100%; top: 0; left: 0; right: 0; bottom: 0; object-fit: cover; transition: 0.5s; } .px_blog_v1 .et_pb_post:hover .entry-featured-image-url img { transform: scale(1.1); transition: 0.5s; } .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-3); margin-top: 30px; line-height: 35px; font-size: 26px; font-weight: 700; margin-bottom: 50px; position: relative; transition: 0.5s; } .px_blog_v1 .et_pb_post .entry-title::after { content: ""; background: #e8e8e8; height: 2px; width: 70px; position: absolute; bottom: -20px; left: 0; right: 0; margin: 0 auto; } .px_blog_v1 .et_pb_post .entry-title:hover { color: var(--px-color-1); transition: 0.5s; } /*---Post Meta CSS---*/ .px_blog_v1 .et_pb_post .post-meta .published { position: absolute; top: 30px; left: 0; right: 0; color: #352F27; font-size: 16px; transition: 0.5s; } .px_blog_v1 .et_pb_post .post-meta .published:hover { color: var(--px-color-1); transition: 0.5s; } .px_blog_v1 .et_pb_post .post-meta a { color: #9a9a9a; font-size: 15px; font-weight: 400; margin-left: 5px; transition: 0.5s; } .px_blog_v1 .et_pb_post .post-meta a:hover { color: var(--px-color-1); transition: 0.5s; } .px_blog_v1 .et_pb_post .post-meta a::before { content: "\76"; font-family: ETmodules; margin-right: 5px; color: var(--px-color-1); font-weight: 700; } /*---Author CSS---*/ .px_blog_v1 .et_pb_post .post-meta .author {} .px_blog_v1 .et_pb_post .post-meta .author a { margin-right: 5px; } .px_blog_v1 .et_pb_post .post-meta .author a::before { content: "\e08a"; font-family: ETmodules; margin-right: 5px; color: var(--px-color-1); font-weight: 700; } /*---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 { margin-top: 20px; } .px_blog_v1 .pagination .alignright { float: left !important; margin-left: 20px; } .px_blog_v1 .pagination .alignleft a, .px_blog_v1 .pagination .alignright a { background: var(--px-color-2); color: #fff; border-radius: 5px; padding: 10px 15px; transition: 1s; } .px_blog_v1 .pagination .alignleft a:hover, .px_blog_v1 .pagination .alignright a:hover { background: var(--px-color-1); transition: 1s; } /*---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_v1.px_blog_grid_2_col .et_pb_post { padding: 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, 24.2%); } .px_blog_v1.px_blog_grid_4_col .et_pb_post { padding: 30px; } /* Responsive CSS */ @media only screen and (min-width:577px) and (max-width:980px) { .px_blog_grid_4_col .et_pb_ajax_pagination_container { display: grid; grid-gap: 20px; grid-template-columns: repeat(2, 50%); } } @media only screen and (max-width:576px) { .px_blog_grid_2_col .et_pb_ajax_pagination_container, .px_blog_grid_4_col .et_pb_ajax_pagination_container { display: block; } .px_blog_v1.px_blog_grid_2_col .et_pb_post { padding: 20px; } .px_blog_v1.px_blog_grid_4_col .et_pb_post { padding: 20px; } } /* Blog Listing CSS */ /* Blog Listing CSS */ .px_blog_list .et_pb_post { display: flex; border-radius: 10px; } .px_blog_list.px_blog_v1 .et_pb_post::after { position: absolute; left: auto; bottom: 50%; transform: translateY(50%); right: -20px; } .px_blog_list.px_blog_v1 .et_pb_post:hover::after { transform: translateY(50%) rotate(360deg); } /* Image CSS */ .px_blog_list .et_pb_post .entry-featured-image-url { margin: 0px; overflow: hidden; width: 45%; height: 260px; padding-top: 30%; border-radius: 10px 0px 0px 10px; } .px_blog_list .et_pb_post .entry-featured-image-url img { height: 100%; transition: all 0.6s ease-in-out; object-fit: cover; border-radius: 10px 0px 0px 10px; } /* Info CSS */ .px_blog_list.px_blog_v1 .et_pb_post .px_blog_v1_info { padding: 50px 20px 15px 20px; width: 55%; } .px_blog_list.px_blog_v1 .et_pb_post .post-meta .published { position: absolute; top: 40px; } /* Responsive CSS */ @media only screen and (max-width:576px) { .px_blog_list .et_pb_post { display: block; } /* Image CSS */ .px_blog_list .et_pb_post .entry-featured-image-url { margin: 0px; overflow: hidden; width: 100%; height: auto; padding-top: 80%; border-radius: 10px; } .px_blog_list.px_blog_v1 .et_pb_post .px_blog_v1_info { width: 100%; padding-bottom: 40px; } .px_blog_list.px_blog_v1 .et_pb_post::after { position: absolute; left: 50%; bottom: -20px; transform: translateX(-50%); } .px_blog_list.px_blog_v1 .et_pb_post:hover::after { transform: translateX(-50%) rotate(360deg); } } /* 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 {} /* ----------------------------------- 06. Portfolio CSS -------------------------------------*/ /* Portfolio Pagination */ .px_portfolio_v1 .et_pb_ajax_pagination_container .pagination { padding: 30px 30px 0px 30px; } .px_portfolio_v1 .et_pb_ajax_pagination_container .pagination .alignright { float: left; margin-left: 20px; } .px_portfolio_v1 .et_pb_ajax_pagination_container .pagination .alignright a, .px_portfolio_v1 .et_pb_ajax_pagination_container .pagination .alignleft a { color: #fff; background: var(--px-color-2); padding: 10px 15px; border-radius: 5px; transition: 1s; } .px_portfolio_v1 .et_pb_ajax_pagination_container .pagination .alignright a:hover, .px_portfolio_v1 .et_pb_ajax_pagination_container .pagination .alignleft a:hover { background: var(--px-color-1); transition: 1s; } /* Responsive CSS */ @media only screen and (max-width:980px) { .px_portfolio_v1 .et_pb_ajax_pagination_container .pagination { padding: 0px; } } /*---Portfolio Gallary CSS & 4 Columns CSS ---*/ .px_portfolio_v1 .et_pb_portfolio_item { border-radius: 10px; position: relative; overflow: hidden; margin-bottom: 30px !important; padding:10px !important; } .px_portfolio_v1 .et_pb_portfolio_item .px_portfolio_v1_info { position: absolute; bottom: -30px; left: 0; right: 0; opacity: 0; z-index: 2; transition: 0.6s; padding: 0 20px !important; } .px_portfolio_v1 .et_pb_portfolio_item::after {} .px_portfolio_v1 .et_pb_portfolio_item .et_portfolio_image, .px_portfolio_v1 .et_pb_portfolio_item .et_pb_portfolio_image.landscape { border-radius: 10px; overflow: hidden; } .px_portfolio_v1 .et_pb_portfolio_item .et_portfolio_image:after, .px_portfolio_v1 .et_pb_portfolio_item .et_pb_portfolio_image::after { content: ""; background: var(--px-color-2); opacity: 0.8; position: absolute; height: 100%; width: 100%; left: 0; top: 0; border-radius: 10px; transform: scale(0); transition: all 0.4s ease-in-out; z-index: 1; } .px_portfolio_v1 .et_pb_portfolio_item:hover .et_portfolio_image:after, .px_portfolio_v1 .et_pb_portfolio_item:hover .et_pb_portfolio_image::after { transform: scale(1); transition: all 0.4s ease-in-out; } /* .px_portfolio_v1 .et_pb_portfolio_item:hover::after { transform: scale(1); transition: all 0.4s ease-in-out; } */ .px_portfolio_v1 .et_pb_portfolio_item:hover .px_portfolio_v1_info { bottom: 35px; opacity: 1; z-index: 2; transition: 0.6s; } /* Image Css */ .px_portfolio_v1 .et_pb_portfolio_item .et_portfolio_image { border-radius: 10px; position: relative; padding-top: 100%; display: block; transition: 0.4s; overflow: hidden; } .px_portfolio_v1 .et_pb_portfolio_item .et_portfolio_image img { transition: 0.4s; border-radius: 10px; position: absolute; height: 100%; width: 100%; top: 0; left: 0; right: 0; bottom: 0; object-fit: cover; } .px_portfolio_v1 .et_pb_portfolio_item:hover .et_portfolio_imageimg { transform: scale(1.1); transition: 0.4s; } /* Overlay Css */ .px_portfolio_v1.et_pb_fullwidth_portfolio .et_pb_portfolio_items .et_pb_grid_item .et_pb_portfolio_image:hover .et_overlay, .px_portfolio_v1 .et_pb_portfolio_item .et_portfolio_image:hover .et_overlay { z-index: -1 !important; opacity: 0 !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: #fff; transition: 0.6s; } .px_portfolio_v1 .et_pb_portfolio_item .et_pb_module_header:hover { color: var(--px-color-1); transition: 0.6s; } /* Category Post Meta Css */ .px_portfolio_v1 .et_pb_portfolio_item .post-meta { color: #fff; } .px_portfolio_v1 .et_pb_portfolio_item .post-meta a { color: #fff; } /* 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%); } /* 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; } /* Responsive CSS */ @media only screen and (max-width:980px) { .px_portfolio_3_col .et_pb_portfolio_items, .px_portfolio_3_col .et_pb_ajax_pagination_container { display: grid; grid-gap: 25px; grid-template-columns: repeat(2, 50%); } } @media only screen and (max-width:576px) { .px_portfolio_2_col .et_pb_portfolio_items, .px_portfolio_2_col .et_pb_ajax_pagination_container { display: block; } .px_portfolio_3_col .et_pb_portfolio_items, .px_portfolio_3_col .et_pb_ajax_pagination_container { display: block; } } /*---Portfolio Filterable CSS---*/ .px_portfolio_v1.filterable {} /* Filters Links CSS */ .px_portfolio_v1 .et_pb_portfolio_filters {} .px_portfolio_v1 .et_pb_portfolio_filters li { margin: 5px 10px; } .px_portfolio_v1 .et_pb_portfolio_filters li a { border: none; color: var(--px-color-2); font-weight: 600; transition: 1s; } /*Hover & Active Filter Links*/ .px_portfolio_v1 .et_pb_portfolio_filters li a:hover, .px_portfolio_v1 .et_pb_portfolio_filters li a.active { background: var(--px-color-2); color: #fff; border-radius: 3px; transition: 1s; } /* Pagination CSS */ .px_portfolio_v1 .et_pb_portofolio_pagination { border: none !important; } .px_portfolio_v1 .et_pb_portofolio_pagination ul { margin-right: 30px; } .px_portfolio_v1 .et_pb_portofolio_pagination ul li {} .px_portfolio_v1 .et_pb_portofolio_pagination ul li a { padding: 10px 15px; border-radius: 3px; color: var(--px-color-2); } .px_portfolio_v1 .et_pb_portofolio_pagination ul li a.active, .px_portfolio_v1 .et_pb_portofolio_pagination ul li a:hover { background: var(--px-color-2); color: #fff !important; } .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 {} /* Responsive CSS */ @media only screen and (max-width:980px) { .px_portfolio_v1 .et_pb_portofolio_pagination ul { margin-right: 0px; } } /* 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 { background: #fff; color: var(--px-color-1); border-radius: 50%; font-weight: 800; font-size: 30px; padding: 5px; } .px_portfolio_v1.et_pb_fullwidth_portfolio .et_pb_portfolio_items .et_pb_grid_item { } /* Responsive CSS */ @media only screen and (min-width:577px) and (max-width:980px) { } @media only screen and (max-width:576px) { } /* Portfolio Category CSS */ .px_portfolio_category {} /* Portfolio Tags CSS */ .px_portfolio_tages {} /* Portfolio Single Page CSS */ .px_portfolio_single {} .px_portfolio_single_col { background: #F4F4F4; } .px_portfolio_single_btn { color: var(--px-color-3); transition: 0.6s; } .px_portfolio_single_btn:hover { background: transparent !important; color: var(--px-color-1); transition: 0.6s; } /* ----------------------------------- 07. Services CSS -------------------------------------*/ /*---Services v1 CSS---*/ .px_services_v1 { margin-bottom: 5px; transition: 0.6s !important; border-bottom: 3px solid transparent; } .px_services_v1:hover { border-bottom: 3px solid var(--px-color-1); transition: 0.6s !important; } .px_services_v1 .et_pb_blurb_content .et_pb_blurb_container h4.et_pb_module_header span::before { content: ""; width: 200px; height: 25px; position: absolute; top: 0; left: 50%; background: var(--px-color-2); opacity: 0; display: block; border-radius: 15px; transition: 1s; transform: translatex(-50%); } .px_services_v1:hover .et_pb_blurb_content .et_pb_blurb_container h4.et_pb_module_header span::before { opacity: 0.2; display: block; transition: 1s; } /*Img Css */ .px_services_v1 .et_pb_blurb_content .et_pb_main_blurb_image {} .px_services_v1 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap {} .px_services_v1 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap img {} /*Icon Css */ .px_services_v1 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {} /*Title Css */ .px_services_v1 .et_pb_blurb_content .et_pb_blurb_container h4.et_pb_module_header { color: var(--px-color-3); } /*Description Css */ .px_services_v1 .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description {} /*---Services v2 CSS---*/ .px_services_v2 { border: 1px solid #2a3e58; padding: 30px; background: var(--px-color-3); border-radius: 10px; transition: all 0.5s ease-in-out; } .px_services_v2:hover { background: #0E233E; } .px_service_v2_btn::before { content: "" !important; background: #fff; height: 2px; width: 15px; position: absolute; left: 30px; top: -10px; display: block; opacity: 1 !important; z-index: 4; transition: all 400ms ease-in-out; } .px_service_v2_btn::after { background: var(--px-color-1); content: ""; height: 2px; width: 78px; position: absolute; left: 0; top: -10px; margin-left: 0 !important; opacity: 1 !important; z-index: 1; } .px_services_v2:hover .px_service_v2_btn::before { width: 80px; } /* Image CSS */ .px_services_v2_img { overflow: hidden; } .px_services_v2_img .et_pb_image_wrap img { transition: 0.5s; } .px_services_v2:hover .px_services_v2_img .et_pb_image_wrap img { transform: scale(1.1); transition: 0.5s; } /*---Services v4 CSS---*/ .px_services_v4 {} .px_services_v4 .et_pb_blurb_content .et_pb_main_blurb_image { display: inherit; margin-bottom: 0px; background: var(--px-color-1); border-radius: 50%; padding: 20px; transition: 0.6s; } .px_services_v4:hover .et_pb_blurb_content .et_pb_main_blurb_image { transform: rotateY(180deg); transition: 0.6s; } /*---Services v5 CSS---*/ .px_services_v5 { position: relative; border: 1px solid #eee; box-shadow: 0px 10px 40px 0px rgba(22, 32, 60, 0.08); transition: all 0.4s ease; } .px_services_v5::after { content: ""; background: var(--px-color-1); position: absolute; height: 100%; width: 100%; left: 0; top: 0; opacity: 0; z-index: -1; transform: translate(0, 0); transition: 0.6s; } .px_services_v5:hover::after { height: 100%; top: 0; opacity: 0.4; transform: translate(12px, 12px); z-index: 0; } .px_services_v5:hover { background: var(--px-color-1); } /* Icon CSS */ .px_services_v5 .et_pb_blurb_content .et_pb_main_blurb_image { position: relative; z-index: 2; } .px_services_v5 .et_pb_blurb_content .et_pb_main_blurb_image::before { background: var(--px-color-1); border-radius: 50%; content: ""; height: 60px; width: 60px; position: absolute; left: 20px; top: 20px; z-index: 1; transition: all 0.6s ease-in-out; } .px_services_v5 .et_pb_blurb_content .et_pb_main_blurb_image::after { background: var(--px-color-3); border-radius: 50%; content: ""; height: 15px; width: 15px; position: absolute; left: 65px; top: 25px; z-index: 1; transition: all 0.5s ease-in-out; } .px_services_v5:hover .et_pb_blurb_content .et_pb_main_blurb_image::before { background: #fff; transform: scaleX(-1); z-index: 1; transition: all 0.6s ease-in-out; } .px_services_v5 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon { color: var(--px-color-3); position: relative; z-index: 2; } /* Title CSS */ .px_services_v5 .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header { margin-top: 30px; color: var(--px-color-3); position: relative; z-index: 2; transition: all 0.4s ease-in-out; } .px_services_v5:hover .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header { color: #fff; } /*---Services v6 CSS---*/ .px_services_v6 { position: relative; padding: 50px; border: 1px solid #eee; box-shadow: 0px 10px 40px 0px rgba(22, 32, 60, 0.08); transition: all 0.4s ease; } /* Icon CSS */ .px_services_v6 .px_services_v6_blurb .et_pb_blurb_content .et_pb_main_blurb_image { position: relative; z-index: 2; transition: 0.5s; } .px_services_v6 .px_services_v6_blurb .et_pb_blurb_content .et_pb_main_blurb_image::before { background: #EDEDEDAD; border-radius: 50%; content: ""; height: 80px; width: 80px; position: absolute; left: 0px; top: 0px; z-index: -1; transition: all 0.3s ease-in-out; } .px_services_v6 .px_services_v6_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap { transition: 0.5s; } .px_services_v6 .px_services_v6_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon { color: var(--px-color-1); position: relative; z-index: 2; } .px_services_v6:hover .px_services_v6_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap { transform: rotateY(180deg); transition: 0.5s; } .px_services_v6:hover .px_services_v6_blurb .et_pb_blurb_content .et_pb_main_blurb_image::before { left: 5px; top: 10px; } /* Title CSS */ .px_services_v6 .px_services_v6_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header { margin-top: 30px; color: var(--px-color-3); position: relative; z-index: 2; transition: all 0.4s ease-in-out; } .px_services_v6:hover .px_services_v6_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header { color: var(--px-color-1); } /* Button CSS */ .px_services_v6_btn {} .px_services_v6_btn::after { color: var(--px-color-1); margin-left: .6em !important; transition: all 0.4s ease-in-out; } .px_services_v6_btn:hover { background: transparent !important; } .px_services_v6_btn:hover::after { color: var(--px-color-3); transform: rotateX(180deg); animation: moveArrow 1s; } /*---Services v7 CSS---*/ .px_services_v7 { border: 1px solid #eee; padding: 0px; border-radius: 5px; box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.03); transition: 0.5s; } .px_services_v7:hover { background: transparent; } /* Image CSS */ .px_services_v7_img { overflow: hidden; } .px_services_v7_img .et_pb_image_wrap img { transition: 0.5s; } .px_services_v7:hover .px_services_v7_img .et_pb_image_wrap img { transform: scale(1.1); transition: 0.5s; } /* Blurb CSS */ .px_services_v7_blurb {} .px_services_v7_blurb .et_pb_blurb_content .et_pb_main_blurb_image { margin: 0; background: var(--px-color-1); padding: 20px; border-radius: 50%; transition: 0.8s; } .px_services_v7:hover .et_pb_blurb_content .et_pb_main_blurb_image { background: var(--px-color-2); transition: 0.8s; } /* Title CSS */ .px_services_v7_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header { color: var(--px-color-3); margin-top: 25px; transition: 0.5s; } .px_services_v7_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header:hover { color: var(--px-color-1); transition: 0.5s; } /*---Services Single Page CSS---*/ .px_services_single {} .px_faq_v1_blurb.service_single .et_pb_blurb_content .et_pb_main_blurb_image { display: inline-block; border-radius: 3px; } /* Text Ul Li */ .px_services_single_text_ulli {} .px_services_single_text_ulli ul { padding: 0px !important; } .px_services_single_text_ulli li { list-style: none; margin-bottom: 20px !important; color: var(--px-color-2); background: #FFFFFF; border-style: dashed; border-width: 1px; margin: 0px 0px 10px 0px; padding: 15px 30px; font-size: 16px; transition: 0.8s; } .px_services_single_text_ulli li::after { content: "\f04b"; font-family: FontAwesome; font-weight: 900; position: absolute; right: 20px; color: #fff; background: var(--px-color-2); font-size: 10px; padding: 0 7px; transition: 0.8s; } .px_services_single_text_ulli li:hover { background: var(--px-color-2); color: #FFFFFF; border-style: solid; transition: 0.8s; } .px_services_single_text_ulli li:hover::after { color: var(--px-color-2); background: #fff; transition: 0.8s; } /* Responsive CSS */ @media only screen and (max-width:576px) { .px_services_single_text_ulli li { padding: 15px 15px; margin-bottom: 10px !important; font-size: 14px; } } /* CTA Ul Li */ .px_services_single_cta_ulli_v1 {} .px_services_single_cta_ulli_v1 ul { padding: 0px !important; margin-top: 30px; } .px_services_single_cta_ulli_v1 li { list-style: none; margin-bottom: 20px !important; border-radius: 5px; background: var(--px-color-2); padding: 1.1rem 2.2rem; padding-left: 50px; overflow: hidden; position: relative; z-index: 3; transition: 0.8s; } .px_services_single_cta_ulli_v1 li::before { content: "\f15b"; font-family: FontAwesome; font-weight: 900; position: absolute; left: 30px; color: #fff; font-size: 16px; transition: 0.8s; } .px_services_single_cta_ulli_v1 li::after { position: absolute; content: '' !important; width: 0%; height: 100%; background: #111821 !important; top: 0px; left: 0px; z-index: -1; transition: 1s !important; } .px_services_single_cta_ulli_v1 li:hover::after { width: 100%; transition: 1s !important; } /* CTA Ul Li Version 2*/ .px_services_single_cta_ulli_v2 {} .px_services_single_cta_ulli_v2 .et_pb_promo_description { padding: 60px 30px 150px 30px; border: 1px solid #fff; } .px_services_single_cta_ulli_v2 .et_pb_button_wrapper { position: absolute; bottom: 100px; right: 0; left: 0; } .px_services_single_cta_ulli_v2 .et_pb_button_wrapper .et_pb_button { background: var(--px-color-1); color: #fff; overflow: hidden; position: relative; z-index: 5; } .px_services_single_cta_ulli_v2 .et_pb_button_wrapper .et_pb_button::after { position: absolute; content: '' !important; width: 0%; height: 100%; background: #111821 !important; margin-left: 0 !important; top: 0px; left: 0px !important; z-index: -1; transition: 1s !important; } .px_services_single_cta_ulli_v2 .et_pb_button_wrapper .et_pb_button:hover::after { width: 100%; transition: 1s !important; } /* ----------------------------------- 08. Contact Us CSS -------------------------------------*/ /*---Contact Us v1 CSS---*/ .px_contact_v1 {} /*---Title CSS---*/ .px_contact_v1 .et_pb_contact_main_title { padding-bottom: 25px; } /*---Contact Message CSS---*/ .px_contact_v1 .et-pb-contact-message {} /*---Input CSS---*/ .px_contact_v1 .et_pb_contact p input, .px_contact_v1 .et_pb_contact .et_pb_contact_field textarea.et_pb_contact_message { height: calc(2.25rem + 30px); padding: 15px 20px; margin-bottom: 10px; border: 2px solid transparent; border-radius: 4px; background-color: #FFFFFF; color: #686a6f; font-size: 16px; } .px_contact_v1 .et_pb_contact p input:focus, .px_contact_v1 .et_pb_contact .et_pb_contact_field textarea.et_pb_contact_message:focus { border: 2px solid var(--px-color-1); } .px_contact_v1 .et_pb_contact .et_pb_contact_form .et_pb_contact_field.et_pb_contact_field_half { width: 100%; } /*---Button CSS---*/ .px_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container { float: left !important; margin-top: 10px; } .px_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit { margin-left: 10px; background: var(--px-color-1); color: #fff; transition: 1s; } .px_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit:hover { color: var(--px-color-2); background: #fff; transition: 1s; } /*---Contact Us v2 CSS---*/ .px_contact_v2 .et_pb_contact .et_pb_contact_form p textarea, .px_contact_v2 .et_pb_contact .et_pb_contact_form p input { height: calc(2.25rem + 30px); padding: 14px 20px; outline: 0; background-color: rgba(241, 238, 246, 0.5); border: 1px solid transparent; color: #686a6f; font-size: 1rem; width: 100%; } .px_contact_v2 .et_pb_contact .et_pb_contact_form p textarea.et_pb_contact_message { min-height: 250px; } /* Button CSS */ .px_contact_v2 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container { float: left !important; } .px_footer_social.contact_us li a.icon::before { color: #fff; background: var(--px-color-1); } .px_footer_social.contact_us li a.icon:hover::before { color: var(--px-color-1); background: var(--px-color-2); } /* ----------------------------------- 09. Team Section CSS -------------------------------------*/ /*---Team v1 CSS---*/ .px_team_v1 { box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07); } /* Image Css */ .px_team_v1 .et_pb_team_member_image {} .px_team_v1 .et_pb_team_member_image img { transition: 0.5s; } .px_team_v1 .et_pb_team_member_image::before { position: absolute; top: 50%; left: 50%; z-index: 2; display: block; content: ''; width: 0; height: 0; background: rgba(255, 255, 255, 0.2); border-radius: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; } /* Description Css*/ .px_team_v1 .et_pb_team_member_description { position: relative; } .px_team_v1 .et_pb_team_member_description .et_pb_module_header { margin-top: 30px; color: var(--px-color-3); transition: 0.8s; } .px_team_v1 .et_pb_team_member_description .et_pb_module_header:hover { color: var(--px-color-1); transition: 0.8s; } .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 { position: absolute; top: 0px; left: 0; right: 0; margin-top: 0; } .px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li { margin-right: 0; transition: all 0.3s ease-in-out; } .px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li:nth-child(1) { position: absolute; opacity: 0; left: -10px; top: -20px; z-index: 10; transition: all 0.3s ease-in-out; } .px_team_v1:hover .et_pb_team_member_description .et_pb_member_social_links li:nth-child(1) { opacity: 1; left: 20px; top: -70px; transition: all 0.3s ease-in-out; } .px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li:nth-child(2) { position: absolute; opacity: 0; left: 0; right: 0; top: 0px; transition: all 0.3s ease-in-out; } .px_team_v1:hover .et_pb_team_member_description .et_pb_member_social_links li:nth-child(2) { opacity: 1; left: 0px; right: 0px; top: -50px; transition: all 0.3s ease-in-out; } .px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li:nth-child(3) { opacity: 0; position: absolute; right: 0px; top: -20px; transition: all 0.3s ease-in-out; } .px_team_v1:hover .et_pb_team_member_description .et_pb_member_social_links li:nth-child(3) { opacity: 1; right: 20px; top: -70px; transition: all 0.3s ease-in-out; } /* Responsive CSS below 680 */ @media only screen and (max-width: 1080px) and (min-width: 980px) { .px_team_v1:hover .et_pb_team_member_description .et_pb_member_social_links li:nth-child(1) { left: 0px; } .px_team_v1:hover .et_pb_team_member_description .et_pb_member_social_links li:nth-child(3) { right: 0px; } } /* Responsive CSS */ @media only screen and (max-width:980px) { .px_team_v1:hover .et_pb_team_member_description .et_pb_member_social_links li:nth-child(1) { left: 40px; } .px_team_v1:hover .et_pb_team_member_description .et_pb_member_social_links li:nth-child(3) { right: 40px; } } /* Responsive CSS below 680 */ @media only screen and (max-width: 680px) and (min-width: 478px) { .px_team_v1:hover .et_pb_team_member_description .et_pb_member_social_links li:nth-child(1) { left: 10px; } .px_team_v1:hover .et_pb_team_member_description .et_pb_member_social_links li:nth-child(3) { right: 10px; } } .px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li a { padding: 5px 10px; border-radius: 50%; } .px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li:nth-child(1) a { background: #3457F1; } .px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li:nth-child(2) a { background: #4EBEFF; } .px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li:nth-child(3) a { background: #EF3230; } .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::before { animation: circle .75s; } .px_team_v1:hover .et_pb_team_member_image img { transform: scale(1.1); transition: 0.5s; } /*---Team v2 CSS---*/ .px_team_v2 {} /* Image CSS */ .px_team_v2 .et_pb_team_member_image { margin: 0 !important; overflow: hidden; } .px_team_v2 .et_pb_team_member_image::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); transition: 0.4s; overflow: hidden; transform: scaleX(0); opacity: 0; } .px_team_v2:hover .et_pb_team_member_image::after { background-color: rgba(0, 0, 0, 0.6); transform: scaleX(1); opacity: 1; transition: 0.4s; } .px_team_v2 .et_pb_team_member_image img { transition: 0.4s; } .px_team_v2:hover .et_pb_team_member_image img { transform: scale(1.2); transition: 0.4s; } /* Description CSS */ .px_team_v2 .et_pb_team_member_description { background: #f5f5f4; padding: 30px 15px; position: relative; } /* Author CSS */ .px_team_v2 .et_pb_team_member_description .et_pb_module_header { color: var(--px-color-3); transition: 0.5s; } .px_team_v2:hover .et_pb_team_member_description .et_pb_module_header { color: var(--px-color-1); transition: 0.5s; } /* Social Link CSS */ .px_team_v2 .et_pb_team_member_description .et_pb_member_social_links { margin-top: 0px; position: absolute; top: -30px; left: 0; right: 0; opacity: 0; transition: 0.3s; } .px_team_v2 .et_pb_team_member_description .et_pb_member_social_links li { margin: 0px 6px; } .px_team_v2 .et_pb_team_member_description .et_pb_member_social_links li a { background-color: #fff; color: var(--px-color-1); width: 40px; height: 40px; line-height: 45px; transition: 0.6s; } .px_team_v2 .et_pb_team_member_description .et_pb_member_social_links li a:hover { color: #fff; background-color: var(--px-color-1); transition: 0.6s; } .px_team_v2:hover .et_pb_team_member_description .et_pb_member_social_links { top: -70px; opacity: 1; transition: 0.3s; } /*---Team Single Page CSS---*/ .px_team_single {} /* Column CSS */ .px_team_single_col:hover .px_team_single_year { background: var(--px-color-2); } .px_team_single_col:hover .px_team_single_year h3 { color: #fff; } .px_team_single_col:hover .px_team_single_year h5 { color: #fff; opacity: 0.8; } /* Social Link */ .px_footer_social.team_single li a.icon::before { border-radius: 50%; color: #fff; background: var(--px-color-2); padding: 5px; transition: 0.8s; } .px_footer_social.team_single li a.icon:hover::before { color: #fff; background: var(--px-color-1); transition: 0.8s; } /* Text CSS */ .px_team_single_year { background: #fff; border: 1px solid rgba(200, 200, 200, 0.3); box-shadow: 0px 0px 22px 0px rgba(5, 5, 5, 0.07); transition: all 0.3s ease-in-out; overflow: visible !important; } .px_team_single_year h3, .px_team_single_year h5 { color: #717578; } .px_team_single_text h6 { background: var(--px-color-1); color: #fff; border-radius: 20px; padding: 5px 15px; position: absolute; } .px_team_single_year::after { content: ""; width: 1px; height: 150%; background: var(--px-color-1); position: absolute; left: 60px; top: 0px; z-index: -1; transition: all 0.3s ease; } @media only screen and (max-width:576px) { .px_team_single_year::after { display: none; } } /* ----------------------------------- 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 {} /*---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_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 {} /*---Arrow CSS---*/ .px_slider_v1 .et-pb-slider-arrows {} .px_slider_v1 .et-pb-slider-arrows a { background: var(--px-color-1); border-radius: 50%; padding: 10px; } .px_slider_v1 .et-pb-slider-arrows a:hover { background: var(--px-color-2); } .px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-prev {} .px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-next {} /*---Dots Navigation CSS---*/ .px_slider_v2 .et-pb-controllers a{ background: var(--px-color-1); opacity: 1 !important; } .px_slider_v2 .et-pb-controllers a.et-pb-active-control { background: var(--px-color-2); opacity: 1 !important; } .px_slider_v1 .et-pb-controllers a {} .px_slider_v1 .et-pb-controllers a.et-pb-active-control {} /* Responsive CSS */ @media only screen and (min-width:577px) and (max-width:980px) { .px_slider_v1 .et-pb-slider-arrows a { font-size: 40px !important; } } @media only screen and (max-width:576px) { .px_slider_v1 .et-pb-slider-arrows a { font-size: 30px !important; padding: 8px; } } /*---Slider v2 CSS---*/ .px_slider_v1 {} /*---Slider v2 CSS---*/ .px_slider_v3 {} /*---------Title Css ---------*/ .px_slider_v3 .et_pb_slide_description .et_pb_slide_title { width: 100%; /* max-width: 52%; */ color: #fff !important; } .px_slider_v3 .et_pb_slide_description { float: left !important; width: 100%; max-width: 980px; } /*--------- Img-----------*/ .px_slider_v3 .et_pb_slide_image { top: auto; bottom: 0; width: auto !important; right: 0 !important; margin-right: 0 !important; } /*--- Btn Css-----* /*-----Arrow Navigation Css -----*/ .px_slider_v3 .et-pb-controllers a { border-radius: 50%; width: 15px; height: 15px; background-color: var(--px-color-1); opacity: 1 !important; } .px_slider_v3 .et-pb-controllers a:hover { background-color: var(--px-color-2); } .px_slider_v3 .et-pb-controllers .et-pb-active-control { background-color: var(--px-color-2); } /*-------980 Below Css --------*/ @media only screen and (max-width: 980px) { } /*-------740 Below Css --------*/ @media only screen and (max-width: 767px) { } /** * ---------------------------------------- * animation kenburns-bottom-left * ---------------------------------------- */ .dct_kenburn_105 .et_pb_slide_image{ animation: kenburns-bottom-left 5s ease-out both; } @-webkit-keyframes kenburns-bottom-left { 0% { transform: scale(1) translate(0, 0); transform-origin: 16% 84%; } 100% { transform: scale(1.25) translate(-20px, 15px); transform-origin: left bottom; } } @keyframes kenburns-bottom-left { 0% { transform: scale(1) translate(0, 0); transform-origin: 16% 84%; } 100% { transform: scale(1.25) translate(-20px, 15px); transform-origin: left bottom; } } /* ----------------------------------- 11 Faqs CSS -------------------------------------*/ /*---Faqs v1 CSS---*/ .px_faqs_v1 {} .px_faqs_image { } @media only screen and (max-width:980px) { .px_faqs_image img { height: 500px !important; object-fit: contain; } } .px_faqs_v1 .et_pb_toggle { background: #fff; border: none; border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0; box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.15); margin-bottom: 15px !important; } .px_faq_v1_btn { color: var(--px-color-3); } .px_faq_v1_btn::before { margin-left: -1.8em !important; color: var(--px-color-1); } .px_faq_v1_btn:hover { background: transparent !important; } .px_faq_v1_blurb .et_pb_blurb_content .et_pb_main_blurb_image { background: var(--px-color-2); border-radius: 50%; padding: 25px; display: table; transition: 0.5s; } .px_faq_v1_blurb:hover .et_pb_blurb_content .et_pb_main_blurb_image { background: var(--px-color-1); transform: rotateY(180deg); transition: 0.5s; } /*---Title CSS---*/ .px_faqs_v1 .et_pb_toggle .et_pb_toggle_title { color: var(--px-color-3); } /*---Title Icon CSS---*/ .px_faqs_v1 .et_pb_toggle .et_pb_toggle_title::before { color: var(--px-color-3); } /*---Open Title CSS---*/ .px_faqs_v1 .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title { color: #fff; background: var(--px-color-1); margin: -20px; padding: 20px; } /*---Open Title Icon CSS---*/ .px_faqs_v1 .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title::before { content: "\32" !important; font-family: ETmodules !important; right: 20px; color: #fff; display: block !important; } /*---Content CSS---*/ .px_faqs_v1 .et_pb_toggle .et_pb_toggle_content { margin-top: 20px; } /*---Faqs v2 CSS---*/ .px_faqs_v2 {} .px_faqs_v1.px_faqs_v2 .et_pb_toggle { background: transparent; box-shadow: none; border-bottom: 1px solid #E1E1E1; margin-bottom: 10px !important; padding-bottom: 30px !important; } /*---Open Title CSS---*/ .px_faqs_v1.px_faqs_v2 .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title::before { color: var(--px-color-3); } .px_faqs_v1.px_faqs_v2 .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title { color: var(--px-color-3); background: transparent; } /*---Content CSS---*/ .px_faqs_v1 .et_pb_toggle .et_pb_toggle_content { margin-top: 10px; } /* ----------------------------------- 12 Timeline CSS -------------------------------------*/ /*---Timeline v1 CSS---*/ .px_timeline_v1 {} .px_team_single_year.timeline { box-shadow: none; border: none; } .px_team_single_year.timeline::after { display: none; } .px_team_single_col:hover .px_team_single_year.timeline { background: transparent !important; } .px_team_single_year.timeline .et_pb_text_inner::after { content: ""; width: 1px; height: 120%; background: #d0d0d0; position: absolute; left: 80px; top: 168px; z-index: 1; overflow: visible; transition: all 0.3s ease; } .px_timeline_v1 .et_pb_row:last-child .px_team_single_year.timeline .et_pb_text_inner::after { display: none; } .px_team_single_year.timeline .et_pb_text_inner { background: var(--px-color-1); border: 1px solid rgba(200, 200, 200, 0.3); box-shadow: 0px 0px 22px 0px rgba(5, 5, 5, 0.07); padding: 50px; border-radius: 10px; transition: all 0.5s ease-in-out; } .px_team_single_col:hover .px_team_single_year.timeline .et_pb_text_inner { background: var(--px-color-2); transition: all 0.5s ease-in-out; } /* Heading h4 CSS */ .px_team_single_text.timeline h4 { color: var(--px-color-2); transition: 0.8s; } .px_team_single_col:hover .px_team_single_text.timeline h4 { color: var(--px-color-1); transition: 0.8s; } /* Heading h6 CSS */ .px_team_single_text.timeline h6 { background: var(--px-color-2); padding: 10px 20px; display: inline-block; position: relative; margin: 10px 0px 25px 0px; transition: 0.8s; } .px_team_single_col:hover .px_team_single_text.timeline h6 { background: var(--px-color-1); transition: 0.8s; } .px_team_single_text.timeline p.px_desc { font-size: 17px; } .px_team_single_text.timeline ul { margin-top: 30px; } .px_team_single_text.timeline ul li { font-size: 17px; color: #717578; } /* Responsive CSS */ @media only screen and (max-width:576px) { .px_team_single_year .et_pb_text_inner::after { display: none; } } /*---Timeline v2 CSS---*/ .px_timeline_v2 {} /* ----------------------------------- 13 Pricing Table CSS -------------------------------------*/ /*---Pricing Default CSS---*/ .px_pricing_table {} .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table {} /* Heading Css */ .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_heading {} .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 {} .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 .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 {} .px_pricing_aboutlist_btn { border: 0px 0px 1px 0px solid rgba(0, 0, 0, 0.05) !important; width: 100%; } .px_pricing_aboutlist_btn::after { content: "\e060" !important; font-family: ETmodules; position: absolute; right: 0; top: 10px; color: var(--px-color-1); display: block !important; visibility: visible !important; opacity: 1 !important; font-size: 14px; } .px_pricing_table_v1 { transition: 1s; } .px_pricing_table_v1:before { content: ""; background: var(--px-color-1); position: absolute; top: 0; left: 30px; height: 5px; width: 100px; border-radius: 5px; } .px_pricing_table_v1:hover { transform: translatey(-20px); transition: 1s; } /*---Pricing Mini CSS---*/ .px_pricing_table_mini {} /*---Pricing Toggle CSS---*/ .px_pricing_table_toggle {} /*Pricing Toggle Button*/ .px_toggle_btn { color: var(--px-color-3); border-radius: 5px; margin: 0px 5px; transition: 1s !important; } .px_toggle_btn:hover, .px_toggle_btn.px_active { color: #fff; background: var(--px-color-1) !important; transition: 1s !important; } /*Pricing Toggle*/ .px_pricing_tabs [id*="px_pricing_tab_"] {} .px_pricing_tabs [id*="px_pricing_tab_"]:hover, .px_pricing_tabs [id*="px_pricing_tab_"].px_active {} /*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 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 { content: "\e031 \e031 \e031 \e031 \e031" !important; font-family: ETmodules !important; font-size: 16px; color: var(--px-color-2); left: 55px; top: 40px; background: transparent; } .px_testimonial_v1.et_pb_testimonial::after {} /* Portrait CSS */ .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_portrait { position: absolute; bottom: -70px; } /*---Description---*/ .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description { margin-left: 0px !important; } .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_description_inner { margin-top: 25px; } .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 { color: var(--px-color-3); } /*---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 { color: var(--px-color-2); position: absolute; right: 15px; bottom: 3px; } .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 */ @media only screen and (max-width:576px) { .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_meta .et_pb_testimonial_position { position: relative; right: 0; bottom: -3px; } } /*---Testimonial v2 CSS---*/ .px_testimonial_v2 {} /* Quote CSS */ .px_testimonial_v2.et_pb_testimonial::before { content: "\f10d" !important; font-family: FontAwesome !important; font-weight: 900; font-size: 20px; color: #c2c3c3; left: auto; right: 20px; top: 20px; border-radius: 50%; padding: 18px; transition: 0.5s; } .px_testimonial_v2.et_pb_testimonial:hover::before { color: #fff; background: var(--px-color-1); transition: 0.5s; } /* Portrait CSS */ .px_testimonial_v2.et_pb_testimonial .et_pb_testimonial_portrait { margin-left: 0px; } /*---Author CSS---*/ .px_testimonial_v2.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_author { margin-top: 0; position: absolute; top: -90px; left: 110px; color: var(--px-color-3); } /*---Review CSS---*/ .px_testimonial_v2.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_author::after { content: "\e031 \e031 \e031 \e031 \e031" !important; font-family: ETmodules !important; font-size: 16px; color: var(--px-color-2); position: absolute; width: 100%; left: 0; bottom: -25px; } /*---Description---*/ .px_testimonial_v2.et_pb_testimonial .et_pb_testimonial_description { margin-left: 0 !important; margin-top: 20px; float: left; } /* Responsive CSS */ @media only screen and (max-width:576px) { .px_testimonial_v2.et_pb_testimonial .et_pb_testimonial_description { margin-top: 0; } .px_testimonial_v2.et_pb_testimonial .et_pb_testimonial_portrait { margin-bottom: 10px; margin-left:auto !important; } .px_testimonial_v2.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_author { margin-top: 0; position: relative; top: 0; left: 0; color: var(--px-color-3); } .px_testimonial_v2.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_author::after { font-size: 12px; bottom: -20px; } .px_testimonial_v2.et_pb_testimonial::before { font-size: 15px; padding: 12px; } } /*---------Slicks -------*/ .px_testimonial_v2_slick .slick-dots { padding-bottom:0px !important; } .px_testimonial_v2_slick .slick-dots li.slick-active button::before { opacity: 1 !important; outline: 2px solid var(--px-color-2); outline-offset: -3px; color: var(--px-color-1) !important; } .px_testimonial_v2_slick .slick-dots li button::before{ opacity: 1 !important; color: var(--px-color-1) !important; } @media only screen and (max-width:980px) { .px_testimonial_v2_slick .slick-dots { bottom: 0 !important; } } /*---Testimonial v3 CSS---*/ .px_testimonial_v2.px_testimonial_v3::before { display: none; } .px_testimonial_v2.px_testimonial_v3 { display: flex; flex-direction: column-reverse; } .px_testimonial_v2.px_testimonial_v3::after { content: ""; position: absolute; height: 100%; width: 100%; left: 0; top: 0; z-index: 1; transition: all 0.5s; transform: scaleY(0); opacity: 0; background: var(--px-color-1); border-radius: 10px; visibility: visible !important; } .px_testimonial_v2.px_testimonial_v3:hover::after { opacity: 1; transform: scaleY(1); } /* Portrait CSS */ .px_testimonial_v2.px_testimonial_v3.et_pb_testimonial .et_pb_testimonial_portrait { z-index: 3; } /* Author CSS */ .px_testimonial_v2.px_testimonial_v3.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_author { top: auto; margin-top: 40px; z-index: 3; transition: 0.4s; } .px_testimonial_v2.px_testimonial_v3.et_pb_testimonial:hover .et_pb_testimonial_description .et_pb_testimonial_author { color: #fff; transition: 0.4s; } .px_testimonial_v2.px_testimonial_v3.et_pb_testimonial:hover .et_pb_testimonial_description .et_pb_testimonial_author::after { color: #fff; transition: 0.4s; } /* Description CSS */ .px_testimonial_v2.px_testimonial_v3.et_pb_testimonial .et_pb_testimonial_description { margin-bottom: 20px; margin-top: 0px; } .px_testimonial_v2.px_testimonial_v3.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_description_inner .et_pb_testimonial_content { color: #717578; position: relative; z-index: 3; transition: 0.4s; } .px_testimonial_v2.px_testimonial_v3.et_pb_testimonial:hover .et_pb_testimonial_description .et_pb_testimonial_description_inner .et_pb_testimonial_content { color: #fff; transition: 0.4s; } /* Responsive CSS */ @media only screen and (max-width:576px) { .px_testimonial_v2.px_testimonial_v3.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_author { margin-top: 20px; } .px_testimonial_v2.et_pb_testimonial .et_pb_testimonial_description { margin-bottom: 10px; } } /* ----------------------------------- 15 About Us Section CSS -------------------------------------*/ /*---About Us v1 CSS---*/ .px_aboutus_v1 {} /* Text CSS */ .px_aboutlist_text .et_pb_text_inner p { margin-bottom: 10px; color: var(--px-color-2); } .px_aboutlist_text .et_pb_text_inner h3 { color: var(--px-color-1); } /* Blurb CSS */ .px_aboutlist_blurb { transition: 0.8s !important; } .px_aboutlist_blurb .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon { color: var(--px-color-3); font-size: 50px; transition: 0.8s; } .px_aboutlist_blurb .et_pb_main_blurb_image .et_pb_image_wrap { transition: 0.8s !important; } .px_aboutlist_blurb:hover .et_pb_main_blurb_image .et_pb_image_wrap { transform: rotateY(180deg); transition: 0.8s; } /*---About Us v3 CSS---*/ .px_aboutus_v3_blurb .et_pb_blurb_content .et_pb_main_blurb_image { transition: 0.6s; } .px_aboutus_v3_blurb:hover .et_pb_blurb_content .et_pb_main_blurb_image { transform: rotateY(180deg); transition: 0.6s; } .px_aboutus_v3_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon { color: var(--px-color-1); } /* Title CSS */ .px_aboutus_v3_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header { color: var(--px-color-3); } /* ----------------------------------- 16 Choose Us Section CSS -------------------------------------*/ /*---Choose Us v1 CSS---*/ .px_choose_v1 {} /* ----------------------------------- 17 Process Section CSS -------------------------------------*/ /*---Process Us v1 CSS---*/ .px_process_v1 {} /* ----------------------------------- 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_counter_v1 {} .px_counter_v1 .percent p span { color: var(--px-color-1) !important; } .px_counter_v1 .percent { margin-bottom: 10px !important; } /* ----------------------------------- 22 Newsletter Section CSS -------------------------------------*/ /*---Newsletter v1 CSS---*/ .px_newsletter_v1 {} /*Form Css*/ .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_form {} .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_form form { display: flex; position: relative; } /*Input Css*/ .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_field { padding-bottom: 0px; margin-bottom: 0px; width: 100%; } .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] { border-radius: 40px; padding: 25px 30px !important; } /*Button Css*/ .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap { position: absolute; right: 5px; top: 6px; } .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button { background: var(--px-color-1); color: #fff; } .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 {} .px_cta_v1_blurb .et_pb_blurb_content .et_pb_image_wrap { transition: 1s; } .px_cta_v1_blurb .et_pb_blurb_content .et_pb_image_wrap .et-pb-icon { font-size: 70px; } .px_cta_v1_blurb:hover .et_pb_blurb_content .et_pb_image_wrap { transform: rotateY(180deg); transition: 1s; } @media only screen and (max-width:980px) { .px_cta_image_height img { height: 300px !important; object-fit: cover !important; } } /*---CTA v2 CSS---*/ .px_CTA_v2 {} /* ----------------------------------- 24 Client Section CSS -------------------------------------*/ .px_client_v1 {} .px_client_v1 .et_pb_image_wrap img { filter: grayscale(100%); opacity: 0.4; transition: 1s; } .px_client_v1 .et_pb_image_wrap img:hover { filter: grayscale(0); opacity: 1; transition: 1s; } /* ----------------------------------- 25 Coming Soon Page CSS -------------------------------------*/ .px_footer_social.coming_soon li a.icon::before { background: transparent; border: 1px solid rgba(255, 255, 255, 0.2); color: #fff; } .px_footer_social.coming_soon li a.icon:hover::before { background: var(--px-color-1); } /* ----------------------------------- 26 404 Page CSS -------------------------------------*/ .px_404_search { border: none; border-radius: 5px; } .px_404_search .et_pb_searchform div input.et_pb_s { line-height: 40px; padding: 20px; background: #fff; color: #333; width: 100%; height: 70px; font-size: 18px; border-radius: 5px 5px 0px 5px; transition: all 500ms ease; } .px_404_search .et_pb_searchform { border-radius: 5px; border: 1px solid var(--px-color-1); } .px_404_search .et_pb_searchform div input.et_pb_searchsubmit { background-color: var(--px-color-1); color: #fff; font-size: 16px; padding: 0px 25px; border-radius: 0px 5px 5px 0px; } /* ----------------------------------- 27 Search Page CSS -------------------------------------*/ /* ----------------------------------- 28 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 {} /*------------------------------------------- -- 29. 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) } /* ----------------------------------- 30. Animation Part CSS -------------------------------------*/ /**Color Picker Img Animation */ @keyframes rotation { from { transform: rotate(0deg); } to { transform: rotate(359deg); } } /* Spin Animation */ .px_img_spin .et_pb_image_wrap { animation: spin 10s linear infinite; } .px_icon_spin .et_pb_icon_wrap .et-pb-icon { font-size: 65px !important; background: var(--px-color-1); color: #fff !important; padding: 22px; border-radius: 50% !important; animation: spin 10s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(1turn); } } /* Shine Animation */ .px_shine .et_pb_image_wrap::before { position: absolute; top: 0; left: -100%; display: block; content: ''; width: 50%; height: 100%; background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.3))); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); -webkit-transform: skewX(-25deg); -ms-transform: skewX(-25deg); transform: skewX(-25deg); transition: all 0.8s ease; z-index: 1; } .px_shine .et_pb_image_wrap:hover::before { animation: shine 1s; } @keyframes shine { 100% { left: 125%; } } /* Circle Animation */ .px_circle .et_pb_image_wrap::before { position: absolute; top: 50%; left: 50%; z-index: 2; display: block; content: ''; width: 0; height: 0; background: rgba(255, 255, 255, 0.2); border-radius: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; } .px_services_v2:hover .px_circle .et_pb_image_wrap::before { animation: circle .75s; } @keyframes circle { 0% { opacity: 1; } 40% { opacity: 1; } 100% { width: 200%; height: 200%; opacity: 0; } } /* Move Arrow Animation */ @keyframes moveArrow { 0%, 55% { opacity: 1; -webkit-transform: translateX(0) scale(1); -moz-transform: translateX(0) scale(1); transform: translateX(0) scale(1); } 25% { opacity: 0; -webkit-transform: translateX(13px) scale(0.9); -moz-transform: translateX(13px) scale(0.9); transform: translateX(13px) scale(0.9); } 26% { opacity: 0; -webkit-transform: translateX(-13px) scale(0.9); -moz-transform: translateX(-13px) scale(0.9); transform: translateX(-13px) scale(0.9); } }