/* Theme Name: Attornixus Theme URI: https://divi.pixelsbuilderplus.com/divi-themes/attornixus/ Description: Divi Lawyer and Attorney Theme 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 --------------------------------------------------------*/ /* ----------------------------------- 01. General Class CSS -------------------------------------*/ /*---Title CSS---*/ .px_title h3 {color: #fff;font-size: 35px;font-weight:700;line-height: 52px;padding-bottom: 20px;text-transform:uppercase;} .px_title.dark h3 {color: var(--px-color-2);} .px_subtitle{color:#fff;font-size: 16px;line-height:28px;} .px_subtext span{color:var(--px-color-1);} .px_subtext.underline span{color:var(--px-color-1)!important;text-decoration:underline;} .px_desc h5 {color: #000000;font-size: 18px!important;font-weight: 500;padding-bottom: 15px;} .px_img_wrapp .et_pb_image_wrap:before{content:'';top: 45px;width: 80%;z-index: -1;height: 85%;right: -20px;position: absolute;background-color: var(--px-color-1);} .px_img_wrapp.round_wrap .et_pb_image_wrap:before{top: 0px;width: 100%;height: 100%;border-radius: 170px;} .px_play_icon .et_pb_icon_wrap .et-pb-icon{color:var(--px-color-1)!important;} /* Responsive Css*/ /* For Below Screen 768px*/ @media screen and (max-width: 767px) {.px_title h3{font-size: 28px;line-height: 40px}} /*---Button CSS---*/ .px_btn{background-color: var(--px-color-1);text-align: center;} .px_btn:hover{background:var(--px-color-2) !important;} .px_btn:hover:after{margin-left:10px!important;} /*---Button1 CSS---*/ .px_btn.light:hover{background: #fff !important;} /*--Service Button--*/ .service_btn .et_pb_button_wrapper .et_pb_button{color:var(--px-color-2);} .service_btn .et_pb_button_wrapper .et_pb_button:hover{background:none!important;color:var(--px-color-1);} .service_btn .et_pb_button_wrapper:hover .et_pb_button:after{margin-left:10px!important;} /*Spacial Section Column Reverse CSS*/ /* Responsive Css */ /*For Below Screen 981px*/ @media only screen and (max-width: 980px) {.px_spacial_sec .et_pb_row{display: flex;flex-direction: column-reverse;}} /*---Pagination for project and Blog CSS---*/ /*left arrow*/ .pagination .alignleft a{background: var(--px-color-1);border-radius: 30px;padding: 10px;color: #fff;} .pagination .alignleft:hover a{background:var(--px-color-2);transition:all 0.2s ;} /*right arrow*/ .pagination .alignright{float:left!important;} .pagination .alignright a{background: var(--px-color-1);border-radius: 30px;padding: 10px;color: #fff;} .pagination .alignright:hover a{background:var(--px-color-2);transition:all 0.2s ;} /*---Breadcrumbs Title CSS---*/ .px_b_home_link {} .px_b_other_link {} /*--- Global Class CSS ---*/ /*****Pagination******/ .pagination-container{ margin-bottom:0px !important;} .et_pb_row_custom_pagination{clear:both;text-align: left;} .pagination-container{padding-top: 0 !important;margin-top:2em;margin-bottom:2em;} .screen-reader-text{display: none;} .navigation.px_blogpagination .page-numbers{display: inline-block;border-right: 0;padding: 0em 1em;margin: 0 -1px;line-height: 2.6em;} .navigation.px_blogpagination .page-numbers.prev,.navigation.px_blogpagination .page-numbers.next{padding: 0 .5em;} .navigation.px_blogpagination span.page-numbers {color:#fff;border: 1px solid;border-color: #000 !important;font-weight: 600;} .navigation.px_blogpagination .page-numbers .et-pb-icon{font-size: 1.6em;vertical-align: middle;line-height: 1.5em;margin-top: -3px;} .navigation.px_blogpagination a.page-numbers:hover, .navigation.px_blogpagination span.page-numbers {background-color: #000 !important;} .navigation.px_blogpagination a.page-numbers {color: #fff !important;background: #000;} .navigation.px_blogpagination a.page-numbers:hover {color: #fff !important; } /* ----------------------------------- 02. Header Section CSS -------------------------------------*/ /*---Header Top CSS---*/ .px_header_top{display: flex;} /*---Menu + Sub Menu CSS---*/ /*---Main Menu CSS---*/ .px_header_v1_menu:before{left: 0px;width: 0;top: 0px;height: 0;z-index: 2;content: "";position: absolute;border-right: 15px solid transparent;border-bottom: 65px solid var(--px-color-1);} .px_header_v1_menu{box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;} .px_header_v1_menu .px_phone_detail_menu .et_pb_image_wrap .et-pb-icon{color: var(--px-color-2);background-color: #F5F5F5;border-radius: 100%;text-align: center;padding: 13px;} .px_header_v1_menu .px_main_menu .et_pb_menu__menu > nav > ul > li{margin-top:0px;} .px_main_menu .et-menu > li > a{color:var(--px-color-2);opacity:unset;transition:all 0.2s;} .px_main_menu .et-menu > li > a:after{content:" "!important;transition:all 0.5s;} /* .px_header_v1_menu .px_main_menu .et-menu > li:hover > a:after{content:"\5e";font-family: ETmodules !important;transform:scale(1);} */ .px_main_menu .et-menu li > a:hover{color:var(--px-color-1);background:none !important;transition: all .25s ease-in-out;} .px_main_menu .et-menu .sub-menu{border-top:none !important;padding:0px!important;top: calc(100% - 5px);} .px_main_menu .et-menu .sub-menu li{border-bottom:1px dotted var(--px-color-2);padding: 0px 0px;} .px_main_menu .et-menu .sub-menu li > a{color:var(--px-color-2);opacity:unset;-webkit-transition: all .500s ease-in-out;transition: all .500s ease-in-out;width:240px;} .px_main_menu .et-menu .sub-menu li >a:hover{padding-left:30px;color:var(--px-color-1);transition: all 0.5s ease-in-out;} .px_main_menu .et-menu .sub-menu li >a:after{content:" ";} .px_main_menu .et-menu .sub-menu li >a:before{} .px_main_menu .et-menu .sub-menu li:hover >a:before{content:"\e0ff";font-family: ETmodules !important;transition: all 0.5s ease-in-out;padding-right: 10px;} .px_main_menu .et-menu > li.current-menu-item > a {color: var(--px-color-1) !important;} /* Responsive Css*/ /* For Below Screen 980px*/ @media screen and (max-width: 980px){.px_header_v1_menu:before{display:none;}.px_header_top{display:none;}} /*Main Menu CSS v2*/ .px_header_menu_v2 .px_phone_detail_menu .et_pb_image_wrap .et-pb-icon{color: var(--px-color-2);background-color: #F5F5F5;border-radius: 100%;text-align: center;padding: 13px;} .px_header_menu_v2 .px_h_menu .et-menu > li{padding-right:8px!important;} /* .px_header_menu_v2 .px_h_menu .et-menu > li.current-menu-item > a{color: var(--px-color-1) !important;} .px_header_menu_v2 .px_h_menu .et-menu li > a:hover{color:var(--px-color-1);background:none !important;transition: all .25s ease-in-out;} .px_header_menu_v2 .px_h_menu .et-menu .sub-menu{margin-top: 18px;border-top:none !important;padding:0px!important;} .px_header_menu_v2 .px_h_menu .et-menu .sub-menu li{border-bottom:1px dotted var(--px-color-2);} .px_header_menu_v2 .px_h_menu .et-menu .sub-menu li >a:after{content:""!important;} .px_header_menu_v2 .px_h_menu .et-menu .sub-menu li:hover >a:before{content:"\e0ff";font-family: ETmodules !important;transition: all 0.5s ease-in-out;padding-right: 10px;} */ /*---Header v1 CSS---*/ .px_header_top .px_header_top_social_v1 .et_pb_social_icon .icon:hover:before{color:var(--px-color-1);} .px_header_top:before{color:var(--px-color-1);} .px_header_v1 .px_number_counter .percent .percent-value{font-weight: 700;color: transparent;-webkit-text-stroke:3px var(--px-color-1);top: -0.5em; display: inline-block;font-weight: 900;text-transform: uppercase;-webkit-background-clip: text;-webkit-text-fill-color: transparent;} .px_header_v1 .px_number_counter h3{position: relative;top:30px !important;color: var(--px-color-2);background:rgba(255,255,255,0.5);padding: 10px; display: table;margin: auto;border-radius: 5px;} .px_header_v1 .px_header_col_v1.line:before{left: -40px;top: -85px;width: 1px;content: "";height: 530px;margin: 0 auto;position: absolute;background-color: var(--px-color-1);} /* Responsive Css*/ /* For Below Screen 980px*/ @media screen and (max-width: 980px) {.px_header_v1 .px_number_counter h3{top: 25px !important;}.px_header_v1 .px_header_col_v1.line:before{display:none;}} /* Responsive Css*/ /* For Below Screen 768px*/ @media screen and (max-width: 767px) {.px_header_v1 .px_number_counter h3{top: 0px !important;}} /*---Header v2 CSS---*/ .px_header_counter_v2 .percent .percent-value{color:var(--px-color-1);} .px_round_img_v2 .et_pb_image_wrap img{-webkit-animation-name: rotation;animation-name: rotation;-webkit-animation-duration: 5000ms;animation-duration: 5000ms;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-timing-function: linear;animation-timing-function: linear;} /*---Header v3 CSS---*/ .px_header_col_v3:before {top: -160px;left: -80px;width: 2px;content: "";position: absolute;-webkit-transition: all 1500ms ease;transition: all 1500ms ease; background-color: rgba(255, 255, 255, 0.5);height: 300px;} .px_header_col_v3:after {transition: all 1500ms ease;background-color: rgba(255, 255, 255, 0.5);position: absolute;content: "";top: -110px;height: 2px; left: -135px;width: 300px;} /* ----------------------------------- 03. Footer Section CSS -------------------------------------*/ /*---Footer Common Info Css---*/ .px_footer_social_info li a{color: #fff;margin-left: 10px;align-items: center;justify-content: center;background: var(--px-color-1);padding: 6px !important;transition:all 0.5s;} .px_footer_social_info li:hover a{background: #ffff!important;} .px_footer_social_info li:hover a:before{color:var(--px-color-2)!important;} /*---Footer v1 CSS---*/ .px_footer_sec_v1{background: var(--px-color-2);} .px_footer_v1 .px_footer_col_v1 .et_pb_module .px_footer_btn{color:#fff;transition:all 0.5s;} .px_footer_v1 .px_footer_col_v1 .et_pb_module .px_footer_btn:hover {color:var(--px-color-1);background:none !important;padding-left:0px!important;} .px_footer_v1 .px_footer_col_v1 .et_pb_module .px_footer_btn:hover:before{display:none!important;} .px_footer_v1 .px_footer_col_v1 .et_pb_module .px_footer_btn:before{left:20px;} .px_footer_gallery .et_pb_gallery_items{display: grid;grid-template-columns: repeat(3,1fr);grid-column-gap: 10px;} /*---Footer v2 CSS---*/ .px_footer_v2 {} /*---Footer v3 CSS---*/ .px_footer_v3 {} /* ----------------------------------- 04. Sidebar CSS -------------------------------------*/ /*--Sidebar inner page content title--*/ .px_post_title .et_pb_title_container .entry-title{font-size: 37px;font-weight: 900;color:var(--px-color-2);} .px_post_title .et_pb_title_container .et_pb_title_meta_container{margin-bottom: 28px;} .px_post_title .et_pb_title_container .et_pb_title_meta_container .author:before{content:'\e08a';font-family: ETmodules !important;padding: 5px;color:var(--px-color-1);} .px_post_title .et_pb_title_container .et_pb_title_meta_container .published:before{content:'\e0e7';font-family: ETmodules !important;padding: 5px; color:var(--px-color-1);} .px_post_title .et_pb_title_container .et_pb_title_meta_container .comments-number:before{content:'\e066';font-family: ETmodules !important;padding: 5px;color:var(--px-color-1);} /* Responsive Css*/ /* For Below Screen 768px*/ @media screen and (max-width: 767px){.px_post_title .et_pb_title_container .entry-title{font-size:20px;}} /*--Sidebar commnet--*/ .px_blog_comment .commentlist{box-shadow: 0px 5px 50px 0px rgba(110, 110, 110, 0.1);padding: 30px 30px !important;} .px_blog_comment .commentlist .comment .et_pb_button{color:var(--px-color-2)!important;} .px_blog_comment .commentlist .comment .et_pb_button:hover{background:transparent!important;color:var(--px-color-1)!important;} .px_blog_comment .commentlist .comment .et_pb_button:hover:after{margin-left:10px!important;} .px_blog_comment .commentlist .comment .comment-edit-link{color: var(--px-color-1);} .px_blog_comment .commentlist .comment .comment-content a{color: var(--px-color-1);} .px_blog_comment .comment-respond{box-shadow: 0px 5px 50px 0px rgba(110, 110, 110, 0.1);padding: 30px 30px !important;margin-top: 20px;} .px_blog_comment .comment-respond .comment-form{padding-bottom:0px!important;} .px_blog_comment .comment-respond .comment-form textarea{background:transparent!important;border:1px solid #ebe9eb!important;} .px_blog_comment .comment-respond .comment-form .logged-in-as a{color:var(--px-color-1);} .px_blog_comment .comment-respond .comment-form .et_pb_button{color:var(--px-color-2)!important;} .px_blog_comment .comment-respond .comment-form .et_pb_button:hover{background:transparent!important;color:var(--px-color-1)!important;} .px_blog_comment .comment-respond .comment-form .et_pb_button:hover:after{margin-left:10px!important;} /* Blog Right Side Bar CSS */ .px_blog_sidebar .px_widget{border-right:0px !important;padding-right:0px!important;} .px_blog_sidebar .px_widget .wp-block-search .wp-block-search__inside-wrapper {background-color: #fff;padding: 30px 30px 40px;box-shadow:none;} .px_blog_sidebar .px_widget .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button {top: auto!important;right: 31px!important;background:var(--px-color-2);color:#fff;} .px_blog_sidebar .px_widget .et_pb_widget {box-shadow: 0px 5px 50px 0px rgba(110, 110, 110, 0.1);padding: 30px 30px 40px;margin-bottom:20px!important;} .px_blog_sidebar .px_widget .et_pb_widget h2{padding-left: 20px;border-left: 2px solid var(--px-color-1);padding-bottom: 0;margin-bottom: 20px;} .px_blog_sidebar .px_widget .et_pb_widget ul li{border-bottom: 1px solid #ebe9eb;padding: 10px;} .px_blog_sidebar .px_widget .et_pb_widget ol li{display:block;border-bottom: 1px solid #ebe9eb;padding: 10px;} .px_blog_sidebar .px_contact_sidebar{background-color: #fff;padding: 30px 30px 40px; box-shadow: 0px 5px 50px 0px rgba(110, 110, 110, 0.1);} .px_blog_sidebar .px_contact_sidebar .et_pb_button{color: #fff;width: 155px;height: 55px;font-size: 14px;font-weight: 500; background-color: var(--px-color-1);text-align: center;} .px_blog_sidebar .px_contact_sidebar .et_pb_button:hover{background:var(--px-color-2);} .px_blog_sidebar .px_contact_sidebar .et_pb_button:hover:after{margin-left:10px!important;} .px_blog_sidebar .px_social_sidebar{box-shadow: 0px 5px 50px 0px rgba(110, 110, 110, 0.1);background-color: #fff;padding: 30px 30px 40px;} .px_blog_sidebar .px_social_sidebar li a{box-shadow: 0px 5px 15px 0px rgb(62 65 159 / 10%);border-radius:50px;padding:5px;background:#fff;} .px_blog_sidebar .px_social_sidebar li a:before{color:var(--px-color-2);} .px_blog_sidebar .px_social_sidebar li:hover a{background:var(--px-color-1);color:#fff!important;} /* ----------------------------------- 05. Blog CSS -------------------------------------*/ /*---Blog Grid CSS & 3 Columns CSS ---*/ .px_blog_v1 .et_pb_post { border: none !important;padding: 0px !important;margin-bottom: 10px !important;} /*---Title CSS---*/ /*---Post Meta CSS---*/ .px_blog_v1 .et_pb_post .post-meta .published{color:var(--px-color-2);font-size:15px;} .px_blog_v1 .et_pb_post .post-meta .published:before {content:'\e025';font-family: ETmodules !important;font-size:15px;color:var(--px-color-1);padding-right: 10px;} .px_blog_v1 .et_pb_post .post-meta a {color:var(--px-color-2);font-size:15px;} .px_blog_v1 .et_pb_post .post-meta a:before{content:'\e018';font-family: ETmodules !important;color:var(--px-color-1);padding-right: 10px;font-size:15px;} /*---Read More Button CSS---*/ .px_blog_v1 .et_pb_post .post-content .more-link{color:var(--px-color-2);} .px_blog_v1 .et_pb_post:hover .post-content .more-link{background:none!important;color:var(--px-color-1);} .px_blog_v1 .et_pb_post .post-content .more-link:after{content:'\24';font-family: ETmodules !important;font-size:16px;color:var(--px-color-2);transition:all 0.2s;top: 4px;position: relative;left: 5px;} .px_blog_v1 .et_pb_post:hover .post-content .more-link:after{color:var(--px-color-1);margin-left:10px;} /*--Image CSS--*/ .px_blog_v1 .et_pb_post .et_pb_image_container{margin:0px!important;overflow: hidden;} .px_blog_v1 .et_pb_post:hover a img{transform: scale(1.1);} .px_blog_v1 .et_pb_post a img{transition: 500ms all ease;} .px_blog_v1 .et_pb_post .entry-featured-image-url{margin-bottom:0px!important;overflow:hidden;} .px_blog_v1 .et_pb_post .info{padding:20px 25px;box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;} .px_blog_v1 .et_pb_post .info .entry-title{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} /*---Pagination Button CSS---*/ .px_blog_v1 .pagination-container{text-align:center!important;} /*--Blog v2 --*/ .px_blog_v2 .et_pb_post{display: flex;margin-bottom: 30px !important;} .px_blog_v2 .et_pb_post .info{position: relative;padding: 38px 25px;} .px_blog_v2 .et_pb_salvattore_content .column.size-1of2:nth-child(2n){ display: ruby; position: relative; left: -372px;} .px_blog_v2 .et_pb_salvattore_content .column.size-1of2:nth-child(2n) .et_pb_post .info{top: -27px;position: relative;} .px_blog_v2 .et_pb_post .info .entry-title{white-space: unset;} .px_blog_v2 .et_pb_post a img{transition: 500ms all ease;height: 250px;object-fit: cover;} /* Responsive Css */ /*For Below Screen 980px*/ @media screen and (max-width: 980px){.px_blog_v2 .et_pb_post{display:unset} .px_blog_v2 .et_pb_salvattore_content .column.size-1of2:nth-child(2n){ display: unset; position: unset; left: -0px;} .px_blog_v2 .et_pb_salvattore_content .column.size-1of2:nth-child(2n) .et_pb_post .info{top: 0px;position: unset;} } /*---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%);} /* Responsive Css */ /*For Below Screen 661px*/ @media screen and (max-width: 660px){.px_blog_grid_2_col .et_pb_ajax_pagination_container{display:block;}} /* Responsive Css */ /*For Below Screen 980px*/ @media screen and (max-width: 980px){.px_blog_grid_4_col .et_pb_ajax_pagination_container{display:block!important;}} /*---Blog Grid 4 Columns CSS---*/ .px_blog_grid_4_col .et_pb_ajax_pagination_container {display: grid; grid-gap: 20px; grid-template-columns: repeat(4, 25%);} /* Blog Category CSS */ .px_blog_category {} /* Blog Tags CSS */ .px_blog_tages {} /* Blog Author CSS */ .px_blog_author {} /* Blog Single Page CSS */ .px_blog_single {} /* ----------------------------------- 06. Portfolio CSS -------------------------------------*/ /*---Portfolio Gallary CSS & 4 Columns CSS ---*/ .px_portfolio_v1 .et_pb_portfolio_item {overflow:hidden;margin-bottom: 10px!important;} /* Image Css */ .px_portfolio_v1 .et_pb_portfolio_item .et_portfolio_image {} .px_portfolio_v1 .et_pb_portfolio_item:hover .et_portfolio_image img {transform: scale(1.1);transition: 0.8s all ease;} /* Overlay Css */ .px_portfolio_v1 .et_pb_portfolio_item .et_portfolio_image .et_overlay {background-color: rgba(0, 0, 0, 0.7)!important;border:0px !important;} .px_portfolio_v1 .et_pb_portfolio_item .et_portfolio_image .et_overlay:before {display:none!important;} /* Project block Css */ .px_portfolio_v1 .et_pb_portfolio_items .project_block{position: absolute;bottom: 50px;left: -300px;z-index:9;transition: 0.8s all;} .px_portfolio_v1 .et_pb_portfolio_items .et_pb_portfolio_item:hover .project_block{left: 40px;} /* Title Css */ .px_portfolio_v1 .et_pb_portfolio_item .project_block .et_pb_module_header {font-size: 24px;font-weight: 600;padding-bottom: 10px;color: #fff;} /* Category Post Meta Css */ .px_portfolio_v1 .et_pb_portfolio_item .project_block .post-meta {color: var(--px-color-1);} .px_portfolio_v1 .et_pb_portfolio_item .project_block .post-meta a {font-size: 14px;font-weight: 600;color: var(--px-color-1);} /* Filters Links CSS */ .px_portfolio_v1 .et_pb_portfolio_filters ul{text-align: left;top: 60px;left: -230px;position: absolute;} .px_portfolio_v1 .et_pb_portfolio_filters ul:before{top: 0;left: 0;width: 4px;content: "";height: 100%;border-radius: 5px;position: absolute;background-color: #EAEAEA;} .px_portfolio_v1 .et_pb_portfolio_filters li {display: block !important;float: none;} .px_portfolio_v1 .et_pb_portfolio_filters li a.active {color: var(--px-color-1);} .px_portfolio_v1 .et_pb_portfolio_filters li a{background:transparent!important;color:#fff;border:none!important;} .px_portfolio_v1 .et_pb_portfolio_filters li a:hover{color:#fff;} .px_portfolio_v1 .et_pb_portfolio_item {width:100% !important;} /* Responsive Css */ /*For Below Screen 981px*/ @media only screen and (max-width: 1545px) {.px_portfolio_v1 .et_pb_portfolio_filters ul{position:unset;} .px_portfolio_v1 .et_pb_portfolio_filters ul:before{display:none;} .px_portfolio_v1 .et_pb_portfolio_filters li{float: left;}} /* Portfolio 2 Column */ .px_portfolio_2_col .et_pb_portfolio_items{display: grid;grid-gap: 25px;grid-template-columns: repeat(2, 50%);} .px_portfolio_2_col .et_pb_ajax_pagination_container{display: grid; grid-gap: 25px; grid-template-columns: repeat(2, 50%);} .px_portfolio_2_grid_col .et_pb_ajax_pagination_container{display: grid;grid-gap: 25px;grid-template-columns: repeat(3, 1fr);} .px_portfolio_2_grid_col .et_pb_ajax_pagination_container .et_pb_portfolio_item:nth-child(4n), .px_portfolio_2_grid_col .et_pb_ajax_pagination_container .et_pb_portfolio_item:nth-child(4n+1){grid-column-end: span 2;} .px_portfolio_2_grid_col .et_pb_ajax_pagination_container .et_pb_portfolio_item{height: 300px!important;} /* .px_portfolio_2_grid_col .et_pb_portfolio_item:nth-child(1){grid-column: span 2;grid-row: span 1;} */ .px_portfolio_2_grid_col .et_pb_portfolio_item .et_portfolio_image img{height: 300px!important;object-fit: cover;} /* Responsive Css */ /*For Below Screen 980px*/ @media screen and (max-width: 980px){.px_portfolio_3_col .et_pb_portfolio_items{display: grid;grid-gap: 25px;grid-template-columns: repeat(2, 50%);}.px_portfolio_3_col .et_pb_ajax_pagination_container{display: grid;grid-gap: 25px;grid-template-columns: repeat(2, 50%);;}} /* Responsive Css */ /*For Below Screen 768px*/ @media only screen and (max-width: 768px) {.px_portfolio_2_col .et_pb_portfolio_items,.px_portfolio_2_col .et_pb_ajax_pagination_container{grid-template-columns: unset;}.px_portfolio_3_col .et_pb_portfolio_items{display:block!important;}.px_portfolio_3_col .et_pb_ajax_pagination_container{display:block!important;}} /* Portfolio 3 Column */ .px_portfolio_3_col .et_pb_portfolio_items{display: grid; grid-template-columns: repeat(3,33.33%);grid-gap: 25px;} .px_portfolio_3_col .et_pb_ajax_pagination_container{display: grid; grid-template-columns: repeat(3,33.33%);grid-gap: 25px;} /*---Portfolio Filterable CSS---*/ /*Portfolio v2 CSS*/ .px_portfolio_v2 .et_overlay{display:none!important;} .px_portfolio_v2 .et_pb_module_header{margin-top:0px!important;font-size:18px;} .px_portfolio_v2 .post-meta{color:var(--px-color-2);} .px_portfolio_v2 .et_pb_portfolio_items .project_block{position:absolute;bottom:-75px;background:#fff;padding: 20px;width: 90%;margin: 0px 20px;transition: 0.8s all;} .px_portfolio_v2 .et_pb_portfolio_items .et_pb_portfolio_item:hover .project_block{bottom:30px;} .px_portfolio_v2 .et_pb_portfolio_items .et_pb_portfolio_item:before{content:'\4c';font-family: ETmodules !important; color:var(--px-color-2);background:#fff;border-radius: 30px 0px 30px 30px;width: 50px;position: absolute; top: -50px;right: 20px;text-align: center;height: 50px;transition: 0.8s all;z-index:9;font-size:35px;line-height: 50px;} .px_portfolio_v2 .et_pb_portfolio_items .et_pb_portfolio_item:hover:before{top: 10px;} .px_portfolio_v2 .et_pb_portfolio_items .et_pb_portfolio_item{padding:0px 10px;overflow:hidden;} .px_portfolio_fullwidth{overflow:visible!important;} .px_portfolio_fullwidth .et_pb_portfolio_items{overflow:visible!important;} /*Portfolio v2 arrow CSS*/ .px_portfolio_v2 .et-pb-slider-arrows{right: 340px;position: absolute;top: -170px;} /*Portfolio v2 Previous arrow CSS*/ .px_portfolio_v2 .et-pb-slider-arrows .et-pb-arrow-prev{position:relative!important;color:#ffff!important;opacity:1!important;left: 0px!important;} .px_portfolio_v2:hover .et-pb-arrow-prev { left: 0px!important;} .px_portfolio_v2 .et-pb-slider-arrows .et-pb-arrow-prev:before{content:'\23'!important;font-family: ETmodules !important;color: var(--px-color-1);background: #fff;font-size: 22px;padding: 10px 20px;} .px_portfolio_v2 .et-pb-slider-arrows .et-pb-arrow-prev:hover:before{color: #fff;background: var(--px-color-1);} /*Portfolio v2 Next arrow CSS*/ .px_portfolio_v2 .et-pb-slider-arrows .et-pb-arrow-next{position:relative!important;color:#ffff!important;opacity:1!important;right: 0px!important;} .px_portfolio_v2:hover .et-pb-arrow-next { right: 0px!important;} .px_portfolio_v2 .et-pb-slider-arrows .et-pb-arrow-next:before{content:'\24'!important;font-family: ETmodules !important;color: var(--px-color-1);background: #fff; margin: 5px; font-size: 22px;padding: 10px 20px;} .px_portfolio_v2 .et-pb-slider-arrows .et-pb-arrow-next:hover:before{color: #fff;background: var(--px-color-1);} /* Responsive Css */ /*For Below Screen 980px*/ @media screen and (max-width: 980px) {.px_portfolio_v2 .et-pb-slider-arrows{right: 250px!important;top: -150px!important;}} /*For Below Screen 768px*/ @media only screen and (max-width: 768px) {.px_portfolio_v2 .et-pb-slider-arrows{right: 120px!important;top: -100px!important;}} /*--Portfolio v3--*/ .px_portfolio_v3 .et_overlay{background-color: rgba(0, 0, 0, 0.9)!important;} .px_portfolio_v3 .et_overlay:before{display:none;} .px_portfolio_v3 .clearfix{margin-right:50px;} .px_portfolio_v3 .et_pb_portfolio_filters li a{border:0px !important;} .px_portfolio_v3 .et_pb_portfolio_filters li a.active{color:var(--px-color-1)!important;background:transparent !important;} .px_portfolio_v3 .et_pb_portfolio_filters li a:hover{background:transparent!important;} .px_portfolio_v3 .et_pb_portfolio_items .project_block{text-align: left;left: 30px;position: absolute;top: -100px;z-index: 9;} .px_portfolio_v3 .et_pb_portfolio_items .et_pb_portfolio_item:hover .project_block{top:60px;transition:all 0.9s;} .px_portfolio_v3 .et_pb_portfolio_items .et_pb_portfolio_item{overflow:hidden;} .px_portfolio_v3 .et_pb_portfolio_item .project_block .et_pb_module_header{color:#ffff;font-size:20px!important;} .px_portfolio_v3 .et_pb_portfolio_item .project_block .post-meta a{color:#ffff;} .px_portfolio_v3 .et_pb_portofolio_pagination{border-top:0px;} .px_portfolio_v3 .et_pb_portofolio_pagination ul{text-align:center!important;} .px_portfolio_v3 .et_pb_portofolio_pagination ul li{padding:5px;} .px_portfolio_v3 .et_pb_portofolio_pagination ul li a{background:var(--px-color-2);color:#fff;padding:10px 15px;} .px_portfolio_v3 .et_pb_portofolio_pagination ul li a.active{color: var(--px-color-1) !important;background: var(--px-color-2);padding:10px 15px;} .px_portfolio_v3 .et_pb_portfolio_items .et_pb_portfolio_item .et_portfolio_image{position: relative;padding-top: 500px;} .px_portfolio_v3 .et_pb_portfolio_items .et_pb_portfolio_item .et_portfolio_image img{position: absolute;height: 100%;width: 100%;top: 0;left: 0;right: 0; bottom: 0;object-fit: cover;transition: 0.9s all;} .px_portfolio_v3 .et_pb_portfolio_item:hover .et_portfolio_image img{transform: scale(1.1);transition: 0.9s all;} /* Responsive Css */ /*For Below Screen 980px*/ @media screen and (max-width: 980px){.px_portfolio_v3 .et_pb_portfolio_items .et_pb_portfolio_item{margin-left:0px!important;}} /* Portfolio v4 CSS */ .px_portfolio_v4 .et_pb_portfolio_item{overflow:hidden;position:relative;} .px_portfolio_v4 .et_pb_portfolio_item .et_overlay{background-color: rgba(0, 0, 0, 0.9)!important;} .px_portfolio_v4 .et_pb_portfolio_item .et_overlay:before{display:none;} .px_portfolio_v4 .et_pb_portfolio_item .project_block{position: absolute;bottom: 50px;left: -315px;z-index: 9;transition: 0.8s all;} .px_portfolio_v4 .et_pb_portfolio_item:hover .project_block{left: 40px;} .px_portfolio_v4 .et_pb_portfolio_item:hover .et_portfolio_image img{transform: scale(1.1);transition: 0.9s all;} /* Portfolio Single Page CSS */ .px_portfolio_single {} .px_portfolio_single .px_portfolio_single_text .et_pb_text_inner ul li{display: flex;justify-content: space-between;margin-right: 50px;margin-bottom: 30px;border-bottom: 1px solid #dedede; padding-bottom:10px;} .px_portfolio_single .px_portfolio_single_text .et_pb_text_inner ul li a{color: var(--px-color-2);} .px_portfolio_social li a:before{box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.08);border-radius: 50px;padding: 5px;margin-left: 10px;} .px_portfolio_social li{margin-left:10px;} .px_portfolio_social li:hover a:before{background:var(--px-color-1);color:#ffff !important;transition:all 0.5s;} /* ----------------------------------- 07. Services CSS -------------------------------------*/ /*--Service slider navigation--*/ .service_slider_v1 .slick-arrow.slick-prev{top: 260px;left: 40%;} .service_slider_v1 .slick-arrow.slick-prev:before{content: "\23";font-family: ETmodules;color: var(--px-color-2);background: var(--px-color-1);padding: 10px;opacity:unset;} .service_slider_v1 .slick-arrow.slick-next{top: 260px;left: 50%;} .service_slider_v1 .slick-arrow.slick-next:before{content: "\24";font-family: ETmodules;color: var(--px-color-2);background: var(--px-color-1);padding: 10px;opacity:unset;} /*--Service slider navigation v2--*/ .px_slider_v2 .slick-arrow.slick-prev{top: 90%;left: 43%;} .px_slider_v2 .slick-arrow.slick-next{top: 90%;left: 50%;} .px_slider_v2 .slick-arrow.slick-prev:before{content: "\23";font-family: ETmodules;color: var(--px-color-2);background: var(--px-color-1);padding: 10px;opacity:unset;} .px_slider_v2 .slick-arrow.slick-next:before{content: "\24";font-family: ETmodules;color: var(--px-color-2);background: var(--px-color-1);padding: 10px;opacity:unset;} /*---Services v1 CSS---*/ .px_service_v1 .px_vertical .et_pb_text_inner p{position: absolute;transform: rotate(-90deg);background: #fff;padding: 5px 20px;z-index: 9;color: var(--px-color-2) !important;font-size:16px;bottom: 196px;right: -95px;} /*For Below Screen 768px*/ @media only screen and (max-width: 768px){.px_service_v1.first{margin-bottom:0px!important;}} /*Icon Css */ .px_service_v1 .px_Service_img_v1 .et_pb_image_wrap{-webkit-transition-delay: 0.3s;transition-delay: 0.3s;-webkit-transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);} .px_service_v1:hover .px_Service_img_v1 .et_pb_image_wrap{transform: rotateY(360deg);} .px_service_v1 .px_Service_img_v1 .et_pb_image_wrap:before{top: -5px;right: -5px;content: "";width: 25px;height: 25px;border-radius: 100%;position: absolute; background-color: rgba(210, 143, 81,.1411764706);} /*Title Css */ .px_service_v1 .px_service_cta .et_pb_module_header{color:var(--px-color-2);font-size:18px !important; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} /*Description Css */ .px_service_v1 .px_service_cta .et_pb_promo_description{padding-top:20px;} /*---Services v2 CSS---*/ .px_service_v2{margin-right:0px !important;overflow:hidden;} .px_service_v2:hover .px_service_img_v2 .et_pb_image_wrap img{opacity:0;font-size:0px!important;} .px_service_v2:hover .px_service_cta{opacity:0;} .px_service_v2 .px_service_cta.px_service_cta1{opacity:0;bottom: -120px;-webkit-transition: 500ms all ease;transition: 500ms all ease;} .px_service_v2:hover .px_service_cta.px_service_cta1{opacity:1;bottom: 40px;} .px_service_v2 .px_service_cta.px_service_cta1 .et_pb_promo_description{padding-top: 30px!important;} .px_service_v2 .px_service_cta.px_service_cta1 .et_pb_promo_description .cta1_no{ position: absolute;top: 0;line-height: 5px;font-size: 40px;font-weight: 700;color: var(--px-color-1);} @media (max-width: 479px) { .px_service_cta_slider .slick-slide.et_pb_column{width: 80vw !important;} } /*--Service v3 CSS--*/ .px_service_v3 .px_service_cta_v3 .et_pb_module_header{color: #020202;font-size: 18px;font-weight: 500;padding-top: 50px;} .px_service_v3 .px_service_cta_v3 .cta1_no{position: absolute;top: 0;font-size: 40px!important;color: rgba(0, 0, 0, 0.1490196078);font-weight: 600;margin-bottom: 20px} .px_service_extra:before{top: -50px;left: 20px;content: "";height: 2px;width: 100px;position: absolute;background-color: #efefef;} .px_service_extra:after{top: -65px;width: 2px;left: 38px;height: 100px;content: "";position: absolute;background-color: #efefef;} .px_service_v5:hover .px_Service_img_v1 .et_pb_image_wrap img{filter: invert(100%)!important;} /*--Service V4 CSS--*/ .px_service_blurb_v4 .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{color:var(--px-color-2)!important;} .px_service_text_v4:before{top: 25px;right: 50px;height: 2px;content: "";width: 200px;position: absolute;background-color: var(--px-color-1);} /*---Service v5 CSS---*/ .px_service_v5{padding: 70px 0px 95px;} .px_service_icon_v5 .et_pb_icon_wrap .et-pb-icon{color:var(--px-color-1)!important;} /*--Main Column Hover--*/ .px_service_v5 .et_pb_promo_description{color:#fff;} .px_service_v5 .et_pb_module_header{color:#fff;} .px_service_v5 .et_pb_button_wrapper .et_pb_button{color:#fff;} .px_service_v5:hover .et_pb_promo_description{color:var(--px-color-2);} .px_service_v5:hover .et_pb_module_header{color:var(--px-color-2);} .px_service_v5:hover .et_pb_button_wrapper .et_pb_button{color:var(--px-color-2);} /*--Service v6 CSS--*/ .px_service_v6:before{left: 0;right: 0;top: -23px;z-index: -9;width: 85%;content: "";height: 6%;margin: 0 auto;position: absolute;border: 2px solid #e5e5e5; transition: 500ms all;} .px_service_v6:after{left: 0;right: 0;bottom: -28px;z-index: -9;width: 85%;content: "";height: 8%;margin: 0 auto;position: absolute;border: 2px solid #e5e5e5; transition: 500ms all;} .px_service_text_v6{background: var(--px-color-1);transition: 500ms all;} /*---Main Column Hover---*/ .px_service_v6:hover:before{background:var(--px-color-1);border:2px solid var(--px-color-1);} .px_service_v6:hover:after{background:var(--px-color-1);border:2px solid var(--px-color-1);} .px_service_v6:hover .px_service_text_v6{background: var(--px-color-2);transition: 500ms all;} /* Responsive Css */ /*For Below Screen 980px*/ @media screen and (max-width: 980px){.px_service_v6:before{display:none!important;}.px_service_v6:after{display:none!important;}} /*--Service Single--*/ .px_service_single .px_service_single_btn{color:var(--px-color-2)!important;box-shadow: 0px 0px 25px 0px rgba(72, 72, 72, 0.08);padding: 20px 25px;width: 100%; text-align: center;} .px_service_single .px_service_single_btn:hover{background:none!important;padding: 20px 25px;} /* ----------------------------------- 08. Contact Us CSS -------------------------------------*/ /*---Contact Us v1 CSS---*/ .px_contact_blurb_v1 .et_pb_blurb{margin-bottom:20px!important;} .px_contact_blurb_v1 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{color: var(--px-color-1);font-size: 24px;} .px_contact_blurb_v1 .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{color: var(--px-color-2);font-size:16px!important;} .px_contact_blurb_v1 .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description{color: var(--px-color-2);} /*---Contact Us v2 CSS---*/ .px_contactform_v2 .et_pb_contact_submit {background-color: var(--px-color-1);text-align: center;} .px_contactform_v2 .et_pb_contact_submit:hover{background:var(--px-color-1) !important;} .px_contactform_v2 .et_pb_contact_submit:hover:after{margin-left:10px!important;} /*---Contact us v3 CSS ---*/ .px_contactform_v2.light .et_pb_contact_submit:hover{background:#fff !important;} /* ----------------------------------- 09. Team Section CSS -------------------------------------*/ /*---Team v1 CSS---*/ .px_team_v1{overflow:hidden;} /* Image Css */ .px_team_v1 .et_pb_team_member_image{margin-bottom:0px!important;} .px_team_v1 .et_pb_team_member_image img{transform: scale(1);transition: all .7s ease 0s;} /* Responsive Css */ /*For Below Screen 980px*/ @media screen and (max-width: 980px){.px_team_v1 .et_pb_team_member_image img{max-width:400px!important;margin:0px!important;}} /* Description Css*/ .px_team_v1 .et_pb_team_member_description{} .px_team_v1 .et_pb_team_member_description .et_pb_module_header{font-weight: 500;color: #fff;font-size: 14px;letter-spacing: 3px;writing-mode: tb-rl;text-align: right;line-height: 24px; text-transform: uppercase;position: absolute;top: 0;padding: 10px;background: var(--px-color-1);height: 100%;} .px_team_v1 .et_pb_team_member_description .et_pb_member_position{} /* Social Links Css*/ .px_team_v1 .et_pb_team_member_description .et_pb_member_social_links {position: absolute;top: 40px;right: -75px;border-radius: 20px 0px 0px 20px !important;overflow: hidden;transition:all 0.6s;} .px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li{display: block;} .px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li a{background: var(--px-color-1);padding: 20px;} .px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li a:before{color:#ffff;} /* Main CSS Class Hover Css Here */ .px_team_v1:hover .et_pb_team_member_description .et_pb_member_social_links{right:-15px;} .px_team_v1:hover .et_pb_team_member_image img{transform: scale(1.1);transition: all .7s ease 0s;} /*---Team v2 CSS---*/ .px_team_v2{overflow:hidden;} .px_team_v2 .et_pb_team_member_image{overflow:hidden;} .px_team_v2 .et_pb_team_member_image:before{top: 0;left: 0;opacity: 0;z-index: 1;width: 100%;content: "";height: 100%;position: absolute;-webkit-transition: var(--transition); transition: all 0.3s;;background-color: rgba(0, 0, 0, 0.7);} .px_team_v2 .et_pb_team_member_image img{transition: all .8s ease 0s;} .px_team_v2 .et_pb_team_member_description{position: absolute;top: 70px;text-align: center;left: 70px;transition: all .7s ease 0s;opacity:0;z-index:1;} .px_team_v2 .et_pb_team_member_description .et_pb_member_social_links{position: relative;bottom: -220px;transition: all .7s ease 0s;opacity:0;} .px_team_v2 .et_pb_team_member_description .et_pb_member_social_links li a:before{color: #7A7A7A;background: #fff;padding: 10px;border-radius: 50%;transition: all .3s;} .px_team_v2 .et_pb_team_member_description .et_pb_member_social_links li:hover a:before{color:#fff;background: var(--px-color-1);transition: all .3s;} /*-- Main CSS Class Hover CSS Here*/ .px_team_v2:hover .et_pb_team_member_image:before{opacity:1;} .px_team_v2:hover .et_pb_team_member_description{top: 180px;transition: all .7s ease 0s;opacity:1;} .px_team_v2:hover .et_pb_team_member_description .et_pb_member_social_links{bottom: 0px;transition: all .7s ease 0s;opacity:1;} .px_team_v2:hover .et_pb_team_member_image img{transform: scale(1.1);transition: all .8s ease 0s;} /*---Team Single Page CSS---*/ .px_team_single .px_team_des_single .et_pb_text_inner ul li{display: flex;justify-content: space-between;margin-right: 200px;margin-bottom: 20px;} .px_team_single .px_team_des_single .et_pb_text_inner ul li a{color: var(--px-color-2);} .px_team_single .px_social_team_single li{margin-left: 10px;} .px_team_single .px_social_team_single li:hover a:before{background:var(--px-color-1);color:#fff !important;} .px_team_single .px_social_team_single li a:before{box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.08);border-radius: 50px;padding: 5px;margin-left: 10px;} /*Responsive Team Single Page*/ /*For Below Screen 480px*/ @media only screen and (max-width: 479px){.px_team_single .px_team_des_single .et_pb_text_inner ul li{margin-right: 0px;}} /* ----------------------------------- 10 Slider Section CSS -------------------------------------*/ /*---Slider v1 CSS---*/ .px_slider_v1 {} /*---Image CSS---*/ .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_image {} /*---Title CSS---*/ .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_title{} /*---Description CSS---*/ .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content {} /*---Button CSS---*/ .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper {} .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button {} /*---Arrow CSS---*/ .px_slider_v1 .et-pb-slider-arrows{} .px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-prev{} .px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-next{} /*---Dots Navigation CSS---*/ .px_slider_v1 .et-pb-controllers {} .px_slider_v1 .et-pb-controllers a {} .px_slider_v1 .et-pb-controllers a.et-pb-active-control {} /*---Slider v2 CSS---*/ .px_slider_v1{} /* ----------------------------------- 11 Faqs CSS -------------------------------------*/ /*---Faqs v1 CSS---*/ .px_faqs_v1 .et_pb_toggle{padding-left:0px;} /*---Title CSS---*/ .px_faqs_v1 .et_pb_toggle .et_pb_toggle_title {color:(--px-color-2);} /*---Title Icon CSS---*/ .px_faqs_v1 .et_pb_toggle .et_pb_toggle_title::before {} /*---Open Title CSS---*/ .px_faqs_v1 .et_pb_toggle.et_pb_toggle_open {background:transparent!important;} /*---Open Title Icon CSS---*/ .px_faqs_v1 .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title:before {content: "\4b"; font-family: ETmodules !important;color:var(--px-color-2);font-size: 25px!important;display:block!important;} /*---Close CSS---*/ .px_faqs_v1 .et_pb_toggle.et_pb_toggle_close {background:none!important;} .px_faqs_v1 .et_pb_toggle.et_pb_toggle_close .et_pb_toggle_title{color:var(--px-color-2);} /*---Close Title Icon CSS---*/ .px_faqs_v1 .et_pb_toggle.et_pb_toggle_close .et_pb_toggle_title:before {content:'\4c';font-family: ETmodules !important;color:var(--px-color-2);font-size: 25px!important;} /*---Content CSS---*/ .px_faqs_v1 .et_pb_toggle .et_pb_toggle_content{} /*---Faqs v2 CSS---*/ .px_faqs_v2{} /* ----------------------------------- 12 Timeline CSS -------------------------------------*/ /*---Timeline v1 CSS---*/ .px_timeline_v1 {} /*---Timeline v2 CSS---*/ .px_timeline_v2{} /* ----------------------------------- 13 Pricing Table CSS -------------------------------------*/ /*---Pricing Default Dark CSS---*/ .px_pricing_table .et_pb_module .et_pb_promo_description .et_pb_module_header{color: var(--px-color-2) !important;font-size: 26px;font-weight: 600;} .px_pricing_table .et_pb_module .et_pb_promo_description div h3 {color: var(--px-color-1) !important;font-size: 60px;font-weight: 600;padding-bottom: 10px;} .px_pricing_table .et_pb_module .et_pb_promo_description div p{color: var(--px-color-2) !important;font-size: 17px;font-weight: 600;} /* Button Css */ .px_pricing_table .et_pb_button_module_wrapper .px_price_btn{color:var(--px-color-2)!important;} .px_pricing_table .et_pb_button_module_wrapper .px_price_btn:hover{background:transparent!important;} .px_pricing_table .et_pb_button_module_wrapper .px_price_btn:before{margin-left: -30px !important;} /*--Pricing Default Light CSS*/ .px_price_light .et_pb_module .et_pb_promo_description .et_pb_module_header{font-size: 26px;font-weight: 600;} .px_price_light .et_pb_module .et_pb_promo_description div h3 {color: var(--px-color-1) !important;font-size: 60px;font-weight: 600;padding-bottom: 10px;} .px_price_light .et_pb_module .et_pb_promo_description div p{font-size: 17px;font-weight: 600;} /* Button Css */ .px_price_light .et_pb_button_module_wrapper .px_price_btn{color:#ffff;} .px_price_light .et_pb_button_module_wrapper .px_price_btn:hover{background:transparent!important;} .px_price_light .et_pb_button_module_wrapper .px_price_btn:before{margin-left: -30px !important;} /*---Pricing Mini CSS---*/ .px_pricing_table_mini{} /*---Pricing Toggle CSS---*/ .px_pricing_table_toggle{} /*Pricing Toggle*/ .px_pricing_tabs [id*="px_pricing_tab_"] {text-align:center;background: rgba(255,255,255,0.5) !important;color: #09144a !important;box-shadow:none;} .px_pricing_tabs [id*="px_pricing_tab_"]:hover, .px_pricing_tabs [id*="px_pricing_tab_"].px_active{background: var(--px-color-1) !important; color: #fff !important; } /*Pricing Row Settings */ [class*="px_pricing_tab_content_"] {opacity:0;-webkit-transform:scale(.7);-ms-transform:scale(.7);transform:scale(.7);-webkit-transition:opacity .4s ease,-webkit-transform .4s ease;-o-transition:opacity .4s ease,transform .4s ease;transition:opacity .4s ease,transform .4s ease;visibility:hidden;display:none !important; } [class*="px_pricing_tab_content_"].px_active{opacity:1;-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);-webkit-transition:opacity 1s ease,-webkit-transform 1s ease;-o-transition:opacity 1s ease,transform 1s ease;transition:opacity 1s ease,transform 1s ease;visibility:visible;display:block !important;} [class*="px_pricing_tab_content_"].animated{-webkit-animation-duration:1.5s;animation-duration:1.5s} /*---Pricing Table Structure CSS---*/ .px_pricing_table_layout{} /* ----------------------------------- 14 Testimonial Section CSS -------------------------------------*/ /*---Testimonial v1 CSS---*/ .px_testimonial_v1 {background:transparent!important;border-left: 3px solid var(--px-color-1);} .px_testimonial_v1.et_pb_testimonial {} .px_testimonial_v1.et_pb_testimonial:before {} /*---Description---*/ .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_description_inner {padding-top: 20px;color:var(--px-color-2);font-size: 16px;line-height: 28px;font-weight:400;} .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_description_inner .et_pb_testimonial_content {} /*---Author CSS---*/ .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_author {position: absolute;top: -50px;font-size: 26px;font-weight: 500!important;color:var(--px-color-2)!important;line-height:30px;} .px_testimonial_img_v1{display: flex;} .px_testimonial_img_v1 .et_pb_module {margin-right:0px !important;margin-left: -10px!important;} .px_testimonial_img_v1 .et_pb_module .et_pb_image_wrap img{border-radius: 50%;border: 3px solid #fff;transition: .7s all ease-in-out;transform: scale(1);} .px_testimonial_img_v1 .et_pb_module .et_pb_image_wrap img:hover{transform: scale(1.3);z-index:9;} /*For Below Screen 480px*/ @media only screen and (max-width: 479px) {.px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_description_inner{padding-top: 45px!important;}} /*---Testimonial v2 CSS---*/ .px_testimonial_v2{padding:20px;} .px_testimonial_v2:before{top: 0px !important;left: 220px !important;} .px_testimonial_v2.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_author{position: absolute;top: -25px;margin-top:0px!important;} .px_testimonial_v2.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_meta{position: absolute;top: 260px;} .px_testimonial_v2.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_description_inner{top: 35px;} /*Testimonial v3 CSS*/ .px_testimonial_v3{background:none!important;} .px_testimonial_v3:before{position: absolute;left: 65px;top: 40px!important;} .px_testimonial_v3 .et_pb_testimonial_portrait{position: absolute;bottom: 0;} /*For Below Screen 768px*/ @media only screen and (max-width: 768px){.px_testimonial_v3 .et_pb_testimonial_portrait{top: 105px!important;}} /*--Testimonial v4 CSS--*/ .px_testimonial_v4{padding:10px !important;} .px_testimonial_v4:before{position: absolute;left: 147px;top: 78px!important;} .px_testimonial_v4.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_description_inner .et_pb_testimonial_content p{position:relative;margin-left:-120px;} /*For Below Screen 981px*/ @media only screen and (max-width: 980px){.px_testimonial_v4:before{top:115px!important;}} /*For Below Screen 768px*/ @media only screen and (max-width: 768px){.px_testimonial_v4.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_description_inner .et_pb_testimonial_content p{margin-left:0px;}.px_testimonial_v4 .et_pb_testimonial_portrait{top:115px!important;left:170px;}} /* ----------------------------------- 15 About Us Section CSS -------------------------------------*/ /*---About Us v1 CSS---*/ .px_aboutus_text_v1 .percent .percent-value{color:var(--px-color-1);text-align: left;box-shadow: 0px 0px 41px 0px rgba(35, 31, 32, 0.1);width: 39%; padding: 40px 0px 40px 50px;display:block;} .px_aboutus_text_v1 .title{position: absolute;right: 60px;top: 80px;color:var(--px-color-2);} /* ----------------------------------- 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 .px_partner_img_v1 .et_pb_image_wrap {margin: 10px 10px;padding: 10px;background-color: #fff;-webkit-transition: 500ms all ease;transition: 500ms all ease;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;} .px_partner_v1 .px_partner_img_v1 .et_pb_image_wrap:hover{background:var(--px-color-1);} /* ----------------------------------- 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_skill_v1 li.et_pb_counter .et_pb_counter_title {color:var(--px-color-2);} .px_bar_counter_v1 li.et_pb_counter .et_pb_counter_container{} /*---Percentage CSS---*/ .px_skill_v1 .et_pb_counter{position:relative;padding: 10px 0px;} .px_skill_v1 .et_pb_counter .et_pb_counter_container{height: 4px;position:static;background: #f8f3ee;} .px_skill_v1 li.et_pb_counter .et_pb_counter_container .et_pb_counter_amount{background: var(--px-color-1);} .px_skill_v1 li.et_pb_counter .et_pb_counter_container .et_pb_counter_amount:after{content: '';width: 10px;height: 10px;position: absolute;right: 0; margin-bottom: -19px;background: var(--px-color-1);bottom: 0;} /*---Percentage CSS---*/ .px_bar_counter_v1 li.et_pb_counter .et_pb_counter_container .et_pb_counter_amount_number {} .px_skill_v1 li.et_pb_counter .et_pb_counter_container .et_pb_counter_amount_number_inner{color:var(--px-color-2);} /*--Skill bar v2 CSS--*/ .px_skill_v2{padding: 20px 10px 40px 10px !important;background-color: rgb(255, 255, 255);box-shadow: 0px 0px 25px 0px rgba(72, 72, 72, 0.08);} .px_skill_v2 li.et_pb_counter .et_pb_counter_container .et_pb_counter_amount_number_inner{position:absolute;top:0;} .px_skill_v2 li.et_pb_counter .et_pb_counter_title{position: relative;bottom: -40px;text-align: center;} /* ----------------------------------- 21 Counter Section CSS -------------------------------------*/ /*---Counter v1 CSS---*/ .px_counter_v1 .percent{margin-bottom:0px !important;} .px_counter_v1 .percent .percent-value{color:var(--px-color-1);} /*--Counter v2 CSS--*/ .px_counter_v2 .percent{margin-bottom:0px !important;} .px_counter_v2:before{top: -40px;left: 0;right: 0;width: 2px;content: "";height: 50px;margin: 0 auto;position: absolute;background-color: var(--px-color-1);} .px_counter_v2:after{top: 5px;left: 0;right: 0;width: 10px;content: "";height: 10px;margin: 0 auto;position: absolute;border-radius: 100%; background-color: var(--px-color-1);} .px_counter_v2 .percent .percent-value{font-size: 42px;font-weight: 600;color:var(--px-color-1);} .px_counter_v2 .percent .percent-value:after{left: 0;z-index: -1;content: "";width: 100%;bottom: 10px;height: 10px;position: absolute;background-color: #ede8e8;} .px_counter_v2 .title{font-weight: 600;font-size: 22px;color:var(--px-color-2);} /* ----------------------------------- 22 Newsletter Section CSS -------------------------------------*/ /*Newsletter Blurb*/ .px_newsletter_blurb .et_pb_blurb_content .et_pb_image_wrap .et-pb-icon{color:var(--px-color-1)!important;text-decoration:none !important;} /*---Newsletter v1 CSS---*/ /*Form Css*/ /*Input Css*/ .px_newsletter_v1 .et_pb_newsletter .et_pb_newsletter_field {position:relative;border-bottom:1px solid #ffff;} .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] {background:transparent!important;} /*Button Css*/ .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button {position:absolute;top:0px;left: 150px;} .px_newsletter_v2.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button{left:60px;} /*For Below Screen 768px*/ @media only screen and (max-width: 768px) {.px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button {left: 100px!important;}} /*---Newsletter v2 CSS---*/ .px_newsletter_v2 {} /* ----------------------------------- 23 CTA Section CSS -------------------------------------*/ /*---CTA v1 CSS---*/ .px_CTA_v1 {} /*---CTA v2 CSS---*/ .px_CTA_v2 {} /* ----------------------------------- 24 Coming Soon Page CSS -------------------------------------*/ /* ----------------------------------- 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 {} /* ----------------------------------- 28 Tab Control CSS -------------------------------------*/ .px_socialgrid_v1{border-left: 1px solid #D9D9D9;padding: 30px 0px;} .px_socialgrid_v1 .et_pb_button_module_wrapper .et_pb_button{color: var(--px-color-2);} .px_socialgrid_v1 .et_pb_button_module_wrapper .et_pb_button:hover{background:none!important;} .px_socialgrid_v1 .et_pb_button_module_wrapper .et_pb_button:hover:before{color:var(--px-color-1);} /*For Below Screen 981px*/ @media only screen and (max-width: 980px){.px_socialgrid_v1{padding: 0px 0px;}} /*------------------------------------------- -- 29. 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) } /* ----------------------------------- 30. Animation Part CSS -------------------------------------*/ /**Color Picker Img Animation*/ @keyframes rotation { from { transform: rotate(0deg); } to { transform: rotate(359deg); } } /* ----------------------------------- 30. 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; } /*Slide In Css Start Here*/ .px_slidein{overflow:visible !important;} .px_slidein:after{content: ""; position: absolute; bottom: 40px; left: 10px; width: calc(100% - 20px); height: 80%; background-color: var(--px-color-1); border-radius: inherit; z-index: -1; transition: all 0.2s; opacity:0;} .px_slidein .et_pb_button_module_wrapper{background:#fff;padding-bottom:15px;} .px_slidein:hover:after{bottom: -15px;transition: all 0.2s;opacity:1;} .px_feature_info .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{color:var(--px-color-1);} .px_feature_info .et_pb_module_header span{color:var(--px-color-2);} .px_scale_in .px_contact .et_contact_bottom_container{margin-top:10px;margin-right:10px;} .px_services_v3_info.px_slide_service .et_pb_image_wrap .et-pb-icon{position:relative;top:0;} .px_silde_hover.px_hover_v2:hover:before{height:100%;opacity: 1;transition: .4s;} .px_silde_hover.px_hover_v2:hover .et_pb_promo_description .et_pb_module_header{color:#fff !important;transition: .4s;} .px_silde_hover.px_hover_v2:hover .et_pb_promo_description p{color:#fff !important;transition: .4s;} .px_silde_hover.px_hover_v2:hover .et_pb_button_wrapper .et_pb_button{color:#fff !important;transition: .4s;} /* Icon CSS */ .px_icon_bar {padding: 0px !important; background: var(--px-color-1) !important;border: 2px solid var(--px-color-1);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:7px 15px 7px 9px;display: block;position: relative;-webkit-transition: all 0.5s ease;color:#fff !important;font-size:20px !important;} .px_icon_bar:before {content: "";position: absolute;width: 38px;height: 38px;border-radius: 5px;background: var(--px-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;} .px_icon_bar:hover {background: #fff!important;border: 2px solid var(--px-color-2) !important; } .px_icon_bar:hover:after{color:var(--px-color-2)!important;} .px_icon_bar:hover:before {width: 100%;height: 100%;} /*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(0%);transition: all .8s ease-in-out,width .4s ease-in-out,top .8s ease-in-out !important; }