/*
Theme Name:  Divi Logistics Child Theme
Theme URI:   https://divi-professional.com/
Description: Divi Logistics Theme is the best choice for delivery, movers, transport & cargo companies.This child theme also perfect design for logistics, trucking, warehousing, transportation, delivery ,ocean freight and air freight services,storage service providers and companies.Logistics segment of the Economy including Cargo, Shipping, Home Movers, Logistic Warehouse, Logistic Storage, Freight, Trucking and Packaging Services.
Version:     1.0
Author:      Divi Professional
Author URI:  https://divi-professional.com/
Template:    Divi
Text Domain: dpprofe
*/

/* -----------------------------------
   General Class CSS
-------------------------------------*/
.et-menu li li.menu-item-has-children > a:first-child::after {
  top: 12px !important;
}
/*---Title CSS---*/
.px_title {
  margin-bottom: 15px !important;
}

.px_title h2 {
  font-weight: 600;
  text-transform: capitalize;
  font-size: 32px;
 line-height: 1.1em;
  color: var(--px-color-2);
}

/*---Sub Title CSS---*/
.px_subtitle h4 {
  color: var(--px-color-1);
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 500;
}

/*---Description CSS---*/
.px_desc {
  color: #888888;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0.3px;
}

/*---Underline CSS---*/
.px_underline {
  width: 85px;
  height: 5px;
}

.px_underline.center {
  margin: 0 auto;
}

.px_underline:before {
  content: "";
  background: var(--px-color-1);
  opacity: 0.3;
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 3px;
}

.px_underline:after {
  content: "";
  background: var(--px-color-1);
  width: 12px;
  height: 12px;
  display: block;
  border-radius: 50%;
  position: absolute;
  top: -4px;
  animation-duration: 3s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-name: LeftToRight;
}


/*---Responsive CSS---*/
@media only screen and (min-width:577px) and (max-width:980px) {

  /*---Title CSS---*/
  .px_title h2 {
    font-size: 30px;
  }

  /*---Sub Title CSS---*/
  .px_subtitle h4 {
    font-size: 15px;
  }

  /*---Description CSS---*/
  .px_desc {
    font-size: 15px;
  }
}

@media only screen and (max-width:576px) {

  /*---Title CSS---*/
  .px_title h2 {
    font-size: 28px;
  }

  /*---Sub Title CSS---*/
  .px_subtitle h4 {
    font-size: 14px;
  }

  /*---Description CSS---*/
  .px_desc {
    font-size: 14px;
  }
}

/*---Button CSS---*/
.px_btn {
  border: 0px !important;
  border-radius: 5px;
  padding: 10px 30px !important;
  position: relative;
  text-transform: capitalize;
  z-index: 1;
}

.px_btn::before {
  content: "" !important;
  position: absolute;
  content: "";
  width: 0;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  margin: 0px;
  z-index: -1;
  display: block !important;
  transition: all 0.5s ease;
  border-radius: 5px;
}

.px_btn::after {
  display: none
}

.px_btn:hover::before {
  width: 100%;
  opacity: 1;
}

.px_btn.primary::before {
  background: var(--px-color-2);
}

.px_btn.primary {
  background: var(--px-color-1) !important;
  color: #fff;
}

.px_btn.light::before {
  background: #fff;
}

.px_btn.light {
  background: var(--px-color-1) !important;
  color: #fff;
}

.px_btn.light:hover {
  background: var(--px-color-1) !important;
  color: var(--px-color-2);
}



/* Max Width & Reverse Column CSS */
/*---Responsive CSS---*/
@media only screen and (max-width:980px) {

  /* Max Width Col */
  .px_max_width.et_pb_column:last-child,
  .px_max_width {
    max-width: 400px;
    margin: auto !important;
    float: none !important;
    margin-bottom: 30px !important;
  }

  /* Reverse Col */
  .px_reverse_row {
    display: flex;
    flex-direction: column-reverse;
  }

  .px_reverse_row .px_reverse_col {
    order: 1;
    margin-bottom: 30px !important;
  }
}



/*--- Global Class CSS ---*/
/*****Pagination******/

.pagination-container {
  margin-bottom: 0px !important;
}

.et_pb_row_custom_pagination {
  clear: both;
  text-align: left;
}

.pagination-container {
  padding-top: 0 !important;
  margin-top: 2em;
  margin-bottom: 2em;
}

.screen-reader-text {
  display: none;
}

.navigation.px_blogpagination .page-numbers {
  display: inline-block;
  border-right: 0;
  padding: 0em 1em;
  margin: 0 -1px;
  line-height: 2.6em;
}

.navigation.px_blogpagination .page-numbers.prev,
.navigation.px_blogpagination .page-numbers.next {
  padding: 0 .5em;
}

.navigation.px_blogpagination span.page-numbers {
  color: #fff;
  border: 1px solid;
  border-color: #000 !important;
  font-weight: 600;
}

.navigation.px_blogpagination .page-numbers .et-pb-icon {
  font-size: 1.6em;
  vertical-align: middle;
  line-height: 1.5em;
  margin-top: -3px;
}

.navigation.px_blogpagination a.page-numbers:hover,
.navigation.px_blogpagination span.page-numbers {
  background-color: #000 !important;
}

.navigation.px_blogpagination a.page-numbers {
  color: #fff !important;
  background: #000;
}

.navigation.px_blogpagination a.page-numbers:hover {
  color: #fff !important;
}

/*****Slick Js******/
.slick-slide {
  margin: 10px;
}

/* -----------------------------------
   Header Section CSS
-------------------------------------*/
/*---Menu + Sub Menu CSS---*/
.px_h_menu .et_pb_menu__wrap .et_pb_menu__menu nav ul {
  padding: 10px 0px;
}

.px_h_menu .et_pb_menu__wrap .et_pb_menu__menu nav ul li {
  margin: 0px;
/*   padding: 35px 18px 20px 18px; */
}
.px_h_menu .et_pb_menu__wrap .et_pb_menu__menu nav ul li a {
  color: #1d2143;
  text-transform: capitalize;
  font-size: 15px;
  font-weight: 500;
}

.px_h_menu .et_pb_menu__wrap .et_pb_menu__menu nav ul li.current_page_item a,
.px_h_menu .et_pb_menu__wrap .et_pb_menu__menu nav ul li:hover a {
  color: var(--px-color-1);
  opacity: 1;
}

/*---Main Menu CSS---*/
/*---Sub Menu CSS---*/
.px_h_menu .et_pb_menu__wrap .et_pb_menu__menu nav ul li ul {
  border: 0px;
}

.px_h_menu .et_pb_menu__wrap .et_pb_menu__menu nav ul li ul li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  padding: 0px;
  width: 100%;
}

.px_h_menu .et_pb_menu__wrap .et_pb_menu__menu nav ul li ul li:last-child {
  border-bottom: 0;
}

.px_h_menu .et_pb_menu__wrap .et_pb_menu__menu nav ul li.current_page_item ul li a,
.px_h_menu .et_pb_menu__wrap .et_pb_menu__menu nav ul li:hover ul li a {
  color: #888;
  font-weight: 400;
  padding: 13px 20px;
  width: 100%;
}

.px_h_menu .et_pb_menu__wrap .et_pb_menu__menu nav ul li ul li a:hover {
  background: transparent;
  color: var(--px-color-1);
  padding-left: 25px;
}

.px_h_menu .et_pb_menu__wrap .et_pb_menu__menu nav ul li ul li ul {
  top: -10px;
}


/*---Header Common Info Css---*/

.px_small_info ul {
  padding: 0px;
}

.px_small_info ul li::before {
  content: "";
  height: 1px;
  width: 4px;
  background-color: rgb(255, 255, 255);
  top: 14px;
  position: absolute;
  right: -3px;
}

.px_small_info ul li:last-child::before {
  display: none;
}

.px_small_info ul li {
  position: relative;
  display: inline-block;
  padding: 0px 15px;
}

.px_small_info ul li a {
  color: #fff;
}

/*-Header Icon Info Css  -*/

.px_small_blurb_info .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap {
  background: #fff;
  padding:15px;
  z-index: 2;
  position: relative;
 border: 1px solid #e7e7e7; 
  border-radius: 5px;
}

.px_small_blurb_info .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap::before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  width: 40px;
  height: 4px;
  border-radius: 5px;
  background-color: var(--px-color-1);
  z-index: -1;
  transition: all 0.3s ease-in-out;
}

.px_small_blurb_info .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
  color: var(--px-color-1) !important;
  transition: 0.3s;
	font-size: 16px; 
}
/* Hover Effect */
.px_small_blurb_info:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap::before {
  width: 100%;
  height: 100%;
}

.px_small_blurb_info:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
  color: #fff !important;
  transition: 0.3s;
}

.px_small_blurb_info .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header:hover {
  color: var(--px-color-1);
  cursor: pointer;
  transition: 0.5s;
}

.px_small_blurb_info .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header {
  padding-bottom: 8px;
}

.px_small_blurb_info .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description {
  font-weight: 400;
}
/*--End Css -*/

.px_header_social li {
  margin-bottom: 0px;
}

.px_header_social li a::before {
  transition: 0.5s;
}

.px_header_social li a:hover::before {
  color: var(--px-color-1) !important;
  transition: 0.5s;
}

.px_header_social li a {
  margin: 0px;
  padding: 10px 5px !important;
  border-radius: 0px !important;
  transition: 0.5s;
}

.px_header_social li a:hover {
  background: #fff;
  color: var(--px-color-1) !important;
  transition: 0.5s;
}


/*--Mobile Menu CSS ---*/
.px_h_menu .et_mobile_menu {
border-top: 3px solid var(--px-color-1) !important;	
	
}
/* -----------------------------------
  Footer Section CSS
-------------------------------------*/
/*---Footer Common Info Css---*/

.px_footer_links {
  color: rgba(255, 255, 255, .8);
  transition: 0.5s;
}

.px_footer_links:hover {
  color: var(--px-color-1);
  background: transparent !important;
  transition: 0.5s;
}

.px_footer_social li .et_pb_social_media_follow_network_name {
  top: -40px;
  position: absolute;
  background: var(--px-color-1);
  color: #fff;
  padding: 3px 40px;
  margin-left: -40px;
  border-radius: 3px;
}

.px_footer_social li .et_pb_social_media_follow_network_name::after {
  content: "";
  background: var(--px-color-1);
  height: 10px;
  width: 10px;
  position: absolute;
  bottom: -5px;
  left: 50px;
  transform: rotate(45deg);
}

.px_footer_social li:hover .et_pb_social_media_follow_network_name {
  display: block !important;
}

.px_footer_gallery .et_pb_gallery_items {
  display: grid;
  grid-template-columns: repeat(3, 33.33%);
  grid-gap: 10px;
}

.px_footer_gallery .et_pb_gallery_items .et_pb_gallery_item {
  margin-bottom: 0px !important;
}

.px_footer_gallery .et_pb_gallery_items .et_pb_gallery_item .et_pb_gallery_image img {
  width: 100%;
}

.px_footer_gallery .et_pb_gallery_items .et_pb_gallery_item .et_pb_gallery_image:hover .et_overlay {
  z-index: -1 !important;
  opacity: 0 !important;
}

@media only screen and (max-width:980px) {
  .px_footer_gallery .et_pb_gallery_items {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(2, 48.5%);
  }
}

/* -----------------------------------
    Sidebar CSS
-------------------------------------*/
.px_sidebar {
border-right: none !important;
padding-right: 0 !important;	
}

.px_sidebar .et_pb_widget {
  position: relative;
  padding: 30px;
  background-color: #f9f9f9;
  border: 1px solid #F2F0EC;
  border-radius: 3px;
  margin-bottom: 35px !important;	
}

/* Widget Title CSS*/
.px_sidebar .widgettitle {
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 20px;
  margin-top: 0;
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.4;
  color: var(--px-color-2);
}

.px_sidebar .widgettitle::before {
  content: "";
  background: #eee;
  position: absolute;
  bottom: -1px;
  left: 0;
  border-radius: 10px;
  height: 3px;
  width: 100%;
}

.px_sidebar .widgettitle::after {
  content: "";
  background: var(--px-color-1);
  position: absolute;
  bottom: -1px;
  left: 0;
  border-radius: 10px;
  height: 3px;
  width: 50px;
}

/* Widget Ul Li CSS */
.px_sidebar ul {
  margin: 0;
}

.px_sidebar ul li {
margin-bottom: 0px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--px-color-1);
  padding-top: 16px;
}

.px_sidebar ul li::before {
  content: "\f105";
  font-family: "FontAwesome";
  font-weight: 900;
  color: var(--px-color-2);
  position: absolute;
  left: auto;
  right: 20px;
  transition: 0.5s;
}

.px_sidebar ul li a {
  color: #404040 !important;
  font-size: 16px;
  font-weight: 400;
  transition: 0.5s;
}

.px_sidebar ul li:hover::before,
.px_sidebar ul li:hover a {
  color: var(--px-color-1) !important;
  transition: 0.5s;
}

/* Search CSS*/
.px_sidebar .et_pb_widget.widget_search {
padding: 0px;
margin-bottom: 35px !important;
}

.px_sidebar .widget_search .searchform input#searchsubmit,
.px_sidebar .widget_search .searchform input#s {
  padding: 10px;
  height: 60px !important;
}

.px_sidebar .widget_search .searchform input#s {
  border: 2px solid var(--px-color-1);
}

.px_sidebar .widget_search .searchform input#searchsubmit {
  background-color: var(--px-color-1);
  border: 2px solid var(--px-color-1);
  color: #fff;
  font-size: 16px;
}

/* Tag CSS */
.px_sidebar .tagcloud a {
  padding: 6px 16px;
  color: var(--px-color-2);
  border-radius: 20px;
  margin: 5px 0px;
  transition: 0.5s;
}

.px_sidebar .tagcloud a:hover {
  color: #fff;
  background: var(--px-color-1);
  transition: 0.5s;
}

/* -----------------------------------
    Blog CSS
-------------------------------------*/
/*---Blog Grid CSS & 3 Columns CSS ---*/
.px_blog_v1 .et_pb_post {
  border: 0;
  padding: 0;
  margin-bottom: 0px;
}

/*---Image  CSS---*/
.px_blog_v1 .et_pb_post .et_pb_image_container {
  margin: 0;
}

.px_blog_v1 .et_pb_post .entry-featured-image-url {
  margin: 0;
  position: relative;
  padding-top: 90%;
}

.px_blog_v1 .et_pb_post .entry-featured-image-url img {
  position: absolute;
  top: 0;
  height: 100%;
  object-fit: cover;
}

/*---Info Box  CSS---*/
.px_blog_v1 .et_pb_post .px_blog_v1_info::after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: var(--px-color-1);
  height: 2px;
  transition-property: right;
  transition-duration: .5s;
  transition-timing-function: ease-out;
}

/*---Info Box Hover Effect  CSS---*/
.px_blog_v1 .et_pb_post:hover .px_blog_v1_info::after {
  right: 0;
  transition: all .5s ease-in-out 0s;
}

.px_blog_v1 .et_pb_post .px_blog_v1_info {
  box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, .1);
  margin: -30px 30px 20px 0;
  padding: 35px 25px 35px;
  transform: translateZ(0px);
  background: #fff;
  position: relative;
  display: flex;
  flex-direction: column-reverse;
}

/*---Title  CSS---*/
.px_blog_v1 .et_pb_post .entry-title {
  order: 1;
  font-size: 25px;
  padding: 15px 0px;
  color: var(--px-color-2);
  transition: 0.5s;
}

/*---Title  Hover Effect CSS---*/
.px_blog_v1 .et_pb_post .entry-title:hover {
  color: var(--px-color-1);
  transition: 0.5s;
}

/*---Post Meta  CSS---*/
.px_blog_v1 .et_pb_post .post-meta {
  order: 1;
}

.px_blog_v1 .et_pb_post .post-meta .published {
  position: absolute;
  top: -20px;
  left: 25px;
  background: var(--px-color-1);
  color: #fff;
  padding: 6px 30px;
}

.px_blog_v1 .et_pb_post .post-meta a::before {
  content: "\e066";
  font-family: ETmodules;
  color: var(--px-color-1);
  margin-right: 3px;
  margin-left: 10px;
}

/*---Author CSS---*/
.px_blog_v1 .et_pb_post .post-meta .author a::before {
  content: "\e08a";
  font-family: ETmodules;
  color: var(--px-color-1);
  margin-right: 3px;
  margin-left: 0px;
}

/*---Read More Button CSS---*/
.px_blog_v1 .et_pb_post .post-content .more-link {
  width: 80px;
  color: var(--px-color-2);
  border-bottom: 1px solid var(--px-color-2);
  text-transform: uppercase;
  transition: 0.5s;
}

/*---Read More Button Hover Effect CSS---*/
.px_blog_v1 .et_pb_post:hover .post-content .more-link {
  color: var(--px-color-1);
  border-bottom: 1px solid var(--px-color-1);
  transition: 0.5s;
}

/*---Pagination Button CSS---*/
.px_blog_v1 > div article ~ div:last-child {
grid-column: 1 / -1;	
}
.px_blog_v1 .pagination  {
grid-column: 1 / -1;	
}

.px_blog_v1 .pagination .alignleft a,
.px_blog_v1 .pagination .alignright a {
  background: var(--px-color-1);
  border-radius: 3px;
  padding: 8px 15px;
  color: #fff;
  transition: 0.5s;
}

.px_blog_v1 .pagination .alignleft:hover a,
.px_blog_v1 .pagination .alignright:hover a {
  background: var(--px-color-2);
  transition: 0.5s;
}

/*---Blog Grid 2 Columns CSS---*/
.px_blog_grid_2_col .et_pb_ajax_pagination_container {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(2, 50%);
}

/*---Blog Grid 4 Columns CSS---*/
.px_blog_grid_4_col .et_pb_ajax_pagination_container {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(4, 25%);
}

/* Responsive CSS */
@media only screen and (min-width:577px) and (max-width:980px) {

  /*---Blog Grid 4 Columns CSS---*/
  .px_blog_grid_4_col .et_pb_ajax_pagination_container {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: repeat(2, 50%);
  }
}

@media only screen and (max-width:576px) {

  /*---Info Box  CSS---*/
  .px_blog_v1 .et_pb_post .px_blog_v1_info {
    padding: 30px 20px 30px;
  }

  /*---Title  CSS---*/
  .px_blog_v1 .et_pb_post .entry-title {
    font-size: 20px;
    padding: 10px 0px;
  }

  /*---Post Meta  CSS---*/
  .px_blog_v1 .et_pb_post .post-meta {
    font-size: 12px;
  }

  .px_blog_v1 .et_pb_post .post-meta .published {
    top: -20px;
  }

  /*---Read More Button CSS---*/
  .px_blog_v1 .et_pb_post .post-content .more-link {
    font-size: 12px;
  }

  /*---Blog Grid 2 Columns CSS---*/
  .px_blog_grid_2_col .et_pb_ajax_pagination_container {
    display: block;
  }

  /*---Blog Grid 4 Columns CSS---*/
  .px_blog_grid_4_col .et_pb_ajax_pagination_container {
    display: block;
  }
}


/* Blog Listing CSS */
.px_blog_list .et_pb_post {
  display: flex;
  margin-bottom: 40px;
}

.px_blog_list .et_pb_post .entry-featured-image-url {
  padding-top: 0;
  width: 50%;
}

.px_blog_list .et_pb_post .px_blog_v1_info {
  margin: 0;
  width: 50%;
  padding-top: 55px;
}

.px_blog_list .et_pb_post .post-meta {
  margin-bottom: 0;
}

.px_blog_list .et_pb_post .post-meta .published {
  top: 0px;
}

@media only screen and (max-width:576px) {
  .px_blog_list .et_pb_post {
    display: block;
    margin-bottom: 30px;
  }

  .px_blog_list .et_pb_post .entry-featured-image-url {
    width: 100%;
    position: relative;
    padding-top: 80%;
  }

  .px_blog_list .et_pb_post .px_blog_v1_info {
    width: auto;
    box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, .1);
    margin: -30px 30px 20px 0;
    padding: 35px 25px 35px;
    transform: translateZ(0px);
    background: #fff;
    position: relative;
    display: flex;
    flex-direction: column-reverse;
  }

  .px_blog_list .et_pb_post .post-meta .published {
    top: -20px;
  }

}


.px_blog_single_meta a::before {
  content: "\6e";
  margin-right: 4px;
  font-family: ETmodules;
  color: var(--px-color-1);
}

.px_blog_single_meta a {
  color: #9a9a9a;
  transition: 0.5s;
}

.px_blog_single_meta a:hover {
  color: var(--px-color-1);
  transition: 0.5s;
}

.px_blog_detail_contact_form .et_pb_contact_main_title {
  color: var(--px-color-2);
}

.px_blog_detail_contact_form .et_pb_contact .et_pb_contact_form p textarea {
  background-color: #f9f9f9;
  color: #686a6f;
  font-size: 1rem;
  border-radius: .25rem;
  height: 250px;
  border: 1px solid #eee;
  transition: 0.5s;
}

.px_blog_detail_contact_form .et_pb_contact .et_pb_contact_form p input {
  height: calc(2.1rem + 30px);
  background-color: #f9f9f9;
  color: #686a6f;
  font-size: 1rem;
  border-radius: .25rem;
  border: 1px solid #eee;
  transition: 0.5s;
}

.px_blog_detail_contact_form .et_pb_contact .et_pb_contact_form p textarea:focus,
.px_blog_detail_contact_form .et_pb_contact .et_pb_contact_form p input:focus {
  border: 1px solid var(--px-color-1);
  transition: 0.5s;
}

.px_blog_detail_contact_form .et_pb_contact .et_pb_contact_form .et_contact_bottom_container {
  float: left;
  margin-top: 10px;
}

.px_blog_detail_contact_form .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit {
  margin-left: 22px;
  border: 0px !important;
  border-radius: 5px;
  padding: 10px 40px !important;
  position: relative;
  text-transform: capitalize;
  z-index: 1;
  background: var(--px-color-1) !important;
  color: #fff;
}

.px_blog_detail_contact_form .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit::before {
  content: "" !important;
  position: absolute;
  content: "";
  width: 0;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  margin: 0px;
  z-index: -1;
  display: block !important;
  transition: all 0.5s ease;
}

.px_blog_detail_contact_form .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit::after {
  display: none
}

.px_blog_detail_contact_form .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit:hover::before {
  width: 100%;
  opacity: 1;
  background: var(--px-color-2);
}

/* -----------------------------------
   Portfolio CSS
-------------------------------------*/
/*---Portfolio Gallary CSS & 4 Columns CSS ---*/

.et_pb_column_5 .px_portfolio_v1_4col .et_pb_portfolio_item {
  margin-bottom:30px !important;
}


.px_portfolio_v1 .et_pb_portfolio_item {
  /* margin-bottom:0px !important;*/
  position: relative;
}

/* Image Css */
.px_portfolio_v1 .et_pb_portfolio_item .et_portfolio_image {
  position: relative;
  padding-top: 100%;
  border-radius: 10px;
  background: var(--px-color-2);
  transition: 0.8s;
  width: 100% !important;

}

.px_portfolio_v1 .et_pb_portfolio_item .et_portfolio_image img {
  position: absolute;
  top: 0px;
  left: 0;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
  transition: 0.8s;
  width: 100% !important;

}

/* Overlay  Css */
.px_portfolio_v1 .et_pb_portfolio_item .et_overlay {
  z-index: -1 !important;
  opacity: 0 !important;
  display: none !important;
}


/* Info Box CSS */
.px_portfolio_v1 .et_pb_portfolio_item .px_portfolio_v1_info {
  position: absolute;
  bottom: 30px;
  left: 30px;
  display: flex;
  flex-direction: column-reverse;
  opacity: 0;
  transition: 1s;
}

/* Title Css */
.px_portfolio_v1 .et_pb_portfolio_item .et_pb_module_header {
  margin: 0 !important;
  padding: 0 !important;
  color: #fff;
  transition: 1s;
  font-size: 30px;
}

/* Category Post Meta Css */
.px_portfolio_v1 .et_pb_portfolio_item .post-meta a,
.px_portfolio_v1 .et_pb_portfolio_item .post-meta {
  margin: 0;
  padding-bottom: 5px;
  color: var(--px-color-1);
  text-transform: uppercase;
  text-align: left;
  transition: 1s;
}


/* Hover Effect */
/* Info Box CSS */
.px_portfolio_v1 .et_pb_portfolio_item:hover .px_portfolio_v1_info {
  opacity: 1;
  transition: 1s;
}

/* Image CSS */
.px_portfolio_v1 .et_pb_portfolio_item:hover .et_pb_portfolio_image img,
.px_portfolio_v1 .et_pb_portfolio_item:hover .et_portfolio_image img {
  opacity: 0.2;
  transition: 0.8s;
}


/* 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, 48.65%);
}

/* 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, 31.50%);
  grid-gap: 30px;
}
/* Portfolio 4 Column */
.px_portfolio_4_col .et_pb_portfolio_items,
.px_portfolio_4_col .et_pb_ajax_pagination_container {
   display: grid;
  grid-template-columns: repeat(4, 23.50%);
  grid-gap: 30px;
}


.px_portfolio_v1 .et_pb_portfolio_filters li a {
  border: 0;
  margin: 5px;
  color: var(--px-color-1);
  transition: 0.5s;
}

/*Hover & Active Filter Links*/
.px_portfolio_v1 .et_pb_portfolio_filters li a:hover,
.px_portfolio_v1 .et_pb_portfolio_filters li a.active {
  background: var(--px-color-1);
  color: #fff;
  border-radius: 3px;
  transition: 0.5s;
}

/*---Pagination Button CSS---*/
.px_portfolio_v1 .pagination {
grid-column: 1 / -1 !important;	
}

.px_portfolio_v1 .pagination .alignleft a,
.px_portfolio_v1 .pagination .alignright a {
  background: var(--px-color-1);
  border-radius: 3px;
  padding: 8px 15px;
  color: #fff;
  transition: 0.5s;
}

.px_portfolio_v1 .pagination .alignleft:hover a,
.px_portfolio_v1 .pagination .alignright:hover a {
  background: var(--px-color-2);
  transition: 0.5s;
}

/* Filters Links Pagination CSS */
.px_portfolio_v1 .et_pb_portofolio_pagination {
  border: 0;
}


.px_portfolio_v1 .et_pb_portofolio_pagination ul li {
  padding: 0px;
  margin-top: 20px;
}

.px_portfolio_v1 .et_pb_portofolio_pagination ul li a {
  background: transparent;
  color: var(--px-color-1);
  margin: 5px;
  border-radius: 3px;
  padding: 5px 15px;
}

.px_portfolio_v1 .et_pb_portofolio_pagination ul li a.active,
.px_portfolio_v1 .et_pb_portofolio_pagination ul li a:hover {
  background: var(--px-color-1);
  color: #fff;
}


/* Portfolio Carousel CSS */

/* Image Css */
.px_portfolio_v1.carousel .et_pb_portfolio_item .et_pb_portfolio_image {
  position: relative;
  background: var(--px-color-1);
  transition: 0.5s;
}

.px_portfolio_v1.carousel .et_pb_portfolio_item .et_pb_portfolio_image img {
  position: absolute;
  top: 0px;
  left: 0;
  height: 100%;
  object-fit: cover;
  transition: 0.5s;
}

.px_portfolio_v1.carousel .et-pb-slider-arrows .et-pb-arrow-prev {
  color: var(--px-color-1);
}

.px_portfolio_v1.carousel .et-pb-slider-arrows .et-pb-arrow-next {
  color: var(--px-color-1);
}


/* Responsive CSS */
@media only screen and (min-width:577px) and (max-width:980px) {

  /* Info Box CSS */
  .px_portfolio_v1 .et_pb_portfolio_item .px_portfolio_v1_info {
    position: absolute;
    bottom: 20px;
    left: 20px;
  }

  /* Title Css */
  .px_portfolio_v1 .et_pb_portfolio_item .et_pb_module_header {
    font-size: 22px;
  }

  /* Portfolio 3 Column */
  .px_portfolio_3_col .et_pb_portfolio_items,
  .px_portfolio_3_col .et_pb_ajax_pagination_container {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: repeat(2, 50%);
  }
/* Portfolio 4 Column */
.px_portfolio_4_col .et_pb_portfolio_items,
.px_portfolio_4_col .et_pb_ajax_pagination_container {
grid-template-columns: repeat(2, 48.2%);
  }	
}

@media only screen and (max-width:576px) {

  /* Title Css */
  .px_portfolio_v1 .et_pb_portfolio_item .et_pb_module_header {
    font-size: 28px;
  }

  /* Portfolio 2 Column */
  .px_portfolio_2_col .et_pb_portfolio_items,
  .px_portfolio_2_col .et_pb_ajax_pagination_container {
    display: block;
  }

  /* Portfolio 3 Column */
  .px_portfolio_3_col .et_pb_portfolio_items,
  .px_portfolio_3_col .et_pb_ajax_pagination_container {
    display: block;
  }
/* Portfolio 4 Column */
.px_portfolio_4_col .et_pb_portfolio_items,
.px_portfolio_4_col .et_pb_ajax_pagination_container {
    display: block;
  }	

  /* Pagination CSS */
  .px_portfolio_v1 .et_pb_portofolio_pagination ul li {
    margin-top: 0px
  }
.px_portfolio_v1 .et_pb_portfolio_item {
  margin-bottom: 40px !important;
}		
 }


.px_portfolio_single_img .et_pb_image_wrap {
  position: relative;
  padding-top: 100%;
  width: 100%;
  overflow: hidden;
  transition: 0.5s;
}

.px_portfolio_single_img .et_pb_image_wrap img {
  position: absolute;
  top: 0;
  height: 100%;
  object-fit: cover;
  width: 100%;
  transition: 0.5s;
}

/* Icon CSS */
.px_bar_counter_v1_icon.portfolio_single .et_pb_icon_wrap .et-pb-icon {
  padding: 30px;
  border-radius: 0px;
  background: var(--px-color-1);
  color: #fff !important;
}

.px_bar_counter_v1_icon.portfolio_single .et_pb_icon_wrap .et-pb-icon::after,
.px_bar_counter_v1_icon.portfolio_single .et_pb_icon_wrap .et-pb-icon::before {
  border-radius: 0px;
}

.px_portfolio_single_icon_img .et_pb_image_wrap {
  overflow: hidden;
  transition: 0.6s;
}

.px_portfolio_single_icon_img .et_pb_image_wrap img {
  transition: 0.6s;
}

.px_portfolio_single_icon_img .et_pb_image_wrap:hover img {
  transform: scale(1.1);
  transition: 0.6s;
}

/* Sidebar CSS */
 .px_portfolio_single_sidebar_1 {
background-color: #f4f4f4 !important;	
}

.px_portfolio_single .px_portfolio_single_sidebar_1 {
background-color: #f4f4f4 !important;		
}
.px_portfolio_single_text h3 {
  background: var(--px-color-2);
  color: #fff;
  padding: 25px;
}
 .px_portfolio_single_blurb_info .et_pb_blurb_content .et_pb_blurb_container {
  padding-left: 0px !important;
}
 .px_portfolio_single_blurb_info .et-pb-icon{
 color: var(--px-color-1) !important;	
}
.px_portfolio_single_blurb_info .et_pb_blurb_description a{
color:#666 !important;	
}
/*----------Navigation-------*/
.px_post_navigation{
/*  margin: 0px auto !important; */
  width: 100% !important;
}
.px_post_navigation a{
 color: var(--px-color-2) !important;
  transition: all .2s ease-in-out;
  display: inline-block;
  border: 1px solid #ebebeb;
  padding: 8px 15px;
	border-radius: 3px !important;
}
.px_post_navigation a:hover{
color: #fff !important;
background:var(--px-color-1) !important;	
}


/* Image & Icon CSS */
.px_portfolio_single_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap {
  background-color: #FFFFFF;
  border-radius: 0px 0px 0px 0px;
  box-shadow: 0px 0px 2px 0px rgba(141.75, 141.75, 141.75, 0.75);
  padding: 20px;
  transition: 0.5s;
}

.px_portfolio_single_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
  color: var(--px-color-1) !important;
  transition: 0.3s;
}

.px_portfolio_single_blurb:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap {
  transform: rotateY(180deg);
  transition: 0.5s;
}

.px_portfolio_single_blurb:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
  color: var(--px-color-2) !important;
  transition: 0.3s;
}

/* Description CSS */
.px_portfolio_single_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description {
  font-weight: 400;
}

/* Title CSS */
.px_portfolio_single_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header {
  color: var(--px-color-2);
  transition: 0.5s;
}

.px_portfolio_single_blurb:hover .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header {
  color: var(--px-color-1);
  transition: 0.5s;
}


/* -----------------------------------
  Services CSS
-------------------------------------*/
/*---Services v1 CSS---*/
/*Img Css */
.px_services_v1_blurb .et_pb_blurb_content .et_pb_main_blurb_image {
  background: var(--px-color-1);
  padding: 20px;
  margin-bottom: 0;
}
.px_services_v1_blurb.approaches .et_pb_blurb_content .et_pb_main_blurb_image {
  background: transparent;
}

.px_services_v1_blurb .et_pb_blurb_content .et_pb_main_blurb_image  {
border-top-right-radius:3px;
  z-index: 2;
  position: relative;	
}
.px_services_v1_blurb .et_pb_blurb_content .et_pb_main_blurb_image:before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  width: 40px;
  height: 4px;
  background-color: var(--px-color-2);
  z-index: -1;
  transition: all 0.3s ease-in-out;
 border-top-right-radius:3px !important;
}
.px_services_v1:hover .px_services_v1_blurb .et_pb_blurb_content .et_pb_main_blurb_image:before {
  width: 100%;
  height: 100%;
}


/*Icon Css */
.px_services_v1_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
  color: #fff;
}

.approaches .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
 color: var(--px-color-1);
  transition: 0.3s;
  padding: 15px;
  border-radius: 5px;
  z-index: 2;
  position: relative;
  border: 1px solid #e7e7e726;
}
.approaches:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
 color:#fff;
  transition: 0.3s;
}
.approaches .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon:before {
position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  width: 40px;
  height: 4px;
  border-radius: 5px;
  background-color: var(--px-color-1);
  z-index: -1;
  transition: all 0.3s ease-in-out;	
}
.approaches:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon:before {
width: 100%;
height: 100%;	
}
/*Content Css */
.px_services_v1_blurb .et_pb_blurb_content .et_pb_blurb_container {
  padding: 30px 25px 10px 25px;
}

/*Title Css */
.px_services_v1_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header {
  color: var(--px-color-2);
  transition: 0.5s;
}

/*Description Css */
.px_services_v1_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description {
  font-weight: 400;
}

.px_services_v1_blurb.approaches .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description {
  font-weight: 400;
  color: #ffffff94;
}

/* Button CSS */
.px_services_v1_btn::before {
  content: "";
  position: absolute;
  background: var(--px-color-1);
  transition: all 0.5s linear;
  width: calc(100% + 1px);
  height: 1px;
  right: 0px;
  bottom: 0px;
  display: block;
  opacity: 1;
}

.px_services_v1_btn::after {
  display: none !important;
}

.px_services_v1_btn {
  border: 0 !important;
  padding: 0px !important;
  position: relative;
  color: var(--px-color-1);
  font-weight: 400;
  transition: 0.6s;
}

.px_services_v1_btn:hover {
  background: transparent !important;
}

.px_services_v1_btn:hover::before {
  width: 0px;
}

/* Hover Effect CSS */
.px_services_v1:hover .px_services_v1_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header {
  color: var(--px-color-1);
  transition: 0.5s;
}

.px_services_v1_img .et_pb_image_wrap img {
  object-fit: cover;
}


/*---Services Single Page CSS---*/

.px_services_single .px_single_service_title .et_pb_text_innere {
  position: relative;
  margin-top: 0;
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.4;
  color: var(--px-color-2);
}
.px_services_single .px_single_service_title .et_pb_text_inner h2 {
 padding-bottom:20px !important;	
}

.px_services_single .px_single_service_title .et_pb_text_inner::before {
  content: "";
  background: #eee;
  position: absolute;
  bottom: -1px;
  left: 0;
  border-radius: 10px;
  height: 3px;
  width: 100%;
}

.px_services_single .px_single_service_title .et_pb_text_inner::after {
  content: "";
  background: var(--px-color-1);
  position: absolute;
  bottom: -1px;
  left: 0;
  border-radius: 10px;
  height: 3px;
  width: 50px;
}

/*--Button---*/
.px_service_btn{
	color: #000;
background: #fff;
}
 .px_active_btn,
.px_service_btn:hover{
color: #fff !important;
}
body #page-container .et_pb_section .px_service_btn:after {
display: initial !important;
  right: 15px;
}
.px_service_btn::before {
  background: var(--px-color-1);
}
 .px_active_btn::before {
width: 100%;
  opacity: 1;
}
/*-------Service CTA-------*/
.px_service_cta .et_pb_module_header {
 position: relative;
 margin-bottom: 25px;
}
.px_service_cta .et_pb_module_header {
 padding-bottom:20px !important;	
}
.px_service_cta .et_pb_module_header::before {
  content: "";
background: #eeeeee61 !important;
  position: absolute;
  bottom: -1px;
  left: 0;
  border-radius: 10px;
  height: 3px;
  width: 100%;
}

.px_service_cta .et_pb_module_header:after {
  content: "";
  background: var(--px-color-1);
  position: absolute;
  bottom: -1px;
  left: 0;
  border-radius: 10px;
  height: 3px;
  width: 50px;
}


/*---Button CSS---*/

.px_service_cta .et_pb_button {
  border: 0px !important;
  border-radius: 5px;
  position: relative;
  background: var(--px-color-1) !important;
  color: #fff;
  z-index: 1;
}

.px_service_cta .et_pb_button:after {
  content: "" !important;
  position: absolute;
  content: "";
  background: #fff;
  width: 0;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  margin: 0px;
  z-index: -1;
  display: block !important;
  transition: all 0.5s ease;
  border-radius: 5px;
}


.px_service_cta .et_pb_button:hover::after {
  width: 100%;
  opacity: 1;
}

.px_service_cta .et_pb_button:hover {
  background: var(--px-color-1) !important;
  color: var(--px-color-2);
}
.px_service_cta_2 {
	
}
.px_service_cta_2 .et_pb_blurb_container {
  padding: 0px 30px 50px !important;
}


/* -----------------------------------
    Team Section CSS
-------------------------------------*/
/*---Team v1  CSS---*/
.px_team_v1 {
  overflow: hidden;
}

/* Image Css */
.px_team_v1 .et_pb_team_member_image {
  margin: 0;
  width: 100%;
  max-width: 100%;
}

.px_team_v1 .et_pb_team_member_image img {
  width: 100%;
  max-width: 100%;
}

/* Description Css*/
.px_team_v1 .et_pb_team_member_description {
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
  padding: 20px 10px;
  margin: 0px 30px;
  transform: translateY(-30px);
  background: #fff;
 border-radius: 5px;
}

.px_team_v1 .et_pb_team_member_description::before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  width: 40px;
  height: 4px;
  border-radius: 5px;
  background-color: var(--px-color-1);
  z-index: -1;
  transition: all 0.3s ease-in-out;
}
.px_team_v1:hover .et_pb_team_member_description::before {
  width: 100%;
  height: 100%;	
}

.px_team_v1 .et_pb_team_member_description .et_pb_module_header {
  color: var(--px-color-2);
  transition: all 0.3s ease-in-out;
}

.px_team_v1 .et_pb_team_member_description .et_pb_member_position {
  color: var(--px-color-1);
  font-weight: 400;
  transition: all 0.3s ease-in-out;
}
.px_team_v1:hover .et_pb_team_member_description .et_pb_module_header {
  color:#fff !important;
}

.px_team_v1:hover .et_pb_team_member_description .et_pb_member_position {
  color:#fff !important;
}

/* Social Links Css*/
.px_team_v1 .et_pb_member_social_links {
  margin: 0;
  display: inline-grid;
  position: absolute;
  top: 12px;
  left: -60px;
}

.px_team_v1 .et_pb_member_social_links li {
  margin: 0px;
}

.px_team_v1 .et_pb_member_social_links li a {
  height: 60px;
  width: 60px;
  line-height: 60px;
  color: #fff;
  background: var(--px-color-1);
  transition: 0.5s;
}

.px_team_v1 .et_pb_member_social_links li a:hover {
  background: var(--px-color-2);
  transition: 0.5s;
}

/* Social Links Css*/
.px_team_v1:hover .et_pb_member_social_links {
left: 15px;
  transition: 0.5s;
}

/* Description Css*/
.px_team_v1:hover .et_pb_team_member_description::before {
  height: calc(100% + 1px);
}

.px_team_v1:hover .et_pb_team_member_description::after {
  width: calc(100% + 1px);
}

/* Responsive CSS */
@media only screen and (min-width:577px) and (max-width:980px) {

  /* Social Links Css*/
  .px_team_v1 .et_pb_team_member_description .et_pb_member_social_links {
    top: 0px;
    transform: translateY(-355px);
  }
}

@media only screen and (max-width:576px) {

  /* Social Links Css*/
  .px_team_v1 .et_pb_team_member_description .et_pb_member_social_links {
    top: 0px;
    transform: translateY(-255px);
  }

  .px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li a {
    height: 50px;
    width: 50px;
    line-height: 50px;
  }
}


.px_team_single_info .et_pb_text_inner {
  font-size: 18px;
  font-weight: 400;
  line-height: 40px;
}

.px_team_single_info .et_pb_text_inner span {
  color: var(--px-color-2);
  font-size: 20px;
  font-weight: 600;
}

.px_team_single_form.px_blog_detail_contact_form .et_pb_contact .et_pb_contact_form p textarea,
.px_team_single_form.px_blog_detail_contact_form .et_pb_contact .et_pb_contact_form p input {
  background: #fff;
  border: 1px solid #eee;
  transition: 0.5s;
}

.px_team_single_form.px_blog_detail_contact_form .et_pb_contact .et_pb_contact_form p textarea:focus,
.px_team_single_form.px_blog_detail_contact_form .et_pb_contact .et_pb_contact_form p input:focus {
  border: 1px solid var(--px-color-1);
  transition: 0.5s;
}


/* -----------------------------------
   Slider Section CSS
-------------------------------------*/

/*---Title CSS---*/
.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description {
  padding-top: 150px;
  padding-bottom: 150px;
}

.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_title {
  padding-bottom: 40px;
}

.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_title span {
  padding-bottom: 3px;
  border-bottom: 3px solid var(--px-color-1);
}

/*---Description CSS---*/

.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content p {
  width: 60%;
  margin: 0 auto;
  margin-bottom: 20px;
}

.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content h3 {
  font-size: 90px;
  font-weight: 700;
  padding-bottom: 20px;
  max-width: 980px;	
  margin: 0 auto;
  line-height: 1.2em;
}

/*---Button CSS---*/

.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button {
  border: 0px !important;
  border-radius: 5px;
  padding: 10px 30px !important;
  position: relative;
  background: var(--px-color-1) !important;
  color: #fff;
  z-index: 1;
}

.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button::before {
  content: "" !important;
  position: absolute;
  content: "";
  background: #fff;
  width: 0;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  margin: 0px;
  z-index: -1;
  display: block !important;
  transition: all 0.5s ease;
  border-radius: 5px;
}

.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button::after {
  display: none
}

.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button:hover::before {
  width: 100%;
  opacity: 1;
}

.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button:hover {
  background: var(--px-color-1) !important;
  color: var(--px-color-2);
}

/*---Arrow CSS---*/

.px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-prev,
.px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-next {
  font-size: 40px;
  background: rgba(0, 0, 0, 0.5);
}

.px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-prev:hover,
.px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-next:hover {
  background: rgb(0, 0, 0);
}

/*---Responsive CSS---*/
@media only screen and (min-width:577px) and (max-width:980px) {
  .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content h3 {
    font-size: 50px
  }

  .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content p {
    width: 100%;
    margin-bottom: 20px;
  }
}

@media only screen and (max-width:576px) {
  .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_title {
    padding-bottom: 30px;
  }

  .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description {
    padding: 50px 0px;
  }

  .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content h3 {
    font-size: 35px
  }

  .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content p {
    width: 100%;
    margin-bottom: 15px;
  }

  .px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-prev,
  .px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-next {
    font-size: 30px;
  }
}

/*---Page Header Title CSS---*/


/*---Dots Navigation CSS---*/

.px_slider_v1 .et-pb-controllers a {
background:#ffff !important;
opacity:1 !important;	
}

.px_slider_v1 .et-pb-controllers a.et-pb-active-control {
background-color: var(--px-color-1) !important;
  width: 20px;
	
}


/* -----------------------------------
   Faqs CSS
-------------------------------------*/
/*---Faqs v1  CSS---*/

/*---Title CSS---*/
.px_faqs_v1 .et_pb_toggle .et_pb_toggle_title {
  padding: 0;
  color: var(--px-color-2);
}

/*---Title Icon CSS---*/
.px_faqs_v1 .et_pb_toggle .et_pb_toggle_title::before {
  color: var(--px-color-2);
  font-size: 22px;
  font-weight: 600 !important;
}

/*---Open Title CSS---*/
.px_faqs_v1 .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title {
  color: var(--px-color-1);
  padding: 0;
}

/*---Open Title Icon CSS---*/
.px_faqs_v1 .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title::before {
  content: "\32" !important;
  font-family: ETmodules !important;
  color: var(--px-color-1);
  font-size: 22px;
  display: block !important;
  font-weight: 600 !important;
}

/*---Content CSS---*/
.px_faqs_v1 .et_pb_toggle .et_pb_toggle_content {
  font-weight: 400;
}

/*---Faqs Blurb v1  CSS---*/
.px_faqs_v1_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et-pb-icon {
  color: var(--px-color-1);
  transition: 1s;
}

.px_faqs_v1_blurb .et_pb_blurb_content .et_pb_blurb_description {
  font-weight: 400;
}

.px_faqs_v1_blurb .et_pb_blurb_content .et_pb_module_header {
  color: var(--px-color-2);
  transition: 1s;
}

/* Blurb Hover Effect */
.px_faqs_v1_blurb:hover .et_pb_blurb_content .et_pb_main_blurb_image .et-pb-icon {
  color: var(--px-color-2);
  transition: 1s;
}

.px_faqs_v1_blurb:hover .et_pb_blurb_content .et_pb_module_header {
  color: var(--px-color-1);
  transition: 1s;
}


/* -----------------------------------
  Timeline CSS
-------------------------------------*/
/*---Timeline v1  CSS---*/
.px_timeline_text {
	border: solid 2px #fff;
  transition: all .3s;
	overflow:visible !important;
}
.px_timeline_text:hover  {
	border: dashed 2px;
	border-color: var(--px-color-1);
}
.px_text2_time_line .et_pb_text_inner:before{
/* content: "";
  left: -72px;
  width: 60px;
  height: 2px;
  z-index: 999;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
background: var(--px-color-1);	 */
}
@media screen and ( max-width: 980px ) {
    .px_timeline_v1 {
   display: flex !important; 
        flex-direction: column-reverse !important;
    }
	    .px_timeline_v1_2 {
        flex-direction: column-reverse !important;
    }
} 
/* -----------------------------------
  	 Pricing Table CSS
-------------------------------------*/
/*---Pricing Default CSS---*/


/* Price CSS */
.px_pricing_number h3 {
  padding-bottom: 20px;
}

.px_pricing_number h2 {
  padding-bottom: 5px;
}

.px_pricing_number h5 {
  font-weight: 400;
}

/* About List CSS */
.px_pricing_about_list {
  color: var(--px-color-2);
}

.px_pricing_about_list::before {
  color: var(--px-color-1);
  margin-left: -25px !important;
}

/* Hover Effect */
.px_pricing_about_list:hover {
  background: transparent !important;
}

/* Responsive CSS */
@media only screen and (max-width:576px) {
  .px_pricing_number h3 {
    padding-bottom: 10px;
  }
}


/* -----------------------------------
   Testimonial Section CSS
-------------------------------------*/
/*---Testimonial v1  CSS---*/

.px_testimonial_v1.et_pb_testimonial {
border-radius: 3px !important;	
}


/*---Image v1  CSS---*/
.px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_portrait {
  float: none;
  margin: 0 auto;
  border: 2px solid var(--px-color-1);
  top: -60px;
  border-radius: 5px;
}

/*---Description---*/
.px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description {
  margin-left: 0px !important;
}

.px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_description_inner {
  border-bottom: 1px solid #F4F4F4;
}

.px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_description_inner .et_pb_testimonial_content {
  font-weight: 400;
}

/*---Author CSS---*/
.px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_author {
  margin-top: 20px;
  color: var(--px-color-2);
}

/*---Meta CSS---*/

.px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_meta .et_pb_testimonial_position {
  color: var(--px-color-1);
  font-weight: 400;
}


/*Review */
.px_testimonial_v1 .px_review {
  position: absolute;
  top: -45px;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: block;
  overflow: hidden;
}

.px_testimonial_v1 .px_review ul {
  position: relative;
  display: block;
  overflow: hidden;
  list-style: none;
  margin: 0;
  padding: 0;
}

.px_testimonial_v1 .px_review ul li {
  display: inline-block;
  float: none;
  margin: 0 3px;
  color: #FF9529;
  font-size: 16px;
  line-height: 45px
}

.px_testimonial_v1 .px_review ul li:before {
  content: "\e033";
  font-family: ETmodules !important
}

.px_testimonial_v1 .px_review ul li.star:before {
  content: "\e031"
}

.px_testimonial_v1 .px_review ul li.star-0:before {
  content: "\e032"
}

/* Slick Js */
.px_testimonial_v1_slide .slick-list {
  padding-top: 25px;
}
/* Slick Button */
.px_testimonial_v1_slide .slick-dots {
bottom: 0px !important;
}
.px_testimonial_v1_slide .slick-prev, 
.px_testimonial_v1_slide .slick-next{
background: var(--px-color-1) !important;
width: 40px !important;
  height: 40px !important;	
}
.px_testimonial_v1_slide .slick-prev:hover, 
.px_testimonial_v1_slide .slick-next:hover{
background:#ffff !important;
}

.px_testimonial_v1_slide .slick-next{
right: -45px !important;	
}
.px_testimonial_v1_slide .slick-prev{
left: -45px !important;	
} 
.px_testimonial_v1_slide .slick-prev::before {
  content: '\23' !important;
  font-family: ETmodules !important;
  opacity: 1 !important;
}
.px_testimonial_v1_slide .slick-next::before {
  content: '\24' !important;
  font-family: ETmodules !important;
  opacity: 1 !important;
}
.px_testimonial_v1_slide .slick-prev:hover::before,
.px_testimonial_v1_slide .slick-next:hover::before{
color:var(--px-color-1) !important;	
}
.px_testimonial_v1_slide .slick-dots li.slick-active button::before {
  opacity: 1 !important;
  color: #fff !important;
  background-color: var(--px-color-1) !important;
  width: 20px;
  border-radius: 50%;
}
.px_testimonial_v1_slide .slick-dots li button::before{
opacity: 1 !important;
  color: #fff !important;	
}

@media only screen and (max-width:980px) {
.px_testimonial_v1_slide .slick-dots {
 bottom: -25px !important;
}
 }

/* -----------------------------------
  About Us Section CSS
-------------------------------------*/
/*---About Us v1 CSS---*/

/* Blurb CSS */
.px_aboutus_v1_blurb {
  box-shadow: 0 5px 40px rgba(0, 0, 0, 0.07);
  position: relative;
  transition: all 500ms ease;
  z-index: 0;
}

/* Blurb Image & Icon CSS */
.px_aboutus_v1_blurb .et_pb_blurb_content .et_pb_main_blurb_image {
  margin-bottom: 15px;
}

.px_aboutus_v1_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap {
  padding: 15px;
  z-index: 2;
  position: relative;
border: 1px solid #d7cccc;
  border-radius: 5px;
}

.px_aboutus_v1_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap::before {
 position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  width: 40px;
  height: 4px;
  border-radius: 5px;
  background-color: var(--px-color-1);
  z-index: -1;
  transition: all 0.3s ease-in-out; 
}

.px_aboutus_v1_blurb:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap::before {
  width: 100%;
  height: 100%; 
  
}

.px_aboutus_v1_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
  color: var(--px-color-1);
  transition: 0.3s;
  font-size: 28px !important;	
}


.px_aboutus_v1_blurb:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
  color: #fff;
  transition: 0.3s;
}
.px_aboutus_v1_blurb:hover {
  background-color: #fff; 
  transition: all 500ms ease;
}
.px_aboutus_v1_blurb:hover .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header {
/*   color:#fff !important; */
}
/* Author Box CSS */
.px_aboutus_v1_author .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap {
  outline: 2px solid var(--px-color-1);
  outline-offset: 5px;
}

.px_aboutus_v1_author .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header {
  padding-bottom: 5px;
  margin-top: 10px;
  transition: 0.5s;
}


.px_aboutus_v1_author .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description {
  font-weight: 400;
}
@media screen and ( max-width: 980px ) {
 .about_reverse_row .et_pb_row {
        display: flex !important;
        flex-direction: column-reverse !important;
    }
} 
/* -----------------------------------
  	 Choose Us Section CSS
-------------------------------------*/
/*---Choose Us v1 CSS---*/

/* Image & Icon CSS */
.px_choose_v1_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap {
	position: relative;
}

.px_choose_v1_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon::before {
 position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  width: 40px;
  height: 4px;
  border-radius: 5px;
  background-color: var(--px-color-1);
  z-index: -1;
  transition: all 0.3s ease-in-out; 
}


.px_choose_v1_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
  color: var(--px-color-1);
  z-index: 2;
  transition: 0.3s;
   background: #fff;
  padding: 20px;
  border-radius: 5px;
  z-index: 2;
  position: relative;
  border: 1px solid #e7e7e7;
}


/* Description CSS */
.px_choose_v1_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description {
  font-weight: 400;
}

.px_choose_v1_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header {
  color: var(--px-color-2);
  margin-top: 10px;
  transition: 0.5s;
}

/* Hover Effect */
.px_choose_v1_blurb:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
  color: #fff;
  transition: 0.3s;
}
.px_choose_v1_blurb:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon:before {
   width: 100%;
  height: 100%; 
}

.px_choose_v1_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header:hover {
  color: var(--px-color-1);
  cursor: pointer;
  transition: 0.5s;
}

@media only screen and (max-width:767px)  {
  .et_pb_column .px_choose_v1_blurb {
    margin-bottom: 48px !important;
  }
}
/* -----------------------------------
  	 Process Section CSS
-------------------------------------*/
/*---Process Us v1 CSS---*/

/* Blurb Icon & Image CSS */
.px_process_v1_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap {
   background-color: var(--px-color-2);
  padding: 30px;
  position: relative;
  border-radius: 5px;
  z-index: 2;
}

.px_process_v1_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap::before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  width: 40px;
  height: 4px;
  border-radius: 5px;
  background-color: var(--px-color-1);
  z-index: -1;
  transition: all 0.3s ease-in-out;
}

.px_process_v1_blurb:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap::before {
  width: 100%;
  height: 100%;
}

/* Blurb Description CSS */
.px_process_v1_blurb .et_pb_blurb_content .et_pb_blurb_description {
  font-weight: 400;
}
.px_process_v1:hover .px_process_text {
background:#fff !important;	
color:#000 !important;	
}

/* -----------------------------------
  	 Skill-bar Section CSS
-------------------------------------*/
/*---Skill-bar v1 CSS---*/

/*---Title CSS---*/
.px_bar_counter_v1 li.et_pb_counter .et_pb_counter_title {
  color: var(--px-color-2);
}

.px_bar_counter_v1 li.et_pb_counter .et_pb_counter_container {
  background: #e4e9f9;
  height: 10px;
  overflow: visible;
  border-radius: 5px;
  margin-top: 10px;
  margin-bottom: 30px;
}

/*---Percentage CSS---*/
.px_bar_counter_v1 li.et_pb_counter .et_pb_counter_container .et_pb_counter_amount {
  background: var(--px-color-1);
  height: 10px;
  border-radius: 5px;
}

/*---Percentage CSS---*/

.px_bar_counter_v1 li.et_pb_counter .et_pb_counter_container .et_pb_counter_amount_number_inner {
  position: absolute;
  top: -35px;
  color: var(--px-color-2);
}

/*---Icon CSS---*/
.px_bar_counter_v1_icon .et_pb_icon_wrap .et-pb-icon {
  color: var(--px-color-1) !important;
  background: #fff;
  border-radius: 50%;
  padding: 50px;
  transition: 0.5s;
}

/* Pluse Effect CSS */
.px_bar_counter_v1_icon .et_pb_icon_wrap .et-pb-icon::before {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9);
  animation: Pluse 3s infinite;
  animation-delay: .9s;
  transition: all .4s ease;
}

.px_bar_counter_v1_icon .et_pb_icon_wrap .et-pb-icon::after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9);
  animation: Pluse 3s infinite;
  animation-delay: .5s;
  transition: all .4s ease;
}

/* Hover Effect */
.px_bar_counter_v1_icon .et_pb_icon_wrap .et-pb-icon:hover {
  color: var(--px-color-2) !important;
  transition: 0.5s;
}

@media only screen and (max-width:576px) {

  /*---Icon CSS---*/
  .px_bar_counter_v1_icon .et_pb_icon_wrap .et-pb-icon {
    padding: 30px;
  }
}



/* -----------------------------------
  	 Counter Section CSS
-------------------------------------*/
/*---Counter v1 CSS---*/
.px_counter_v1 {
  background: var(--px-color-1);
  border-top: 5px solid var(--px-color-1);
  border-radius: 10px;
  padding: 40px 30px;
  box-shadow: 0px 5px 24px 0px rgba(217, 217, 217, 0.2);
  transition: 0.5s;
}

.px_counter_v1:hover {
  transform: translatey(-10px);
  transition: 0.5s;
}

.px_counter_v1::after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0;
  right: 0;
  height: 0;
  z-index: 2;
  background-color: #fff;
  border-radius: 10px;
  transition: all 0.5s;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
}

.px_counter_v1:hover::after {
  height: 100%;
  left: 0;
  opacity: 1;
  visibility: visible;
}

/* Icon CSS */
.px_counter_v1_icon .et_pb_icon_wrap .et-pb-icon {
  color: #fff !important;
  transition: 0.5s;
}

.px_counter_v1:hover .px_counter_v1_icon .et_pb_icon_wrap .et-pb-icon {
  color: var(--px-color-1) !important;
  transition: 0.5s;
}

/* Number Counter CSS */
.px_counter_v1_number .percent {
  margin-bottom: 0px !important;
}

.px_counter_v1_number .percent .percent-value {
  color: #fff;
  transition: 0.5s;
}

.px_counter_v1:hover .px_counter_v1_number .percent .percent-value {
  color: var(--px-color-2);
  transition: 0.5s;
}

.px_counter_v1_number h3 {
  color: #fff;
  transition: 0.5s;
}

.px_counter_v1:hover .px_counter_v1_number h3 {
  color: var(--px-color-2);
  transition: 0.5s;
}


/* -----------------------------------
  	 Newsletter Section CSS
-------------------------------------*/
/*---Newsletter v1 CSS---*/
.px_newsletter_v1 {
  width: 50%;
}

/*Input Css*/
.px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_field {
  flex-basis: 100%;
  padding: 0;
  margin: 0;
}

.px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_field input[type="text"] {
  padding: 16px 20px !important;
  font-size: 18px;
}


/*Button Css*/
.px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap {
  border: 0;
  position: absolute;
  right: 0;
}

.px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button {
  color: transparent;
  background-color: #f6f6f6;
  border-radius: 0px 3px 3px 0px;
}

.px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button::after {
  color: var(--px-color-1);
}


@media only screen and (min-width:577px) and (max-width:980px) {
  .px_newsletter_v1 {
    width: 70%;
  }
}

@media only screen and (max-width:576px) {
  .px_newsletter_v1 {
    width: 100%;
  }
}

/* -----------------------------------
  	Client Section CSS
-------------------------------------*/
.px_client_v1 {
  margin-bottom: 0px !important;
}

.px_client_v1 .et_pb_image_wrap {
  position: relative;
}

.px_client_v1 .et_pb_image_wrap::before {
  content: "";
  background: #eaeaea;
  width: 1px;
  height: 60%;
  position: absolute;
  top: 15px;
  right: -50px;
}

.px_client_v1 .et_pb_image_wrap img {
  width: 180px;
  filter: grayscale(100%);
}

/* Reponsive CSS */
@media only screen and (min-width:577px) and (max-width:980px) {
  .px_client_v1 .et_pb_image_wrap::before {
    top: 20px;
    right: -20px;
  }
}

@media only screen and (max-width:576px) {
  .px_client_v1 .et_pb_image_wrap::before {
    top: 15px;
    right: -12px;
  }
}


/* -----------------------------------
   Coming Soon Page CSS
-------------------------------------*/
/* Timer CSS */
.px_coming_timer .et_pb_countdown_timer_container .values {
  padding: 30px;
  border-radius: 15px;
  width: 20% !important;
}

.px_coming_timer .et_pb_countdown_timer_container .sep {
  opacity: 0;
}

.px_coming_timer .et_pb_countdown_timer_container .values::before {
  content: "";
  background: #666;
  opacity: 0.6;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 15px;
  z-index: -1;
}

/* Social Link CSS */
.px_coming_social li {
  margin: 0px 5px;
}

.px_coming_social li a {
  margin: 0px;
  border: 2px solid var(--px-color-1);
  border-radius: 0px !important;
  transition: 0.5s;
}

.px_coming_social li a::before {
  color: var(--px-color-1) !important;
  transition: 0.5s;
}

/* Hover Effect */
.px_coming_social li a:hover {
  border: 2px solid var(--px-color-2);
  background: var(--px-color-2);
  transition: 0.5s;
}

.px_coming_social li a:hover::before {
  color: #fff !important;
  transition: 0.5s;
}

/* Clock CSS */
.px_coming_clock {
  width: 250px;
  height: 250px;
  border-radius: 50%;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
  background-color: rgba(0, 0, 0, .40);
  transform: scale(2);
}

.clock-base {
  width: 250px;
  height: 250px;
  border-radius: 50%;
}

.click-indicator {
  position: absolute;
  z-index: 1;
  top: 10px;
  left: 10px;
  width: 230px;
  height: 230px;
}

.click-indicator div {
  position: absolute;
  width: 2px;
  height: 4px;
  margin: 113px 114px;
}

.click-indicator div>span {
  height: 5px;
  width: 5px;
  background-color: #ffffff;
  display: inline-block;
  border-radius: 50%;
  margin-left: -1px;
  margin-top: -1px;
}

.click-indicator div:nth-child(1) {
  transform: rotate(30deg) translateY(-120px);
}

.click-indicator div:nth-child(2) {
  transform: rotate(60deg) translateY(-120px);
}

.click-indicator div:nth-child(3) {
  transform: rotate(90deg) translateY(-120px);
  background-color: var(--px-color-1);
}

.click-indicator div:nth-child(4) {
  transform: rotate(120deg) translateY(-120px);
}

.click-indicator div:nth-child(5) {
  transform: rotate(150deg) translateY(-120px);
}

.click-indicator div:nth-child(6) {
  transform: rotate(180deg) translateY(-120px);
  background-color: var(--px-color-1);
}

.click-indicator div:nth-child(7) {
  transform: rotate(210deg) translateY(-120px);
}

.click-indicator div:nth-child(8) {
  transform: rotate(240deg) translateY(-120px);
}

.click-indicator div:nth-child(9) {
  transform: rotate(270deg) translateY(-120px);
  background-color: var(--px-color-1);
}

.click-indicator div:nth-child(10) {
  transform: rotate(300deg) translateY(-120px);
}

.click-indicator div:nth-child(11) {
  transform: rotate(330deg) translateY(-120px);
}

.click-indicator div:nth-child(12) {
  transform: rotate(360deg) translateY(-120px);
  background-color: var(--px-color-1);
}

.clock-hour {
  position: absolute;
  z-index: 2;
  top: 75px;
  left: 123px;
  width: 4px;
  height: 65px;
  background-color: var(--px-color-1);
  border-radius: 2px;
  box-shadow: 0 0 2px rgba(0, 0, 0, .2);
  transform-origin: 2px 50px;
  transition: .5s;
  -webkit-animation: rotate-hour 43200s linear infinite;
  -moz-animation: rotate-hour 43200s linear infinite;
}

.clock-minute {
  position: absolute;
  z-index: 3;
  top: 55px;
  left: 123px;
  width: 4px;
  height: 85px;
  background-color: var(--px-color-1);
  border-radius: 2px;
  box-shadow: 0 0 2px rgba(0, 0, 0, .2);
  transform-origin: 2px 70px;
  transition: .5s;
  -webkit-animation: rotate-minute 3600s linear infinite;
  -moz-animation: rotate-minute 3600s linear infinite;
}

.clock-second {
  position: absolute;
  z-index: 4;
  top: 15px;
  left: 124px;
  width: 2px;
  height: 130px;
  background-color: #ffffff;
  opacity: .9;
  box-shadow: 0 0 2px rgba(0, 0, 0, .2);
  transform-origin: 1px 110px;
  transition: .5s;
  -webkit-animation: rotate-second 60s linear infinite;
  -moz-animation: rotate-second 60s linear infinite;
}

.clock-center:before {
  content: "";
  display: block;
  position: absolute;
  left: 69px;
  top: 69px;
  width: 8px;
  height: 8px;
  background-color: #222222;
  border: solid 2px #222222;
  border-radius: 50%;
  box-shadow: 0 0 3px rgba(0, 0, 0, .2);
}

.clock-center {
  position: absolute;
  z-index: 1;
  width: 150px;
  height: 150px;
  top: 50px;
  left: 50px;
  box-shadow: 0 0 3px rgba(0, 0, 0, .2);
  border-radius: 50%;
}

.clock-center:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  margin: 65px;
  background-color: #ddd;
  border-radius: 50%;
}


@keyframes rotate-second {
  0% {
    transform: rotate(288deg);
  }

  100% {
    transform: rotate(648deg);
  }
}


@keyframes rotate-minute {
  0% {
    transform: rotate(166.8deg);
  }

  100% {
    transform: rotate(526.8deg);
  }
}


@keyframes rotate-hour {
  0% {
    transform: rotate(283.5deg);
  }

  100% {
    transform: rotate(643.5deg);
  }
}


@media only screen and (min-width:577px) and (max-width:980px) {
  .px_coming_timer .et_pb_countdown_timer_container .values {
    padding: 20px;
  }

  .px_coming_timer .et_pb_countdown_timer_container .sep {
    margin-top: 20px;
  }
}

@media only screen and (max-width:576px) {
  .px_coming_timer .et_pb_countdown_timer_container .values {
    padding: 10px;
  }

  .px_coming_timer .et_pb_countdown_timer_container .sep {
    margin-top: 10px;
  }
}


/* -----------------------------------
  Search Page CSS
-------------------------------------*/
.px_search_bar input.et_pb_s {
  border: 2px solid var(--px-color-1);
}

.px_search_bar input.et_pb_searchsubmit {
  background: var(--px-color-1);
  color: #fff;
  border-radius: 0px 5px 5px 0px;
  padding: 0px 20px;
  border: 2px solid var(--px-color-1);
}



/* -----------------------------------
     Animation Part CSS
-------------------------------------*/
/**Color Picker Img Animation*/
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(359deg);
  }
}



/* Move Left To Riht Animation*/
@keyframes LeftToRight {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(80px);
  }
}


/* Play Icon Pluse Animation*/
@keyframes Pluse {
  70% {
    -webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
  }

  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}

/* 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);
  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: 5px;
  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: 105vw;
  min-height: 100vh;
  top: -15px !important;
  left: -10vw !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(--black) !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: 768px){
  .et_divi_100_mm_m_style2 .et_mobile_menu {
    min-width: 108vw;
  }

}

/**** 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(--black) !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;
  }
}
@media all and (max-width: 768px){
  .et_divi_100_mm_m_style3 .et_mobile_menu {
    right: -3vw;
  }

}


/**** 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(--black) !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;
  }
}

@media all and (max-width: 768px){
  .et_divi_100_mm_m_style4 .et_mobile_menu {
    left: -3vw  !important;
  }

}

/**** 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";
}

/* breadcrumbs */
#dpprof_breadcrumbs .separator {
  font-size: 20px;
  color: var(--white);
  font-weight: 100;
}

#dpprof_breadcrumbs {
  overflow: hidden;
  text-align: center;
  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;
}

/*----------------------------Pop Up Css---------------------------------*/
/* -----------------------------------
    29. Slide In CSS
 ----------------------------------- */
/* Show/hide the popup overlay wrapper when "is-visible" class changes, apply the CSS to frontend only */

body:not(.et-fb) .px-popup-wrapper .px-popup-content {
  position: fixed;
  z-index: 990;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: all .5s cubic-bezier(.14, .06, .41, 1.39);
  opacity: 0;
  visibility: hidden;

}

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

}


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


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

/* Center Align Popup Content inside the Section */
.px-popup-content {
/*   display: flex;
  flex-direction: column;
  justify-content: center; */
 scrollbar-width: none;
  overflow-y: auto;
  max-height: 100vh;	
}

.px-popup-content .et_pb_row {
  margin-top: 0;
  margin-bottom: 0;
}


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

@media (min-width:783px) {
  body:not(.et-fb).admin-bar .px-popup-wrapper {
    top: 32px;
  }
}

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

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

/*Slide In Css Start Here*/
.px_slidein {
  overflow: visible !important;
}

.px_slidein:after {
  content: "";
  position: absolute;
  bottom: 40px;
  left: 10px;
  width: calc(100% - 20px);
  height: 80%;
  background-color: var(--px-color-1);
  border-radius: inherit;
  z-index: -1;
  transition: all 0.2s;
  opacity: 0;
}

.px_slidein .et_pb_button_module_wrapper {
  background: #fff;
  padding-bottom: 15px;
}

.px_slidein:hover:after {
  bottom: -15px;
  transition: all 0.2s;
  opacity: 1;
}

.px_feature_info .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
  color: var(--px-color-1);
}

.px_feature_info .et_pb_module_header span {
  color: var(--px-color-2);
}
.px_feature_info:after {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  width: 40px;
  height: 4px;
  background-color: var(--px-color-1);
  z-index: -1;
  transition: all 0.3s ease-in-out;
}

/* Hover Effect */
.px_feature_info:hover:after {
  width: 100%;
  height: 100%;
}
.px_feature_info:hover .et_pb_module_header span,
.px_feature_info:hover .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
  color:#fff !important;
}
/***Feature Info 2 Css ***/
.px_feature_info_2 .et_pb_blurb_container {
  vertical-align: middle !important;
}
.px_feature_info_2 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap {
  background: #fff;
  padding:15px;
  z-index: 2;
  position: relative;
 border: 1px solid #e7e7e7; 
  border-radius: 5px;
}

.px_feature_info_2 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap::before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  width: 40px;
  height: 4px;
  border-radius: 5px;
  background-color: var(--px-color-1);
  z-index: -1;
  transition: all 0.3s ease-in-out;
}

.px_feature_info_2 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
  color: var(--px-color-1) !important;
  transition: 0.3s;
}
/* Hover Effect */
.px_feature_info_2:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap::before {
  width: 100%;
  height: 100%;
}

.px_feature_info_2:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
  color: #fff !important;
  transition: 0.3s;
}

/*-----------*/
.px_scale_in .px_contact .et_contact_bottom_container {
  margin-top: 10px;
  margin-right: 10px;
}

.px_services_v3_info.px_slide_service .et_pb_image_wrap .et-pb-icon {
  position: relative;
  top: 0;
}

.px_silde_hover.px_hover_v2:hover:before {
  height: 100%;
  opacity: 1;
  transition: .4s;
}

.px_silde_hover.px_hover_v2:hover .et_pb_promo_description .et_pb_module_header {
  color: #fff !important;
  transition: .4s;
}

.px_silde_hover.px_hover_v2:hover .et_pb_promo_description p {
  color: #fff !important;
  transition: .4s;
}

.px_silde_hover.px_hover_v2:hover .et_pb_button_wrapper .et_pb_button {
  color: #fff !important;
  transition: .4s;
}

/* Icon CSS */
.px_icon_bar {
  padding: 0px !important;
/*   background: var(--px-color-1) !important; */
  border-radius: 5px;
  transition: all 0.5s ease;
  box-shadow: 0px 0px 0px 0px;
   border: none !important;	
	z-index: 2;
  position: relative;
  border: 1px solid #e7e7e7 !important;
}
.px_icon_bar:after {
  padding: 7px 15px 7px 9px;
  display: block;
  position: relative;
  color: var(--px-color-1) !important;
  font-size: 20px !important;
}
.px_icon_bar:hover:after {
  color:#fff !important;
}

.px_icon_bar:before {
display: block !important;
  position: absolute;
  content: "" !important;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  width: 40px;
  height: 4px;
  border-radius: 5px;
  background-color: var(--px-color-1) !important;
  z-index: -1;
  transition: all 0.3s ease-in-out;
  opacity: 1 !important;
}

.px_icon_bar:hover {
/*   background: var(--px-color-2) !important; */
}

.px_icon_bar:hover:before {
  width: 100%;
  height: 100%;
}

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

body:not(.et-fb) .px-popup-wrapper.popup-is-visible .px-popup-content.px_move_up {
  transform: translateY(-30px);
}


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

body:not(.et-fb) .px-popup-wrapper.popup-is-visible .px-popup-content.px_move_downup {
  transform: translateY(0%);
}

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

body:not(.et-fb) .px-popup-wrapper.popup-is-visible .px-popup-content.px_slide_right {
  transform: translateX(0%);
}

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

body:not(.et-fb) .px-popup-wrapper.popup-is-visible .px-popup-content.px_slide_left {
  transform: translateX(0%);
}


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

@keyframes scale-in {
  0% {
    transform: scale(0.3);
    opacity: 0
  }

  100% {
    transform: scale(1);
    opacity: 1
  }
}

/*Popup Overlay Css Move Up Start Here*/
body:not(.et-fb) .px-popup-wrapper .px-popup-content.px_move_up {
  top: unset;
  min-height: auto;
  right: 20px;
}

.px-popup-wrapper .px_move_up {
  transform: translateY(100%);
  transition: all .8s ease-in-out, width .4s ease-in-out, top .8s ease-in-out !important;
}

.px-popup-wrapper.popup-is-visible .px_move_up {
  transform: translateY(-30px);
}


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

.px-popup-wrapper.popup-is-visible .px_move_downup {
  transform: translateY(0%);
}


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

.px-popup-wrapper.popup-is-visible .px_slide_right {
  transform: translateX(0%);
}

/*Popup Overlay Css Slide left Here*/
.px-popup-wrapper .px_slide_left {
  transform: translateX(0%);
  transition: all .8s ease-in-out, width .4s ease-in-out, top .8s ease-in-out !important;
}
.px_blog_detail_tag .et_pb_text_inner{
font-weight: 700;
font-size: 18px;
color: var(--px-color-2);
}
.px_blog_detail_tag a{
	background: var(--px-color-1) ;
  transition: 0.5s;
	color: #FFFFFF;
  border-width: 0px ;
  border-radius: 0px;
  font-size: 14px;
	padding: 0.3em 1em ;}
.px_blog_detail_tag a:hover{background: var(--px-color-2) ;transition: 0.5s;}

.px_blog_detail_comment .et_pb_button {
  margin-left: 22px;
  border: 0px !important;
  border-radius: 5px;
  padding: 10px 40px !important;
  position: relative;
  text-transform: capitalize;
  z-index: 1;
  background: var(--px-color-1) !important;
  color: #fff;
}
.px_blog_detail_comment .et_pb_button:after{content:none;}
.px_blog_detail_comment .et_pb_button:before {
content: "" !important;
  position: absolute;
  content: "";
  width: 0;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  margin: 0px;
  z-index: -1;
  display: block !important;
  transition: all 0.5s ease;
}
.px_blog_detail_comment .et_pb_button:hover::before {
  width: 100%;
  opacity: 1;
  background: var(--px-color-2);
}
.px_blog_detail_comment .comment_area .comment-reply-link {
display: inline-block;
  left: 0px;
  padding: 10px 15px !important;
  margin-left: 0px;
}
.px_blog_detail_comment a{  color: var(--px-color-2);}