/* Theme Name: Divi Travel Agency Child Theme Theme URI: https://divi-professional.com/ Description: Divi Travel Agency Theme for Travel and Tourism Agency Websites. This theme is designed for Travel Agents, Tour operators, Travel companies, Travel clubs, Travel listing Directory, Travel Deals, Travel eCommerce, Tour Guides & Tour Packages,trip, destinations, adventure and all other travel & tour websites and businesses. Version: 1.0 Author: Divi Professional Author URI: https://divi-professional.com/ Template: Divi Text Domain: dpprofe */ /* ----------------------------------- General Class CSS -------------------------------------*/ /*---Title CSS---*/ .px_title .et_pb_text_inner h3{ color:#000 !important; } .px_title_underline .et-pb-icon{ background: linear-gradient(to right, var(--px-color-1) 0%, var(--px-color-2) 100%); background-clip: border-box; background-clip: border-box; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .px_title_underline .et-pb-icon:before{ content: "------"; font-size: 30px; letter-spacing: 4px; color: var(--px-color-1) !important; bottom: 0px; position: relative; } .px_title_underline_leftside .et-pb-icon:after, .px_title_underline .et-pb-icon:after{ content: "------"; font-size: 30px; line-height: 0; letter-spacing: 4px; bottom: 0px; position: relative; color: var(--px-color-1) !important; margin-left: 4px; } .px_title_underline_leftside .et-pb-icon{ background: linear-gradient(to right, var(--px-color-1) 0%, var(--px-color-2) 100%); background-clip: border-box; background-clip: border-box; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /*480 below */ @media only screen and (max-width:480px) { .px_title .et_pb_text_inner h3 { font-size: 30px !important; line-height: 40px !important; } } /*---Button CSS---*/ .px_btn:hover{ background: linear-gradient(133.65deg,var(--px-color-1) 100%,var(--px-color-2) 100%) !important; } .light{ background-color:#fff !important; } .light:hover { background-color:var(--px-color-2) !important; } /*---Breadcrumbs Title CSS---*/ /* breadcrumbs */ #dpprof_breadcrumbs .separator{font-size:20px;color:var(--white);font-weight:100;} #dpprof_breadcrumbs{overflow:hidden;text-align: left;list-style:none;margin:11px 0;padding: 0;} #dpprof_breadcrumbs li{margin-right:14px;display:inline-block;/*vertical-align:middle;*/} #dpprof_breadcrumbs a{color :var(--px-color-1);font-size: 18px;} #dpprof_breadcrumbs .bread-home:before{content:'\e009';font-family:ETmodules; font-size: 18px; margin-right: 8px;} #dpprof_breadcrumbs .item-current{color :var(--white);font-size: 18px;} input[type=radio], input[type=checkbox] { color: var(--px-color-1) !important; } .et_pb_contact p input[type="checkbox"]:checked + label i::before{ color: var(--px-color-1) !important; } /* ----------------------------------- Header Section CSS -------------------------------------*/ /*---Menu + Sub Menu CSS---*/ /*---Main Menu CSS---*/ /*---Sub Menu CSS---*/ /*---Header Common Info Css---*/ .px_small_blurb_info .et-pb-icon { color: var(--px-color-1) !important; } /*---Header v1 CSS---*/ .px_header_v1 .px_header_v1_col:after{ position: absolute; width: calc(100% + 50px); content: ""; height: calc(100% + 27px); clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%,20px 0px); top: -13px; right: -1px; z-index: -1 !important; background-color: var(--px-color-2) !important; transition: all 500ms ease; } .px_header_v1 .px_header_v1_col:hover:after{ background-color:#ecf1f8 !important; } .px_header_v1 .px_header_v1_col .px_btn_header{ color: #fff !important; } .px_header_v1 .px_header_v1_col:hover .px_btn_header{ color: var(--px-color-2) !important; z-index:1; } /* sub menu*/ .px_header_v1 .sub-menu li { border-bottom: 1px solid rgba(255, 255, 255, 0.1); position: relative; display: block; padding: 0 !important; color: #fff !important; } .px_header_v1 .et_pb_menu__menu .et-menu-nav .sub-menu{ border: none !important; padding: 0px 0 !important; } .px_header_v1 .et-menu li li a { padding: 8px 20px !important; width: 230px !important; } /***Mobile menu***/ .px_header_v1 .et_mobile_menu{ border-top:none !important; } /***Pop Up Btn****/ .px_header_v1_col .px_header_pop_btn { border-color: #fff !important; } .px_header_v1_col .px_header_pop_btn.et_pb_button_module_wrapper > a, .px_header_v1_col .px_header_pop_btn.et_pb_button_1_tb_header { display:block!important; } .px_header_v1_col .px_header_pop_btn:after{ margin: 0 !important; height: 100%; width: 100%; top: 0; left: 0 !important; display: flex; justify-content: center; align-items: center; color: #fff; } .px_header_v1_col:hover .px_header_pop_btn { background: var(--px-color-1); } .px_header_v1_col .px_header_pop_btn:hover { background: var(--px-color-2); } /* ----------------------------------- Footer Section CSS -------------------------------------*/ /*---Footer v1 CSS---*/ .px_footer_v1 .px_footer_gallery .et_pb_gallery_items { display: grid; grid-gap: 10px; grid-template-columns: repeat(3,1fr); } .px_footer_v1 .px_footer_gallery .et_pb_gallery_items .et_pb_grid_item{ margin-bottom: 0 !important; } .px_footer_v1 .px_footer_gallery .et_pb_gallery_items .et_pb_gallery_item img { height: 76px !important; object-fit: cover; } .px_footer_v1 .px_footer_email .et_pb_newsletter_button_wrap { position: absolute; top: 0; right: 0; } .px_footer_v1 .px_footer_email .et_pb_newsletter_button_text { font-size: 0; } .et_pb_newsletter_button.et_pb_button::after{ color: var(--px-color-1) !important; } /* ----------------------------------- Hero section slider CSS -------------------------------------*/ .px_home_v1_slider_h .et_pb_slide_content h1 { font-size: 100px; line-height: 110px; margin-bottom: 20px; } .px_home_v1_slider_h .et_pb_slide_description .et_pb_slide_content ul { padding: 0; margin-top: 40px; } .px_home_v1_slider_h .et_pb_slide_description .et_pb_slide_content ul li { display: inline-block; } .px_home_v1_slider_h .et_pb_slide_description .et_pb_slide_content ul li a.px_btn2, .px_home_v1_slider_h .et_pb_slide_description .et_pb_slide_content ul li a.px_btn1 { background: linear-gradient(133.65deg,var(--px-color-2) 2.24%,var(--px-color-1) 100%); color: #fff; box-shadow: none; position: relative; overflow: hidden; vertical-align: middle; display: inline-block; text-transform: capitalize; text-align: center; font-size: 16px; font-weight: 400; line-height: 1; padding: 20.5px 37px; border-radius: 3px; margin-right: 20px; transition: all ease .5s; } .px_home_v1_slider_h .et_pb_slide_description .et_pb_slide_content ul li a.px_btn1:hover, .px_home_v1_slider_h .et_pb_slide_description .et_pb_slide_content ul li a.px_btn2:hover { background: linear-gradient(133.65deg,var(--px-color-1) 100%,var(--px-color-2) 100%); } .px_home_v1_slider_h .et-pb-controllers a { width: 40px !important; height: 3px; opacity: 1; margin-right: 4px; background: #fff; background-color: rgb(255, 255, 255); } /* 980 below css */ @media screen and (max-width: 980px) { .px_home_v1_slider_h .et_pb_slide_content h1 { font-size: 55px; line-height: 65px; margin-bottom: 8px; } .px_home_v1_slider_h .et-pb-arrow-prev { left: 22px !important; opacity:1 !important; } .px_home_v1_slider_h .et-pb-arrow-next { opacity:1 !important; right: 22px !important; } } @media screen and (max-width: 767px) { .px_home_v1_slider_h .et_pb_slide_content h1 { font-size: 35px; line-height: 45px; } .px_home_v1_slider_h .et_pb_container { height: 480.367px !important; } .px_home_v1_slider_h .et_pb_slide_description{ padding: 12% 8% !important; } .px_home_v1_slider_h .et_pb_slide_description .et_pb_slide_content ul li { margin-bottom: 20px; } } /* ----------------------------------- Sidebar CSS -------------------------------------*/ .px_sidebar { border: none !important; padding-right: 0 !important; } .px_sidebar .widget_search #searchsubmit { background-color: var(--px-color-1) !important; color: #fff !important; } .px_sidebar .widget_categories ul li:hover a { color: var(--px-color-1) !important; } .px_sidebar .tagcloud a { background-color: var(--px-color-1) !important; padding: 4px 22px; text-align: center; margin-bottom: 6px !important; margin: 2px; color: #fff; font-size: 15px !important; font-weight: 600; } .px_sidebar .tagcloud a:hover{ background-color: var(--px-color-2) !important; } /*latest post in sidebar*/ .px_postdetail_blog .et_pb_post { margin-bottom: 0px !important; } .px_postdetail_blog .et_pb_post .entry-featured-image-url { width: 100%; max-width: 110px; margin-bottom: 0px; float: left; overflow: hidden; } .px_postdetail_blog .et_pb_post .entry-featured-image-url img { transition: all 0.3s ease; } .px_postdetail_blog .et_pb_post:hover .entry-featured-image-url img { transform: scale(1.1); } .px_postdetail_blog .entry-title { color: #000 !important; margin-bottom: -11px; padding-top: 8px; } .post_detail_slash_rem .et_pb_title_container .comments-number a{ margin-left: 5px; color: var(--px-color-2) !important; } .post_detail_slash_rem .et_pb_title_container .comments-number a:hover { color: var(--px-color-1) !important; } .post_detail_slash_rem .et_pb_title_container .comments-number::before { content: "\76"; font-family: ETmodules; color: #fff; color: var(--px-color-1) !important; border-radius: 50%; margin-right: 5px; } .post_detail_slash_rem_tag .et_pb_text_inner a { background-color: var(--px-color-1) !important; padding:10px 22px; text-align: center; margin-bottom: 6px !important; margin: 2px; margin-bottom: 2px; color: #fff; font-size: 15px !important; font-weight: 600; display: inline-block; } .post_detail_slash_rem_tag .et_pb_text_inner a:hover { background-color: var(--px-color-2) !important; } /*person module*/ .px_team .et_pb_member_social_links a{ color: var(--px-color-2) !important; } .px_team .et_pb_member_social_links a:hover{ color: var(--px-color-1) !important; } /*px_post_navigation*/ .px_post_navigation .nav-next a, .px_post_navigation .nav-previous a{ position: relative; background-color: var(--px-color-1) !important; padding: 4px 22px; text-align: center; margin-bottom: 6px !important; color: #fff; font-size: 15px !important; font-weight: 600; } .px_post_navigation .nav-next:hover a, .px_post_navigation .nav-previous:hover a{ background-color: var(--px-color-2) !important; } .px_post_navigation { margin: 10px 0px !important; width: 100% !important; } /*px_comment*/ .px_comment .comment_postinfo span a{ color: var(--px-color-2) !important; } .px_comment .comment-edit-link{ color: var(--px-color-1) !important; } .px_comment .logged-in-as a{ color: var(--px-color-1) !important; } .px_comment .comment-content a{ color: var(--px-color-1); } .px_comment .comment_area .comment-reply-link { font-size: 18px; color: #fff; background: var(--px-color-1); } .px_comment .comment_area .comment-reply-link:hover{ background: var(--px-color-2); } /* comment button*/ .px_comment .form-submit .et_pb_button{ background: linear-gradient(133.65deg,var(--px-color-2) 2.24%,var(--px-color-1) 100%) !important; position: relative; transition: all ease .5s; color:#fff !important; } .px_comment .form-submit .et_pb_button:hover { background: linear-gradient(133.65deg,var(--px-color-1) 100%,var(--px-color-2) 100%) !important; } /* ----------------------------------- Blog CSS -------------------------------------*/ /*---Blog Grid CSS & 3 Columns CSS ---*/ .px_blog_v1 .et_pb_post { position:relative !important; transition: all 0.5s ease 0s; } .px_blog_v1 .et_pb_post:hover{ transform: translateY(-10px); } /*---Image CSS---*/ .px_blog_v1 .et_pb_post .et_pb_image_container .entry-featured-image-url { position: relative; overflow: hidden; } .px_blog_v1 .et_pb_post .et_pb_image_container .entry-featured-image-url img { transition: all 0.5s ease 0s; } .px_blog_v1 .et_pb_post:hover .et_pb_image_container .entry-featured-image-url img { transform: scale(1.2); } /*---Title CSS---*/ .px_blog_v1 .et_pb_post .entry-title { color: var(--px-color-2) !important; font-size: 25px !important; line-height: 35px !important; } .px_blog_v1 .et_pb_post .entry-title a:hover { color: var(--px-color-1) !important; } /*---Post Meta CSS---*/ .px_blog_v1 .et_pb_post .post-meta .published { top:0; color: #fff; text-transform: uppercase; padding: 13px 22px 13px 13px; background: var(--px-color-1); clip-path: polygon(0 0,100% 0%,80% 100%,0% 100%); left: 0; position: absolute; } .px_blog_v1 .et_pb_post .post-meta a { position: relative; } .px_blog_v1 .et_pb_post .post-meta .author{ margin-left:5px; } .px_blog_v1 .et_pb_post .post-meta .author:before{ content: "\e0b8"; font-family: ETmodules; color: #fff; color: var(--px-color-1) !important; border-radius: 50%; margin-right: 5px; } .px_blog_v1 .et_pb_post .post-meta a[rel="tag"]{margin-left:5px;} .px_blog_v1 .et_pb_post .post-meta a[rel="tag"]::before { content: "\e07c"; font-family: ETmodules; color: #fff; color: var(--px-color-1) !important; border-radius: 50%; margin-right: 5px; } /*---Blog Desc CSS---*/ .px_blog_v1 .et_pb_post .post-content { position: relative; margin-bottom: 30px; } .px_blog_v1 .et_pb_post .post-content .post-content-inner{ margin-bottom: 15px; } /*---Read More Button CSS---*/ .px_blog_v1 .et_pb_post .post-content .more-link{ border: 1px solid #d8d8d8; border-bottom: 0; margin-right: -19px; border-right: 0; padding-left: 30px !important; padding-right: 30px !important; right: 0; position: absolute; margin-top: -11px; line-height: 44px; color: #666; font-size: 18px; text-transform:capitalize !important; } .px_blog_v1 .et_pb_post .post-content .more-link:hover{ color: var(--px-color-1) !important; } /*---Pagination Button CSS---*/ .px_blog_v1 .pagination .alignleft a, .px_blog_v1 .pagination .alignright a { background-color: var(--px-color-1) !important; padding: 15px 25px !important; border-radius: 8px !important; color: #fff; } .px_blog_v1 .pagination .alignleft a:hover, .px_blog_v1 .pagination .alignright a:hover { background-color: var(--px-color-2) !important; } /*---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%); } */ /*---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, 1fr); } /* Blog Listing CSS */ .blog_listing_col1 .et_pb_salvattore_content[data-columns]::before { content: '1 .column.size-1of2' !important; } @media only screen and ( min-width: 767px ) { .blog_listing_col1 .column.size-1of2 { width: 100% !important; margin: 2%; } } @media only screen and ( max-width: 767px ) { .blog_listing_col1 .column.size-1of2 { width: 100% !important; margin: 2%; } } .px_blog_single .px_blog_detail_them p.et_pb_title_meta_container { position: absolute; font-size: 16px; top: -80px; background: #fff !important; right: 0px; padding: 16px; color: var(--px-color-1) !important; } .px_blog_single .px_blog_detail_them p.et_pb_title_meta_container a { color: var(--px-color-1) !important; } /* blog 2 column*/ .px_blog_grid_2_col .et_pb_salvattore_content[data-columns]::before { content: '2 .column.size-1of2' !important; } @media only screen and ( min-width: 767px ) { .px_blog_grid_2_col .column.size-1of2 { width: 46% !important; margin: 2%; } } @media only screen and ( max-width: 767px ) { .px_blog_grid_2_col .column.size-1of2 { width: 100% !important; margin: 2%; } } @media (max-width: 980px){ .et_pb_column .et_pb_blog_grid .column.size-1of2 .et_pb_post { margin-bottom:20; } .px_blog_grid_4_cols .column.size-1of4 { width: 48%!important; margin-right: 2%; } .px_blog_grid_4_cols .et_pb_salvattore_content[data-columns]::before { content: '2 .column.size-1of2' !important; } } /* 4column */ .px_blog_grid_4_cols .et_pb_salvattore_content[data-columns]::before { content: '4 .column.size-1of4' !important; } @media only screen and ( min-width:981px ) { .px_blog_grid_4_cols .column.size-1of4 { width: 24%!important; margin-right: 1%; } } /* ----------------------------------- Portfolio CSS -------------------------------------*/ /*---Portfolio v1 CSS & 4 Columns CSS ---*/ .px_portfolio_v1 .et_pb_portfolio_item { margin-bottom: 30px !important; } /* Title Css */ .px_portfolio_v1 .px_portfolio_col_info { position: absolute; width: 90%; bottom: 0; margin: 10px; } .px_portfolio_v1 .et_pb_portfolio_item .et_pb_module_header { color: #fff; padding-bottom: 10px; } /* Image Css */ .px_portfolio_v1 .et_pb_portfolio_item .et_portfolio_image { overflow: hidden; border-radius: 10px; } .px_portfolio_v1 .et_pb_portfolio_item .et_portfolio_image img { border-radius: 10px !important; } .px_portfolio_v1 .et_pb_portfolio_item .et_portfolio_image::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .4); content: ''; pointer-events: none; border-radius: 10px; } .px_portfolio_v1 .et_pb_portfolio_item .et_portfolio_image img { object-fit: cover; transition: all 1.6s;height: 350px; } .px_portfolio_v1 .et_pb_portfolio_item:hover .et_portfolio_image img { transform: scale(1.26); } /* Category Post Meta Css */ .px_portfolio_v1 .et_pb_portfolio_item .post-meta a { display: inline-block; background: #ffffff; font-size: 15px !important; font-weight: 500; color: var(--px-color-2) !important; text-align: center; padding: 10px; border-radius: 10px; box-shadow: 0px 10px 15px 0px rgba(6,26,58,0.1); margin-bottom: 15px; } /* Portfolio pagintion btn*/ .px_portfolio_v1 .pagination .alignright a, .px_portfolio_v1 .pagination .alignleft a{ background: linear-gradient(133.65deg,var(--px-color-2) 2.24%,var(--px-color-1) 100%) !important; transition: all ease .5s; color: #FFFFFF !important; border-radius: 5px; font-size: 16px; padding: 15px; } .px_portfolio_v1 .pagination .alignright:hover a, .px_portfolio_v1 .pagination .alignleft:hover a{ background: linear-gradient(133.65deg,var(--px-color-1) 100%,var(--px-color-2) 100%) !important; } /* 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, 1fr); } /* 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,1fr); grid-gap: 25px; } /* Portfolio 4 Column */ .px_portfolio_4_col .et_pb_portfolio_items, .px_portfolio_4_col .et_pb_ajax_pagination_container { display: grid; grid-gap: 25px; grid-template-columns: repeat(4, 1fr); } /* 980 below clumn*/ @media only screen and (max-width:980px) { .px_portfolio_4_col .et_pb_portfolio_items, .px_portfolio_4_col .et_pb_ajax_pagination_container, .px_portfolio_2_col .et_pb_portfolio_items, .px_portfolio_2_col .et_pb_ajax_pagination_container, .px_portfolio_3_col .et_pb_portfolio_items, .px_portfolio_3_col .et_pb_ajax_pagination_container { grid-template-columns: repeat(2,1fr); } } @media only screen and (max-width:480px) { .px_portfolio_4_col .et_pb_portfolio_items, .px_portfolio_4_col .et_pb_ajax_pagination_container, .px_portfolio_2_col .et_pb_portfolio_items, .px_portfolio_2_col .et_pb_ajax_pagination_container, .px_portfolio_3_col .et_pb_portfolio_items, .px_portfolio_3_col .et_pb_ajax_pagination_container { grid-template-columns: repeat(1,1fr); } .px_portfolio_v1 .et_pb_portfolio_item { margin-bottom: 0px !important; } } /*---Portfolio Filterable CSS---*/ /* Pagination CSS */ .px_portfolio_v1 .pagination { grid-column: 1 / -1; } .px_portfolio_single .px_single_post_title .et_pb_text_inner h6{ color:var(--px-color-1); } .px_portfolio_single .px_single_post_title .et_pb_text_inner h6{ color:var(--px-color-1); } .px_postdetail_blog .single .et_pb_post.project.type-project { } .px_portfolio_single .px_review_price_text h2{ text-align: center; color: #fff;} .px_portfolio_single .px_review_price_text .et_pb_text_inner span{ font-size: 28px !important; font-weight: 800 !important; line-height: 1.1; } .px_portfolio_single .px_map iframe{width:100%;} .px_portfolio_single .px_review_price_text .px_review_price { } .px_portfolio_single .px_review_price_text .px_review_price ul { text-align: center; } .px_portfolio_single .px_review_price_text .px_review_price ul li { display: inline-block; color: #fff; font-size: 16px; } .px_portfolio_single .px_review_price_text .px_review_price ul li::before { content: "\e033"; font-family: ETmodules !important; } .px_portfolio_single .px_review_price_text .px_review_price ul li.star::before { content: "\e031"; } .px_post_title_text .et_pb_text_inner span{ color: #666; font-size: 18px; font-weight: 300; margin-left: 10px; text-transform: lowercase; } /**portfolio detail page info**/ /*---Portfolio Gallary CSS & 4 Columns CSS ---*/ .px_portfolio_gallery .et_pb_grid_item .et_overlay.et_pb_inline_icon:before{ color:var(--px-color-1) !important; } .px_portfolio_gallery .et_pb_grid_item .et_overlay.et_pb_inline_icon { background: rgba(0, 0, 0, 0.75); transform: scale(0.7); opacity: 0; transition: all 0.45s ease-in-out; border: none !important; } .px_portfolio_gallery .et_pb_grid_item:hover .et_overlay.et_pb_inline_icon{ transform: scale(1); opacity: 1; } /*** gallary pagination***/ .px_portfolio_gallery .et_pb_gallery_pagination { border: none !important; } .px_portfolio_gallery .et_pb_gallery_pagination ul li a.active { color: #fff !important; background-color: var(--px-color-2); } .px_portfolio_gallery .et_pb_gallery_pagination ul li { padding: 5px !important; } .px_portfolio_gallery .et_pb_gallery_pagination ul li a { background-color: var(--px-color-1); padding: 8px 15px; border-radius: 3px; color: #fff !important; transition: 0.7s !important; } .px_portfolio_gallery .et_pb_gallery_pagination ul li a:hover { background-color: var(--px-color-2); } /* ----------------------------------- Contact Us CSS -------------------------------------*/ /*---Contact Us v1 CSS---*/ .px_blurb_contact .et_pb_main_blurb_image { border-radius: 50%; background: #f2f5f8; padding: 16px; transition: all 500ms ease; } .px_blurb_contact:hover .et_pb_main_blurb_image{ background: linear-gradient(133.65deg,var(--px-color-2) 2.24%,var(--px-color-1) 100%) !important; } .px_blurb_contact .et-pb-icon { color: var(--px-color-2) !important; transition: all 500ms ease; } .px_blurb_contact:hover .et_pb_main_blurb_image .et-pb-icon { color:#fff !important; } /*Title */ .px_contact_v1 .et_pb_contact_field_4_tb_body.et_pb_contact_field .et_pb_contact_field_options_title{ color:#000 !important; font-size: 18px; font-weight: 600; } /* ----------------------------------- Team Section CSS -------------------------------------*/ /*---Team v1 CSS---*/ .px_team_v1 .px_team { transition: all 0.4s ease-in-out !important; } /* Image Css */ .px_team_v1 .et_pb_team_member_image{ margin-bottom: 25px; } /* Description Css*/ .px_team_v1 .px_team:hover .et_pb_team_member_description .et_pb_module_header{ color:#fff !important; } /* Social Links Css*/ .px_team_v1 .px_team .et_pb_team_member_description .et_pb_member_social_links li a{ color: var(--px-color-2) !important; } .px_team_v1 .px_team:hover .et_pb_team_member_description .et_pb_member_social_links li a{ color:#fff !important; } .px_team_v1 .px_team .et_pb_team_member_description .et_pb_member_social_links li a:hover{ color: var(--px-color-1) !important; } /* ----------------------------------- Faqs CSS -------------------------------------*/ /*---Faqs v1 CSS---*/ /*---Title CSS---*/ .px_faqs_v1 .et_pb_toggle .et_pb_toggle_title { color:#000 !important; } /*---Title Icon CSS---*/ .px_faqs_v1 .et_pb_toggle .et_pb_toggle_title::before { display: block !important; } /*---Open Title CSS---*/ .px_faqs_v1 .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title { color:var(--px-color-1) !important; } /*---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;} */ .px_post-quote::after { content: ''; width: 360px; height: 360px; position: absolute; left: 45%; top: -70px; transform: rotate(-50deg); background-color: rgba(255,255,255,.1); border-radius: 25px; } .px_post-quote::before { content: "\7b"; font-family: ETmodules; font-size: 99px; color: #fff; } .px_post-quote .et_pb_text_inner h3 { padding-bottom: 20px !important; } /* ----------------------------------- Pricing Table CSS -------------------------------------*/ .px_pricing_table_blurb .et_pb_blurb_container { background-color: #ffffff; box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.08); margin-top: -30px; padding: 30px; position: relative; } .px_pricing_table_blurb img { object-fit: cover; transition: all 1.6s; } .px_pricing_table_blurb:hover img { transform: scale(1.26); } .px_pricing_table_blurb .et_pb_image_wrap { overflow: hidden; } /** Title**/ .px_pricing_table_blurb .et_pb_blurb_description h3{ color: #000 !important; line-height: 28px; font-size: 22px; padding: 2px 0px 15px; } .px_pricing_table_blurb .et_pb_blurb_description h6{ color: var(--px-color-1) !important; font-size: 18px !important; font-weight: 600; } .px_pricing_table_blurb .et_pb_blurb_description span{ text-decoration: line-through !important; } /* ----------------------------------- Testimonial Section CSS -------------------------------------*/ /*---Testimonial v1 CSS---*/ .px_testimonial_v1 { border-radius: 6px; } .px_testimonial_v1.et_pb_testimonial:before { background: transparent !important; color: var(--px-color-1) !important; border: 3px solid var(--px-color-1); left: auto; right: 0; } .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_portrait { position: absolute; left: -60px; outline: 3px solid var(--px-color-1); outline-offset: 8px; margin-top: 35px; } /*---Description---*/ .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description { margin-left: 25px !important; padding: 25px; } .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_description_inner .et_pb_testimonial_content { padding-bottom: 25px; } /*---Author CSS---*/ .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_author { color: var(--px-color-2) !important ;margin-top: 0; } /*Review */ .px_testimonial_v1 .px_review{position:absolute;left:0;bottom:-22px;right:0;width:150px;background:#ec6b15;margin:0 auto;margin-bottom:0;text-align:center;border-radius:30px;display:block;overflow:hidden;line-height:16px} .px_testimonial_v1 .px_review .et_pb_text_inner ul{position:relative;display:block;overflow:hidden;list-style:none;margin:0;padding:0;text-align:center} .px_testimonial_v1 .px_review .et_pb_text_inner ul li{display:inline-block;float:none;margin:0 3px;color:#fff;font-size:14px;line-height:45px} .px_testimonial_v1 .px_review .et_pb_text_inner ul li:before{content:"\e033";font-family:ETmodules !important} .px_testimonial_v1 .px_review .et_pb_text_inner ul li.star:before{content:"\e031"} .px_testimonial_v1 .px_review .et_pb_text_inner ul li.star-0:before{content:"\e032"} @media only screen and (max-width: 600px) { .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_portrait { position: relative; left: 0; margin-top:0px !important; } .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description { margin-left: 0px !important; padding: 0px; } .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_author { float: none;} .px_testimonial_v1.et_pb_testimonial::before{ margin-left: 20px; /*transform: translatey(100%);*/ } } /* ----------------------------------- About Us Section CSS -------------------------------------*/ /*---About Us v1 CSS---*/ .px_aboutus_v1 .px_blurb_contact:hover .et_pb_main_blurb_image{ background: linear-gradient(133.65deg,var(--px-color-2) 2.24%,var(--px-color-1) 100%) !important; } .px_aboutus_v1 .px_blurb_contact .et-pb-icon { color: var(--px-color-2) !important; transition: all 500ms ease; } .px_aboutus_v1 .px_blurb_contact:hover .et_pb_main_blurb_image .et-pb-icon { color:#fff !important; } /* ----------------------------------- Adventures package Section CSS -------------------------------------*/ .px_adventures_v1 .px_adventures_blurb .et_pb_main_blurb_image{ margin-bottom: 0px !important; display: block !important; overflow: hidden; transition: all 500ms ease; } .px_adventures_v1 .px_adventures_blurb .et_pb_main_blurb_image img{ width:100% !important; } .px_adventures_v1 .px_adventures_blurb .et_pb_blurb_container { background: #fff; padding: 25px; transition: 0.1s ease-in; } .px_adventures_v1 .px_adventures_blurb .et_pb_blurb_container h6 { font-size: 20px !important; font-weight: 700; text-align: center; position: absolute; background-color: var(--px-color-1) !important; width: 80px; height: 80px; border-radius: 99px; right: -10px; padding: 15px 0px; color: #fff !important; top: 0; transform: translatey(-156%); } .px_adventures_v1 .px_adventures_blurb .et_pb_blurb_container .et_pb_blurb_description { position: relative; } .px_adventures_v1 .px_adventures_blurb .et_pb_blurb_container h6 span { font-size: 12px; display: table; line-height: 1; padding: 5px; } .px_adventures_v1 .px_adventures_blurb .review { margin-bottom: 10px; } .px_adventures_v1 .px_adventures_blurb .review::before { content: "\e033\e033\e033\e033\e033" !important; font-family: 'ETmodules'; font-size: 20px; color: var(--px-color-1); } .px_adventures_v1 .px_adventures_blurb .et_pb_blurb_container h3 { margin-top: 30px; font-size: 14px !important; font-family: 'Work Sans',Helvetica,Arial,Lucida,sans-serif; font-weight: 400; } .px_adventures_v1 .px_adventures_blurb .et_pb_blurb_container h3::before { font-family: 'ETmodules'; font-size: 14px; color: var(--px-color-2); content: "\e025"; padding-right:10px; vertical-align: bottom; } .px_adventures_v1 .px_adventures_blurb .et_pb_blurb_container h3 span::before { font-family: 'ETmodules'; font-size: 14px; color: var(--px-color-2); content: "\e081"; padding: 0px 10px; vertical-align: bottom; } /* column hover Background */ .px_adventures_v1 .px_adventures_blurb:hover .et_pb_main_blurb_image{ transform: scale(0,0); } .px_adventures_v1 .px_adventures_blurb:hover .et_pb_blurb_container { background: transparent; } .px_adventures_v1 .px_adventures_blurb:hover .et_pb_blurb_container{ color:#fff; } .px_adventures_v1 .px_adventures_blurb:hover .et_pb_blurb_container h3::before, .px_adventures_v1 .px_adventures_blurb:hover .et_pb_blurb_container h3 span::before, .px_adventures_v1 .px_adventures_blurb:hover .et_pb_blurb_container h3, .px_adventures_v1 .px_adventures_blurb:hover .et_pb_blurb_description h5{ color:#fff !important } /****project detail page Package*****/ .px_Package .et_pb_text_inner h5, .px_person .et_pb_text_inner h5, .px_location .et_pb_text_inner h5{ padding-bottom:2px !important; } .px_Package .et_pb_text_inner h5:before, .px_person .et_pb_text_inner h5:before, .px_location .et_pb_text_inner h5:before{ font-family: ETmodules; color: #fff !important; position: absolute; font-size: 18px; top: 0px; display: inline-block; margin-left: -23px; } .px_Package .et_pb_text_inner h5:before {content: "\7d"; } .px_person .et_pb_text_inner h5:before{ content: "\e08b"; } .px_location .et_pb_text_inner h5:before{ content: "\e01d"; } /* ----------------------------------- Deals and offer Section CSS -------------------------------------*/ .px_slider_row .slick-dots li button { background: #fff; color: #fff !important; } .px_deals_col{ margin: 0px 18px !important; width: 17vw !important; } @media only screen and (max-width: 980px) { .px_deals_col { width: 37vw !important; margin: 0px 13px !important; } } @media only screen and (max-width: 479px) { .px_deals_col { width: 80vw !important; margin: auto !important; } } .px_deals .et_pb_main_blurb_image img { width: 100%; border-radius: 10px; transition: all 500ms ease; } .px_deals:hover .et_pb_main_blurb_image img{ transform: scale(1.05); } .px_deals .et_pb_blurb_container { position: absolute; width: 100%; height: 100%; z-index: 2; display: flex; transform: translatey(-30%); padding: 0px 28px; } .px_deals .et_pb_blurb_description { position: absolute; right: 40px; } .px_deals .et_pb_blurb_container h6 { display: inline-block; right: 30px; background: #ffffff; font-size: 15px !important; font-weight: 500; color: var(--px-color-2) !important; text-align: center; padding: 10px 20px 10px 20px; border-radius: 0px 10px 0px 10px; box-shadow: 0px 10px 15px 0px rgba(6,26,58,0.1); position: fixed; top: -165px; } /* ----------------------------------- CHOOSE YOUR PLACE CSS -------------------------------------*/ .px_choose_place, .px_choose_place .et_pb_image_wrap{ height: 100%; width: 100%; } .px_choose_place img{ overflow:hidden; transition: all 500ms ease; height: 100% !important; width: 100% !important; } .px_choose_place_col:hover .px_choose_place img { transform: scale(1.15); } .px_choose_place_col .et_pb_text .et_pb_text_inner p {display: inline-block; left: 0; background: #ffffff; font-size: 15px !important; font-weight: 500; color: var(--px-color-2) !important; text-align: center; padding: 10px; border-radius: 10px; box-shadow: 0px 10px 15px 0px rgba(6,26,58,0.1);} /* ----------------------------------- Choose Us Section CSS -------------------------------------*/ /*---Choose Us v1 CSS---*/ .px_choose_v1 .px_choose_blurb .et-pb-icon { background: linear-gradient(to right, var(--px-color-1) 0%, var(--px-color-2) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .px_choose_v1 .px_choose_blurb .et_pb_blurb_container .et_pb_blurb_description { transition: all ease .5s; } /*.px_choose_v1:hover .px_choose_blurb .et_pb_blurb_container .et_pb_blurb_description { opacity:0; }*/ .px_choose_v1 .px_choos_icon{ width: 60px; height: 60px; text-align: center; background: linear-gradient(133.65deg,var(--px-color-2) 2.24%,var(--px-color-1) 100%); box-shadow: 0 2px 20px rgba(0,113,220,.1); font-size: 25px; border-radius: 50%; /*bottom: 60px;*/ left: 0; right: 0; margin: auto; /*opacity:1; */ transition: all ease .5s; }/* .px_choose_v1:hover .px_choos_icon{ opacity:1; } .px_choose_v1 .px_choos_icon .et_pb_icon_wrap{ transform: translateX(-0%); }*/ /* ----------------------------------- Counter Section CSS -------------------------------------*/ /*---Counter v1 CSS---*/ .px_counter_v1 .px_counter_text .et_pb_text_inner sup { bottom: 35px; font-size: 30px; font-weight: 600 !important; } .px_counter_v1 .px_counter_text .et_pb_text_inner h1:before{ content: ""; height: 9px; width: 9px; display: inline-block; position: absolute; background-color: var(--px-color-1) !important; top: 30px; margin: 0px -15px; } /* .px_counter_v2 .percent-value:after{ content: ""; height: 9px; width: 9px; display: inline-block; position: absolute; background-color: var(--px-color-1) !important; bottom: 0px; margin: 0px 5px; } .px_counter_v2 .percent-sign:after{ content: "+"; display: inline-block; position: absolute; top: -18px !important; color: #000; font-size: 18px; font-weight: bolder; margin: 0px 5px; }*/ /* ----------------------------------- Newsletter Section CSS -------------------------------------*/ /*---Newsletter v1 CSS---*/ .px_newsletter_v1 .et_pb_feedburner_form form { text-align: left; display: flex; border-top-left-radius: 5px !important; border-bottom-left-radius: 5px !important; } .px_newsletter_v1 .et_pb_newsletter_field { flex-basis: 60% !important; margin-bottom: 0px !important; padding-bottom: 0px !important; } /*Button Css*/ .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap { flex-basis: 35% !important; position: relative; } /*600 below */ @media only screen and (max-width: 600px) { .px_newsletter_v1 .et_pb_feedburner_form form { display:block; } .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_field { margin-bottom: 4vw !important; } } /* ----------------------------------- CTA Section CSS -------------------------------------*/ /*---CTA v1 CSS---*/ body #page-container .px_CTA_v1 .cta_row .px_video_play_btn{ padding-left: 5em !important; } body #page-container .px_CTA_v1 .cta_row .px_video_play_btn::before { font-size:40px !important; color: var(--px-color-1) !important; } body #page-container .px_CTA_v1 .cta_row .px_video_play_btn::after { content: ""; border-radius: 50%; border: 2px solid #fff; display: block; position: absolute; height: 60px; width: 60px; animation-duration: 5s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-name: ripple; transition: all ease 0.4s; background-color: var(--px-color-1); z-index: -1; left: 37.5px; top: -16px; } .px_CTA_v1 .cta_row .px_video_play_btn:hover::after { opacity: 1; margin-left: -32px !important; } /*---CTA v2 CSS---*/ .px_CTA_v2 .et_pb_promo_description .et_pb_module_header{ display: inline-block; right: 0; background: #ffffff; font-size: 15px !important; font-weight: 500; color: var(--px-color-2) !important; text-align: center; padding: 10px 20px 10px 20px; border-radius: 0px 10px 0px 10px; box-shadow: 0px 10px 15px 0px rgba(6,26,58,0.1); position: absolute; top: -25px; } .px_CTA_v2 .et_pb_promo_description div{ position:absolute; } .px_CTA_v2 .et_pb_promo_description div h3 { font-size: 25px !important; font-weight: 700; color: #fff; } .px_CTA_v2 .et_pb_module_header{ display: inline-block; left: 0; background: #ffffff; font-size: 15px !important; font-weight: 500; color: var(--px-color-2) !important; text-align: center; padding: 10px; border-radius:10px; box-shadow: 0px 10px 15px 0px rgba(6,26,58,0.1); position: absolute; top: 0px; margin: 20px; } .px_CTA_v2 .et_pb_blurb_description { position: absolute; bottom: 30px; margin: 0px 20px; } .px_CTA_v2 .et_pb_blurb_description h3 { color: #fff !important; font-size: 25px !important; font-weight: 600; } .px_CTA_v2 .et_pb_blurb_description p span{ color: var(--px-color-1); font-size: 25px !important; font-weight: 600; } .px_CTA_v2 .et_pb_main_blurb_image { margin-bottom: 0px !important; display: block !important; } .px_CTA_v2 .et_pb_main_blurb_image::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .4); content: ''; pointer-events: none; border-radius: 10px; } .px_CTA_v2 .et_pb_main_blurb_image img { object-fit: cover; transition: all 1.6s; height: 300px; } .px_CTA_v2:hover .et_pb_main_blurb_image img{ transform: scale(1.26); } /*---CTA v3 CSS---*/ .px_portfolio_single .px_CTA_v3 .et_pb_promo_description div h3{ font-size: 22px !important; font-weight: 700 !important; line-height: 33px; color: #000 !important; padding-bottom: 20px; } .px_portfolio_single .px_CTA_v3 .et_pb_promo_description span{ font-size: 15px !important; line-height: 8px !important; font-weight: 400; margin-top: 50px !important; } /*logo*/ .px_clinte_logo:hover .px_img{ opacity:1; } /* ----------------------------------- 404 Page CSS -------------------------------------*/ .px_404 .et_pb_text_inner span{ text-decoration: underline; text-underline-offset: 13px !important; padding-left: 35px; } /* ----------------------------------- Animation Part CSS -------------------------------------*/ /**Color Picker Img Animation*/ @keyframes rotation { from { transform: rotate(0deg); } to { transform: rotate(359deg); } } /* animation of button*/ @keyframes ripple { 0% { transform: scale(1); opacity: 0 } 30% { opacity: 0.4 } 100% { transform: scale(1.2); opacity: 0 } } /* ----------------------------------- Slide In (Popup) CSS Start Here ----------------------------------- */ /* Demo Popup CSS */ .dpprofe_slide_In_demo .et_pb_button_wrapper .et_pb_button { background-color: var(--px-color-2) !important; } /* Show/hide the popup overlay wrapper when "is-visible" class changes, apply the CSS to frontend only */ body:not(.et-fb) .dpprofe-popup-wrapper .dpprofe-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) .dpprofe-popup-wrapper.popup-is-visible .dpprofe-popup-content { opacity: 1; visibility: visible; max-height: 100vh; overflow-y: auto; scrollbar-width: none; } /* Allow the content inside the popup wrapper to scroll */ .dpprofe-popup-inside { height: 100%; overflow-y: scroll; } /* Prevent Body from Scrolling when Popup is visible */ body.dpprofe-noscroll { overflow-y: scroll; } /* Center Align Popup Content inside the Section */ .dpprofe-popup-content { display: flex; flex-direction: column; /* justify-content: center; */ } .dpprofe-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 .dpprofe-popup-wrapper { top: 46px; } } @media (min-width:783px) { body:not(.et-fb).admin-bar .dpprofe-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 */ .dpprofe-popup-close { cursor: pointer; } /*Slide In Css Start Here*/ .dpprofe_slidein { overflow: visible !important; } .dpprofe_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; } .dpprofe_slidein .et_pb_button_module_wrapper { background: #fff; padding-bottom: 15px; } .dpprofe_slidein:hover:after { bottom: -15px; transition: all 0.2s; opacity: 1; } .dpprofe_feature_info .et_pb_main_blurb_image { margin-bottom: 20px; } .dpprofe_feature_info .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon { color: var(--px-color-1); } .dpprofe_feature_info .et_pb_module_header span { color: var(--px-color-1); } .dpprofe_scale_in .dpprofe_contact .et_contact_bottom_container { margin-top: 10px; margin-right: 10px; } /* Icon CSS */ .dpprofe_icon_bar, body #page-container .et_pb_section .et_pb_button.dpprofe_icon_bar { position: relative; width: 90px; height: 90px; text-align: center; background-blend-mode: overlay; z-index: 1; margin-left: auto; margin-right: auto; overflow: hidden; transition: all 0.5s; transition-property: all; background: linear-gradient(133.65deg,var(--px-color-2) 2.24%,var(--px-color-1) 100%) !important; } .dpprofe_icon_bar:before, body #page-container .et_pb_section .et_pb_button.dpprofe_icon_bar:before { content: ""; position: absolute; height: 100%; width: 100%; border-radius: 50%; left: auto; right: 0; top: 0; z-index: -1; display: block !important; transform: scale(0.5); background: var(--px-color-1); transition: all 0.5s; opacity: 0; } .dpprofe_icon_bar:hover:before, body #page-container .et_pb_section .et_pb_button.dpprofe_icon_bar:hover:before { transform: scale(1); opacity: 1; } .dpprofe_icon_bar:after, body #page-container .et_pb_section .et_pb_button.dpprofe_icon_bar:after { margin: 0 !important; color: #fff !important; transition: all 0.5s; height: 100%; width: 100%; border-radius: 50%; right: 0; top: 0; display: flex; justify-content: center; align-items: center; } .dpprofe_icon_bar:hover:after, body #page-container .et_pb_section .et_pb_button.dpprofe_icon_bar:hover:after { transform: rotate(360deg); color: #fff; } .dpprofe_icon_bar.dpprofe_h_popup_icon_v2:after { padding: 0px 5px; } /*Popup Overlay Css Move Up Start Here*/ .dpprofe-popup-wrapper .dpprofe-popup-content.dpprofe_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) .dpprofe-popup-wrapper.popup-is-visible .dpprofe-popup-content.dpprofe_move_up { transform: translateY(-30px); } .dpprofe-popup-content .dpprofe_footer_info .et_pb_image_wrap { height: 40px; width: 40px; background: linear-gradient(var(--px-color-1),var(--px-color-1)); background-blend-mode: overlay; background-color: rgb(255 255 255 / 90%) !important; border-radius: 50%; display: flex; justify-content: center; align-items: center; } .dpprofe-popup-content .dpprofe_footer_info .et_pb_image_wrap .et-pb-icon { color: var(--px-color-1); } .dpprofe-popup-content .dpprofe_footer_info .et_pb_blurb_container { vertical-align: middle; } .dpprofe-popup-content .dpprofe_social_icon .et_pb_social_icon .icon { background: linear-gradient(133.65deg,var(--px-color-2) 2.24%,var(--px-color-1) 100%) !important; background-blend-mode: overlay; /* background-color: rgb(255 255 255 / 90%) !important; */ transition: all 0.4s; } .dpprofe-popup-content .dpprofe_social_icon .et_pb_social_icon .icon:hover { background: linear-gradient(var(--px-color-1),var(--px-color-1)) !important; } .dpprofe-popup-content .dpprofe_social_icon .et_pb_social_icon .icon:hover { background-color: transparent !important; } .dpprofe-popup-content .dpprofe_social_icon .et_pb_social_icon .icon:before { color: #fff; transition: all 0.4s; } .dpprofe-popup-content .dpprofe_social_icon .et_pb_social_icon .icon:hover:before { color: #fff; } .dpprofe-popup-content .dpprofe_gallery .et_pb_gallery_items .et_pb_gallery_item { margin: 0px; } .dpprofe-popup-content .dpprofe_gallery .et_pb_gallery_items .et_pb_gallery_item .et_pb_gallery_image { margin: 0px 0px 5px 5px; } .dpprofe-popup-content .dpprofe_gallery .et_pb_gallery_items .et_pb_gallery_item .et_pb_gallery_image .et_overlay:before { font-size: 20px; color: var(--px-color-1); } /*Popup Overlay Css Move Down Start Here*/ .dpprofe-popup-wrapper .dpprofe-popup-content.dpprofe_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) .dpprofe-popup-wrapper.popup-is-visible .dpprofe-popup-content.dpprofe_move_downup { transform: translateY(0%); } /*Popup Overlay Css Move right Start Here*/ .dpprofe-popup-wrapper .dpprofe-popup-content.dpprofe_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) .dpprofe-popup-wrapper.popup-is-visible .dpprofe-popup-content.dpprofe_slide_right { transform: translateX(0%); } /*Popup Overlay Css Move Left Here*/ .dpprofe-popup-wrapper .dpprofe-popup-content.dpprofe_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) .dpprofe-popup-wrapper.popup-is-visible .dpprofe-popup-content.dpprofe_slide_left { transform: translateX(0%); } /* Add Row animation when popup is triggered */ .dpprofe-popup-close .et_pb_icon_wrap .et-pb-icon { color: #fff !important; transition: all 0.8s; } .dpprofe-popup-close:hover .et_pb_icon_wrap .et-pb-icon { transform: rotate(180deg); } .dpprofe-popup-close-dark .et_pb_icon_wrap .et-pb-icon { color: #202020 !important; } .dpprofe-popup-close-dark:hover .et_pb_icon_wrap .et-pb-icon { color: var(--px-color-1); } /*.dpprofe-popup-wrapper.popup-is-visible .et_pb_row:not(.dpprofe-popup-close)*/ .dpprofe-popup-wrapper.popup-is-visible .dpprofe_scale_in { animation: scale-in .5s cubic-bezier(.14, .06, .41, 1.39) both; animation-delay: .5s; } /*Popup Overlay Css Move Up Start Here*/ body:not(.et-fb) .dpprofe-popup-wrapper .dpprofe-popup-content.dpprofe_move_up { top: unset; min-height: auto; right: 20px; } .dpprofe-popup-wrapper .dpprofe_move_up { transform: translateY(100%); transition: all .8s ease-in-out, width .4s ease-in-out, top .8s ease-in-out !important; } .dpprofe-popup-wrapper.popup-is-visible .dpprofe_move_up { transform: translateY(-30px); } .dpprofe_move_up.dpprofe-popup-content .dpprofe_footer_info .et_pb_image_wrap .et-pb-icon { opacity: 1 !important; } /*Popup Overlay Css Move Down Start Here*/ .dpprofe-popup-wrapper .dpprofe_move_downup { transform: translateY(-100%); transition: all .8s ease-in-out, width .4s ease-in-out, top .8s ease-in-out !important; } .dpprofe-popup-wrapper.popup-is-visible .dpprofe_move_downup { transform: translateY(0%); } /*Popup Overlay Css Slide Right Start Here*/ .dpprofe-popup-wrapper .dpprofe_slide_right { transform: translateX(100%); transition: all .8s ease-in-out, width .4s ease-in-out, top .8s ease-in-out !important; } .dpprofe-popup-wrapper.popup-is-visible .dpprofe_slide_right { transform: translateX(0%); } /*Popup Overlay Css Slide left Here*/ .dpprofe-popup-wrapper .dpprofe_slide_left { transform: translateX(0%); transition: all .8s ease-in-out, width .4s ease-in-out, top .8s ease-in-out !important; } /* ----------------------------------- Slide In (Popup) CSS End Here ----------------------------------- */ /* hamburger menu */ .et_divi_100_custom_hamburger_menu__icon {position: relative;display: block;width: 1.875rem;/*height: 1.875rem;*/box-sizing: border-box;cursor: pointer;padding: 0.25rem;clear: both;z-index:9999;} .et_divi_100_custom_hamburger_menu__icon div{background:var(--white) !important;width:100%;height:.125rem;margin:.25rem auto;border-radius:10px;-webkit-transition:0.3s cubic-bezier(.28,.55,.385,1.65);transition:0.3s cubic-bezier(.28,.55,.385,1.65);-webkit-transition-timing-function:cubic-bezier(.28,.55,.385,1.65);transition-timing-function:cubic-bezier(.28,.55,.385,1.65);-webkit-transform:0;transform:0;-webkit-transform-origin:center;transform-origin:center;} .et_divi_100_custom_hamburger_menu__icon div:before,.et_divi_100_custom_hamburger_menu__icon div:after{-webkit-transition:0.3s cubic-bezier(.28,.55,.385,1.65);transition:0.3s cubic-bezier(.28,.55,.385,1.65);-webkit-transition-timing-function:cubic-bezier(.28,.55,.385,1.65);transition-timing-function:cubic-bezier(.28,.55,.385,1.65);} /* Type 1 */ .et_divi_100_custom_hamburger_menu--type-1.et_divi_100_custom_hamburger_menu--style-2 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child){width:0;margin-left:0;opacity:1;} .et_divi_100_custom_hamburger_menu--type-1.et_divi_100_custom_hamburger_menu--style-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child {-webkit-animation-name: T1S3DF;animation-name: T1S3DF;} @-webkit-keyframes T1S3DF { 0% {-webkit-transform: none;transform: none;} 40% {-webkit-transform: translateY(0.375rem);transform: translateY(0.375rem);} 80% {-webkit-transform: translateY(0.375rem) rotate(45deg);transform: translateY(0.375rem) rotate(45deg);} } @keyframes T1S3DF { 0% {-webkit-transform: none;transform: none;} 40% {-webkit-transform: translateY(0.375rem);transform: translateY(0.375rem);} 80% {-webkit-transform: translateY(0.375rem) rotate(45deg);transform: translateY(0.375rem) rotate(45deg);} } .et_divi_100_custom_hamburger_menu--type-1.et_divi_100_custom_hamburger_menu--style-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child {-webkit-animation-name: T1S3L;animation-name: T1S3L;} @-webkit-keyframes T1S3L { 0% {-webkit-transform: none;transform: none;} 40% {-webkit-transform: translateY(-0.375rem);transform: translateY(-0.375rem);} 80% {-webkit-transform: translateY(-0.375rem) rotate(-45deg);transform: translateY(-0.375rem) rotate(-45deg);} } @keyframes T1S3L { 0% {-webkit-transform: none;transform: none;} 40% {-webkit-transform: translateY(-0.375rem);transform: translateY(-0.375rem);} 80% {-webkit-transform: translateY(-0.375rem) rotate(-45deg);transform: translateY(-0.375rem) rotate(-45deg);} } .et_divi_100_custom_hamburger_menu--type-1.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div {-webkit-animation-timing-function: linear;animation-timing-function: linear;} .et_divi_100_custom_hamburger_menu--type-1.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child {-webkit-animation-name: T1S4DF;animation-name: T1S4DF;} @-webkit-keyframes T1S4DF { 0% {margin-right: 0;-webkit-transform: none;transform: none;} 20% {width: 100%;-webkit-transform: translateY(0.375rem);transform: translateY(0.375rem);} 40% {width: 0;margin-right: 0;-webkit-transform: translateY(0.375rem);transform: translateY(0.375rem);} 80% {width: 0;margin-right: auto;-webkit-transform: translateY(0.375rem) rotate(45deg);transform: translateY(0.375rem) rotate(45deg);} 90% {-webkit-transform: translateY(0.375rem) rotate(45deg);transform: translateY(0.375rem) rotate(45deg);} } @keyframes T1S4DF { 0% {margin-right: 0;-webkit-transform: none;transform: none;} 20% {width: 100%;-webkit-transform: translateY(0.375rem);transform: translateY(0.375rem);} 40% {width: 0;margin-right: 0;-webkit-transform: translateY(0.375rem);transform: translateY(0.375rem);} 80% {width: 0;margin-right: auto;-webkit-transform: translateY(0.375rem) rotate(45deg);transform: translateY(0.375rem) rotate(45deg);} 90% {-webkit-transform: translateY(0.375rem) rotate(45deg);transform: translateY(0.375rem) rotate(45deg);} } .et_divi_100_custom_hamburger_menu--type-1.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child {-webkit-animation-name: T1S4L;animation-name: T1S4L;} @-webkit-keyframes T1S4L { 0% {margin-left: 0;-webkit-transform: none;transform: none;} 20% {width: 100%;-webkit-transform: translateY(-0.375rem);transform: translateY(-0.375rem);} 40% {width: 0;margin-left: 0;-webkit-transform: translateY(-0.375rem);transform: translateY(-0.375rem);} 80% {width: 0;margin-left: auto;-webkit-transform: translateY(-0.375rem) rotate(-45deg);transform: translateY(-0.375rem) rotate(-45deg);} 90% {-webkit-transform: translateY(-0.375rem) rotate(-45deg);transform: translateY(-0.375rem) rotate(-45deg);} } @keyframes T1S4L { 0% {margin-left: 0;-webkit-transform: none;transform: none;} 20% {width: 100%;-webkit-transform: translateY(-0.375rem);transform: translateY(-0.375rem);} 40% {width: 0;margin-left: 0;-webkit-transform: translateY(-0.375rem);transform: translateY(-0.375rem);} 80% {width: 0;margin-left: auto;-webkit-transform: translateY(-0.375rem) rotate(-45deg);transform: translateY(-0.375rem) rotate(-45deg);} 90% {-webkit-transform: translateY(-0.375rem) rotate(-45deg);transform: translateY(-0.375rem) rotate(-45deg);} } .et_divi_100_custom_hamburger_menu--type-1.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div {-webkit-animation-timing-function: linear;animation-timing-function: linear;} .et_divi_100_custom_hamburger_menu--type-1.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child {-webkit-animation-name: T1S5DF;animation-name: T1S5DF;} @-webkit-keyframes T1S5DF { 0% {margin-right: 0;-webkit-transform: none;transform: none;-webkit-transform-origin: top right;transform-origin: top right;} 25% {width: 100%;-webkit-transform: translateY(0.375rem) rotate(10deg);transform: translateY(0.375rem) rotate(10deg);} 30% {width: 100%;-webkit-transform: translateY(0.375rem) rotate(10deg);transform: translateY(0.375rem) rotate(10deg);} 40% {width: 0%;-webkit-transform: translateY(0.375rem) rotate(10deg);transform: translateY(0.375rem) rotate(10deg);} 50% {width: 0%;-webkit-transform-origin: center;transform-origin: center;-webkit-transform: translateY(0.375rem) rotate(45deg);transform: translateY(0.375rem) rotate(45deg);} 90% {-webkit-transform: translateY(0.375rem) rotate(45deg);transform: translateY(0.375rem) rotate(45deg);} } @keyframes T1S5DF { 0% {margin-right: 0;-webkit-transform: none;transform: none;-webkit-transform-origin: top right;transform-origin: top right;} 25% {width: 100%;-webkit-transform: translateY(0.375rem) rotate(10deg);transform: translateY(0.375rem) rotate(10deg);} 30% {width: 100%;-webkit-transform: translateY(0.375rem) rotate(10deg);transform: translateY(0.375rem) rotate(10deg);} 40% {width: 0%;-webkit-transform: translateY(0.375rem) rotate(10deg);transform: translateY(0.375rem) rotate(10deg);} 50% {width: 0%;-webkit-transform-origin: center;transform-origin: center;-webkit-transform: translateY(0.375rem) rotate(45deg);transform: translateY(0.375rem) rotate(45deg);} 90% {-webkit-transform: translateY(0.375rem) rotate(45deg);transform: translateY(0.375rem) rotate(45deg);} } .et_divi_100_custom_hamburger_menu--type-1.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child) {-webkit-animation-name: T1S5DM;animation-name: T1S5DM;width: 0%;} @-webkit-keyframes T1S5DM { 0% {width: 100%;opacity: 1;} 40% {width: 100%;} 50% {width: 0%;opacity: 1;} } @keyframes T1S5DM { 0% {width: 100%;opacity: 1;} 40% {width: 100%;} 50% {width: 0%;opacity: 1;} } .et_divi_100_custom_hamburger_menu--type-1.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child {-webkit-animation-name: T1S5L;animation-name: T1S5L;} @-webkit-keyframes T1S5L { 0% {margin-left: 0;-webkit-transform: none;transform: none;-webkit-transform-origin: bottom left;transform-origin: bottom left;} 25% {width: 100%;-webkit-transform: translateY(-0.375rem) rotate(10deg);transform: translateY(-0.375rem) rotate(10deg);} 30% {width: 100%;-webkit-transform: translateY(-0.375rem) rotate(10deg);transform: translateY(-0.375rem) rotate(10deg);} 40% {width: 0%;-webkit-transform: translateY(-0.375rem) rotate(10deg);transform: translateY(-0.375rem) rotate(10deg);} 50% {width: 0%;-webkit-transform-origin: center;transform-origin: center;-webkit-transform: translateY(-0.375rem) rotate(-45deg);transform: translateY(-0.375rem) rotate(-45deg);} 90% {-webkit-transform: translateY(-0.375rem) rotate(-45deg);transform: translateY(-0.375rem) rotate(-45deg);} } @keyframes T1S5L { 0% {margin-left: 0;-webkit-transform: none;transform: none;-webkit-transform-origin: bottom left;transform-origin: bottom left;} 25% {width: 100%;-webkit-transform: translateY(-0.375rem) rotate(10deg);transform: translateY(-0.375rem) rotate(10deg);} 30% {width: 100%;-webkit-transform: translateY(-0.375rem) rotate(10deg);transform: translateY(-0.375rem) rotate(10deg);} 40% {width: 0%;-webkit-transform: translateY(-0.375rem) rotate(10deg);transform: translateY(-0.375rem) rotate(10deg);} 50% {width: 0%;-webkit-transform-origin: center;transform-origin: center;-webkit-transform: translateY(-0.375rem) rotate(-45deg);transform: translateY(-0.375rem) rotate(-45deg); } 90% {-webkit-transform: translateY(-0.375rem) rotate(-45deg);transform: translateY(-0.375rem) rotate(-45deg);} } /* Type 2 */ .et_divi_100_custom_hamburger_menu--type-2 .et_divi_100_custom_hamburger_menu__icon div, .et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;background:0;} .et_divi_100_custom_hamburger_menu--type-2 .et_divi_100_custom_hamburger_menu__icon div:before, .et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon div:before, .et_divi_100_custom_hamburger_menu--type-2 .et_divi_100_custom_hamburger_menu__icon div:after, .et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon div:after{content:'';display:block;background:var(--white);width:2px;min-width:2px;height:2px;border-radius:10px;margin:0 2px 0 0;} .et_divi_100_custom_hamburger_menu--type-2 .et_divi_100_custom_hamburger_menu__icon div:after, .et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon div:after{width:100%;margin:0;} .et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-2 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child), .et_divi_100_custom_hamburger_menu--style-2.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child) {opacity: 1;} .et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-2 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):before, .et_divi_100_custom_hamburger_menu--style-2.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):before, .et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-2 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):after, .et_divi_100_custom_hamburger_menu--style-2.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):after {width: 0;min-width: 0;margin-left: 0;opacity: 1;} .et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child, .et_divi_100_custom_hamburger_menu--style-3.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child {-webkit-animation-name: T2S3DF;animation-name: T2S3DF;} @-webkit-keyframes T2S3DF { 0% {-webkit-transform: none;transform: none;} 20% {-webkit-transform: none;transform: none;} 40% {-webkit-transform: translateY(0.375rem);transform: translateY(0.375rem);} 80% {-webkit-transform: translateY(0.375rem) rotate(45deg);transform: translateY(0.375rem) rotate(45deg);} } @keyframes T2S3DF { 0% {-webkit-transform: none;transform: none;} 20% { -webkit-transform: none; transform: none; } 40% { -webkit-transform: translateY(0.375rem); transform: translateY(0.375rem);} 80% { -webkit-transform: translateY(0.375rem) rotate(45deg); transform: translateY(0.375rem) rotate(45deg);} } .et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:before, .et_divi_100_custom_hamburger_menu--style-3.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:before {-webkit-animation-name: T2S3DFB;animation-name: T2S3DFB;} @-webkit-keyframes T2S3DFB { 0% { width: 100%; -webkit-transform: none;transform: none;} 20% {-webkit-transform: none;transform: none;} } @keyframes T2S3DFB { 0% {width: 100%;-webkit-transform: none;transform: none;} 20% {-webkit-transform: none;transform: none;} } .et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:after, .et_divi_100_custom_hamburger_menu--style-3.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:after {-webkit-animation-name: T2S3DMA;animation-name: T2S3DMA;} @-webkit-keyframes T2S3DMA { 0% {width: 100%; -webkit-transform: none;transform: none;} 20% { -webkit-transform: none; transform: none;} } @keyframes T2S3DMA { 0% { width: 100%;-webkit-transform: none; transform: none;} 20% {-webkit-transform: none;transform: none;} } .et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child, .et_divi_100_custom_hamburger_menu--style-3.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child {-webkit-animation-name: T2S3DL;animation-name: T2S3DL;} @-webkit-keyframes T2S3DL { 0% {-webkit-transform: none;transform: none;} 20% {-webkit-transform: none;transform: none;} 40% {-webkit-transform: translateY(-0.25rem);transform: translateY(-0.25rem);} 80% {-webkit-transform: translateY(-0.375rem) rotate(-45deg);transform: translateY(-0.375rem) rotate(-45deg);} } @keyframes T2S3DL { 0% {-webkit-transform: none;transform: none;} 20% {-webkit-transform: none;transform: none;} 40% {-webkit-transform: translateY(-0.25rem);transform: translateY(-0.25rem);} 80% {-webkit-transform: translateY(-0.375rem) rotate(-45deg);transform: translateY(-0.375rem) rotate(-45deg);} } .et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:before, .et_divi_100_custom_hamburger_menu--style-3.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:before {-webkit-animation-name: T2S3DFB;animation-name: T2S3DFB;} @keyframes T2S3DFB { 0% {width: 100%;-webkit-transform: none;transform: none;} 20% {-webkit-transform: none;transform: none;} } .et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:after, .et_divi_100_custom_hamburger_menu--style-3.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:after {-webkit-animation-name: T2S3DMA;animation-name: T2S3DMA;} @keyframes T2S3DMA { 0% {width: 100%;-webkit-transform: none;transform: none;} 20% {-webkit-transform: none;transform: none;} } .et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div, .et_divi_100_custom_hamburger_menu--style-4.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div {-webkit-transform: none;transform: none;} .et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:before, .et_divi_100_custom_hamburger_menu--style-4.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:before, .et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:after, .et_divi_100_custom_hamburger_menu--style-4.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:after {width: 0%;min-width: 0;margin: 0 auto;opacity: 0;} .et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child), .et_divi_100_custom_hamburger_menu--style-4.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child) {position: relative;opacity: 1;} .et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):before, .et_divi_100_custom_hamburger_menu--style-4.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):before, .et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):after, .et_divi_100_custom_hamburger_menu--style-4.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):after {position: absolute;width: 100%;-webkit-transition: all 0.3s linear transform 0.3s 0.3s linear;transition: all 0.3s linear transform 0.3s 0.3s linear;-webkit-transform-origin: center;transform-origin: center;} .et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):before, .et_divi_100_custom_hamburger_menu--style-4.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):before {-webkit-transform: rotate(45deg);transform: rotate(45deg);} .et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):after, .et_divi_100_custom_hamburger_menu--style-4.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):after {-webkit-transform: rotate(-45deg);transform: rotate(-45deg);} .et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:before, .et_divi_100_custom_hamburger_menu--style-4.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:before, .et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:after, .et_divi_100_custom_hamburger_menu--style-4.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:after {width: 100%;min-width: 0;opacity: 0;} .et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div, .et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div {-webkit-transform: none;transform: none;} .et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child, .et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child {position: relative;-webkit-animation-name: T2S5DF;animation-name: T2S5DF;-webkit-transform: translateY(0.375rem) rotate(45deg);transform: translateY(0.375rem) rotate(45deg);} @-webkit-keyframes T2S5DF { 20% {-webkit-transform: none;transform: none;} } @keyframes T2S5DF { 20% {-webkit-transform: none;transform: none;} } .et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:before, .et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:before, .et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:after, .et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:after {position: absolute;width: 0;} .et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:before, .et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:before {left: 0;-webkit-animation-name: T2S5DFB;animation-name: T2S5DFB;} @-webkit-keyframes T2S5DFB { 20% {width: 0%;} } @keyframes T2S5DFB { 20% {width: 0%;} } .et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:after, .et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:after {right: 0;-webkit-animation-name: T2S5DFA;animation-name: T2S5DFA;} @-webkit-keyframes T2S5DFA { 20% {width: 0%;} } @keyframes T2S5DFA { 20% {width: 0%;} } .et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child), .et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child) {position: relative;opacity: 1;} .et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):before, .et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):before, .et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):after, .et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):after {margin: 0 auto;} .et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):before, .et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):before {display: none;} .et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):after, .et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):after {-webkit-animation-name: T2S5DL;animation-name: T2S5DL; width: 2px;} @-webkit-keyframes T2S5DL { 20% {-webkit-transform: 100%;transform: 100%;} } @keyframes T2S5DL { 20% {-webkit-transform: 100%;transform: 100%;} } .et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child, .et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child {position: relative;-webkit-animation-name: T2S5DL;animation-name: T2S5DL;-webkit-transform: translateY(-0.375rem) rotate(-45deg);transform: translateY(-0.375rem) rotate(-45deg);} @keyframes T2S5DL { 20% {-webkit-transform: none;transform: none;} } .et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:before, .et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:before, .et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:after, .et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:after {position: absolute;width: 0;} .et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:before, .et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:before {left: 0;-webkit-animation-name: T2S5DFB;animation-name: T2S5DFB;} @keyframes T2S5DFB { 20% {width: 0%;} } .et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:after, .et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:after {right: 0;-webkit-animation-name: T2S5DMA;animation-name: T2S5DMA;} @-webkit-keyframes T2S5DMA { 20% {width: 0%;} } @keyframes T2S5DMA { 20% {width: 0%;} } /* Type 3 */ .et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon div:before {width: 100%;margin: 0 2px 0 0;} .et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon div:after {width: 2px;margin: 0;} /* Type 4 */ .et_divi_100_custom_hamburger_menu--type-4 .et_divi_100_custom_hamburger_menu__icon div {width: 2px;margin-right: auto;margin-left: auto;} .et_divi_100_custom_hamburger_menu--type-4.et_divi_100_custom_hamburger_menu--style-2 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child {-webkit-animation-name: T4S2DF;animation-name: T4S2DF;} @-webkit-keyframes T4S2DF { 0% {-webkit-transform: none;transform: none;} 20% {width: 2px;-webkit-transform: translateY(0.375rem);transform: translateY(0.375rem);} 40% {-webkit-transform: translateY(0.375rem);transform: translateY(0.375rem);} 80% {-webkit-transform: translateY(0.375rem) rotate(45deg);transform: translateY(0.375rem) rotate(45deg);} } @keyframes T4S2DF { 0% {-webkit-transform: none;transform: none;} 20% {width: 2px;-webkit-transform: translateY(0.375rem);transform: translateY(0.375rem);} 40% {-webkit-transform: translateY(0.375rem);transform: translateY(0.375rem);} 80% {-webkit-transform: translateY(0.375rem) rotate(45deg);transform: translateY(0.375rem) rotate(45deg);} } .et_divi_100_custom_hamburger_menu--type-4.et_divi_100_custom_hamburger_menu--style-2 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child {-webkit-animation-name: T4S2L;animation-name: T4S2L;} @-webkit-keyframes T4S2L { 0% {-webkit-transform: none;transform: none;} 20% {width: 2px;-webkit-transform: translateY(-0.375rem);transform: translateY(-0.375rem);} 40% {-webkit-transform: translateY(-0.375rem);transform: translateY(-0.375rem);} 80% {-webkit-transform: translateY(-0.375rem) rotate(-45deg);transform: translateY(-0.375rem) rotate(-45deg);} } @keyframes T4S2L { 0% {-webkit-transform: none;transform: none;} 20% {width: 2px;-webkit-transform: translateY(-0.375rem);transform: translateY(-0.375rem);} 40% {-webkit-transform: translateY(-0.375rem);transform: translateY(-0.375rem);} 80% {-webkit-transform: translateY(-0.375rem) rotate(-45deg);transform: translateY(-0.375rem) rotate(-45deg);} } .et_divi_100_custom_hamburger_menu--type-4.et_divi_100_custom_hamburger_menu--style-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled {-webkit-animation: T4S30.6s cubic-bezier(0.28, 0.55, 0.385, 1.65);animation: T4S30.6s cubic-bezier(0.28, 0.55, 0.385, 1.65);} @-webkit-keyframes T4S3 { 100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);} } @keyframes T4S3 { 100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);} } .et_divi_100_custom_hamburger_menu--type-4.et_divi_100_custom_hamburger_menu--style-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div {-webkit-animation-timing-function: linear;animation-timing-function: linear;} .et_divi_100_custom_hamburger_menu--type-4.et_divi_100_custom_hamburger_menu--style-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child {-webkit-animation-name: T4S3DF;animation-name: T4S3DF;} @-webkit-keyframes T4S3DF { 0% {-webkit-transform: none;transform: none;} 40% {width: 2px;-webkit-transform: translateY(0.375rem);transform: translateY(0.375rem);} 80% {-webkit-transform: translateY(0.375rem) rotate(45deg);transform: translateY(0.375rem) rotate(45deg);} } @keyframes T4S3DF { 0% {-webkit-transform: none;transform: none;} 40% {width: 2px;-webkit-transform: translateY(0.375rem);transform: translateY(0.375rem);} 80% {-webkit-transform: translateY(0.375rem) rotate(45deg);transform: translateY(0.375rem) rotate(45deg);} } .et_divi_100_custom_hamburger_menu--type-4.et_divi_100_custom_hamburger_menu--style-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child {-webkit-animation-name: T4S3L;animation-name: T4S3L;} @-webkit-keyframes T4S3L { 0% {-webkit-transform: none;transform: none;} 40% {width: 2px;-webkit-transform: translateY(-0.375rem);transform: translateY(-0.375rem);} 80% {-webkit-transform: translateY(-0.375rem) rotate(-45deg);transform: translateY(-0.375rem) rotate(-45deg);} } @keyframes T4S3L { 0% {-webkit-transform: none;transform: none;} 40% {width: 2px;-webkit-transform: translateY(-0.375rem);transform: translateY(-0.375rem); } 80% {-webkit-transform: translateY(-0.375rem) rotate(-45deg);transform: translateY(-0.375rem) rotate(-45deg);} } .et_divi_100_custom_hamburger_menu--type-4.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled {-webkit-animation: T4S40.6s cubic-bezier(0.28, 0.55, 0.385, 1.65);animation: T4S40.6s cubic-bezier(0.28, 0.55, 0.385, 1.65);} @-webkit-keyframes T4S4 { 100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);} } @keyframes T4S4 { 100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);} } .et_divi_100_custom_hamburger_menu--type-4.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child {-webkit-animation-name: T4S4DF;animation-name: T4S4DF;} @-webkit-keyframes T4S4DF {} @keyframes T4S4DF {}.et_divi_100_custom_hamburger_menu--type-4.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled{-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:0.3s cubic-bezier(.28,.55,.385,1.65);transition:0.3s cubic-bezier(.28,.55,.385,1.65);-webkit-transition-timing-function:cubic-bezier(.28,.55,.385,1.65);transition-timing-function:cubic-bezier(.28,.55,.385,1.65);} .et_divi_100_custom_hamburger_menu--type-4.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div {width: 2px;-webkit-transform: none;transform: none;} .et_divi_100_custom_hamburger_menu--type-4.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child {-webkit-transform: translateY(-4px);transform: translateY(-4px);} .et_divi_100_custom_hamburger_menu--type-4.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child) {width: 100%;opacity: 1;} .et_divi_100_custom_hamburger_menu--type-4.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child {-webkit-transform: translateY(4px);transform: translateY(4px);} /* Toggled */ .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div {width: 100%;-webkit-animation-duration: 0.6s;animation-duration: 0.6s; -webkit-animation-timing-function: cubic-bezier(0.28, 0.55, 0.385, 1.65);animation-timing-function: cubic-bezier(0.28, 0.55, 0.385, 1.65);} .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:after, .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:before {width: 100%;} .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child {-webkit-transform: translateY(0.375rem) rotate(45deg); transform: translateY(0.375rem) rotate(45deg);} .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child) {opacity: 0;} .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child {-webkit-transform: translateY(-0.375rem) rotate(-45deg); transform: translateY(-0.375rem) rotate(-45deg);} .et_divi_100_custom_hamburger_menu .mobile_menu_bar:before, .et_divi_100_custom_hamburger_menu .mobile_menu_bar:after {display: none;} /*Back To Top Style*/ .et_divi_100_custom_back_to_top .et_pb_scroll_top {z-index: 9999999;position: fixed;right: 20px;bottom: 20px;background: #236e9c;width: 40px;height: 40px;box-shadow: 0 2px 4px rgba(108, 46, 185, 0.2);-webkit-transition: all 0.2s ease, -webkit-transform 0.6s ease;transition: all 0.2s ease, -webkit-transform 0.6s ease;transition: all 0.2s ease, transform 0.6s ease;transition: all 0.2s ease, transform 0.6s ease, -webkit-transform 0.6s ease;cursor: pointer;} .et_divi_100_custom_back_to_top .et_pb_scroll_top:before {display: none;} .et_divi_100_custom_back_to_top .et_pb_scroll_top, .et_divi_100_custom_back_to_top .et_pb_scroll_top.et-visible, .et_divi_100_custom_back_to_top .et_pb_scroll_top.et-hidden {-webkit-animation: none !important;animation: none !important;} .et_divi_100_custom_back_to_top .et_pb_scroll_top, .et_divi_100_custom_back_to_top .et_pb_scroll_top.et-hidden {-webkit-transform: scale(0) rotate(0deg);transform: scale(0) rotate(0deg);} .et_divi_100_custom_back_to_top .et_pb_scroll_top.et-visible {-webkit-transform: scale(1) rotate(360deg);transform: scale(1) rotate(360deg);} .et_divi_100_custom_back_to_top .et_pb_scroll_top .et-icon-arrow-up {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);} .et_divi_100_custom_back_to_top--style-1 .et_pb_scroll_top {border-radius: 100%;} .et_divi_100_custom_back_to_top--style-2 .et_pb_scroll_top {border-radius: 4px;} .et_divi_100_custom_back_to_top--style-3 .et_pb_scroll_top {border-radius: 4px;} .et_divi_100_custom_back_to_top--style-3 .et_pb_scroll_top.et-visible {-webkit-transform: scale(1) rotate(405deg);transform: scale(1) rotate(405deg);} .et_divi_100_custom_back_to_top--style-3 .et_pb_scroll_top .et-icon-arrow-up {-webkit-transform: translate(-50%, -50%) rotate(-45deg);transform: translate(-50%, -50%) rotate(-45deg);} .et_divi_100_custom_back_to_top--style-4 .et_pb_scroll_top {right: 0;border-radius: 4px 0 0 4px;} .et_divi_100_custom_back_to_top--style-4 .et_pb_scroll_top, .et_divi_100_custom_back_to_top--style-4 .et_pb_scroll_top.et-hidden {-webkit-transform: scale(1) translate(100%, 0);transform: scale(1) translate(100%, 0);} .et_divi_100_custom_back_to_top--style-4 .et_pb_scroll_top.et-visible {-webkit-transform: none;transform: none;} .et_divi_100_custom_back_to_top--style-5 .et_pb_scroll_top {right: 0;width: auto;border-radius: 4px 0 0 4px;padding: 0 20px;line-height: 40px;} .et_divi_100_custom_back_to_top--style-5 .et_pb_scroll_top:before {content: 'Back To Top';display: inline-block;color: var(--white);font-weight: 700;} .et_divi_100_custom_back_to_top--style-5 .et_pb_scroll_top, .et_divi_100_custom_back_to_top--style-5 .et_pb_scroll_top.et-hidden {-webkit-transform: scale(1) translate(100%, 0);transform: scale(1) translate(100%, 0);} .et_divi_100_custom_back_to_top--style-5 .et_pb_scroll_top.et-visible {-webkit-transform: none;transform: none;} .et_divi_100_custom_back_to_top--style-5 .et_pb_scroll_top .et-icon-arrow-up {display: none;} .et_divi_100_custom_back_to_top--style-6 .et_pb_scroll_top {right: 0;width: auto;border-radius: 4px 4px 0 0;padding: 0 20px;line-height: 40px;} .et_divi_100_custom_back_to_top--style-6 .et_pb_scroll_top:before {content: 'Back To Top';display: inline-block;color: var(--white);font-weight: 700;} .et_divi_100_custom_back_to_top--style-6 .et_pb_scroll_top, .et_divi_100_custom_back_to_top--style-6 .et_pb_scroll_top.et-hidden {right: 40px;bottom: 100px;-webkit-transform-origin: right top;transform-origin: right top;-webkit-transform: scale(1) translate(100%, 0) rotate(-90deg);transform: scale(1) translate(100%, 0) rotate(-90deg);} .et_divi_100_custom_back_to_top--style-6 .et_pb_scroll_top.et-visible {-webkit-transform: rotate(-90deg);transform: rotate(-90deg);} .et_divi_100_custom_back_to_top--style-6 .et_pb_scroll_top .et-icon-arrow-up {display: none;} .et_divi_100_custom_back_to_top--style-7 .et_pb_scroll_top {right: 0;left: 0;bottom: 0;width: auto;padding: 0 20px;line-height: 40px;} .et_divi_100_custom_back_to_top--style-7 .et_pb_scroll_top:before {content: 'Back To Top';display: block;color: var(--white);font-weight: 700;text-align: center;} .et_divi_100_custom_back_to_top--style-7 .et_pb_scroll_top, .et_divi_100_custom_back_to_top--style-7 .et_pb_scroll_top.et-hidden {-webkit-transform: scale(1);transform: scale(1);} .et_divi_100_custom_back_to_top--style-7 .et_pb_scroll_top.et-visible {-webkit-transform: none;transform: none;} .et_divi_100_custom_back_to_top--style-7 .et_pb_scroll_top .et-icon-arrow-up {display: none;} /********** Mobile Menu Style1************/ .et_divi_100_mm_m_style1 .et_pb_menu ul.et_mobile_menu { max-height: 80vh; overflow-y: auto; } /*change hamburger icon to x when mobile menu is open*/ .et_divi_100_mm_m_style1 #et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before, .et_divi_100_mm_m_style1 .et_pb_module.et_pb_menu .et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before { content: '\4d'; } /*adjust the new toggle element which is added via jQuery*/ .et_divi_100_mm_m_style1 ul.et_mobile_menu li.menu-item-has-children .mobile-toggle, .et_divi_100_mm_m_style1 ul.et_mobile_menu li.page_item_has_children .mobile-toggle, .et-db.et_divi_100_mm_m_style1 #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle, .et-db.et_divi_100_mm_m_style1 #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle { width: 44px; height: 100%; padding: 0px !important; max-height: 44px; border: none; position: absolute; right: 0px; top: 0px; z-index: 999; background-color: transparent; } /*some code to keep everyting positioned properly*/ .et_divi_100_mm_m_style1 ul.et_mobile_menu>li.menu-item-has-children, .et_divi_100_mm_m_style1 ul.et_mobile_menu>li.page_item_has_children, .et_divi_100_mm_m_style1 ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children, .et_divi_100_mm_m_style1.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children, .et_divi_100_mm_m_style1.et-db #et-boc .et-l ul.et_mobile_menu>li.page_item_has_children, .et_divi_100_mm_m_style1.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children { position: relative; } /*remove default background color from menu items that have children*/ .et_divi_100_mm_m_style1 .et_mobile_menu .menu-item-has-children>a, .et_divi_100_mm_m_style1.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children>a { background-color: transparent; } /*hide the submenu by default*/ .et_divi_100_mm_m_style1 ul.et_mobile_menu .menu-item-has-children .sub-menu, .et_divi_100_mm_m_style1 #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu, .et_divi_100_mm_m_style1.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu, .et_divi_100_mm_m_style1.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu { display: none !important; visibility: hidden !important; } /*show the submenu when toggled open*/ .et_divi_100_mm_m_style1 ul.et_mobile_menu .menu-item-has-children .sub-menu.visible, .et_divi_100_mm_m_style1 #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible, .et_divi_100_mm_m_style1.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu.visible, .et_divi_100_mm_m_style1.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible { display: block !important; visibility: visible !important; } /*adjust the toggle icon position and transparency*/ .et_divi_100_mm_m_style1 ul.et_mobile_menu li.menu-item-has-children .mobile-toggle, .et_divi_100_mm_m_style1.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle { text-align: center; opacity: 1; } /*submenu toggle icon when closed*/ .et_divi_100_mm_m_style1 ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after, .et_divi_100_mm_m_style1.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after { top: 10px; position: relative; font-family: "ETModules"; content: '\33'; color: var(--black); background: var(--white); border-radius: 50%; padding: 3px; } /*submenu toggle icon when open*/ .et_divi_100_mm_m_style1 ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after, .et_divi_100_mm_m_style1.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after { content: '\4d'; } /*adjust the position of the hamburger menu*/ .et_divi_100_mm_m_style1 .mobile_menu_bar { position: relative; display: block; bottom: 0px !important; line-height: 0; } /*force the background color and add a rounded border*/ .et_divi_100_mm_m_style1 .et_pb_menu .et_mobile_menu, .et_divi_100_mm_m_style1 .et_pb_menu .et_mobile_menu ul { background-color: var(--white) !important; border-radius: 10px; } /********** Mobile Menu Style2************/ .et_divi_100_mm_m_style2{overflow-x: hidden;} .et_divi_100_mm_m_style2 .et_pb_menu ul.et_mobile_menu { max-height: 80vh; overflow-y: auto; } /*edit the Divi submenu*/ .et_divi_100_mm_m_style2 .et_pb_menu .nav li ul { margin-top:20px!important; } /*Mobile Menu*/ .et_divi_100_mm_m_style2 .et_mobile_menu{ Border-top:none; display: block!important; padding-top:100px!important; padding-left: 0!important; padding-right: 0!important; z-index: 9998; min-width:102vw; min-height:100vh; top:-15px !important; left:-5vw !important; position: absolute !important; } .et_divi_100_mm_m_style2 .mobile_nav.closed #mobile_menu, .et_divi_100_mm_m_style2 .mobile_nav.closed .et_mobile_menu, .et_divi_100_mm_m_style2.et-db #et-boc .et-l .mobile_nav.closed .et_mobile_menu { transform: translateY(-110%); -webkit-transform: translateY(-110%); transform-origin:top; -webkit-transform-origin:top; transition: .8s ease-in-out!important; visibility:hidden; } .et_divi_100_mm_m_style2 .mobile_nav.opened #mobile_menu, .et_divi_100_mm_m_style2 .mobile_nav.opened .et_mobile_menu, .et_divi_100_mm_m_style2.et-db #et-boc .et-l .mobile_nav.opened .et_mobile_menu { transform:translateY(-10px); -webkit-transform: translateY(-10px); transform-origin:top; -webkit-transform-origin:top; transition: .8s ease-in-out; visibility:visible; } .et_divi_100_mm_m_style2 .et_mobile_menu li a{ text-align:center; padding-left:0px!important; background:transparent!important; } .et_divi_100_mm_m_style2 .et_mobile_menu li:not(:last-child) a{ border-bottom: 1px solid rgba(0,0,0,0.10)!important; } .et_divi_100_mm_m_style2 .mobile_nav .menu-item-has-children > a { background: transparent!important; color: var(--white) !important; font-weight: inherit; } /*Mobile Menu Bar*/ .et_divi_100_mm_m_style2 .mobile_menu_bar{ /*top: 5px; /*padding:0; right:-10px; position:absolute;*/ right:-10px; z-index:10001; } /*change Divi hamburger menu to X*/ .et_divi_100_mm_m_style2 .mobile_nav.opened .mobile_menu_bar:before { content: '\4d'; color:var(--black); } @media all and (min-width: 768px) and (max-width: 980px){ .et_divi_100_mm_m_style2 #page-container .mobile_nav .menu-item-has-children > a + span{right:15px;} } @media all and (max-width: 600px){ .et_divi_100_mm_m_style2 .et_mobile_menu{left: -7vw !important;} } /**** Divi Mobile Menu Collapse Effect ****/ /**** This hides the sub menu items on mobile ****/ .et_divi_100_mm_m_style2.et-db #page-container .mobile_nav li ul.hide { display: none !important; } /**** This adjusts the positioning and the background transparency of the parent menu item on mobile ****/ .et_divi_100_mm_m_style2 #page-container .mobile_nav .menu-item-has-children { position: relative; } .et_divi_100_mm_m_style2 #page-container .mobile_nav .menu-item-has-children > a { background: transparent; } /**** This styles the icon and moves it to the right ****/ .et_divi_100_mm_m_style2 #page-container .mobile_nav .menu-item-has-children > a + span { position: absolute; right: 0; top: 0; padding: 10px 20px; font-size: 20px; font-weight: 700; cursor: pointer; z-index: 3; } /**** Here you can swap out the actual icons ****/ .et_divi_100_mm_m_style2 #page-container span.menu-closed:before { content: "\4c"; display: block; color: var(--black); font-size: 16px; font-family: ETmodules; } .et_divi_100_mm_m_style2 #page-container span.menu-closed.menu-open:before { content: "\4d"; } /********** Mobile Menu Style3************/ .et_divi_100_mm_m_style3{overflow-x: hidden;} .et_divi_100_mm_m_style3 .et_pb_menu ul.et_mobile_menu { max-height: 80vh; overflow-y: auto; } /*Mobile Menu*/ .et_divi_100_mm_m_style3 .et_mobile_menu{ Border-top:none; display: block!important; min-height: 100vh; padding-top:60px!important; padding-left:0px!important; padding-right:0px!important; z-index: 9998 !important; width: 100% !important; /* 80% to 100% */ min-width: 200px; left: auto!important; max-width: 350px; right: -5vw; top:-15px !important; position: absolute !important; box-shadow: 2px 5px 28px -1px rgba(0,0,0,0.75) !important; -webkit-box-shadow: 2px 5px 28px -1px rgba(0,0,0,0.75) !important; -moz-box-shadow: 2px 5px 28px -1px rgba(0,0,0,0.75) !important; } .et_divi_100_mm_m_style3 .mobile_nav.closed #mobile_menu, .et_divi_100_mm_m_style3 .mobile_nav.closed .et_mobile_menu, .et_divi_100_mm_m_style3.et-db #et-boc .et-l .mobile_nav.closed .et_mobile_menu { transform: rotateY(90deg); -webkit-transform: rotateY(90deg); transform-origin: right; -webkit-transform-origin: right; transition: .8s ease-in-out!important } .et_divi_100_mm_m_style3 .mobile_nav.opened #mobile_menu, .et_divi_100_mm_m_style3 .mobile_nav.opened .et_mobile_menu, .et_divi_100_mm_m_style3.et-db #et-boc .et-l .mobile_nav.opened .et_mobile_menu { transform: rotateY(0deg); -webkit-transform: rotateY(0deg); transform-origin: right; -webkit-transform-origin: right; transition: .8s ease-in-out; } .et_divi_100_mm_m_style3 .et_mobile_menu li a{ text-align:left; padding-left:20px!important; background:transparent!important; } .et_divi_100_mm_m_style3 .et_mobile_menu li:not(:last-child) a{ border-bottom: 1px solid rgba(0,0,0,0.10)!important; } .et_divi_100_mm_m_style3 .mobile_nav .menu-item-has-children > a { background: transparent!important; color:var(--white)!important; font-weight:inherit; } /*Mobile Menu Bar*/ .et_divi_100_mm_m_style3 .mobile_menu_bar{ /*top: 15px; padding:0; position: absolute;*/ right:-10px; z-index: 10001; } /*change Divi hamburger menu to X*/ .et_divi_100_mm_m_style3 .mobile_nav.opened .mobile_menu_bar:before { content: '\4d'; color:var(--black); } @media all and (min-width: 768px) and (max-width: 980px){ .et_divi_100_mm_m_style3 #page-container .mobile_nav .menu-item-has-children > a + span{right:15px;} } /**** Divi Mobile Menu Collapse Effect ****/ /**** This hides the sub menu items on mobile ****/ .et_divi_100_mm_m_style3.et-db #page-container .mobile_nav li ul.hide { display: none !important; } /**** This adjusts the positioning and the background transparency of the parent menu item on mobile ****/ .et_divi_100_mm_m_style3 #page-container .mobile_nav .menu-item-has-children { position: relative; } .et_divi_100_mm_m_style3 #page-container .mobile_nav .menu-item-has-children > a { background: transparent; } /**** This styles the icon and moves it to the right ****/ .et_divi_100_mm_m_style3 #page-container .mobile_nav .menu-item-has-children > a + span { position: absolute; right: 0; top: 0; padding: 10px 20px; font-size: 20px; font-weight: 700; cursor: pointer; z-index: 3; } /**** Here you can swap out the actual icons ****/ .et_divi_100_mm_m_style3 #page-container span.menu-closed:before { content: "\4c"; display: block; color: var(--black); font-size: 16px; font-family: ETmodules; } .et_divi_100_mm_m_style3 #page-container span.menu-closed.menu-open:before { content: "\4d"; } /********** Mobile Menu Style4************/ .et_divi_100_mm_m_style4{overflow-x: hidden;} .et_divi_100_mm_m_style4 .et_pb_menu ul.et_mobile_menu { max-height: 80vh; overflow-y: auto; } /*Divi Mobile Menu*/ .et_divi_100_mm_m_style4 .et_mobile_menu{ Border-top:none; display: block!important; min-height: 100vh; padding-top:60px!important; padding-left: 0px!important; padding-right: 0px!important; z-index: 9998 !important; width: 100% !important;/* 80% to 100% */ min-width: 200px; right: auto!important; max-width: 350px; left:-5vw !important; top:-15px !important; position: absolute !important; box-shadow: 2px 5px 28px -1px rgba(0,0,0,0.75) !important; -webkit-box-shadow: 2px 5px 28px -1px rgba(0,0,0,0.75) !important; -moz-box-shadow: 2px 5px 28px -1px rgba(0,0,0,0.75) !important; } .et_divi_100_mm_m_style4 .mobile_nav.closed #mobile_menu, .et_divi_100_mm_m_style4 .mobile_nav.closed .et_mobile_menu, .et_divi_100_mm_m_style4.et-db #et-boc .et-l .mobile_nav.closed .et_mobile_menu { transform: rotateY(90deg); -webkit-transform: rotateY(90deg); transform-origin: left; -webkit-transform-origin: left; transition: .8s ease-in-out!important } .et_divi_100_mm_m_style4 .mobile_nav.opened #mobile_menu, .et_divi_100_mm_m_style4 .mobile_nav.opened .et_mobile_menu, .et_divi_100_mm_m_style4.et-db #et-boc .et-l .mobile_nav.opened .et_mobile_menu { transform: rotateY(0deg); -webkit-transform: rotateY(0deg); transform-origin:left; -webkit-transform-origin:left; transition: .8s ease-in-out; } .et_divi_100_mm_m_style4 .et_mobile_menu li a{ text-align:left; padding-left:20px!important; background:transparent!important; } .et_divi_100_mm_m_style4 .et_mobile_menu li:not(:last-child) a{ border-bottom: 1px solid rgba(0,0,0,0.10)!important; } .et_divi_100_mm_m_style4 .mobile_nav .menu-item-has-children > a { background: transparent!important; color: var(--white)!important; } /*Mobile Menu Bar*/ .et_divi_100_mm_m_style4 .mobile_menu_bar{ /*top: 15px; padding:0; right:-10px; position:absolute;*/ right:-10px; z-index:10001; } /*change Divi hamburger menu to X*/ .et_divi_100_mm_m_style4 .mobile_nav.opened .mobile_menu_bar:before { content: '\4d'; } @media all and (min-width: 768px) and (max-width: 980px){ .et_divi_100_mm_m_style4 #page-container .mobile_nav .menu-item-has-children > a + span{right:15px;} } /**** Divi Mobile Menu Collapse Effect ****/ /**** This hides the sub menu items on mobile ****/ .et_divi_100_mm_m_style4.et-db #page-container .mobile_nav li ul.hide { display: none !important; } /**** This adjusts the positioning and the background transparency of the parent menu item on mobile ****/ .et_divi_100_mm_m_style4 #page-container .mobile_nav .menu-item-has-children { position: relative; } .et_divi_100_mm_m_style4 #page-container .mobile_nav .menu-item-has-children > a { background: transparent; } /**** This styles the icon and moves it to the right ****/ .et_divi_100_mm_m_style4 #page-container .mobile_nav .menu-item-has-children > a + span { position: absolute; right: 0; top: 0; padding: 10px 20px; font-size: 20px; font-weight: 700; cursor: pointer; z-index: 3; } /**** Here you can swap out the actual icons ****/ .et_divi_100_mm_m_style4 #page-container span.menu-closed:before { content: "\4c"; display: block; color: var(--black); font-size: 16px; font-family: ETmodules; } .et_divi_100_mm_m_style4 #page-container span.menu-closed.menu-open:before { content: "\4d"; }