/*
Theme Name: Cardiopluse
Theme URI: https://divilibrary.com/cardioplusedivitheme
Description: Suits for Cardiology, Hospitals, Medical Clinic, Cardiologist, Heart Surgery Hospital, Physicians, Surgeons, Dentists and any medical hospitals related websites. 
Author: DCT Team
Author URI: https://divi-childthemes.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
    28 Slide In CSS

--------------------------------------------------------*/
/* -----------------------------------
    01. General Class CSS
-------------------------------------*/
.px_title .et_pb_text_inner h3{padding-bottom: 20px;color:var(--color-1);text-transform: uppercase !important;}
.px_title .et_pb_text_inner h3:before{
    content: '';
    display: inline-block;
    width: 40px;
    height: 4px;
    background: var(--color-1);
    position: relative;
    top: -4px;
    left: 0;
    margin-right: 10px;
    text-align: center;
}

/* Image CSS */
.px_img{border-radius:10px;}
.px_img .et_pb_image_wrap,
.px_img .et_pb_image_wrap img{width: 100% !important;}


/* Slick Js */
.slick-slider
{
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
 
.slick-slide
{
float: left;
}
.slick-next,
.slick-prev {
  display: inline-block;
	color: var(--color-2);
	background-color: #fff;
	padding: 20px;
	border-radius: 50%;
	font-weight: 600;
	box-shadow: none;
	border: 4px solid var(--color-1);		
  }



/* Max Width & Reverse Column CSS */
/*---Responsive CSS---*/
@media only screen and (min-width:577px) and (max-width:980px){
/* Max Width Col */
	
/* Reverse Col */
	.px_reverse_row .et_pb_row,
	.px_reverse_row{
		display:flex;
		flex-direction:column-reverse;
	}
	.px_reverse_row .px_reverse_col{
		order:1; 
		margin-bottom:30px !important;
	}
}
@media only screen and (max-width:576px){
/* Max Width Col */
	.px_max_width.et_pb_column:last-child,
	.px_max_width{
		max-width:480px;
		float:none !important;
		margin-bottom: 30px !important;
}
/* Reverse Col */
.px_reverse_row .et_pb_row,
.px_reverse_row{
	display:flex;
		flex-direction:column-reverse;
	}
	.px_reverse_row .px_reverse_col{
		order:1; 
		margin-bottom:30px !important;
	}
}


.px_title .et_pb_text_inner h2{color:#323232;line-height: 36px !important;text-transform: uppercase;}
/*Header*/
@media only screen and (max-width: 1200px){
	.px_header_contact{
		display: none;
	}
}

@media only screen and (max-width: 1024px){
	.px_btn{
		display: none !important;
	}
}
.et_pb_sticky .px_header_contact .et_pb_blurb_content .et_pb_main_blurb_image .et-pb-icon{color:#fff;}
.px_header_contact .et_pb_blurb_content .et_pb_main_blurb_image .et-pb-icon{color:var(--color-1);}
.px_header_contact .et_pb_blurb_content .et_pb_blurb_container{padding-left:0px !important;vertical-align: middle;}
.px_header_contact:hover .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{color:var(--color-1) !important;}
.et_pb_sticky .px_header_contact:hover .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{color:#fff !important;}
.px_header_social li a:hover:before{color:var(--color-1) !important;}
.px_menu nav ul li{
	margin-top:0 !important;
	padding: 0 5px !important;
}
.px_menu nav ul li a{
    padding: 32px 0px;
    z-index: 1;
}
.px_menu nav ul li a:hover{color:var(--color-1) !important;}
.px_menu nav ul li a:before{
    position: absolute;
    left: 0;
    bottom: 0;
    height: 6px;
    width: 100%;
    opacity: 0;
    background-color: var(--color-1);
    content: "";
    z-index: -1;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    visibility: visible;
}
.px_menu nav ul li a:hover:before{
    opacity: 1;
}
.px_menu .menu-item-has-children > a:first-child {
    padding-right: 0px !important;
}
.px_menu nav ul .current_page_item a:before{
    opacity: 1;
}
.px_menu nav ul li a:after{
    display:none !important;
}
.px_menu nav ul li ul li a:before{display:none;}
.px_menu nav ul li ul.sub-menu{/*width:218px !important; */padding: 10px 0px !important;}
.px_menu nav ul li ul li a{padding-bottom: 8px !important;padding-top: 8px !important;}
.px_menu nav ul li ul li a{
    padding: 10px 0px !important;
    z-index: 1;
}
.px_menu nav ul li.current-menu-parent a{color:var(--color-1) !important;}

.et_pb_menu ul li.menu-item-has-children ul.sub-menu, .et-db #et-boc .et-l .et_pb_menu ul li.menu-item-has-children ul.sub-menu{
	top: calc(100% - 0px);
}
.nav li li ul, .et-db #et-boc .et-l .nav li li ul{
	top: calc(100% - 40px) !important;
}
/* Slider */
.px_slider .et_pb_slide{
    transition: opacity 1000ms ease 0s;
}
.px_slider .et-pb-controllers{
    bottom: 100px !important;
}
.px_slider .et_pb_button:after{
    content: "" !important;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: -100%;
    z-index: -1;
    background: var(--color-1);
    transition: right 0.40s ease 0s;
}
.px_slider .et_pb_button:hover:after{
    content: "" !important;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0%;
    background: var(--color-1);
    z-index: -1;
    color:#323232;
    transition: right 0.40s ease 0s;
}

.px_slider .et_pb_slide_description{animation: none !important;}
.px_slider .et_parallax_bg{
    background-blend-mode: overlay;
    background-color:rgba(0,0,0,0.3);
}
.px_slider .et_parallax_bg{
    -webkit-animation: px_animate 5s linear backwards;
    animation: px_animate 5s linear backwards;
}
.px_slider .et_parallax_bg_wrap .et_parallax_bg {
    opacity: 0.8;
    mix-blend-mode: overlay;
}
@-webkit-keyframes px_animate {
    0% {
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0);
        -webkit-transform-origin: 50% 16%;
        transform-origin: 50% 16%;
    }
    100% {
        -webkit-transform: scale(1.25) translateY(-15px);
        transform: scale(1.25) translateY(-15px);
        -webkit-transform-origin: top;
        transform-origin: top;
    }
}
@keyframes px_animate {
    0% {
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0);
        -webkit-transform-origin: 50% 16%;
        transform-origin: 50% 16%;
    }
    100% {
        -webkit-transform: scale(1.25) translateY(-15px);
        transform: scale(1.25) translateY(-15px);
        -webkit-transform-origin: top;
        transform-origin: top;
    }
}

.px_slider .et-pb-controllers .et-pb-active-control{
    color:var(--color-1) !important;
    background-color:var(--color-1) !important;
    height: 20px !important;
}
.px_slider .et-pb-controllers a{
    color:#fff;
    background-color:#fff;
}


@media only screen and (min-width:577px) and (max-width:980px){
.px_slider .et-pb-controllers {
  bottom: 60px !important;
}
.px_slider.px_slider_v3 .et-pb-controllers {
bottom: 110px !important;
}
}
@media only screen and (max-width:576px){
.px_slider .et-pb-controllers {
  bottom: 90px !important;
}
.px_slider.px_slider_v3 .et-pb-controllers {
bottom: 50px !important;
}
}

/* Inquiry */
.px_inquiry .et_pb_blurb_content .et_pb_main_blurb_image .et-pb-icon{color:var(--color-1);}
.px_inquiry .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{color:#323232;text-transform:uppercase;}
.px_inquiry:hover .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{color:var(--color-1) !important;}
.px_inquiry .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header span{position:relative;}
.px_inquiry .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header span::after{
    content: '';
    display: block;
    position: absolute;
    bottom: -5px;
    width: 0%;
    height: 2px;
    margin: auto;
    left: 0;
    right: 0;
    background-color: #323232;
    -webkit-transition: width .2s linear;
    transition: width .2s linear;
    text-align: left;

}
.px_inquiry:hover .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header span::after{
    width: 100%;
    background-color: var(--color-1);
}

@media only screen and (max-width:576px){
.px_inquiry .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header span::after {bottom: -20px;}
.px_inquiry.about .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header span::after {bottom: -5px;}
}

/* About*/
.px_about .et_pb_blurb_content .et_pb_main_blurb_image .et-pb-icon{color:var(--color-1);border-radius: 0 !important;}
.px_about .et_pb_blurb_content .et_pb_main_blurb_image .et-pb-icon-circle{padding:20px !important;}
.px_about .et_pb_blurb_content .et_pb_blurb_container{padding-left:0px !important;}
.px_about .et_pb_blurb_content .et_pb_main_blurb_image img{width:100%;max-width:100%;}
/* Tab Module*/
.px_tab .et_pb_all_tabs{
    margin-top: -10px;
}
.px_tab .et_pb_tabs_controls li a{
    color:#323232;
    padding:0px 20px !important;
}
.px_tab .et_pb_tabs_controls li:hover a{
    color:  var(--color-1);
}
.px_tab .et_pb_tabs_controls .et_pb_tab_active a{
    color:#fff !important;
}
.px_tab .et_pb_tabs_controls:after{
    border:none;
}
/* Rotate image */
.px_germs .et_pb_image_wrap img{
    webkit-animation: 40s linear 0s normal none infinite running rotate;
    animation: 40s linear 0s normal none infinite running rotate;
}
@keyframes rotate {
    0% {
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100% {
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@-webkit-keyframes rotate {
    0% {
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100% {
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
/* Video module */
.px_video .et_pb_video_play{
    position: absolute;
    bottom: 0;
    right:0px;
}
.px_video .et_pb_video_play:before{
    font-family: ETmodules;
	content: "\45";
	position: relative;
	color: var(--color-1);
	border-radius: 100%;
	background: #fff;
}

.px_video .et_pb_video_play:after{
    content: "";
	position: absolute;
	height: 80px;
	width: 80px;
	background: transparent linear-gradient(90deg, var(--color-1) 0%, var(--color-1) 100%) 0% 0% no-repeat padding-box;
	z-index: -1;
	border-radius: 50%;
	transform: translate(-50%,-50%);
	animation: pulse-border 1500ms ease-out infinite;
	left: 50%;
	top: 50%;
	margin: 0;
}

@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }
    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
    }
}
/* FAQ */
.px_faq .et_pb_toggle_close .et_pb_toggle_title:before{
    content: '\4c' !important;
}
/**/
.px_contact_form .et_pb_contact .et_pb_contact_form .et_pb_contact_field .input:focus{border: 1px solid var(--color-1);}

.px_contact_form .et_pb_contact .et_pb_contact_form .et_contact_bottom_container{
    display:block !important;
    float: none !important;
    text-align: center;
	margin-top: 0px;
}
.px_contact_form .et_pb_contact .et_pb_contact_form .et_pb_button:after{
    content: "" !important;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: -100%;
    z-index: -1;
    background: var(--color-1);
    transition: right 0.40s ease 0s;
}
.px_contact_form .et_pb_contact .et_pb_contact_form .et_pb_button:hover:after{
    content: "" !important;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0%;
    background: var(--color-1);
    z-index: -1;
    color:#323232;
    transition: right 0.40s ease 0s;
}
/*.px_contact_form .et_pb_contact .et_pb_contact_form p.et_pb_contact_field{padding: 0 !important;}*/
/* testimonial slider */
.px_slider_image:after:hover{
    color: #323232 !important;
    background-color: #fff !important;
    transition: all .2s !important;
}
/**/
.px_testi_slider .et_pb_slide .et_pb_container .et_pb_slide_description .et_pb_slide_content{
    text-align: left;
    padding-left: 40px;
}
.px_testi_slider .et_pb_slide .et_pb_container .et_pb_slide_description .et_pb_slide_title:before{
    content: '';
    display: inline-block;
    width: 40px;
    height: 4px;
    background: var(--color-1);
    position: relative;
    top: -4px;
    left: -4px;
    margin-right: 0px;
    text-align: center;
}
.px_testi_slider .et_pb_slide .et_pb_container .et_pb_slide_description .et_pb_slide_content h2{
    font-size:30px;
    color: #323232 !important;
    line-height: 30px;
    font-weight: 700;
    padding: 20px 0;
    text-shadow: none;
}
.px_testi_slider .et_pb_slide .et_pb_container .et_pb_slide_description .et_pb_slide_content p{
    font-size:15px;
    color:#7d7d7d !important;
    line-height:20px;
    padding: 10px 0;
    text-shadow: none;
}
.px_testi_slider .et_pb_slide .et_pb_container .et_pb_slide_description .et_pb_slide_content h4{
    font-weight: 600;
    color: #323232 !important;
    font-size: 16px;
    line-height: 28px;
    text-shadow: none;
}
.px_testi_slider .et_pb_slide .et_pb_container .et_pb_slide_description .et_pb_slide_content h4 span{
    font-weight: 500;
    color: #7d7d7d !important;
    font-size: 14px;
    line-height: 28px;
    text-shadow: none;
}
.px_testi_slider .et-pb-controllers .et-pb-active-control{
    color:var(--color-1) !important;
    background-color:var(--color-1) !important;
    height: 20px !important;
}
.px_testi_slider .et-pb-controllers a{
    color:#fff;
    background-color:#000;
}
/* Blog */
/* .px_blog .et_pb_post {
    position: relative;
    overflow: hidden;
    padding:0;
}
.px_blog .et_pb_post:hover .blog_detail .entry-title{color: var(--color-1) !important;}
.px_blog .et_pb_post .blog_detail {
    background-color: #fff;
	z-index: 9;
	padding: 20px 20px 20px 20px !important;
	transition: all .3s linear 0s;
	position: relative;
	margin-top: -100px;
	margin-left: 50px;
	box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.3);
	margin-bottom: 5px;
}
.px_blog .et_pb_post .entry-featured-image-url{
    overflow: hidden;
}
.px_blog .et_pb_post .entry-featured-image-url img{
    transform: scale(0.9, 0.9);
    transition: all .8s ease;
}

.px_blog .et_pb_post:hover .entry-featured-image-url img{
    transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1)
}
.px_blog .et_pb_post .post-meta a {
    color: var(--color-1);
}
.px_blog .et_pb_post .post-meta .published{
    color: var(--color-1);
}
.px_blog .et_pb_post .post-meta .published:before{
    content: "\e023";
    font-size: 24px;
    font-family: ETmodules;
    position: relative;
    padding: 0 10px 0 0;
}
.px_blog .et_pb_post .post-content .more-link:before{
    content: '';
    display: block;
    position: absolute;
    bottom: 10px;
    width: 0%;
    height: 2px;
    margin: auto;
    left: 0;
    right: 0;
    background-color: #323232;
    -webkit-transition: width .2s linear;
    transition: width .2s linear;
}
.px_blog .et_pb_post .post-content .more-link:hover:before{width:100%;}

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

.px_blog .pagination .alignleft a,
.px_blog .pagination .alignright a {
    overflow: hidden;
    color: #323232;
    border-radius: 0;
    background: #fff;
    position: relative;
    z-index: 1;
    transition: all 0.40s ease 0s;
    border-right: 4px solid var(--color-1);
    border-left: 1px solid var(--color-1);
    border-top: 1px solid var(--color-1);
    border-bottom: 1px solid var(--color-1);
    padding: 10px 22px!important;
}
.px_blog .pagination .alignleft a:after,
.px_blog .pagination .alignright a:after{
    content: "" !important;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: -100%;
    z-index: -1;
    background: var(--color-1);
    transition: right 0.40s ease 0s;
}
.px_blog .pagination .alignleft a:hover:after,
.px_blog .pagination .alignright a:hover:after{
    content:"" !important;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0%;
    background: var(--color-1);
    z-index: -1;
    transition: right 0.40s ease 0s;
}
.px_blog .pagination .alignleft a:hover,
.px_blog .pagination .alignright a:hover {
    overflow: hidden;
    color: #fff;
    border-radius: 0;
    background: #fff;
    position: relative;
    z-index: 1;
    transition: all 0.40s ease 0s;
    border-right: 4px solid var(--color-1) !important;
    border-left: 1px solid transparent  !important;
    border-top: 1px solid transparent  !important;
    border-bottom: 1px solid transparent  !important;
} */
/* Blog V2 */
.px_blog_v2 .et_pb_post .entry-featured-image-url{
    overflow: hidden;
}
.px_blog_v2 .et_pb_post .entry-featured-image-url img{
    transition: all .8s ease;
}

.px_blog_v2 .et_pb_post .entry-featured-image-url:hover img{
    transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1,1.1);
}

.px_blog_v2 .et_pb_post .blog_detail .entry-title:hover{color: var(--color-1) !important;}
.px_blog_v2 .et_pb_post .blog_detail {
    position: relative;
    transition: all .3s linear 0s;
    padding:40px 0;
}
.px_blog_v2 .et_pb_post .post-meta{
    position: absolute;
    top: 0;
}
.px_blog_v2 .et_pb_post .post-meta a{
    position: relative;
}
.px_blog_v2 .et_pb_post .post-meta .published{
    position: absolute;
    top: -80px;
    left: 24px;
    z-index: 3;
    background: var(--color-1);
    color: #fff;
    font-weight: 700;
    padding: 10px;
    width: 60px;
    text-align: center;
	border-radius: 8px;
}
.px_blog_v2 .et_pb_post .post-content .more-link:after{
    content: "" !important;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: -100%;
    z-index: -1;
    background: var(--color-1);
    transition: right 0.40s ease 0s;
}
.px_blog_v2 .et_pb_post .post-content .more-link:hover:after{
    content: "" !important;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0%;
    background: var(--color-1);
    z-index: -1;
    transition: right 0.40s ease 0s;
}

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

.px_blog_v2 .pagination .alignleft a,
.px_blog_v2 .pagination .alignright a {
    overflow: hidden;
    color: #323232;
    border-radius: 3px;
    background: #fff;
    position: relative;
    z-index: 1;
    transition: all 0.40s ease 0s;
    border-right: 4px solid var(--color-1);
    border-left: 1px solid var(--color-1);
    border-top: 1px solid var(--color-1);
    border-bottom: 1px solid var(--color-1);
    padding: 10px 22px!important;
}
.px_blog_v2 .pagination .alignleft a:after,
.px_blog_v2 .pagination .alignright a:after{
    content: "" !important;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: -100%;
    z-index: -1;
    background: var(--color-1);
    transition: right 0.40s ease 0s;
	border-radius: 3px;
}
.px_blog_v2 .pagination .alignleft a:hover:after,
.px_blog_v2 .pagination .alignright a:hover:after{
    content:"" !important;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0%;
    background: var(--color-1);
    z-index: -1;
    transition: right 0.40s ease 0s;
}
.px_blog_v2 .pagination .alignleft a:hover,
.px_blog_v2 .pagination .alignright a:hover {
    overflow: hidden;
    color: #fff !important;
    border-radius: 0;
    background: var(--color-1);
    position: relative;
    z-index: 1;
    transition: all 0.40s ease 0s;
    border-right: 4px solid var(--color-1) !important;
    border-left: 1px solid transparent  !important;
    border-top: 1px solid transparent  !important;
    border-bottom: 1px solid transparent  !important;
}

/* =======================
   Client
=========================*/

#px_client .owl-controls {
    width: 100%;
    position: absolute;
    top: 30%;
    margin-top: auto
}

#px_client .owl-controls .owl-buttons div{
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 35px;
    background: var(--color-1);
    color: #fff;
    border-radius: 0;
    margin-right: 5px;
    opacity: 1;
}

#px_client .owl-prev {
    position: absolute;
    left: -5%;
}

#px_client .owl-next {
    position: absolute;
    right: -5%;
}

#px_client .owl-next::after,
#px_client .owl-prev::after {
    content: "\23";
    font-family: ETmodules !important;
    font-size: 20px;
    font-weight: 900;
}

#px_client .owl-next::after {
    content: "\24"
}


#px_client .slick-slide .et_pb_image_wrap{width: 100%;}

#px_client .slick-slide .et_pb_image_wrap img {
    border: 2px solid var(--color-1);
    padding: 5px; width: 100%;
	border-radius: 10px;
}

#px_client .slick-slide {
    margin-bottom:10px;
    padding-top: 15px;
    padding-bottom: 15px;
    transition: transform 300ms ease 0ms, transform 300ms ease 0ms, transform 300ms ease 0ms, transform 300ms ease 0ms, transform 300ms ease 0ms;
}

#px_client .slick-slide:hover {
    transform:translateX(0px) translateY(-10px);
}

#px_client .slick-slide .et_pb_image_wrap:hover img {
    border: 2px solid var(--color-1);
    box-shadow: 0 0 8px 0 var(--color-1);
}

@media only screen and (max-width: 1299px) {
    #px_client .owl-next {
        position: absolute;
        right: -7%;
    }
}

@media only screen and (max-width: 576px){
#px_client .slick-slide .et_pb_image_wrap{padding: 0px;}
}


/**/
.px_ft_social li a:hover:before{background-color:#fff;color:#323232 !important;}
.px_ft_social li a:before{
    background-color:var(--color-1);
    height: 40px !important;
    width: 40px !important;
    font-size: 20px !important;
    line-height: 40px !important;
    border-radius: 3px !important;
}
/* Sidebar */

.widget_search input#searchsubmit {
    background-color:var(--color-1);
    opacity:1;
    color:#fff;
    border:1px solid #ddd;
    box-shadow:none;
}
.px_sidebar .et_pb_widget{
    margin-bottom: 20px !important;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 19px 40px rgba(157,174,185,.15);
    float: none;
    width: 100%;
    background-color: #fff;
}
.px_sidebar .et_pb_widget .widgettitle{
    margin-bottom: 10px;
    color: var(--color-1);
    font-size: 20px;
    font-weight: 600;
}
.px_sidebar .et_pb_widget .widgettitle:before{
    content: '';
    display: inline-block;
    width: 30px;
    height: 4px;
    background: var(--color-1);
    position: relative;
    top: -4px;
    left: 0;
    margin-right: 10px;
    text-align: center;
}
.px_sidebar .et_pb_widget ul li{
    margin-bottom: 16px;
    line-height: 20px;
    font-size: 14px;
}
.px_sidebar .et_pb_widget ul li a{
    color:#323232;
    transition: all 0.3s;
    font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    padding-left: 20px;
}
.px_sidebar .et_pb_widget ul li:hover a{
    color:var(--color-1);
    transition: all 0.3s;
}
.px_sidebar .et_pb_widget ul li:before{
    content: "\24";
    font-family: ETmodules;
    display: inline-block;
    position: absolute;
    left: 10px;
    color: #323232;
    font-size: 20px;
    font-weight: 800;
}
.px_sidebar .et_pb_widget ul li:hover:before{
    color:var(--color-1);
    transition: all 0.3s;
}

.px_sidebar .widget_calendar .calendar_wrap .wp-calendar-table caption{
    color: var(--color-1);
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 47px !important;
    text-align: center;
}
.px_sidebar table thead {
    background-color: #f5f5f5;
    color: #323232;
    text-align: center;
}
/*SERVICES PAGE */
.px_pricing .et_pb_text_inner h4{
    background-color:var(--color-1);
    padding:12px;
}
.px_pricing .et_pb_text_inner p{
    background-color:#fff;
    padding:12px;
}
.px_pricing .et_pb_text_inner p:nth-child(2n+1){
    background-color: #f4f5f7;
    padding: 12px;
}
.px_pricing .et_pb_text_inner span{float:right;}
/**/
.px_service_blrb{
    border:1px solid #ddd;
    transition: all .5s;
}
.px_service_blrb:hover{
    border:1px solid transparent;
}
.px_service_blrb:before{
    position: absolute;
    top: 5px;
    right: 5px;
    bottom: 5px;
    left: 5px;
    content: '';
    opacity: 0;
    transition: opacity 0.35s, transform 1.3s;
    transform: scale(1, 0);
    border-right: 1px solid var(--color-1);
    border-left: 1px solid var(--color-1);
	border-radius: 5px;
}
.px_service_blrb:hover:before{
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.px_service_blrb:after{
    position: absolute;
    top: 5px;
    right: 5px;
    bottom: 5px;
    left: 5px;
    content: '';
    opacity: 0;
    transition: opacity 0.5s, transform 1.3s;
    transform: scale(0, 1);
    border-top: 1px solid var(--color-1);
    border-bottom: 1px solid var(--color-1);
	border-radius: 5px;
}
.px_service_blrb:hover:after{
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.px_service_blrb .et_pb_blurb_content .et_pb_main_blurb_image{
    z-index: 1;
    transition: all .9s;
    background-color:#fff;
    color:var(--color-1);
    width: 100px;
    height: 100px;
    line-height: 40px;
    border-radius: 50%;
    border: 1px solid #ddd;
    margin: 0 auto;
    position: absolute;
    top: -104px;
    left: 0;
    right: 0;
}
.px_service_blrb:hover .et_pb_blurb_content .et_pb_main_blurb_image{
    color:#fff !important;
    background-color:var(--color-1) !important;
    transform: rotateY(180deg) rotate(0deg);
    transition: all .9s;
    z-index: 1;
}
.px_service_blrb .et_pb_blurb_content .et_pb_main_blurb_image img{top: 20px;position: relative;}
.px_service_blrb:hover .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{color:var(--color-1);}

.px_service_blrb:hover .et_pb_blurb_content .et_pb_main_blurb_image img{filter: invert(100%);}

/* Testimonial */
.px_testi{color:#323232 !important;}
.px_testi:hover{color:#fff !important;}

/* Portfolio */
.px_ptf .et_pb_portfolio_filters {
    text-align: center;
    margin-bottom: 10px;
}
.px_ptf .et_pb_portfolio_filters li {
    float:none;
    display:inline-block;
}
.px_ptf .et_pb_portfolio_filters li a:hover {
    background-color:var(--color-1);
    color:#fff;
}
.px_ptf .et_pb_portfolio_filters li a {
    border-radius: 5px !important;
    background:var(--color-2);
    color:#fff;
    border:none;
    font-size:13px;
    overflow:visible;
    font-weight:600;
    line-height:26px;
    padding:8px 20px 6px;
    text-transform:uppercase;
    letter-spacing:.5px;
    margin:0 5px 20px;
    display:inline-block;
    position:relative;
    -webkit-transition:all .3s linear;
    -moz-transition:all .3s linear;
    -o-transition:all .3s linear;
    -ms-transition:all .3s linear;
    transition:all .3s linear
}
.px_ptf .et_pb_portfolio_filters li a:before {
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:-1;
    opacity:0;
    border-radius: 5px !important;
}
.px_ptf .et_pb_portfolio_filters li a.active {
    border-color:var(--color-2);
    background:var(--color-1);
    color:#fff;
}
.px_ptf .et_pb_portfolio_filters li a.active:before {
    background:var(--color-2);
    left:-7px;
    top:-7px;
    opacity:1;
    -webkit-transition:all .3s linear;
    -moz-transition:all .3s linear;
    -o-transition:all .3s linear;
    -ms-transition:all .3s linear;
    transition:all .3s linear
}
.px_ptf .et_pb_portofolio_pagination {
    border:none !important;
    margin-top: 20px;
}
.px_ptf .et_pb_portofolio_pagination ul {
    float: right;
    position:relative;
    display:inline-block
}
.px_ptf .et_pb_portofolio_pagination ul:before {
    width:100%;
    height:2px;
    display:block;
    background:#e8e8e8;
    content:'';
    position:absolute;
    top:50%;
    z-index:-1;
    left:0;
    transform:translateY(-50%)
}
.px_ptf .et_pb_portofolio_pagination ul li {
    border-radius: 5px;
    background:#000;
    position:relative;
    z-index:1;
    padding:5px 15px!important;
    margin-right:20px;
    border-color:#000;
    color:#fff
}
.px_ptf .et_pb_portofolio_pagination ul li:last-child {
    margin-right: 0px;
}
.px_ptf .et_pb_portofolio_pagination ul li a {
    color:#fff !important;
}
.px_ptf .et_pb_portfolio_item {
    overflow:hidden;
    border:5px solid #fff;
    position: relative;
}
.px_ptf.et_pb_fullwidth_portfolio_carousel .et_pb_portfolio_item {
    border:none;
}
.px_ptf .et_pb_portfolio_item .et_portfolio_image, .px_ptf .et_pb_portfolio_item .et_pb_portfolio_image {
    position:relative;
    overflow:hidden
}
.px_ptf .et_pb_portfolio_item .et_portfolio_image img, .px_ptf .et_pb_portfolio_item .et_pb_portfolio_image img {
    width: 100%;
    -webkit-transition:all .3s linear;
    -moz-transition:all .3s linear;
    -o-transition:all .3s linear;
    -ms-transition:all .3s linear;
    transition:all .3s linear;
    height:auto
}
.px_ptf .et_pb_portfolio_item .et_portfolio_image:before, .px_ptf .et_pb_portfolio_item .et_pb_portfolio_image:before {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 600px;
    bottom: 0;
    opacity:0;
    width: 100%;
    z-index: 1;
    height: 100%;
    transition: all .7s;
    content:'';
    background:rgba(0, 0, 0, .7);
}
.px_ptf .et_pb_portfolio_item:hover .et_portfolio_image:before, .px_ptf .et_pb_portfolio_item:hover .et_pb_portfolio_image:before {
    opacity:1;
    top: 0 !important;
    left: 0;
    right: 0;
    bottom: 0;
}
.px_ptf .et_pb_portfolio_item .et_portfolio_image .et_overlay, .px_ptf .et_pb_portfolio_item .et_pb_portfolio_image .et_overlay {
    background:transparent;
    border:none;
    opacity:1;
    z-index:2;
}
.px_ptf .et_pb_portfolio_item .et_portfolio_image .et_overlay:before, .px_ptf .et_pb_portfolio_item .et_pb_portfolio_image .et_overlay:before {
    background:#fff;
    font-size:25px;
    padding:10px;
    border-radius:0;
    color:#000;
    top:auto;
    bottom: -50px;
    left: auto;
    right: -50px;
    opacity:0;
}
.px_ptf .et_pb_portfolio_item:hover .et_portfolio_image .et_overlay:before, .px_ptf .et_pb_portfolio_item:hover .et_pb_portfolio_image .et_overlay:before {
    top:auto;
    bottom: 0px;
    left: auto;
    right: 0px;
    opacity:1;
}
.px_ptf .et_pb_portfolio_item:hover .et_portfolio_image img, .px_ptf .et_pb_portfolio_item:hover .et_pb_portfolio_image img {
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);
    transform:scale(1.2)
}
.px_ptf .et_pb_portfolio_item .et_pb_module_header {
    padding-bottom: 0;
    background:var(--color-1);
    left:-100%;
    color:#fff;
    bottom:0;
    margin:0;
    right:inherit;
    width:100%;
    z-index:1;
    text-align:left;
    font-size:15px;
    box-sizing:border-box;
    border:0;
    position:absolute;
    -webkit-transition:all .3s linear;
    -moz-transition:all .3s linear;
    -o-transition:all .3s linear;
    -ms-transition:all .3s linear;
    transition:all .3s linear
}
.px_ptf .et_pb_portfolio_item .meta .et_pb_module_header {
    margin-top: 0;
    padding: 15px;
    display: block;
    width: 100%;
}
.px_ptf .et_pb_portfolio_item:hover .et_pb_module_header {
    left:0
}
.px_ptf .et_pb_portfolio_item:hover .et_pb_module_header a {
    padding:15px;
    display:block;
    width:100%;
}
.px_ptf .et_pb_portfolio_item .post-meta a {
    color:#fff
}
.px_ptf .et_pb_portfolio_item .meta .post-meta {
    width: auto;
    color: #fff;
}
.px_ptf .et_pb_portfolio_item .post-meta {
    background: #000;
    right: -100%;
    bottom: 45px;
    margin: 0;
    left: inherit;
    text-align: left;
    padding: 2px;
    box-sizing: border-box;
    border: 0;
    position:absolute;
    -webkit-transition:all .3s linear;
    -moz-transition:all .3s linear;
    -o-transition:all .3s linear;
    -ms-transition:all .3s linear;
    transition:all .3s linear;
    z-index:3
}
.px_ptf .et_pb_portfolio_item:hover .post-meta {
    right:0
}
.px_ptf .et-pb-arrow-next, .px_ptf .et-pb-arrow-prev {
    opacity:1;
    background:var(--color-1);
    color:#fff!important;
    font-size:20px;
    padding:10px
}
.px_ptf .et-pb-arrow-next:hover, .px_ptf .et-pb-arrow-prev:hover {
    background:var(--color-2);
}
.px_ptf .et-pb-arrow-prev {
    left:0!important
}
.px_ptf .et-pb-arrow-next {
    right:0!important
}
@media only screen and (max-width : 1024px) {
	.px_ptf.clm3 .et_pb_ajax_pagination_container, .px_ptf.clm3 .et_pb_portfolio_items_wrapper .et_pb_portfolio_items{grid-template-columns: repeat(2, 50%) !important;}
}
@media only screen and (max-width : 767px) {
    .px_ptf .et_pb_portfolio_filters li {
        width: auto !important;
        margin-bottom: 0;
    }
	.px_ptf.clm2 .et_pb_ajax_pagination_container, .px_ptf.clm2 .et_pb_portfolio_items_wrapper .et_pb_portfolio_items{
		display: block; !important;
	}
	.px_ptf.clm3 .et_pb_ajax_pagination_container, .px_ptf.clm3 .et_pb_portfolio_items_wrapper .et_pb_portfolio_items{
		display: block; !important;
	}
}

.px_ptf.clm2 .et_pb_ajax_pagination_container, .px_ptf.clm2 .et_pb_portfolio_items_wrapper .et_pb_portfolio_items {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(2, 1fr);
}
.px_ptf.clm3 .et_pb_ajax_pagination_container, .px_ptf.clm3 .et_pb_portfolio_items_wrapper .et_pb_portfolio_items {
    display: grid;
	grid-gap: 5px;
	grid-template-columns: repeat(3, 1fr);
}
.px_ptf .pagination .alignleft,
.px_ptf .pagination .alignright {
    overflow: hidden;
    width: auto;
    margin: 0 auto;
    float: none;
    text-align: center;
    display: inline-block;
    line-height: 50px
}

.px_ptf .pagination .alignleft a,
.px_ptf .pagination .alignright a {
    overflow: hidden;
    color: #323232;
    border-radius: 5px;
    background: #fff;
    position: relative;
    z-index: 1;
    transition: all 0.40s ease 0s;
    border-right: 3px solid var(--color-1);
    border-left: 1px solid var(--color-1);
    border-top: 1px solid var(--color-1);
    border-bottom: 1px solid var(--color-1);
    padding: 10px 22px!important;
}
.px_ptf .pagination .alignleft a:after,
.px_ptf .pagination .alignright a:after{
    content: "" !important;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: -100%;
    z-index: -1;
    background: var(--color-1);
	border-radius: 5px;
    transition: right 0.40s ease 0s;
}
.px_ptf .pagination .alignleft a:hover:after,
.px_ptf .pagination .alignright a:hover:after{
    content:"" !important;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0%;
    background: var(--color-1);
    z-index: -1;
    transition: right 0.40s ease 0s;
}
.px_ptf .pagination .alignleft a:hover,
.px_ptf .pagination .alignright a:hover {
    overflow: hidden;
    color: #fff !important;
    border-radius: 5px;
    background: #fff;
    position: relative;
    z-index: 1;
    transition: all 0.40s ease 0s;
    border-right: 0px solid var(--color-1) !important;
    border-left: 1px solid transparent  !important;
    border-top: 1px solid transparent  !important;
    border-bottom: 1px solid transparent  !important;
}
/* Footer */
.px_ft_heading .et_pb_text_inner h2{
	position: relative;
	display: inline-block;
}
.px_ft_heading .et_pb_text_inner h2::before {
    content: '';
	display: block;
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 2px;
	margin: auto;
	left: 0;
	background-color: var(--color-1);
	-webkit-transition: width .2s linear;
	transition: width .2s linear;
	text-align: left;
}
.px_footer_tp .et_pb_blurb_content .et_pb_blurb_container{padding-left: 70px;}
.px_footer_tp .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description h2{
    font-size: 30px;
    line-height: 1.3em;
    font-weight: 700;
    color: #fff;
}
.px_footer_tp .et_pb_blurb_content .et_pb_main_blurb_image .et-pb-icon{
    color:var(--color-2);
    background-color: #fff;
    padding: 20px;
    border-radius: 50%;
    font-size: 40px;
    position: relative;
}
.px_footer_tp .et_pb_blurb_content .et_pb_main_blurb_image .et-pb-icon:after{
    position: absolute;
    content: '';
    left: -10px;
    top: -10px;
    right: -10px;
    bottom: -10px;
    border-radius: 50%;
    /*border: 10px solid rgba(255,255,255,0.30);*/
	border: 10px solid var(--color-2);
	opacity: 0.5;
}
@media (min-width: 360px) and (max-width: 767px) {
    .px_footer_tp .et_pb_blurb_content .et_pb_blurb_container{
		padding-left: 0px;
		padding:20px;
	}
    .px_footer_tp .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description h2{
		font-size: 22px;
	}
}
.px_contact_ft p.et_pb_contact_field{
	padding:0px !important;
}
.px_contact_ft .et_pb_contact .et_pb_contact_form .et_contact_bottom_container{
    display:block !important;
    float: none !important;
    text-align: center;
}
.px_contact_ft .et_pb_contact .et_pb_contact_form .et_pb_button:after{
    content: "" !important;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: -100%;
    z-index: -1;
    background: var(--color-1);
    transition: right 0.40s ease 0s;
}
.px_contact_ft .et_pb_contact .et_pb_contact_form .et_pb_button:hover:after{
    content: "" !important;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0%;
    background: var(--color-1);
    z-index: -1;
    color:#323232;
    transition: right 0.40s ease 0s;
}
/* Team */
.px_team {border-radius:10px !important;}
.px_team .et_pb_team_member_image{border-radius:10px 10px 0px 0px !important;}
.px_team .et_pb_team_member_image:before{
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    opacity: 0.70;
    background-color: rgba(0,0,0,0.70);
    transition: all 900ms ease;
    opacity:0;
	border-radius:10px 10px 0px 0px;
    transform: rotateY(-180deg);
}
.px_team:hover .et_pb_team_member_image:before{
    opacity: 1;
    transform: rotateY(0deg);
}
.px_team .et_pb_team_member_description .et_pb_member_position:after{
    position: absolute;
    content: '';
    left: 50%;
    bottom: 0px;
    height: 3px;
    width: 40px;
    margin-left: -20px;
    background-color: var(--color-1);
}
.px_team .et_pb_team_member_description .et_pb_member_social_links li a.et_pb_font_icon{
    background-color:var(--color-2);
    color: #fff;
    width: 44px;
    height: 44px;
    line-height:50px;
}
.px_team .et_pb_team_member_description .et_pb_member_social_links li a.et_pb_font_icon:hover{
    background-color:var(--color-1);
    color:#fff;
}
@media only screen and (max-width:980px){
    .px_team{max-width:400px;margin:0 auto;}
    .px_team .et_pb_team_member_image{width: 100% !important;float: none;}
    .px_team .et_pb_team_member_image img{width: 100%;}
    .px_team .et_pb_team_member_description{display:block;}
}
/*Team V2*/
.px_team_v2 {border-radius:10px !important;}
.px_team_v2 .et_pb_team_member_description .et_pb_module_header{color:#323232;}
.px_team_v2 .et_pb_team_member_description .et_pb_member_position{color:#323232;}
.px_team_v2:hover .et_pb_team_member_description .et_pb_module_header{color:#fff;}
.px_team_v2:hover .et_pb_team_member_description .et_pb_member_position{color:#fff;}
.px_team_v2 .et_pb_team_member_image{border-radius:10px 10px 0px 0px;}
.px_team_v2 .et_pb_team_member_image:before{
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    opacity: 0.70;
    background-color: rgba(0,0,0,0.70);
	border-radius:10px 10px 0px 0px;
    transition: all 900ms ease;
    opacity:0;
    transform: rotateY(-180deg);
}
.px_team_v2:hover .et_pb_team_member_image:before{
    opacity: 1;
    transform: rotateY(0deg);
}
.px_team_v2 .et_pb_team_member_description .et_pb_member_social_links li a{
    background-color:var(--color-2);
    color: #fff;
    width: 44px;
    height: 44px;
    line-height:50px;
}
.px_team_v2 .et_pb_team_member_description .et_pb_member_social_links li a:hover{
    background-color:#fff;
    color:#000;
}
@media only screen and (max-width:980px){
    .px_team_v2{max-width:400px;margin:0 auto;}
    .px_team_v2 .et_pb_team_member_image{width: 100% !important;float: none;}
    .px_team_v2 .et_pb_team_member_image img{width: 100%;}
    .px_team_v2 .et_pb_team_member_description{display:block;}
}
/*px_team Blurb*/
.px_team_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et-pb-icon{color:#fff;background-color: var(--color-1);}
.px_team_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header:after{
    position: absolute;
    content: '';
    left: 0;
    bottom: 0px;
    height: 3px;
    width: 50px;
    background-color: var(--color-1);
}
.px_team_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description ul{}
.px_team_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description li{
    position: relative;
    list-style: none;
    padding: 6px 10px;
    font-size: 16px;
    color: #323232;
}
.px_team_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description li:before{
    content: "\24";
    font-family: ETmodules;
    position: absolute;
    color: var(--color-1);
    left: -20px;
    font-size: 24px;
}
/* Priceing */
.px_price .et_pb_pricing_heading {
    padding:90px 0 20px;
    border-bottom:1px solid #eee;
    margin-bottom:25px;
    background-color:rgba(0,0,0,0)
}
.px_price .et_pb_pricing_heading h2 {
    padding-bottom:7px
}
.px_price .et_pb_pricing_content_top {
    position:absolute;
    overflow:hidden;
    z-index:10;
    display:inline-block;
    width:100%;
    padding:0;
    border:none;
    top:-72px;
    max-width:140px;
    margin:0 auto;
    left:0;
    right:0;
    transition: all 0.4s ease-in-out;
}
.px_price .et_pb_pricing_content_top:after{
    content: "";
    display: block;
    padding-top: 100%;
    width: 100%;
}
.px_price .et_pb_et_price {
    display: inline-block;
    background: var(--color-1);
    border-radius: 50%;
    padding: 40px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.px_price .et_pb_dollar_sign {
    font-size: 26px;
    font-weight: 700;
    position: absolute;
    margin-left: -.5em;
    color: #fff;
    margin-left: -15.017px;
}
.px_price ul.et_pb_pricing li {
    padding-bottom:10px;
    position:relative;
}
.px_price .et_pb_pricing_table:hover .et_pb_pricing_content_top {transform: scale(1.1);}
.px_price .et_pb_pricing_table:hover .et_pb_et_price{background:var(--color-2);}
.px_price .et_pb_pricing_table .et_pb_sum{color:#fff;}
.px_price .et_pb_pricing_table:hover .et_pb_sum{color:var(--color-1);}
.px_price .et_pb_pricing_table .et_pb_frequency .et_pb_frequency_slash{display:none;}
.px_price .et_pb_button:after{
    content: "" !important;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: -100%;
    z-index: -1;
    background: var(--color-1);
    transition: right 0.40s ease 0s;
}
.px_price .et_pb_button:hover:after{
    content: "" !important;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0%;
    background: var(--color-1);
    z-index: -1;
    color:#323232;
    transition: right 0.40s ease 0s;
}
/* Blog Detail Page */
/* CTA */
.px_cta .et_pb_button:after{
    content: "" !important;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: -100%;
    z-index: -1;
    background: var(--color-1);
    transition: right 0.40s ease 0s;
}
.px_cta .et_pb_button:hover:after{
    content: "" !important;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0%;
    background: var(--color-1);
    z-index: -1;
    color:#323232;
    transition: right 0.40s ease 0s;
}
/* Comment*/
.px_comment .page_title{
    font-weight: 600;
    font-size: 20px;
    color: var(--color-1);
}
.px_comment .page_title:before{
    content: '';
    display: inline-block;
    width: 30px;
    height: 4px;
    background: var(--color-1);
    position: relative;
    top: -4px;
    left: 0;
    margin-right: 10px;
    text-align: center;
}

.px_comment .comment-form .logged-in-as a{color: var(--color-1) !important;}

.px_comment .reply-container .comment-reply-link{
	background-color: #fff;
	border-color: var(--color-1);
	color: #323232 !important;
	overflow: hidden;
    z-index: 0;
}
.px_comment .reply-container .comment-reply-link:hover{
	color: #fff !important;
}
.px_comment .comment-edit-link{
	color: var(--color-1);
}

.px_comment .et_pb_button:after, .reply-container .comment-reply-link:after{
    content: "" !important;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: -100%;
    z-index: -1;
    background: var(--color-1);
    transition: right 0.40s ease 0s;
}
.px_comment .et_pb_button:hover:after, .reply-container .comment-reply-link:hover:after{
    content: "" !important;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0%;
    background: var(--color-1);
    z-index: -1;
    color:#323232;
    transition: right 0.40s ease 0s;
}

/* Home Page v2*/
.px_menu_v2 nav ul li{margin-top:0 !important;}
.px_menu_v2 nav ul li a:hover{color:var(--color-1) !important;}
.px_menu_v2 nav ul li a:before{
    position: absolute;
    left: 0;
    bottom: 0;
    height: 6px;
    width: 100%;
    opacity: 0;
    background-color: var(--color-1);
    content: "";
    z-index: -1;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    visibility: visible;
}
.px_menu_v2 nav ul li a:hover:before{
    opacity: 1;
}
.px_menu_v2 nav ul .current_page_item a:before{
    opacity: 1;
}
.px_menu_v2 nav ul li a:after{
    display:none !important;
}
.px_menu_v2 nav ul li ul li a:before{display:none;}
.px_menu_v2 nav ul li ul{width:218px !important; padding: 10px 0px !important;}
.px_menu_v2 nav ul li ul li a{padding-bottom: 8px !important;padding-top: 8px !important;}
/* Slider */
.px_slider_home_v2 .et_pb_button:after{
    content: "" !important;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: -100%;
    z-index: -1;
    background: var(--color-1);
    transition: right 0.40s ease 0s;
}
.px_slider_home_v2 .et_pb_button:hover:after{
    content: "" !important;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0%;
    background: var(--color-1);
    z-index: -1;
    color:#323232;
    transition: right 0.40s ease 0s;
}
.px_slider_home_v2 .et-pb-slider-arrows .et-pb-arrow-prev,
.px_slider_home_v2 .et-pb-slider-arrows .et-pb-arrow-next{
    border: 1px solid #fff;
    border-radius: 50%;
    padding: 8px;
}
.px_slider_home_v2 .et-pb-slider-arrows .et-pb-arrow-prev:hover,
.px_slider_home_v2 .et-pb-slider-arrows .et-pb-arrow-next:hover{
    background: var(--color-1);
    transition: all 500ms ease;
}
/**/
.px_home_v2_cta {border-radius:10px;}
.px_home_v2_cta:before{position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    opacity: 0;
    border-radius:10px;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    background-color: var(--color-1);
    transform: scale(0.2,1);
    z-index:-1;
}
.px_home_v2_cta:hover:before{
    opacity: 1;
    transform: scale(1,1);
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    border-radius:10px;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    background-color: var(--color-1) !important;
    z-index:-1;
}
.px_home_v2_cta .et_pb_promo_description .et_pb_module_header{color: #323232 !important;padding: 20px 0;}
.px_home_v2_cta .et_pb_promo_description p{color:#323232;}
.px_home_v2_cta:hover .et_pb_promo_description .et_pb_module_header{color:#fff !important;}
.px_home_v2_cta:hover .et_pb_promo_description p{color:#fff;}
.px_home_v2_cta .et_pb_button:after{
    content: "" !important;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: -100%;
    z-index: -1;
    background: var(--color-1);
	border-radius:10px;
    transition: right 0.40s ease 0s;
}
.px_home_v2_cta .et_pb_button:hover:after{
    content: "" !important;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0%;
    background: var(--color-1);
    z-index: -1;
    color:#323232;
	border-radius:10px;
    transition: right 0.40s ease 0s;
}
/* Portfolio V2 */
/* .px_ptf_v2  .et_pb_portfolio_filters ul li{
	display: inline-block;
	float: none !important;
	margin-left: 10px;
}
.px_ptf_v2  .et_pb_portfolio_filters ul li a {
    padding:10px 30px;
    background:var(--color-2);
    color:#fff;
    text-transform:uppercase;
    letter-spacing:1px;
    border-radius:0px;
    box-shadow: 0 5px 30px rgba(0,0,0,.1);
    transition: all 500ms ease;
}
.px_ptf_v2  .et_pb_portfolio_filters ul li a:hover {
    background:var(--color-1)!important;
    box-shadow: 0 5px 30px rgba(0,0,0,.2);
    transform: translateY(-10px);
    color:#fff;
}
.px_ptf_v2  .et_pb_portfolio_filters {
    margin:0
}
.px_ptf_v2  .et_pb_portfolio_filters ul li a.active {
    background:var(--color-1)!important;
    color:#fff;
    border-radius:0px;
}
.px_ptf_v2  .et_pb_portfolio_filters ul{text-align:center;} */
/*
.px_ptf_v2 .et_pb_portfolio_filters {
    text-align: center;
    margin-bottom: 10px;
}
.px_ptf_v2 .et_pb_portfolio_filters li {
    float:none;
    display:inline-block;
}
.px_ptf_v2 .et_pb_portfolio_filters li a:hover {
    background-color:var(--color-1);
    color:#fff;
}
.px_ptf_v2 .et_pb_portfolio_filters li a {
    border-radius: 5px !important;
    background:var(--color-2);
    color:#fff;
    border:none;
    font-size:13px;
    overflow:visible;
    font-weight:600;
    line-height:26px;
    padding:8px 20px 6px;
    text-transform:uppercase;
    letter-spacing:.5px;
    margin:0 5px 20px;
    display:inline-block;
    position:relative;
    -webkit-transition:all .3s linear;
    -moz-transition:all .3s linear;
    -o-transition:all .3s linear;
    -ms-transition:all .3s linear;
    transition:all .3s linear
}
.px_ptf_v2 .et_pb_portfolio_filters li a:before {
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:-1;
    opacity:0;
    border-radius: 5px !important;
}
.px_ptf_v2 .et_pb_portfolio_filters li a.active {
    border-color:var(--color-2);
    background:var(--color-1);
    color:#fff;
}
.px_ptf_v2 .et_pb_portfolio_filters li a.active:before {
    background:var(--color-2);
    left:-7px;
    top:-7px;
    opacity:1;
    -webkit-transition:all .3s linear;
    -moz-transition:all .3s linear;
    -o-transition:all .3s linear;
    -ms-transition:all .3s linear;
    transition:all .3s linear
}
*/
/* .px_ptf_v2 .et_pb_portofolio_pagination {
    border:none !important;
    margin-top: 20px;
}
.px_ptf_v2 .et_pb_portofolio_pagination ul {
    float: right;
    position:relative;
    display:inline-block
}
.px_ptf_v2 .et_pb_portofolio_pagination ul:before {
    width:100%;
    height:2px;
    display:block;
    background:#e8e8e8;
    content:'';
    position:absolute;
    top:50%;
    z-index:-1;
    left:0;
    transform:translateY(-50%)
}
.px_ptf_v2 .et_pb_portofolio_pagination ul li {
    border-radius: 5px;
    background:#000;
    position:relative;
    z-index:1;
    padding:5px 15px!important;
    margin-right:20px;
    border-color:#000;
    color:#fff
}
.px_ptf_v2 .et_pb_portofolio_pagination ul li:last-child {
    margin-right: 0px;
}
.px_ptf_v2 .et_pb_portofolio_pagination ul li a {
    color:#fff !important;
}
.px_ptf_v2 .et_pb_portfolio_item {
    overflow:hidden;
    border:5px solid #fff;
    position: relative;
}
.px_ptf_v2.et_pb_fullwidth_portfolio_carousel .et_pb_portfolio_item {
    border:none;
}
.px_ptf_v2 .et_pb_portfolio_item .et_portfolio_image, .px_ptf_v2 .et_pb_portfolio_item .et_pb_portfolio_image {
    position:relative;
    overflow:hidden
}
.px_ptf_v2 .et_pb_portfolio_item .et_portfolio_image img, .px_ptf_v2 .et_pb_portfolio_item .et_pb_portfolio_image img {
    width: 100%;
    -webkit-transition:all .3s linear;
    -moz-transition:all .3s linear;
    -o-transition:all .3s linear;
    -ms-transition:all .3s linear;
    transition:all .3s linear;
    height:auto
}
.px_ptf_v2 .et_pb_portfolio_item .et_portfolio_image:before, .px_ptf_v2 .et_pb_portfolio_item .et_pb_portfolio_image:before {
    display: block;
    position: absolute;
    left: -100%;
    right: 0;
    top: 0;
    bottom: 0;
    opacity:0;
    width: 100%;
    z-index: 1;
    height: 100%;
    transition: all .7s;
    content:'';
    background:rgba(0, 0, 0, .7);
    transform-origin: left center;
}
.px_ptf_v2 .et_pb_portfolio_item:hover .et_portfolio_image:before, .px_ptf_v2 .et_pb_portfolio_item:hover .et_pb_portfolio_image:before {
    opacity:1;
    top: 0 !important;
    left: 0;
    right: 0;
    bottom: 0;
    transform-origin: right center;
}
.px_ptf_v2 .et_pb_portfolio_item .et_portfolio_image .et_overlay, .px_ptf_v2 .et_pb_portfolio_item .et_pb_portfolio_image .et_overlay {
    background:transparent;
    border:none;
    opacity:1;
    z-index:2;
}
.px_ptf_v2 .et_pb_portfolio_item .et_portfolio_image .et_overlay:before, .px_ptf_v2 .et_pb_portfolio_item .et_pb_portfolio_image .et_overlay:before {
    background:var(--color-1);
    font-size: 25px !important;
    padding: 6px;
    border-radius: 0;
    color: #ffff;
    bottom: auto;
    top: 20%;
    left: -100%;
    right: auto;
    opacity: 0;
    -webkit-transition:all .7s;
    -moz-transition:all .7s;
    -o-transition:all .7s;
    -ms-transition:all .7s;
    transition:all .7s;
}
.px_ptf_v2 .et_pb_portfolio_item:hover .et_portfolio_image .et_overlay:before, .px_ptf_v2 .et_pb_portfolio_item:hover .et_pb_portfolio_image .et_overlay:before {
    bottom: auto;
    top: 20%;
    left: 85%;
    right: auto;
    opacity: 1;
}
.px_ptf_v2 .et_pb_portfolio_item .et_pb_module_header {
    padding-bottom: 0;
    left:-100%;
    color:#fff;
    bottom:20%;
    margin:0;
    right:inherit;
    width:100%;
    z-index:1;
    text-align:left;
    box-sizing:border-box;
    border:0;
    position:absolute;
    -webkit-transition:all 300ms ease;
    -moz-transition:all 300ms ease;
    -o-transition:all 300ms ease;
    -ms-transition:all 300ms ease;
    transition:all 300ms ease;
}
.px_ptf_v2 .et_pb_portfolio_item .meta .et_pb_module_header {
    margin-top: 0;
    padding: 15px;
    display: block;
    width: 100%;
}
.px_ptf_v2 .et_pb_portfolio_item:hover .et_pb_module_header {
    left: 10px;
}
.px_ptf_v2 .et_pb_portfolio_item:hover .et_pb_module_header a {
    padding:15px;
    display:block;
    width:100%;
}
.px_ptf_v2 .et_pb_portfolio_item .post-meta a {
    color:#fff
}
.px_ptf_v2 .et_pb_portfolio_item .meta .post-meta {
    width: auto;
    color: #fff;
}
.px_ptf_v2 .et_pb_portfolio_item .post-meta {
    left: -100%;
    bottom: 10%;
    margin: 0;
    right: inherit;
    text-align: left;
    padding: 2px;
    box-sizing: border-box;
    border: 0;
    position:absolute;
    -webkit-transition:all 300ms ease;
    -moz-transition:all 300ms ease;
    -o-transition:all 300ms ease;
    -ms-transition:all 300ms ease;
    transition:all 300ms ease;
    z-index:3
}
.px_ptf_v2 .et_pb_portfolio_item:hover .post-meta {
    left: 24px;
}
.px_ptf_v2 .et-pb-arrow-next, .px_ptf_v2 .et-pb-arrow-prev {
    opacity:1;
    background:var(--color-1);
    color:#fff!important;
    font-size:20px;
    padding:10px
}
.px_ptf_v2 .et-pb-arrow-next:hover, .px_ptf_v2 .et-pb-arrow-prev:hover {
    background:var(--color-2);
}
.px_ptf_v2 .et-pb-arrow-prev {
    left:0!important
}
.px_ptf_v2 .et-pb-arrow-next {
    right:0!important
} */
@media (min-width: 768px) and (max-width: 1024px) {
/*     .px_ptf_v2 .et_pb_portfolio_item .et_portfolio_image .et_overlay:before, .px_ptf_v2 .et_pb_portfolio_item .et_pb_portfolio_image .et_overlay:before{
        font-size: 24px !important;
        padding: 4px !important;
    } */
    .px_slider_home_v2 .et-pb-slider-arrows .et-pb-arrow-prev,
    .px_slider_home_v2 .et-pb-slider-arrows .et-pb-arrow-next{
        padding: 0px !important;
        font-size: 40px;
    }
}
/* @media only screen and (max-width : 1024px) {
	.px_ptf_v2.clm3 .et_pb_ajax_pagination_container, .px_ptf_v2.clm3 .et_pb_portfolio_items_wrapper .et_pb_portfolio_items{grid-template-columns: repeat(2, 50%) !important;}
} */
 @media only screen and (max-width : 767px) {
   .px_slider_home_v2 .et-pb-slider-arrows .et-pb-arrow-prev,
    .px_slider_home_v2 .et-pb-slider-arrows .et-pb-arrow-next{
        padding: 0px !important;
        font-size: 30px;
    }
 /*   .px_ptf_v2 .et_pb_portfolio_filters li {
        width: auto !important;
        margin-bottom: 0;
    }
	.px_ptf_v2.clm2 .et_pb_ajax_pagination_container, .px_ptf_v2.clm2 .et_pb_portfolio_items_wrapper .et_pb_portfolio_items{grid-template-columns: repeat(1, 100%) !important;}
.px_ptf_v2.clm3 .et_pb_ajax_pagination_container, .px_ptf_v2.clm3 .et_pb_portfolio_items_wrapper .et_pb_portfolio_items{grid-template-columns: repeat(1, 100%) !important;}
    .px_slider_home_v2 .et-pb-slider-arrows .et-pb-arrow-prev,
    .px_slider_home_v2 .et-pb-slider-arrows .et-pb-arrow-next{
        padding: 0px !important;
        font-size: 34px;
    }*/
}
/*
.px_ptf_v2.clm2 .et_pb_ajax_pagination_container, .px_ptf_v2.clm2 .et_pb_portfolio_items_wrapper .et_pb_portfolio_items {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(2, 50%);
}
.px_ptf_v2.clm3 .et_pb_ajax_pagination_container, .px_ptf_v2.clm3 .et_pb_portfolio_items_wrapper .et_pb_portfolio_items {
    display: grid;
	grid-gap: 5px;
	grid-template-columns: repeat(3, 33%);
}
.px_ptf_v2 .pagination .alignleft,
.px_ptf_v2 .pagination .alignright {
    overflow: hidden;
    width: auto;
    margin: 0 auto;
    float: none;
    text-align: center;
    display: inline-block;
    line-height: 50px
}

.px_ptf_v2 .pagination .alignleft a,
.px_ptf_v2 .pagination .alignright a {
    overflow: hidden;
    color: #323232;
    border-radius: 0;
    background: #fff;
    position: relative;
    z-index: 1;
    transition: all 0.40s ease 0s;
    border-right: 4px solid var(--color-1);
    border-left: 1px solid var(--color-1);
    border-top: 1px solid var(--color-1);
    border-bottom: 1px solid var(--color-1);
    padding: 10px 22px!important;
}
.px_ptf_v2 .pagination .alignleft a:after,
.px_ptf_v2 .pagination .alignright a:after{
    content: "" !important;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: -100%;
    z-index: -1;
    background: var(--color-1);
    transition: right 0.40s ease 0s;
}
.px_ptf_v2 .pagination .alignleft a:hover:after,
.px_ptf_v2 .pagination .alignright a:hover:after{
    content:"" !important;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0%;
    background: var(--color-1);
    z-index: -1;
    transition: right 0.40s ease 0s;
}
.px_ptf_v2 .pagination .alignleft a:hover,
.px_ptf_v2 .pagination .alignright a:hover {
    overflow: hidden;
    color: #fff !important;
    border-radius: 0;
    background: #fff;
    position: relative;
    z-index: 1;
    transition: all 0.40s ease 0s;
    border-right: 4px solid var(--color-1) !important;
    border-left: 1px solid transparent  !important;
    border-top: 1px solid transparent  !important;
    border-bottom: 1px solid transparent  !important;
} */
/* Faq V1 */
.px_faq .et_pb_toggle_title{color: #323232 !important;
padding: 20px !important; transition:0.5s;}

.px_faq .et_pb_toggle_title:hover,
.px_faq .et_pb_toggle_open .et_pb_toggle_title{
 color:var(--color-1) !important;  transition:0.5s;
}

/* Faq V2 */
.px_faq_v2 .et_pb_toggle_close .et_pb_toggle_title:before{
    content: '\4c' !important;
}
.px_faq_v2 .et_pb_toggle_open .et_pb_toggle_title{
    background-color:var(--color-1);
}
.px_faq_v2 .et_pb_toggle_close .et_pb_toggle_title{
    background-color:var(--color-2);
}
/* Blog V3 */
.px_blog_v3 .et_pb_post:before{
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 45px;
    border-radius: 4px;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    background-color: #ffffff;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.10);
    z-index:-1;
	border-radius: 10px;
}
.px_blog_v3 .et_pb_post:hover:before{
    bottom: 0px;
}
.px_blog_v3 .et_pb_post .post-content .more-link{
    opacity: 0;
    visibility: visible;
	transition:0.3s;
}
.px_blog_v3 .et_pb_post:hover .post-content .more-link{
    opacity: 1;
    visibility: visible;
	transition:0.3s;
}

.px_blog_v3 .et_pb_post {
    position: relative;
    overflow: visible;
    padding:0;
    border:none;
    z-index:1;
	border-radius: 10px;
}
.px_blog_v3 .et_pb_post .blog_detail {
    display: flex;
    flex-direction: column-reverse;
    padding:20px;
}
.px_blog_v3 .et_pb_post .blog_detail .entry-title:after{
    position: absolute;
    content: '';
    left: 0px;
    bottom: 0px;
    height: 3px;
    width: 40px;
    background-color: var(--color-1);
}

.px_blog_v3 .et_pb_post .et_pb_image_container{
    margin:0 !important;
}
.px_blog_v3 .et_pb_post .entry-featured-image-url{margin-bottom: 10px !important;}
.px_blog_v3 .et_pb_post .post-meta a {
    color: var(--color-1);
}
.px_blog_v3 .et_pb_post .entry-featured-image-url img{
	border-radius: 10px 10px 0px 0px;
}
.px_blog_v3 .et_pb_post .post-meta .published{
    color: #fff;
    position: absolute;
    right: 0px;
    top: 0px;
    font-size: 16px;
    font-weight: 500;
    padding: 14px 20px;
    border-radius: 3px;
    display: inline-block;
    background-color: var(--color-1);
    border: 5px solid #ffffff;
	border-radius: 10px;
}
.px_blog_v3 .et_pb_post .post-content .more-link:after{
    content: "" !important;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: -100%;
    z-index: -1;
    background: var(--color-1);
    transition: right 0.40s ease 0s;
}
.px_blog_v3 .et_pb_post .post-content .more-link:hover:after{
    content: "" !important;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0%;
    background: var(--color-1);
    z-index: -1;
    transition: right 0.40s ease 0s;
}


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

.px_blog_v3 .pagination .alignleft a,
.px_blog_v3 .pagination .alignright a {
    overflow: hidden;
    color: #323232;
    border-radius:5px;
    background: #fff;
    position: relative;
    z-index: 1;
    transition: all 0.40s ease 0s;
    border-right: 3px solid var(--color-1);
    border-left: 1px solid var(--color-1);
    border-top: 1px solid var(--color-1);
    border-bottom: 1px solid var(--color-1);
    padding: 10px 22px!important;
}
.px_blog_v3 .pagination .alignleft a:after,
.px_blog_v3 .pagination .alignright a:after{
    content: "" !important;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: -100%;
    z-index: -1;
    background: var(--color-1);
	border-radius:5px;
    transition: right 0.40s ease 0s;
}

.px_blog_v3 .pagination .alignleft a:hover:after,
.px_blog_v3 .pagination .alignright a:hover:after{
    content:"" !important;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0%;
    background: var(--color-1);
    z-index: -1;
    transition: right 0.40s ease 0s;
}
.px_blog_v3 .pagination .alignleft a:hover,
.px_blog_v3 .pagination .alignright a:hover {
    overflow: hidden;
    color: #fff;
    border-radius: 0;
    background: #fff;
    position: relative;
    z-index: 1;
    transition: all 0.40s ease 0s;
    border-right: 0px ;
    border-left: 1px solid transparent  !important;
    border-top: 1px solid transparent  !important;
    border-bottom: 1px solid transparent  !important;
}
/*Footer V2*/
.px_ft_v2_blurb .et_pb_blurb_content .et_pb_blurb_container{padding-left:0px !important;}
.px_ft_v2_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et-pb-icon{color:#fff; border-radius: 0 !important;}
.px_ft_v2_blurb:hover .et_pb_blurb_content .et_pb_main_blurb_image .et-pb-icon{color:var(--color-1) !important;border-radius: 0 !important;}
/* Home V3   Iquiry */
#px_inquiry_v2 .et_pb_contact_form {
    display: flex;
}
#px_inquiry_v2 p.et_pb_contact_field {
    padding: 0 0 0 1%;
}
#px_inquiry_v2 .et_contact_bottom_container {
    display: inline-block;
    float: none;
    position: relative;
/*     bottom: -18px; */
    margin-bottom: 0;
}
@media only screen and (max-width: 1024px){
    #px_inquiry_v2 .et_contact_bottom_container {
        bottom: -10px;
    }
}
@media only screen and (max-width: 766px) {
    #px_inquiry_v2 .et_contact_bottom_container .et_pb_contact_submit {
        width: 100%;
        display: block;
        margin: 0;
    }
    #px_inquiry_v2 p.et_pb_contact_field {
        padding:0 !important;
    }
    #px_inquiry_v2 .et_contact_bottom_container {
        padding: 0 0 0 3%;
        float: none;
        text-align: center;
        display: block;
        bottom: -14px;
    }
    #px_inquiry_v2 .et_pb_contact_form {
        display: block;
    }

}

@media only screen and (max-width: 480px) {
    #px_inquiry_v2 .et_contact_bottom_container {
        display: block;
        width: 100%;
    }
    #px_inquiry_v2 .et_contact_bottom_container {
        padding: 0 0 0 0%;
    }
}
/* About Home v3*/
.px_hv3_about .et_pb_blurb_content .et_pb_main_blurb_image .et-pb-icon-circle{background-color:#fff;transition: 0.5s all ease;}
.px_hv3_about:hover .et_pb_blurb_content .et_pb_main_blurb_image .et-pb-icon-circle{background-color:var(--color-2);}
.px_hv3_about .et_pb_blurb_content .et_pb_blurb_container{padding-left:5px !important;vertical-align: middle;}
.px_hv3_about .et_pb_blurb_content .et_pb_main_blurb_image .et-pb-icon{color:var(--color-2) ;border-radius: 100% !important;transition: 0.5s all ease;}
.px_hv3_about:hover .et_pb_blurb_content .et_pb_main_blurb_image .et-pb-icon{color:#fff;}
.px_hv3_about .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{color: #fff;}

/* Blog V4 */
/* .px_blog_v4 .et_pb_post{
    padding: 20px 15px;
    border-radius: 10px;
    background-color: var(--color-1);
    transition: .5s all ease;
}
.px_blog_v4 .et_pb_post:hover{
    background-color: var(--color-2);
    -webkit-transform: translate(0,-10px);
    transform: translate(0,-10px);
}
.px_blog_v4 .et_pb_post .et_pb_image_container{
    margin: 0 !Important;
}
.px_blog_v4 .et_pb_post .entry-title{
    color: var(--color-2);
}
.px_blog_v4 .et_pb_post:hover .entry-title{
    color: #fff;
}
.px_blog_v4 .et_pb_post .post-meta a{
    color: #fff;
}
.px_blog_v4 .et_pb_post .post-content p{
    color: #fff;
}
.px_blog_v4 .et_pb_post .post-content .more-link:after{
    content: "" !important;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: -100%;
    z-index: -1;
    background: var(--color-1);
    transition: right 0.40s ease 0s;
}
.px_blog_v4 .et_pb_post .post-content .more-link:hover:after{
    content: "" !important;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0%;
    background: var(--color-1);
    z-index: -1;
    transition: right 0.40s ease 0s;
}

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

.px_blog_v4 .pagination .alignleft a,
.px_blog_v4 .pagination .alignright a {
    overflow: hidden;
    color: #323232;
    border-radius: 0;
    background: #fff;
    position: relative;
    z-index: 1;
    transition: all 0.40s ease 0s;
    border-right: 4px solid var(--color-1);
    border-left: 1px solid var(--color-1);
    border-top: 1px solid var(--color-1);
    border-bottom: 1px solid var(--color-1);
    padding: 10px 22px!important;
}
.px_blog_v4 .pagination .alignleft a:after,
.px_blog_v4 .pagination .alignright a:after{
    content: "" !important;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: -100%;
    z-index: -1;
    background: var(--color-1);
    transition: right 0.40s ease 0s;
}
.px_blog_v4 .pagination .alignleft a:hover:after,
.px_blog_v4 .pagination .alignright a:hover:after{
    content:"" !important;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0%;
    background: var(--color-1);
    z-index: -1;
    transition: right 0.40s ease 0s;
}
.px_blog_v4 .pagination .alignleft a:hover,
.px_blog_v4 .pagination .alignright a:hover {
    overflow: hidden;
    color: #fff;
    border-radius: 0;
    background: var(--color-1);
    position: relative;
    z-index: 1;
    transition: all 0.40s ease 0s;
    border-right: 4px solid var(--color-1) !important;
    border-left: 1px solid transparent  !important;
    border-top: 1px solid transparent  !important;
    border-bottom: 1px solid transparent  !important;
} */
/* Slidebar */
.slide_in_sidebar {
  position: fixed !important;
  right: 0px !important;
  top: 0px !important;
  left: unset !important;
  bottom: unset !important;
  transform: translateX(100%)!important;  
  transition: all .4s ease-in-out,width .2s ease-in-out,top .4s ease-in-out !important;
}
 
.scroll_show_slide_in,
.exit_intent_slide_in.activate_exit_intent,
.exit_intent_slide_in_bottom.activate_exit_intent  {
  transform: translateX(0px) !important;
}
  
.slide_in_sidebar.px_activate_slide_in {
	transform: translateX(0px) !important;
}  
  
.slide_in_sidebar .et-waypoint:not(.et_pb_counters) {
  opacity: 1 !important;
} 
#px_side_bar .close_scroll_slide_in .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{
	background: var(--color-1);
	color: #fff;
	padding: 10px;
	border-radius: 50%;
	font-size: 30px;
}
.px_icon_rd .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{
	color: var(--color-1);
	background: #fff;
	font-size: 25px;
	padding: 14px;
	border-radius: 50%;
}



/* -----------------------------------
    00. Popup CSS
 ----------------------------------- */
/* Show/hide the popup overlay wrapper when "is-visible" class changes, apply the CSS to frontend only */
body:not(.et-fb) .px-popup-wrapper .px-popup-content{
  position:fixed;
  z-index:990;
  top:0;
  right:0;
  bottom:0;
  left:0;
  transition: all .5s cubic-bezier(.14,.06,.41,1.39);
  opacity:0;
  visibility:hidden;
 
}

body:not(.et-fb) .px-popup-wrapper.popup-is-visible .px-popup-content{
  opacity:1;
  visibility:visible;
	
}


/* Allow the content inside the popup wrapper to scroll */
.px-popup-inside {
  height:100%;
  overflow-y: scroll;
}


/* Prevent Body from Scrolling when Popup is visible */
body.px-noscroll {
 overflow-y: scroll;
}

/* Center Align Popup Content inside the Section */
.px-popup-content {
  display:flex;
  flex-direction:column;
  justify-content: center;
}
.px-popup-content .et_pb_row {
  margin-top:0;
  margin-bottom:0;
}


/* Adjust the position of the popup overlay for admin bar */
@media (min-width:600px) and (max-width:782px) {
  body:not(.et-fb).admin-bar .px-popup-wrapper {
    top:46px;
  }
}
@media (min-width:783px) {
  body:not(.et-fb).admin-bar .px-popup-wrapper {
    top:32px;
  }
}

/* Mave the popup on top of other elements */
.et_builder_inner_content.popup-is-visible {
  z-index:99999;
}

/* Add a hand cursor to the close trigger element */
.px-popup-close {
  cursor:pointer;
}


/*Popup Overlay Css Move Up Start Here*/
.px-popup-wrapper .px-popup-content.px_move_up { transform: translateY(100%);transition: all .4s ease-in-out,width .2s ease-in-out,top .4s ease-in-out !important;	}
body:not(.et-fb) .px-popup-wrapper.popup-is-visible .px-popup-content.px_move_up {transform: translateY(-30px);	}


/*Popup Overlay Css Move Down Start Here*/
.px-popup-wrapper .px-popup-content.px_move_downup { transform: translateY(-100%);transition: all .4s ease-in-out,width .2s ease-in-out,top .4s ease-in-out !important;	}
body:not(.et-fb) .px-popup-wrapper.popup-is-visible .px-popup-content.px_move_downup {transform: translateY(0%);	}

/*Popup Overlay Css Move right Start Here*/
.px-popup-wrapper .px-popup-content.px_slide_right { transform: translateX(-100%);transition: all .8s ease-in-out,width .4s ease-in-out,top .8s ease-in-out !important;	}
body:not(.et-fb) .px-popup-wrapper.popup-is-visible .px-popup-content.px_slide_right {transform: translateX(0%);	}

/*Popup Overlay Css Move Left Here*/
.px-popup-wrapper .px-popup-content.px_slide_left {
	transform: translateX(100%);transition: all .8s ease-in-out,width .4s ease-in-out,top .8s ease-in-out !important;	}
body:not(.et-fb) .px-popup-wrapper.popup-is-visible .px-popup-content.px_slide_left {transform: translateX(0%);	}


/* Add Row animation when popup is triggered */
/*.px-popup-wrapper.popup-is-visible .et_pb_row:not(.px-popup-close)*/
.px-popup-wrapper.popup-is-visible .px_scale_in 
 {animation:scale-in .5s cubic-bezier(.14,.06,.41,1.39) both; animation-delay: .5s; }
@keyframes scale-in{0%{transform:scale(0.3);opacity:0}100%{transform:scale(1);opacity:1}}

/*Popup Overlay Css Move Up Start Here*/
body:not(.et-fb) .px-popup-wrapper .px-popup-content.px_move_up  {top: unset;min-height: auto;right: 20px;}
.px-popup-wrapper .px_move_up { transform: translateY(100%);transition: all .8s ease-in-out,width .4s ease-in-out,top .8s ease-in-out !important;	}
.px-popup-wrapper.popup-is-visible  .px_move_up {transform: translateY(-30px);	}


/*Popup Overlay Css Move Down Start Here*/
.px-popup-wrapper .px_move_downup { transform: translateY(-100%);transition: all .8s ease-in-out,width .4s ease-in-out,top .8s ease-in-out !important;	}
.px-popup-wrapper.popup-is-visible .px_move_downup {transform: translateY(0%);	}


/*Popup Overlay Css Slide Right Start Here*/
.px-popup-wrapper .px_slide_right { transform: translateX(100%);transition: all .8s ease-in-out,width .4s ease-in-out,top .8s ease-in-out !important;	}
.px-popup-wrapper.popup-is-visible  .px_slide_right {transform: translateX(0%);	}

/*Popup Overlay Css Slide left Here*/
.px-popup-wrapper .px_slide_left { transform: translateX(-100%);transition: all .8s ease-in-out,width .4s ease-in-out,top .8s ease-in-out !important;	}
.px-popup-wrapper.popup-is-visible  .px_slide_left {transform: translateX(0%);	}

.button_trigger.px_icon_bar,
.px_icon_bar {padding: 0px !important; background: var(--color-1) !important;border-radius: 5px;border: 2px solid #e4e7ee;transition: all 0.5s ease; box-shadow: 0px 0px 0px 0px;}
.button_trigger.px_icon_bar:after,
.px_icon_bar:after {padding: 4px 10px 4px 5px; display: block; position: relative; color:#fff !important; font-size:20px !important;}
.button_trigger.px_icon_bar:before,
.px_icon_bar:before {content: "";position: absolute;width: 38px;height: 38px;border-radius: 5px;background: var(--color-1);border-radius: 5px;top: 0;left: 0;right: 0;bottom: 0;margin: auto;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;;display:block !important;}
.button_trigger.px_icon_bar:hover,
.px_icon_bar:hover {background: var(--color-2)!important;}
.button_trigger.px_icon_bar:hover:before
.px_icon_bar:hover:before {width: 100%;height: 100%;}
/*-------------------------------------------
  -- 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)
  }