
/**********************************/
/**********************************/
/******{Divi destop menu}********/
/**********************************/
/**********************************/

/******Dropdown width*****/
.et_pb_menu_0_tb_header.et_pb_menu .nav li ul, .et_pb_menu_1_tb_header.et_pb_menu .nav li ul {

    width: 270px;
}
.et-menu li li.menu-item-has-children>a:first-child:after {
    right: 20px;
    top: 16px;
}
/**********Drop down text animation*****************/

.da_relab_hdr_v1 ul li.menu-item-has-children ul.sub-menu li{
  display:block;
  padding:0;}
.da_relab_hdr_v1 ul li.menu-item-has-children ul.sub-menu li a{
  padding: 15px 30px;
  position:relative;
  border-bottom: 1px solid rgba(0,0,0,.10);
  display: block;
width: 100%;
}
.da_relab_hdr_v1 ul li.menu-item-has-children ul.sub-menu li a:hover {
  opacity:1;
  padding-left: 40px;
  background-color:#0652dc;
  color:#fff !important;}
.da_relab_hdr_v1 ul li.menu-item-has-children ul.sub-menu li a:before{
  position: absolute;
content: '';
left: 18px;
top: 26px;
width: 0;
height: 3px;
background-color: transparent;
-webkit-transition: all .500s ease-in-out;
transition: all .500s ease-in-out;}

.da_relab_hdr_v1 ul li.menu-item-has-children ul.sub-menu li a:hover:before{
  background-color: rgba(255,255,255,.50);
width: 10px;
}

/*==== elimitate opacitcy change on hover ====*/

.et_pb_menu ul>li>a:hover {
   opacity: 1!important;
}
/*==== Start Underline Slide ====*/

.da-relab-underline-slide nav ul li a {
   position: relative;
}

.da-relab-underline-slide nav ul li a::before {
   content: "";
   position: absolute;
   bottom: 20px;
   height: 2px;
   width: 10px;
   left: calc(100% + 20px);
   opacity: 0;
   background-color: #0021da;
   z-index: 2;
   display: block;
   -webkit-transition: .3s;
   -o-transition: .3s;
   transition: .3s;
   -webkit-transition-timing-function: cubic-bezier(.58, .3, .005, 1);
   -o-transition-timing-function: cubic-bezier(.58, .3, .005, 1);
   transition-timing-function: cubic-bezier(.58, .3, .005, 1);
}

.da-relab-underline-slide nav ul li a:hover::before {
   width: 100%;
   left: 0;
   opacity: 1;
}


/**********************************/
/**********************************/
/******{Divi Mobile menu }********/
/**********************************/
/**********************************/
  
/*===Mobile menu slide in animation ====*/



.et_pb_module .et_mobile_menu .menu-item-has-children.clickable, .et_pb_module .et_mobile_menu .menu-item-has-children>a {
	position:relative
}

.mobile_nav.closed .et_mobile_menu {
	-webkit-transform:translateX(-100%);
	-moz-transform:translateX(-100%);
	-ms-transform:translateX(-100%);
	-o-transform:translateX(-100%);
	transform:translateX(-100%);
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
-webkit-transition:-webkit-transform .4s 0s;
-moz-transition:-moz-transform .4s 0s;
transition:transform .4s 0s
}
.mobile_nav.opened .et_mobile_menu {
	-webkit-transform:translateX(100%);
	-moz-transform:translateX(100%);
	-ms-transform:translateX(100%);
	-o-transform:translateX(100%);
	transform:translateX(100%);
	-webkit-overflow-scrolling:touch;
-webkit-transition:-webkit-transform .4s 0s;
-moz-transition:-moz-transform .4s 0s;
transition:transform .4s 0s
}
.et_mobile_menu {
	min-height:100vh;
	height:100%;
	display:block!important;
	padding-top:60px !important;
	padding-bottom:100px !important;
	position:absolute;
	z-index:9998;
	overflow:scroll;
	border-top:none;
	padding-right:0;
	top:0px !important;
	left:-100%;
	position:fixed
}
.et_mobile_menu {
	width:320px;
	margin-left:calc(100% - 340px);
	border-top: 0px solid #fff;
	font-weight: normal;
}
.et_mobile_menu .menu-item-has-children > a:hover, .et_mobile_menu .menu-item-has-children > a {
	background-color: transparent;
	font-weight:normal;
}
.et_pb_menu ul li.current-menu-item a:hover, .et_pb_menu ul li.current-menu-item a {
	color:#fff;
}
.mobile_nav.opened .mobile_menu_bar::before {
content:"\4d"
}
/* ========================================== 
 * mobile sub  menu
 * 
 * =========================================*/

/**** This hides the sub menu items on mobile ****/
#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 ****/
#page-container .mobile_nav .menu-item-has-children {
    position: relative;
}
#page-container .mobile_nav .menu-item-has-children > a {
    background: transparent;
}
/**** This styles the icon and moves it to the right ****/
#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 ****/
#page-container span.menu-closed:before {
content: "\4c";
    display: block;
    color: #fff;
    background-color: #0021da;
    padding: 0px 5px;
    font-size: 16px;
    border-radius: 50%;
    font-family: ETmodules;
}
#page-container span.menu-closed.menu-open:before {
    content: "\4d";
}
