html{
     scroll-behavior: smooth;
}
 body {
     background: #e5e5e5;
     position: relative;
}
 .customfooter {
     float: inherit;
}
 .overlay {
     display:none;
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
     z-index: 10;
    /* opacity: 0;
     */
     background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
     background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0, 0, 0, 0.4)), color-stop(100%, rgba(0, 0, 0, 0.9)));
     background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
     background: -o-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
     background: -ms-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
     background: radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000', endColorstr='#e6000000', GradientType=1);
     -ms-filter: "alpha(opacity=50)";
     filter: alpha(opacity=50);
     animation: fadeIn 1s;
     -webkit-animation: fadeIn 1s;
     -moz-animation: fadeIn 1s;
     -o-animation: fadeIn 1s;
     -ms-animation: fadeIn 1s;
}
 
 .form-shipping-prt{
     border-radius: 4px;
     box-shadow: 0 2px 15px rgb(0 0 0 / 40%);
     z-index: 9999;
    position: relative;
     animation: fadeIn 1.5s;
     -webkit-animation: fadeIn 1.5s;
     -moz-animation: fadeIn 1.5s;
     -o-animation: fadeIn 1.5s;
     -ms-animation: fadeIn 1.5s;
}
 @keyframes fadeIn {
     0% {
         opacity: 0;
    }
     100% {
         opacity: 1;
    }
}
 @-moz-keyframes fadeIn {
     0% {
         opacity: 0;
    }
     100% {
         opacity: 1;
    }
}
 @-webkit-keyframes fadeIn {
     0% {
         opacity: 0;
    }
     100% {
         opacity: 1;
    }
}
 @-o-keyframes fadeIn {
     0% {
         opacity: 0;
    }
     100% {
         opacity: 1;
    }
}
 @-ms-keyframes fadeIn {
     0% {
         opacity: 0;
    }
     100% {
         opacity: 1;
    }
}
 .form-shpping {
     display: none;
     background: #f2f2f2;
     padding: 15px;
     border-radius: 5px;
}

 .btn_confirm {
     color: #fff;
     /* border: 1px solid #800806; */
     border-radius: 3px;
     /* box-shadow: inset 0 1px 0 0 #e13c3a;
     background-image: linear-gradient(#bb1513,#8f0907)!important; */
     box-shadow: inset 0 1px 0 0 #27f722;
     background-color: #1ce105;
     background-image: linear-gradient(#05e117,#0a8c05)!important;
     border: 1px solid #0b9c00;
     text-shadow: 0 1px 0 #536f56;
     padding: 7px 18px;
     margin: 0 auto;
     display: block;
     margin-top: 20px;
}
.cancel-btn
{
     color: #bb1513;
    border: 1px solid #800806; 
     border-radius: 3px;
     /* box-shadow: inset 0 1px 0 0 #e13c3a;
     background-image: linear-gradient(#bb1513,#8f0907)!important; */
    margin: 0 auto;   
    margin-top: 20px;  
    width: auto;
    /* font-size: 13px; */
    background: #fff;
    cursor: pointer;
    padding: 7px 18px;
    margin-right: 10px;
}
.cancel-btn:hover{
   background: linear-gradient(#bb1513,#8f0907)!important; 
   color: #fff;
}

 form{
    padding: 0;
}
select.form-control
{
    padding-left: 4.3px!important;
}
 .form-control {
     font-family: Roboto,Helvetica Neue,Arial,Helvetica,sans-serif;
     outline: none;
     /* -webkit-appearance: none;
     appearance: none; */
     tap-highlight-color: hsla(0,0%,100%,0);
     line-height: 1.2142em;
     padding: 0.67861429em 0.8em;
     font-size: .8em;
     transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
     background-image: none;
     border-radius: 0.3em;
     border: 1px solid #ccc;
     border-top-color: #c2c2c2;
     border-bottom-color: #d6d6d6;
     box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
     color: #333;
     display: block;
     line-height: 1.2;
     height: 2.5em;
     padding: 0 0.75em;
     width: 100%;
     background-color: #fff;
}
 input[type=text],input[type=tel],input[tel=email] {
     font-family: Roboto,Helvetica Neue,Arial,Helvetica,sans-serif;
     outline: none;
     -webkit-appearance: none;
     appearance: none;
     tap-highlight-color: hsla(0,0%,100%,0);
     line-height: 1.2142em;
     padding: 0.67861429em 0.8em;
     font-size: .8em;
     transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
     background-image: none;
     border-radius: 0.3em;
     border: 1px solid #ccc;
     border-top-color: #c2c2c2;
     border-bottom-color: #d6d6d6;
     box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
     color: #333;
     display: block;
     line-height: 1.2;
     height: 2.5em;
     padding: 0 0.75em;
     width: 100%;
     background-color: #fff;
}
 .form-shpping h3 {
     color: #999999;
     font-size: 16px;
     font-weight: 500;
     text-transform: uppercase;
     margin-bottom: 5px;
}

 .edit-btn-shw, .confirm-btn-shw{
     color: #fff;
     border-radius: 3px;
     padding: 6px 4px;
     font-size: 10px;
     display: block;
     box-shadow: inset 0 1px 0 0 #22c1f7;
     cursor: pointer;
     background-color: #05aae1;
     background-image: linear-gradient(#05aae1,#008ab8);
     border: 1px solid #008ab8;
     text-shadow: 0 1px 0 #53686f;
     position: relative;
     transition: -webkit-transform .1s;
     transition: transform .1s;
}
 .edit-btn-shw{
     margin-right: 10px;
}
 .confirm-btn-shw {
     box-shadow: inset 0 1px 0 0 #27f722;
     background-color: #1ce105;
     background-image: linear-gradient(#05e117,#0a8c05);
     border: 1px solid #0b9c00;
     text-shadow: 0 1px 0 #536f56;
}
 .edit-btn-shw:hover {
     -webkit-transform: scale(1.1);
     -ms-transform: scale(1.1);
     transform: scale(1.1);
     background-color: inherit;
     box-shadow: inset 0 1px 0 0 #22c1f7;
     cursor: pointer;
     background-color: #05aae1;
     background-image: linear-gradient(#05aae1,#008ab8);
     border: 1px solid #008ab8;
     text-shadow: 0 1px 0 #53686f;
}
 .confirm-btn-shw:hover {
     -webkit-transform: scale(1.1);
     -ms-transform: scale(1.1);
     transform: scale(1.1);
     background-color: inherit;
     box-shadow: inset 0 1px 0 0 #27f722;
     background-color: #1ce105;
     background-image: linear-gradient(#05e117,#0a8c05);
     border: 1px solid #0b9c00;
     text-shadow: 0 1px 0 #536f56;
}