/* Theme Name: CoolFixer Theme URI: https://divi.pixelsbuilderplus.com/divi-themes/coolfixer/ Description: Perfect for creating a Divi website for Air Conditioners, HVAC Repair & Maintenance Services,Ventilation, Handyman, Repairment, Air Conditioning, or any other home care services. Author: Divi Builder Plus Author URI: https://divisbuilderplus.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 -------------------------------------*/ /*---Title CSS---*/ .px_title h2 {color:var(--px-color-2);font-size: 36px;font-weight: 700;line-height: 1.3em;text-transform: capitalize;} /*---Sub Title CSS---*/ .px_subtitle{position: relative; z-index: 1; color: var(--px-color-1); font-size: 15px; font-weight: 700; padding-left: 45px; letter-spacing: 1px; text-transform: uppercase;} .px_subtitle::before, .px_subtitle::after{ position: absolute; content: ''; left: 0px; height: 2px; background-color: #111111; } .px_subtitle.light::before, .px_subtitle.light::after{background-color: #fff;} .px_subtitle::before {width: 25px; top:8px;} .px_subtitle::after {width: 35px; bottom:8px;} /*---Description CSS---*/ .px_desc {color: #555555; font-size: 16px; font-weight: 400; line-height: 1.8em;} /* Responsive CSS */ @media only screen and (min-width:577px) and (max-width:980px){ /*---Title CSS---*/ .px_title h2 {font-size: 34px;} /*---Description CSS---*/ .px_desc {font-size: 15px;} } @media only screen and (max-width:576px){ /*---Title CSS---*/ .px_title h2 {font-size: 24px;} /*---Description CSS---*/ .px_desc {font-size: 14px;} } .px_plx:before { content:""; display:block; height:100%; position:absolute; top:0; left:0; width:100%; background-color:var(--px-color-2); opacity:0.8; } /*---Button CSS---*/ .px_btn{color:#fff; border:0px !important; border-radius:5px !important; padding:15px 42px !important; font-size: 18px;overflow:hidden;} .px_btn.primary{background:var(--px-color-1); z-index:2;} .px_btn.secondary{background:var(--px-color-2);} .px_btn::before{ position: absolute; content: ''!important; top: 0; right: 0; width: 100%; height: 100%; z-index: -1; display:block; opacity: 0; transition: all 0.4s; transform: scale(0.2, 1); background-color: var(--px-color-2);} .px_btn.light::before{background-color:#fff;} .px_btn::after{display:none !important;} /* Button Hover Effect */ .px_btn.light:hover{color:var(--px-color-2);} .px_btn.primary:hover{background:var(--px-color-1);} .px_btn:hover::before {opacity: 1; transform: scale(1, 1);} .px_btn.secondary:hover{background:var(--px-color-2);} /*---About List Button CSS---*/ .px_aboutlist_btn{} .px_aboutlist_btn::before{content:"\39"; font-family:ETmodules; display:block; opacity: 1; color:var(--px-color-1);font-weight: 900;font-size: 22px; top:2px; left: 15px; } .px_aboutlist_btn{border:0px !important; font-size:16px; color:var(--px-color-2);padding: 0px 0px 0px 18px !important;} .px_aboutlist_btn::after{display:none !important;} /*---About List Button Hover Effect CSS---*/ .px_aboutlist_btn:hover{background:transparent !important;} /*---Responsive About List Button CSS---*/ @media only screen and (max-width:576px){ .px_aboutlist_btn{font-size:14px;} } /*---Page Header Title CSS---*/ .px_header_title {} .px_header_title .et_pb_row .et_pb_column{position:relative;} .px_header_title .et_pb_row:first-child .et_pb_column::before { content:""; background:transparent; border:10px solid #fff; position:absolute; top:25px; left:0; right:0; height:250px; width:250px; margin:auto; opacity:0.3; } /*---Breadcrumbs Title CSS---*/ .px_b_home_link {} .px_b_other_link {text-transform:uppercase;} /* Max Width & Reverse Column CSS */ /*---Responsive CSS---*/ @media only screen and (max-width:980px){ /* Max Width Col */ .px_max_width.et_pb_column:last-child, .px_max_width{ max-width:400px; margin:auto !important; float:none !important; margin-bottom: 30px !important; } /* Reverse Col */ .px_reverse_row{ display:flex; flex-direction:column-reverse; } .px_reverse_row .px_reverse_col{ order:1; margin-bottom:30px !important; } /*---Page Header Title CSS---*/ .px_header_title .et_pb_row:first-child .et_pb_column::before {top: -5px; height: 200px; width: 200px;} } @media only screen and (max-width:576px){ .px_header_title .et_pb_row:first-child .et_pb_column::before {top: 0px; height: 130px; width: 130px;} } /*--- Global Class CSS ---*/ /*****Pagination******/ .pagination-container{ margin-bottom:0px !important;} .et_pb_row_custom_pagination{clear:both;text-align: left;} .pagination-container{padding-top: 0 !important;margin-top:2em;margin-bottom:2em;} .screen-reader-text{display: none;} .navigation.px_blogpagination .page-numbers{display: inline-block;border-right: 0;padding: 0em 1em;margin: 0 -1px;line-height: 2.6em;} .navigation.px_blogpagination .page-numbers.prev,.navigation.px_blogpagination .page-numbers.next{padding: 0 .5em;} .navigation.px_blogpagination span.page-numbers {color:#fff;border: 1px solid;border-color: #000 !important;font-weight: 600;} .navigation.px_blogpagination .page-numbers .et-pb-icon{font-size: 1.6em;vertical-align: middle;line-height: 1.5em;margin-top: -3px;} .navigation.px_blogpagination a.page-numbers:hover, .navigation.px_blogpagination span.page-numbers {background-color: #000 !important;} .navigation.px_blogpagination a.page-numbers {color: #fff !important;background: #000;} .navigation.px_blogpagination a.page-numbers:hover {color: #fff !important; } /* ----------------------------------- 02. Header Section CSS -------------------------------------*/ /*---Menu + Sub Menu CSS---*/ /*---Main Menu CSS---*/ .px_h_menu_v1 .et_pb_menu__menu .et-menu-nav ul li::before{ position: absolute; content: ''; left: -5px; top: 0px; height: 4px; right: 0px; opacity: 0; background-color: var(--px-color-1); transition: all 500ms ease; transform: scale(0.5,1); } .px_h_menu_v1 .et_pb_menu__menu .et-menu-nav ul li.current_page_item::before , .px_h_menu_v1 .et_pb_menu__menu .et-menu-nav ul li:hover::before{ opacity: 1; transform: scale(0.7,1); } .px_h_menu_v1 .et_pb_menu__menu .et-menu-nav ul li {padding: 23px 15px 20px 15px; margin-top: 0px;} .px_h_menu_v1 .et_pb_menu__menu .et-menu-nav ul li.current_page_item a, .px_h_menu_v1 .et_pb_menu__menu .et-menu-nav ul li:hover a{color:var(--px-color-1);} .px_h_menu_v1 .et_pb_menu__menu .et-menu-nav ul li a{color:var(--px-color-2); font-size: 16px; opacity:1!important; padding-bottom: 0px;} /*---Sub Menu CSS---*/ .px_h_menu_v1 .et_pb_menu__menu .et-menu-nav ul li ul {transform: scaleY(0); background:#fff!important; transform-origin: top; border-top:3px solid var(--px-color-1);top: calc(100% - -4px); padding:20px 15px; transition:0.5s;} .px_h_menu_v1 .et_pb_menu__menu .et-menu-nav ul li ul li::before{display:none;} .px_h_menu_v1 .et_pb_menu__menu .et-menu-nav ul li ul li{padding:0px;} .px_h_menu_v1 .et_pb_menu__menu .et-menu-nav ul li:hover ul li a{color:var(--px-color-2); padding:6px 10px; font-size:15px; transition:0.5s;} .px_h_menu_v1 .et_pb_menu__menu .et-menu-nav ul li ul li a::before{ position: absolute; top: -4px; left: 8px; color: transparent; content: '.'; text-shadow: 0 0 transparent; font-size: 2em; line-height: 1em; transition: text-shadow 0.3s, color 0.3s; pointer-events: none; } .px_h_menu_v1 .et_pb_menu__menu .et-menu-nav ul li ul li:hover a{color:var(--px-color-1); padding-left:30px; transition:0.5s;} .px_h_menu_v1 .et_pb_menu__menu .et-menu-nav ul li ul li:hover a::before{opacity: 1; color: var(--px-color-2); text-shadow: 8px 0 var(--px-color-1), -8px 0 var(--px-color-1);} .px_h_menu_v1 .et_pb_menu__menu .et-menu-nav ul li ul li a:hover{background:transparent; transition:0.5s;} .px_h_menu_v1 .et_pb_menu__menu .et-menu-nav ul li:hover ul {transform: scaleY(1); transition:0.5s;} /*---Sub Menu of Sub Menu CSS---*/ .px_h_menu_v1 .et_pb_menu__menu .et-menu-nav ul li ul li ul{left:225px; top:-23px; transform: scaleY(0); background:#fff!important; transform-origin: top; padding:20px 15px; transition:0.5s; border-top:3px solid var(--px-color-1);} .px_h_menu_v1 .et_pb_menu__menu .et-menu-nav ul li ul li ul li a{color:var(--px-color-2); padding:6px 10px; transition:0.5s;} .px_h_menu_v1 .et_pb_menu__menu .et-menu-nav ul li ul li ul li a::before{ position: absolute; top: -4px; left: 8px; color: transparent; content: '.'; text-shadow: 0 0 transparent; font-size: 2em; line-height: 1em; transition: text-shadow 0.3s, color 0.3s; pointer-events: none; } .px_h_menu_v1 .et_pb_menu__menu .et-menu-nav ul li ul li:hover ul li a::before{text-shadow: 0 0 transparent;opacity:0;transition:0.5s;} .px_h_menu_v1 .et_pb_menu__menu .et-menu-nav ul li ul li:hover ul li a{color:var(--px-color-2); padding:6px 10px;} .px_h_menu_v1 .et_pb_menu__menu .et-menu-nav ul li ul li ul li:hover a{color:var(--px-color-1); padding-left:30px; transition:0.5s;} .px_h_menu_v1 .et_pb_menu__menu .et-menu-nav ul li ul li ul li:hover a::before{opacity: 1; color: var(--px-color-2); text-shadow: 8px 0 var(--px-color-1), -8px 0 var(--px-color-1);transition:0.5s;} .px_h_menu_v1 .et_pb_menu__menu .et-menu-nav ul li ul li ul li a:hover{transition:0.5s;} .px_h_menu_v1 .et_pb_menu__menu .et-menu-nav ul li ul li:hover ul{transform: scaleY(1); transition:0.5s;} /*---Header Common Info Css---*/ .px_small_info {} .px_small_blurb_info{padding: 0px 40px; border-right: 1px solid rgba(0,0,0,0.10);} .px_small_blurb_info:last-child{border-right: 0px;} .px_small_blurb_info .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{color:var(--px-color-1);} .px_small_blurb_info .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{color:var(--px-color-2);} .px_small_blurb_info .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description{color:var(--px-color-2);} .px_header_contact_info {} .px_header_social li{margin-bottom:0px;} .px_header_social li a.icon:hover::before {color: #fff;} /*---Header v1 CSS---*/ .px_header_v1 {} /*---Header v2 CSS---*/ .px_header_v2 {} /*---Header v3 CSS---*/ .px_header_v3 {} /* ----------------------------------- 03. Footer Section CSS -------------------------------------*/ /*---Footer Common Info Css---*/ .px_footer_title:before { bottom: 0; content: ''; display: inline-block; height: 3px; left: 0; background-color: #fff; position: absolute; width: 50px; transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; -webkit-transition: all .3s linear; } .px_footer_blurb_info {transition:0.5s;} .px_footer_blurb_info .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header {color:#fff;} .px_footer_blurb_info:hover .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header {color:var(--px-color-1); transition:0.5s;} .px_footer_links {color:#fff; transition:0.5;} .px_footer_links::before{color:var(--px-color-1);} .px_footer_links:hover {color:var(--px-color-1); padding-left:45px!important; background:transparent!important; transition:0.5;} .px_footer_social li a.icon{background:var(--px-color-2) !important; transition:0.5;} .px_footer_social li a.icon::before{color:#fff; transition:0.5;} .px_footer_social li a.icon:hover::before{color:var(--px-color-1);transition:0.5;} /*---Footer v1 CSS---*/ .px_footer_v1 {} .px_f_menu_v1 .et_pb_menu__menu .et-menu-nav ul li ul{display:none !important;} .px_f_menu_v1 .et_pb_menu__menu .et-menu-nav ul li{margin-top:0px; padding:0px 20px;} .px_f_menu_v1 .et_pb_menu__menu .et-menu-nav ul li a{color:#fff; opacity:1 !important; background:transparent !important; padding: 0;} .px_f_menu_v1 .et_pb_menu__menu .et-menu-nav ul li a::after{display:none !important;} .px_f_menu_v1 .et_pb_menu__menu .et-menu-nav ul li a::before{content:""; background:var(--px-color-1); height:8px; width:8px; border-radius:50%; font-size: 50px; position: absolute;left: -15px; top:3px;} /*---Footer v2 CSS---*/ .px_footer_v2 {} /*---Footer v3 CSS---*/ .px_footer_v3 {} /* ----------------------------------- 04. Sidebar CSS -------------------------------------*/ .px_sidebar {border: 0; padding: 0; margin-bottom:0;} /* Widget Title CSS */ .px_sidebar .widgettitle {color:var(--px-color-1); margin-bottom:20px; position:relative; margin-left: 45px;} .px_sidebar .widgettitle::before, .px_sidebar .widgettitle::after{position: absolute;content: ''; left: -45px; height: 2px; background-color:var(--px-color-2);} .px_sidebar .widgettitle::before {width: 25px; top:8px;} .px_sidebar .widgettitle::after {width: 35px; bottom:15px;} /* Widget Search CSS */ .px_sidebar .widget_search .searchform input#searchsubmit{background:transparent; border-top:0; border-left:0; border-right:0px; border-radius:0px; font-size: 16px;} .px_sidebar .widget_search .searchform input#s{background:transparent; border:0px; border-bottom: 1px solid rgba(35,35,35,0.15); border-radius:0px; font-size: 16px;} /* Widget Ul Li CSS */ .px_sidebar .et_pb_widget ul{list-style-type:square !important; padding-left:15px!important;} .px_sidebar .et_pb_widget ul li::marker{color:var(--px-color-1);} .px_sidebar .et_pb_widget ul li a{text-transform:uppercase; color:var(--px-color-2); transition:0.5s;} .px_sidebar .et_pb_widget ul li:hover a{color:var(--px-color-1); transition:0.5s;} /* Widget Tag CSS */ .px_sidebar .widget_tag_cloud .tagcloud a{color:var(--px-color-2); margin: 5px; padding: 5px 10px; transition:0.5s;} .px_sidebar .widget_tag_cloud .tagcloud a:hover{background:var(--px-color-1); color:#fff; transition:0.5s;} /* Widget Gallery CSS */ .px_sidebar .widget_media_gallery .gallery .gallery-item{margin:0px;} .px_sidebar .widget_media_gallery .gallery .gallery-item .landscape a{position:relative;} .px_sidebar .widget_media_gallery .gallery .gallery-item .landscape a::before{content:""; background:var(--px-color-2); height:100%; width:100%; position:absolute; top:0px; left:0; opacity:0; transition:0.5s;} .px_sidebar .widget_media_gallery .gallery .gallery-item .landscape a::after{content:"\55"; font-family:ETmodules; position:absolute; top:0px; bottom:0; right:0; left:0; opacity:0; color:#fff; transform: translateY(40%); transition:0.5s;} .px_sidebar .widget_media_gallery .gallery .gallery-item .landscape a:hover::after{opacity:1; transition:0.5s;} .px_sidebar .widget_media_gallery .gallery .gallery-item .landscape a:hover::before{opacity:0.7; transition:0.5s;} .px_sidebar .widget_media_gallery .gallery .gallery-item .landscape a img{border:0px !important; vertical-align: middle;} /* ----------------------------------- 05. Blog CSS -------------------------------------*/ /*---Blog Grid CSS & 3 Columns CSS ---*/ .px_blog_v1 .et_pb_post { overflow: hidden; transition:0.8s; padding: 20px 20px 0px; border: 1px solid #d8d8d8;border-radius:10px;} /*---Image CSS---*/ .px_blog_v1 .et_pb_post .et_pb_image_container {} .px_blog_v1 .et_pb_post .entry-featured-image-url::before{ content: ""; background:var(--px-color-1); height: 0; width: 0; z-index: 1; position: absolute; -webkit-transition-duration: 1.3s !important; transition-duration: 1.3s !important; z-index: 1; right: 0; opacity: 1; top: 0; } .px_blog_v1 .et_pb_post .entry-featured-image-url::after{ content: ""; background: var(--px-color-1); height: 0; width: 0; position: absolute; transition-duration: 1.3s !important; z-index: 1; bottom: 0; opacity: .5; left: 0; } .px_blog_v1 .et_pb_post .entry-featured-image-url {position: relative; overflow:hidden; padding-top:70%; margin: -20px -20px 0px -20px !important; transition:0.6s;} .px_blog_v1 .et_pb_post .entry-featured-image-url img { position: absolute; top: 0; object-fit: cover; transition:0.6s; } .px_blog_v1 .et_pb_post:hover .entry-featured-image-url::before{ height: 100%; width: 100%; opacity: 0; } .px_blog_v1 .et_pb_post:hover .entry-featured-image-url::after{ height: 100%; width: 100%; opacity: 0; } .px_blog_v1 .et_pb_post:hover .entry-featured-image-url img{transform:scale(1.1); transition:0.6s;} .px_blog_v1 .et_pb_post .entry-featured-image-url .et_overlay {} /*---Blog Info Class CSS---*/ .px_blog_v1 .px_blog_v1_info{display: flex; flex-direction: column-reverse; position:relative; padding-bottom:20px; z-index: 2;} /*---Title CSS---*/ .px_blog_v1 .et_pb_post .entry-title {order: 1; margin-top: 40px; padding-bottom: 10px !important; color:var(--px-color-2); transition:0.8s;} .px_blog_v1 .et_pb_post:hover .entry-title { color:var(--px-color-1); transition:0.8s;} /*---Post Meta CSS---*/ .px_blog_v1 .et_pb_post .post-meta{ order: 1; background-image: linear-gradient(to right, var(--px-color-2) 0%, var(--px-color-1) 100%); position: absolute; top: -30px; left: -3px; width: 118%; padding: 10px 0px; margin:0px -19px; } .px_blog_v1 .et_pb_post .post-meta a{color:#fff;} .px_blog_v1 .et_pb_post .post-meta a::before{ content:"\6e"; font-family:ETmodules; color:#fff; margin: 0px 5px 0px 15px; } /*---Date CSS---*/ .px_blog_v1 .et_pb_post .post-meta .published::before {content:"\e023"; font-family:Etmodules; color:#fff; position:absolute; left:48px;} .px_blog_v1 .et_pb_post .post-meta .published{ position: absolute; top: -235px; background: var(--px-color-1); color: #fff; left: -30px; padding: 10px 20px 10px 70px; } .px_blog_v1 .et_pb_post .post-meta .published::after{ content: ""; border: 1px solid #fff; height: 115%; width: 100%; position: absolute; top: 0px; left: -15px; border-top: 0; } /*---Author CSS---*/ .px_blog_v1 .et_pb_post .post-meta .author::before{ content:"\e08a"; font-family:ETmodules; color:#fff; margin-right: 5px; } .px_blog_v1 .et_pb_post .post-meta .author a{color:#fff;} .px_blog_v1 .et_pb_post .post-meta .author a::before{display:none;} /*---Blog Desc CSS---*/ .px_blog_v1 .et_pb_post .post-content {} .px_blog_v1 .et_pb_post .post-content .post-content-inner{margin-bottom: 25px; font-weight: 400;} /*---Read More Button CSS---*/ .px_blog_v1 .et_pb_post .post-content .more-link{ background: var(--px-color-1); color: #fff; padding: 10px 15px; z-index: 1; transition: 0.6s; border-radius: 5px 0px; overflow: hidden; position: absolute; right: -25px; bottom: 0px; text-align: center; } .px_blog_v1 .et_pb_post .post-content .more-link::before{ position: absolute; content: ''!important; top: 0; right: 0; width: 100%; height: 100%; z-index: -1; display:block; opacity: 0; transition: all 0.4s; transform: scale(0.2, 1); background-color: var(--px-color-2);} .px_btn.light::before{background-color:#fff;} /* Button Hover Effect */ .px_blog_v1 .et_pb_post .post-content .more-link:hover::before {opacity: 1; transform: scale(1, 1);} /*---Pagination Button CSS---*/ .pagination .alignleft{} .pagination .alignright {float: left; margin-left:15px;} .pagination .alignleft a, .pagination .alignright a {background: var(--px-color-1); color: #fff; padding: 10px 20px; border-radius: 3px; transition:0.5s;} .pagination .alignleft a:hover, .pagination .alignright a:hover {background: var(--px-color-2); transition:0.5s;} /*---Blog Grid 2 Columns CSS---*/ .px_blog_grid_2_col .et_pb_ajax_pagination_container { display: grid; grid-gap: 20px; grid-template-columns: repeat(2, 50%); } .px_blog_v1.px_blog_grid_2_col.sidebar .et_pb_post .post-meta .published{top: -186px;} .px_blog_v1.px_blog_grid_2_col .et_pb_post .post-meta .published{top: -320px;} /*---Blog Grid 4 Columns CSS---*/ .px_blog_grid_4_col .et_pb_ajax_pagination_container { display: grid; grid-gap: 20px; grid-template-columns: repeat(4, 25%); } .px_blog_v1.px_blog_grid_4_col .et_pb_post .post-meta .published{top: -186px;} /* Search Page CSS */ .px_search_bar .et_pb_searchform{border: 2px solid var(--px-color-1); border-radius: 8px;} .px_search_bar .et_pb_searchform .et_pb_searchsubmit{background:var(--px-color-1); color:#fff; border-radius:0px 5px 5px 0px; padding: 0px 15px;} /* Blog Listing CSS */ .px_blog_v1.px_blog_list .et_pb_post{display:flex;} .px_blog_v1.px_blog_list .et_pb_post .entry-featured-image-url {width:150%; height:100%; padding-top: 55%;} .px_blog_v1.px_blog_list .et_pb_post .entry-featured-image-url img {width:100%; height:100%;} .px_blog_v1.px_blog_list .px_blog_v1_info{margin-left: 42px; padding-bottom:0px;} .px_blog_v1.px_blog_list .et_pb_post .post-meta .published {top: 10px; left: -250px;} @media only screen and (min-width:577px) and (max-width:980px){ /*---Blog Grid 4 Columns CSS---*/ .px_blog_grid_4_col .et_pb_ajax_pagination_container { display: grid; grid-gap: 20px; grid-template-columns: repeat(2, 50%);} /*---Blog Grid 2 Columns CSS---*/ .px_blog_v1.px_blog_grid_2_col .et_pb_post .post-meta .published{top: -190px;} /* Blog Listing CSS */ .px_blog_v1.px_blog_list .et_pb_post{display:block;} .px_blog_v1.px_blog_list .et_pb_post .entry-featured-image-url {width:auto; height:auto; padding-top: 70%;} .px_blog_v1.px_blog_list .et_pb_post .entry-featured-image-url img {width:auto; height:auto;} .px_blog_v1.px_blog_list .px_blog_v1_info{margin-left: 0; padding-bottom:0px;} .px_blog_v1.px_blog_list .et_pb_post .post-meta .published {top: -190px;} } @media only screen and (max-width:576px){ /*---Blog Date CSS---*/ .px_blog_v1 .et_pb_post .post-meta .published{top: -208px;left: -30px;} /*---Blog Grid 2 Columns CSS---*/ .px_blog_grid_2_col .et_pb_ajax_pagination_container {display: block;} .px_blog_v1.px_blog_grid_2_col .et_pb_post .post-meta .published{top: -153px;} .px_blog_v1.px_blog_grid_2_col.sidebar .et_pb_post .post-meta .published{top: -155px;} /*---Blog Grid 4 Columns CSS---*/ .px_blog_grid_4_col .et_pb_ajax_pagination_container {display: block;} .px_blog_v1.px_blog_grid_4_col .et_pb_post .post-meta .published {top: -155px;} /* Blog Listing CSS */ .px_blog_v1.px_blog_list .et_pb_post{display:block;} .px_blog_v1.px_blog_list .et_pb_post .entry-featured-image-url {width:auto; height:auto; padding-top: 70%;} .px_blog_v1.px_blog_list .et_pb_post .entry-featured-image-url img {width:auto; height:auto;} .px_blog_v1.px_blog_list .px_blog_v1_info{margin-left: 0; padding-bottom:0px;} .px_blog_v1.px_blog_list .et_pb_post .post-meta .published {top: -155px;} } /* Blog Category CSS */ .px_blog_category {} /* Blog Tags CSS */ .px_blog_tages {} /* Blog Author CSS */ .px_blog_author {} /* Blog Single Page CSS */ .px_blog_single {} /* Blog Content CSS */ .px_blog_single_content .dropcap{ color: #ffffff !important; background: var(--px-color-1); position: relative; z-index: 1; float: left; width: 1.3334em; height: 1.3334em; margin-top: 0.35em; margin-right: calc(0.5em + 5px); font-size: 1.875em; line-height: 1.25em; font-weight: 700; color: var(--lantan-header-font-color); text-align: center; overflow: hidden; border-radius: 0; } /* Person CSS */ .px_blog_detail_person{margin-bottom: 60px;} /* Image CSS */ .px_blog_detail_person .et_pb_team_member_image{margin: 0 auto;} .px_blog_detail_person .et_pb_team_member_image img{width:100%;} /* Description CSS */ .px_blog_detail_person .et_pb_team_member_description{padding:20px;} /* Title CSS */ .px_blog_detail_person .et_pb_module_header{margin: 10px 0px;} /* Social Link CSS */ .px_blog_detail_person .et_pb_member_social_links{padding:0px; margin-top: 15px;} .px_blog_detail_person .et_pb_member_social_links li{margin-right: 5px;} .px_blog_detail_person .et_pb_member_social_links li a{padding: 5px 10px; border-radius:50%; color:#fff; background:transparent; transition:0.5s;} .px_blog_detail_person .et_pb_member_social_links li a:hover{background:#fff; color:var(--px-color-1); transition:0.5s;} /* Recent Post CSS */ .px_blog_detail_post .et_pb_post {position:relative; margin-bottom: 25px; padding-bottom:0px;} /* Image CSS */ .px_blog_detail_post .et_pb_post .entry-featured-image-url{height:80px; width:80px; margin-bottom: 0;} .px_blog_detail_post .et_pb_post .entry-featured-image-url img{width: 100%; height: 100%; object-fit: cover;} /* Title CSS */ .px_blog_detail_post .et_pb_post .entry-title{position: absolute; top: 35px; left:90px; padding-bottom: 0; color:var(--px-color-2); transition:0.5s;} .px_blog_detail_post .et_pb_post:hover .entry-title{text-decoration:underline; color:var(--px-color-1); transition:0.5s;} /* Post Meta CSS */ .px_blog_detail_post .et_pb_post .post-meta{position: absolute; top: 10px; left:90px;} /* Call To Action CSS */ .px_blog_detail_cta .et_pb_promo_description {padding: 60px 40px;} .px_blog_detail_cta .et_pb_button_wrapper .et_pb_button {width: 100%; background: var(--px-color-1); color: #fff; transition: 0.5s;} .px_blog_detail_cta:hover .et_pb_button_wrapper .et_pb_button {background: var(--px-color-2); transition: 0.5s;} /* Comment CSS */ /* Title CSS */ .px_post_comment .comment-reply-title, .px_post_comment .page_title{color:var(--px-color-2); font-weight: 700;} /* Comment Reply CSS */ .px_post_comment ol.commentlist li .comment-body .comment_postinfo .fn a{color:var(--px-color-2);} .px_post_comment ol.commentlist li .comment-body .comment_postinfo a{color:var(--px-color-1);} .px_post_comment ol.commentlist li .comment-body .comment_area .comment-content .reply-container a{color:var(--px-color-1); border: 0; padding:0!important; transition:0.5s;} .px_post_comment ol.commentlist li .comment-body .comment_area .comment-content .reply-container a::after{display:none !important;} .px_post_comment ol.commentlist li .comment-body .comment_area .comment-content .reply-container a:hover{background:transparent !important; color:var(--px-color-2); transition:0.5s;} .px_post_comment .comment-respond .comment-form p{color:var(--px-color-2);} .px_post_comment .comment-respond .comment-form a{color:var(--px-color-1);} /* Filed CSS */ .px_post_comment .comment-respond .comment-form p.comment-form-author{float:left;} .px_post_comment .comment-respond .comment-form p.comment-form-author input[type="text"]{width:95% !important;} /* Button */ .px_post_comment .comment-respond .comment-form p.form-submit .et_pb_button {color:#fff; border:0px !important; border-radius:0px !important; padding:15px 42px !important; font-size: 18px; margin-top:30px; background:var(--px-color-1); z-index:2;} .px_post_comment .comment-respond .comment-form p.form-submit .et_pb_button::before{ position: absolute; content: ''!important; top: 0; right: 0; width: 100%; height: 100%; z-index: -1; display:block; opacity: 0; transition: all 0.4s; transform: scale(0.2, 1); background-color: var(--px-color-2);} .px_post_comment .comment-respond .comment-form p.form-submit .et_pb_button::after{display:none !important;} .px_post_comment .comment-respond .comment-form p.form-submit .et_pb_button:hover{background:var(--px-color-1);} .px_post_comment .comment-respond .comment-form p.form-submit .et_pb_button:hover::before {opacity: 1; transform: scale(1, 1);} /* ----------------------------------- 06. Portfolio CSS -------------------------------------*/ /*---Portfolio Gallary CSS & 4 Columns CSS ---*/ .px_portfolio_v1 .et_pb_portfolio_item {overflow:hidden;} /* Image Css */ .px_portfolio_v1 .et_pb_portfolio_item .et_portfolio_image{position: relative;padding-top: 100%;} .px_portfolio_v1 .et_pb_portfolio_item .et_portfolio_image::before { content:""; position: absolute; left: 20px; top: 20px; right: 20px; bottom: 20px; color: #ffffff; text-align: center; background-color: var(--px-color-1); opacity:0.9; transform: scale(0, 1); transform-origin: left center; transition: transform 0.4s ease; z-index: 1; } .px_portfolio_v1 .et_pb_portfolio_item .et_portfolio_image::after{content:"\e02b"; font-family:ETmodules; font-size: 30px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); color:var(--px-color-1); background:#fff; padding:15px; opacity:0; transition:0.4s; z-index: 2;} .px_portfolio_v1 .et_pb_portfolio_item .et_portfolio_image img { position: absolute; height: 100%; width: 100%; top: 0; left: 0; object-fit: cover;border-radius: 10px; } /* Hover Effect on Image */ .px_portfolio_v1 .et_pb_portfolio_item:hover .et_portfolio_image::before{transform: scale(1, 1);transform-origin: left center;transition: transform 0.4s ease;} .px_portfolio_v1 .et_pb_portfolio_item:hover .et_portfolio_image::after{opacity:1; transition:0.4s;} /* Overlay Css */ .px_portfolio_v1 .et_pb_portfolio_item .et_portfolio_image .et_overlay {z-index:-1 !important; opacity:0!important;} .px_portfolio_v1 .et_pb_portfolio_item .et_portfolio_image .et_overlay:before {} /* Description Info Div CSS */ .px_portfolio_v1 .et_pb_portfolio_item .px_portfolio_v1_info{ background: rgba(255,255,255,0.9); display: flex;border-radius: 0px 10px; flex-direction: column-reverse; position: relative; margin-right: 50px; position: absolute; bottom: 0; padding: 30px; border-left: 4px solid var(--px-color-1); box-shadow: 0px 0px 15px rgba(0,0,0,0.10); z-index: 3;} .px_portfolio_v1 .et_pb_portfolio_item:hover .px_portfolio_v1_info {transform: translateY(100px);transform-origin: left center;transition: transform 0.4s ease;} /* Title Css */ .px_portfolio_v1 .et_pb_portfolio_item .et_pb_module_header {padding:0; font-size: 20px; font-weight: 700; color:var(--px-color-2); margin-top: 10px !important; transition:0.5s;} .px_portfolio_v1 .et_pb_portfolio_item .et_pb_module_header:hover{ color:var(--px-color-1); transition:0.5s;} /* Category Post Meta Css */ .px_portfolio_v1 .et_pb_portfolio_item .post-meta {margin-top: 0;color: #555555;font-size: 14px;text-transform: uppercase;font-weight:400;} .px_portfolio_v1 .et_pb_portfolio_item .post-meta a {} /* Portfolio 2 Column */ .px_portfolio_2_col .et_pb_portfolio_items, .px_portfolio_2_col .et_pb_ajax_pagination_container{ display: grid; grid-gap: 25px; grid-template-columns: repeat(2, 50%); } /* Portfolio 3 Column */ .px_portfolio_3_col .et_pb_portfolio_items, .px_portfolio_3_col .et_pb_ajax_pagination_container{ display: grid; grid-template-columns: repeat(3,33.33%); grid-gap: 25px; } /*---Portfolio Filterable CSS---*/ .px_portfolio_v1.filterable {} /* Filters Links CSS */ .px_portfolio_v1 .et_pb_portfolio_filters {} .px_portfolio_v1 .et_pb_portfolio_filters li {} .px_portfolio_v1 .et_pb_portfolio_filters li a {border: 0; margin: 5px; color:var(--px-color-1);border-radius:3px !important;} /*Hover & Active Filter Links*/ .px_portfolio_v1 .et_pb_portfolio_filters li a:hover, .px_portfolio_v1 .et_pb_portfolio_filters li a.active {background:var(--px-color-1); color:#fff;} /* Pagination CSS */ .px_portfolio_v1 .et_pb_portofolio_pagination {border: 0; margin-top: 30px;} .px_portfolio_v1 .et_pb_portofolio_pagination ul {} .px_portfolio_v1 .et_pb_portofolio_pagination ul li {padding:0px;} .px_portfolio_v1 .et_pb_portofolio_pagination ul li a {margin: 5px; color:var(--px-color-1);border-radius:3px !important; padding: 5px 10px;} .px_portfolio_v1 .et_pb_portofolio_pagination ul li a.active, .px_portfolio_v1 .et_pb_portofolio_pagination ul li a:hover {background:var(--px-color-1); color:#fff;} .px_portfolio_v1 .et_pb_portofolio_pagination ul li.prev a.page-prev {} .px_portfolio_v1 .et_pb_portofolio_pagination ul li.next a.page-next {} /* Portfolio Carousel CSS */ .px_portfolio_v1.carousel {overflow: visible;} .px_portfolio_v1.carousel .et_pb_portfolio_item , .px_portfolio_v1.carousel .et_pb_portfolio_items {overflow: visible;} .px_portfolio_v1.carousel .px_portfolio_v1_info{margin-top: -120px;} /* Image Css */ .px_portfolio_v1.carousel .et_pb_portfolio_item .et_pb_portfolio_image.landscape::before { content:""; position: absolute; left: 20px; top: 20px; right: 20px; bottom: 20px; color: #ffffff; text-align: center; background-color: var(--px-color-1); opacity:0.9; transform: scale(0, 1); transform-origin: left center; transition: transform 0.4s ease; z-index: 1; } .px_portfolio_v1.carousel .et_pb_portfolio_item .et_pb_portfolio_image.landscape::after{content:"\e02b"; font-family:ETmodules; font-size: 30px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); color:var(--px-color-1); background:#fff; padding:15px; opacity:0; transition:0.4s; z-index: 2;} .px_portfolio_v1.carousel .et_pb_portfolio_item .px_portfolio_v1_info{bottom: 285px;} /* Hover Effect on Image */ .px_portfolio_v1.carousel .et_pb_portfolio_item:hover .et_pb_portfolio_image.landscape::before{transform: scale(1, 1);transform-origin: left center;transition: transform 0.4s ease;} .px_portfolio_v1.carousel .et_pb_portfolio_item:hover .et_pb_portfolio_image.landscape::after{opacity:1; transition:0.4s;} .px_portfolio_v1.carousel .et_pb_portfolio_item .et_pb_portfolio_image:hover .et_overlay {z-index:-1 !important; opacity:0!important;} .px_portfolio_v1.carousel .et_pb_portfolio_item .et_pb_portfolio_image .meta{position: relative; opacity: 1!important; z-index: 1;} .px_portfolio_v1.carousel .et-pb-slider-arrows{} .px_portfolio_v1.carousel .et-pb-slider-arrows .et-pb-arrow-prev{left:0; color: #fff;} .px_portfolio_v1.carousel .et-pb-slider-arrows .et-pb-arrow-next{right: 0; color: #fff;} /* Responsive CSS */ @media only screen and (min-width:577px) and (max-width:980px){ /* Portfolio 3 Column */ .px_portfolio_3_col .et_pb_portfolio_items, .px_portfolio_3_col .et_pb_ajax_pagination_container{display: grid;grid-gap: 25px;grid-template-columns: repeat(2, 50%);} /* Carousel Info CSS */ .px_portfolio_v1.carousel .et_pb_portfolio_item .px_portfolio_v1_info{bottom: 220px;} } @media only screen and (max-width:576px){ /* Portfolio 2 Column */ .px_portfolio_2_col .et_pb_portfolio_items, .px_portfolio_2_col .et_pb_ajax_pagination_container{display:block;} /* Portfolio 3 Column */ .px_portfolio_3_col .et_pb_portfolio_items, .px_portfolio_3_col .et_pb_ajax_pagination_container{display: block;} .px_portfolio_v1 .et_pb_portfolio_item .et_portfolio_image::after{font-size: 25px;} /* Description Info Div CSS */ .px_portfolio_v1 .px_portfolio_v1_info{padding:25px 20px; margin-right: 30px;} /* Title Css */ .px_portfolio_v1 .et_pb_portfolio_item .et_pb_module_header {font-size: 18px; margin-top: 5px;} /* Category Post Meta Css */ .px_portfolio_v1 .et_pb_portfolio_item .post-meta {font-size: 12px;} /* Carousel Info CSS */ .px_portfolio_v1.carousel .et_pb_portfolio_item .px_portfolio_v1_info{bottom: 280px;} } /* Portfolio Category CSS */ .px_portfolio_category {} /* Portfolio Tags CSS */ .px_portfolio_tages {} /* Portfolio Single Page CSS */ .px_portfolio_single {} .px_portfolio_single_sidebar{} .px_portfolio_single_sidebar ul{padding: 0; list-style-type: none;} .px_portfolio_single_sidebar ul li{margin-bottom: 20px; font-size:16px; color:rgba(255,255,255,0.5); font-weight:400;} .px_portfolio_single_sidebar ul li strong{font-size:18px; color:#fff;} .px_portfolio_single_social li a{background:rgba(0,0,0,0.5); border-radius:50% !important; padding: 5px !important; transition:0.5s;} .px_portfolio_single_social li a:hover{background:var(--px-color-1); color:#fff!important; transition:0.5s;} /* ----------------------------------- 07. Services CSS -------------------------------------*/ /*---Services v1 CSS---*/ /*Blurb Css */ .px_service_v1 .px_serivce_column {border-radius:5px; overflow:hidden; } .px_service_v1 .px_serivce_column .px_service_blurb {position: relative;left: 50px;margin-top: -45px;width: fit-content;max-width: calc(100% - 50px);padding:10px;z-index: 3;background-color: var(--px-color-1);box-shadow: 0px 6px 20px rgb(7 36 95 / 6%);} .px_service_v1 .px_serivce_column .px_service_blurb:before {content: "";width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: -1;background-color: #fff; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out;} /* Blurb Hover Effect */ .px_service_v1 .px_serivce_column:hover .px_service_blurb:before {height: 0;} /* Image Css */ .px_service_img{margin-bottom:0px !important;} .px_service_img .et_pb_image_wrap, .px_service_img .et_pb_image_wrap img {width:100% !important;} /*Blurb Icon & Image Css */ .px_service_v1 .px_serivce_column .px_service_blurb .et_pb_main_blurb_image {position: absolute;top:-170px;right:0px;} .px_service_v1 .px_serivce_column .px_service_blurb .et_pb_image_wrap {width: 60px;height: 60px;text-align: center;position: relative;z-index: 1; transition: 0.6s ease-in-out;} .px_service_v1 .px_serivce_column .px_service_blurb .et_pb_image_wrap:before {content: "";position: absolute;width: 60px;height: 60px;background-color: #ffffff;border-radius: 50%;left: 0;z-index: -1;-webkit-transition: 0.4s ease-in-out;transition: 0.6s ease-in-out;} .px_service_v1 .px_serivce_column .px_service_blurb .et_pb_image_wrap:after {content: "";position: absolute;width: 70px;height: 70px;border: 1px solid;border-color: #ffffff;border-radius: 50%;left: -6px;top: -6px;z-index: -1;} /* Blurb Icon & Image Hover Effect */ .px_service_v1 .px_serivce_column:hover .px_service_blurb .et_pb_image_wrap{transform:rotateY(360deg); transition: 0.6s ease-in-out;} /* Blurb Icon Css */ .px_service_v1 .px_serivce_column .px_service_blurb .et-pb-icon {line-height: 2;color: #ffffff;transition: 0.4s ease-in-out;} /* Blurb Icon Hover Effect */ .px_service_v1 .px_serivce_column:hover .px_service_blurb .et-pb-icon {-webkit-transform: rotateY(180deg);transform: rotateY(180deg);color: var(--px-color-1);} /*Blurb Title Css */ .px_service_v1 .px_serivce_column .px_service_blurb .et_pb_module_header{color:var(--px-color-2); line-height: 1.3em; transition: 0.4s ease-in-out;} .px_service_v1 .px_serivce_column .px_service_blurb .et_pb_module_header:hover {transition: 0.4s ease-in-out;} /* Blurb Title Hover Effect */ .px_service_v1 .px_serivce_column:hover .px_service_blurb .et_pb_module_header{color: #fff;transition: 0.4s ease-in-out;} /*Blurb Description Css */ .px_service_v1 .px_serivce_column .px_service_blurb .et_pb_blurb_content {margin: 0 !important;} .px_service_v1 .px_serivce_column .px_service_blurb .et_pb_blurb_description {-webkit-transition: 0.4s ease-in-out;transition: 0.4s ease-in-out;} /* Blurb Description Hover Effect */ .px_service_v1 .px_serivce_column:hover .px_service_blurb .et_pb_blurb_description {color: #fff;} /*Icon Css */ .px_service_v1 .px_serivce_column .px_service_icon {background-color: var(--px-color-1);width: 50px;height: 120px;border-radius: 0px 10px;left: 0px;bottom: 0px;line-height: 11;display: inline-block;-webkit-transition: 0.4s ease-in-out;transition: 0.4s ease-in-out;} /* Icon Hover Effect */ .px_service_v1 .px_serivce_column:hover .px_service_icon {background-color: var(--px-color-2);} /*---Services v2 CSS---*/ .px_services_v2 {} .px_services_v2 {} /*Img Css */ .px_services_v2 .et_pb_blurb_content .et_pb_main_blurb_image {} .px_services_v2 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap {} .px_services_v2 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap img{} /*Icon Css */ .px_services_v2 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{} /*Title Css */ .px_services_v2 .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{} /*Description Css */ .px_services_v2 .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description{} /*---Services Single Page CSS---*/ .px_services_single {} .px_service_single_ulli{} .px_service_single_ulli ul{padding: 0; list-style-type: none;} .px_service_single_ulli ul li{margin: 15px 0px;} .px_service_single_ulli ul li a{color:var(--px-color-2); position:relative; transition:0.5s;} .px_service_single_ulli ul li:before{content:"\35"; font-family:ETmodules; color:var(--px-color-2); position:absolute; right:0px; font-weight: 600; transition:0.5s;} .px_service_single_ulli ul li:hover:before, .px_service_single_ulli ul li:hover a{color:var(--px-color-1); transition:0.5s;} .px_service_single_cta p{padding-top:100px;} .px_service_single_cta p::before{content: "\e027"; font-family: ETmodules; font-size: 50px; font-weight: 900; line-height:75px; top:65px; left: 0; right: 0; position: absolute; margin: 0 auto; background: var(--px-color-1); color: #fff; width: 80px; height: 80px; border-radius: 50%; margin: 0 auto;} .px_service_single_ulli2 ul{padding: 0; list-style-type: none;} .px_service_single_ulli2 ul li{margin: 15px 0px; border: 1px solid #ebebeb; background:#fff; padding: 15px 25px; transition:0.5s;} .px_service_single_ulli2 ul li a{color:var(--px-color-2); position:relative; margin-left: 25px; transition:0.5s;} .px_service_single_ulli2 ul li:before{content:"\69"; font-family:ETmodules; color:var(--px-color-2); position:absolute; left:0px; font-weight: 600; margin-left: 25px; transition:0.5s;} .px_service_single_ulli2 ul li:hover{background:var(--px-color-1); transition:0.5s;} .px_service_single_ulli2 ul li:hover::before, .px_service_single_ulli2 ul li:hover a{color:#fff; transition:0.5s;} /* ----------------------------------- 08. Contact Us CSS -------------------------------------*/ /*---Contact Us v1 CSS---*/ .px_contact_v1 {} /*---Contact Message CSS---*/ .px_contact_v1 .et-pb-contact-message {} /*---Input CSS---*/ .px_contact_v1 .et_pb_contact .et_pb_contact_field_half{width:100%;} .px_contact_v1 .et_pb_contact .et_pb_contact_form .et_pb_contact_field input[type="text"], .px_contact_v1 .et_pb_contact .et_pb_contact_form .et_pb_contact_field textarea {background:transparent; border-bottom: 1px solid #dddddd; margin-bottom: 10px;} .px_contact_v1 .et_pb_contact .et_pb_contact_form .et_pb_contact_field input[type="text"]:focus, .px_contact_v1 .et_pb_contact .et_pb_contact_form .et_pb_contact_field textarea:focus {border-bottom: 1px solid var(--px-color-1);} /*---Button CSS---*/ .px_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container {float:left; margin-top:10px;} .px_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit {color:#fff; border:0px !important; border-radius:5px !important; padding:15px 42px !important; font-size: 18px;overflow:hidden; background:var(--px-color-1); z-index:2;} .px_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit::before{ position: absolute; content: ''!important; top: 0; right: 0; width: 100%; height: 100%; z-index: -1; display:block; opacity: 0; transition: all 0.4s; transform: scale(0.2, 1); background-color: var(--px-color-2); } .px_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit::after{display:none !important;} .px_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit:hover::before {opacity: 1; transform: scale(1, 1);} .px_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit:hover{background:var(--px-color-1);} /*---Contact Us v2 CSS---*/ .px_contact_v2 {} /* ----------------------------------- 09. Team Section CSS -------------------------------------*/ /*---Team v1 CSS---*/ .px_team_v1 {margin-bottom: 100px !important;} /* Image Css */ .px_team_v1 .et_pb_team_member_image{max-width: 100%; margin:0px; overflow:hidden;} .px_team_v1 .et_pb_team_member_image::before{ content:""; position: absolute; left: 0px; top: 0px; width: 100%; display: block; height: 100%; opacity: 0; text-align: center; background-color: rgba(1,1,1,0.8); transition: all 0.5s ease; transform: translateY(100%) scaleY(0); border-radius: 10px; } .px_team_v1:hover .et_pb_team_member_image::before{ opacity: 1; transform: translateY(0%) scaleY(1); } .px_team_v1 .et_pb_team_member_image img{} /* Description Css*/ .px_team_v1 .et_pb_team_member_description{box-shadow: 10px 17px 38px 0 rgba(0, 0, 0, 0.1); position:absolute; bottom:-80px; background:#fff; left:0; right:0; margin:0px 25px; padding:20px; border-radius:10px;} .px_team_v1 .et_pb_team_member_description div::after{ content:""; background:var(--px-color-1); height:3px; width:50px; position: absolute; left: 0; top: 0px; right: 0; margin: 0 auto; } .px_team_v1 .et_pb_team_member_description div{position:relative; opacity:0; transform: scaleY(0); transform-origin: bottom; max-height:0px; transition:0.3s;} .px_team_v1:hover .et_pb_team_member_description div{opacity:1; transform: scaleY(1); max-height:400px; padding-top:10px; margin-top: 10px; transition:0.3s;} .px_team_v1 .et_pb_team_member_description .et_pb_module_header{color:var(--px-color-2); padding-bottom: 5px; transition:0.5s;} .px_team_v1 .et_pb_team_member_description .et_pb_module_header:hover{color:var(--px-color-1); transition:0.5s;} .px_team_v1 .et_pb_team_member_description .et_pb_member_position{color:var(--px-color-1);} /* Social Links Css*/ .px_team_v1 .et_pb_team_member_description .et_pb_member_social_links {margin-top: 10px;} .px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li{margin-right: 10px;} .px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li a{color:var(--px-color-2); border-radius:50%; padding: 4px 8px; transition:0.5s;} .px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li a:hover{color:#fff; background:var(--px-color-1); transition:0.5s;} /* Main CSS Class Hover Css Here */ .px_team_v1:hover .et_pb_team_member_image{} /*---Team v2 CSS---*/ .px_team_v2 {} /*---Team Single Page CSS---*/ .px_team_single {} /* ----------------------------------- 10 Slider Section CSS -------------------------------------*/ /*---Slider v1 CSS---*/ .px_slider_v1 {} /*Main Description class css*/ .px_slider_v1 .et_pb_slide_title::before {content: "";height: 2px;width: 45px;background-color: var(--px-color-1);display: inline-block;margin: 0 10px;position:relative;top: -4px; } .px_slider_v1 .et_pb_slide_content h1 {font-size: 85px;color: rgb(1, 13, 20);font-weight: 700;line-height: 90px;margin-bottom: 20px;} .px_slider_v1 .et_pb_slide_content h1 span { font-size: 70px;font-weight: 600;box-shadow: inset 0px -29px 0 var(--px-color-1), 0 2px 0 var(--px-color-1); } /*For Below Screen 768px*/ @media screen and (max-width:980px){ .px_slider_v1 .et_pb_slide_content h1 { font-size: 60px; line-height: 75px;} .px_slider_v1 .et_pb_slide_content h1 span {font-size: 55px;} } /*For Below Screen 480px*/ @media only screen and (max-width: 480px) { .px_slider_v1 .et_pb_slide_content h1 {font-size: 35px;line-height: 50px;} .px_slider_v1 .et_pb_slide_content h1 span {font-size: 30px;} .px_slider_v1 .et_pb_slide_content h1 span::after{margin-top: 25px; } } /*---Image CSS---*/ .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_image {} /*---Title CSS---*/ .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description {} .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_title{} /*---Description CSS---*/ .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content {margin: 0px 0px 30px;} /*---Button CSS---*/ .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper {} .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button {color:#fff; border:0px !important; border-radius:5px!important; padding:15px 42px!important; font-size:18px; background:var(--px-color-1); z-index:2;overflow:hidden;} .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button::before {position: absolute;content: ''!important;top: 0;right: 0;width: 100%; height: 100%;z-index: -1;display:block;opacity: 0;transition: all 0.4s;transform: scale(0.2, 1);background-color: #fff;} .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button::after{display:none !important;} /* Button Hover Effect */ .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button:hover{background:var(--px-color-1); color:var(--px-color-2);} .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button:hover::before {opacity: 1; transform: scale(1, 1);} /*---Arrow CSS---*/ /* Slider Arrow*/ .px_slider_v1 .et-pb-controllers a { opacity: 1;margin-bottom: 10px;width: 10px;height: 10px;color: #fff;background: #fff;background-color: var(--px-color-1);border: none; cursor: pointer;} .px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-prev, .px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-next{background: rgba(255,255,255,0.15); border-radius: 50%; padding: 12px; transition:0.8s;} /* Arrow Hover Effect */ .px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-prev:hover, .px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-next:hover{background: var(--px-color-1);transition:0.8s;} /*---Dots Navigation CSS---*/ .px_slider_v1 .et-pb-controllers {} .px_slider_v1 .et-pb-controllers a {} .px_slider_v1 .et-pb-controllers a.et-pb-active-control {background-color: #000;width: 22px !important;} /*---Responsive CSS---*/ @media only screen and (min-width:577px) and (max-width:980px){ /*---Description CSS---*/ .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content {margin: 15px 0px;} /*---Arrow CSS---*/ .px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-prev, .px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-next {font-size: 35px; padding: 10px;} } @media only screen and (max-width:576px){ /*---Description CSS---*/ .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content {margin: 10px 0px;} /*---Arrow CSS---*/ .px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-prev, .px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-next {font-size: 28px; padding: 5px;} } /*---Slider v2 CSS---*/ .px_slider_v1{} /* ----------------------------------- 11 Faqs CSS -------------------------------------*/ /*---Faqs v1 CSS---*/ .px_faqs_v1 {} .px_faqs_v1 .et_pb_accordion_item { box-shadow: 0px 0px 20px rgba(0,0,0,0.10); position: relative; border-radius: 0px; border: 1px solid #e1e1e1; background: #fff; } /*---Faqs v1 Image CSS---*/ .px_faqs_v1_img .et_pb_image_wrap, .px_faqs_v1_img .et_pb_image_wrap img{width: 100% !important;; object-fit:cover;} /*---Title CSS---*/ .px_faqs_v1 .et_pb_toggle .et_pb_toggle_title {color:var(--px-color-2);} /*---Title Icon CSS---*/ .px_faqs_v1 .et_pb_toggle .et_pb_toggle_title::before { content:"\33"; font-family:ETmodules; color:var(--px-color-2); } /*---Open Title CSS---*/ .px_faqs_v1 .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title::before{ content:"\32"; font-family:ETmodules; color:#fff; right: 12px; display:block !important; } .px_faqs_v1 .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title { background: var(--px-color-1); color: #fff; margin: -20px; padding: 20px; } /*---Open Title Icon CSS--- .px_faqs_v1 .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title::before {content: "\e051"; font-family: ETmodules !important;} */ /*---Content CSS---*/ .px_faqs_v1 .et_pb_toggle .et_pb_toggle_content{ padding-top: 40px; font-weight: 400; } /*---Faqs v2 CSS---*/ .px_faqs_v2{} /* ----------------------------------- 12 Timeline CSS -------------------------------------*/ /*---Timeline v1 CSS---*/ .px_timeline_v1 {} /*---Timeline v2 CSS---*/ .px_timeline_v2{} /* ----------------------------------- 13 Pricing Table CSS -------------------------------------*/ /*---Pricing Default CSS---*/ .px_pricing_table { position: relative; border-radius: 10px; padding: 60px 25px 40px; background-color: #ffffff; box-shadow: 0px 0px 15px rgba(0,0,0,0.10); } /* Image CSS */ .px_pricing_img img{padding:20px;} /* Title CSS */ .px_pricing_title{color:var(--px-color-2); font-weight:700;} /* Price Value CSS */ .px_pricing_price{color:var(--px-color-1);} .px_pricing_price .per_duration {font-size: 15px;color:var(--px-color-2);} /* List Button CSS */ .px_pricing_list_btn::before{color:var(--px-color-1); margin-left: -25px !important;} .px_pricing_list_btn{color:var(--px-color-2); font-weight:400;} .px_pricing_list_btn:hover{background:transparent !important;} .px_pricing_list_btn.del{text-decoration: line-through; color: #a2a2a2;} .px_pricing_list_btn.del::before{color: #a2a2a2;} .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table{} /* Heading Css */ .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_heading{} .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_heading .et_pb_pricing_title{} /* Top Content Css */ .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top{} .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price{} .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price .et_pb_dollar_sign{} .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price .et_pb_sum{} .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price .et_pb_frequency{} .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price .et_pb_frequency .et_pb_frequency_slash{} /* Bottom Content Css */ .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content{} /* Button Css */ .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_button_wrapper{} .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_button_wrapper .et_pb_button{} /*---Pricing Mini CSS---*/ .px_pricing_table_mini{} /*---Pricing Toggle CSS---*/ .px_pricing_table_toggle{} /*Pricing Toggle*/ .px_toggle_btn {color:var(--px-color-2);border-radius:30px;margin:0px 5px;transition:1s!important;} .px_toggle_btn:hover, .px_toggle_btn.px_active{color:#fff;background:var(--px-color-2)!important;transition:1s!important;} /*Pricing Toggle*/ .px_pricing_tabs [id*="px_pricing_tab_"] {} .px_pricing_tabs [id*="px_pricing_tab_"]:hover, .px_pricing_tabs [id*="px_pricing_tab_"].px_active{} /*Pricing Row Settings */ [class*="px_pricing_tab_content_"] {opacity:0;-webkit-transform:scale(.7);-ms-transform:scale(.7);transform:scale(.7);-webkit-transition:opacity .4s ease,-webkit-transform .4s ease;-o-transition:opacity .4s ease,transform .4s ease;transition:opacity .4s ease,transform .4s ease;visibility:hidden;display:none !important; } [class*="px_pricing_tab_content_"].px_active{opacity:1;-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);-webkit-transition:opacity 1s ease,-webkit-transform 1s ease;-o-transition:opacity 1s ease,transform 1s ease;transition:opacity 1s ease,transform 1s ease;visibility:visible;display:block !important;} [class*="px_pricing_tab_content_"].animated{-webkit-animation-duration:1.5s;animation-duration:1.5s} @media only screen and (max-width:980px){ .px_pricing_table{margin-bottom:70px !important;} } /*---Pricing Table Structure CSS---*/ .px_pricing_table_layout{} /* ----------------------------------- 14 Testimonial Section CSS -------------------------------------*/ /*---Testimonial v1 CSS---*/ /* Testimonial v1 Quote CSS */ .px_testimonial_v1::after{ top: unset; left: unset; bottom: 0; right: 0; border-width: 0 2px 2px 0; border-radius: 0 0 5px 0; content: ""; width: 140px; height: 140px; position: absolute; border-radius: 0 0 5px 0; border-style: solid; border-color: var(--px-color-1); background:transparent; z-index:3; visibility: visible; transition: height, width, 0.4s ease;} .px_testimonial_v1::before{ border-width: 2px 0 0 2px; content: ""; width: 140px; height: 140px; position: absolute; border-radius: 5px 0 0 0; border-style: solid; border-color: var(--px-color-1); background:transparent; top: 0; left: 15px; z-index:3; transition: height, width, 0.4s ease;} /* Testimonial v1 CSS */ .px_testimonial_v1{border-radius:5px; box-shadow: 0px 0px 10px rgba(1,19,60,0.13);} /* Testimonial v1 Image CSS */ .px_testimonial_v1 .et_pb_testimonial_portrait{ position:relative; float: none; margin: 0 auto;} .px_testimonial_v1 .et_pb_testimonial_portrait::after{ content:"\7b"; font-family:ETmodules; color:var(--px-color-1); position:absolute; right:0px; bottom: -10px; line-height: 40px; background:#fff; height: 40px; width: 40px; border-radius: 50%; font-weight:900; font-size: 35px;} /* Testimonial v1 Description CSS */ .px_testimonial_v1 .et_pb_testimonial_description{ display:flex; flex-direction:column-reverse; margin-left:0px !important;} /* Testimonial v1 Content CSS */ .px_testimonial_v1 .et_pb_testimonial_description .et_pb_testimonial_content{ padding-top:10px;} /* Testimonial v1 Author CSS */ .px_testimonial_v1 .et_pb_testimonial_author{ order: 1; margin-top: 20px;} /* Testimonial v1 Meta CSS */ .px_testimonial_v1 .et_pb_testimonial_meta{ color:var(--px-color-1); padding:5px 0px;} /* Hover Effect CSS */ /* Sub Title Hover Effect CSS */ .px_testimonial_v1_subtitle:hover {background:transparent !important;} .px_testimonial_v1:hover::before, .px_testimonial_v1:hover::after { width: 99.5%; height: 99.5%; border-radius: 5px; } /* Slick Js CSS */ .px_slide_testi_v1 .slick-slide {margin:10px !important;} /* Navigation CSS */ .px_slide_testi_v1 .slick-next{ right: 44%; top:108%;} .px_slide_testi_v1 .slick-prev{ left: 44%; top:108%;} .px_slide_testi_v1 .slick-next::before{ content:"\35"; font-family:ETmodules;} .px_slide_testi_v1 .slick-prev::before{ content:"\34"; font-family:ETmodules;} .px_slide_testi_v1 .slick-next::before, .px_slide_testi_v1 .slick-prev::before{ box-shadow: 0px 0px 20px rgba(1,19,60,0.13); padding:10px; color:var(--px-color-1) !important; opacity:1; background:#fff; font-size:30px!important;} .px_slide_testi_v1 .slick-next:hover::before, .px_slide_testi_v1 .slick-prev:hover::before{ background:var(--px-color-1) !important; color:#fff !important;} /* Responsive CSS */ @media only screen and (min-width:577px) and (max-width:980px){} @media only screen and (max-width:576px){ .px_testimonial_v1 .et_pb_testimonial_portrait::after { bottom: -28px; font-size: 35px;} /* Navigation CSS */ .px_slide_testi_v1 .slick-next{ right: 39%; top:108%;} .px_slide_testi_v1 .slick-prev{ left: 39%; top:108%;} .px_slide_testi_v1 .slick-next::before, .px_slide_testi_v1 .slick-prev::before { padding: 8px; font-size: 20px !important;} } /*---Testimonial v2 CSS---*/ .px_testimonial_v2{} /* ----------------------------------- 15 About Us Section CSS -------------------------------------*/ /*---About Us v1 CSS---*/ .px_aboutus_v1 {} /* ----------------------------------- 16 Choose Us Section CSS -------------------------------------*/ /*---Choose Us v1 CSS---*/ .px_choose_v1 {} /* ----------------------------------- 17 Process Section CSS -------------------------------------*/ /*---Process Us v1 CSS---*/ .px_process_v1 {} /* ----------------------------------- 18 Partner Section CSS -------------------------------------*/ /*---Partner Us v1 CSS---*/ .px_partner_v1 {} /* ----------------------------------- 19 Video Section CSS -------------------------------------*/ /*---Video v1 CSS---*/ .px_video_v1 {} /* ----------------------------------- 20 Skill-bar Section CSS -------------------------------------*/ /*---Skill-bar v1 CSS---*/ .px_skill_v1 {} .px_bar_counter_v1 {} /*---Title CSS---*/ .px_bar_counter_v1 li.et_pb_counter .et_pb_counter_title {color:var(--px-color-2); margin-bottom:25px;} .px_bar_counter_v1 li.et_pb_counter .et_pb_counter_container{overflow: visible;height:2px;} /*---Percentage CSS---*/ .px_bar_counter_v1 li.et_pb_counter .et_pb_counter_container .et_pb_counter_amount{top: -13px; height:7px; background: var(--px-color-1);} /*---Percentage CSS---*/ .px_bar_counter_v1 li.et_pb_counter .et_pb_counter_container .et_pb_counter_amount_number {position:absolute; top:-30px; color:var(--px-color-2);} .px_bar_counter_v1 li.et_pb_counter .et_pb_counter_container .et_pb_counter_amount_number_inner{} /* ----------------------------------- 21 Counter Section CSS -------------------------------------*/ /*---Counter v1 CSS---*/ .px_counter_v1 {text-align: left; padding: 25px 35px 40px 35px; background: transparent; clip-path: polygon(15% 0%, 100% 0, 100% 20%, 100% 74%, 85% 100%, 0 100%, 0% 80%, 0% 25%); margin-bottom: 30px !important;} .px_counter_v1::before{content:""; background:var(--px-color-1); height:100%; width:100%; position:absolute; left: 0; top: 0; opacity:0.2; clip-path: polygon(15% 0%, 100% 0, 100% 20%, 100% 74%, 85% 100%, 0 100%, 0% 80%, 0% 25%);} /* Number Text CSS */ .px_counter_v1 .percent {margin-bottom: 5px !important; color:var(--px-color-1)!important;} .px_counter_v1 .percent p, .px_counter_v1 .percent p .percent-value{color:var(--px-color-1)!important;} /* Title CSS */ .px_counter_v1 h3{color:#fff!important; padding-bottom:0px!important;} /*---About Us Counter v1 CSS---*/ .px_about_counter_v1 {background:var(--px-color-1);} .px_about_counter_v1 .percent {margin-bottom: 5px !important;} /* ----------------------------------- 22 Newsletter Section CSS -------------------------------------*/ /*---Newsletter v1 CSS---*/ .px_newsletter_v1 {width: 50%; margin: 0 auto;} /*Form Css*/ .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_form {} /*Input Css*/ .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_field {flex-basis: 100%; padding: 0; margin: 0;} .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_field input[type="text"]{padding: 18px 20px !important;font-size: 18px;} .px_newsletter_v1.et_pb_newsletter_form .input {} .px_newsletter_v1.et_pb_newsletter_form .input::placeholder, #dct_email_v5 .et_pb_newsletter_form input[type=text], .px_newsletter_v1.et_pb_newsletter_form p.et_pb_newsletter_field input[type=text] {} /*Button Css*/ .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap {border: 0; position: absolute; right: 0;} .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button {color: transparent;background-color: var(--px-color-1); border-radius: 0px 3px 3px 0px;} .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button::after {color: #fff;} .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button .et_pb_newsletter_button_text {} @media only screen and (min-width:577px) and (max-width:980px){ .px_newsletter_v1 {width: 70%;} } @media only screen and (max-width:576px){ .px_newsletter_v1 {width: 100%;} } /*---Newsletter v2 CSS---*/ .px_newsletter_v2 {} /* ----------------------------------- 23 CTA Section CSS -------------------------------------*/ /*---CTA v1 CSS---*/ .px_CTA_v1 {} .px_CTA_v1_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap{transition:0.8s;} .px_CTA_v1_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{color:var(--px-color-1);transition:0.8s;} .px_CTA_v1_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{color:#fff;transition:0.8s;} /* Hover Effect */ .px_CTA_v1_blurb:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap{transform: scale(-1) rotate(180deg);transition:0.8s;} .px_CTA_v1_blurb:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{color:#fff;transition:0.8s;} .px_CTA_v1_blurb:hover .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{color:var(--px-color-1);transition:0.8s;} /*---CTA v2 CSS---*/ .px_CTA_v2 {} /* ----------------------------------- Client Section CSS -------------------------------------*/ .px_client_v1{} .px_client_v1_img_1 .et_pb_image_wrap {filter: grayscale(100%) !important; transition: 0.3s;} .px_client_v1 .et_pb_column{overflow: hidden; transition: 0.3s;} .px_client_v1_img_1 { filter: grayscale(100%) !important; display: block; position: absolute; z-index: 1; top: 0; right: 0; left: 0; visibility: hidden; transform: translateY(-150%); transition: 0.3s; } .px_client_v1 .et_pb_column:hover .px_client_v1_img_1{ display: block; visibility: visible; transform: translateY(0%); transition: 0.3s; } .px_client_v1_img_2 .et_pb_image_wrap {filter: grayscale(100%) !important; transition: 0.3s;} .px_client_v1_img_2 {filter: grayscale(100%) !important; visibility: visible; transition: 0.3s;} .px_client_v1 .et_pb_column:hover .px_client_v1_img_2 { display: block; visibility: hidden; transform: translateY(150%); transition: 0.3s; } /* ----------------------------------- 24 Coming Soon Page CSS -------------------------------------*/ .px_coming_soon_timer{} .px_coming_soon_timer .et_pb_countdown_timer_container .section .label{position:relative; margin-top:10px;} .px_coming_soon_timer .et_pb_countdown_timer_container .section .label::before{content:""; background:var(--px-color-1); position:absolute; top:0; left:0; right:0; height:100%; width:80%; z-index:-1; margin: 0 auto; transform: skewX(-20deg); border-radius: 100px 0px 100px 0px;} /* ----------------------------------- 25 404 Page CSS -------------------------------------*/ /* ----------------------------------- 26 Search Page CSS -------------------------------------*/ /* ----------------------------------- 27 Tab Control CSS -------------------------------------*/ .px_tab_v1 {} /*Tabs Title Css*/ .px_tab_v1 .et_pb_tabs_controls{} .px_tab_v1 .et_pb_tabs_controls li {} .px_tab_v1 .et_pb_tabs_controls li.et_pb_tab_active a{} .px_tab_v1 .et_pb_tabs_controls li a{} /*Tabs Content Css*/ .px_tab_v1 .et_pb_all_tabs{} .px_tab_v1 .et_pb_all_tabs .et_pb_tab{} .px_tab_v1 .et_pb_all_tabs .et_pb_tab.et-pb-active-slide{} .px_tab_v1 .et_pb_all_tabs .et_pb_tab .et_pb_tab_content {} /*------------------------------------------- -- 27. Color Picker CSS -------------------------------------------*/ .tm-font-selector div, .tm-color-selector div, .pickr .pcr-button::before , .pickr .pcr-button::after {border-radius: 50%;} /*Front Color Picker Css */ .px-color-switcher { position: fixed; left: 8px; top: 50%; z-index: 1000; display: block; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; border-radius: 64px; padding: 15px 10px 15px 10px; background-color: #fff; font-size: 12px; width: 65px; line-height: 1.3; background: linear-gradient(145deg, #e2e8ec, #fff); box-shadow: 5px 5px 15px #d1d9e6, -5px -5px 15px #fff; transition: all 200ms ease-in-out; } .px-color-switcher .close { font-size: 14px; border-radius: 50%; position: absolute; top: 0; right: 0; font-size: 20px; color: #fff; z-index: 20; text-align: center; line-height: 24px; width: 20px; height: 20px; display: block; opacity: 1; background-color: #333; transition: all 0.5s ease; cursor: pointer; box-shadow: 5px 5px 15px #d1d9e6, -5px -5px 15px #fff; } .px-color-switcher .close:hover { background: #fff; color:#333 !important; } .px-color-switcher.closed { padding: 10px 8px 6px 10px; left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; transition: all 0.25s ease; } .px-color-switcher.closed:hover { padding-right: 14px; } .tm-font-selector:hover { cursor: pointer; } .px-color-switcher.closed img:hover { cursor: pointer; } .px-color-switcher.closed .close { display: none; } .px-color-switcher.closed div { display: none; } .px-color-switcher.closed .img { display: block; overflow: hidden; height: 42px; width: 45px; text-align: center; animation: rotation 8s infinite linear; } .px-color-switcher.closed .img img { margin: 0; } .px-color-switcher .close:hover { opacity: 1; color: #000; } @media (max-width: 991px) { .px-color-switcher { display: none !important; } } .px-font-selector div, .px-color-selector div { border-radius: 50%; width: 35px; height: 35px; border: 4px solid #fff; display: block; margin: 4px auto 0; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); cursor: pointer; transition: all 0.5s ease; } .px-font-selector div:hover, .px-color-selector div:hover { background: linear-gradient(145deg,rgba(0,0,0,0.5), #fff); box-shadow: 5px 5px 15px rgba(0,0,0,0.5), -5px -5px 15px #fff; } .px-custom-field { padding: 0; border: 0; width: 20px; height: 20px; border-radius: 50%; margin-bottom: 14px; margin-left: auto; margin-right: auto; cursor: pointer; display: block; } /*Color Picker Tooltip Css */ .px-color-selector {position: relative;;} .px-color-switcher .px_tooltip { opacity:0; visibility:hidden; -webkit-transform:scale(.7); -moz-transform:scale(.7); -ms-transform:scale(.7); transform:scale(.7); position:absolute; background-color:#fff; font-size:13px; margin:0; padding:0px 20px; font-family:inherit; width:auto; font-weight:600; line-height:36px; letter-spacing:.1px; left:5px; top:0px; border-radius:3px; white-space:nowrap; -webkit-box-shadow:0 5px 40px rgb(0 0 0 / 7%),0 0 3px -1px rgb(83 45 245 / 15%); -moz-box-shadow:0 5px 40px rgb(0 0 0 / 7%),0 0 3px -1px rgb(83 45 245 / 15%); box-shadow:0 5px 40px rgb(0 0 0 / 7%),0 0 3px -1px rgb(83 45 245 / 15%); -moz-transition:all .3s cubic-bezier(0.64,-0.09,0.13,1.15); -o-transition:all .3s cubic-bezier(0.64,-0.09,0.13,1.15); transition:all .3s cubic-bezier(0.64,-0.09,0.13,1.15); color: #333; } .px-color-switcher .px_tooltip span { display:block; position:absolute; left:-5px; top:12px; width:0; height:0; border-right:5px solid #fff; border-bottom:5px solid transparent; border-top:5px solid transparent } .px-color-switcher .px-color-selector:hover .px_tooltip { opacity:1; left:45px; visibility:visible; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); transform:scale(1) } /* Pluse Circle Icon CSS */ .px_pluse_icon .et_pb_icon_wrap .et-pb-icon{color:var(--px-color-1) !important; background: #fff; border-radius: 50%; padding: 30px 35px;z-index: 3;} .px_pluse_icon .et_pb_icon_wrap .et-pb-icon::after, .px_pluse_icon .et_pb_icon_wrap .et-pb-icon::before{ content: ""; position: absolute; z-index: -1; left: 0; top: 0; display: block; width: 100%; height: 100%; background-color: #fff; border-radius: 50%; animation: PluseCircle 1500ms ease-out infinite; } .px_pluse_icon .et_pb_icon_wrap .et-pb-icon::after{animation-delay:0.5s;} .px_pluse_icon.primary .et_pb_icon_wrap .et-pb-icon::after, .px_pluse_icon.primary .et_pb_icon_wrap .et-pb-icon::before{background:var(--px-color-1);} .px_pluse_icon.primary .et_pb_icon_wrap .et-pb-icon{color:#fff !important; background:var(--px-color-1); padding: 35px;} /* ----------------------------------- 28. Animation Part CSS -------------------------------------*/ /**Color Picker Img Animation*/ @keyframes rotation { from { transform: rotate(0deg); } to { transform: rotate(359deg); } } @keyframes PluseCircle{ 0% { opacity: .8; -webkit-transform: scale(.9); transform: scale(.9); } 100% { opacity: 0; -webkit-transform: scale(1.5); transform: scale(1.5); } } @keyframes PluseSquare{ 70% { box-shadow: 0 0 0 70px rgba(255, 255, 255, 0); } 100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } } /* ----------------------------------- 29. Slide In CSS ----------------------------------- */ /* Show/hide the popup overlay wrapper when "is-visible" class changes, apply the CSS to frontend only */ body:not(.et-fb) .px-popup-wrapper .px-popup-content{ position:fixed; z-index:990; top:0; right:0; bottom:0; left:0; transition: all .5s cubic-bezier(.14,.06,.41,1.39); opacity:0; visibility:hidden; } body:not(.et-fb) .px-popup-wrapper.popup-is-visible .px-popup-content{ opacity:1; visibility:visible; } /* Allow the content inside the popup wrapper to scroll */ .px-popup-inside { height:100%; overflow-y: scroll; } /* Prevent Body from Scrolling when Popup is visible */ body.px-noscroll { overflow-y: scroll; } /* Center Align Popup Content inside the Section */ .px-popup-content { display:flex; flex-direction:column; justify-content: center; } .px-popup-content .et_pb_row { margin-top:0; margin-bottom:0; } /* Adjust the position of the popup overlay for admin bar */ @media (min-width:600px) and (max-width:782px) { body:not(.et-fb).admin-bar .px-popup-wrapper { top:46px; } } @media (min-width:783px) { body:not(.et-fb).admin-bar .px-popup-wrapper { top:32px; } } /* Mave the popup on top of other elements */ .et_builder_inner_content.popup-is-visible { z-index:99999; } /* Add a hand cursor to the close trigger element */ .px-popup-close { cursor:pointer; } /*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%); } .px_icon_bar {background: var(--px-color-1) !important;border-radius: 0px;padding:7px !important; border: 0 !important; transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;-webkit-box-shadow: 0px 0px 0px 0px;box-shadow: 0px 0px 0px 0px;} .px_icon_bar:after {padding: 6px 10px !important;display: block;position: relative;-webkit-transition: all 0.5s ease;color:#fff !important;font-size:20px !important;} .px_icon_bar:hover {background: var(--px-color-2)!important; padding: 7px !important;}