.nav-mobile {
  position: absolute;
         top: -28%;
    left: 14%;
  width: 21.2vw;
  background: #140F4B;
  color: #FFF;
  padding: 0;
  margin: 0;
  cursor: auto;
  font-size: 18px;
  list-style-type: none;
  z-index: 999999;
  box-shadow: 0 5px 5px -5px #333;
}
.nav-mobile:after {
  content: "";
  display: table;
  clear: both;
}
.nav-mobile svg {
    height: 50px;
    width: 50px;
  padding: 0px;
}
.nav-mobile svg path {
  fill: #140F4B;
}
.nav-mobile svg.icon-close {
  display: none;
  padding: 10px;
}

.menu-sub-title{padding-left:58%;}
.nav-mobile li {
width: 100%;
height: 59px;
line-height: 46px;
text-align: center;
float: left;
font-size: 25px;
font-family: 'Avenir Next World W05_n6';
}
.nav-mobile li a {
  /* display: inline-block;/** for bug number CBC - 9575**/
  display: table-cell;
  color: #fff;
  padding-left:20px;/**Added padding for CBC - 7261**/
  width: 100%;
  height: 100%;
  text-decoration: none;
  word-break: keep-all;
  vertical-align:middle;/** for bug number CBC - 9575**/
  line-height:28px;/** for bug number CBC - 9575**/
}
.nav-mobile .menu-button {
  position: absolute;
      top: -24px;

  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
 
  cursor: pointer;
  display: block;
}
.nav-mobile .menu-button:after {
  opacity: 0;
  top: 3px;
  left:44%;
  content: "";
  width: 75vw;
  display: block;
  position: fixed;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  content: "";
  z-index: 9;
  pointer-events: none;
  transition: opacity 0.2s cubic-bezier(0, 0, 0.3, 1);
  transition-delay: 0.1s;
}

 
.nav-mobile #menu-toggle {
  display: none;
}
.nav-mobile #menu-toggle.active ~ .menu-button .icon-close, .nav-mobile #menu-toggle:checked ~ .menu-button .icon-close {
  display: block;
}



.nav-mobile #menu-toggle.active ~ .menu-button .icon-open, .nav-mobile #menu-toggle:checked ~ .menu-tit {
  display: none;
}

.nav-mobile #menu-toggle.active ~ .menu-button .icon-close, .nav-mobile #menu-toggle:checked ~ .menu-tit {
  display: block;
}






.nav-mobile #menu-toggle.active ~ .menu-button .icon-open, .nav-mobile #menu-toggle:checked ~ .menu-button .icon-open {
  display: none;
}
.nav-mobile #menu-toggle.active ~ .menu-button:after, .nav-mobile #menu-toggle:checked ~ .menu-button:after {
  opacity: 1;
  pointer-events: auto;
  transition: opacity 0.3s cubic-bezier(0, 0, 0.3, 1);
  
  
}
 
.nav-mobile #menu-toggle.active ~ .menu-sidebar, .nav-mobile #menu-toggle:checked ~ .menu-sidebar {
  transform: translateX(0);
  transition: transform 0.3s cubic-bezier(0, 0, 0.3, 1);
  left:0;
      
	  overflow-x: hidden;
}

 




.nav-mobile label{color: #fff;font-size:24px;}
.nav-mobile .menu-container {
  width: 65px;
  width: 65px;
  float: left;
  /* cursor: pointer; *//**cbc-10745**/
  position: absolute;
}
/**8016 Start**/
        .nav-mobile .menu-container .menu-sidebar li .menu-sub li.featureProduct:hover{
        background-color:transparent;
        } 
        /**.nav-mobile .menu-container .menu-sidebar li .menu-sub a{
        padding:0px 40px
        }**/
        .nav-mobile .menu-container .menu-sidebar li .menu-sub li.featureProduct:hover a{
        color:#fff!important;
        }
        .nav-mobile .menu-container .menu-sidebar li .menu-sub li.featureProduct:hover ul li a:hover{
        color: #1010EB!important;
        }
.featureProduct ul{
        padding:0px;
        }
        .featureProduct ul li:last-child:after{
        content:'';
        position:absolute;
        display:block;
        width:90%;
        background-color:#fff;
        height:1px;
        left:22px;
        bottom:0px;
        }
        .featureProduct ul li:last-child{
        margin-bottom:30px;
        }
        .featureProduct ul li:last-child a{
        padding-bottom:30px;
        }

/**8016 End**/

.nav-mobile .menu-container .menu-sidebar {
  background-color: #140F4B;
  display: block;
  width:100%;/**CBC - 7357**/
  max-width: 450px;/**CBC - 7357**/
  bottom: 0;
  color: #fff;
  position: fixed;
  z-index: 9999999;
  transform: translateX(-405px);
  transition: transform 0.3s cubic-bezier(0, 0, 0.3, 1);
  top:0px;/**CBC - 7357**/
  list-style-type: none;
  border-top: 1px solid #555E64;
  padding: 23px 0 0px 0;
  left: -237px;
  /**max-width: 635px;**//**CBC - 7357**/
  overflow-y:auto;
}
.nav-mobile .menu-container .menu-sidebar .arrow {
  position: absolute;
  line-height: 50px;
  font-size: 32px;
  color: #555;
  top: 0;
  z-index: 0;
}
.nav-mobile .menu-container .menu-sidebar .arrow.left {
  left: 25px;
}
.nav-mobile .menu-container .menu-sidebar .arrow.right {
  right: 25px;
}
.nav-mobile .menu-container .menu-sidebar li {
  /* height: 77px;  for bug number CBC - 9575*/
  line-height: 77px;
  font-size: 24px;
  text-align: left;
  position: relative;
  /**padding-left:20px; /**CBC - 7357 remove padding for CBC - 7261**/
  font-family: Avenir Next World W05_n4,'MontserratReg';
  display: table;
  margin-bottom:20px;/**for bug number CBC - 9575*/
}
.nav-mobile .menu-container .menu-sidebar li:hover {
     background-color: #F5F5F5;
}
.nav-mobile .menu-container .menu-sidebar li:hover ul a{
color:#fff;
}
.nav-mobile .menu-container .menu-sidebar li a:hover,
.nav-mobile .menu-container .menu-sidebar li:hover a,/** Added this row for bug number CBC-5402 by sayed**/
.nav-mobile .menu-container .menu-sidebar li:hover > label,/** Added this row for bug number CBC-5402 by sayed**/
.nav-mobile .menu-container .menu-sidebar li ul.menu-sub li:hover a /** Added this row for bug number CBC-5402 by sayed**/
{
color: #1010EB;
}


.nav-mobile .menu-container .menu-sidebar li .menu-sub {
  position: fixed;
  top: 0;
  right: 0;
  left:-3px;
  bottom: 0;
  width: 0;
  overflow: hidden;
 background-color: #140F4B;
  visibility: hidden;
  transition: all 0.3s cubic-bezier(0, 0, 0.3, 1);
  border-top: 1px solid #555E64;
  border-bottom: 1px solid #555E64;
  border-left: 1px solid #ccc;
  list-style-type: none;
      padding: 23px 0 0px 0;
  margin: 0;
  z-index: 2;
  max-width: 710px;
}
.nav-mobile .menu-container .menu-sidebar li .menu-sub li {
  overflow: hidden;
  padding-right: 0px; /** for story number 8016**/
}
.featureProduct ul li.lastchild{
  line-height:4px!important;
  height:auto!important;
 }
 .featureProduct ul li.lastchild:hover{
  background-color:transparent!important;
 }
.nav-mobile .menu-container .menu-sidebar li .menu-sub .menu-sub-title {
	/**padding-left: 50px;**/ /**CBC - 7357**/
	color:#fff;
	font-size:24px;
	padding-left:20px;
	border-bottom:none;
	display: table;
}
.nav-mobile .menu-container .menu-sidebar li .menu-sub .menu-sub-title .submenu-label-back {
	padding-left:155px; /**CBC-7261**/
}
.nav-mobile .menu-container .menu-sidebar li .menu-sub li.prodCustom.menu-sub-title .submenu-label-back{
  width: auto;
  display: inline-block;
  margin-bottom:0px;
  line-height:28px;
   /**cbc-10745**/
  /* padding-left: 25px; */
}
 /**cbc-10745**/
.nav-mobile .menu-container .menu-sidebar li.prodCustom .submenu-label-back {
  background: url(../images/back2.png) left 50% no-repeat;
  background-size:20px;
}
 /**cbc-10745**/
.nav-mobile .menu-container .menu-sidebar li.prodCustom .submenu-label-back.longBack:before{
  content:''!important;
 }
.nav-mobile .menu-container .menu-sidebar li .menu-sub .menu-sub-title.prodCustom {
  display: flex;
  align-items: center;
  height:auto;
}
.nav-mobile .menu-container .menu-sidebar li .submenu-label-back {
cursor: pointer;
width: 100%;
height: 100%;
display: table-cell;
color:#fff;
font-size:24px;
padding: 0 0 0 86px;
/*background: url(../images/back.png) no-repeat scroll 0px center / 5% auto;*/
vertical-align: middle;
position:relative;
/**pointer-events: none;8016**/
}
/* @media (prefers-color-scheme: light) {
  body {
      background-color: white!important;
      color: black;
  }
} */
@media (prefers-color-scheme: dark) {
  .nav-mobile .menu-container .menu-sidebar li .menu-sub li.prodCustom.menu-sub-title .submenu-label-back,
  .nav-mobile .menu-container .menu-sidebar li .menu-sub li.prodCustom.menu-sub-title .submenu-label-back span{
    filter: invert();
  }
  .featureProduct ul li:last-child:after{
    filter: invert();
  }
  
}



/**CBC-7261**/
.nav-mobile .menu-container .menu-sidebar li .submenu-label-back:before {
content: "\f104";
font-family: fontAwesome;
position: absolute;
left:100px;
}
	.nav-mobile .menu-container .menu-sidebar li .menu-sub .menu-sub-title :hover,
	.nav-mobile .menu-container .menu-sidebar li .submenu-label:hover{
		color:#1010EB;
	}		
			
 .menu-tit{ margin-left: 75%;display:none;width: 365px;
    position: absolute;
    background: #140F4B;
	bottom: 36px;}
.nav-mobile .menu-container .menu-sidebar li .submenu-label {
cursor: pointer;
width: 100%;
height: 100%;
display: table-cell;
color:#fff;
font-size:24px;
vertical-align: middle;
padding-left:20px;/**Added padding for CBC - 7261**/
}
.nav-mobile .menu-container .menu-sidebar li .submenu-label:after{
content: "\f105";
font-family:fontAwesome;
text-align:right;
float:right;
padding-right:20px;
font-size:36px;
}
.nav-mobile .menu-container .menu-sidebar li .submenu-toggle {
  display: none;
}

.nav-mobile .menu-container .menu-sidebar li .submenu-toggle.active ~ .menu-sub, .nav-mobile .menu-container .menu-sidebar li .submenu-toggle:checked ~ 
.menu-sub {
  width: 44vw;
  visibility: visible;
  z-index: 1;
  transition: width 0.35s cubic-bezier(0, 0, 0.3, 1);
      overflow-y: auto;
	     
}




.signout {
   position: relative;
    bottom: -67px;
    width: 100%;
	/*text-align: center !important;
    padding-left: 0 !important;
	*/
}
/**@media(max-width:500px){
	.nav-mobile .menu-container .menu-sidebar li{
		    padding-left: 20px!important;
	}
}**/ /**CBC-7261**/
 /*Nav Menu Style For Desktop*/
 @media (max-width: 1024px) 
 {
/**.nav-mobile .menu-container .menu-sidebar{ width: 80vw;    top: 57px;}**/ /**CBC - 7357**/
.nav-mobile{width: 77.2vw;top: 1%;left: 3%;}
.nav-mobile .menu-container .menu-sidebar li .submenu-label{ font-size: 16px;}
.nav-mobile li{font-size: 20px;}
.nav-mobile li a{ font-size: 16px;}
.nav-mobile .menu-button:after {left:80%;}
.nav-mobile .menu-container .menu-sidebar li {
	/**padding-left: 67px;**/ /**CBC-7261**/
	height: 44px;
	line-height: 44px;
	}
.nav-mobile .menu-container .menu-sidebar li .submenu-toggle.active ~ .menu-sub, .nav-mobile .menu-container .menu-sidebar li .submenu-toggle:checked ~ .menu-sub { width: 81vw;}
/**.nav-mobile .menu-container .menu-sidebar li .menu-sub .menu-sub-title{    padding-left: 9%;}**/ /**CBC-7261**/
.nav-mobile .menu-container .menu-sidebar li .menu-sub li a{font-size: 14px;}
.menu-tit {    margin-left: -58%;width: 400px;  position: relative;    right: 45px;top: -32%;}
.nav-mobile .menu-container .menu-sidebar li .submenu-label-back{font-size: 20px!important; padding: 0 0 0 40px;}
.signout {   position: absolute;}
	.nav-mobile svg{
	height: 30px;
	width: 30px;
	padding: 0px;
	margin: 10px;
	}
	
 }
 
  @media(max-width:48em){ /**CBC-7261**/
	 .nav-mobile li a,
	 .nav-mobile .menu-container .menu-sidebar li .submenu-label{
		 padding-left:40px;
	 }
 }
 @media (min-width: 1920px) {
.menu-tit{  width: 311px;}
	.nav-mobile .menu-button:after{left: 44%;}
	.nav-mobile { width: 121vw;left:-46px;}
	.header .cstmcontainer {
    /**max-width: 949px !important;
    padding-left: 43px !important;**/
    padding-right: 0px;
}
.nav-mobile .menu-container .menu-sidebar li .menu-sub .menu-sub-title { padding-left: 20px;}/**CBC - 7357**/
.nav-mobile .menu-container .menu-sidebar li {padding-left:20px;}  /**CBC - 7357**/
/**.nav-mobile .menu-container .menu-sidebar { CBC - 7357
    background-color: #140F4B;
    display: block;
    width: 47vw;
    bottom: 0;
    color: #fff;
    position: fixed;
    z-index: 9999999;
    transform: translateX(-405px);
    transition: transform 0.3s cubic-bezier(0, 0, 0.3, 1);
    top: 71px;
    list-style-type: none;
    border-top: 1px solid #555E64;
    padding: 23px 0 0px 0;
    left: -443px;
    max-width: 845px;
	
	}**/
	
	.nav-mobile .menu-container .menu-sidebar li .menu-sub {
    position: fixed;
    top: 0;
    right: 0;
    left: -3px;
    bottom: 0;
    width: 0;
    overflow: hidden;
    background-color: #140F4B;
    visibility: hidden;
    transition: all 0.3s cubic-bezier(0, 0, 0.3, 1);
    border-top: 1px solid #555E64;
    border-bottom: 1px solid #555E64;
    border-left: 1px solid #ccc;
    list-style-type: none;
    padding: 23px 0 0px 0;
    margin: 0;
    z-index: 2;
    max-width: 846px;
}	 
 }

 @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.nav-mobile #menu-toggle:checked ~ .menu-sidebar .menu-sub{
    opacity: 1;
    transition: transform 0.3s cubic-bezier(0, 0, 0.3, 1);
    left: 0;
	top:71px;
	display:block;

 }
 .nav-mobile .menu-container .menu-sidebar li .menu-sub {opacity:0;display:none;}
 }

/*Nav Menu Scroll Bar Styles
.menu-sub::-webkit-scrollbar {
  width: 12px;
  height: 2px;
}
.menu-sub::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
.menu-sub::-webkit-scrollbar-thumb {
  background: #e1e1e1;
  border: 0px none #ffffff;
  border-radius: 50px;
}
.menu-sub::-webkit-scrollbar-thumb:hover {
  background: #ffffff;
}
.menu-sub::-webkit-scrollbar-thumb:active {
  background: #000000;
}
.menu-sub::-webkit-scrollbar-track {
  background: #666666;
  border: 0px none #ffffff;
  border-radius: 50px;
}
.menu-sub::-webkit-scrollbar-track:hover {
  background: #666666;
}
.menu-sub::-webkit-scrollbar-track:active {
  background: #333333;
}
.menu-sub::-webkit-scrollbar-corner {
  background: transparent;
}
/**Start CBC - 7357**/
 @media(max-width:48em){
	 .nav-mobile .menu-container .menu-sidebar{
		     width: 90%;
	 }
      .nav-mobile .menu-container .menu-sidebar li.prodCustom .submenu-label-back{
      background-size:16px;
      background-position-y: 50%;
      }
      /* .nav-mobile .menu-container .menu-sidebar li:focus,
      .nav-mobile .menu-container .menu-sidebar li:active{
      background-color:#fff!important;
      } */
      .nav-mobile .menu-container .menu-sidebar li:hover {
      background-color:transparent;
      /* color: #fff; */
      }
      .nav-mobile .menu-container .menu-sidebar li:active > label{
        color:#1010EB!important;
      }
      .nav-mobile .menu-container .menu-sidebar li:hover > label{
      color:#fff;
      }
	 .nav-mobile .menu-container .menu-sidebar li.crosicon-menu,
   .nav-mobile .menu-container .menu-sidebar li .menu-sub li.prodCustom .crosicon-menu{/**cbc-10745**/
		 line-height: 6px!important;
	 }
	 .nav-mobile .menu-container .menu-sidebar li.crosicon-menu .fa-times:before,
   .nav-mobile .menu-container .menu-sidebar li .menu-sub li.prodCustom .crosicon-menu .fa-times:before{/**cbc-10745**/
		 font-size:24px!important;
	 }
 }
 /**End CBC - 7357**/
 /**starting CBC - 7357 from code**/
   .nav-mobile .menu-container .menu-sidebar li.crosicon-menu,
   .nav-mobile .menu-container .menu-sidebar li .menu-sub li.prodCustom .crosicon-menu{/**cbc-10745**/
        height:auto;
        line-height:34px;
          /**cbc-10745**/
        /* text-align:right; */
        padding-right: 30px; 
        /**cbc-10745**/
        /**padding-bottom:38px;  CBC-7725 */
        /**cbc-10745**/
        width:auto;
        float: right;
        }
        .nav-mobile .menu-container .menu-sidebar li .menu-sub li.prodCustom .crosicon-menu{
          margin-left: auto;
          padding-right:0px;
        }
        .nav-mobile .menu-container .menu-sidebar li.crosicon-menu a,
           .nav-mobile .menu-container .menu-sidebar li .menu-sub li.prodCustom .crosicon-menu li.crosicon-menu a{/**cbc-10745**/
        display:inline-block;
        width:auto;
        }
        .nav-mobile .menu-container .menu-sidebar li.crosicon-menu:hover,
        .nav-mobile .menu-container .menu-sidebar li .menu-sub li.prodCustom .crosicon-menu:hover{/**cbc-10745**/
        background-color:transparent;
        }
        .nav-mobile .menu-container .menu-sidebar li.crosicon-menu .fa-times:before,
        .nav-mobile .menu-container .menu-sidebar li .menu-sub li.prodCustom .crosicon-menu .fa-times:before{/**cbc-10745**/
        color:#fff;
        font-size:30px;/**cbc-10745**/
        position:relative;
        }
        /**cbc-10745**/
        .nav-mobile .menu-container .menu-sidebar li .menu-sub li.prodCustom.menu-sub-title :hover,
        .nav-mobile .menu-container .menu-sidebar li .menu-sub li.prodCustom.menu-sub-title:hover label{
          color:#fff;
      
          }
          /**cbc-10745**/
          /* .nav-mobile .menu-container .menu-sidebar li .menu-sub li.prodCustom.menu-sub-title label:hover{
            text-decoration: underline;
          } */
              .nav-mobile .menu-container .menu-sidebar li.prodCustom .submenu-label-back:hover.longBack:before{
              content:''!important;
              background-color:#fff;
              width:100%;
              height:1px;
              position:absolute;
              bottom:0px;
              }
          .nav-mobile .menu-container .menu-sidebar li .menu-sub li.prodCustom.menu-sub-title:hover{
           background-color:transparent;
          }
               /**cbc-10745**/
          .nav-mobile .crosicon-menu:hover a.menubarclose,
          .nav-mobile .crosicon-menu:hover a.menubarcloseSubmenu{
            background-color:rgba(255, 255, 255, 0.2);
            border-radius:100%;
            text-decoration:none;
          }
               /**cbc-10745**/
          .nav-mobile .crosicon-menu a.menubarclose,
          .nav-mobile .crosicon-menu a.menubarcloseSubmenu{
           width:40px!important;
           height:40px;
           padding: 0;
           text-align: center;
           display:block;
          }
               /**cbc-10745**/
          .nav-mobile .crosicon-menu a.menubarclose .fa-times:before,
          .nav-mobile .crosicon-menu a.menubarcloseSubmenu .fa-times:before{
            font-size: 24px!important;
            top: 0px;
            left: -2px;
            line-height: 40px!important;
          }
               /**cbc-10745**/
          .nav-mobile .menu-container .menu-sidebar li .menu-sub li.prodCustom.menu-sub-title .crosicon-menu :hover{
            text-decoration:none;
           }

        @media (max-width: 768px){
        .nav-mobile .menu-container .menu-sidebar{
        top:0px!important;
        }
      }
 /**end CBC - 7357 from code**/


 /* CBC-8567 */
 @media (min-width: 1024px) {
  .noscroll {
    position:fixed; 
}
}