/*
Theme Name: Pixels Builder Plus
Theme URI: https://pixelsbuilderplus.com/
Description: Divi Child Theme
Author: Pixels Builder Plus
Author URI: https://pixelsbuilderplus.com/
Template: Divi
Version: Updated for Divi 4+
*/
/* -----------------------------------------------------------------------------   
    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. Hero Section CSS
		Hero v1 CSS
	04. Footer Section CSS
		Footer v1 CSS
		Footer v2 CSS
		Footer v3 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. Details Page CSS
    09. Services CSS
			Services v1 CSS
			Services v2 CSS
			Services v3 CSS
			Services Single Page CSS
	10. Contact Us CSS
			Contact Us v1 CSS
			Contact Us v2 CSS
	11. Team Section CSS
			Team v1 CSS
			Team v2 CSS
			Team Single CSS
    12. Slider Section CSS
			Slider v1 CSS
    13. Faqs CSS
			Faqs v1 CSS
	14. Timeline CSS
			Timeline v1 CSS
	15. Pricing Table CSS
			Pricing Default CSS
			Pricing Mini CSS
			Pricing Toggle CSS
			Pricing Table CSS
    16. Testimonial Section CSS
		Testimonial v1 CSS
		Testimonial v2 CSS	
    17. About Us Section CSS
    18. Choose Us Section CSS
    19. Process Section CSS
    20. Counter Section CSS
    21. CTA Section CSS
    22. Coming Soon Page CSS
    23. 404 Page CSS
	24. Color Picker CSS
    25. Animation Part CSS

--------------------------------------------------------*/
/* -----------------------------------
    01. General Class CSS
-------------------------------------*/
body{overflow-x:hidden;}
/*---Title CSS---*/
.px_title .et_pb_text_inner h6{color:var(--px-color-1);}
.px_title .et_pb_text_inner h2{color:var(--px-color-2);}
.px_title .et_pb_text_inner h6:before,.px_title .et_pb_text_inner h6:after{content: "\\";margin-right: 5px;margin-left:5px;}
.px_title.light .et_pb_text_inner h2{color: #FFFFFF;text-shadow: 0px 0px 1px var(--px-color-1);}
.px_desc {color:var(--px-color-2);border-color:var(--px-color-1);}
.px_desc .et_pb_text_inner span{color:var(--px-color-1);}
.px_desc .et_pb_text_inner a{color:var(--px-color-1);text-decoration: underline;}
/*---Button CSS---*/
.px_btn{background:var(--px-color-1);color: #fff;transition: all 0.6s ease-in-out;overflow:hidden;}
.px_btn:hover{background:var(--px-color-2) !important;transition: all 0.6s ease-in-out;}
.px_btn:before{content:'';position:absolute;display:block;top: 50%;
    left: 50%;
    width: 100%;
    height: 0;
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.21) !important;
    transform: translate(-50%, -50%) rotate(0deg);
    z-index: -1;
	margin-left:0 !important;
    transition: all 0.6s ease-in-out;opacity:1;
}
.px_btn:hover:before{height:100%;transition: all 0.6s ease-in-out;}
.px_btn:after{font-size:0 !important;}
.px_btn.light{background:var(--px-color-2);}
.px_btn.light:hover{background:#fff !important;color:var(--px-color-2);}
.px_btn.light2{background:#fff;color:var(--px-color-1);border-color:var(--px-color-1);}
.px_btn.light2:hover{background:var(--px-color-1) !important;color:#fff;}
.px_text{color:var(--px-color-2);transition: all 0.4s ease-in-out;}
.px_text:hover{color:var(--px-color-1);transition: all 0.4s ease-in-out;}
/*---Page Header Title CSS---*/
.px_header_title:before {
	content: "";
    position: absolute;
    border: 0;
    width: 65px;
    height: 5px;
    background: var(--px-color-1);
    z-index: 1;
    margin-left: 0 !important;
    left: 0;
    top: 0;
}
/*---Breadcrumbs Title CSS---*/
.px_banner_home_link {color:#fff;transition:0.4s;}
.px_banner_home_link:hover{color:var(--px-color-1);transition:0.4s;}
.px_banner_home_link:after{color:var(--px-color-1);} 
/*---Flex Colum Css---*/
.px_flex_colum{display:flex;justify-content:end;}
/*--- Image CSS ---*/
.px_img{height:100%;}
.px_img .et_pb_image_wrap {height:100%;}
.px_img .et_pb_image_wrap img{height:100% !important;object-fit:cover;}
/* Plus Effect CSS */
.px_pulse_icon .et-pb-icon{
	width: 75px;
    height: 75px;
	line-height: 75px;
    border-radius: 100%;
    opacity: 1;
    background-color: var(--px-color-1);
    border-color: var(--px-color-1);
}
.px_pulse_icon .et-pb-icon:before{
	content: "";
    display: block;
    position: absolute;
    border-radius: 100%;
    z-index: -1;
    opacity: 0.6;
    width: 100px;
    height: 100px;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
	background: rgba(255,255,255,0.3) !important;
    border: 1px solid rgba(234, 234, 234,0.6);
}
.px_pulse_icon .et-pb-icon:after{
	content: "";
    display: block;
    position: absolute;
    border-radius: 100%;
    background-color: #fff;
    z-index: -1;
    animation: ripple 1.9s linear 0s infinite;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}
/*---Process Bar CSS---*/
.px_bar_info .et_pb_counter{position:relative;;}
.px_bar_info .et_pb_counter .et_pb_counter_title{margin-bottom:10px;}
.px_bar_info .et_pb_counter .et_pb_counter_container .et_pb_counter_amount{color: #FFFFFF;background: var(--px-color-1);}
.px_bar_info .et_pb_counter_container{position: static;height: 4px;}
.px_bar_info .et_pb_counter_container .et_pb_counter_amount_number .et_pb_counter_amount_number_inner{opacity:0;}
.px_bar_info .et_pb_counter_container .et_pb_counter_amount.overlay .et_pb_counter_amount_number_inner{opacity:1 !important;}
/*--- Social Medial CSS ---*/
.px_social_info li a.icon{
	width: 33px !important;
    height: 33px !important;
    line-height: 33px !important;
    margin-right: 10px;
	border-color:#eaeaea;
	transition:all 0.4s ease-in-out;
}
.px_social_info li a.icon:before{color:var(--px-color-2);transition:all 0.4s ease-in-out;}
.px_social_info li a.icon:hover:before{color:var(--px-color-1);transition:all 0.4s ease-in-out;}

/*---Slick Navigation CSS---*/
.slick-dots{bottom: -35px;}
.slick-dots li button:before{
	font-size: 7px !important;
   	opacity: 1 !important;
    color: var(--px-color-1) !important;
    width: 7px !important;
    height: 7px !important;
    transition: all 0.3s ease-in-out 0s;
}
.slick-dots li.slick-active button:before{font-size:14px !important;}
.slick-dots li button:hover:before{color: var(--px-color-2) !important;transition: all 0.3s ease-in-out 0s;}

/* Responsive CSS */
@media only screen and (max-width:990px){
	.px_flex_colum{justify-content:center;}
}


/*--- 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{padding-top:20px;}
.navigation.px_blogpagination .page-numbers{display: inline-block;border-right: 0;padding: 0em 1em;margin-right: 3px;line-height: 2.6em;border-radius:3px;border: 1px solid;border-color: var(--px-color-2) !important;}
.navigation.px_blogpagination .page-numbers.prev,.navigation.px_blogpagination .page-numbers.next{padding: 0 .5em;}
.navigation.px_blogpagination span.page-numbers {color:var(--px-color-2);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: var(--px-color-1) !important;color:#fff;}
.navigation.px_blogpagination a.page-numbers {color: var(--px-color-2) !important;background: #fff;}
.navigation.px_blogpagination a.page-numbers:hover {color: #fff !important; } 

/*****Comments******/
.px_comment .comment-form .logged-in-as{
	color: #797979;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
}
.px_comment .comment-form .logged-in-as a{color:var(--px-color-1);}
.px_comment .form-submit .et_pb_button{background:var(--px-color-1);color: #fff;transition: all 0.6s ease-in-out;overflow:hidden;}
.px_comment .form-submit .et_pb_button:hover{background:var(--px-color-2) !important;transition: all 0.6s ease-in-out;}
.px_comment .form-submit .et_pb_button:before{content:'';position:absolute;display:block;top: 50%;
    left: 50%;
    width: 100%;
    height: 0;
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.21) !important;
    transform: translate(-50%, -50%) rotate(0deg);
    z-index: 1;
	margin-left:0 !important;
    transition: all 0.6s ease-in-out;opacity:1;
}
.px_comment .form-submit .et_pb_button:hover:before{height:100%;transition: all 0.6s ease-in-out;}
.px_comment .comment-body .comment_avatar{top:0;}
.px_comment .comment-body .comment_postinfo .comment-edit-link{display:none;}


/* -----------------------------------
    02. Header Section CSS
-------------------------------------*/
/*---Menu + Sub Menu CSS---*/
.px_h_menu .et_pb_menu__menu>nav>ul>li>ul{top:100%;padding:0;border:none !important;transition:0.4s;}
.px_h_menu .et_pb_menu__menu>nav>ul>li>ul>li>ul{padding:0;border:none !important;top:0 !important;}
.px_h_menu .nav li.et-touch-hover>ul, .px_h_menu .nav li:hover>ul{transition:0.4s;}
.px_h_menu .et-menu li .sub-menu li{padding:0;width:100%;border-bottom: 1px solid #f1f1f1;padding: 5px 10px;}
.px_h_menu .et-menu li .sub-menu li:before{
	position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 0;
    background: var(--px-color-1);
    z-index: -1;
	transition:0.4s;
}
.px_h_menu .et-menu li .sub-menu li:hover:before{height: 100%;transition:0.4s;}
.px_h_menu .et-menu li .sub-menu li:hover a{color:#fff;z-index:2;position:relative;}
.px_h_menu .et-menu li .sub-menu li:hover .sub-menu li a{color:var(--px-color-2) !important;}
.px_h_menu .et-menu li .sub-menu li .sub-menu li:hover a{color:#fff !important;}
.px_h_menu .et-menu li .sub-menu li a:hover{opacity:1 !important;}
/*---Main Menu CSS---*/
.px_h_menu .et-menu li a{color:var(--px-color-2);}
.px_h_menu .et-menu li a:hover{color:var(--px-color-1);background:transparent;}
/* .px_h_menu .et-menu li li a{color:var(--px-color-2) !important;} */
/*---Sub Menu CSS---*/
/*---Mobile Menu CSS---*/
.px_h_menu .et_pb_menu_inner_container .et_pb_menu__wrap{justify-content:end !important;}
.px_h_menu.px_left .et_pb_menu_inner_container .et_pb_menu__wrap{justify-content:start !important;}
/*---Header Common Info Css---*/
.px_small_info{color:var(--px-color-2);}
.px_small_info:hover{color:var(--px-color-1);}
.px_small_info:before{color:var(--px-color-1);}
/* Blurb Information CSS */
.px_small_blurb_info .et_pb_module_header{color: var(--px-color-2);transition:0.4s;}
.px_small_blurb_info .et_pb_module_header:hover{color: var(--px-color-1);transition:0.4s;}
.px_small_blurb_info .et_pb_main_blurb_image .et-pb-icon{animation: none !important;color: var(--px-color-1) !important;}
/* Social Meadia CSS */
.px_header_social li{border-left:solid 1px #efefef;}
.px_header_social li:last-child{border-left:solid 1px #efefef;border-right:solid 1px #efefef;}
.px_header_social li a{text-align:center;width:45px !important;}
.px_header_social li a:before{color:var(--px-color-2) !important;width:50px !important;}
.px_header_social li a:hover:before{color:var(--px-color-1) !important;}
/*---Header v1  CSS---*/
.px_header_v1 .px_header_v1_left{background:var(--px-color-1);}
.px_header_v1:before {
    content: "";
    position: absolute;
    left: -23px;
    top: 0;
    bottom: -1px;
    transform: skew(-37deg);
    z-index: 1;
    width: 35%;
    border-right: 0;
    background: var(--px-color-1);
}
.px_header_v1_bottom{overflow:visible !important;}
/*---Header v2  CSS---*/
.px_header_v2 .et-menu li a{color:#fff;}
.px_header_v2 .et-menu li .sub-menu li a{color:var(--px-color-2);}

/* Responsive CSS */
@media only screen and (max-width:990px){
	.px_h_menu.px_left .et_pb_menu_inner_container .et_pb_menu__wrap{justify-content: end !important;}
}

/* -----------------------------------
    03. Hero Section CSS
-------------------------------------*/
/*---Hero v1 CSS---*/
.px_hero_v1 .et_pb_slide_description .et_pb_slide_title{color:var(--px-color-1) !important;position:relative;padding-left:30px;display:inline-block;}
.px_hero_v1 .et_pb_slide_description .et_pb_slide_title:before,.px_hero_v1 .et_pb_slide_description .et_pb_slide_title:after{
	content: "";
    width: 3px;
    height: 23px;
    background: var(--px-color-1);
    position: absolute;
    top: 6px;
    left: 5px;
    transform: rotate(-20deg);
}
.px_hero_v1 .et_pb_slide_description .et_pb_slide_title:after{right: -20px;left:auto;}
/* Button CSS */
.px_hero_v1 .et_pb_button_wrapper .et_pb_button{background:var(--px-color-1);transition: all 0.6s ease-in-out;overflow:hidden;}
.px_hero_v1 .et_pb_button_wrapper .et_pb_button:hover{background:var(--px-color-2) !important;transition: all 0.6s ease-in-out;}
.px_hero_v1 .et_pb_button_wrapper .et_pb_button:before{
	content:'';
	position:absolute;
	display:block;
	top: 50%;
    left: 50%;
    width: 100%;
    height: 0;
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.21) !important;
    transform: translate(-50%, -50%) rotate(0deg);
    z-index: 1;
	margin-left:0 !important;
    transition: all 0.6s ease-in-out;
	opacity:1;
	visibility:visible;
}
.px_hero_v1 .et_pb_button_wrapper .et_pb_button:hover:before{height:100%;transition: all 0.6s ease-in-out;}
.px_hero_v1 .et_pb_button_wrapper .et_pb_button:after{font-size:0 !important;}
/* Image CSS */
.px_hero_v1_img{animation: up-down linear 4s infinite;animation-delay:0s !important;}
.px_hero_v1_img2{animation: scale linear 4s infinite;animation-delay:0s !important;}
/* Slider Arrows CSS */
.px_hero_v1 .et-pb-arrow-prev{left:22px;}
.px_hero_v1 .et-pb-arrow-next{left: 80px;right: auto;}
.px_hero_v1 .et-pb-arrow-next, 
.px_hero_v1 .et-pb-arrow-prev{background: var(--px-color-1);border-radius: 50%;width: 50px;height: 50px;opacity:1;}

/*---Hero v2 CSS---*/
.px_hero_v2 .et_pb_slide .et_pb_slide_image:before{
	position: absolute!important;
    bottom: 0px;
    right: -30px;
    background-color: var(--px-color-1);
    width: 350px;
    height: 350px;
	z-index:-2;
    border-radius: 50%;
    content: '';
}
/* Button CSS */
.px_hero_v2 .et_pb_button_wrapper .et_pb_button{background:var(--px-color-1);transition: all 0.6s ease-in-out;overflow:hidden;}
.px_hero_v2 .et_pb_button_wrapper .et_pb_button:hover{background:var(--px-color-2) !important;transition: all 0.6s ease-in-out;}
.px_hero_v2 .et_pb_button_wrapper .et_pb_button:before{
	content:'';
	position:absolute;
	display:block;
	top: 50%;
    left: 50%;
    width: 100%;
    height: 0;
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.21) !important;
    transform: translate(-50%, -50%) rotate(0deg);
    z-index: 1;
	margin-left:0 !important;
    transition: all 0.6s ease-in-out;
	opacity:1;
	visibility:visible;
}
.px_hero_v2 .et_pb_button_wrapper .et_pb_button:hover:before{height:100%;transition: all 0.6s ease-in-out;}
.px_hero_v2 .et_pb_button_wrapper .et_pb_button:after{font-size:0 !important;}
/* Controllers CSS */
.px_hero_v2 .et-pb-controllers{top: 85%;width: 33%;}
.px_hero_v2  .et-pb-controllers a{
	box-sizing: content-box;
    border-radius: 50%;
    background-color: rgba(0,0,0,0);
    transition: opacity 0.3s ease;
    width: 16px;
    height: 16px;
    border: 2px solid var(--px-color-1);
    opacity: 1;
}
.px_hero_v2 .et-pb-controllers .et-pb-active-control{background:var(--px-color-1) !important;}
.px_hero_v2 .et_pb_slide{padding:0;}

/*---Hero v3 CSS---*/
.px_hero_v3{background: rgb(255 62 85 / 8%);}
.px_hero_v3 .et_pb_slider_container_inner .et_pb_slide_description h2{color:var(--px-color-1);}
.px_hero_v3 .et_pb_slider_container_inner .et_pb_slide_content{color:var(--px-color-2);}
.px_hero_v3 .et_pb_slider_container_inner .et_pb_slide_content span{color:var(--px-color-1);}
/* Button CSS */
.px_hero_v3 .et_pb_button_wrapper .et_pb_button{background:var(--px-color-1);transition: all 0.6s ease-in-out;overflow:hidden;}
.px_hero_v3 .et_pb_button_wrapper .et_pb_button:hover{background:var(--px-color-2) !important;transition: all 0.6s ease-in-out;}
.px_hero_v3 .et_pb_button_wrapper .et_pb_button:before{
	content:'';
	position:absolute;
	display:block;
	top: 50%;
    left: 50%;
    width: 100%;
    height: 0;
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.21) !important;
    transform: translate(-50%, -50%) rotate(0deg);
    z-index: 1;
	margin-left:0 !important;
    transition: all 0.6s ease-in-out;
	opacity:1;
	visibility:visible;
}
.px_hero_v3 .et_pb_button_wrapper .et_pb_button:hover:before{height:100%;transition: all 0.6s ease-in-out;}
.px_hero_v3 .et_pb_button_wrapper .et_pb_button:after{font-size:0 !important;}
/* Arrow CSS */
.px_hero_v3 .et-pb-arrow-prev:before, .px_hero_v3 .et-pb-arrow-next:before{
	background: var(--px-color-1);
    padding: 5px;
    transition: all 0.4s;
   	color: #fff;
}
.px_hero_v3 .et-pb-arrow-prev:hover:before, .px_hero_v3 .et-pb-arrow-next:hover:before{background: var(--px-color-2);transition: all 0.4s;}

/*---Hero v4 CSS---*/
.px_hero_v4 .et_pb_slide .et_pb_slide_description{padding-left:0 !important;padding-right:0 !important;}
.px_hero_v4 .et_pb_slide .et_pb_slide_description .et_pb_slide_content span{color: var(--px-color-1);}
/* Button CSS */
.px_hero_v4 .et_pb_button_wrapper .et_pb_button{background:var(--px-color-1) !important;transition: all 0.6s ease-in-out;overflow:hidden;}
.px_hero_v4 .et_pb_button_wrapper .et_pb_button:hover{background:var(--px-color-2) !important;transition: all 0.6s ease-in-out;}
.px_hero_v4 .et_pb_button_wrapper .et_pb_button:before{
	content:'';
	position:absolute;
	display:block;
	top: 50%;
    left: 50%;
    width: 100%;
    height: 0;
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.21) !important;
    transform: translate(-50%, -50%) rotate(0deg);
    z-index: 1;
	margin-left:0 !important;
    transition: all 0.6s ease-in-out;
	opacity:1;
	visibility:visible;
}
.px_hero_v4 .et_pb_button_wrapper .et_pb_button:hover:before{height:100%;transition: all 0.6s ease-in-out;}
.px_hero_v4 .et_pb_button_wrapper .et_pb_button:after{font-size:0 !important;}
/* Arrow CSS */
.px_hero_v4  .et-pb-arrow-next, .px_hero_v4  .et-pb-arrow-prev {
    top: 90%;
    left: 20% !important;
    opacity: 1;
    border-radius: 50%;
    overflow: hidden;
    background: var(--px-color-1);
    width: 50px;
    height: 50px;
    line-height: 50px;
	transition: all 0.4s ease-in-out;
}
.px_hero_v4  .et-pb-arrow-next{left: 25% !important;}
.px_hero_v4  .et-pb-arrow-next:hover, .px_hero_v4  .et-pb-arrow-prev:hover{background: var(--px-color-2);transition: all 0.4s ease-in-out;}

/*---Hero v4 CSS---*/
.px_hero_v5{background: rgb(255 62 85 / 8%);}
.px_hero_v5 .et_pb_slide_description .et_pb_slide_content{color: var(--px-color-2);}
.px_hero_v5 .et_pb_slide .et_pb_slide_image{margin-top: -300px !important;}
.px_hero_v5 .et_pb_slide .et_pb_slide_image img{max-height: 100% !important;}
.px_hero_v5 .et-pb-controllers a{
	transition: background-color 0.3s ease,transform 0.3s ease;
    width: 20px;
    height: 20px;
    background-color: rgba(255,255,255,0);
    background-color: rgba(255,255,255,0.56);
	border-radius: 50%;
}
.px_hero_v5 .et-pb-controllers .et-pb-active-control, .px_hero_v5 .et-pb-controllers a:hover{box-shadow: 0 0 0 2px #ffffff;border-radius: 50%;background: transparent;}

/*---Hero v6 CSS---*/
.px_hero_v6 .px_title .et_pb_text_inner h5{color:var(--px-color-1);}
.px_hero_v6 .px_title .et_pb_text_inner h2 span{font-weight: 300;}
.px_hero_v6 .px_process_v1 .et_pb_blurb_container .et_pb_module_header{padding-top: 0px;}
/* Title CSS */
.px_hero_v6_title{
	animation-name: floating-animate-3;
    animation-duration: 15000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
.px_hero_v6_title .et_pb_text_inner h5{color:var(--px-color-1);opacity:0.05;}
.px_process_hover{
	animation-name: floating-animate-2;
    animation-duration: 10000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
.px_process_hover2{
	animation-name: floating-animate-2;
    animation-duration: 15000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
.px_process_hover3{
	animation-name: floating-animate-2;
    animation-duration: 20000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
/* Review title */
.px_review_title .et_pb_text_inner{display: flex;justify-content: center;}
.px_review_title .et_pb_text_inner:before{
	content: '\e033  \e033  \e033  \e033  \e034';
    position: absolute;
    font-family: ETmodules!important;
    left: 68%;
    color: var(--px-color-1);
	font-size: 16px;
}

/*--- Hero v8 ---*/
.px_hero_v8 .px_title .et_pb_text_inner h5{color:var(--px-color-1);}
.px_hero_v8 .px_title .et_pb_text_inner h2 span{color:var(--px-color-1);}
.px_hero_v8 .px_process_v1 .et_pb_blurb_container .et_pb_module_header{padding-top: 0px;color:var(--px-color-2);}
.px_hero_v8 .px_process_v1 .et_pb_blurb_container .et_pb_blurb_description span{color:var(--px-color-1);}


/* Responsive CSS */
@media only screen and (max-width:990px){
	/* Hero v1 CSS */
	.px_hero_v1 .et_pb_slide{padding:0 30px;}
	/* Hero v2 CSS */
	.px_hero_v2 .et_pb_slide .et_pb_slide_image:before{width:200px;height:200px;}
	.px_hero_v2 .et-pb-controllers {width: 36%;left: -75px;}
	/* Hero v4 CSS */
	.px_hero_v4  .et-pb-arrow-next, .px_hero_v4  .et-pb-arrow-prev{left: 15% !important;}
	.px_hero_v4  .et-pb-arrow-next{left: 22% !important;}
	
	.px_review_title .et_pb_text_inner:before{display:none;}
}
@media only screen and (max-width:767px){
	/* Hero v1 CSS */
	.px_hero_v1 .et_pb_slide{padding:0 20px;}
	.px_hero_v1 .et-pb-arrow-prev{right: 52%;left: auto;}
	.px_hero_v1 .et-pb-arrow-next{left:50%;}
	/* Hero v2 CSS */
	.px_hero_v2 .et-pb-controllers {width: 100%;left: 0px;top: 78%;}
	/* Hero v4 CSS */
	.px_hero_v4  .et-pb-arrow-next, .px_hero_v4  .et-pb-arrow-prev{left: 8% !important;}
	.px_hero_v4  .et-pb-arrow-next{left: 22% !important;}
}

/* -----------------------------------
    04. Footer Section CSS
-------------------------------------*/
/*---Footer Common Info Css---*/
.px_footer_title:before{
	content: "";
    width: 40px;
    height: 2px;
    left: 0;
    bottom: 0;
	display:block;
    left: inherit;
    position: absolute;
    z-index: 1;
	background-color: var(--px-color-1);
	margin:0 !important;
	opacity:1;
}
.px_footer_title:after{
	content: "" !important;
    width: 70%;
    height: 2px;
	display:block;
    position: absolute;
    left: 0;
    bottom: 0;
    background: var(--px-color-2);
}
.px_footer_social li{margin-right:5px;}
.px_footer_social li a{width:40px !important;height:40px !important;}
.px_footer_social li a:before{width:40px !important;height:40px !important;line-height:40px !important;}
.px_footer_info{color:#fff;transition:all 0.4s ease-in;}
.px_footer_info:hover{color:var(--px-color-1);transition:all 0.4s ease-in;}
.px_footer_email .et_pb_newsletter_field{padding:0 !important;}
.px_footer_email form{position:relative;}
/* Logo CSS */
.px_footer_logo:before{
	position: absolute;
	content: "";
	height: 45px;
	background: #000;
	clip-path: polygon(145% 0, 100% 100%, 0 100%);
	top: -44px;
	left: -2px;
	right: 0;
	background-color: var(--px-color-1);
}
.px_footer_logo:after{
	position: absolute;
    content: "";
    width: 25px;
    height: 34px;
    background: rgba(0,0,0,0.5);
    clip-path: polygon(0 0, 100% 150%, 0 100%);
    top: -32px;
    right: -25px;
	background: rgba(255,62,85,0.5);
}
/* Footer Gallery CSS */
.px_footer_gallery .et_pb_gallery_items{display: grid;grid-template-columns: repeat(3, 33.33%);grid-gap: 15px;}
.px_footer_gallery .et_pb_gallery_items .et_pb_gallery_item{margin-bottom:0 !important;height: 90px;}
.px_footer_gallery .et_pb_gallery_item .et_pb_gallery_image{height:100%;border-radius: 10px;overflow: hidden;}
.px_footer_gallery .et_pb_gallery_item .et_pb_gallery_image img{height: 100%;object-fit: cover;}
.px_footer_gallery .et_pb_gallery_image .et_overlay{transform: scale(0);transition:0.4s ease-in-out;}
.px_footer_gallery .et_pb_gallery_image:hover .et_overlay{transform: scale(1);transition:0.4s ease-in-out;}
.px_footer_gallery .et_pb_gallery_image .et_overlay:before{
	content: '\4c';
    color: var(--px-color-1);
    font-size: 24px;
    font-weight: 700;
}
.px_footer_small_blurb_info .et_pb_image_wrap .et-pb-icon{
	width: 49px;
    height: 49px;
    border-radius: 50%;
    background-color: #ee212b;
    color: #fff;
    line-height: 49px;
    text-align: center;
}

/*--- Responsive CSS ---*/
@media only screen and (max-width:990px){
	.px_footer_title:before,.px_footer_title:after{display:block !important;}
}
/* -----------------------------------
     05. Sidebar CSS
-------------------------------------*/
/* Title CSS */
.px_sidebar .et_pb_widget h4{margin-bottom: 26px;position: relative;padding: 0 22px;color: var(--px-color-2);}
.px_sidebar .et_pb_widget h4:before{
	content: "";
    width: 3px;
    height: 88%;
    position: absolute;
    bottom: 0;
    top: 50%;
    left: 0;
	background:var(--px-color-1);
    transform: translateY(-50%) rotate(21deg);
    margin-left: 5px;
}
/* Searchbar CSS */
.px_sidebar .et_pb_widget {margin-bottom: 40px !important;position: relative;padding: 30px 30px;}
.px_sidebar .et_pb_widget:before {
	border: 1px solid var(--px-color-1);
	opacity:0.2;
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border-radius: 8px;
}
.px_sidebar #searchform input{height: 55px !important;}
.px_sidebar #searchsubmit{border-radius: 4px;background: var(--px-color-1) !important;font-size: 16px !important;color:#fff !important;transition:0.4s ease-in-out;}
.px_sidebar #searchsubmit:hover{;background: var(--px-color-2) !important;transition:0.4s ease-in-out;}
.px_sidebar .et_pb_widget ul li {
    margin-bottom: 0.5em;
    border-bottom: 1px dashed #eaeaea;
    padding: 10px 0;
    position: relative;
}
.px_sidebar .widget_tag_cloud a{
	font-size: 13px !important;
    font-weight: 600;
    font-style: italic;
    color: #222;
    padding: 8px 12px;
    line-height: normal;
    margin-bottom: 7px;
    margin-right: 2px;
    letter-spacing: 1px;
    border-radius: 4px;
    transition: all ease 0.35s;
    background: #ffffff;
    border: 1px solid var(--px-color-1);
}

/* -----------------------------------
     06. Blog CSS
-------------------------------------*/
/*---Blog Grid CSS & 3 Columns CSS ---*/
.px_blog_v1 .et_pb_post {
	position:relative;
	box-shadow: 0px 2px 20px 0px rgb(62 65 159 / 9%);
	transition: all ease 0.35s;
	padding:0 !important;
	margin:20px 10px;
	border-radius: 10px;
    overflow: hidden;
}
/*---Info  CSS---*/
.px_blog_v1 .et_pb_post .info{padding:30px;background:#fff;position:relative;}
/*---Image  CSS---*/
.px_blog_v1 .et_pb_post .et_pb_image_container {margin:0 !important;}
.px_blog_v1 .et_pb_post .entry-featured-image-url {margin-bottom:0 !important;}
.px_blog_v1 .et_pb_post .entry-featured-image-url:before{
	position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,0.5);
    transition: all ease 0.4s;
	opacity:0;
}
.px_blog_v1 .et_pb_post:hover .entry-featured-image-url:before{opacity:1;transition: all ease 0.4s;}
.px_blog_v1 .et_pb_post .entry-featured-image-url img {transition: all ease 0.4s;}
.px_blog_v1 .et_pb_post:hover .entry-featured-image-url img {transform:scale(1.14);transition: all ease 0.4s;}
.px_blog_v1 .et_pb_post .entry-featured-image-url .et_overlay {}
/*---Title  CSS---*/
.px_blog_v1 .et_pb_post .entry-title {color:var(--px-color-2);transition: all ease 0.4s;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.px_blog_v1 .et_pb_post:hover .entry-title {color:var(--px-color-1);transition: all ease 0.4s;}
/*---Post Meta  CSS---*/
.px_blog_v1 .et_pb_post .post-meta{margin: 0px 0 13px;}
.px_blog_v1 .et_pb_post .post-meta .published {
	padding: 8px 10px;
    line-height: 1;
    border-radius: 6px;
    background: var(--px-color-1);
    color: #fff;
    position: absolute;
    top: -190px;
    left: 15px;
}
.px_blog_v1 .et_pb_post .post-meta .author a:before{content:'\e08a';}
.px_blog_v1 .et_pb_post .post-meta a{margin-right: 5px;position: relative;color: var(--px-color-2);padding: 5px 10px 5px 25px;border-radius: 5px;}
.px_blog_v1 .et_pb_post .post-meta a:before{content:'\e109';position:absolute;font-family: ETmodules!important;left:5px;color: var(--px-color-1);}
/*---Blog Desc CSS---*/
.px_blog_v1 .et_pb_post .post-content .post-content-inner{margin-bottom: 10px;}
/*---Read More Button CSS---*/
.px_blog_v1 .et_pb_post .post-content .more-link{color:var(--px-color-1)!important;transition: all ease 0.4s;position:relative;}
.px_blog_v1 .et_pb_post .post-content .more-link:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 75px;
    height: 2px;
    background: var(--px-color-1);
}
.px_blog_v1 .et_pb_post .post-content .more-link:hover{color:var(--px-color-2)!important;transition: all ease 0.4s;}

/*---Blog Grid 2 Columns CSS---*/
.px_blog_grid_2_col .et_pb_ajax_pagination_container {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(2, 50%);
}
.px_blog_v1.px_blog_grid_2_col .et_pb_post .post-meta .published{top: -295px;}
/*---Blog Grid 2 Columns Plus SidebarCSS---*/
.px_blog_v1.px_blog_grid_2_col.sidebar .et_pb_post{margin:0;}
.px_blog_v1.px_blog_grid_2_col.sidebar .et_pb_post .post-meta .published{top: -280px;}
/*---Blog Grid 3 Columns CSS---*/
.px_blog_v1.px_blog_grid_3_col .et_pb_post .post-meta .published{top: -225px;}
/*---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%);
}


/* Blog Listing CSS */
.px_blog_list .et_pb_post .info{float:right;width:50%;}
.px_blog_list .et_pb_post .entry-featured-image-url {float:left;width:50%;height: 238px;}
.px_blog_list .et_pb_post .entry-featured-image-url img{height:100%;}


/* Responsive CSS */
@media only screen and (max-width:990px){
	.px_blog_v1 .et_pb_post .info {padding: 25px;}
	.px_blog_grid_4_col .et_pb_ajax_pagination_container {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(2, 50%);
}
	
}
@media only screen and (max-width:768px){
	.px_blog_grid_2_col .et_pb_ajax_pagination_container {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(1, 100%);
}
	.px_blog_grid_4_col .et_pb_ajax_pagination_container {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(1, 100%);
}
}
@media (max-width: 980px) {
  .et_pb_column .et_pb_widget {
        width: 100%;
      }
}
/* -----------------------------------
     07. Portfolio CSS
-------------------------------------*/
/*---Portfolio Gallary CSS & 4 Columns CSS ---*/
.px_portfolio_v1 .et_pb_portfolio_item {overflow:hidden;}
/* Image Css */ 
.px_portfolio_v1 .et_pb_portfolio_item .et_portfolio_image {background:#000;overflow:hidden;transition:1s;}
.px_portfolio_v1 .et_pb_portfolio_item .et_portfolio_image img {transition:1s;}
/* Overlay  Css */ 
.px_portfolio_v1 .et_pb_portfolio_item .et_portfolio_image .et_overlay {z-index: -1 !important;}
/* Description CSS */
.px_portfolio_v1 .project_block{position: absolute;bottom:-30px;left: 50px;opacity:0;transition:1s;}
/* Title Css */ 
.px_portfolio_v1 .et_pb_portfolio_item .et_pb_module_header {color:#fff;}  
/* Category Post Meta Css */ 
.px_portfolio_v1 .et_pb_portfolio_item .post-meta {color:#fff;}
.px_portfolio_v1 .et_pb_portfolio_item .post-meta a {color:#fff;}


/* Hover Effect */
.px_portfolio_v1 .et_pb_portfolio_item:hover .et_portfolio_image img {opacity:0.5;transform:scale(1.1);transition:1s;}
.px_portfolio_v1 .et_pb_portfolio_item:hover .project_block{bottom:30px;opacity:1;transition:1s;}
.px_portfolio_v1 .project_block:before,.px_portfolio_v1 .project_block:after{
	content: '\e02b';
    position: absolute;
    top: -50px;
    left: 50px;
    font-family: ETmodules!important;
    font-weight: 400!important;
    color: #fff;
    background: var(--px-color-1);
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 4px;
    color: #fff;
    text-align: center;
}
.px_portfolio_v1 .project_block:after{
	content: '\54';
    position: absolute;
    left: 0;
}


/* Portfolio 2 Column */
.px_portfolio_2_col .et_pb_portfolio_items,
.px_portfolio_2_col .et_pb_ajax_pagination_container{
	display: grid;
	grid-gap: 25px;
	grid-template-columns: repeat(2, 50%);
}
/* Portfolio 3 Column */
.px_portfolio_3_col .et_pb_portfolio_items,
.px_portfolio_3_col .et_pb_ajax_pagination_container{
	display: grid;
	grid-template-columns: repeat(3,33.33%);
	grid-gap: 25px;
}
/*---Portfolio Filterable CSS---*/
/* Filters Links CSS */
.px_portfolio_v1 .et_pb_portfolio_filters li {margin-right:5px;}
.px_portfolio_v1 .et_pb_portfolio_filters li a {color: var(--px-color-2);border: none;border-radius: 5px;transition:all 0.4s ease-in-out;}
.px_portfolio_v1 .et_pb_portfolio_filters li:first-child a{border-radius: 5px;}
.px_portfolio_v1 .et_pb_portfolio_filters li:last-child a{border-radius: 5px;}
/*Hover & Active Filter Links*/
.px_portfolio_v1 .et_pb_portfolio_filters li a:hover,
.px_portfolio_v1 .et_pb_portfolio_filters li a.active {color: #fff;background: var(--px-color-1);transition:all 0.4s ease-in-out;}
/* Pagination CSS */
.px_portfolio_v1 .et_pb_portofolio_pagination {border: none;margin-top: 15px;}
.px_portfolio_v1 .et_pb_portofolio_pagination ul li a {color: var(--px-color-2);border-radius: 5px;transition:all 0.4s ease-in-out;border:1px solid var(--px-color-1);padding:10px;}
.px_portfolio_v1 .et_pb_portofolio_pagination ul li a:hover, .px_portfolio_v1 .et_pb_portofolio_pagination ul li a.active{background:var(--px-color-1);color:#fff;}


/* Portfolio Carousel CSS */
.px_portfolio_v1.carousel .et_pb_portfolio_item .et_pb_module_header{margin-top:0 !important;}
/* Portfolio Category CSS */
.px_portfolio_category .project_block{left:20px;}


/* -----------------------------------
   08. Details Page CSS
-------------------------------------*/

.px_single .et_pb_title_container span{margin:0 20px;}
.px_single .et_pb_title_container .author,
.px_single .et_pb_title_container .published,
.px_single .et_pb_title_container .comments-number{position:relative;padding-left:30px;}
.px_single .et_pb_title_container .author a:before,
.px_single .et_pb_title_container .published:before,
.px_single .et_pb_title_container .comments-number:before{
	content: '\e08a';
    position: absolute;
    font-family: ETmodules!important;
    left: 5px;
    color: var(--px-color-1);
}
.px_single .et_pb_title_container .published:before{content: '\e023';}
.px_single .et_pb_title_container .comments-number:before{content:'\e065'}
.px_single .et_pb_title_container{
	padding: 20px 20px 18px;
    background: #fff;
    margin: 0 auto;
    width: 90%;
	margin-top: -62px;
    border-radius: 5px 5px 0px 0px;
    box-shadow: rgb(2 2 2 / 6%) 0px 0px 50px;
    border-left: solid 4px var(--px-color-1);
}
.px_single_testimonial:before{
	content: '\7b';
    position: absolute;
    font-family: ETmodules!important;
	left: 14px;
    top: 15px;
    color: #fff;
    display:block !important;
	font-size:40px;
	background:transparent;
	margin:0;
	transform: rotate(180deg);
}
.px_single_testimonial:after{
	content: "";
    width: 80px;
    height: 80px;
    background: var(--px-color-2);
    position: absolute;
    left: -14px;
    top: -14px;
	visibility:visible;
	opacity:1;
    border-radius: 50px;
}
.px_single_testimonial .et_pb_testimonial_description .et_pb_testimonial_author{
	margin-top: 5px;
    position: relative;
    padding-left: 29px;
    color: var(--px-color-1);
}
.px_single_testimonial .et_pb_testimonial_description .et_pb_testimonial_author:before{
	content: "";
    width: 20px;
    height: 2px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    background: var(--px-color-1);
}
/* Tag CSS */
.px_single_tag .et_pb_text_inner a{
	padding: 8px 12px !important;
    color: #fff;
    display: inline-block;
    margin-right: 5px;
    background: var(--px-color-1);
    border-radius: 3px;
	transition:0.4s ease-in-out;
}
.px_single_tag .et_pb_text_inner a:hover{background: var(--px-color-2);transition:0.4s ease-in-out;}
/* Comment Button CSS */
.px_single_comment:hover{background:var(--px-color-2);transition:0.4s ease-in-out;}
.px_single_comment .et_pb_text_inner a{color:#797979;transition:0.4s ease-in-out;}
.px_single_comment:hover .et_pb_text_inner a{color:var(--px-color-1);transition:0.4s ease-in-out;}
/* Navigation CSS */
.px_single_navigation a{color: var(--px-color-2);}
.px_single_navigation a .meta-nav{
	margin-right: 15px;
	padding: 15px;
   	color: #fff;
    border-radius: 3px;
    background: var(--px-color-1);
	transition:0.4s ease-in-out;
}
.px_single_navigation a .meta-nav:hover{background: var(--px-color-2);transition:0.4s ease-in-out;}


/* -----------------------------------
    09. Services CSS
-------------------------------------*/
/* Services Button Css */
.px_services_info{color:var(--px-color-1);transition: all 0.4s ease;}
.px_services_info:hover{color:var(--px-color-2);transition: all 0.4s ease;}
/*Title Css */
.px_services_v1_info .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header span:before,
.px_services_v3 .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header span:before{
    content: '';
    position: absolute;
    z-index: 1;
    bottom: 15px;
    left: 0;
    height: 2px;
    width: 10px;
    background-color: var(--px-color-1);
    box-shadow: 9px 0px 0 0 var(--px-color-1), 19px 0px 0 0 var(--px-color-1), 28px 0px 0 0 var(--px-color-1), 49px 0px 0 0 var(--px-color-1);
}
.px_services_v1_info .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header,
.px_services_v3 .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{
	transform: scale(1);
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 20px 0px;
    margin-bottom: 20px;
	color: var(--px-color-2);
	transition: all 0.4s ease;
}
/*---Services v1 CSS---*/
.px_services_v1{overflow:hidden;transition: all 0.3s ease-in-out 0s;}
.px_services_v1:hover{transform: translateY(-10px);transition: all 0.3s ease-in-out 0s;}
.px_services_v1:hover .px_services_v1_info .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{color: var(--px-color-1);transition: all 0.4s ease;}
.px_services_v1:hover .px_services_v1_info .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap{margin: -75px auto 0 auto;transition: all 0.4s ease;}
/*Img Css */
.px_services_v1_info .et_pb_blurb_content .et_pb_main_blurb_image {}
.px_services_v1_info .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap {
	width: 80px;
    margin: -60px auto 0 auto;
    background: #fff;
    height: 80px;
    box-shadow: 0px 5px 10px 0px rgb(204 204 204 / 34%);
    position: absolute;
    right: 10px;
    border-radius: 6px;
    border-bottom: solid 5px var(--px-color-1);
    transition: all 0.4s ease;
}
.px_services_v1_info .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap img{
	animation:none !important;
	margin: auto;
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    left: 0;
    right: 0;
}

/*---Services v3  CSS---*/
/*Icon Css */
.px_services_v3 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{color:var(--px-color-1);}
/*Hover Css */
.px_services_v3.px_service_hover:hover .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{color: var(--px-color-1);transition: all 0.4s ease;}
.px_services_v3.px_service_hover{transition: all 0.3s ease-in-out 0s;}
.px_services_v3.px_service_hover:hover{transition: all 0.3s ease-in-out 0s;transform: translateY(-10px);}
/* Hover CSS */
.px_services_v3.px_services_hover{overflow:hidden;}
.px_services_v3.px_services_hover:before{
	content: "";
    width: 97%;
    height: 30%;
    transform: rotate(-15deg);
    border-radius: 0px 0px 50px 50px;
    overflow: hidden;
    position: absolute;
    left: 45%;
    top: -55px;
    transition: .5s ease;
    background: var(--px-color-1);
	opacity:0.1;
}
.px_services_v3.px_services_hover:after{
	content: "";
    width: 0%;
    height: 0%;
    transform: rotate(-15deg);
    border-radius: 0px 0px 50px 50px;
    background-color: var(--px-color-1);
    overflow: hidden;
    position: absolute;
    left: 45%;
    top: -55px;
    transition: .5s ease;
}
.px_services_v3.px_services_hover:hover:after{width: 97%;height: 30%;}

/*---Services v4 CSS---*/
.px_services_v4 .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{color: var(--px-color-2);transition: all 0.4s ease;}
.px_services_v4:hover .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{color: var(--px-color-1);transition: all 0.4s ease;}
.px_services_v4 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap{background-color: #F9F9FA;padding: 20px 20px 20px 20px;}

/*---Services Single Page CSS---*/
.px_service_single_img{width:100%;}
.px_service_single_img .et_pb_image_wrap {width:100%;}
.px_service_single_img .et_pb_image_wrap img{width:100% !important;object-fit:cover;}
/* Service Sidebar CSS  */
.px_service_single_sidebar .et_pb_text_inner h3{color:var(--px-color-2);padding-left:22px;position:relative;padding-bottom: 0;margin-bottom: 25px;}
.px_service_single_sidebar .et_pb_text_inner h3:after{
	content: "";
    width: 3px;
    height: 88%;
    position: absolute;
    bottom: 0;
    top: 50%;
    left: 0;
    transform: translateY(-50%) rotate(21deg);
    margin-left: 5px;
	background-color: var(--px-color-1);
}
.px_service_single_sidebar .et_pb_text_inner ul li{padding: 10px 0;}
.px_service_single_sidebar .et_pb_text_inner ul li:first-child{padding-top:0;}
.px_service_single_sidebar .et_pb_text_inner ul li a{
	text-decoration: none;
    padding: 10px 45px 10px 25px;
    display: block;
    overflow: hidden;
    position: relative;
    z-index: 1;
    border: 1px solid #eee;
    border-radius: 4px;
    transition: all 0.5s ease;
    color: var(--px-color-2);
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.px_service_single_sidebar .et_pb_text_inner ul li a:after{content: '\24';position: absolute;font-family: ETmodules!important;right: 15px;font-weight: 600;}
.px_service_single_sidebar .et_pb_text_inner ul li a:hover{background: var(--px-color-1);border-color: var(--px-color-1);color:#fff;transition: all 0.5s ease;}
.px_service_single_sidebar .et_pb_text_inner ul li a:hover:after{transition: all 0.5s ease;color:#fff;}
/* Service tag CSS */
.px_service_single_sidebar.px_service_tag .et_pb_text_inner p a{
	color: var(--px-color-2);
    padding: 8px 12px;
    display: inline-block;
    margin-bottom: 7px;
    margin-right: 2px;
    border-radius: 4px;
    transition: all ease 0.35s;
    background: #ffffff;
    border: 1px solid var(--px-color-1);
}


/* -----------------------------------
    10. Contact Us CSS
-------------------------------------*/
/*---Contact Us v1  CSS---*/
/*---Input CSS---*/
.px_contact_v1 .et_pb_contact .et_pb_contact_form .et_pb_contact_field input{height:55px;}
/*---Button CSS---*/
.px_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container {float:left;}
.px_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit{background:var(--px-color-1);transition: all 0.6s ease-in-out;overflow:hidden;}
.px_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit:hover{background:var(--px-color-2) !important;transition: all 0.6s ease-in-out;}
.px_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit:before{
	content:'';
	position:absolute;
	display:block;
	top: 50%;
    left: 50%;
    width: 100%;
    height: 0;
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.21) !important;
    transform: translate(-50%, -50%) rotate(0deg);
    z-index: 1;
	margin-left:0 !important;
    transition: all 0.6s ease-in-out;
	opacity:1;
	visibility:visible;
}
.px_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit:hover:before{height:100%;transition: all 0.6s ease-in-out;}
.px_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit:after{font-size:0 !important;}
/* Contact Info CSS */
.px_contact_v1_info .et_pb_image_wrap .et-pb-icon{
	background-color: var(--px-color-1);
    padding: 24px;
    border-radius: 50%;
    box-shadow: 2px 6px 13px rgb(0 0 0 / 4%);
}
.px_contact_v1_blurb_info .et_pb_image_wrap .et-pb-icon{color:var(--px-color-1);transition:0.4s ease-in-out;}
.px_contact_v1_blurb_info:hover .et_pb_image_wrap .et-pb-icon{color:var(--px-color-2);transition:0.4s ease-in-out;}
.px_contact_v1_blurb_info .et_pb_blurb_container .et_pb_module_header{color:var(--px-color-2);margin-bottom:15px;}
.px_contact_v1_blurb_info .et_pb_blurb_container .et_pb_blurb_description a{color:#797979;transition:0.4s ease-in-out;}
.px_contact_v1_blurb_info .et_pb_blurb_container .et_pb_blurb_description a:hover{color:var(--px-color-1);transition:0.4s ease-in-out;}
/* Social Media CSS */
.px_contact_social_title .et_pb_text_inner h4{color:var(--px-color-2);}
/* Google map CSS */
.px_contact_v1_gmap .et_pb_code_inner{height:100%;}
.px_contact_v1_gmap .et_pb_code_inner iframe{height:100%;}

/* -----------------------------------
    11. Team Section CSS
-------------------------------------*/
/*---Team v1  CSS---*/
/* Image Css */ 
.px_team_v1 .et_pb_team_member_image img{transform:scale(1);transition:0.4s;height: 300px;object-fit: cover;}
.px_team_v1:hover .et_pb_team_member_image img{transform:scale(1.1);transition:0.4s;}
/* Description Css*/ 
.px_team_v1 .et_pb_team_member_description{margin-top:20px;}
.px_team_v1 .et_pb_team_member_description .et_pb_module_header{color:var(--px-color-1);}

/*---Team v2  CSS---*/
.px_team_v2 .et_pb_team_member_description .et_pb_module_header{color:var(--px-color-2);transition:all 0.4s ease-in;}
.px_team_v2 .et_pb_team_member_description .et_pb_module_header:hover{color:var(--px-color-1);transition:all 0.4s ease-in;}
.px_team_v2 .et_pb_team_member_description .et_pb_member_position{border: 1px solid #eaeaea;display: inline-block;padding: 7px 10px;margin: 10px 0 5px 0;border-radius: 9px;}
.px_team_v2 .et_pb_team_member_description  .et_pb_member_social_links li a{color:var(--px-color-1);}
/*---Team Single Page CSS---*/
.px_team_single {}
.px_team_single_blurb_info .et_pb_image_wrap .et-pb-icon{background-color: var(--px-color-1);padding: 6px;border-radius: 50%;box-shadow: 2px 6px 13px rgb(0 0 0 / 4%);}
.px_team_single_blurb_info .et_pb_module_header{color: var(--px-color-2);}

/* Responsive CSS */
@media only screen and (max-width:767px){
	.px_team_v1 .et_pb_team_member_image{max-width:100% !important;}
}

/* -----------------------------------
    12. Slider Section CSS
-------------------------------------*/
/*---Slider  CSS---*/
.slick-next, .slick-prev{top:55%!important;z-index:1;}
.slick-prev:before{content:'\34';font-family: ETmodules!important;left:10px;}
.slick-next:before{content:'\35';font-family: ETmodules!important;right:10px;}
.slick-prev:before,
.slick-next:before{
	color:#fff;
	position: absolute;
    width: 50px;
    border-radius: 50%;
    height: 50px;
    box-shadow: 0 10px 40px 0 rgb(0 0 0 / 8%);
    transition: all .3s;
    background: var(--px-color-1);
	opacity:1 !important;
	line-height:50px;
	font-size:26px;
	transition: all 0.3s;
}
.slick-prev:hover:before,
.slick-next:hover:before{background: var(--px-color-2);transition: all 0.3s;}

/* Responsive CSS */
@media only screen and (max-width:767px){
	.px_slider .px_services_v1{width:387px !important;}
}

/* -----------------------------------
  	13. Faqs CSS
-------------------------------------*/
/*---Faqs v1  CSS---*/
/*---Title CSS---*/
.px_faqs_v1 .et_pb_toggle .et_pb_toggle_title {
	background: #fff;
    padding: 20px;
    border-radius: 5px;
	color: var(--px-color-2);
	transition:all 0.4s ease;
}
.px_faqs_v1 .et_pb_toggle .et_pb_toggle_title:hover{color: var(--px-color-1);transition:all 0.4s ease;}
/*---Title Icon CSS---*/
.px_faqs_v1 .et_pb_toggle .et_pb_toggle_title::before {content:'\3b';font-family: ETmodules !important;right: 15px;color: var(--px-color-1);}
/*---Open Title CSS---*/
.px_faqs_v1 .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title {background: var(--px-color-1);color: #fff;}
/*---Open Title Icon CSS---*/
.px_faqs_v1 .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title::before {content: "\3a";font-family: ETmodules !important;right: 15px;color: #fff;display:block}
/*---Content CSS---*/
.px_faqs_v1 .et_pb_toggle .et_pb_toggle_content{background: #fff;}

/*---Content CSS---*/
.px_faqs_v2 .et_pb_toggle .et_pb_toggle_content{background: #F9F9F9;}
.px_faqs_v2 .et_pb_toggle .et_pb_toggle_title{padding: 24px 20px;border: 1px solid #EAEAEA;border-radius: 5px;}

/* -----------------------------------
  	14. Timeline CSS
-------------------------------------*/
/* Timeline Slider CSS */
.px_timeline_slider .slick-next,.px_timeline_slider .slick-prev {top: 16%!important;z-index: 1;}
.px_timeline_slider .slick-prev:before,.px_timeline_slider .slick-next:before {
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: #fff;
    color: var(--px-color-1);
    border: 2px solid;
}


/* -----------------------------------
  	15. Pricing Table CSS
-------------------------------------*/
/*---Pricing Default CSS---*/
.px_pricing_table{color:var(--px-color-1);}
.px_pricing_table .et_pb_text_inner p sub,.px_pricing_table .et_pb_text_inner p span{font-size: 17px;font-weight: 400;top: -0.7em;margin-right: 10px;}
.px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table{}
/* Heading Css */ 
.px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_heading{}
.px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_heading .et_pb_pricing_title{}
/* Top Content Css */ 
.px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top{}
.px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price{}
.px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price .et_pb_dollar_sign{}
.px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price .et_pb_sum{}
.px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price .et_pb_frequency{}
.px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price .et_pb_frequency .et_pb_frequency_slash{}
/* Bottom Content Css */ 
.px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content{}
/* Button Css */ 
.px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_button_wrapper{}
.px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_button_wrapper .et_pb_button{}


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

/* -----------------------------------
  	16. Testimonial Section CSS
-------------------------------------*/
.px_testimonial_blurb_info .et_pb_image_wrap .et-pb-icon{background-color: var(--px-color-1);padding: 13px;border-radius: 50%;}
/*---Testimonial v1  CSS---*/
.px_testimonial_v1 .et_pb_testimonial_portrait{position: absolute;top: 58%;left: 50%;transform: translate(-50%, -50%);}
.px_testimonial_v1.carousel .et_pb_testimonial_portrait{top: 53%;}
/*---Author CSS---*/
.px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_author {margin-top: 120px;}
/*---Image CSS---*/
.px_testimonial_img2 .et_pb_image_wrap img{
	animation-name: floating-animate-2;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

/*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 (min-width:768px) and (max-width:990px){
	.px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description {margin-left: 0 !important;}
	.px_testimonial_v1 .et_pb_testimonial_portrait{top:53%;}
}
@media only screen and (max-width:767px){
	.px_testimonial_v1.carousel .et_pb_testimonial_portrait {top: 60%;}
}

/* -----------------------------------
  	17. About Us Section CSS
-------------------------------------*/
/*---About Us CSS---*/
.px_aboutus_info:before,.px_aboutus_info:after{color:var(--px-color-1);}
.px_aboutus_blurb_info .et_pb_image_wrap .et-pb-icon{color:var(--px-color-1);}
/* Image CSS */
.px_aboutus_img1 .et_pb_image_wrap{width:100%;}
.px_aboutus_img1 .et_pb_image_wrap img{width:100% !important; object-fit:cover;}
.px_aboutus_v2_img .et_pb_image_wrap{animation-name: floating-animate;animation-duration: 24s;animation-iteration-count: infinite;animation-timing-function: linear;}
.px_aboutus_img2{animation: up-down 3s infinite;animation-delay: 0s !important;}
/* Aboutus Image CSS */
.px_aboutus_img3, .px_aboutus_img4, .px_aboutus_img5{height:100%;}
.px_aboutus_img3 .et_pb_image_wrap, .px_aboutus_img4 .et_pb_image_wrap, .px_aboutus_img5 .et_pb_image_wrap{height:100%;}
.px_aboutus_img3 .et_pb_image_wrap img, .px_aboutus_img4 .et_pb_image_wrap img, .px_aboutus_img5 .et_pb_image_wrap img{height:100%!important;object-fit:cover;}


/*---About Us v1 CSS---*/
/* Description CSS */
.px_aboutus_v1 .px_aboutus_v1_info .et_pb_blurb_container{padding: 5px 0px 0px 25px;border-style: solid;border-width: 0px 0px 0px 1px;border-color: #E3E3E3;}
.px_aboutus_v1 .px_aboutus_v1_info .et_pb_blurb_container .et_pb_module_header{color:var(--px-color-2);}
.px_aboutus_v1 .px_aboutus_v1_info .et_pb_blurb_container .et_pb_blurb_description{color:var(--px-color-1);}
/* Image CSS */
.px_aboutus_v1 .px_aboutus_v1_info .et_pb_main_blurb_image .et_pb_image_wrap {margin-right: 60px;}

/* Responsive CSS */
@media only screen and (max-width:767px){
	.px_aboutus_v1 .px_aboutus_v1_info .et_pb_main_blurb_image{display:none;}
}

/* -----------------------------------
  	18. Choose Us Section CSS
-------------------------------------*/
/*---Choose Us v1 CSS---*/
/* Title CSS */
.px_choose_v1 .et_pb_blurb_container .et_pb_module_header{color:var(--px-color-2);margin-top: 5px;}
.px_choose_v1 .et_pb_blurb_container .et_pb_blurb_description span{color:var(--px-color-1);transition:all 0.4s ease;}
.px_choose_v1 .et_pb_blurb_container .et_pb_blurb_description span:hover{color:var(--px-color-2);transition:all 0.4s ease;}
.px_choose_v1.px_info .et_pb_blurb_container .et_pb_blurb_description span:hover{color:#fff;transition:all 0.4s ease;}

/* Image CSS */
.px_choose_v1 .et_pb_main_blurb_image .et_pb_image_wrap{
	width: 90px;
    height: 90px;
    background: #fff;
    box-shadow: 0 0 16px 0 rgb(0 0 0 / 7%);
    border-radius: 6px;
    border-bottom: solid 4px var(--px-color-1);
    transition: all ease 0.3s;
    position: relative;
}
.px_choose_v1:hover .et_pb_main_blurb_image .et_pb_image_wrap{background:rgba(255 62 85/ 8%)}
.px_choose_v1 .et_pb_main_blurb_image img{position: absolute;top: 50%;transform: translate(-50%, -50%);width: 40px;left: 50%;right: 0;animation:none !important;}

/* -----------------------------------
  	19. Process Section CSS
-------------------------------------*/
.px_process .et_pb_main_blurb_image:before{
	content: '01';
    position: absolute;
    right: -60px;
    top: 20px;
    font-size: 115px !important;
    line-height: 100px;
    font-weight: 700;
    color: #fff !important;
    text-shadow: -1px -1px 0 #e8eaed, 1px -1px 0 #e8eaed, -1px 1px 0 #e8eaed, 1px 1px 0 #e8eaed;
}
.px_process.second .et_pb_main_blurb_image:before{content:'02';}
.px_process.third .et_pb_main_blurb_image:before{content:'03';}
/*---Process Us v1 CSS---*/
.px_process_v1 .et_pb_blurb_container .et_pb_module_header{padding-top:15px;}
.px_process_v1 .et_pb_image_wrap .et-pb-icon,.px_process_v1.reverse:hover .et_pb_image_wrap .et-pb-icon{
	background-color: #fff;
    padding: 20px;
	box-shadow: 2px 6px 13px rgb(0 0 0 / 4%);
	color:var(--px-color-1);
	border-radius:50%;
	transition:0.4s ease-in-out;
}
.px_process_v1:hover .et_pb_image_wrap .et-pb-icon,.px_process_v1.reverse .et_pb_image_wrap .et-pb-icon{background-color: var(--px-color-1);color:#fff;transition:0.4s ease-in-out;}

/*---Process Us v2 CSS---*/
.px_process_v2{box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 8%);transition:all 0.4s ease-in-out}
.px_process_v2 .et_pb_blurb_container .et_pb_module_header{color:var(--px-color-2);transition:all 0.4s ease-in-out}
/* .px_process_v2 .et_pb_blurb_container  .et_pb_blurb_description{color: #797979;transition:all 0.4s ease-in-out} */
.px_process_v2 .et_pb_main_blurb_image .et-pb-icon{color:var(--px-color-1);transition:all 0.4s ease-in-out}
.px_process_v2:before{
	content:'01';
	color: #EAEAEA;
    opacity: calc( 100 / 10 );
    font-size: 24px;
    line-height: 1em;
    position: absolute;
    top: 2%;
    left: 92%;
	font-weight: 700;
	transition:all 0.4s ease-in-out
}
.px_process_v2.second:before{content:'02';}
.px_process_v2.third:before{content:'03';}
.px_process_v2.fourth:before{content:'04';}
.px_process_v2.fifth:before{content:'05';}
.px_process_v2.sixth:before{content:'06';}
/* Hover CSS */
.px_process_v2:hover{background:var(--px-color-2) !important;transition:all 0.4s ease-in-out}
.px_process_v2:hover .et_pb_blurb_container .et_pb_module_header{color:#fff;transition:all 0.4s ease-in-out}
.px_process_v2:hover:before{color: var(--px-color-1);}
.px_process_v2:hover .et_pb_blurb_container  .et_pb_blurb_description{color: #fff;transition:all 0.4s ease-in-out}

/* Responsive CSS */
@media only screen and (max-width:767px){
	.px_process .et_pb_main_blurb_image:before{right:0;}
}

/* -----------------------------------
  	20. Counter Section CSS
-------------------------------------*/
/*---Counter v1 CSS---*/
.px_counter_v1 .et_pb_circle_counter_inner{width: 80%;margin: auto;}
.px_counter_v1 .et_pb_circle_counter_inner .et_pb_module_header{color:var(--px-color-2);}
.px_counter_v1 .et_pb_circle_counter_inner .percent p{color: var(--px-color-2);}

/*---Counter v2 CSS---*/
.px_counter_v2 .percent .percent-value{color: var(--px-color-1);}
.px_counter_v2 .percent{height:60px;margin-bottom:0 !important;}

/*---Counter v3 CSS---*/
.px_counter_v3 .et_pb_circle_counter_inner{width: 80%;}

/*---Counter v4 CSS---*/
.px_counter_v4 .et_pb_circle_counter_inner .et_pb_module_header{color:var(--px-color-2);}
.px_counter_v4 .et_pb_circle_counter_inner .percent p{color: var(--px-color-2);}
.px_counter_v4{border-color:#ff3e5521;}


/* -----------------------------------
  	21. CTA Section CSS
-------------------------------------*/
/*---CTA v1 CSS---*/
.px_CTA_v1 .et_pb_promo_description{padding:0 !important;}
.px_CTA_v1:before{
content:'';
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
background-color: var(--px-color-2);
opacity:0.91;
}
/* Button CSS */
.px_CTA_v1 .et_pb_button_wrapper .et_pb_button{background:var(--px-color-1);color: #fff;transition: all 0.6s ease-in-out;overflow:hidden;margin-top:7px;}
.px_CTA_v1 .et_pb_button_wrapper .et_pb_button:hover{background:var(--px-color-2) !important;transition: all 0.6s ease-in-out;}
.px_CTA_v1 .et_pb_button_wrapper .et_pb_button:before{content:'';position:absolute;display:block;top: 50%;
    left: 50%;
    width: 100%;
    height: 0;
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.21) !important;
    transform: translate(-50%, -50%) rotate(0deg);
    margin-left:0 !important;
    transition: all 0.6s ease-in-out;opacity:1;
}
.px_CTA_v1 .et_pb_button_wrapper .et_pb_button:hover:before{height:100%;transition: all 0.6s ease-in-out;}
.px_CTA_v1 .et_pb_button_wrapper .et_pb_button:after{font-size:0 !important;}

/*---CTA v2 CSS---*/
.px_CTA_v2:before {
	content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: var(--px-color-3);
    opacity: 0.85;
    z-index: -1;
}


/* -----------------------------------
  	22. Coming Soon Page CSS
-------------------------------------*/
.px_timer .section.values{width: 30%;}
.px_timer .section p{text-align:left;}
.px_timer .section p.label{text-align:left;padding-left:10px;}
.px_coming_desc .et_pb_text_inner span{color:#797979;}
.px_coming_social_media li a.icon:hover:before{color:var(--px-color-1);}
/* Responsive CSS */
@media only screen and (max-width:767px){
	.px_timer .section.values{width:25%;}
}
	

/* -----------------------------------
  	23. 404 Page CSS
-------------------------------------*/
.px_error_title .et_pb_text_inner h2{color:var(--px-color-1);}


/*-------------------------------------------
  -- 24. 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)
  }
/* -----------------------------------
    25. Animation Part CSS
-------------------------------------*/
/**Color Picker Img Animation*/
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

/**up-down image Animation*/
@keyframes up-down{
  0% {transform:  translate(1px,20px);}
  24% {transform:  translate(1px,30px);}
  50% {transform:  translate(1px,12px);}
  74% {transform:  translate(1px,22px);}
  100% {transform:  translate(1px,22px);}
}
/**scale image Animation*/
@keyframes scale{
  0% {transform:  scale(1);}
  50% {transform:  scale(1.1);}
  100% {transform:  scale(1);}
}
/**pulse effect Animation*/
@keyframes ripple{
	0% {width: 70px;height: 70px;opacity: 0.8; }
  	100% {width: 150px;height: 150px;opacity: 0; }
}
/* Floating image Animation */
@keyframes floating-animate{
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}
@keyframes floating-animate-2{
	0% {transform: translateY(-30px);}
	50% {transform: translateY(-15px);}
	100% {transform: translateY(-30px);}
}
@keyframes floating-animate-3{
	0% {transform: translateX(-100px);}
	50% {transform: translateX(0px);}
	100% {transform: translateX(-100px);}
}