/*
Theme Name: Plumbfix Divi Plumber Theme
Theme URI: https://plumbing.divichildthemesextended.com
Description: Plumbfix Divi Theme is design for any plumber service business. Ideally this template fit for plumbing company, repair, maintenance, roofing, handyman or any other type of plumbing service. 
Author: Divi Professional
Author URI: https://divi-professional.com
Template: Divi
Version:  1.0
License:  GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/
/* -----------------------------------------------------------------------------   
    TABLE OF CONTENT
---------------------------------------------------------
    01. General Class CSS
		Title CSS		
		Button CSS
        Page Header Title Css
		Breadcrumbs CSS
	02. Header Section CSS
        Menu + Sub Menu CSS
    	Header v1 CSS
		Header v2 CSS
		Header v3 CSS
	03. Footer Section CSS
		Footer v1 CSS
		Footer v2 CSS
		Footer v3 CSS
    04. Sidebar CSS
    05. Blog CSS
		Blog Grid CSS
			2 Columns CSS
            3 Columns CSS
			4 Columns CSS
        Blog Listing CSS 
		Blog Category Page CSS 
		Blog Tags Page CSS 
		Blog Author Page CSS 
		Blog Single Page CSS
	06. Portfolio CSS
		Portfolio Default CSS
		Portfolio Filterable CSS
			2 Columns CSS
            3 Columns CSS
			4 Columns CSS
        Portfolio Carousel CSS 
		Portfolio Gallary CSS 
		Portfolio Category Page CSS 
		Portfolio Tags Page CSS 
		Portfolio Single Page CSS
    07. Services CSS
		Services v1 CSS
		Services v2 CSS
		Services v3 CSS
		Services Single Page CSS
	08. Contact Us CSS
		Contact Us v1 CSS
		Contact Us v2 CSS
	09. Team Section CSS
		Team v1 CSS
		Team v2 CSS
		Team Single CSS
    10 Slider Section CSS
		Slider v1 CSS
    11 Faqs CSS
		Faqs v1 CSS
	12 Timeline CSS
		Timeline v1 CSS
	13 Pricing Table CSS
		Pricing Default CSS
		Pricing Mini CSS
		Pricing Toggle CSS
		Pricing Table CSS
    14 Testimonial Section CSS
		Testimonial v1 CSS
		Testimonial v2 CSS	
    15 About Us Section CSS
    16 Choose Us Section CSS
    17 Process Section CSS
    18 Partner Section CSS
    19 Video Section CSS
    20 Skill-bar Section CSS
    21 Counter Section CSS
    22 Newsletter Section CSS
    23 CTA Section CSS
    24 Coming Soon Page CSS
    25 404 Page CSS
	26 Search Page CSS
    26 Color Picker CSS
    27 Animation Part CSS

--------------------------------------------------------*/
/* -----------------------------------
    01. General Class CSS
-------------------------------------*/
/*---Title CSS---*/
.px_title {

}
.px_subtitle {color:var(--px-color-1) !important;	}
.px_subtitle:after{
    content: "";
		position: absolute;
		left:0px;
    top: 7px;
    width: 30px;
    height: 2px;
    background-color: var(--px-color-1);

}
.px_desc {}
/*---Button CSS---*/
/*btn */
.px_btn::before{
content: '';
position: absolute;
width: 0%;
height: 100%;
left: auto;
right: 0 !important;
top: 0;
transition: 0.6s all ease-in-out;
z-index: -1;
background:var(--px-color-2);
display: block !important;
opacity: 0;
margin-left: 0px !important;
}
.px_btn{background:var(--px-color-1)!important; border:0px !important; letter-spacing: 0px !important; overflow:hidden; z-index: 1;}

.px_btn.light{color:#fff;}
.px_btn.light::before {background:#fff; transition: 0.6s all ease-in-out;}
.px_btn.light:hover{color:var(--px-color-1);}

.px_btn:hover::before {
right: auto;
left: 0;
width: 100%;	
overflow:hidden;
opacity: 1;
}
.px_btn:hover {overflow:hidden; background:var(--px-color-1) !important;}


/*---Page Header Title CSS---*/
.px_header_title {}
/*---Breadcrumbs Title CSS---*/
.px_b_home_link {} 
.px_b_other_link {} 
	
/*--- Global Class CSS ---*/
/*****Pagination******/
.pagination-container{ margin-bottom:0px !important;}
.et_pb_row_custom_pagination{clear:both;text-align: left;}
.pagination-container{padding-top: 0 !important;margin-top:2em;margin-bottom:2em;}
.screen-reader-text{display: none;}
.navigation.px_blogpagination .page-numbers{display: inline-block;border-right: 0;padding: 0em 1em;margin: 0 -1px;line-height: 2.6em;}
.navigation.px_blogpagination .page-numbers.prev,.navigation.px_blogpagination .page-numbers.next{padding: 0 .5em;}
.navigation.px_blogpagination span.page-numbers {color:#fff;border: 1px solid;border-color: #000 !important;font-weight: 600;}
.navigation.px_blogpagination .page-numbers .et-pb-icon{font-size: 1.6em;vertical-align: middle;line-height: 1.5em;margin-top: -3px;}
.navigation.px_blogpagination a.page-numbers:hover, .navigation.px_blogpagination span.page-numbers {background-color: #000 !important;}
.navigation.px_blogpagination a.page-numbers {color: #fff !important;background: #000;}
.navigation.px_blogpagination a.page-numbers:hover {color: #fff !important; } 
/* bar counter new  */
.px_bar_counter .et_pb_counter .et_pb_counter_container {
overflow: visible !important;
position: relative;
box-shadow: none;
border-radius: 0;
height: 16px;
border: 1px solid #e3e3e3;
z-index: 1;
display: flex;
flex-direction: column;
justify-content: center;
background: #fff;
margin-bottom: 25px;	
}
.px_bar_counter .et_pb_counter .et_pb_counter_container .et_pb_counter_amount {
  background: var(--px-color-1);
  left: 5px;
}
.px_bar_counter .et_pb_counter .et_pb_counter_container .et_pb_counter_amount .et_pb_counter_amount_number {
color: #000;
position: absolute;
bottom: 10px;
font-size: 18px;	
}
/* Table*/
.px_table_v1 .px_table .et_pb_text_inner table thead {
background:var(--px-color-1);
  text-align: center;
  color: #fff !important;
  font-size: 20px;
	border: 1px solid var(--px-color-1) !important;
	
}
.px_table_v1 .px_table .et_pb_text_inner table thead tr th{
color: #fff !important;
padding: 16px 24px;
}
.px_table_v1 .px_table .et_pb_text_inner table tr td{
border: 1px solid #424242 !important;
padding: 10px !important;
text-align: center;	
width: 50%;	
}
/* -----------------------------------
    02. Header Section CSS
-------------------------------------*/
/*---Menu + Sub Menu CSS---*/
/*---Main Menu CSS---*/
/*---Sub Menu CSS---*/
/*---Header Common Info Css---*/

.et_pb_menu .et-menu > li {
  padding-left: 11px !important;
  padding-right: 0px !important;
}
.et-menu .menu-item-has-children > a:first-child {
  padding-right: 15px !important;
}

.px_small_info:before {color:#fff!important;}
.px_small_blurb_info .et-pb-icon {
	color:var(--px-color-1)!important;
}
@media only screen and (max-width: 1200px){
	.px_small_blurb_info{
		display: none;
	}
}
.px_header_contact_info {}

@media only screen and (max-width: 1110px){
	.px_header_social {
		display: none;
	}
}
.px_header_social {}
/*---Header v1  CSS---*/
.px_header_v1 {}
.px_header_v1 .et_pb_menu__menu ul li a{

}
.px_header_v1 .et-menu li li a {
  padding: 9px 20px;
}
.px_header_v1 .et-menu-nav > ul{top: calc(100% - -1px)!important;}
.px_header_v1 .et-menu-nav > ul ul {
padding: 0px 0;
text-align: left;
border: none;
top: calc(100% - -1px)!important;
}
.px_header_v1 .sub-menu li{padding: 0px; width: 100%;}
.px_header_v1 .sub-menu li a{width: 100%;}
.px_header_v1 .sub-menu li:hover {
  background-color: var(--px-color-1) !important;
  color: #fff !important;
}
.px_header_v1 .et-menu-nav > ul ul ul{top:0px !important;}
/*---Header v2  CSS---*/
.px_header_v2 {}
/*---Header v3  CSS---*/
.px_header_v3 {}

@media only screen and (min-width: 980px) and (max-width: 1200px){
	.px_header_menu{
		width: 100% !important;
	}
}
/* -----------------------------------
    03. Footer Section CSS
-------------------------------------*/
/*---Footer Common Info Css---*/
.px_footer_title {}
.px_footer_blurb_info {}
.px_footer_links {}
.px_footer_social {}
/*---Footer v1  CSS---*/
.px_footer_v1 .px_f_info:before{
content: "";
height: 1px;
width: 0;
background-color: var(--px-color-1);
position: absolute;
left: 0;
bottom: 0;
visibility: hidden;
opacity: 0;
transition: all .4s;
display: block;
margin-right: 0px !important;

}
.px_footer_v1 .px_f_info:hover:before{
visibility: visible;
opacity: 1;
width: 100%;
left: 34px;
transition: width .4s ease;
}
.px_footer_v1 .px_f_info:hover{
color:#fff !important;	
}
/**/
.px_footer_v1 .px_footer_gallery .et_pb_gallery_items {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: repeat(3, 30%);
}
.px_footer_v1 .px_footer_col .px_footer_gallery .et_pb_gallery_items .et_pb_gallery_item {
	margin-bottom:0px !important;
}
.px_footer_v1 .px_footer_gallery .et_pb_gallery_items .et_pb_gallery_image{overflow:hidden; transition: all 0.6s ease;}
.px_footer_v1 .px_footer_gallery .et_pb_gallery_items .et_pb_gallery_image img {
  object-fit:cover;
  height: 80px !important;
  width: 80px !important;
  overflow: hidden;
  transition: all 0.6s ease;
}
.px_footer_v1 .px_footer_gallery .et_pb_gallery_items .et_pb_gallery_image:hover img {
  transform: scale(1.1);
}
/*---Footer v2  CSS---*/
.px_footer_v2 {}
/*---Footer v3  CSS---*/
.px_footer_v3 {}

/* -----------------------------------
     04. Sidebar CSS
-------------------------------------*/
.px_sidebar_feature .et_pb_title_container .published {	
}
.px_sidebar_feature .published {
background-color: var(--px-color-1);
position: absolute;
left: 20px;
color: #fff;
font-size: 16px;
border-radius: 10px 10px 0 0;
top: -85px;
padding: 15px;
}
.px_sidebar_feature .published::before {
  content: "\e023";
  font-family: ETmodules !important;
  padding-right:10px;
}
.px_sidebar_feature .et_pb_title_container a::before {
  content: "\6e";
  font-family: ETmodules !important;
  color: var(--px-color-1) !important;
  padding: 0px 10px;
}
.px_sidebar_feature .et_pb_title_container span a::before {
  content: "\76";
  font-family: ETmodules !important;
  color: var(--px-color-1) !important;
  padding: 0px 10px;
}
.px_sidebar {
border-right: none;
padding-right: 0px;	
}
.px_sidebar .et_pb_widget {
position: relative;
background: #f8f7f4;
padding: 30px 30px 30px;
border-radius: 10px;
margin-bottom: 50px !important;	
}
/* title*/
.px_sidebar .et_pb_widget .widgettitle{
	margin-bottom:20px;
}
.px_sidebar .et_pb_widget .widgettitle:after{
position: absolute;
bottom: 0;
content: "";
background: linear-gradient(90.79deg,var(--px-color-1) 30.97%,var(--px-color-2) 62.52%,rgba(36,36,36,0) 126.44%);
width: 40px;
height: 3px;
left: 0%;
transform: translateX(80%);
top: 65px;	
}
.px_sidebar .widget_search #searchsubmit {
  background-color: var(--px-color-1) !important;
  color: #fff !important;
}
.px_sidebar .widget_categories ul li {
border-bottom: 1px solid #dddddd;
padding: 15px 0px 15px 0px;
font-size: 15px;
}
.px_sidebar .widget_categories ul li:hover a {
  color: var(--px-color-1) !important;
}
.px_sidebar .tagcloud a {
background: #fff;
/* border: 1px solid #ecf0f3; */
padding: 10px 24px 10px;
text-align: center;
border-radius: 50px;
margin-bottom: 10px;
}
.px_sidebar .tagcloud a:hover {
  background-color: var(--px-color-1) !important;
  color: #fff;
}
/*side bar Blogs post*/
.px_postdetail_blog{
border-radius: 0 0 10px 10px;	 
}
.px_postdetail_blog .et_pb_post {
  margin-bottom: 0px;
  overflow: hidden;
margin-bottom: 0px;
padding: 30px 0;
border-bottom: 1px solid  #dddddd;

}
.px_postdetail_blog .et_pb_post .entry-featured-image-url {
  width: 100%;
  max-width: 110px;
  margin-bottom: 0px;
  float: left;
  overflow: hidden;
}
.px_postdetail_blog .et_pb_post .entry-featured-image-url img {
  transition: all 0.3s ease;
}
.px_postdetail_blog .et_pb_post:hover .entry-featured-image-url img {
  transform: scale(1.1);
}
.px_postdetail_blog .entry-title {
  color:#000 !important;
  margin-bottom: -11px;
  padding-top: 8px;
}
/* overlay img*/
.px_postdetail_blog .et_overlay{
  background-color: var(--px-color-1) !important;	
  opacity: 0.85 !important;
}
.px_postdetail_blog .et_overlay:before{
color:#fff !important;	
}
.px_postdetail_blog .et_pb_post:hover .entry-title {
  color: var(--px-color-1) !important;
}
@media screen and (max-width: 769px){
.px_postdetail_blog .entry-title {
  margin-bottom: 0px;
	}
}
/* Recent post shear*/ 
.px_post_blog_tag .et_pb_main_blurb_image .et-pb-icon {
color: var(--px-color-1) !important;
}
.px_post_blog_tag .et_pb_blurb_description a {
  outline: none;
  margin: 0 3px;
  border: 1px solid #ecf0f3;
  color: #fff!important;
  font-size: 0.875rem;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  border-radius: 3px;
  padding: 10px;
 background-color: var(--px-color-2) !important;	
}
/* shear post tag*/
.px_post_blog_tag .et_pb_blurb_description a:hover {
color: var(--px-color-1) !important;
}
/* comment btn*/
.px_comment_post .et_pb_button:hover::after {
  max-width: 110px;
  margin-bottom: 0px;
  float: left;
  overflow: hidden;
}
.px_comment_post .logged-in-as a{
color: var(--px-color-1) !important;
}
/* -----------------------------------
      Slider CSS
-------------------------------------*/
.px_slider_v1_home .et_pb_slide_description .et_pb_slide_description,
.px_slider_v1_home .et_pb_slide_description{
	position:relative;
}
.px_slider_v1_home .et_pb_slide_description .et_pb_slide_content::before {
background-color: var(--px-color-1) !important;
position: absolute;
height: 322px;
width: 10px;
content: "";
left: auto;
right: auto;
margin-left: -27px;
margin-top: -62px;
}
/*btn */
.px_slider_v1_home .et_pb_button::after{
content: '';
position: absolute;
width: 0%;
height: 100%;
right: 0;
left: auto;
top: 0;
transition: .4s all ease-in-out;
z-index: -1;
background:var(--px-color-2);	
}
.px_slider_v1_home .et_pb_button:hover::after {
  right: auto;
  left: 0;
  width: 100%;
opacity:1 !important;	
}
.px_slider_v1_home .et_pb_button:hover {
color:var(--px-color-1) !important;
}
/* 980*/
@media screen and (max-width:980px) {
.px_slider_v1_home .et_pb_slide_description::before  {
left: 0;
transform: translatex(35px);
  }
}
@media screen and (max-width: 480px) {
.px_slider_v1_home .et_pb_slide_description .et_pb_slide_content::before {
  height: 144px;
  margin-left: -27px;
  margin-top: -34px;
}
.px_slider_v1_home .et_pb_slide_description .et_pb_slide_title::before {
  height: 58px !important;
  margin-left: -43px !important;
  margin-top: 87px !important;
}
}
/*after line */
.px_slider_v1_home .et_pb_slide_description .et_pb_slide_title::before {
background-color: #fff !important;
position: absolute;
height: 150px;
width: 10px;
content: "";
left: auto;
margin-left: -50px;
margin-top: 174px;
}

/* -----------------------------------
     05. Blog CSS
-------------------------------------*/
/*---Blog Grid CSS & 3 Columns CSS ---*/
.px_blog_grid_3_col .et_pb_ajax_pagination_container {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(3, 33%);
}
.px_blog_v1 .et_pb_post {
	padding: 0;
	box-shadow: 0px 57px 40px 0px rgba(10,10,10,0.27);
	border-radius:25px !important;
}
.px_blog_v1 .et_pb_post .des{
	padding:0px 30px 50px 30px;
	border-radius:0px 0px 25px 25px !important;
}

.px_blog_v1 .et_pb_post .des .post-meta .published{position:relative;margin: 0px 20px;}
.px_blog_v1 .et_pb_post .des .post-meta .published::before{content:"\e023"; font-family:ETmodules; position:absolute; left:-20px;}


.px_blog_v1 .et_pb_post .et_pb_image_container {
	margin: 0;
}
.px_blog_v1 .et_pb_post .entry-featured-image-url .et_overlay {
	border-radius: 25px
}
.px_blog_v1 .et_pb_post .post-meta a::before{content:"\6e"; font-family:ETmodules; position:absolute; left:-20px;}
.px_blog_v1 .et_pb_post .post-meta a {
	position:relative;
	color: var(--px-color-1);
	margin: 0px 15px;
}
.px_blog_v1 .et_pb_post .entry-featured-image-url .et_overlay:before {
	padding: 20px;
	background: #fff;
	margin: -40px 0 0 -33px;
	border-radius: 50%;
	font-size: 15px
}
.px_blog_v1 .et_pb_post .post-content .post-content-inner {
	margin-top: 10px;
	margin-bottom: 20px
}

.pagination .alignleft,
.pagination .alignright {
	overflow: hidden;
	width: auto;
	margin: 0 auto;
	text-align: center;
	display: inline-block;
	line-height: 50px
}



.pagination .alignleft a,
.pagination .alignright a {
	background-color: var(--px-color-1);
	padding: 10px 22px!important;
	border: none!important;
	border-radius: 5px;
	overflow: hidden;
	position: relative;
	z-index: 1;
	color: #fff;
	transition: all .5s !important;
}

.pagination .alignleft a:hover,
.pagination .alignright a:hover {
	color: #fff;
	background-color: var(--px-color-2);
	box-shadow: 10px 10px 10px rgba(0, 0, 0, .2)
}
/*---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::before{
content: '';
position: absolute;
width: 0%;
height: 100%;
left: auto;
right: 0 !important;
top: 0;
transition: 0.6s all ease-in-out;
z-index: -1;
border-radius:5px;
background:var(--px-color-2);
display: block !important;
opacity: 0;
margin-left: 0px !important;
}
.px_blog_v1 .et_pb_post .post-content .more-link{
background:var(--px-color-1) !important;
overflow:hidden;
position:relative;
width: 145px;
border-radius: 5px;
letter-spacing: 1px;
padding: 10px 30px;
z-index: 1;
}
.px_blog_v1 .et_pb_post .post-content .more-link:hover{overflow:hidden;}

.px_blog_v1 .et_pb_post .post-content .more-link:hover::before {
right: auto;
left: 0;
width: 100%;	
overflow:hidden;
opacity: 1;
}



/*---Pagination Button CSS---*/
.px_blog_v1 .pagination .alignleft,
.px_blog_v1 .pagination .alignright {}
.px_blog_v1 .pagination .alignleft a,
.px_blog_v1 .pagination .alignright a {}
.px_blog_v1.px_blog_grid_2_col > div article ~ div:last-child, .px_blog_v1.px_blog_grid_4_col > div article ~ div:last-child {
    grid-column: 1 / -1;
}
/*---Blog Grid 1 Columns CSS---*/
.px_blog_grid_1_col .et_pb_ajax_pagination_container {
  display: block;
}
.px_blog_grid_1_col .et_pb_post .des {
  position: absolute;
  bottom: 65px !important;
  margin-left: 18px;
display: block;	
}
.px_blog_grid_1_col .et_pb_post .post-meta .published {
	bottom: -40px !important;
}
/*---Blog Grid 2 Columns CSS---*/
.px_blog_grid_2_col .et_pb_ajax_pagination_container {
  display: grid;
  grid-gap: 25px;
  grid-template-columns: repeat(2, 1fr) !important;
}
/*---Blog Grid 4 Columns CSS---*/
.px_blog_grid_4_col .et_pb_ajax_pagination_container {
  	display: grid;
  	grid-gap: 25px;
	grid-template-columns: repeat(4, 1fr);
	margin: 0px 30px;
}
@media screen and (max-width: 768px) {
	.px_blog_grid_4_col .et_pb_ajax_pagination_container, 
	.px_blog_grid_2_col .et_pb_ajax_pagination_container {
  		display: block;		
	}
	.px_blog_v1 .et_pb_post {
	  margin-bottom: 24px !important;
	}
	.px_blog_grid_1_col .et_pb_post {
		margin-bottom: 0px !important;	
	}	
}
/* Blog Listing CSS */

.px_blog_list .et_pb_post{display:flex; box-shadow: 0px 0px 40px 0px rgba(10,10,10,0.3); border-radius:20px;}
.px_blog_list .et_pb_post .entry-featured-image-url{width: 50%; margin: 0; border-radius:20px 0px 0px 20px;}
.px_blog_list .et_pb_post .entry-featured-image-url img{border-radius:20px 0px 0px 20px;}
.px_blog_list .et_pb_post .des{width: 50%; padding: 15px;}
.px_blog_list .et_pb_post .post-meta a::before{content:"\6e"; font-family:ETmodules; position:absolute; left:-20px;}
.px_blog_list .et_pb_post .des .post-meta a{color:var(--px-color-1); margin: 0px 10px;position:relative; color: var(--px-color-1); margin: 0px 15px;}
.px_blog_list .et_pb_post .des .post-content a.more-link{background: var(--px-color-1); color: #fff; padding: 5px 10px; margin-top: 15px; border-radius: 3px; width: 90px; transition:0.5s;}
.px_blog_list .et_pb_post .des .post-meta .published{position:relative;margin: 0px 20px;}
.px_blog_list .et_pb_post .des .post-meta .published::before{content:"\e023"; font-family:ETmodules; position:absolute; left:-20px;}


/* Hover Effect */
.px_blog_list .et_pb_post .des .post-content a.more-link:hover{background: var(--px-color-2); transition:0.5s;}

@media only screen and (max-width:576px){
.px_blog_list .et_pb_post{display:block;}
.px_blog_list .et_pb_post .entry-featured-image-url{width: 100%; border-radius: 20px;}
.px_blog_list .et_pb_post .entry-featured-image-url img{border-radius:20px;}
.px_blog_list .et_pb_post .des{width: 100%; padding: 30px 15px;}
}



/* 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 {}


/* 980 below media*/
@media only screen and (max-width: 980px) and (min-width: 600px)  {
.px_blog_grid_4_col .et_pb_ajax_pagination_container, 	
.px_blog_grid_3_col .et_pb_ajax_pagination_container {
  	grid-template-columns: repeat(2, 1fr);
}

/* .px_blog_v1 .et_pb_post .post-meta .published {
  top: 125px;
}
	.px_blog_v1 .et_pb_post .entry-title{
margin: 0px 0px;  		
	}*/
	.px_blog_v1 .et_pb_post .post-meta a{
		margin-bottom: 9px;		
	}	 
}
@media only screen and (max-width: 480px)  {
	.px_blog_grid_3_col .et_pb_ajax_pagination_container {
  		display: block;
	}
}
/* -----------------------------------
     06. Portfolio CSS
-------------------------------------*/
/*---Portfolio Carousel CSS ---*/
.px_portfolio_v1 .et_pb_portfolio_item {position:relative;}
/* Image Css */ 
.px_portfolio_v1 .et_pb_portfolio_item .et_portfolio_image {}
.px_portfolio_v1 .et_pb_portfolio_item .et_portfolio_image img {}

/* Arrow CSS */
.px_portfolio_v1 .et-pb-arrow-next,
.px_portfolio_v1 .et-pb-arrow-prev {
 color: var(--px-color-1)!important;
}

/* Overlay  Css */ 
.px_portfolio_v1 .et_pb_portfolio_item .et_portfolio_image .et_overlay {}
.px_portfolio_v1 .et_pb_portfolio_item .et_portfolio_image:hover .et_overlay,
.px_portfolio_v1 .et_pb_portfolio_item .et_pb_portfolio_image:hover .et_overlay{
opacity:0 !important;
z-index:-1 !important;
}
.px_portfolio_v1 .et_pb_portfolio_item .et_portfolio_image .et_overlay:before {display:none!important;}

/* Info CSS */
.px_portfolio_v1.et_pb_fullwidth_portfolio .et_portfolio_image .meta,
.px_portfolio_v1.et_pb_fullwidth_portfolio .et_pb_portfolio_image .meta{
opacity:1 !important;
z-index:3 !important;
}
.px_portfolio_v1 .px_portfolio_v1_info{
background: rgba(255,255,255,0.8);
width: 80%;
opacity: 1 !important;
display: block;
position: absolute;
bottom: 30px;
border-radius: 0 43px 43px 0;
padding: 20px;
transition:1s;
}
/* Background */
.px_portfolio_v1 .px_portfolio_v1_info::before{
content: "";
height: 5%;
width: 23%;
background-color: var(--px-color-1);
position: absolute;
bottom: 0;
left: 24px;
transition: all 0.8s;
z-index: 1;
transform: scaleY(1.01);
border-radius: 0;
overflow: hidden;
transition:0.5s;
}
/* Plus Icon */
.px_portfolio_v1 .px_portfolio_v1_info::after{
content:"\4c";
font-family:ETmodules;
font-weight:900;
font-size:22px;
color:var(--px-color-1);
position:absolute;
right:-20px;
bottom:15px;
background:#fff;
padding:18px;
border-radius:50%;
opacity:0;
z-index:2;
transition:1s;
}

/* Title Css */ 
.px_portfolio_v1 .et_pb_portfolio_item .post-meta,
.px_portfolio_v1 .et_pb_portfolio_item .post-meta a,
.px_portfolio_v1 .et_pb_portfolio_item .et_pb_module_header {
margin:0px !important;
color:#000 !important;
text-align:left !important;
padding:0px !important;
transition:0.5s;
} 
.px_portfolio_v1 .et_pb_portfolio_item:hover .post-meta,
.px_portfolio_v1 .et_pb_portfolio_item:hover .post-meta a,
.px_portfolio_v1 .et_pb_portfolio_item:hover .et_pb_module_header{
color:#fff !important;
position:relative;
z-index:3;
transition:0.5s;
}
/* Category Post Meta Css */ 
.px_portfolio_v1 .et_pb_portfolio_item .post-meta {text-align:left !important;}
.px_portfolio_v1 .et_pb_portfolio_item .post-meta a {}


/* 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, 1fr);
}
/* 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,1fr);
	grid-gap: 25px;
}

/* Hover Effect */
.px_portfolio_v1 .et_pb_portfolio_item:hover .px_portfolio_v1_info::before{
		height: 100%;
		width: 100%;
		left: 0;
		border-radius: 0 43px 43px 0;
		transform: scaleY(1.1);
		transition:0.5s;
		z-index:1;
}
.px_portfolio_v1 .et_pb_portfolio_item:hover .px_portfolio_v1_info::after{
		opacity:1;
		transition:1s;
}
.px_portfolio_v1 > div article ~ div:last-child, .pagination {
		grid-column: 1 / -1;
}
/* Responsive CSS */
@media only screen and (min-width:560px) and (max-width:980px){
	.px_portfolio_v1 .et_pb_portfolio_item .et_pb_module_header {
		font-size:18px;
	}
	.px_portfolio_v1 .et_pb_portfolio_item .post-meta {
		font-size:12px;
	}
	.px_portfolio_v1 .px_portfolio_v1_info::after{
		padding:15px;
	}
}

@media only screen and (max-width:576px){
/* Portfolio 2 Column */
	.px_portfolio_2_col .et_pb_portfolio_items,
	.px_portfolio_2_col .et_pb_ajax_pagination_container{
		display: block;
	}
/* Portfolio 3 Column */
	.px_portfolio_3_col .et_pb_portfolio_items,
	.px_portfolio_3_col .et_pb_ajax_pagination_container{
		display: block;
	}
	.px_portfolio_v1 .et_pb_portfolio_item .et_portfolio_image img {
		width: 100%;
	}
}

@media only screen and (max-width: 768px){
	.px_portfolio_3_col .et_pb_portfolio_items,
	.px_portfolio_3_col .et_pb_ajax_pagination_container{
		grid-template-columns: repeat(2,1fr);
	}
}

/*---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 {}
.px_portfolio_v1 .et_pb_portfolio_filters li a {
	border:none !important;
	color:var(--px-color-1);
	margin: 5px 3px;
	transition:all 0.8s ease-in-out;
}
/*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-1)!important;
	color:#fff;
}
/* Pagination CSS */
.px_portfolio_v1 .et_pb_portofolio_pagination {
	border:none !important;
}
.px_portfolio_v1 .et_pb_portofolio_pagination ul {
	margin-right: 50px;
}
.px_portfolio_v1 .et_pb_portofolio_pagination ul li {
	padding: 5px !important;
}
.px_portfolio_v1 .et_pb_portofolio_pagination ul li a {
	color: var(--px-color-1) !important;
	padding: 10px 15px;
	transition:all 0.5s ease-in-out;
}
.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-1);
	color: #fff !important;
	border-radius: 3px;
}
.px_portfolio_v1 .et_pb_portofolio_pagination ul li.prev a.page-prev {}
.px_portfolio_v1 .et_pb_portofolio_pagination ul li.next a.page-next {}

/*---Portfolio Gallary CSS & 4 Columns CSS---*/
.px_portfolio_v1.simple .px_portfolio_v1_info{}


/* Portfolio Category CSS */
.px_portfolio_category {}
/* Portfolio Tags CSS */
.px_portfolio_tages {}
/* Portfolio Single Page CSS */
.px_portfolio_single {}
.px_project_detail_social li a::before{color:#646464 !important;transition:all 1s ease-in-out;}
.px_project_detail_social li a:hover::before{color:var(--px-color-1) !important;}
/* Comment CSS */
.px_post_comment .comment-form p a{color:var(--px-color-1);}
.px_post_comment .form-submit .submit.et_pb_button{background:var(--px-color-1);color:#fff;border:1px solid var(--px-color-1);}

/* -----------------------------------
    07. Services CSS
-------------------------------------*/
/*---Services v1 CSS---*/
.px_services_v1:after {
	content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    height: 4px;
    width: calc(100% - 50px);
    background-color:var(--px-color-1);
    border-radius: 0 0 8px 0;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.px_services_v1 .px_service_title .et_pb_text_inner{color:var(--px-color-1);}
.px_services_v1:hover .px_service_blurb .et_pb_main_blurb_image{
 
}
/*Title Css */
.px_services_v1:hover .px_service_blurb .et_pb_module_header{

}
/*Description Css */
.px_services_v1:hover .px_service_blurb .et_pb_blurb_description {

}
.px_services_v1 .px_service_blurb .et_pb_blurb_description h3 {
 
}
.px_services_v1:hover .px_service_blurb .et_pb_blurb_description h3 {
  
}
/*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 .px_services_list .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{color: var(--px-color-2);}
.px_services_v1 .px_services_list:hover .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{color:var(--px-color-1);}
/*Title Css */
.px_services_v1 .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{}
/*Description Css */
.px_services_v1 .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description{}

/*---Services v2  CSS---*/
.px_services_v2 {}
/*---Services Single Page CSS---*/
.px_services_single {}
.px_services_single .px_service_contact .et_pb_text_inner h6,
.px_services_single .px_service_contact .et_pb_text_inner h5{
  margin-top: 20px;
  position: relative;
  padding-left: 30px;
  margin-bottom: 10px;
}
.px_services_single .px_service_contact .et_pb_text_inner h6:before,
.px_services_single .px_service_contact .et_pb_text_inner h5:before{
position: absolute;
content: "\e090";
font-family: ETmodules;
left: 0px !important;
color: var(--px-color-1) !important;
font-size: 20px;
}
.px_services_single .px_service_contact .et_pb_text_inner h6:before{
content: "\e010" !important;	
}


/* -----------------------------------
    08. Contact Us CSS
-------------------------------------*/
/*---Contact Us v1  CSS---*/
.px_contact_v1 {} 
/*---Button CSS---*/
.px_contact_v1 .et_contact_bottom_container {
width: 100% !important;
}
.px_contact_v1 .et_contact_bottom_container .et_pb_button::before {
  content: '';
  position: absolute;
  width: 0%;
  height: 100%;
  left: auto;
  right: 0 !important;
  top: 0;
  transition: 0.6s all ease-in-out;
  z-index: -2;
 background:var(--px-color-2);
  display: block !important;
  opacity: 1;
  margin-left: 0px !important;
}
.px_contact_v1 .et_contact_bottom_container .et_pb_button:hover:before{
right: auto;
left: 0;
width: 100%;
}


/*---Contact Us v2  CSS---*/
.px_contact_v2 {} 
/*---Button CSS---*/
.px_contact_v2 .et_contact_bottom_container .et_pb_button{color:#fff; background:var(--px-color-1); z-index: 1;}
.px_contact_v2 .et_contact_bottom_container .et_pb_button::before {
  content: '';
  position: absolute;
  width: 0%;
  height: 100%;
  left: auto;
  right: 0 !important;
  top: 0;
  transition: 0.6s all ease-in-out;
  z-index: -1;
 background:var(--px-color-2);
  display: block !important;
  opacity: 1;
  margin-left: 0px !important;
border-radius:4px;
}
.px_contact_v2 .et_contact_bottom_container .et_pb_button:hover:before{
right: auto;
left: 0;
width: 100%;
}


/*---Contact Message CSS---*/
.px_contact_v1 .et-pb-contact-message {}
/*---Input CSS---*/
.px_contact_v1 .et_pb_contact .et_pb_contact_form .et_pb_contact_field  p input, 
.px_contact_v1 .et_pb_contact .et_pb_contact_form .et_pb_contact_field , 
.px_contact_v1 .et_pb_contact .et_pb_contact_form .et_pb_contact_field  p textarea {}
/*---Button CSS---*/
.px_contact_v1 .et_pb_contact .et_pb_contact_form .et_pb_contact_field .et_contact_bottom_container {}
.px_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit {}
.px_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit:hover {}

/*---Contact Us v2  CSS---*/
.px_contact_v2 {}
.px_contact_v2_blurb{overflow:visible !important; box-shadow: 0px 0px 40px 0px rgba(10,10,10,0.27); transition:0.6s;}
.px_contact_v2_blurb:hover{transform:translatey(-10px); transition:0.6s;}
/* Image CSS */
.px_contact_v2_blurb .et_pb_blurb_content {margin-top:-60px;}
.px_contact_v2_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap{background:#fff; border-radius:10px; padding:15px; box-shadow: 0px 0px 100px 0px rgba(10,10,10,0.2);}
/* Title CSS */
.px_contact_v2_blurb .et_pb_module_header:after{
position: absolute;
    content: "";
    background: linear-gradient(90.79deg,var(--px-color-1) 30.97%,#fff 62.52%,var(--px-color-2) 126.44%);
    width: 60px;
    height: 3px;
    left: 50%;
    transform: translateX(-50%);
    bottom: 40px;
}
.px_contact_v2_blurb .et-pb-icon{
color: var(--px-color-1) !important;	
}
/* -----------------------------------
    09. Team Section CSS
-------------------------------------*/
/*---Team v1  CSS---*/
.px_team_v1:after {
  right: 20px;
  visibility: visible;
  content: '';
  width: 1px;
  height: 80px;
  background:var(--px-color-1);
  opacity: 1;
  position: absolute;
  top: 10px;
  z-index: 1;
  -webkit-transition: all .4s;
  transition: all .4s;
}
.px_team_v1:before {
left: 20px;
content: '';
width: 1px;
height: 80px;
background: var(--px-color-1);
opacity: 1;
position: absolute;
top: 10px;
z-index: 1;
-webkit-transition: all .4s;
transition: all .4s;
}
.px_team_v1:hover .et_pb_team_member_image {
overflow: hidden;
max-width: 100%;
margin-bottom: 0;
}
.px_team_v1:hover .et_pb_team_member_image img {
	
}
  .px_team_v1 .et_pb_team_member_image img {
	transition: transform .5s;
	cursor: grab;
	width: 100%;
}
.px_team_v1 .et_pb_team_member_image::before {
	left: 10px;
}

.px_team_v1 .et_pb_team_member_image::after {
	right: 10px;
}

.px_team_v1 .et_pb_team_member_image::after,
.px_team_v1 .et_pb_team_member_image::before {
	content: '';
	width: 80px;
	height: 1px;
	background: var(--px-color-1);
	position: absolute;
	top: 20px;
	z-index: 1;
	-webkit-transition: all .4s;
	transition: all .4s
}
.px_team_v1 .et_pb_team_member_description {
	background: var(--px-color-2) !important;
opacity: 0.9;
box-sizing: border-box;
position: relative;
width: 80%;
top: -70px;
height: 70px;
border-radius: 10px;
margin: auto;
}
.px_team_v1 .et_pb_team_member_description .et_pb_module_header{ position: relative;top: 9px;}
.px_team_v1 .et_pb_team_member_description .et_pb_member_position{position: relative;top: 14px; }
.px_team_v1 .et_pb_team_member_description .et_pb_member_social_links {padding: 10px 20px;
background: #232323;
opacity: 0;
transition: transform .4s, opacity .2s;
box-sizing: border-box;
transform: translateY(-140px);
text-align: center;
}
.px_team_v1:hover .et_pb_team_member_description{border-radius:0px 0px 10px 10px;}
.px_team_v1:hover .et_pb_team_member_description .et_pb_member_social_links {
	opacity: 1;
	transform: translateY(-107px);
	background: var(--px-color-1);
	
}
.px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li {
	display: inline-block;
	list-style: none;
	margin: 0 7px
}

.px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li a,
.px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li a:hover {
	color: #fff;
	font-size: 15px;
	font-weight: 400;
	line-height: 1;
	transition: all .4s ease-out;
}
   
@media only screen and (min-width: 768px) and (max-width:980px) {.et_pb_team_dct_2_1 .et_pb_team_member_image{width: 100% !important;}  
   .px_team_v1 .et_pb_team_member_description{display:inline-block;}
  
  }
  @media only screen and (min-width: 480px) and (max-width:980px){
    
    .px_team_v1 .et_pb_team_member_description{left:28px;}
    
  .px_team_v1.short_description:hover .et_pb_team_member_description .et_pb_member_social_links{transform: translateY(-160px);}  
    
  }  

/* Main CSS Class Hover Css Here */
.px_team_v1:hover .et_pb_team_member_image{}

/*---Team v2  CSS---*/
.px_team_v2 {}
/*---Team Single Page CSS---*/
.px_team_single {}

/* -----------------------------------
    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 .et-pb-arrow-prev{}
.px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-next{}
/*---Dots Navigation CSS---*/
.px_slider_v1 .et-pb-controllers {} 
.px_slider_v1 .et-pb-controllers a {}
.px_slider_v1 .et-pb-controllers a.et-pb-active-control {}

/*---Slider v2 CSS---*/
.px_slider_v1{}

/* -----------------------------------
  	11. Faqs CSS
-------------------------------------*/
/*---Faqs v1  CSS---*/
.px_faqs_v1 {}
.px_faqs_v1 .et_pb_toggle{margin-bottom:0px !important;}
.px_faqs_v1 .et_pb_toggle.et_pb_toggle_close{background-color: transparent;}
/*---Title CSS---*/
.px_faqs_v1 .et_pb_toggle .et_pb_toggle_title {padding-left: 25px;color:#444;}
/*---Title Icon CSS---*/
.px_faqs_v1 .et_pb_toggle .et_pb_toggle_title::before {
content: "\f067" !important;
font-family: "FontAwesome" !important;
position: absolute;
left: 0 !important;
right: auto !important;
color:#444;
font-weight:900 !important;
}
/*---Open Title CSS---*/
.px_faqs_v1 .et_pb_toggle.et_pb_toggle_open{background-color: transparent !important;}
.px_faqs_v1 .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title {padding-left: 25px;color:var(--px-color-1);}
/*---Open Title Icon CSS---*/
.px_faqs_v1 .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title::before {
content: "\f068" !important;
font-family: "FontAwesome" !important;
display: block;
position: absolute;
left: 0 !important;
right: auto !important;
color:var(--px-color-1);
font-weight:900 !important;}

/*---Content CSS---*/
.px_faqs_v1 .et_pb_toggle .et_pb_toggle_content{}

/*---Faqs v2  CSS---*/
.px_faqs_v2{}

/* -----------------------------------
  	12 Timeline CSS
-------------------------------------*/
/*---Timeline v1  CSS---*/
.px_timeline_v1 {}
/*---Timeline v2  CSS---*/
.px_timeline_v2{}

/* -----------------------------------
  	13 Pricing Table CSS
-------------------------------------*/
/*---Pricing Default CSS---*/
.px_pricing_table_v1 {background:var(--px-color-2) !important;position:relative;}
.px_pricing_table_v1 .px_pricing_table_image .et_pb_image_wrap {background: var(--px-color-1);padding: 10px;}
.px_pricing_table_v1 .px_pricing_table_image .et_pb_image_wrap img{filter: invert(100%); }
/* Heading Css */ 
.px_pricing_table_v1 .px_pricing_table_heading {position: absolute;top: 35px;width: 100px;right: 0;left: unset;transform: rotate(90deg);-webkit-transform: rotate(90deg);box-shadow: unset;-webkit-box-shadow: unset;text-align: center;line-height: 30px;letter-spacing: 1px;color: #f0f0f0;z-index: 1;border-radius: 0 50px 50px 0;-webkit-border-radius: 0 50px 50px 0;-moz-border-radius: 0 50px 50px 0;background-color:var(--px-color-1);}
.px_pricing_table_v1 .px_pricing_table_price {font-size:70px;line-height: 1;font-weight: 900;color:var(--px-color-1);}
.px_pricing_table_v1 .px_pricing_table_price span {position: relative;font-size: 14px;color: #fff;text-transform: uppercase;margin-top: 10px;letter-spacing: 1px;}
.px_pricing_table_v1 .px_pricing_table_divider {}
.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_best_value{

}
/* 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 .et_pb_button::before {
  
}
.px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_button_wrapper .et_pb_button:hover::before {
 
}
.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_toggle_btn {color:var(--px-color-2);border-radius:5px;margin:0px 5px;transition:1s!important;}
.px_toggle_btn:hover,
.px_toggle_btn.px_active{color:#fff;background:var(--px-color-2)!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 {
background:#fff!important;
overflow:visible !important;
box-shadow: 0 10px 43px 0 rgba(109,125,145,.14);
padding-top:20px !important;
padding-bottom:50px;
}
.px_testimonial_v1.et_pb_testimonial::after {
content: "";
position: absolute;
bottom: -20px;
width: 90%;
height: 90%;
z-index: -1;
border-radius: 10px;
left: 0;
right: 0;
margin: 0 auto;
background-color: #fff;
box-shadow: 0 10px 43px 0 rgba(109,125,145,.14);
visibility: visible;
}
/* Portarit CSS */
.px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_portrait::after{
content: "\f10d";
font-family: "FontAwesome";
font-weight: 900;
color: #fff;
background-color:  var(--px-color-1);
border-radius: 50%;
border: 4px solid #fff;
font-size: 15px;
padding: 5px 8px;
left: -10px;
top: 0;
position: absolute;
}
/*---Description---*/
.px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description::after{
content: "\f005  \f005  \f005  \f005  \f005";
font-family: "FontAwesome";
font-weight: 900;
color:#ffb300;
position: absolute;
left:-90px;
bottom: -25px;
}
.px_testimonial_v1.content_left.et_pb_testimonial .et_pb_testimonial_description::after{
position: absolute;
left:0px;
}

@media only screen and (min-width: 768px) and (max-width: 980px){
	.px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description {
		margin-left: 90px !important;
	}
}
.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-left: -90px !important;
padding-top: 90px;}
.px_testimonial_v1.et_pb_testimonial.content_left .et_pb_testimonial_description .et_pb_testimonial_description_inner .et_pb_testimonial_content {margin-left: 0px !important;}

/*---Author CSS---*/
.px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_author{
margin: 0 !important;
color:#000;
position:absolute;
top:0;
left:20px;
}
/*---Meta CSS---*/
.px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_meta{
padding-bottom:15px;
position: absolute;
top: 30px;
left: 20px;
}
.px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_meta::after {
content: "";
height: 3px;
width: 28px;
background-color:  var(--px-color-1);
position: absolute;
bottom: 0;
left: 0;
border: none;
}
.px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_meta .et_pb_testimonial_position{}
.px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_meta .et_pb_testimonial_separator{}
.px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_meta .et_pb_testimonial_company{}

/*Review */
.px_testimonial_v1 .px_review{position:absolute;left:0;bottom:-22px;right:0;width:150px;background:#ec6b15;margin:0 auto;margin-bottom:0;text-align:center;border-radius:30px;display:block;overflow:hidden;line-height:16px}
.px_testimonial_v1 .px_review .et_pb_text_inner ul{position:relative;display:block;overflow:hidden;list-style:none;margin:0;padding:0;text-align:center}
.px_testimonial_v1 .px_review .et_pb_text_inner ul li{display:inline-block;float:none;margin:0 3px;color:#fff;font-size:14px;line-height:45px}
.px_testimonial_v1 .px_review .et_pb_text_inner ul li:before{content:"\e033";font-family:ETmodules !important}
.px_testimonial_v1 .px_review .et_pb_text_inner ul li.star:before{content:"\e031"}
.px_testimonial_v1 .px_review .et_pb_text_inner ul li.star-0:before{content:"\e032"}

/* Responsive CSS */
@media only screen and (max-width:576px){
.px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_description_inner .et_pb_testimonial_content {
margin-left:0px !important;
}
.px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description::after{
left:0px !important;
}
}
  

/*---Testimonial v2  CSS---*/
.px_testimonial_v2{}
.px_testimonial_v2.et_pb_testimonial {
background:transparent !important;
overflow:visible !important;
padding-top:20px !important;
}

/* Portarit CSS */
/*---Description---*/
.px_testimonial_v2.et_pb_testimonial .et_pb_testimonial_description::after{
content: "\f005  \f005  \f005  \f005  \f005";
font-family: "FontAwesome";
font-weight: 900;
color:#ffb300;
position: absolute;
left:-90px;
top: 120px;
}
.px_testimonial_v2.et_pb_testimonial .et_pb_testimonial_description {}
.px_testimonial_v2.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_description_inner {}
.px_testimonial_v2.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_description_inner .et_pb_testimonial_content {
margin-left: -65px !important;
padding-top: 170px;
padding-bottom: 5px;
color: #AEAEAE !important;
}
.px_testimonial_v2.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_description_inner .et_pb_testimonial_content::before{
content:"";
position:absolute;
bottom:0px;
left:-90px;
height:90px;
width:3px;
background-color: var(--px-color-1);

}
/*---Author CSS---*/
.px_testimonial_v2.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_author{
margin: 0 !important;
color:#fff;
position:absolute;
top:0;
left:20px;
}
/*---Meta CSS---*/
.px_testimonial_v2.et_pb_testimonial .et_pb_testimonial_meta{
padding-bottom:15px;
position: absolute;
top: 35px;
left: 20px;
color:#AEAEAE !important;
}
.px_testimonial_v2.et_pb_testimonial .et_pb_testimonial_meta::after {
content: "";
height: 3px;
width: 30px;
background-color: var(--px-color-1);
position: absolute;
bottom: 0;
left: 0;
border: none;
}

/*Review */
.px_testimonial_v2 .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_v2 .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_v2 .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_v2 .px_review .et_pb_text_inner ul li:before{content:"\e033";font-family:ETmodules !important}
.px_testimonial_v2 .px_review .et_pb_text_inner ul li.star:before{content:"\e031"}
.px_testimonial_v2 .px_review .et_pb_text_inner ul li.star-0:before{content:"\e032"}

/* Responsive CSS */
@media only screen and (max-width:980px){
	.px_testimonial_v2.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_description_inner .et_pb_testimonial_content::before{
		height:65px;
	}
}

@media only screen and (max-width: 768px){
	/* Main CSS */
	.px_testimonial_v2.et_pb_testimonial {
		padding:0 !important;
	}
	/* Content CSS */
	.px_testimonial_v2.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_description_inner .et_pb_testimonial_content::before{
		height:150px;
		left:0
	}
	.px_testimonial_v2.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_description_inner .et_pb_testimonial_content {
		margin-left:20px !important;
		padding-top: 130px;
	}
	.px_testimonial_v2.et_pb_testimonial .et_pb_testimonial_description::after{
		left:20px !important;
		top:90px;
	}
	/* Author & Meta */
	.px_testimonial_v2.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_author,
	.px_testimonial_v2.et_pb_testimonial .et_pb_testimonial_meta{
		left:0;
	}
	.px_testimonial_v2.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_description_inner {
		margin-top: 15px;
	}
}





/* -----------------------------------
  	15 About Us Section CSS
-------------------------------------*/
/*---About Us v1 CSS---*/
.px_aboutus_v1 .px_blurb_info{	
}
.px_aboutus_v1 .px_blurb_info .et_pb_blurb_container {
  padding-left: 40px !important;
}
.px_aboutus_v1 .px_blurb_info:hover .et_pb_module_header{
	color:var(--px-color-1) !important;
}
.px_aboutus_v1 .px_blurb_info:hover .et_pb_main_blurb_image{
background:var(--px-color-1);	
}
.px_aboutus_v1 .px_blurb_info .et-pb-icon {
transform: rotate(-45deg);
color: var(--px-color-1) !important;
transition: 0.4s ease-in-out !important;	
}
.px_aboutus_v1 .px_blurb_info:hover .et-pb-icon {
	color:#fff !important;
}
/*paly icon*/
.px_aboutus_v1 .px_play_icon .et-pb-icon {
	background: var(--px-color-1);
width: 80px;
height: 80px;
border-radius: 99px;
line-height: 2 !important;
z-index: 1;
text-align: center;
}
.px_aboutus_v1 .px_play_icon .et-pb-icon:before{
	animation-duration: 5s;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-name: ripple;
content: "";
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background:var(--px-color-1);
z-index: -1;
border-radius: 50%;
transition: all ease 0.4s;
}
.px_aboutus_v1 .px_play_icon .et-pb-icon:after{
animation-duration: 5s;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-name: ripple;
content: "";
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background:var(--px-color-1);
border-radius: 50%;
transition: all ease 0.4s;
z-index: -1;	
}


/* -----------------------------------
  	    Classes Section CSS
-------------------------------------*/
.px_classes_v1 .px_blurb_cls .et_pb_blurb_content{
width: calc(100% - 64px);
transform: translateX(0%);
background:var(--px-color-2);
padding: 34px 25px 22px;
}
.px_classes_v1:hover .px_blurb_cls .et_pb_module_header {
  color: var(--px-color-1) !important;
}
.px_classes_v1:hover .px_blurb_cls .et_pb_main_blurb_image{
background:var(--px-color-1);	
}
.px_classes_v1 .px_blurb_cls .et-pb-icon {
color: var(--px-color-1) !important;
transition: 0.4s ease-in-out !important;
transform: skewX(15deg)	
}
.px_classes_v1:hover .px_blurb_cls .et-pb-icon {
	color:#fff !important;
}
.px_classes_v1 .px_blurb_cls .et_pb_blurb_description a{
color: var(--px-color-1) !important;
font-size: 15px;
font-weight: 800 !important;
position: relative;
top: 8px;
}
 /*service side bar detail pages*/
.px_service_sidebar .service-list{	
    display: block;
    list-style: none;
    padding: 0;
    position: relative;	
}

.px_service_sidebar .service-list li {
    position: relative;
    line-height: 24px;
    margin-bottom: 10px;
    box-shadow: 0px 0px 5px rgb(0 0 0 / 10%);
	   transition: all 300ms ease !important;
	    transition: all 300ms ease;
}
.px_service_sidebar .service-list li a {
    position: relative;
    display: block;
    color: #222222;
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
    padding: 17px 25px;
    background-color: #ffffff;
    transition: all 300ms ease !important;
    text-transform: uppercase;
	    transition: all 300ms ease;
}
.px_service_sidebar .service-list li a:hover{
background-color: var(--px-color-1);	
  color: #ffffff;
} 
.px_service_sidebar .service-list li a:before {
     content: "\35";
    font-family: ETmodules!important;
    position: absolute;
    right: 15px;
    top: 0px;
    width: 30px;
    height: 60px;
    display: block;
    line-height: 60px;
    font-size: 20px;
    font-weight: normal;
    text-align: center;
    z-index: 5;
	transition: all 300ms ease !important;
	    transition: all 300ms ease;
}
.px_service_sidebar .service-list li a:hover:before {
background-color: var(--px-color-2);	
}
.px_service_sidebar .service-list li a span{
color: #000;
font-size: 24px;
font-weight: 700;
}
/*schedule */
.px_service_schedule .et_pb_text_inner span{
color: var(--px-color-1);		
}
/* -----------------------------------
  	16 Choose Us Section CSS
-------------------------------------*/
/*---Choose Us v1 CSS---*/
.px_choose_v1 .px_choos_blurb {}
.px_choose_v1 .px_choos_blurb .et_pb_main_blurb_image:before{
position: absolute;
content: '';
left: 0;
top: 0;
width: 100%;
height: 0%;
transition: .9s ease;
z-index: 1;
opacity: 0;
background-color: #29282d;
}
.px_choose_v1:hover .px_choos_blurb .et_pb_main_blurb_image::before {
height: 100%;
opacity: .6;
}
.px_choose_v1 .px_choos_blurb2 .et_pb_blurb_description {
  padding: 0px 0px;
}
.px_choose_v1 .px_choos_blurb2 .et_pb_blurb_description .link {
  margin-top: 15px !important;
}
.px_choose_v1 .px_choos_blurb2 .et_pb_blurb_description .link:hover{
color: var(--px-color-1) !important;	
}
.px_choose_v1 .px_choos_blurb2 .et_pb_main_blurb_image .et-pb-icon{
position: absolute;
bottom:0px;
right: 0;
color: var(--px-color-2) !important;
opacity: 0.2;
transition: all 0.5s ease 0s;	
}
.px_choose_v1:hover .px_choos_blurb2 .et_pb_main_blurb_image .et-pb-icon{
color: var(--px-color-1) !important;
opacity:1;	
bottom: 10px;	
}
/* -----------------------------------
  	17 Process Section CSS
-------------------------------------*/
/*---Process Us v1 CSS---*/
.px_process_v1 {}
.px_process_v1 .px_process_step{color:var(--px-color-1);}
.px_process_v1 .px_process_title{color:var(--px-color-1);}
/* -----------------------------------
  	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_blurb {}
.px_counter_v1 .px_counter_blurb .et_pb_blurb_container {
 
}
.px_counter_v1 .px_counter_blurb .et_pb_module_header {color:var(--px-color-1);}
.px_counter_v1 .px_counter_blurb .et_pb_main_blurb_image .et-pb-icon{	}
.px_counter_v1:hover .px_counter_blurb .et_pb_main_blurb_image .et-pb-icon{}
/* -----------------------------------
  	22 Newsletter Section CSS
-------------------------------------*/
/*---Newsletter v1 CSS---*/
.px_newsletter_v1 {}
/*Form Css*/
.px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_form .et_pb_newsletter_fields{
display:flex;
flex-wrap:nowrap;
justify-content:center !important;
}
/*Input Css*/
.px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_field {
padding-bottom:0px !important;
margin-bottom:0px !important;
}
.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] {
font-size: 14px;
color: #fff;
height: 55px;
border: none;
border-radius: 27px;
background-color: var(--px-color-2);
padding: 0 20px !important;
width: 100%;
box-shadow: 0 14px 16px 0 rgb(0 0 0 / 3%);
}
/* Comming Soon Input */
.px_newsletter_v1.coming_soon .et_pb_newsletter_form p.et_pb_newsletter_field input[type=text]{
background-color: rgb(0 0 0 / 20%);
}
/*Button Css*/
.px_newsletter_v1.et_pb_newsletter.coming_soon .et_pb_newsletter_button_wrap {flex-basis: auto !important;}
.px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button {
position: relative;
background-color: #fff !important;
color: #000;
opacity: 1;
text-transform: uppercase;
border: none;
overflow: hidden;
transition: all 0.3s;
z-index: 1;
box-shadow: 0 7px 24px 0 rgb(0 0 0 / 32%);
max-width:150px;
}
/* Comming Soon Button */
.px_newsletter_v1.et_pb_newsletter.coming_soon .et_pb_newsletter_button_wrap .et_pb_newsletter_button {
background-color: var(--px-color-1) !important;
color: #fff;
}

.px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button .et_pb_newsletter_button_text {}

/* Hover Effect */
.px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button:hover{box-shadow: none;}
/* Responsive CSS */
/*Form Css*/
@media only screen and (max-width:980px){
/*Button Css*/
.px_newsletter_v1.et_pb_newsletter.coming_soon .et_pb_newsletter_button_wrap,
.px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap {flex-basis: 50% !important;}
}
@media only screen and (max-width:576px){
.px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_form .et_pb_newsletter_fields{
display:block;
}
.px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button {
max-width:100%;
}
}

/*---Newsletter v2 CSS---*/
.px_newsletter_v2 {}

/* -----------------------------------
  	23 CTA Section CSS
-------------------------------------*/
/*---CTA v1 CSS---*/
.px_CTA_v1 {}
/*---CTA v2 CSS---*/
.px_CTA_v2 {}


/* -----------------------------------
  	24. Coming Soon Page CSS
-------------------------------------*/
/* Social Link CSS */
.px_coming_soon_social li a{margin-right:30px;transition:1s !important;}
.px_coming_soon_social li a::before{font-size:28px!important;color:#000!important;transition:1s !important;}
.px_coming_soon_social li a:hover::before{color:var(--px-color-1)!important;transform: translateY(-10px);transition:1s;}
 
/* -----------------------------------
  	25 404 Page CSS
-------------------------------------*/


/* -----------------------------------
  	26 Search Page CSS
-------------------------------------*/
.px_search_bar .et_pb_searchform input.et_pb_searchsubmit {background-color:var(--px-color-1)!important; color:#fff; border-radius:0px 5px 5px 0px;}


/* -----------------------------------
  	27 Tab Control CSS
-------------------------------------*/
.px_tab_v1 {}
/*Tabs Title Css*/
.px_tab_v1 .et_pb_tabs_controls{}
.px_tab_v1 .et_pb_tabs_controls li {}
.px_tab_v1 .et_pb_tabs_controls li.et_pb_tab_active a{}
.px_tab_v1 .et_pb_tabs_controls li a{}
/*Tabs Content Css*/
.px_tab_v1 .et_pb_all_tabs{}
.px_tab_v1 .et_pb_all_tabs .et_pb_tab{}
.px_tab_v1 .et_pb_all_tabs .et_pb_tab.et-pb-active-slide{}
.px_tab_v1 .et_pb_all_tabs .et_pb_tab .et_pb_tab_content {}

/*-------------------------------------------
  -- 27. Color Picker CSS
-------------------------------------------*/
.tm-font-selector div, .tm-color-selector div,
.pickr .pcr-button::before ,
.pickr .pcr-button::after {border-radius: 50%;}
/*Front Color Picker Css */
.px-color-switcher {
  position: fixed;
  left: 8px;
  top: 50%;
  z-index: 1000;
  display: block;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  border-radius: 64px;
  padding: 15px 10px 15px 10px;
  background-color: #fff;
  font-size: 12px;
  width: 65px;
  line-height: 1.3;
  background: linear-gradient(145deg, #e2e8ec, #fff);
  box-shadow: 5px 5px 15px #d1d9e6, -5px -5px 15px #fff;
  transition: all 200ms ease-in-out;
}
.px-color-switcher .close {
  font-size: 14px;
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 20px;
  color: #fff;
  z-index: 20;
  text-align: center;
  line-height: 24px;
  width: 20px;
  height: 20px;
  display: block;
  opacity: 1;
  background-color: #333;
  transition: all 0.5s ease;
  cursor: pointer;
  box-shadow: 5px 5px 15px #d1d9e6, -5px -5px 15px #fff;
}
.px-color-switcher .close:hover {
  background: #fff;
  color:#333 !important;
} 
.px-color-switcher.closed {
  padding: 10px 8px 6px 10px;
  left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  transition: all 0.25s ease;
}

.px-color-switcher.closed:hover {
  padding-right: 14px;
}

.tm-font-selector:hover {
  cursor: pointer;
}

.px-color-switcher.closed img:hover {
  cursor: pointer;
}

.px-color-switcher.closed .close {
  display: none;
}

.px-color-switcher.closed div {
  display: none;
}

.px-color-switcher.closed .img {
  display: block;
  overflow: hidden;
  height: 42px;
  width: 45px;
  text-align: center;
  animation: rotation 8s infinite linear;

}

.px-color-switcher.closed .img img {
  margin: 0;
}

.px-color-switcher .close:hover {
  opacity: 1;
  color: #000;
}

@media (max-width: 991px) {
  .px-color-switcher {
    display: none !important;
  }
}
  
.px-font-selector div,
.px-color-selector div {
  border-radius: 50%;
  width: 35px;
  height: 35px;
  border: 4px solid #fff;
  display: block;
  margin: 4px auto 0;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  transition: all 0.5s ease;
}
.px-font-selector div:hover,
.px-color-selector div:hover {
  background: linear-gradient(145deg,rgba(0,0,0,0.5), #fff);
  box-shadow: 5px 5px 15px rgba(0,0,0,0.5), -5px -5px 15px #fff;
}
.px-custom-field {
  padding: 0;
  border: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin-bottom: 14px;
  margin-left: auto;
  margin-right: auto;
  cursor: pointer;
  display: block;
}
/*Color Picker Tooltip Css */
.px-color-selector {position: relative;;}
.px-color-switcher .px_tooltip {
  opacity:0;
  visibility:hidden;
  -webkit-transform:scale(.7);
  -moz-transform:scale(.7);
  -ms-transform:scale(.7);
  transform:scale(.7);
  position:absolute;
  background-color:#fff;
  font-size:13px;
  margin:0;
  padding:0px 20px;
  font-family:inherit;
  width:auto;
  font-weight:600;
  line-height:36px;
  letter-spacing:.1px;
  left:5px;
  top:0px;
  border-radius:3px;
  white-space:nowrap;
  -webkit-box-shadow:0 5px 40px rgb(0 0 0 / 7%),0 0 3px -1px rgb(83 45 245 / 15%);
  -moz-box-shadow:0 5px 40px rgb(0 0 0 / 7%),0 0 3px -1px rgb(83 45 245 / 15%);
  box-shadow:0 5px 40px rgb(0 0 0 / 7%),0 0 3px -1px rgb(83 45 245 / 15%);
  -moz-transition:all .3s cubic-bezier(0.64,-0.09,0.13,1.15);
  -o-transition:all .3s cubic-bezier(0.64,-0.09,0.13,1.15);
  transition:all .3s cubic-bezier(0.64,-0.09,0.13,1.15);
  color: #333;
  }
  .px-color-switcher .px_tooltip span {
  display:block;
  position:absolute;
  left:-5px;
  top:12px;
  width:0;
  height:0;
  border-right:5px solid #fff;
  border-bottom:5px solid transparent;
  border-top:5px solid transparent
  }
  .px-color-switcher .px-color-selector:hover .px_tooltip {
  opacity:1;
  left:45px;
  visibility:visible;
  -webkit-transform:scale(1);
  -moz-transform:scale(1);
  -ms-transform:scale(1);
  transform:scale(1)
  }

/* -----------------------------------
    28. Animation Part CSS
-------------------------------------*/
/**Color Picker Img Animation*/
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
  
  /* aanimation*/
  @keyframes ripple {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }

    30% {
        opacity: 0.4
    }

    100% {
        -webkit-transform: scale(1.8);
        transform: scale(1.8);
        opacity: 0
    }
}


/* Paralax Effect */
.px_paralax {animation: paralax1 infinite 3s;}
/* Paralax Effect */
@keyframes paralax1{
0% {
  -webkit-transform: translateY(0) translateX(0);
  transform: translateY(0) translateX(0);
}
50% {
  -webkit-transform: translateY(-20px) translateX(10px);
  transform: translateY(-20px) translateX(10px);
}
100% {
  -webkit-transform: translateY(0) translateX(0);
  transform: translateY(0) translateX(0);
}
}