* { margin:0px; padding:0px; }

h1,h2,h3,h4 { margin-top:0px; }

ul li { list-style:none; }

    
#animationeprice_orderbox {
    width: 100%;
    height: 130px;
    float: left;
    background-color:white;
    animation: 2s slider infinite;
    margin-top : 120px;
   
}

.b2_confirm {
    margin-top: 10px;
    color: black;
    cursor: pointer;
    background-color: #d9d9d9;
    float: left;
    font-size: 14px;
    margin-left: -0px;
    width: 180px;
    text-align: center;
    border: 1px solid red;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}


.forallbox{
    width: 100%;
    height : 1000px;
    margin-top : 100px;
    
}
.sub_list{
    width: 100%;
    height: 40px;
    background-color: burlywood;

}


.ecommercelist_pay {
    width: 95%;
    height: 30px;
    float: left;
    /*margin: 5px;*/
    margin-top: -20px;
    /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
    padding: 15px;
    align-content: center;
    text-decoration: none;
    /*border-radius: 5px;*/
    /*background-color: red;*/
    border-bottom: 0.7px solid rgba(0,0,0,0.105);
    
    cursor: pointer;
    position: relative;
}
.eprice_order_total {
	    font-size:18px;
    color: red;
  
   font-weight:  200;
  
 
   float: left;

      display: block;
  
  margin-right: auto;
  width:10%;
  margin-left : 40px;
   
  text-align : center;
  margin-bottom : 10px;
  overflow: hidden;
    white-space: nowrap;
    text-overflow:ellipsis;
    margin-top: 40px;
}

.fornotice{
    margin-top : 35px;
    font-family : Arial;
    font-weight : bolder;
    color: red;
    align-content : center ;
    text-align : center ;
}

.eprice_order_total_totalpaid {
	    font-size:18px;
    color: red;
  
   font-weight:  200;
  
 
   float: left;

      display: block;
  
  margin-right: auto;
  width:auto;
  margin-left : 72px;
   
  text-align : center;
  margin-bottom : 10px;
  overflow: hidden;
    white-space: nowrap;
    text-overflow:ellipsis;
    margin-top: 40px;
}


.catbox{
    width: 35px;
    height : 20px;
    background-color : #ffb84d;
    float : left ;
    color: white;
    margin-left: 5px;
    margin-top: 10px;
    text-align : center;
    font-weight : bolder;
    font-size : 14px;
    text-align : center ;

    font-family : 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    /*padding:1px;*/

    /*border: 1px solid #b3b3b3;*/
   border-radius : 10px 10px ; 
}


.catbox_processed{
    width: 35px;
    height : 20px;
    background-color : #ffb84d;
    float : left ;
    color: white;
    margin-left: 2px;
    margin-top: 4px;
    text-align : center;
    font-weight : bolder;
    font-size : 14px;
    text-align : center ;

    font-family : 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    /*padding:1px;*/

    /*border: 1px solid #b3b3b3;*/
   border-radius : 10px 10px ; 
}
/*.currency:before{ content:'$'; }
.currency:after{ content: '.00'; }*/
.delcss {
    background-color: transparent;
    border: none;
    text-align: center;
    vertical-align: middle;
    margin-left: 4px;
    color: #787878;
    
    font-weight: bolder;
    font-size: 11px;
    cursor: pointer;
}
.forajaxbutton{
    margin-left : 40%;
    float : left;
}

.forajaxbutton_inventory{
   width: auto;
    float : right;
    margin-right : 10px;
    
}
.b2_a{
  
   
   color:  white;
   border-radius : 5px;
   background-color:  red;
   float: right;
    font-size : 14px;
   height : 30px;
   margin-right : 20px;
   margin-bottom : 10px;
 width: 100px;
    text-align : center ;
    margin-top : 20px;
    cursor : pointer ;
    
      border:2px solid #c9c9c9;
 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    
}

.b2_a_inventory{
  
   
   color:  white;
   border-radius : 5px;
   background-color:  red;
   
    font-size : 14px;
   height : 30px;
  width : auto ;
   margin-bottom : 10px;
   padding-left: 10px;
   padding-right : 10px;
    text-align : center ;
    margin-top : 20px;
    cursor : pointer ;
    float : left ;
    
      border:2px solid #c9c9c9;
 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    
}
.b2{
  
   
   color:  black;
   
   background-color:  #d9d9d9;
   float: right;
    font-size : 14px;
   height : 40px;
   margin-right : 20px;
   margin-bottom : 10px;
 width: 200px;
    text-align : center ;
    margin-top : 10px;
    cursor : pointer ;
    font-weight : bolder;
    
      border:0.5px solid red;

    
}





.b2_cf {
    color: black;
    background-color: #d9d9d9;
    float: right;
    font-size: 14px;
    height: 40px;
    margin-right: 20px;
    margin-bottom: 10px;
    width: 200px;
    text-align: center;
    margin-top: 10px;
    cursor: pointer;
    font-weight: bolder;
    border: 0.5px solid red;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.b2_delivery{
  
   
   color:  white;
   
   background-color:  red;
   float: right;
    font-size : 14px;
   height : 40px;
   margin-right : 20px;
   margin-bottom : 10px;
 width: 200px;
    text-align : center ;
    text-decoration:none;
    margin-top : 30px;
    cursor : pointer ;
    
    
      border:0.5px solid red;
 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    
}


.fadd{
float : left;
/*margin-left : 45%;
background-color: red;*/
    
}




.b2_pay{
  
   
   color:  black;
   
   background-color:   	#d9d9d9;
   float: right;
    font-size : 14px;
   height : 40px;
   margin-right : 20px;
   margin-bottom : 10px;
 width: 200px;
    text-align : center ;
    margin-top : 30px;
    cursor : pointer ;
    
      border:2px solid #c9c9c9;
 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    
}




.b2_h2{
  
   
   color:  white;
   
   background-color:  blue;
   float: right;
    font-size : 14px;
   height : 40px;
   margin-right : 20px;
   margin-bottom : 10px;
 width: 200px;
    text-align : center ;
    margin-top : 30px;
    cursor : pointer ;
   visibility : hidden ;
      border:2px solid #c9c9c9;
 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    
}


 .sbox
          {
             width: 97.5%;
             height: 20px;
             
              font-size: 16px;
              padding: 5px;
              border-radius : 5px;
              /*background-color : blue;*/
              
              border: solid 1px #d0d0d0;

          }

 .sboxi
          {
             width: 97.5%;
             /*height: 20px;*/
             
              font-size: 16px;
              padding: 5px;
              border-radius : 5px;
              /*background-color : blue;*/
              
              border: solid 1px #d0d0d0;

          }
 .sbox2 {
     width: 15px;
     height: 15px;
     padding :6px;
    /*color: red;*/


 }
  .sbox2i {
     width: 15px;
     height: 15px;
     padding :6px;
    color: #595959;


 }
 
.thirdline{
     background-color: white;
              height: 45px;
              display: block;
              width : 100%;
              top : 0px;
              left : 0px;
              
              float : left;
              /*background-color : yellow;*/

              box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
              /*margin-bottom: 500px;*/
}


.thirdline_processed{
     background-color: transparent;
              height: 60px;
              display: block;
              width : 100%;
              top : 0px;
              left : 0px;
              
              float : left;
              /*background-color : yellow;*/

              
}


.menu2div{
   margin-left  : 15px;

   float: left;
   padding-top : 10px;/*
   background-color: blue;*/
   width : 150px;
   height:35px
}

.menu2div_processed{
   margin-left  : 0px;

   float: left;
   margin-top : 0px;
   /*background-color: blue;*/
   width : 200px;
}
/* Telephone label style */
#company_phone {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 14px;
    border-radius: 999px;
    font: 600 13px/1.2 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
    color: #1f2937;
    background: #f3f4f6;
    border: 1px solid #e5e7eb;
    white-space: nowrap;
    margin-top: 11px;
}

    /* Optional: hover (if it’s inside a link/div) */
    #company_phone:hover {
        background: #eef2f7;
    }
.welcome{
  width: 60px;
  height :40px;
  margin-left : 10px;
  color: red;
  
  /*background-color : blue;*/
  word-wrap : break-word ;
  float : left ;
  margin-top: 22px;
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  font-size: 12px;
  font-weight : bolder;
  color: #333333;
  line-height: 15px;
}
.welcomename{
  width: 200px;
  height :40px;
  margin-left : 10px;
  color: red;
  
  /*background-color : blue;*/
  word-wrap : break-word ;
  float : left ;
  margin-top: 22px;
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  font-size: 12px;
  font-weight : bolder;
  color: #333333;
  line-height: 15px;
}

 .para {
   margin-top :4px;
   float : left;
   margin-left: 3px;

 }

 .para1 {
   margin-top :5px;
   float : left;
   margin-left: 20%;
   width: 35%;
   /*background-color : blue;*/
 }
 .para1i {
   /*margin-top :5px;*/
   float : left;
   margin-left: 25%;
   width: 35%;
   /*background-color : blue;*/
 }
.myani {
    width: 100%;
   
    float: left;
    height: 250px;
   
}

#slider {
    overflow: hidden;
}

    #slider figure {
        position: relative;
        width: 500%;
        margin: 0;
        left: 0;
        animation: 20s slider infinite;
    }

        #slider figure img {
            width: 20%;
            float: left;
            max-height: 250px;
            
        }

@keyframes slider {
    0% {
        left: 0;
    }

    20% {
        left: 0;
    }

    25% {
        left: -100%;
    }

    45% {
        left: -100%;
    }

    50% {
        left: -200%;
    }

    70% {
        left: -200%;
    }

    75% {
        left: -300%;
    }

    95% {
        left: -300%;
    }

    100% {
        left: -400%;
    }
}

 .orderbox_topi
        {
              width: 100%;
               height : 20px;
              /*padding : 10px;*/
              background-color: red;
              /*position: fixed;*/
              /*right: 50%;*/
         /*top : 350px;*/
    border-radius:   10px 10px 0px 0px;
            margin-top : 0px;
                     
        }



         .orderbox_top
        {
              width: 17.5%;
               height : 20px;
              padding : 10px;
              background-color: red;
              position: fixed;
              right: 2%;
         /*top : 350px;*/
        border-radius:   10px 10px 0px 0px;
            margin-top : 140px;
                     
        }





          .orderbox_top_processed
        {
              width: 17.5%;
               height : 20px;
              padding : 10px;
              background-color: red;
              position: fixed;
              right: 2%;
         /*top : 350px;*/
        border-radius:   10px 10px 0px 0px;
           top : 130px;
                     
        }



           .orderbox_bodyi
        {
              width: 100%;
        
                  height: 300px;
              background-color: 	#f0f0e0;
           /*position: fixed;*/
           margin-top : 180px;
              right: 2%;
            
            
        }
          .orderbox_body
        {
              width: 19%;
        
                  height: 300px;
              background-color: 	#f0f0e0;
           position: fixed;
           margin-top : 150px;
              right: 2%;
            
            
        }


           .orderbox_body_processed
        {
              width: 95%;
        
                  height: 300px;
              background-color: 	#f0f0e0;
           position: fixed;
          top : 0px;
              right: 2%;
            
            
        }


.parahx {
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size: 13px;
    margin-left: 0%;
    color: #787878;
    
    font-weight: bolder;
    float: left;
    line-height: 20px;
}
          .parah{
                      font-family : 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif ;
                      font-size : 14px;
                      margin-left : 14%;
                      float : left;
                        line-height: 20px;
          }

           

           .parah_cus{
                      font-family : 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif ;
                      font-size : 14px;
                      margin-left : 8%;
                      float : left;
                        line-height: 20px;
          }
          .parah_u{
                      font-family : 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif ;
                      font-size : 14px;
                      margin-left : 9%;
                      float : left;
                      text-align : center;
                      line-height: 20px;
          }



          .parah_q{
                      font-family : 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif ;
                      font-size : 14px;
                      margin-left : 33%;
                      float : left;
                      line-height: 20px;
          }


           .parah_total_qty{
                      font-family : 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif ;
                      font-size : 14px;
                      margin-left : 20%;
                      float : left;
                      line-height: 20px;
          }

            .parah_l{
                      font-family : 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif ;
                      font-size : 14px;
                      margin-left : 11%;
                      float : left;
                      line-height: 20px;
          }



          .beforehead1{
              width: 75.5%;
          margin-left: 1%;
                  float: left  ;
              /*background-color: #a9a9a9 ;*/
              height : 20px;
              padding : 10px;
                /*position: fixed;*/
               color: black;
               margin-top : 0px;
          }

           .beforehead1_order{
              width: 90%;
          margin-left: 1%;
                  float: left  ;
             background-color: #f2f2f2 ;
              height : 20px;
              padding : 10px;
                /*position: fixed;*/
               color: black;
               margin-top : 0px;
          }
            .beforehead1_order_confirm{
              width: 40%;
          margin-left: 30%;
                  float: left  ;
             /*background-color: #f2f2f2 ;*/
              height : 70px;
              padding : 10px;
                /*position: fixed;*/
               color: black;
               margin-top : 0px;
               margin-bottom: 25px;
          }

              .beforehead1_order_pay{
              width: 97%;
          margin-left: 1%;
                  float: left  ;
             background-color:transparent ;
              height : 20px;
              padding : 10px;
                /*position: fixed;*/
               color: black;
               margin-top : 0px;
               margin-bottom: 25px;
          }

          .head1{

             
          }


       .ecomsize
        {
              width: 78%;
          margin-left: 1%;
                  float: left  ;
              background-color: white ;
              margin-top : 10px;
      
        border: 1px red;
        
        }
     

       .address_box{
           width : 70%;
           border: 1px #d9d9d9 solid;
           height: 270px;
           /*background-color :#f2f2f2*/
           margin-top :  120px;
           margin-left : 50px;
           border-radius : 10px 10px 0 0;

       }


          .address_box_pay{
           width : 1px;
           border: 1px #d9d9d9 solid;
           height: 1px;
           background-color :#f2f2f2;
           margin-top :  120px;
           margin-left : 50px;
           border-radius : 10px 10px 0 0;
           float: left ;

       }


          .address_box_pay_hx{
           width : 1%;
           border: 1px #d9d9d9 solid;
           height: 270px;
           /*background-color :#f2f2f2*/
           margin-top :  120px;
           margin-left : 50px;
           border-radius : 10px 10px 0 0;
           float: left ;

       }
       .address_text {
           font-family : Arial;
           font-size : 18px;
           margin-left : 10px;
           margin-top : 10px;
           float : left;
       }
     
        .address_box_in{
           width : 100%;
           
           background-color : #d9d9d9;
           height: 1px;
           /*background-color :#f2f2f2*/
           margin-top :  45px;
           margin-left : 0px;
         

       }

                        
.forpop{
   margin-left : 4%;
    /*margin-right : 30%;*/
    width : 1%;
    height: 1px;
    background-color : white;
    margin-top: 50px;

    /*border:1px solid #c9c9c9;*/
 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    

}

.imagepop{
   margin-left : 45%;
   /*margin-right : 45%;*/
   margin-top: 10px;
        width : 90px;
        height : 90px;
    /*border:  red solid 1px;*/
float : left;    
 
    }



.forcancel{
   /*margin-left : 45%;*/
   margin-right : 10px;
   margin-top: 10px;
   font-size : 22PX;
        width : 40px;
        height : 40px;
        color: #595959;
    /*border:  red solid 1px;*/
    font-family : 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-weight : bolder;
  
 float : right;
    }

.forimagepop_confirm{
    width: 80px;
    height : 80px;
    margin-left : 35%;
}

.forimagepop{
    width: 80px;
    height : 80px;
}


.poppara{
   display: block;
   margin-top: 110px;
   color: #595959;
    font-size : 18px;
    margin-left: 3%;
    margin-top : 2%;
    text-align : left ;
    font-weight : bolder;
}
.poppara2{
   display: block;
   margin-top: 110px;
   
   color: #595959;
    font-size : 10px;
    margin-left: 3%;
    margin-top : 2%;
    text-align : left ;
    
    font-family : Arial ;
}

.poppara3{
     font-size: 14px;
   /*margin-left: 15px;
   margin-top: 15px;*/
   font-family : 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
   padding-left : 10px;
   padding-right : 10px;
  /*background-color: red ;*/
       Height: 30px;
   width: 94%;
   border-radius: 5px;
   border: solid 1px #bfbfbf;
   margin-top: 3px;
}



.poppara5{
     font-size: 14px;
   /*margin-left: 15px;
   margin-top: 15px;*/
   font-family : 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
   padding-left : 10px;
   padding-right : 10px;
  /*background-color: red ;*/
       Height: 30px;
   width: 42%;
   border-radius: 5px;
   border: solid 1px #bfbfbf;
   margin-top: 3px;
   float : left ;
}

.poppara6{
     font-size: 14px;
   /*margin-left: 15px;
   margin-top: 15px;*/
   font-family : 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
   padding-left : 10px;
   padding-right : 10px;
  /*background-color: red ;*/
       Height: 30px;
   width: 42%;
   border-radius: 5px;
   border: solid 1px #bfbfbf;
   margin-top: 3px;
   float : left ;
   margin-left : 6%;
}

.csitemname{
   display: block;
   margin-top: 10px;
   color: black;
    font-size : 26px;
    margin-left: 25%;
    margin-right : 25%;
    text-align : center ;
    font-weight : bolder;
}

.csitemprice{
   display: block;
   margin-top: 10px;
   color: black;
    font-size : 16px;
    margin-left: 25%;
    margin-right : 25%;
    text-align : center ;
    font-weight : bolder;
}


        .button_address{
            width : 80px;
            margin-right : 10px;
            margin-top : 10px;
            float :right ;
            height : 25px;
            background-color :#f2f2f2;
            border-radius : 5px;
            border: 1px solid #d9d9d9;
            cursor : pointer ;

        }

        .forbutton{
           /*margin-left: 3.1%;*/
           /*background-color: blue;*/
           height: 30px;
           width: 100%;
           float: left;
        }
.button_address3_pay{
            width : 115px;
            /*margin-right : 15px;*/
            margin-top : 4px;
            float :left ;
            height : 25px;
            background-color :white;
            border-radius : 5px;
            border: 1px solid #d9d9d9;
            cursor : pointer ;
             text-align: left;
             padding-left: 5px;
        }
.button_address3{
            width : 120px;
            /*margin-right : 15px;*/
            margin-top : 4px;
            float :left ;
            height : 25px;
            background-color :#f2f2f2;
            border-radius : 5px;
            border: 1px solid #d9d9d9;
            cursor : pointer ;
           
        }

.button_address2{
            width : 63px;
            margin-left : 10px;
            margin-top : 4px;
            float :left ;
            height : 25px;
            background-color :#f2f2f2;
            border-radius : 5px;
            border: 1px solid #d9d9d9;
            cursor : pointer ;

        }
.button_address2_pay{
            width : 150px;
            margin-left : 10px;
            margin-top : 4px;
            float :left ;
            height : 25px;
            background-color :white;
            border-radius : 5px;
            border: 1px solid #d9d9d9;
            cursor : pointer ;
            text-align: left;
              padding-left: 5px;
        }
        .poppara4_2{
     font-size: 14px;
   /*margin-left: 15px;
   margin-top: 15px;*/
   font-family : 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
   padding-left : 10px;
   padding-right : 10px;
  /*background-color: red ;*/
       Height: 155px;
      
   width: 94%;
   margin-left : 0%;
   border-radius: 5px;
   border: solid 1px #bfbfbf;
   margin-top: 3px;


 
}


         .poppara4_2_inventory{
     font-size: 14px;
     font-family : 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
   padding-left : 10px;
   padding-right : 10px;
  /*background-color: red ;*/
       Height: 60px;
      
   width: 94%;
   margin-left : 0%;
   border-radius: 5px;
   border: solid 1px #bfbfbf;
   margin-top: 3px;


 
}
           .fordatainside{
     font-size: 14px;
   /*margin-left: 15px;
   margin-top: 15px;*/
   font-family : 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
   padding-left : 10px;
   padding-right : 10px;
    padding-top : 5px;
    padding-bottom : 5px;
  /*background-color: red ;*/
       Height: 180px;
   width: 88%;
   margin-left : 3%;
   border-radius: 5px;
   border: solid 1px #bfbfbf;
   margin-top: 10px;
   float: left;
}
       .poppara7{
     font-size: 16px;
   /*margin-left: 15px;
   margin-top: 15px;*/
   font-family : arial;
   /*padding-left : 10px;
   padding-right : 10px;*/
  /*background-color: red ;*/
  font-weight: bold;
       Height: 125px;
        /*border-color: blue;*/
   width: 100%;
   /*margin-left : 3%;*/
   border-radius: 5px;
  border: solid 0px white;
   margin-top: 10px;
   color: #333333;
}



        .poppara4{
     font-size: 16px;
   /*margin-left: 15px;
   margin-top: 15px;*/
   font-family : 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
   /*padding-left : 10px;
   padding-right : 10px;*/
  /*background-color: red ;*/
  font-weight: lighter;
       Height: 125px;
        /*border-color: blue;*/
   width: 100%;
   /*margin-left : 3%;*/
   border-radius: 5px;
  border: solid 0px white;
   margin-top: 0px;
   color: #808080;
}
        #Panel1{
            /*background-color : red;*/
            height : 220px;
            width: auto;
        }

        .data_address{
           width : 100%;
           /*height : 170px;*/
           /*background-color : red;*/
           
           margin-top :  15px;
           /*margin-left : 3%;*/
           z-index : 1;
         

       }

        .data_address_sub{
           /*margin-left : 30px;*/
           height : 200px;
           width : 100%;
          /*background-color : yellow;*/
        }

         .ecomsize_order_confirm_2
        {
              width: 50%;
          margin-left: 25%;
                  float: left  ;
              background-color: white ;
              margin-top : 40px;
           
      height : 300px;
      margin-top : -100px;
        border: 1px red;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        display : block ;
        }





         .ecomsize_order_confirm
        {
              width: 50%;
          margin-left: 25%;
                  float: left  ;
              background-color: white ;
           
      height : 300px;
      margin-top : 130px;
        border: 1px red;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        display : block ;
        }


        
         .ecomsize_order_confirm2
        {
              width: 50%;
          margin-left: 25%;
                  float: left  ;
              background-color: white ;
              margin-top : 100px;
      height : 300px;
      margin-top : 150px;
        border: 1px red;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        display : block ;
        }

         .fortext{
             width: 100%;
             font-size : 15px;
             text-align: center;
             /*height : 20px;*/
             /*background-color : red;*/
             float : left ;
             font-family : Arial ;
             /*margin-top: 4px;*/
         }

          .fortext_big{
             width: 100%;
             font-size : 40px;
             text-align: center;
             /*height : 20px;*/
             /*background-color : red;*/
             float : left ;
             font-family : Arial ;
             margin-top: 40px;
         }


          .confirmb{
              margin-left : 58%;
              width : 10%;
              height : 30px;
              /*background-color : black;*/
              float : left;
              display : block ;
          }

          .fortext_big2{
             width: 100%;
             font-size : 25px;
             text-align: center;
             /*height : 20px;*/
             /*background-color : red;*/
             float : left ;
             font-family : Arial ;
             color: #707070;
             /*margin-top: 4px;*/
         }

        .ecomsize_order_pay
        {
              width: 98%;
          margin-left: 1%;
                  float: left  ;
              background-color: transparent ;
              margin-top : -52px;
      
        border: 1px red;
        display: block;
        
        }

        .ecomsize_order_orderpage
        {
              width: 78%;
          margin-left: 1%;
                  float: left  ;
              background-color: white ;
              margin-top : 150px;
      
        border: 1px red;
        
        }
        .div1{
         height: 100px;
          width : 17%;
      margin-top : 0;

    float:left ;
           margin-left: 3%;
      
        }
       .ecomsize_order
        {
              width: 78%;
          margin-left: 1%;
                  float: left  ;
              background-color: white ;
              margin-top : 50px;
      
        border: 1px red;
        
        }
        .div1{
         height: 100px;
          width : 17%;
      margin-top : 0;

    float:left ;
           margin-left: 3%;
      
        }

          .image_order {
	float: left;
    width:30%;
    /*background: blue;*/
    cursor : pointer;
    
}
           .image_order_pay {
	float: left;
    width:13%;
    /*background: blue;*/
    cursor : pointer;
    margin-top: 0px;
    
}


          
          .image_baba_order {
	float: left;
    width:50%;
    /*background: brown;*/
    margin-top: 0px;
    
}
 .image_baba_order_pay {
	float: left;
    width:100%;
    background: brown;
    margin-top: 0px;
    height : 20px;
    
}

  .image_down_order_pay {
	float: left;
    width:20%;
    /*background: black;*/
    height: 30px;
    margin-left :5%;
    margin-bottom : 10px;
    font-family : Arial;

    
}
  .delete_cs {
	float: left;
    width: auto;
    /*background: black;*/
    height: 30px;
    margin-left :0%;
    margin-top : 10px;
    font-family : Arial;

    
}
          .image_down_order {
	float: left;
    width:100%;
    /*background: black;*/
    height: 30px;
    margin-left : 25%;
    margin-top : -10px;
    font-family : Arial;

    
}

                    .image_down_order_under {
	float: left;
    
    
 color: #787878;
 font-size: 11px;
 margin-left: 20px;
 font-weight : bolder;
 cursor: pointer ;

    
}

.image_down_order_under_pay {
	float: left;
    
    
 color: #787878;
 font-size: 11px;
 margin-left: 60px;
 font-weight : bolder;
 cursor: pointer ;
 margin-bottom : 15px;

    
}
                    .inner_image{
                       max-width : 15px;
                       margin-right : 2px;
                       vertical-align : middle ;
                      
                       
                    }


                     .eprice_order {
	    font-size:18px;
    color: #787878;
  
   font-weight:  200;
  
 
   float: left;

      display: block;
  margin-left: auto;
  margin-right: auto;
  width:15%;
  margin-left : 15px;
   
  text-align : center;
  margin-bottom : 10px;
  overflow: hidden;
    white-space: nowrap;
    text-overflow:ellipsis;
    margin-top: 40px;
}


                       .eprice_order_total_qty {
	    font-size:18px;
    color: #787878;
  
   font-weight:  200;
  
 
   float: left;

      display: block;
  margin-left: -18%;
  /*margin-right: auto;*/
  width:15%;
  /*margin-left : 15px;*/
   /*background-color : yellow;*/
  text-align : center;
  margin-bottom : 10px;
  overflow: hidden;
    white-space: nowrap;
    text-overflow:ellipsis;
    margin-top: 40px;
}











































.eprice_order_pay {
    font-size: 18px;
    color: #787878;
    font-weight: 200;
    float: left;
    /*display: block;*/
    /*margin-left: auto;
  margin-right: auto;*/
    width: 10%;
    margin-left: 35%;
    /*background-color: green;*/
    text-align: center;
    /*margin-bottom : 10px;*/
    /*overflow: hidden;*/
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: -20px;
    /*margin-top: 40px;*/
}

#eprice_order_m_pay {
    font-size: 18px;
    color: #787878;
    font-weight: 200;
    /*background-color: blue;*/
    float: left;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 25%;
    margin-left: 53px;
    text-align: center;
    margin-top: -20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    /*margin-top: 40px;*/
}

          #eprice_order_m {
	    font-size:18px;
    color: #787878;
  
   font-weight:  200;
  
 
   float: left;

      display: block;
  margin-left: auto;
  margin-right: auto;
  width:15%;
  margin-left : 15px;
   
  text-align : center;
  margin-bottom : 10px;
  overflow: hidden;
    white-space: nowrap;
    text-overflow:ellipsis;
    margin-top: 40px;
}

          #eprice_order_m_totalpayable {
	    font-size:18px;
    color: #787878;
  
   font-weight:  200;
  
 
   float: left;

      display: block;
  /*margin-left: auto;*/
  margin-right: auto;
  width:15%;
  margin-left : -30px;
   
  text-align : center;
  margin-bottom : 10px;
  overflow: hidden;
    white-space: nowrap;
    text-overflow:ellipsis;
    margin-top: 40px;
}
          .eprice_order_qty {
	    font-size:18px;
    color: #c44747;
  
   font-weight:  200;
  background: yellow;
 
   float: left;

      display: block;
  margin-left: auto;
  margin-right: auto;
  width:14%;
  height : 80px;
   
  text-align : center;
  margin-bottom : 10px;
  overflow: hidden;
    white-space: nowrap;
    text-overflow:ellipsis;
    margin-top: 40px;
   
}
.epricen_order_pay {
    width: 70%;
    float: left;
    font-size: 18px;
    color: #787878;
    margin-left: 20px;
    font-weight: 200;
    margin-top: 10px;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    /*background: red;*/
}

          .epricen_order {
	
   float: left;
    font-size:18px;
    color: #787878;
 
   font-weight:  200;
   margin-top: 10px;
   font-family : 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif ;



   /*background: red;*/
}


        .ecommercelist_order {
	width: 95%;
    height: 120px;
    float: left;
    margin: 10px;

    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    padding: 15px;
    align-content : center ;
    text-decoration : none;
  border-radius: 5px;
   /*background-color: red;*/

   /*cursor: pointer ;*/
   position : relative ;
}

.ecommercelist {
	width: 19.7%;
    height: 280px;
    float: left;
    margin: 10px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    padding: 15px;
    align-content : center ;
    text-decoration : none;
  border-radius: 5px;
   background-color: white;
   /*cursor: pointer ;*/
   position : relative ;
}





.image {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
  /*height :100px;*/

  background-image: url('img/addicon.png');
     background-repeat: no-repeat;
  background-size: 50px 50px;



background-position-x: center ;
background-position-y: 40% ;


    width: 100%;
    height: 100%;
    float: left;
    /*margin: 10px;*/
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    /*padding: 15px;*/
    align-content : center ;
    text-decoration : none;
  border-radius: 5px;
  margin-left: 0px;
  margin-top: 15px;

  border: solid 1px red;

 
   /*cursor: pointer ;*/





}

.ecommercelist:hover .image {
  opacity: 0.3;
}

.ecommercelist:hover .middle {
  opacity: 1;
}

.text {
    /*background-color: #4CAF50;*/
    color: white;
    /*background-image: url('img/addicon.png');
     background-repeat: no-repeat;
  background-size: 50px 50px;*/
    font-size: 16px;
    padding: 16px 32px;
}















 /*.ecommercelist .img-top {
        

        width: 87%;
    height: 278px;
    float: left;
    margin: 10px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    padding: 15px;
    align-content : center ;
    text-decoration : none;
  border-radius: 5px;
  margin-left: 0px;
  margin-top: 0px;

  border: solid 1px red;

   background-color: blue;
   
   cursor: pointer ;

   display: none;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 99;
    }
    .ecommercelist:hover .img-top {
        display: inline;
    }*/
         /*width: 100%;
    height: 280px;
    }














   
.modal {
  display: none; 
  position: fixed; 
  z-index: 1; 
  padding-top: 100px; 
  left: 0;
  top: 0;
  width: 100%; 
  height: 100%; 
  overflow: auto;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.4);
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  border: 1px solid #888;
  width: 80%;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s
}

@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

.close {
  color: white;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.modal-header {
  padding: 2px 16px;
  background-color: #5cb85c;
  color: white;
}

.modal-body {padding: 2px 16px;}

.modal-footer {
  padding: 2px 16px;
  background-color: #5cb85c;
  color: white;
}
































.epricen {
	
   
    font-size:18px;
    color: black;
  
   font-weight:  200;
   margin-top: 10px;
}


.forad {
	
   
    font-size:10px;
    color: #404040;
  
   font-weight:  900;
   margin-top: 10px;

     display: block;
  margin-left: auto;
  margin-right: auto;
  width:80%;
  
  text-align : center;
  margin-bottom : 10px;
  overflow: hidden;
    white-space: nowrap;
    text-overflow:ellipsis;
}


.forimg {
	  
    height: 100px;
    /*max-width: 100%;*/
    margin-left: 10px;
   cursor : pointer;
   display: block;
    /*margin: 0 auto;*/
  /*background-color: red;*/
   
}
.forimg_pay {
	  
    height: 40px;
    /*max-width: 100%;*/
    margin-left: 10px;
   cursor : pointer;
   display: block;
    /*margin: 0 auto;*/
  /*background-color: red;*/
   
}
.forimghide {
	  
    height: 50px;
    width: 50px;
   
   display: block;
  margin: auto;
  margin-top: 30%;
  
   background-color : red;
}

.epricen {
	
   
    font-size:14px;
    color: black;
  font-family: Arial;
   
 
  
   display: block;
  margin-left: auto;
  margin-right: auto;
  width:80%;
   color: #404040;
  text-align : center;
 
  overflow: hidden;
    white-space: nowrap;
    text-overflow:ellipsis;
}

.eprice {
	    font-size:18px;
    color: #c44747;
  
   font-weight:  200;
  
 


      display: block;
  margin-left: auto;
  margin-right: auto;
  width:80%;
   
  text-align : center;
  margin-bottom : 10px;
  overflow: hidden;
    white-space: nowrap;
    text-overflow:ellipsis;
}


.forheads {
	   font-size:16px;
    color:white;
    font-family : Arial ;
    font-weight : bolder ;
  
   
   margin-top : 50px;
   margin-left : 15px;
   vertical-align : central  ;
   
 
}


.forheads2 {
	   font-size:16px;
    color:WHITE;
    font-family : Arial ;
    font-weight : bolder ;
  
   
  
   margin-left : 5px;
   vertical-align : central  ;
   border-radius : 50px 50px 0px 0px;
   
 
}

.ediv {
	
   
  
   background-color: black;
  
  
 
}

   
 .eprice3 {
    
	-moz-box-shadow: 2px 2px 0px 0px #899599;
	-webkit-box-shadow: 2px 2px 0px 0px #899599;
	box-shadow: 2px 2px 0px 0px #899599;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #bab1ba));
	background:-moz-linear-gradient(top, #ededed 5%, #bab1ba 100%);
	background:-webkit-linear-gradient(top, #ededed 5%, #bab1ba 100%);
	background:-o-linear-gradient(top, #ededed 5%, #bab1ba 100%);
	background:-ms-linear-gradient(top, #ededed 5%, #bab1ba 100%);
	background:linear-gradient(to bottom, #ededed 5%, #bab1ba 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#bab1ba',GradientType=0);
	background-color:#ededed;
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
	border-radius:9px;
	width: 100px;
    height: 17px;
	cursor:pointer;
	color:#3a8a9e;
	font-family:Arial;
	font-size:11px;
	padding:4px 5px;
	text-decoration:none;
	text-shadow:0px 1px 0px #e1e2ed;
    text-align:center;
   
    margin: auto;
}
.eprice3:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bab1ba), color-stop(1, #ededed));
	background:-moz-linear-gradient(top, #bab1ba 5%, #ededed 100%);
	background:-webkit-linear-gradient(top, #bab1ba 5%, #ededed 100%);
	background:-o-linear-gradient(top, #bab1ba 5%, #ededed 100%);
	background:-ms-linear-gradient(top, #bab1ba 5%, #ededed 100%);
	background:linear-gradient(to bottom, #bab1ba 5%, #ededed 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bab1ba', endColorstr='#ededed',GradientType=0);
	background-color:#bab1ba;
}
.eprice3:active {
	
	
}



.store_closed{

}
.totali{
    width: 100%;
    height: 100px;
  
    margin-top: 10px;
    /*margin-left : 5%;*/
    /*margin-right : 5%;*/
    font-family : arial;
    font-size : 14px;
    font-weight : bold;
    color: #999999;
    
}

.total_pay{
    width: 90%;
    height: 30px;
  
    margin-top: 50px;
    margin-left : 5%;
    margin-right : 5%;
    font-family : arial;
    font-size : 14px;
    font-weight : bold;
    color: #999999;
    /*background-color : red;*/
    
}

.total{
    width: 90%;
    height: 100px;
  
    margin-top: 50px;
    margin-left : 5%;
    margin-right : 5%;
    font-family : arial;
    font-size : 14px;
    font-weight : bold;
    color: #999999;
    
}

.totaltext{
    width: 45%;
    height: 100px;
 
   line-height : 30px;
    float : left;
}
.totaltext_pay{
    width: auto;
    height: auto;
 padding-right: 15px;
   
    float : left;
        font-family : Arial ;
    
    margin-top : 20px;
    
    margin-left : -70px;
}

.paybox{
    margin-left : 4px;
    margin-top : 0px;
    width : 90px;
    height : 80px;
    background-color : blue;
}
.fortotal{
    font-size : 24px;
     color: white;
     font-weight : bolder ;
     
     align-items : center ;
     align-content : center ;
     float: left;
     
}
.totalvalue_pay{
    height: 10px;
    line-height : 30px;
    width: 45%;
    float : right ;
    text-align : right;
    margin-right  : 20px;

    
   
}

.totalvalue{
    height: 100px;
    line-height : 30px;
    width: 45%;
    float : right ;
    text-align : right;
    margin-right  : 20px;

    
   
}
.checkout_pay{
     width: 50%;
    height: 0px;
    margin-left : 35%;
    /*margin-right : 25%;*/
    display : block;
    float : left ;

      /*background-color : yellow;*/
}
.checkout{
     width: 50%;
    height: 50px;
    margin-left : 20%;
    margin-right : 25%;
    display : block;

      /*background-color : yellow;*/
}
.checkout_h{
     width: 50%;
    height: 50px;
    margin-left : 20%;
    margin-right : 25%;
    visibility : hidden ;

      /*background-color : yellow;*/
}

.promo_pay{
     width: 100%;
    height: 100px;
    display : block;
    /*background-color : green;*/
}


.promo{
     width: 100%;
    height: 100px;
    display : block;
    /*background-color : green;*/
}
.button {
  background-color: red;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 10px;
  margin: 4px 2px;
  cursor: pointer;
  color : white;
  float: right;
  margin-right : 3px;
}
.inputpromo {
  width: 80%;
  box-sizing: border-box;
  border: 1px solid #ccc;
 
  font-size: 12px;
  background-color: white;
    margin-left : 10%;
    margin-right : 10%;
  background-position: 10px 10px; 
  background-repeat: no-repeat;
  padding: 12px 20px 12px 40px;
  margin-top: 15px;
}


.firstline{
      background-color: darkred;
              height: 20px;
              display: block;
              width : 100%;
              top : 0px;
              left : 0px;
              float : left;
}

.toimage{

}

.secondline{
     background-color: transparent;
              height: 45px;
              display: block;
              width : 100%;
              top : 0px;
              left : 0px;
              float : left;
              /*background : black;*/
}



.firstcontainer{
    
    width: 100%;
    height : 1000px;
   float : left;
   position : relative ;
   margin-top: 150px;
   z-index : -1;

  
  
}


.secondcontainer{
    
    width: 100%;
    height : auto;
        position : absolute ;
}

.white_textdiv_mother{
    width: 65%;
    height : 40px;
   
       float: left;
       margin-left : 20%;
       margin-top : 0px;
       /*background-color : green;*/
}
.white_textdiv_motheri{
    width: 25%;
    height : 40px;
   
       float: left;
       margin-left : 20%;
       margin-top : 0px;
       background-color : green;
}
.imagee{
    width: 20px;
   
}


.imagee2{
    width: 30px;
   margin-left : 5px;
}


.imagee3{
    width: 20px;
   margin-left : 5px;

}


.ppay{
 vertical-align : central  ;
 height : 40px;
 line-height : 45px;  
 float : left ; 
 margin-left :-20px;
 font-size : 13px;
 font-family : Arial;
 

}
.imagee3_pay{
 
   margin-left : 5px;
   margin-top: -3px;
 

    display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
   background-color: black;
}

.imagee3_pay2{
    width: 60px;
   margin-left : 5px;
   margin-top: 10px;
   height: 30px;
   /*background-color: black;*/
}

.forp1{
    color: white;
    font-size : 13px;
    font-weight : bolder;
     font-family :  'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    
    
}

.forp2i{
    color: white;
    font-size : 11px;
    font-family :  'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
       font-weight : bolder ;
       margin-top : -10px;
      
     


}

.forp2{
    color: white;
    font-size : 11px;
    font-family :  'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
       font-weight : bolder ;
      
     


}



.forp2{
    color: white;
    font-size : 9px;
    font-family :  'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
       font-weight : bolder ;
      
     
}

.white_textdiv{
    
    width: 26%;
    height : 40px;
     
       float: left;
       margin-left : 0%;
        margin-top : 5px;
        /*background-color : yellow;*/

}
.white_textdiv_middle{
    
    width: 20%;
    height : 40px;
  
       float: left;
       margin-left : 0%;
        margin-top : 5px;
         /*background-color : yellow;*/
}
.white_textdiv_last{

    width: 35%;
    height : 40px;
     
       float: left;
       margin-left : 0%;
        margin-top : 5px;
         /*background-color : yellow;*/
}
.forfloat{
    float : left ;
    margin-right : 0px;
     width: 3%;
     /*background-color : blue;*/
     margin-top : 5px;
   
}
.forfloat2{
    float : left ;
    margin-right : 0px;
     width: 40px;
     /*background-color : blue;*/
     margin-top : 5px;
   
}
.forfloat3{
    float : left ;
    margin-right : 0px;
     width: 30px;
    
     margin-top : 10px;
   
}

.contactbox{
    width: 120px;
    height : 50px;
    background-color : gold;
    position: fixed ;
    top: 0px;
    right: 65px;
    font-family : Arial ;
     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     text-align : center ;
     color : darkred ;
     font-weight: bolder;
     padding: 15px;
     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    
}

.diabox{
    margin-top : 0px;
    margin-left : 300px;
    width : 600px;
    height : 50px;
    float : left;
    /*background-color : red;*/
}

.dia{
    margin-top : 10px;
    margin-left : 20px;
    width : 60%;
    height : 30px;
    /*background-color : yellow;*/
}
.dia_under{
    margin-top : 0px;
    margin-left : -45px;
    width : 650px;
    height : 20px;
    float : left;
    /*background-color : blue;*/
    font-family : Arial ;
    font-size : 11px;
   font-weight : bolder;
   color: #808080;
}


.dia_under_text_1 {
    margin-top: 0px;
    margin-left: 0px;
    width: 160px;
    height: 20px;
    float: left;
    /*background-color : yellow;*/
    text-align: center;
    line-height: 20px;
    color: #808080;
}

.dia_under_text_2{
    margin-top : 0px;
    margin-left : 65px;
    width : 160px;
    height : 20px;
    float : left;
    /*background-color : yellow;*/
    text-align : center;
    line-height : 20px;
}

.dia_under_text_3{
    margin-top : 0px;
    margin-left : 60px;
    width : 160px;
    height : 20px;
    float : left;
    /*background-color : yellow;*/
    text-align : center;
    line-height : 20px;
}
.firstcircle{
    width: 30px;
    height : 30px;
    border-radius : 50% 50%;
    background-color : red;
     text-align : center;
   
    margin-top : 10px;
    line-height : 30px;
}

/*.textcircle{
    text-align : center;
    color: red;
    margin-top : 10px;
}*/

.stick{
    width: 185px;
    height : 5px;
    margin-left : 30px;
    background-color :  #d9d9d9;
    margin-top : -18px;
    z-index : -1;

}

.stick2{
    width: 195px;
    height : 5px;
    margin-left : 245px;
    background-color : #d9d9d9;
    margin-top : -5px;
    z-index : -1;
}




.secondcircle_pay {
    width: 30px;
    height: 30px;
    border-radius: 50% 50%;
    background-color: #d9d9d9;
    margin-left: 215px;
    margin-top: -30px;
    z-index: 99;
    text-align: center;
    line-height: 30px;
    font-weight: bolder;
}
.secondcircle{
    width: 30px;
    height : 30px;
    border-radius : 50% 50%;
    background-color :#d9d9d9;
    margin-left : 215px;
      margin-top : -30px;
    z-index : 1;
    text-align: center;
    line-height : 30px;
      font-weight : bolder ;
}
.thirdcircle_confirm{
    width: 30px;
    height : 30px;
    border-radius : 50% 50%;
    background-color : red;
    margin-left : 440px;
      margin-top : -30px;
      text-align: center;
       line-height : 30px;
      font: red;
      font-weight : bolder ;
    z-index : 1;
}
.thirdcircle{
    width: 30px;
    height : 30px;
    border-radius : 50% 50%;
    background-color : #d9d9d9;
    margin-left : 440px;
      margin-top : -30px;
      text-align: center;
       line-height : 30px;
      font: red;
      font-weight : bolder ;
    z-index : 1;
}
.logo{
    width: 120px;
    height : 50px;
 
    position: fixed ;
    top:50px;
   left: 65px;
  
    
}

.check{
    width: 15px;
    height : 15px;
}

.logo_processed{
    width: 120px;
    height : 50px;
 
    position: fixed ;
    top:10px;
   left: 65px;
  
    
}

.contactpara{
    font-size: 20px;
    text-shadow : unset ;
}


.menu1{
    font-size: 16px;
    text-shadow : unset ;
    color: red;
    float: left;
    font-family : 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-weight : bolder;
    margin-left : 20px;
    margin-top: 15px;

    
}


.menu1div{
   margin-left : 20%;
  
   float : left;
}






.menu2 {
    font-size: 13px;
    text-shadow: unset;
    color: #787878;
    float: left;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-weight: bolder;
    margin-left: 0px;
    margin-top: 15px;
    text-decoration: none;
}

.catgroup{
    margin-left : 20px;
    /*background-color : blue;*/
}







.logoimage{
    width : 150px;
}

.topboxes{
    width : 100%;
    height : 100px;
    top: 0px;
    
    z-index: 1;
    /*background-color : blue;*/
}
.forbutton_pay{
    margin-top: -20px;
    float : left;
    
}

    .myButton_pay {
	box-shadow: 0px 0px 0px 2px #9fb4f2;
	background:linear-gradient(to bottom, #3A42D5 5%, #476e9e 100%);
	background-color:#3A42D5;
	border-radius:6px;
	border:1px solid #4e6096;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	padding:8px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #283966;
    text-align: center;
   margin-top: 50px;
   width : 100%;
}


    .myButton {
	box-shadow: 0px 0px 0px 2px #9fb4f2;
	background:linear-gradient(to bottom, #3A42D5 5%, #476e9e 100%);
	background-color:#3A42D5;
	border-radius:6px;
	border:1px solid #4e6096;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	padding:8px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #283966;
    text-align: center;
   margin-top: 5px;
   width : 100%;
}
.myButton:hover {
	background:linear-gradient(to bottom, #476e9e 5%, #7892c2 100%);
	background-color:#476e9e;
}
.myButton:active {
	position:relative;
	top:1px;
}

.button {
  background-color: red; /* Green */
  border: none;
  color: white;
  padding: 5px 22px;
  text-align: center;
  text-decoration: none;
  
  font-size: 11px;
  float : right ;
}

.fordiscount{
    color: darkgrey ;
    text-align : center;
    margin-top: 15px;
}

.fordiscounti{
    color: darkgrey ;
    text-align : center;
    margin-top: 40px;
}