/* Theme Name: Insurex Divi Insurance Agency Theme Theme URI: https://insuranceagency.divichildthemesextended.com/ Description: Multipurpose Premium Divi Child Theme perfect for Insurance Consulting Agency, Insurance Marketing Agency, Insurance Startup Companies, Insurance Creative Agency, Insurance business solution firm websites. 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. Hero Section CSS Hero v1 CSS 05. Sidebar CSS 06. 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 07. 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 08. Services CSS Services v1 CSS Services v2 CSS Services v3 CSS Services Single Page CSS 09. Contact Us CSS Contact Us v1 CSS Contact Us v2 CSS 10. Team Section CSS Team v1 CSS Team v2 CSS Team Single CSS 11 Slider Section CSS Slider v1 CSS 12 Faqs CSS Faqs v1 CSS 13 Timeline CSS Timeline v1 CSS 14 Pricing Table CSS Pricing Default CSS Pricing Mini CSS Pricing Toggle CSS Pricing Table CSS 15 Testimonial Section CSS Testimonial v1 CSS Testimonial v2 CSS 16 About Us Section CSS 17 Choose Us Section CSS 18 Process Section CSS 19 Partner Section CSS 20 Video Section CSS 21 Skill-bar Section CSS 22 Counter Section CSS 23 Newsletter Section CSS 24 CTA Section CSS 25 Coming Soon Page CSS 26 404 Page CSS 27 Search Page CSS 28 Color Picker CSS 29 Animation Part CSS 30 Slide In CSS --------------------------------------------------------*/ /* ----------------------------------- 01. General Class CSS -------------------------------------*/ body{overflow-x:hidden;} /*---Title CSS---*/ .px_title .et_pb_text_inner span {color:var(--px-color-1);margin-bottom:10px;} .px_title .et_pb_text_inner h2 {color:var(--px-color-2);} /*---Button CSS---*/ .px_btn{background: linear-gradient(90deg,var(--px-color-1) 0%,var(--px-color-3) 100%);color:#fff;position:relative;overflow:hidden;} .px_btn:before{ position: absolute; top: 0; left: -100%; content: ""; width: 100%; height: calc(100% + 3px); z-index: -1; visibility: hidden; opacity: 0; display:block !important; background: linear-gradient(-90deg,var(--px-color-1) 0%,var(--px-color-3) 100%); margin-left: 0px !important; } .px_btn:after{font-size:0px !important;} .px_btn:hover:before{left: 0;visibility: visible;opacity: 1;} /*---Flex Colum Css---*/ .px_flex_colum{display:flex;} /*---Process Bar CSS---*/ .px_bar_info .et_pb_counter_container{position:static;} .px_bar_info .et_pb_counter_container .et_pb_counter_amount_number .et_pb_counter_amount_number_inner{color:#000;} .px_bar_info .et_pb_counter_amount{height: 6px;background-color: var(--px-color-1) !important;} .px_bar_info .et_pb_counter_amount.overlay{background:transparent !important;} .px_bar_info .et_pb_counter_title{margin-bottom: 15px;} /*---Animation CSS---*/ .px_about_info.info_v2{animation: moveHorizontal_reverse 3500ms infinite ease-in-out;} .px_about_info {color: var(--px-color-1);background:#fff;} .px_about_info{animation: moveHorizontal 3500ms infinite ease-in-out;} /*---Hover CSS---*/ .px_hover_v1:after { position: absolute; top: 100%; left: -100%; content: ""; width: 100%; height: 100%; background: var(--px-color-1); background: linear-gradient(90deg,var(--px-color-1) 0%,var(--px-color-3) 100%); z-index: -1; border-radius: 0 100px 0 0; transition: .4s; } .px_hover_v2:before{ position: absolute; top: 0%; left: 0%; content: ""; width: 100%; height: 0%; background: linear-gradient(90deg,var(--px-color-1) 0%,var(--px-color-3) 100%); z-index: -1; opacity: 0; transition: .4s; } /* Plus Effect CSS */ .px_pulse_icon .et-pb-icon{ background: var(--px-color-1); width: 80px; height: 80px; border-radius: 50%; text-align: center; line-height: 80px; color: #fff !important; } .px_pulse_icon .et-pb-icon:after { content: ""; display: block; position: absolute; top: -14px; right: -14px; bottom: -14px; left: -14px; border: 15px solid rgba(255,255,255,.3); border-radius: 50%; animation: ripple 2s linear 1.5s infinite; } /*--- 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; } .pagination .alignleft a, .pagination .alignright a { border-radius: 5px; background: linear-gradient(90deg,var(--px-color-1) 0%,var(--px-color-3) 100%); color: #fff; position: relative; overflow: hidden; z-index:1; padding:12px 20px !important; } /*****Pagination CSS For Slider******/ .px_slider .slick-dots{padding:0px !important;} .px_slider .slick-dots li button, .px_slider1 .slick-dots li button, .px_slider2 .slick-dots li button{border: 1px solid var(--px-color-1);margin: 0 5px;border-radius: 50%;opacity: 1;width: 15px !important;height: 15px !important;} .px_slider .slick-dots li button:before, .px_slider1 .slick-dots li button:before, .px_slider2 .slick-dots li button:before{opacity:0 !important;} .px_slider .slick-dots li.slick-active button, .px_slider1 .slick-dots li.slick-active button, .px_slider2 .slick-dots li.slick-active button{background: var(--px-color-1);} /*****Mobile Menu CSS******/ .px_mm_m_style1 .mobile_menu_bar{bottom: -6px;} /*****Responsive CSS For Slider******/ @media only screen and (max-width:767px){ .px_slider .et_pb_column{width:373px !important;} } /* ----------------------------------- 02. Header Section CSS -------------------------------------*/ /*---Header Common Info Css---*/ /*---Header Button CSS---*/ .px_small_info{color:#555;} .px_small_info:before{color:var(--px-color-3);} /*---Header Button CSS---*/ .px_small_blurb_info {} .px_header_contact_info {} .px_header_social li a.icon:before{color:#fff;transition: .5s;} .px_header_social li a.icon:hover:before{color:var(--px-color-3)!important;} /*---Menu + Sub Menu CSS---*/ /*---Main Menu CSS---*/ .px_h_menu.et_pb_menu .et-menu > li {padding-left:0px;} .px_h_menu .et-menu li a:hover{color:var(--px-color-1);background:transparent;} .px_h_menu .et-menu li a{color:var(--px-color-2);} /*---Sub Menu CSS---*/ /* .px_h_menu .et-menu-nav .et-menu li .sub-menu{position: absolute;top:0px;padding: 12px 0;box-shadow: 0 2px 22px 0 rgb(0 0 0 / 17%);transition: .5s;border-top:none !important;margin-top:0px !important;} .px_h_menu .et-menu-nav .et-menu li:hover .sub-menu{top:80px;} .px_h_menu .et-menu-nav .et-menu li .sub-menu li:hover .sub-menu{top:0;} .px_h_menu .et_mobile_menu{border:none !important;} .px_h_menu .et_mobile_menu li a{color:var(--px-color-2);} */ .px_h_menu .et-menu-nav li ul.sub-menu {padding:0;border-top-width:0px ;border-radius:5px;} .px_h_menu ul li.menu-item-has-children ul.sub-menu li{display:block;padding:0;} .px_h_menu ul li.menu-item-has-children ul.sub-menu li a{padding: 15px 30px;position:relative;border-bottom: 1px solid rgba(0,0,0,.10);display: block; width: 100%;text-align:left;} .px_h_menu ul li.menu-item-has-children ul.sub-menu li a:hover{opacity:1;padding-left: 40px;color:var(--px-color-1);} .px_h_menu ul li.menu-item-has-children ul.sub-menu li a:before{position: absolute;content: '';left: 18px;top: 29px;width: 0;height: 2px;background-color: transparent;-webkit-transition: all .500s ease-in-out;transition: all .500s ease-in-out;} .px_h_menu ul li.menu-item-has-children ul.sub-menu li a:hover:before{background-color: var(--px-color-1);width: 10px;} /* ----------------------------------- Header v1 CSS -------------------------------------*/ /*---Header v1 CSS---*/ .px_header_v1 {} /*---Header v2 CSS---*/ .px_header_v2 .px_h_menu.et_pb_menu .et-menu > li{padding-left:11px !important;} /*---Header v3 CSS---*/ .px_header_v3 .px_h_menu.et_pb_menu .et-menu > li {padding-left:11px !important;} /* .px_header_v3_bottom .px_h_menu .et-menu li a{color:#fff;transition: .5s;} .px_header_v3_bottom .px_h_menu .et-menu li .sub-menu li a {color: #000;transition: .5s;} */ /* Hover CSS */ /* .px_header_v3_bottom .px_h_menu .et-menu li a:hover{color:var(--px-color-1);transition: .5s;} .px_header_v3_bottom .px_h_menu .et-menu li .sub-menu li a:hover{color:var(--px-color-1);transition: .5s;} .px_header_v3_bottom .px_h_menu.et_pb_menu .et-menu > li{padding-left: 20px !important;} .px_header_v3_bottom .px_h_menu .et-menu-nav .et-menu li:hover .sub-menu{top:50px;} */ /* Responsive CSS */ @media only screen and (max-width:990px){ .px_header_v3 {opacity:0.9;} } /* ----------------------------------- 03. Footer Section CSS -------------------------------------*/ /*---Footer Common Info Css---*/ /* Title CSS */ .px_footer_title:after { position: absolute; bottom: 0; left: 0 !important; width: 55px; height: 2px; content: "" !important; background: linear-gradient(90deg,var(--px-color-1) 0%,var(--px-color-3)100%); font-size: 0px!important; margin-left: 15px !important; } /* Social Media CSS */ .px_footer_social li a.icon:before {background: #fff;border-radius: 50%;text-align: center;color: var(--px-color-1) !important;padding:3px;box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3)!important;} .px_footer_social li a:hover:before{background:var(--px-color-1);color:#fff!important;transition:0.4s;} .px_footer_social li a{margin-right:15px;} /* Footer List CSS */ .px_footer_info{color:#fff;} .px_footer_info:hover{color:var(--px-color-1);padding-left:40px !important;transition:0.4s;} /* Contact Info CSS */ .px_footer_small_info .et_pb_blurb_container{padding-left:0px !important;} .px_footer_small_info .et-pb-icon{color:var(--px-color-1) !important;} .px_footer_small_info.light .et-pb-icon{color: #fff !important;font-size: 23px;padding-top: 10px;} .px_footer_small_info .et_pb_module_header{padding-bottom:5px !important;} /* ----------------------------------- 04. Hero Section CSS -------------------------------------*/ /*--- Hero v1 CSS---*/ /* Title CSS */ .px_hero_Sec_v1 .px_banner_chart_info .et_pb_module_header{position: absolute;top: 10px;left: 10px;} /* Image CSS */ .px_hero_Sec_v1 .px_hero_img1 .et_pb_image_wrap{animation: animationFrameTwo 20000ms infinite ease-in-out;} .px_hero_Sec_v1 .px_hero_img2 .et_pb_image_wrap{animation: moveHorizontal 5000ms infinite ease-in-out;} .px_hero_Sec_v1 .px_hero_img3 .et_pb_image_wrap{animation: float 3500ms infinite ease-in-out;} .px_hero_Sec_v1 .px_hero_img4 .et_pb_image_wrap{animation: float_reverse 4500ms infinite ease-in-out;} .px_hero_Sec_v1 .px_hero_img5 .et_pb_image_wrap{animation: moveHorizontal 5500ms infinite ease-in-out;} /* Responsive CSS */ @media only screen and (max-width:767px){ .px_hero_Sec_v1 .px_title h2{font-size:42px} } /*--- Hero v1 CSS---*/ .px_hero_Sec_v2:before {background: var(--px-color-2);position: absolute;content: '';width: 100%;height: 100%;top: 0;opacity: 0.8;} .px_hero_Sec_v2 .px_banner_btn2:before{color:var(--px-color-1);} /* ----------------------------------- 05. Sidebar CSS -------------------------------------*/ /* Widget CSS */ .px_sidebar .et_pb_widget{margin: 0 0 30px;background-color: #fff;padding: 25px;border-radius: 5px;box-shadow: 0 5px 30px rgb(0 0 0 / 10%);border-top: 3px solid var(--px-color-1);} /* Search Button CSS */ .px_sidebar .wp-block-search__input {height: 54px !important;color: var(--px-color-2);border-radius: 5px;font-size: 16px;border: 1px solid #e6edf6;} .px_sidebar .wp-block-search__button {background: linear-gradient(90deg,var(--px-color-1) 0%,var(--px-color-3) 100%);color: #fff !important;height: 100% !important;} .px_sidebar .et_pb_widget.widget_search{border:none !important;padding:0 !important;} /* Title CSS */ .px_sidebar .et_pb_widget h2{margin: 0 0 25px;position: relative;color: #000;border-bottom: 1px solid #e6edf6;padding-bottom: 20px;} .px_sidebar .et_pb_widget h2:after{position: absolute;bottom: 0;left: 0;width: 55px;height: 2px;content: "";background: var(--px-color-1);} /* Block List CSS */ .px_sidebar .wp-block-group ul li{position:relative;padding-left: 20px;margin-bottom: 15px;transition:0.4s ease;} .px_sidebar .wp-block-group ul li:before {font-family: ETmodules!important;content: '\35';left: 0;font-size: 20px;top: 0;position: absolute;transition:0.4s ease;} .px_sidebar .wp-block-group ul li a{color:var(--px-color-2);transition:0.4s ease;} .px_sidebar .wp-block-group ul li:hover{padding-left: 25px;transition:0.4s ease;color:var(--px-color-1);} .px_sidebar .wp-block-group ul li:hover a{color:var(--px-color-1);transition:0.4s ease;} /* Tag CSS */ .px_sidebar .et_pb_widget.widget_tag_cloud .tagcloud a{ font-size: 14px !important; line-height: 18px; padding: 10px 14px; color: var(--px-color-2); border-radius: 3px; border: 1px solid #eee; transition: .4s; background: #fff; font-weight: 500 !important; margin-left: 5px; } .px_sidebar .et_pb_widget.widget_tag_cloud .tagcloud a:hover{background: linear-gradient(90deg,var(--px-color-1) 0%,var(--px-color-3) 100%);color:#fff;transition: .4s;} /* Responsive CSS */ @media only screen and (max-width:990px){ .px_sidebar .et_pb_widget{width:100%;} } /* ----------------------------------- 06. Blog CSS -------------------------------------*/ /*---Blog Grid CSS & 3 Columns CSS ---*/ .px_blog_v1 .et_pb_post {border: none !important;padding: 0 !important;background-color: transparent !important;position: relative;margin-bottom:190px !important;} .px_blog_v1 .et_pb_post .info{ bottom: -155px; background: #fff; position: absolute; width: calc(100% - 20px); border-radius: 10px; padding: 25px 20px; left: 10px; box-shadow: 0 8px 15px rgb(0 0 0 / 10%); transition: .6s; overflow: hidden; z-index: 1; } .px_blog_v1 .et_pb_post .info:after{ position: absolute; top: 100%; left: -100%; content: ""; width: 100%; height: 100%; background: var(--px-color-1); background: linear-gradient(90deg,var(--px-color-1) 0%,var(--px-color-3) 100%); z-index: -1; border-radius: 0 100px 0 0; transition: .4s; } .px_blog_v1 .et_pb_post:hover .info:after{top: 0;left: 0;border-radius: 0;} /*---Image CSS---*/ .px_blog_v1 .et_pb_post .et_pb_image_container {margin:0 !important;} .px_blog_v1 .et_pb_post .et_pb_image_container .entry-featured-image-url {border-radius: 10px;overflow: hidden;} .px_blog_v1 .et_pb_post:hover .et_pb_image_container .entry-featured-image-url img {transform: scale(1.08);transition: .9s;} /*---Title CSS---*/ .px_blog_v1 .et_pb_post .entry-title {color:var(--px-color-2);transition: .4s;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .px_blog_v1 .et_pb_post .entry-title a{color:var(--px-color-2);transition: .4s;} .px_blog_v1 .et_pb_post:hover .entry-title {color:#fff;} .px_blog_v1 .et_pb_post:hover .entry-title a{color:#fff;} /*---Post Meta CSS---*/ .px_blog_v1 .et_pb_post .post-meta{transition: .4s;margin:0px !important;} .px_blog_v1 .et_pb_post:hover .post-meta{color:#fff;} .px_blog_v1 .et_pb_post .post-meta .published:before {content:'\e025';font-family: ETmodules!important;margin-right: 5px;color: var(--px-color-1);transition: .4s;} .px_blog_v1 .et_pb_post .post-meta a:before{content:'\e109';font-family: ETmodules!important;margin-right: 5px;color: var(--px-color-1);transition: .4s;} .px_blog_v1 .et_pb_post .post-meta .author:before{content:'\e08a';font-family: ETmodules!important;margin-right: 5px;color: var(--px-color-1);transition: .4s;} .px_blog_v1 .et_pb_post .post-meta .author a:before{content:'' !important;} .px_blog_v1 .et_pb_post:hover .post-meta .published:before {color:#fff;} .px_blog_v1 .et_pb_post:hover .post-meta a:before{color:#fff;} .px_blog_v1 .et_pb_post:hover .post-meta a{color:#fff;transition: .4s;} .px_blog_v1 .et_pb_post:hover .post-meta .author:before{color:#fff;} /*---Blog Desc CSS---*/ .px_blog_v1 .et_pb_post .post-content {margin-top:10px;} .px_blog_v1 .et_pb_post:hover .post-content .post-content-inner p{color:#fff;transition:0.4s;} /*---Read More Button CSS---*/ .px_blog_v1 .et_pb_post .post-content .more-link{color:var(--px-color-1);letter-spacing:0.5px;transition: .4s;margin-top:10px;} .px_blog_v1 .et_pb_post:hover .post-content .more-link{color:#fff;} /*---Blog Grid 2 Columns CSS---*/ .px_blog_v1.px_blog_grid_2_col .et_pb_post{margin-bottom: 120px !important;} .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 .info{bottom: -100px;} /*---Blog Grid 4 Columns CSS---*/ .px_blog_grid_4_col .et_pb_ajax_pagination_container {display: grid;grid-gap: 20px;grid-template-columns: repeat(4, 25%);} .px_blog_v1.px_blog_grid_4_col .et_pb_post .info{bottom:-100px;padding: 20px 15px;} .px_blog_v1.px_blog_grid_4_col .et_pb_post .post-meta{margin-top: 0px;} .px_blog_v1.px_blog_grid_4_col .et_pb_post .post-content{margin-top: 15px;} /*--- Blog Listing CSS ---*/ .px_blog_list .et_pb_post{margin-bottom: 60px !important;overflow:hidden;transition:0.4s ease-out;} .px_blog_list .et_pb_post .entry-featured-image-url{width: 50%;float: left;margin-bottom: 0;height: 259px;transition:0.4s ease-out;} .px_blog_list .et_pb_post .entry-featured-image-url img{height: 100%;width: 80%;float: left;transition:0.4s ease-out;} .px_blog_list .et_pb_post .info{width: 50%;float: right;position: relative;bottom: 0;left: 0;box-shadow: none;height: 100%;border-radius:0 10px 10px 0;} .px_blog_list .et_pb_post:hover .entry-featured-image-url{margin-left:0px;transition:0.4s ease-out;} .px_blog_list .et_pb_post:hover .entry-featured-image-url img{border-radius:10px 0 0 10px;transition:0.4s ease-out;margin-left: 110px;} /* Blog Listing For Right Side Image CSS */ .px_blog_list .et_pb_post:nth-child(2n) .entry-featured-image-url {float: right;} .px_blog_list .et_pb_post:nth-child(2n) .info {border-radius: 10px 0 0 10px;} .px_blog_list .et_pb_post:nth-child(2n) .entry-featured-image-url img {float: right;} .px_blog_list .et_pb_post:hover:nth-child(2n) .entry-featured-image-url img {margin-right: 110px;border-radius: 0px 10px 10px 0px;margin-left: 0px;} /* Responsive Css */ @media only screen and (max-width:990px){ /*--- Blog Listing CSS ---*/ .px_blog_list .et_pb_post{box-shadow: 0 8px 15px rgb(0 0 0 / 10%);border-radius: 10px;} .px_blog_list .et_pb_post .entry-featured-image-url{width: 100%;height:100%;} .px_blog_list .et_pb_post .info{width: 100%;border-radius:0 0 10px 10px} .px_blog_list .et_pb_post .entry-featured-image-url img{width:100%;} .px_blog_list .et_pb_post:hover .entry-featured-image-url img{margin-left:0px; border-radius:10px 10px 0 0;} .px_blog_list .et_pb_post:nth-child(2n) .info {border-radius: 0px 0 10px 10px;} .px_blog_list .et_pb_post:nth-child(2n) .entry-featured-image-url img {margin-right: 0;border-radius: 10px;} .px_blog_list .et_pb_post:hover:nth-child(2n) .entry-featured-image-url img {margin-right: 0px;border-radius: 10px 10px 0px 0px;margin-left: 0px;} /*---Blog Grid 4 Columns CSS---*/ .px_blog_grid_4_col .et_pb_ajax_pagination_container {grid-template-columns: repeat(2, 50%);} } @media only screen and (max-width:767px){ .px_blog_v1.px_blog_grid_2_col .et_pb_post{margin-bottom: 150px !important;} /*--- Blog Listing CSS ---*/ .px_blog_list .et_pb_post .post-content-inner p{display:none} /*---Blog Grid 2 Columns CSS---*/ .px_blog_grid_2_col .et_pb_ajax_pagination_container {grid-template-columns: unset;} /*---Blog Grid 4 Columns CSS---*/ .px_blog_grid_4_col .et_pb_ajax_pagination_container {grid-template-columns: unset;} .px_blog_v1.px_blog_grid_2_col .et_pb_post .info{bottom: -135px;} } /*--- Blog Single Page CSS ---*/ .px_blog_single {border-left-color: var(--px-color-1);} .px_blog_single.px_blog_single_testimonial:before{ position: absolute; top: 50%; left: 30px; transform: translateY(-50%); z-index: 0; color: var(--px-color-1); font-size: 96px; opacity: .5; content: '\7b' !important; } /* Social Links CSS */ .px_blog_details_social li a.icon:before { height: 32px; width: 32px; line-height: 32px; display: block; position: relative; z-index: 10; background: #fff; border-radius: 50%; text-align: center; color: var(--px-color-1); transition: .3s; box-shadow: 0 5px 10px rgb(0 0 0 / 10%); } .px_blog_details_info .et_pb_member_social_links{padding:0; margin-top:15px;} .px_blog_details_info .et_pb_member_social_links li a{ width: 35px; height: 35px; background: #fff; border-radius: 50%; text-align: center; color: var(--px-color-1); transition: .3s; box-shadow: 0 5px 10px rgb(0 0 0 / 10%); line-height: 37px; } .px_blog_details_info .et_pb_member_social_links li a:hover {background: var(--px-color-1);color:#fff;} .px_blog_details_info .et_pb_team_member_image img{object-fit:cover;} /* Comments CSS */ .px_blog_details_comment .comment-body .comment_avatar img{border-radius:50%;} .px_blog_details_comment .comment-edit-link{display:none;} .px_blog_details_comment .comment-reply-link.et_pb_button{ border: 1px solid #ddd; border-radius: 50px; line-height: 1; margin-top: 5px; font-size: 15px; transition: .3s; color: var(--px-color-2); top: 15px; right: 15px; transition:0.4s; padding:5px 15px !important; } .px_blog_details_comment .comment-reply-link.et_pb_button:after{font-size:0px !important;} .px_blog_details_comment .comment-reply-link.et_pb_button:hover{background: linear-gradient(-90deg,var(--px-color-1) 0%,var(--px-color-3) 100%);color: #fff;transition:0.4s;} .px_blog_details_comment .comment_avatar{left: 10px;top: 25px;} .px_blog_details_comment .comment-body{padding: 20px 110px 51px 100px;background: #f9fafc;border-radius: 5px;} .px_blog_details_comment .logged-in-as{display:none;} .px_blog_details_comment .form-submit{float:left;} .px_blog_details_comment .form-submit .submit{background: linear-gradient(90deg,var(--px-color-1) 0%,var(--px-color-3) 100%);color: #fff;position: relative;overflow: hidden;z-index:1;} .px_blog_details_comment .form-submit .submit:after{font-size:0px !important;} .px_blog_details_comment .form-submit .submit:before{ position: absolute; top: 0; left: -100%; content: ""; width: 100%; height: calc(100% + 3px); z-index: -1; visibility: hidden; opacity: 0; display: block !important; background: linear-gradient(-90deg,var(--px-color-1) 0%,var(--px-color-3) 100%); margin-left: 0px !important; display:block; } .px_blog_details_comment .form-submit .submit:hover:before {left: 0;visibility: visible;opacity: 1;} /* Responsive CSS */ @media only screen and (max-width:767px){ .px_blog_single.px_blog_single_testimonial:before{visibility: hidden;} } /* ----------------------------------- 07. Portfolio CSS -------------------------------------*/ /*---Portfolio V1 CSS---*/ /* Container Items CSS */ .px_portfolio_v1 .et_pb_ajax_pagination_container .et_pb_portfolio_item{overflow:hidden;} .px_portfolio_v1 .et_pb_ajax_pagination_container{display: grid;grid-template-columns: repeat(3, 1fr);grid-column-gap: 10px;grid-row-gap: 10px;} .px_portfolio_v1 .et_pb_ajax_pagination_container .et_pb_portfolio_item:nth-child(4n+1), .px_portfolio_v1 .et_pb_ajax_pagination_container .et_pb_portfolio_item:nth-child(4n){grid-column-end: span 2;} .px_portfolio_v1 .et_pb_portfolio_item:before{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 10px; content: ""; background: var(--px-color-2); visibility: hidden; opacity: 0; transition: .4s; z-index:1; } /* Project Block CSS */ .px_portfolio_v1 .et_pb_portfolio_item .project_block{position: absolute;bottom: 35px;left: -30px;visibility: hidden;opacity: 0;z-index: 2;transition: .8s;} .px_portfolio_v1 .et_pb_portfolio_item .project_block:before{ content: '\4c'; position: absolute; font-family: ETmodules!important; top: -40px; font-size: 28px; color: #fff; left: -65px; background: linear-gradient(90deg,var(--px-color-1) 0%,var(--px-color-3) 100%); width: 34px; height: 34px; text-align: center; line-height: 34px; border-radius: 5px; transition:0.3s; } /* Image Css */ .px_portfolio_v1 .et_pb_portfolio_item:hover .et_portfolio_image img{transform: scale(1.05);transition: .9s;} .px_portfolio_v1 .et_pb_portfolio_item .et_portfolio_image img{height:300px;object-fit:cover;transform: scale(1);transition: .9s;} /* Title Css */ .px_portfolio_v1 .et_pb_portfolio_item .et_pb_module_header {color:#fff;margin-top: 35px !important;padding: 0;} /* Category Post Meta Css */ .px_portfolio_v1 .et_pb_portfolio_item .post-meta {position: absolute;top: 0;left: 2px;} .px_portfolio_v1 .et_pb_portfolio_item .post-meta a {color:#fff;} /* Hover CSS */ .px_portfolio_v1 .et_pb_portfolio_item:hover .project_block{opacity:1;visibility:visible;left:30px;transition: .4s;width:100%;} .px_portfolio_v1 .et_pb_portfolio_item:hover .project_block:before{left:0;transition: .4s;} .px_portfolio_v1 .et_pb_portfolio_item:hover:before{visibility:visible;opacity:0.5;transition: .4s;} /* Responsive CSS */ @media only screen and (max-width: 981px){ .px_portfolio_v1 .et_pb_ajax_pagination_container{grid-template-columns: repeat(2, 1fr);} .px_portfolio_v1 .et_pb_ajax_pagination_container .et_pb_portfolio_item:nth-child(4n+1), .px_portfolio_v1 .et_pb_ajax_pagination_container .et_pb_portfolio_item:nth-child(4n) {grid-column-end: unset;} } @media only screen and (max-width: 767px){ .px_portfolio_v1 .et_pb_ajax_pagination_container{grid-template-columns: repeat(1, 1fr);} } /*---Portfolio V2 CSS---*/ .px_portfolio_v2 .et_pb_portfolio_item{ overflow:hidden; } .px_portfolio_v2 .et_pb_portfolio_items{ display:grid; grid-template-columns:repeat(3, 1fr); } .px_portfolio_v2 .et_pb_portfolio_item:nth-child(4n+1), .px_portfolio_v2 .et_pb_portfolio_item:nth-child(4n) {grid-column-end: span 2;} .px_portfolio_v2 .et_pb_portfolio_filters li a {border: none;background: 0 0;color: #000;padding: 10px 20px;border-radius: 3px !important;box-shadow: 0 0 15px rgb(0 0 0 / 10%);margin-right: 10px;color: var(--px-color-2);} /* 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%);} /* Responsive CSS */ @media only screen and (max-width:767px){ .px_portfolio_2_col .et_pb_portfolio_items, .px_portfolio_2_col .et_pb_ajax_pagination_container{grid-template-columns: unset;} } /* 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 (min-width:768px) and (max-width:990px){ .px_portfolio_3_col .et_pb_portfolio_items, .px_portfolio_3_col .et_pb_ajax_pagination_container{grid-template-columns: repeat(2, 50%);} } @media only screen and (max-width:767px){ .px_portfolio_3_col .et_pb_portfolio_items, .px_portfolio_3_col .et_pb_ajax_pagination_container{grid-template-columns: unset;} } /*---Portfolio 4 Column---*/ .px_portfolio_4_col .et_pb_portfolio_item{overflow:hidden;} .px_portfolio_4_col .et_pb_ajax_pagination_container{grid-template-columns: unset;} /*---Portfolio Filterable CSS---*/ .px_portfolio_v1.filterable .et_pb_portfolio_item{overflow:hidden;} .px_portfolio_v1.filterable .et_portfolio_image:hover .et_overlay{opacity:0;} /* Filters Links CSS */ .px_portfolio_v1 .et_pb_portfolio_filters li a {color: var(--px-color-2);border: none;padding: 10px 20px;border-radius: 5px;box-shadow: 0 0 15px rgb(0 0 0 / 10%);margin-right: 10px;} /*Hover & Active Filter Links*/ .px_portfolio_v1 .et_pb_portfolio_filters li a:hover{background:transparent;color:var(--px-color-2);} .px_portfolio_v1 .et_pb_portfolio_filters li a:hover, .px_portfolio_v1 .et_pb_portfolio_filters li a.active {color:#fff;background: linear-gradient(90deg,var(--px-color-1) 0%,var(--px-color-3) 100%);transition:0.5s;border-radius: 5px;} .px_portfolio_v1.px_portfolio_gallery .et_pb_ajax_pagination_container{grid-template-columns: unset !important;} .px_portfolio_v1.px_portfolio_gallery .et_overlay{display:none;} .px_portfolio_v1.px_portfolio_gallery .et_pb_portfolio_grid_items{margin-bottom: 20px;} /* Pagination CSS */ .px_portfolio_v1 .et_pb_portofolio_pagination {border: none !important;margin-top: 20px !important;} .px_portfolio_v1 .et_pb_portofolio_pagination ul li a { border-radius: 5px; color: var(--px-color-2); position: relative; overflow: hidden; z-index: 1; padding: 12px 20px !important; border: 1px solid var(--px-color-2); transition:0.5s; } .px_portfolio_v1 .et_pb_portofolio_pagination ul li a.active{background: linear-gradient(90deg,var(--px-color-1) 0%,var(--px-color-3) 100%);color: #fff;border-color:var(--px-color-1);} .px_portfolio_v1 .et_pb_portofolio_pagination ul li a:hover{background: linear-gradient(90deg,var(--px-color-1) 0%,var(--px-color-3) 100%);color: #fff;border-color:var(--px-color-1);transition:0.5s;} /* Portfolio Carousel CSS */ .px_portfolio_v1.carousel .et_pb_portfolio_item .post-meta{top: 5px;left: 0px;color:#fff;} .px_portfolio_v1.carousel .et_pb_portfolio_image{overflow:hidden;} .px_portfolio_v1.carousel:hover .et_pb_portfolio_image .meta{opacity:1 !important;z-index:3 !important;} /* Overlay Css */ .px_portfolio_v1.carousel .et_pb_portfolio_item .et_pb_portfolio_image .et_overlay {display:none;} .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: linear-gradient(90deg,var(--px-color-1) 0%,var(--px-color-3) 100%); width: 50px; height: 50px; border-radius: 50%; transition: .4s; color: #fff !important; line-height: 50px; } /* Portfolio Single Page CSS */ .px_portfolio_single .et_pb_image_wrap{height:100%;} .px_portfolio_single .et_pb_image_wrap img{height:100% !important;object-fit:cover;} .px_portfolio_v1 .et_pb_portofolio_pagination{margin-top:0px;} /* Responsive CSS */ @media only screen and (max-width:990px){ .px_portfolio_v1 .et_pb_portfolio_filters li{margin-bottom:10px;} } @media only screen and (max-width:767px){ .px_portfolio_v1 .et_pb_portfolio_filters li{margin-bottom:10px;} .px_portfolio_v1 .et_pb_portofolio_pagination ul li{padding: 5px;} } /* ----------------------------------- 08. Services CSS -------------------------------------*/ /*---Services v1 CSS---*/ .px_services_v1{overflow:hidden;transition: .4s;} .px_services_v1:after{ position: absolute; top: 100%; left: -100%; content: ""; width: 100%; height: 100%; background: linear-gradient(90deg,var(--px-color-1) 0%,var(--px-color-3) 100%); z-index: -1; border-radius: 0 100px 0 0; transition: .4s; } .px_services_v1:hover:after{top: 0;left: 0;border-radius: 0;} /* Icon Css */ .px_services_v1 .et_pb_image_wrap .et-pb-icon{color:var(--px-color-1);animation:none !important;transition: .4s;} .px_services_v1:hover .et_pb_image_wrap .et-pb-icon{color:#fff;} /* Title Css */ .px_services_v1 .et_pb_blurb_container .et_pb_module_header{color:var(--px-color-2);transition: .4s;} .px_services_v1:hover .et_pb_blurb_container .et_pb_module_header{color:#fff;transition: .4s;} /* Description Css */ .px_services_v1:hover .et_pb_blurb_container .et_pb_blurb_description{color:#fff;transition: .4s;} /*---Services v2 CSS---*/ /*Description CSS*/ .px_services_v2 .px_service_v2_info{background: #fff;width: calc(100% - 10px);box-shadow: 0 8px 15px rgb(0 0 0 / 10%);transition: .6s;overflow:visible !important;} .px_services_v2 .px_service_v2_info .et_pb_module_header{color:var(--px-color-2);transition:0.6s;} /*Icon CSS*/ .px_services_v2 .px_service_v2_info .et_pb_image_wrap .et-pb-icon, .px_services_v2 .px_service_v2_info .et_pb_image_wrap img{ animation:none !important; width: 67px; height: 67px; border-radius: 50%; text-align: center; line-height: 67px; background: linear-gradient(90deg,var(--px-color-1) 0%,var(--px-color-3) 100%); transition: .6s; color: #fff; } .px_services_v2 .px_service_v2_info .et_pb_main_blurb_image{margin-bottom:15px !important;} .px_services_v2 .px_service_v2_info .et_pb_image_wrap{position: absolute;top: -55px;} /*Image CSS*/ .px_services_v2 .px_service_v2_img .et_pb_image_wrap {width:100%;} .px_services_v2 .px_service_v2_img .et_pb_image_wrap img{width:100% !important;} /*Button CSS*/ .px_services_v2 .px_service_v2_btn{color:var(--px-color-1);transition: .6s;} /*Hover CSS*/ .px_services_v2:hover .px_service_v2_info{background:var(--px-color-1);} .px_services_v2:hover .px_service_v2_info .et-pb-icon{background:#fff;color:var(--px-color-1);} .px_services_v2:hover .px_service_v2_info .et_pb_module_header, .px_services_v2:hover .px_service_v2_info .et_pb_blurb_description{color:#fff;transition: .6s;} .px_services_v2:hover .px_service_v2_btn{color:#fff;} .px_services_v2 .px_service_v2_btn:hover{letter-spacing:0.5px} /*---Services v3 CSS---*/ /* Content CSS */ .px_services_v3_info{overflow:visible !important;background: #fff;border-radius: 10px;padding: 25px;box-shadow: 0 8px 15px rgb(0 0 0 / 10%);transition: .6s;} /* Header CSS */ .px_services_v3_info .et_pb_module_header{color:var(--px-color-2);} /* Image CSS */ .px_service_v3_img3 .et_pb_image_wrap{width:100%;} .px_service_v3_img3 .et_pb_image_wrap img{width:100% !important;object-fit:cover;} /* Icon CSS */ .px_services_v3_info .et_pb_image_wrap .et-pb-icon{ position:absolute; top:-55px; width: 70px; height: 70px; border-radius: 50%; text-align: center; color:#fff; background: linear-gradient(90deg,var(--px-color-1) 0%,var(--px-color-3) 100%); transition: .6s; line-height: 70px; animation:none !important; border: 2px solid var(--px-color-1); } /* Button CSS */ .px_service_v3_btn {color:var(--px-color-1);transition:0.6s;} .px_service_v3_btn:hover{letter-spacing:0.2px;color:var(--px-color-1);} /* Hover CSS */ .px_services_v3_info:hover{background:var(--px-color-1);} .px_services_v3_info:hover .et_pb_image_wrap .et-pb-icon{color:var(--px-color-1);background:#fff;} .px_services_v3_info:hover .et_pb_module_header{color:#fff;} .px_services_v3_info:hover .et_pb_blurb_description{color:#fff;transition:0.6s;} .px_services_v3:hover .px_service_v3_btn{color:#fff !important;} /* Left Side Icon CSS */ .px_services_v3_info.left .et_pb_image_wrap .et-pb-icon{left: -50px;top: 50%;transform: translateY(-50%);border: none;} .px_services_v3_info.left:hover{background:transparent !important;} .px_services_v3_info.left.px_hover_v2:hover:before{height: 100%;opacity: 1;border-radius:10px;} /*---Services v4 CSS---*/ .px_service_v4_info{mix-blend-mode: screen;color:var(--px-color-2);} /* Image CSS */ .px_service_v4_img{height:100%;} .px_service_v4_img .et_pb_image_wrap {height:100%;} .px_service_v4_img .et_pb_image_wrap img{height:100%;object-fit:cover;} .px_service_v4_img2 .et_pb_image_wrap {height:100%;} .px_service_v4_img2 .et_pb_image_wrap img{height:100% !important; object-fit:cover;} /*---Services v5 CSS---*/ .px_services_v2 .px_service_v2_info.px_service_v5{width:100% !important;} /*---Services Single Page CSS---*/ .px_services_single {} .px_services_single .px_service_single_search input{height: 54px !important;color: var(--px-color-2);border-radius: 5px;border: 1px solid #e6edf6;} .px_services_single .px_service_single_search .et_pb_searchsubmit{background: linear-gradient(90deg,var(--px-color-1) 0%,var(--px-color-3) 100%);color: #fff !important;} .px_services_single .px_service_category .et_pb_text_inner h4{margin: 0 0 25px;position: relative;border-bottom: 1px solid #e6edf6;padding-bottom: 20px;} .px_services_single .px_service_category .et_pb_text_inner h4:after { position: absolute; bottom: 0; left: 0; width: 55px; height: 2px; content: ""; background: var(--px-color-1); } .px_services_single .px_service_category ul{padding:0px;} .px_services_single .px_service_category ul li{position: relative;padding-left: 25px;margin-bottom: 15px;transition:0.4s linear;} .px_services_single .px_service_category ul li:before{ content: '\35'; font-family: ETmodules!important; position: absolute; top: 0; left: 0px; font-size: 22px; transition:0.4s linear; transition:0.4s linear; } .px_services_single .px_service_category ul li a{color:var(--px-color-2);transition:0.4s linear;} .px_services_single .px_service_category ul li:hover{padding-left:30px;transition:0.4s linear;} .px_services_single .px_service_category ul li:hover a{color:var(--px-color-1);transition:0.4s linear;} .px_services_single .px_service_category ul li:hover:before{color:var(--px-color-1);transition:0.4s linear;} .px_services_single .px_service_single_cta h3{font-size: 24px;line-height: 1.2;margin: 0px 0 10px;font-weight: bold;} .px_services_single .px_service_single_cta p{font-size: 16px;line-height: 20px;} .px_services_single .px_service_single_cta .et_pb_button{ background: linear-gradient(90deg,var(--px-color-1) 0%,var(--px-color-3) 100%); color: #fff; position: relative; overflow: hidden; z-index:1; } .px_services_single .px_service_single_cta .et_pb_button:before{ position: absolute; top: 0; left: -100%; content: ""; width: 100%; height: calc(100% + 3px); z-index: 1; visibility: hidden; opacity: 0; display: block !important; background: linear-gradient(-90deg,var(--px-color-1) 0%,var(--px-color-3) 100%); margin-left: 0px !important; } .px_services_single .px_service_single_cta .et_pb_button:after{font-size:0px !important;} .px_services_single .px_service_single_cta .et_pb_button:hover:before{left: 0;visibility: visible;opacity: 1;z-index:-1;} .px_services_single .px_service_single_schedule ul li{ display: flex; justify-content: space-between; margin-bottom: 15px; } .px_services_single .px_service_single_schedule ul li a{ font-size: 16px; line-height: 26px; color: var(--px-color-2); font-weight: 400; } /* Responsive CSS */ @media only screen and (max-width:767px){ .px_service_slider_v1 .et_pb_column {width: 414px !important;margin-bottom: 75px !important;} } @media only screen and (max-width:320px){ .px_service_slider_v1 .et_pb_column {width: 320px !important;} } /* ----------------------------------- 09. Contact Us CSS -------------------------------------*/ /*---Contact Us v1 CSS---*/ .px_contact_v1 {} /*---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 p textarea{background-color: #fff;font-size: 16px;padding: 20px;} .px_contact_v1 .et_pb_contact p input, .px_contact_v1 .et_pb_contact .et_pb_contact_form .et_pb_contact_field , .px_contact_v1 .et_pb_contact p textarea {} /*---Button CSS---*/ .px_contact_v1 .et_pb_contact_form .et_contact_bottom_container {float:left;margin-top:10px;} .px_contact_v1 .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit{background: linear-gradient(90deg,var(--px-color-1) 0%,var(--px-color-3) 100%);color: #fff;z-index:1;overflow:hidden;} .px_contact_v1 .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit:before{ background: linear-gradient(-90deg,var(--px-color-1) 0%,var(--px-color-3) 100%); position: absolute; top: 0; left: -100%; content: ""; width: 100%; height: calc(100% + 3px); z-index: -1; visibility: hidden; opacity: 0; transition: .4s; margin:0 !important; display:block !important; } .px_contact_v1 .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit:after{font-size:0px !important;} .px_contact_v1 .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit:hover:before {left: 0;visibility: visible;opacity: 1;} /*---Icon CSS---*/ .px_contact_info_icon .et-pb-icon{ width: 80px; height: 80px; border-radius: 50%; text-align: center; transition: .4s; color: #fff !important; background: linear-gradient(90deg,var(--px-color-1) 0%,var(--px-color-3) 100%); line-height: 80px; } .px_contact_info_icon:hover .et_pb_image_wrap .et-pb-icon { background: #fff; color: var(--px-color-1) !important; } /*---Contact Us v2 CSS---*/ .px_contact_v2 {} /* ----------------------------------- 10. Team Section CSS -------------------------------------*/ /*---Team v1 CSS---*/ .px_team_v1 .px_team_info{overflow:hidden;} /* Hover Css */ .px_team_v1 .px_team_info:hover .et_pb_team_member_description:after{height: 100%;opacity: 1;} .px_team_v1 .px_team_info:hover .et_pb_team_member_description .et_pb_member_social_links{opacity:1;visibility:visible;} .px_team_v1 .px_team_info:hover .et_pb_team_member_description:before{background:#fff;color:var(--px-color-1);} .px_team_v1 .px_team_info:hover .et_pb_team_member_description .et_pb_module_header{color:#fff;transition: .3s;} .px_team_v1 .px_team_info:hover .et_pb_team_member_description .et_pb_member_position{color:#fff;transition: .3s;} /* Image Css */ .px_team_v1 .px_team_info .et_pb_team_member_image{margin-bottom:0 !important;max-width:100% !important;} .px_team_v1 .px_team_info .et_pb_team_member_image img{border-radius: 10px;object-fit: cover;object-position: top;height: 300px;} .px_team_v1.px_team .px_team_info .et_pb_team_member_image img{height: 400px;} /* Description Css*/ .px_team_v1 .px_team_info .et_pb_team_member_description:after{ position: absolute; top: 0%; left: 0%; content: ""; width: 100%; height: 0%; background: linear-gradient(90deg,var(--px-color-1) 0%,var(--px-color-3) 100%); z-index: -1; opacity: 0; border-radius: 10px; transition: .3s; } .px_team_v1 .px_team_info .et_pb_team_member_description{ background: #fff; position: relative; margin-top: -60px; width: calc(100% - 20px); border-radius: 10px; padding: 25px; left: 10px; z-index: 1; box-shadow: 0 8px 15px rgb(0 0 0 / 10%); transition: .6s; margin-bottom:25px; } .px_team_v1 .px_team_info .et_pb_team_member_description:before { content: '\e0a0'; position: absolute; font-family: ETmodules!important; right: 20px; top: -20px; width: 40px; height: 40px; background: linear-gradient(90deg,var(--px-color-1) 0%,var(--px-color-3) 100%); border-radius: 50%; text-align: center; line-height: 40px; color: #fff; } .px_team_v1 .et_pb_team_member_description .et_pb_module_header{color:var(--px-color-2);} .px_team_v1 .et_pb_team_member_description .et_pb_member_position{color:var(--px-color-1);} /* Social Links Css*/ .px_team_v1 .et_pb_team_member_description .et_pb_member_social_links { position: absolute; bottom: calc(100% + 20px); right: -60px; visibility: hidden; opacity: 0; z-index: -1; transition: .5s; } .px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li{display:block !important;margin-bottom: 10px;} .px_team_v1 .et_pb_team_member_description:hover .et_pb_member_social_links li:nth-child(1) {transition: .3s;transform: translateX(-50px);} .px_team_v1 .et_pb_team_member_description:hover .et_pb_member_social_links li:nth-child(2) {transition: .5s;transform: translateX(-50px);} .px_team_v1 .et_pb_team_member_description:hover .et_pb_member_social_links li:nth-child(3) {transition: .7s;transform: translateX(-50px);} .px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li a{ width: 32px; height: 32px; background: #fff; border-radius: 50%; text-align: center; color: var(--px-color-1); transition: .3s; line-height: 32px; } .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{} /* Responsive CSS */ @media only screen and (max-width:990px){ .px_team_v1 .px_team_info .et_pb_team_member_image{ margin:0; } } /*---Team v2 CSS---*/ .px_team_v2 {margin:0px !important;} .px_team_v2 .et_pb_team_member_image{float: left;width: 50%;margin:0;height:100%;} .px_team_v2 .et_pb_team_member_image img{width:100%;object-fit:cover;height:100% !important;object-position:top;} .px_team_v2 .et_pb_team_member_description{float: right;width: 50%;padding: 20px 30px;} .px_team_v2 .et_pb_team_member_image:before, .px_team_v2 .et_pb_team_member_image:after{ content: ""; background: var(--px-color-2); position: absolute; left: 0; top: 0; width: 0; height:100%; opacity: 0.4; z-index: 1; transition: all 0.8s linear;} .px_team_v2 .et_pb_team_member_image:after { left: auto; right: 0; } .px_team_v2 .et_pb_member_social_links li a{ width: 35px; height: 35px; background: #fff; border-radius: 50%; text-align: center; color: var(--px-color-1); transition: .4s; box-shadow: 0 5px 10px rgb(0 0 0 / 10%); line-height: 37px; } .px_team_v2 .et_pb_member_social_links li a:hover{background: var(--px-color-1);color: #fff;transition: .4s;} .px_team_v2:hover .et_pb_team_member_image:before, .px_team_v2:hover .et_pb_team_member_image:after{width: 100%;opacity: 0.3;} /* Responsive CSS */ @media only screen and (max-width:990px){ .px_team_v2 .et_pb_team_member_description{padding: 75px 30px;} } @media only screen and (max-width:767px){ .px_team_v2 .et_pb_team_member_image{width:100%;max-width:100%;} .px_team_v2 .et_pb_team_member_image img{height:300px !important;} .px_team_v2 .et_pb_team_member_description{width:100%;padding: 20px 30px;} } /*---Team Single Page CSS---*/ .px_team_single {} .px_team_single .px_team_single_img1 .et_pb_image_wrap {width:100%;} .px_team_single .px_team_single_img1 .et_pb_image_wrap img{width:370px;max-width:90%;border-radius:50%;margin:auto;object-fit:cover;} .px_team_single .px_team_single_info .et_pb_text_inner span{font-weight: bold !important;color: var(--px-color-2);font-size: 22px;font-family: 'Jost',Helvetica,Arial,Lucida,sans-serif;} .px_team_single_social li a:before{ width: 40px !important; height: 40px!important; background: #fff; border-radius: 50%; text-align: center; color: var(--px-color-1)!important; transition: .4s; box-shadow: 0 5px 10px rgb(0 0 0 / 10%); line-height: 40px!important; } .px_team_single_social li{margin-right: 15px !important;} .px_team_single_social li a:hover:before{background: var(--px-color-1);color: #fff !important;transition: .4s;} /* ----------------------------------- 11 Slider Section CSS -------------------------------------*/ /*---Slider v1 CSS---*/ .px_slider_v1 .et_pb_slide{background-color: var(--px-color-2);opacity: 0.85;} /*---Image CSS---*/ .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_image img{ border-left: 5px solid var(--px-color-1); border-top: 5px solid var(--px-color-1); border-radius: 15px; height: 500px; width: 500px; object-fit: cover; } /*---Title CSS---*/ .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_title{ border-left: 1px solid #8f8b8b; border-bottom: 1px solid #8f8b8b; padding-bottom: 25px; padding-left: 25px; margin-bottom: 25px; } /*---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 { background: linear-gradient(90deg,var(--px-color-1) 0%,var(--px-color-3) 100%); color: #fff; position: relative; overflow: hidden; z-index:1; } .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button:before{ position: absolute; top: 0; left: -100%; content: ""; width: 100%; height: calc(100% + 3px); z-index: -1; visibility: hidden; opacity: 0; display: block !important; background: linear-gradient(-90deg,var(--px-color-1) 0%,var(--px-color-3) 100%); margin-left: 0px !important; } .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button:after{opacity:0 !important;} .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button:hover:before{ left: 0; visibility: visible; opacity: 1; } /*---Arrow CSS---*/ .px_slider_v1 .et-pb-slider-arrows{} .px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-prev{ background: linear-gradient(90deg,var(--px-color-1) 0%,var(--px-color-3) 100%); text-align: center; border-radius: 50%; width: 50px; height: 50px; line-height: 50px; } .px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-next{ background: linear-gradient(90deg,var(--px-color-1) 0%,var(--px-color-3) 100%); text-align: center; border-radius: 50%; width: 50px; height: 50px; line-height: 50px; } /*---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 {} /* Responsive CSS */ @media only screen and (max-width:990px){ .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_title{ border:none !important; } } /*---Slider v2 CSS---*/ .px_slider2 .slick-track{margin-bottom:35px;} /* ----------------------------------- 12 Faqs CSS -------------------------------------*/ /*---Faqs v1 CSS---*/ .px_faqs_v1 .et_pb_toggle{border:none !important;} .px_faqs_v1 .et_pb_toggle{margin-bottom:0px !important;} /*---Title CSS---*/ .px_faqs_v1 .et_pb_toggle .et_pb_toggle_title {padding:0 0 20px 50px !important;position:static !important;} /*---Title Icon CSS---*/ .px_faqs_v1 .et_pb_toggle .et_pb_toggle_title::before { content: '\50'; width: 57px; height: 57px; box-shadow: 0 0 15px rgb(0 0 0 / 10%); text-align: center; position: absolute; right: auto !important; left: 0px !important; line-height: 57px; top: 0px !important; margin-top: 0 !important; color:var(--px-color-1); font-size:18px; } .px_faqs_v1 .et_pb_toggle_close{background:none !important;border:none !important;} /*---Open Title CSS---*/ .px_faqs_v1 .et_pb_toggle_open .et_pb_toggle_title{border-bottom:1px solid #e6e6e6 !important;} .px_faqs_v1 .et_pb_toggle_open .et_pb_toggle_title:before{ content: '\4f' !important; display: block; visibility: visible; opacity: 1; position: absolute; background: linear-gradient(90deg,var(--px-color-1) 0%,var(--px-color-3) 100%); color: #fff; } /*---Content CSS---*/ .px_faqs_v1 .et_pb_toggle .et_pb_toggle_content{} /*---Open Title CSS---*/ .px_faqs_v1 .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title /*---Image CSS---*/ .px_faqs_v1_img1 {height:100% !important;} .px_faqs_v1_img1 .et_pb_image_wrap{height:100%;} .px_faqs_v1_img1 .et_pb_image_wrap img{height:100%;object-fit:cover;} /*---Faqs v2 CSS---*/ .px_faqs_v2{} /* ----------------------------------- 13 Timeline CSS -------------------------------------*/ /*---Timeline v1 CSS---*/ .px_timeline_v1 {} .px_timeline_v1:after{ position: absolute; content: '\45'; font-family: ETmodules!important; display: block; font-size: 35px; top: 50%; right: -20px; color: #fff; text-shadow: 2px 0 2px rgb(0 0 0 / 10%); } /*---Timeline v2 CSS---*/ .px_timeline_v2{} /* ----------------------------------- 14 Pricing Table CSS -------------------------------------*/ /*---Pricing Default CSS---*/ .px_pricing_table .px_pricing_info .et_pb_text_inner h3 sup{font-size:18px;bottom: 1.8em !important;} .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 .px_pricing_v1_btn{color:var(--px-color-2);} .px_pricing_table .px_pricing_v1_btn.disable{color: #ccc !important;} .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_button_wrapper{} .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_button_wrapper .et_pb_button{} /*---Pricing Mini CSS---*/ .px_pricing_table_mini{} /*---Pricing Toggle 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{} /* ----------------------------------- 15 Testimonial Section CSS -------------------------------------*/ /*---Testimonial v1 CSS---*/ .px_testimonial_v1 {box-shadow: 0 6px 10px rgb(0 0 0 / 9%);background: #fff !important;border-radius: 10px;z-index:1;overflow:hidden;} .px_testimonial_v1:after{ position: absolute; top: 100%; left: -100%; content: ""; width: 100%; height: 100%; background: var(--px-color-1); background: linear-gradient(90deg,var(--px-color-1) 0%,var(--px-color-3) 100%); z-index: -1; border-radius: 0 100px 0 0; transition: .4s; } .px_testimonial_v1 .et_pb_testimonial_portrait {float:left !important;margin-right:15px;border-color:var(--px-color-1);} .px_testimonial_v1.et_pb_testimonial:before {} /*---Description---*/ .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description {} .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_description_inner {} .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_description_inner .et_pb_testimonial_content {margin-top:120px;} .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_description_inner .et_pb_testimonial_content:after { content: '\e033 \e033 \e033 \e033 \e031'; font-family: ETmodules!important; bottom: -20px; left: 0; position: absolute; font-size: 16px; color:var(--px-color-1); } /*---Author CSS---*/ .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_author {position: absolute;top: -100px;left: 43%;margin-top:0px;color:var(--px-color-2);} /*---Meta CSS---*/ .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_meta {position: absolute;top: -70px;left: 43%;color:#555;} .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"} /*---Hover CSS---*/ .px_testimonial_v1:hover:after{top: 0;left: 0;border-radius: 0;visibility:visible;} .px_testimonial_v1:hover .et_pb_testimonial_content:after, .px_testimonial_v1:hover .et_pb_testimonial_author, .px_testimonial_v1:hover .et_pb_testimonial_meta, .px_testimonial_v1:hover .et_pb_testimonial_content p{color:#fff !important;transition:0.4s;} /*---Active CSS---*/ .px_testimonial_v1.active:after{ position: absolute; top: 0; left: 0; content: ""; width: 100%; height: 100%; background: var(--px-color-1); background: linear-gradient(90deg,var(--px-color-1) 0%,var(--px-color-3) 100%); z-index: -1; transition: .4s; visibility:visible; border-radius:0px !important; } .px_testimonial_v1.active .et_pb_testimonial_content:after, .px_testimonial_v1.active .et_pb_testimonial_author, .px_testimonial_v1.active .et_pb_testimonial_meta, .px_testimonial_v1.active .et_pb_testimonial_content p{color:#fff !important;transition:0.4s;} /* Testimonial List Viwe CSS */ .px_testimonial_v1.list .et_pb_testimonial_portrait{border-radius: 0;border: none;position: absolute;height: 100% !important;top: 0;left: 0;width: 40% !important;object-fit: cover;} .px_testimonial_v1.list .et_pb_testimonial_portrait:before{box-shadow:none;} .px_testimonial_v1.et_pb_testimonial.list .et_pb_testimonial_description{margin-left: 109px !important;} .px_testimonial_v1.et_pb_testimonial.list .et_pb_testimonial_description .et_pb_testimonial_description_inner .et_pb_testimonial_content{margin-left: 100px;margin-top: 70px;} .px_testimonial_v1.et_pb_testimonial.list .et_pb_testimonial_description .et_pb_testimonial_description_inner .et_pb_testimonial_content:after{left: 100px;} .px_testimonial_v1.et_pb_testimonial.list .et_pb_testimonial_description .et_pb_testimonial_author{top: -70px;left: 28%;} .px_testimonial_v1.et_pb_testimonial.list .et_pb_testimonial_meta{top: -40px;left: 28%;} /* Testimonial Carousel */ .px_testimonial_v1.carousel .et_pb_testimonial_description .et_pb_testimonial_description_inner .et_pb_testimonial_content{margin-left: 145px !important;} .px_testimonial_v1.carousel .et_pb_testimonial_description .et_pb_testimonial_description_inner .et_pb_testimonial_content:after{left: 145px !important;} .px_slider .px_testimonial_v1 {padding: 20px;} /* Responsive CSS */ @media only screen and (max-width:990px){ .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_author{left:5%;} .px_slider .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_author{left:43%;} .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_meta{left:5%;} .px_slider .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_meta{left:43%;} .px_testimonial_v1.et_pb_testimonial.carousel .et_pb_testimonial_description .et_pb_testimonial_author{left: 43%;} .px_testimonial_v1.et_pb_testimonial.carousel .et_pb_testimonial_meta {left: 43%;} .px_testimonial_v1.et_pb_testimonial.list .et_pb_testimonial_description .et_pb_testimonial_description_inner .et_pb_testimonial_content p{margin-left: 25px;} .px_testimonial_v1.et_pb_testimonial.list .et_pb_testimonial_description .et_pb_testimonial_description_inner .et_pb_testimonial_content:after {left: 125px;} } @media only screen and (max-width:767px){ .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_author{left:43%;} .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_meta{left:43%;} .px_testimonial_v1.list .et_pb_testimonial_portrait{position: static;width: 100px !important;height: 100px !important;border-radius:50%;} .px_testimonial_v1.et_pb_testimonial.list .et_pb_testimonial_description .et_pb_testimonial_description_inner .et_pb_testimonial_content p{margin-left:0px !important;margin-top:120px;} .px_testimonial_v1.et_pb_testimonial.list .et_pb_testimonial_description{margin-left:0px !important;} .px_testimonial_v1.et_pb_testimonial.list .et_pb_testimonial_description .et_pb_testimonial_description_inner .et_pb_testimonial_content{margin-left:0px !important;} .px_testimonial_v1.et_pb_testimonial.list .et_pb_testimonial_description .et_pb_testimonial_description_inner .et_pb_testimonial_content:after{left:0;} .px_testimonial_v1.et_pb_testimonial.list .et_pb_testimonial_description .et_pb_testimonial_author{top: -100px;left: 45%;} .px_testimonial_v1.et_pb_testimonial.list .et_pb_testimonial_meta {top: -60px;left: 45%;} } /*---Testimonial v2 CSS---*/ .px_testimonial_v2{} /* ----------------------------------- 16 About Us Section CSS -------------------------------------*/ /*---About Us v1 CSS---*/ /*---Image CSS---*/ .px_aboutus_v1 .px_about_v1_img1 img{width:100% !important;object-fit:cover;} .px_aboutus_v1 .px_about_v1_img2 img{width:100%;object-fit:cover;} .px_about_ceo_info .et_pb_image_wrap img{animation:none !important;} .px_aboutus_v1 .px_about_v1_img1 .et_pb_image_wrap {width:100%;} /*---Description CSS---*/ .px_about_ceo_info .et_pb_module_header{color:var(--px-color-2);} .px_about_ceo_info .et_pb_blurb_description{color:var(--px-color-1);} /*---Responsive CSS---*/ @media only screen and (max-width:767px){ .px_aboutus_v1 img{height:auto !important;} } /*---About Us v2 CSS---*/ .px_aboutus_v2 .px_about_img1{height:100%;} .px_aboutus_v2 .px_about_img1 .et_pb_image_wrap{height:100%;} .px_aboutus_v2 .px_about_img1 .et_pb_image_wrap img{height:100%;width:100%;object-fit:cover;} /* ----------------------------------- 17 Choose Us Section CSS -------------------------------------*/ /*---Choose Us v1 CSS---*/ /*Main Content CSS*/ .px_choose_v1 .et_pb_image_wrap img {object-fit:cover;} .px_choose_v1_info .et_pb_module_header{color:var(--px-color-2);} .px_choose_v1_info{box-shadow: 0 3px 12px rgb(0 0 0 / 10%);} .px_choose_v1_info .et-pb-icon{ background: linear-gradient(90deg,var(--px-color-1) 0%,var(--px-color-3) 100%); width: 75px; height: 75px; text-align: center; border-radius: 10px; transition: .4s; color: #fff !important; line-height: 75px; animation:none !important; } .px_choose_v1_info:before{ position: absolute; top: 0%; left: 0%; content: ""; width: 0%; height: 100%; background: linear-gradient(90deg,var(--px-color-1) 0%,var(--px-color-3) 100%); z-index: -1; opacity: 0; border-radius: 10px; transition: .4s; } /*Hover CSS*/ .px_choose_v1_info:hover:before{width: 100%;opacity: 1;} .px_choose_v1_info:hover .et-pb-icon{color:var(--px-color-1) !important;background:#fff;} .px_choose_v1_info:hover .et_pb_module_header{color:#fff;} .px_choose_v1_info:hover .et_pb_blurb_description{color:#fff;transition: .4s;} /*Responsive CSS*/ @media only screen and (max-width:990px){ .px_choose_v1{display:flex;flex-direction:column-reverse;} } /* ----------------------------------- 18 Process Section CSS -------------------------------------*/ /*---Process Us v1 CSS---*/ .px_process_v1 {} /* ----------------------------------- 19 Partner Section CSS -------------------------------------*/ /*---Partner Us v1 CSS---*/ .px_partner_v1 {} /* ----------------------------------- 20 Video Section CSS -------------------------------------*/ /*---Video v1 CSS---*/ .px_video_v1 {} /* ----------------------------------- 21 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{} /* ----------------------------------- 22 Counter Section CSS -------------------------------------*/ /*---Counter v1 CSS---*/ .px_counter_v1 {} .px_counter_v1_info .percent{margin-bottom:0 !important;} .px_counter_v1_info .percent .percent-value{color:var(--px-color-2);transition: .6s;} .px_counter_v1_icon .et_pb_icon_wrap { width: 70px; height: 70px; border-radius: 50%; text-align: center; background: linear-gradient(90deg,var(--px-color-1) 0%,var(--px-color-3) 100%); transition: .6s; line-height: 90px; animation: none !important; } .px_counter_v1_icon .et_pb_icon_wrap .et-pb-icon{color: #fff !important;transition: .6s;} .px_counter_v1.px_hover_v2:hover:before { height: 100%; opacity: 1; } .px_counter_v1:hover .px_counter_v1_icon .et_pb_icon_wrap{background:#fff;transition: .6s;} .px_counter_v1:hover .px_counter_v1_icon .et_pb_icon_wrap .et-pb-icon{color:var(--px-color-1) !important;transition: .6s;} .px_counter_v1:hover .px_counter_v1_info .percent .percent-value{color:#fff;transition: .6s;} .px_counter_v1:hover .px_counter_v1_info .title{color:#fff;transition: .6s;} /* ----------------------------------- 23 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{ width: 100%; height: 60px; border-radius: 5px; background: 0 0; padding: 10px 15px; border: 1px solid #878d8f; } .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 { position: absolute; top: 5px; right: 5px; height: calc(100% - 25px); background: linear-gradient(90deg,var(--px-color-1) 0%,var(--px-color-3) 100%); width: 50px; text-align: center; line-height: 40px !important; } .px_newsletter_v1 .et_pb_newsletter_button:before{margin-left: -11px !important;} .px_newsletter_v1 .et_pb_newsletter_button:hover{background: linear-gradient(90deg,var(--px-color-1) 0%,var(--px-color-3) 100%) !important;} /* Image CSS */ .px_counter_img1{height:100%;} .px_counter_img1 .et_pb_image_wrap{height:100%;} .px_counter_img1 .et_pb_image_wrap img{height:100% !important;object-fit:cover;} /*---Newsletter v2 CSS---*/ .px_newsletter_v2 {} /* ----------------------------------- 24 CTA Section CSS -------------------------------------*/ /*---CTA v1 CSS---*/ .px_CTA_v1 {} /*---CTA v2 CSS---*/ .px_CTA_v2 {} /* ----------------------------------- 25 Coming Soon Page CSS -------------------------------------*/ /* Number Text CSS */ .px_comming_soon_v1 .et_pb_countdown_timer_container .days:before { position: absolute; content: ''; border: 2px solid #fff; width: 20px; height: 200px; bottom: -30px; left: -20px; right: auto; border-right: none; } .px_comming_soon_v1 .et_pb_countdown_timer_container .days:after{ position: absolute; content: ''; border-bottom: 2px solid #fff; height: 1px; bottom: -30px; visibility: visible; left: 0; right: 75%; } .px_comming_soon_v1 .et_pb_countdown_timer_container .seconds:after { position: absolute; content: ''; border: 2px solid #fff; width: 20px; height: 200px; bottom: -30px; right: -20px; left: auto; border-left: none; } .px_comming_soon_v1 .et_pb_countdown_timer_container .seconds:before { position: absolute; content: ''; border-bottom: 2px solid #fff; height: 1px; bottom: -30px; visibility: visible; right: 0; left: 75%; } .px_comming_soon_v1 .et_pb_countdown_timer_container .section.values{width: 100%;max-width: 25%;vertical-align: top;} /* Responsive CSS */ @media only screen and (max-width:767px){ .px_comming_soon_v1 .et_pb_countdown_timer_container .days:before, .px_comming_soon_v1 .et_pb_countdown_timer_container .days:after, .px_comming_soon_v1 .et_pb_countdown_timer_container .seconds:before, .px_comming_soon_v1 .et_pb_countdown_timer_container .seconds:after{visibility:hidden;} } /* ----------------------------------- 26 404 Page CSS -------------------------------------*/ .px_error .et_pb_text_inner h3{color:var(--px-color-1);} /* ----------------------------------- 27 Search Page CSS -------------------------------------*/ .px_search_bar .et_pb_searchsubmit{background:var(--px-color-1) !important;border-radius: 0 5px 5px 0;color: #fff !important;} /* Not Found Title CSS */ .entry{text-align:center;} .px_blog_v1 .not-found-title{font-weight:bold;color:var(--px-color-2);} /*------------------------------------------- -- 28. 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) } /* ----------------------------------- 29. Animation Part CSS -------------------------------------*/ /**Color Picker Img Animation*/ @keyframes rotation { from { transform: rotate(0deg); } to { transform: rotate(359deg); } } /**Rotate Img Animation*/ @keyframes animationFrameTwo{ 0% {transform: translate(0px,0px) rotate(0deg);} 20% {transform: translate(73px,-1px) rotate(36deg);} 40% {transform: translate(141px,72px) rotate(72deg);} 60% {transform: translate(83px,122px) rotate(108deg);} 80% {transform: translate(-40px,72px) rotate(144deg);} 100% {transform: translate(0px,0px) rotate(0deg);} } /**Move Img Animation*/ @keyframes moveHorizontal{ 0% {transform: translateX(0px);} 50% {transform: translateX(-20px);} 100% {transform: translateX(0px);} } /* Move Horizontal reverse Image */ @keyframes moveHorizontal_reverse{ 0% {transform: translateX(0px);} 50% {transform: translateX(20px);} 100% {transform: translateX(0px);} } /* Bounce Img Animation */ @keyframes float{ 0% {transform: translateY(5px);} 50% {transform: translateY(-5px);} 100% {transform: translateY(5px);} } /* Bounce Img Animation */ @keyframes float_reverse{ 0% {transform: translateY(-10px);} 50% {transform: translateY(10px);} 100% {transform: translateY(-10px);} } /* Video Animation */ @keyframes ripple{ 0%{transform:scale(1);transform:scale(1)} 50%{transform:scale(1.2);transform:scale(1.2);opacity:1;filter:"alpha(opacity=100)"} 100%{transform:scale(1.4);transform:scale(1.4);opacity:0;filter:"alpha(opacity=0)"} } /* FadeUp Animation */ @keyframes FadeUp{ 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } /* ----------------------------------- 30. 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; } /*Slide In Css Start Here*/ .px_slidein{overflow:visible !important;} .px_slidein:after{content: ""; position: absolute; bottom: 40px; left: 10px; width: calc(100% - 20px); height: 80%; background-color: var(--px-color-1); border-radius: inherit; z-index: -1; transition: all 0.2s; opacity:0;} .px_slidein .et_pb_button_module_wrapper{background:#fff;padding-bottom:15px;} .px_slidein:hover:after{bottom: -15px;transition: all 0.2s;opacity:1;} .px_feature_info .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{color:var(--px-color-1);} .px_feature_info .et_pb_module_header span{color:var(--px-color-2);} .px_scale_in .px_contact .et_contact_bottom_container{margin-top:10px;margin-right:10px;} .px_services_v3_info.px_slide_service .et_pb_image_wrap .et-pb-icon{position:relative;top:0;} .px_silde_hover.px_hover_v2:hover:before{height:100%;opacity: 1;transition: .4s;} .px_silde_hover.px_hover_v2:hover .et_pb_promo_description .et_pb_module_header{color:#fff !important;transition: .4s;} .px_silde_hover.px_hover_v2:hover .et_pb_promo_description p{color:#fff !important;transition: .4s;} .px_silde_hover.px_hover_v2:hover .et_pb_button_wrapper .et_pb_button{color:#fff !important;transition: .4s;} /* Icon CSS */ .px_icon_bar {padding: 0px !important; background: var(--px-color-1) !important;border-radius: 5px;border: 2px solid #e4e7ee;transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;-webkit-box-shadow: 0px 0px 0px 0px;box-shadow: 0px 0px 0px 0px;} .px_icon_bar:after {padding:7px 15px 7px 9px;display: block;position: relative;-webkit-transition: all 0.5s ease;color:#fff !important;font-size:20px !important;} .px_icon_bar:before {content: "";position: absolute;width: 38px;height: 38px;border-radius: 5px;background: var(--px-color-1);border-radius: 5px;top: 0;left: 0;right: 0;bottom: 0;margin: auto;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;;display:block !important;} .px_icon_bar:hover {background: var(--px-color-2)!important;} .px_icon_bar:hover:before {width: 100%;height: 100%;} /*Popup Overlay Css Move Up Start Here*/ .px-popup-wrapper .px-popup-content.px_move_up { transform: translateY(100%);transition: all .4s ease-in-out,width .2s ease-in-out,top .4s ease-in-out !important; } body:not(.et-fb) .px-popup-wrapper.popup-is-visible .px-popup-content.px_move_up {transform: translateY(-30px); } /*Popup Overlay Css Move Down Start Here*/ .px-popup-wrapper .px-popup-content.px_move_downup { transform: translateY(-100%);transition: all .4s ease-in-out,width .2s ease-in-out,top .4s ease-in-out !important; } body:not(.et-fb) .px-popup-wrapper.popup-is-visible .px-popup-content.px_move_downup {transform: translateY(0%); } /*Popup Overlay Css Move right Start Here*/ .px-popup-wrapper .px-popup-content.px_slide_right { transform: translateX(-100%);transition: all .8s ease-in-out,width .4s ease-in-out,top .8s ease-in-out !important; } body:not(.et-fb) .px-popup-wrapper.popup-is-visible .px-popup-content.px_slide_right {transform: translateX(0%); } /*Popup Overlay Css Move Left Here*/ .px-popup-wrapper .px-popup-content.px_slide_left { transform: translateX(100%);transition: all .8s ease-in-out,width .4s ease-in-ou t,top .8s ease-in-out !important; } body:not(.et-fb) .px-popup-wrapper.popup-is-visible .px-popup-content.px_slide_left {transform: translateX(0%); } /* Add Row animation when popup is triggered */ /*.px-popup-wrapper.popup-is-visible .et_pb_row:not(.px-popup-close)*/ .px-popup-wrapper.popup-is-visible .px_scale_in {animation:scale-in .5s cubic-bezier(.14,.06,.41,1.39) both; animation-delay: .5s; } @keyframes scale-in{0%{transform:scale(0.3);opacity:0}100%{transform:scale(1);opacity:1}} /*Popup Overlay Css Move Up Start Here*/ body:not(.et-fb) .px-popup-wrapper .px-popup-content.px_move_up {top: unset;min-height: auto;right: 20px;} .px-popup-wrapper .px_move_up { transform: translateY(100%);transition: all .8s ease-in-out,width .4s ease-in-out,top .8s ease-in-out !important; } .px-popup-wrapper.popup-is-visible .px_move_up {transform: translateY(-30px); } /*Popup Overlay Css Move Down Start Here*/ .px-popup-wrapper .px_move_downup { transform: translateY(-100%);transition: all .8s ease-in-out,width .4s ease-in-out,top .8s ease-in-out !important; } .px-popup-wrapper.popup-is-visible .px_move_downup {transform: translateY(0%); } /*Popup Overlay Css Slide Right Start Here*/ .px-popup-wrapper .px_slide_right { transform: translateX(100%);transition: all .8s ease-in-out,width .4s ease-in-out,top .8s ease-in-out !important; } .px-popup-wrapper.popup-is-visible .px_slide_right {transform: translateX(0%); } /*Popup Overlay Css Slide left Here*/ .px-popup-wrapper .px_slide_left { transform: translateX(0%);transition: all .8s ease-in-out,width .4s ease-in-out,top .8s ease-in-out !important; }