.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;
} .px_img{border-radius:10px;}
.px_img .et_pb_image_wrap,
.px_img .et_pb_image_wrap img{width: 100% !important;} .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);		
}  @media only screen and (min-width:577px) and (max-width:980px){  .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){ .px_max_width.et_pb_column:last-child,
.px_max_width{
max-width:480px;
float:none !important;
margin-bottom: 30px !important;
} .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;} @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{ 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;
} .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;
}
} .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;}
} .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%;} .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;
} .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)
}
} .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;
}
} .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_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;
}   .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;
} #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;
} .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;
} .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%);} .px_testi{color:#323232 !important;}
.px_testi:hover{color:#fff !important;} .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;
} .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 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;
} .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;}
} .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 .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;
} .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;
}  .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;
} .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;
} .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;} .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;
}    @media (min-width: 768px) and (max-width: 1024px) { .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 : 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_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;
} .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);
} .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;
} .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;} #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; 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%;
}
} .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;}   .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%;
}  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;
} .px-popup-inside {
height:100%;
overflow-y: scroll;
} body.px-noscroll {
overflow-y: scroll;
} .px-popup-content {
display:flex;
flex-direction:column;
justify-content: center;
}
.px-popup-content .et_pb_row {
margin-top:0;
margin-bottom:0;
} @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;
}
} .et_builder_inner_content.popup-is-visible {
z-index:99999;
} .px-popup-close {
cursor:pointer;
} .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);	} .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%);	} .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%);	} .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%);	}  .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}} 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);	} .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%);	} .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%);	} .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%;} .tm-font-selector div, .tm-color-selector div,
.pickr .pcr-button::before ,
.pickr .pcr-button::after {border-radius: 50%;} .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;
} .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)
}