.curs_rpointe,

 .curs_pointer,

 .cursor_pointer {

   cursor: pointer;
 }
.user_select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

a {

    text-decoration: none;

}
.nav_bar_topx{position:sticky;top:0;z-index: 1;}

header.section,section.top-nav-menux {

    position: sticky;

    top: 0px;
}
.alert_info.w3-leftbar {

    border-left: 6px solid #ffeb3b!important;

    margin-top: 5px;

    margin-bottom: 5px;

    padding-left: 10px;

}
#f_mainx.w3-container{

  padding-left: 2px;

  padding-right: 2px;

}
.drawer_email,.drawer_tel,.drawer_name{

  font-size: calc(.8rem + 0.14vw)!important;

  padding-bottom: 5px;

  padding-top: 5px;

}
.childx_menu{

    /* background-color: floralwhite!important;*/

    padding:10px;

    font-family: tahoma,sans-serif;

    font-size: calc(1rem + 0.14vw);

}

    [data-iconf-beforex]::before {

    content: attr(data-iconf-beforex);

    font-family: IcoFont!important;

    padding: 0;

    font-size: 1.37em!important;

}

[data-iconf-navbeforex]::before {

    content: attr(data-iconf-navbeforex);

    font-family: IcoFont !important;

    /* padding: 5px;

    font-size: 0.81em!important; */

}
.w3-modal {

    z-index: 3;

    display: none;

    /* padding-top: 100px; */

    position: fixed;

    left: 0;

    top: 0;

    /* width: 100%; */

    height: 100%;

    overflow: auto;

    /* background-color: rgb(0,0,0); */

    /* background-color: rgba(0,0,0,0.4); */

}
.nav-menu.w3-btn, .nav-menu.w3-button {

    border: none;

    display: inline-block;

    padding: 8px 6px;

    vertical-align: middle;

    overflow: hidden;

    text-decoration: none;

    color: inherit;

    background-color: inherit;

    text-align: center;

    cursor: pointer;

    white-space: nowrap;

}
.wx-btn, .wx-button {

    border: none;

    display: inline-block;

    padding: 2px .5px;

    vertical-align: middle;

    overflow: hidden;

    text-decoration: none;

    color: inherit;

    background-color: inherit;

    text-align: center;

    cursor: pointer;

    white-space: nowrap;
}

.wx-btn:hover {
    box-shadow: 0 8px 16px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
}
.iconf::after{

  content: "\eea9";

font-family: IcoFont!important;

padding: 0.6em;

font-size: 1em;

}

[data-iconf]::before{

  content: attr(data-iconf);

  font-family: IcoFont!important;

  padding:5px;

  font-size: 1.15em;
}

[data-iconf-before]::before *{

    display: none!important;
}

[data-iconf-navbefore]::before {

  content: attr(data-iconf-navbefore);

  font-family: IcoFont !important;

  padding: 5px;

  font-size: 1.1em;
}

[data-iconf-before]::before{

  content: attr(data-iconf-before);

  font-family: IcoFont!important;

  padding:5px 15px 10px 0;

    font-size: 1.4em;

}

[data-iconf-second]::after{

  content: attr(data-iconf-second);

  padding:10px;

  padding-left:0px;

    font-size: 1.1em;    

}

[data-iconf-after]::after{

  content: attr(data-iconf-after);

  font-family: IcoFont!important;

  padding:2px;

}

[data-iconf-after]:hover::after{

  content: "\ef9a"; 

  opacity: .8; 
}

[data-iconf-drawerafter]::after{

  content: attr(data-iconf-drawerafter);

  font-family: IcoFont!important;

  padding:2px;

  opacity: 0.5;

}

[data-iconf-drawerafter]:hover::after{

  opacity: 1;

}



[data-iconf-before]:hover::before,

[data-iconf-navbefore]:hover::before,

[data-iconf-navbefore]:active::before,

[data-iconf-before]:active::before{

  opacity: .6;    

}

.nav-top{

    font-family: Tahoma,sans-serif;    

     line-height: normal; 

}

.nav-top>.nav-menu{

     line-height: normal; 

    padding-top: 12px!important;

    padding-bottom: 12px!important;

}

nav .logox{max-width: 120px; max-height: 30px;}

.count_item_in_caddy {

    position: absolute;

    background: #ed4266;

    border-radius: 3px;

    color: #fff;

    font-size: 10px;

    text-align: center;

    padding: 2px;

    top: -9px;

    right: -2px;

   /* line-height: 15px;*/

    font-weight: 700;

   /* padding-top: 0;*/

}

.childx_menu>div, ulang, ucurrency{    

    margin-bottom: 1px;

    padding: 8px 2px 8px 2px;

}

/** mobile menu nav left  starts**/

.padding-right_0{padding-right: 0px!important;}

.padding-left_0{padding-left: 0px!important;}

.padding-top_0{padding-top: 0px!important;}

.padding-top_50{padding-top: 50px!important;}

.fx-modal-menu-left_0 {

    z-index: 1;

    display: none;

    padding-top: 0px;

    position: fixed;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    overflow: auto;

    background-color: rgb(0,0,0);

    background-color: rgba(0,0,0,0.4);

}

.fx-modal-menu-left {
  max-width: 1280px;
  /* margin-left: auto;
     margin-right: auto; */
    z-index: 1;

    display: none;   

    position: fixed;

    top: 0;

    width: 100%;

    height: 100%;

    overflow: auto;

    background-color: rgba(0,0,0,0.4);

}

.fx-modal-menu-left-content {

    margin: auto;

    margin-left: 0px;

    background-color: #fff;

    position: relative;

    padding: 0;

    outline: 0;

    width: 300px;

    top: 0;

    height: 100%;

}

.fx-modal-menu-right-content {
    margin-right: 0px;
    margin-left: auto;
    background-color: #fff;

    position: relative;

    padding: 0;

    outline: 0;

    width: 300px;

    top: 0;

    height: 100%;

}

.fx-animate-menu-right-right{

  height:100%;

}

@media (min-width: 1281px){

     .nav-menu.w3-btn, .nav-menu.w3-button{padding: 16px 16px;}

     .nav-menu .bi.bi-three-dots-vertical{width:30px; height:30px};

      .nav-menu.w3-xlarge .nav-menu .bi.bi-three-dots-vertical{  font-size: 30px!important;}

   /*  .nav-menu .bi.bi-three-dots-vertical{ padding-right: 0; } */



}

@media (max-width: 1280px){

     .nav-menu.w3-btn, .nav-menu.w3-button{padding: 16px 16px;}

      .nav-menu.w3-xlarge , .nav-menu .bi.bi-three-dots-vertical{  font-size: 30px!important;}

      .nav-menu .bi.bi-three-dots-vertical{width:30px; height:30px}

    /*  .nav-menu .bi.bi-three-dots-vertical{  } */

}

@media (max-width: 1024px){

    

}

@media (max-width: 720px){

    .fx-modal-menu-left-content {

        width: 300px;        

    }

    nav .logox{max-width: 110px; max-height: 28px;}

    .fx-modal-menu-left-content { width: 300px;}

    .nav-menu .bi.bi-three-dots-vertical{width:28px; height:28px}

}



@media (max-width: 499px){     

     .nav-menu.w3-btn, .nav-menu.w3-button{padding: 8px 12px;}  

     .nav-menu.w3-xlarge, .nav-menu .bi.bi-three-dots-vertical {font-size: 24px!important;}   

     .nav-menu .bi.bi-three-dots-vertical{width:24px; height:24px}  

}



@media (max-width: 424px){     

     .nav-menu.w3-btn, .nav-menu.w3-button{padding: 8px 11px;}      

}



@media (max-width: 380px){

     nav .logox{max-width: 80px; max-height: 22px;} 

     .nav-menu.w3-btn, .nav-menu.w3-button{padding: 8px 10px;}  

    .w3-xlarge{font-size: 22px!important;}  

    .nav-menu.w3-xlarge, .nav-menu .bi.bi-three-dots-vertical {  font-size: 22px!important;} 

    .nav-menu .bi.bi-three-dots-vertical{width:22px; height:22px}

    .fx-modal-menu-left {padding-top: 0px;} 

}

.fx-animate-menu-left-left {

    position: relative;

    animation: animateleft 0.8s;

}



@media (max-width: 320px){

   .nav-menu.w3-btn, .nav-menu.w3-button{padding: 8px 8px;}

    .w3-xlarge {font-size: 20px!important;}   

   .nav-menu.w3-xlarge{font-size: 20px!important;}

    nav .logox{max-width: 78px; max-height: 20px;}

    .nav-menu .bi.bi-three-dots-vertical{width:20px; height:20px}

}



@media (max-width: 295px){

   .nav-top .nav-menu.nav-menu-alarm{

     display:none;

   }

   .nav-menu.w3-btn, .nav-menu.w3-button{padding: 8px!important;}

    .w3-xlarge {font-size: 16px!important;}

    nav .logox{max-width: 70px; max-height: 18px;}

    .fx-modal-menu-left-content { width: 275px;}

   .nav-menu.w3-xlarge{font-size: 20px!important;}
}

/** mobile menu nav left ends **/