/*@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;1,200;1,300;1,500&family=Nunito+Sans:ital,wght@1,300&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;1,200;1,300;1,500&display=swap');
body {
    /*font-family:Bayon;*/
    /*font-family: 'Montserrat', sans-serif; */
    /*font-family:'Montserrat:ital,wght@1,500&display=swap'; */
    /*font-family:'"Nunito Sans"'; */
    font-family: 'Nunito Sans', sans-serif; 
    
    /*font-family:'Bayon';*/
    margin: 0;
    
}

.fixedheader {
    float: left;
    width:100%;
    /* font-style:italic; */ 
    background-color: white;
    border-bottom-style: solid;
    border-width:1px;
    border-color:rgb(90, 86, 86) ;
    position:fixed;
    top: 0;
    z-index: 100;
}

.column_1 {
    float:left;
    width: 15%;
    padding: 5px;
}
.column_2 {

    float:left;
    width: 50%;
    padding: 5px; 
}
.column_3 {

    float: right;
    width: 25%;
    padding: 5px;
}


.column_2 p {
    font-size: 25px;  
}

.column_2 h1 {
    font-size: 45px;  
}


.topnav {
    /*background-color: rgb(185, 180, 180); */
    background-color: rgb(216, 212, 212);
    border-bottom-style: solid;
    border-width:1px;
    border-color:rgb(90, 86, 86) ;
    width:100%;
    margin-top:55px;
    position: fixed;
    z-index:20;

}

.topnav a {
    float: left;
    display: block;
    color:black;
    text-align: center;
    padding: 10px 16px;
    text-decoration: none;

}


.topnav a:hover {
    background-color: #ddd;
    color: black;
}
.c3 {
    background-color: white;
   /* width:100%;*/
    /*font-size:16px;*/
}

.c3 a {
    float: right;
    display: block;
    color:black;
    text-align: center;
    padding: 5px 10px;
    text-decoration: none;
    color:black;
}


.c3 a:hover {
    background-color: lightgray;
    color: black;
}

.columnb_1 {
    float: left;
    width: 20%;
    padding: 10px;
    font-size:16px;

}
.columnb_2 {

    float: left;
    width:50%;
    padding: 10px;
    color:red;
    font-size:16px;
}

.columnb_3 {

    float: right;
    width: 29%;
    padding: 10px;
} 


.dropdown {
    float: left;
    overflow: hidden;
    font-size:12px;
   
}
/*
.dropdown:hover {
    background-color: #ddd;
    background-color: lightgreen;
}
*/
.dropdown .dropbtn {
    font-size:18px;
    border: none;
    outline: none;
    color:black;
    padding: 7px 8px;
    background-color: inherit;
    margin: 0;
}

.dropbtn a:hover {
    font-size:14px;
    border: none;
    outline: none;
    color:white;
    padding: 7px 8px;
    background-color: black;
    margin: 0;
}

.dropdown-content {
    display: none;
    position: absolute;
    /*background-color: #f9f9f9; */
    background-color:lightgrey; 
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    border: 1px solid black;
   
}

.dropdown-content a {
    float: none;
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
    font-size: 14px;
    /*border: 1px solid black;*/
}

.dropdown-content a:hover {
    /*background-color: #ddd;*/
    background-color:  rgb(226, 194, 159);
}

.dropdown:hover .dropdown-content {
    display: block;
}

navbar a:hover, .dropdown:hover .dropbtn {
    background-color: rgb(94, 88, 88);
    color: white;
}

.dropdown-btn {
    padding:4px;
    text-decoration: none;
    font-size: 14px;
    color: black;
    display: block;
    border: none;
    background: none;
    width: 100%;
    text-align: left;
    cursor: pointer;
    outline: none;
}
.closebtn {

    color:black;

}

.form-popup {
    display: none;
    position:fixed;
    z-index:200;
    top: 60px;
    left: 8px;
    /*width: 120px;*/
    /*high: 10px;*/
    background-color:white;
    border: 1px solid #f1f1f1;
    overflow-y: auto;height: 220px; width: 160px;  border-collapse: collapse;border: 1px solid black;
}




.form-popup a{
    /*padding: 6px 8px 6px 16px;*/
    padding:5px 2px;
    text-decoration: none;
    font-size: 9px;
    color: black;
    display: block;
    border: none;
    background: none;
    width: 100%;
    text-align: left;
    cursor: pointer;
    outline: none;
}


.form-popup a:hover{
    color:black;
    background-color: lightgray;
}

.btn {
    background-color: white;
    border: none;
    color: black;
    padding: 6px 6px;
    font-size: 18px;
    cursor: pointer;
}

.badge {
    padding-left: 9px;
    padding-right: 9px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
}

.label-warning[href],
.badge-warning[href] {
    background-color: #c67605;
}
#lblCartCount {
    font-size: 11px;
    /*background: #ff0000;*/
    background:#4CAF50;
    color: #fff; 
    padding: 0 5px;
    vertical-align: top;
    margin-left: -10px; 
}


#lblCartCount1 {
    font-size: 14px;
    /*background: #ff0000;*/
    background:#4CAF50;
    color: #fff; 
    padding: 0 5px;
    vertical-align: top;
    margin-left: -10px; 
}

.button {
    background-color:mediumseagreen; /* green*/
    border: none;
    color: white;
    padding: 4px 8px;
    font-size:14px;
    text-align: center;
    text-decoration: none;
    display: inline-block;

    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

.button:hover {
    background-color:dimgray;
    color: white;
}

.columnbnew_1 {
    float: left;
    width: 22%;
    padding: 10px;
    /*background-color: #aaa; */
    font-size: 10px;  

    /*font-size:12px;*/
}

.columnbnew_3 {
    float:right;
    width: 76%;
    padding: 10px;
    text-align: right;
    /*background-color:#CC0000;*/

}

.navbarbottom {
    overflow: hidden;
    background-color: white;
    position: fixed;
    bottom: 0;
    width: 100%
}

/* Fixed sidenav, full height */
.sidenav {
    height: 500px;
    width: 200px;
    position: fixed;
    z-index: 1;
    top: 70px;
    left: 0;
    background-color:black;
    /*background-color: rgb(143, 132, 132);*/
    overflow-x: hidden;
    padding-top: 20px;
  }
/* 23
  .sidegroup {
     left: 0; 
  }

  .subgroup {
    left: 0; 
 }
  */
  /* Style the sidenav links and the dropdown button */
  .sidenav a, .dropdown-btn {
    padding: 6px 8px 6px 16px;
    text-decoration: none;
    font-size: 18px;
    color: #b4b6ac;
    display: block;
    border: none;
    background: none;
    width: 100%;
    text-align: left;
    cursor: pointer;
    outline: none;
  }
 
 .dropdown-container {
    display: none;
    background-color: black;
    /*background-color:rgb(107, 105, 105);*/
    padding-left: 8px;
  }
  /*
  .dropdown-container:hover {
      color:white;
    background-color:black;
    
  }  

/* 23
    .sidegroup:hover .dropdown-btn {
        color: white;
        background: black;
      }
/* On mouse-over */
.sidenav a:hover, .dropdown-btn:hover {
    color: #f1f1f1;
  }
  
     /* 23    
      .subgroup:hover {
        background: rgb(226, 194, 159);
        ;
     }
      
 
    .dropdown:hover .dropdown-content {
        display: block;
    }
*/

  /* Add an active class to the active dropdown button */
.active {
    background-color:rgb(202, 146, 74); 
    /*background-color:rgb(226, 194, 159); */
    color: white;
  }
  
  /* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
 /* .dropdown-container {
    display: none;
    background-color: gray;
    padding-left: 8px;
  }
  */

  


  
  
  /* Optional: Style the caret down icon */
  .fa-caret-down {
    float: right;
    padding-right: 8px;
  }