input:not([type]), input[type=text]:not(.browser-default), input[type=password]:not(.browser-default), input[type=email]:not(.browser-default), input[type=url]:not(.browser-default), input[type=time]:not(.browser-default), input[type=date]:not(.browser-default), input[type=datetime]:not(.browser-default), input[type=datetime-local]:not(.browser-default), input[type=tel]:not(.browser-default), input[type=number]:not(.browser-default), input[type=search]:not(.browser-default), textarea.materialize-textarea {
    background-color: white;
    border: none;
    border-bottom: initial;
    border: 1px solid #2198ea;
    border-radius: 2px;
    padding: 0px 10px;
    outline: none;
    height: 40px;
    width: 100%;font-size: 16px;margin: 0 0 8px 0;-webkit-box-shadow: none;box-shadow: none;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-transition: border .3s, -webkit-box-shadow .3s;transition: border .3s, -webkit-box-shadow .3s;transition: box-shadow .3s, border .3s;transition: box-shadow .3s, border .3s, -webkit-box-shadow .3s;
}

input:not([type]):focus:not([readonly]), input[type=text]:not(.browser-default):focus:not([readonly]), input[type=password]:not(.browser-default):focus:not([readonly]), input[type=email]:not(.browser-default):focus:not([readonly]), input[type=url]:not(.browser-default):focus:not([readonly]), input[type=time]:not(.browser-default):focus:not([readonly]), input[type=date]:not(.browser-default):focus:not([readonly]), input[type=datetime]:not(.browser-default):focus:not([readonly]), input[type=datetime-local]:not(.browser-default):focus:not([readonly]), input[type=tel]:not(.browser-default):focus:not([readonly]), input[type=number]:not(.browser-default):focus:not([readonly]), input[type=search]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 0px solid #2198ea;
    border: 1px solid #2198ea;
    -webkit-box-shadow: 0 1px 0 0 #2198ea;
    box-shadow: 0px 0px 8px 0px #2198ea;
}
input:not([type]):disabled, input:not([type])[readonly="readonly"], input[type=text]:not(.browser-default):disabled, input[type=text]:not(.browser-default)[readonly="readonly"], input[type=password]:not(.browser-default):disabled, input[type=password]:not(.browser-default)[readonly="readonly"], input[type=email]:not(.browser-default):disabled, input[type=email]:not(.browser-default)[readonly="readonly"], input[type=url]:not(.browser-default):disabled, input[type=url]:not(.browser-default)[readonly="readonly"], input[type=time]:not(.browser-default):disabled, input[type=time]:not(.browser-default)[readonly="readonly"], input[type=date]:not(.browser-default):disabled, input[type=date]:not(.browser-default)[readonly="readonly"], input[type=datetime]:not(.browser-default):disabled, input[type=datetime]:not(.browser-default)[readonly="readonly"], input[type=datetime-local]:not(.browser-default):disabled, input[type=datetime-local]:not(.browser-default)[readonly="readonly"], input[type=tel]:not(.browser-default):disabled, input[type=tel]:not(.browser-default)[readonly="readonly"], input[type=number]:not(.browser-default):disabled, input[type=number]:not(.browser-default)[readonly="readonly"], input[type=search]:not(.browser-default):disabled, input[type=search]:not(.browser-default)[readonly="readonly"], textarea.materialize-textarea:disabled, textarea.materialize-textarea[readonly="readonly"] {
   color: black;
   border-bottom: 1px solid #2198ea;
   padding: 0px 0px;
   text-align:center
}

::-webkit-input-placeholder { color:    #525252;}
:-moz-placeholder {color:    #525252;opacity:  1;}
::-moz-placeholder { color:    #525252;opacity:  1;}
:-ms-input-placeholder {color:    #525252;}

@media only screen and (min-width: 1191px){ .form-toptext span{ padding:0px 40px}}
input.error {border: 1px solid #a30000 !important;}
input.error::placeholder { color: red;opacity: 1;}
label.error{display: none !important;}
input.error:focus{ border-bottom: 0px solid #60803d !important;border: 1px solid #a30000 !important;-webkit-box-shadow: 0 1px 0 0 #a30000 !important;box-shadow: 0px 0px 8px 0px #a30000 !important;}

#error-summary{font-weight: bold;color: white;margin-bottom: 5px;display: none;text-align: center;}

input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
input[type=number] {-moz-appearance: textfield;}


.flex-container {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    }

#form_areacode {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    max-width:50px;margin-right:0px;
    border-bottom-right-radius: 0px !important;
border-top-right-radius: 0px !important;
    border-right: 0px;
    }

#form_phone {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    /* border-bottom-left-radius: 0px !important;
border-top-left-radius: 0px !important; */
    }
    .formcard{border-radius:10px;background-color: white;box-shadow: 2px 4px 10px rgb(0 0 0 / 55%);    overflow: hidden;}
    .form-top{padding: 5px;background-color: #2198ea;font-size:20px;text-align: center;color:white;font-weight: 700;text-transform: uppercase;font-family: 'Roboto', sans-serif;}

    .form-middle{text-align: center;font-size:21px;margin:10px auto;display:block;text-transform: uppercase;    line-height: 23px;font-family: 'Roboto', sans-serif;}
    .form-middle .oldprice b,.form-middle .newprice b{margin-right: 10px;font-family: 'Roboto Condensed', sans-serif;}
    .form-middle .oldprice b{font-weight: normal;color: black;text-align: right;font-size:15px;}
    .form-middle .oldprice span{color: black;   position: relative;}
    .form-middle .oldprice span::after {
        content: " ";
        position: absolute;
        width: 64px;
        left: 0;
        bottom: 50%;
        border-bottom: 2px solid #000;
        transform: rotate(-11deg);}
    .form-middle .newprice b{font-weight: normal;color: black;text-align: right}
    .form-middle .newprice span{color:red;font-size:23px;font-weight: bold}

    .form-cards img{margin:4px auto;width:100%;max-width: 259px}

    input{border-radius: 10px !important;font-family: 'Roboto Condensed', sans-serif;}
    .btn-submit-col{display: flex;justify-content: center;margin:10px 0px}
    .btn-submit-col button{box-shadow: 4px 4px 4px 0px rgb(0 0 0 / 52%);border-color: transparent;line-height: initial;    font: inherit;border-width: initial !important;border-style: outset;cursor:pointer;    padding: 5px 20px;
    font-size: 22px;
    font-weight: 800;
    font-family: 'Roboto', sans-serif;}
    .btn-submit-col button:hover{box-shadow: 0px 0px 4px 0px rgb(0 0 0 / 32%);}

      .btn-submit-col button,.btn-submit-col button:hover{  -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}

    .orderform{    padding: 0px 10px;}
    @media only screen and (min-width: 993px) {/*desktop*/
      .orderform{    padding: 0px 40px;}
    }
    @media only screen and (max-width: 992px) {/*mobile*/
      .orderform{    padding: 0px 30px;}
    }
    @media only screen and (max-width: 600px) {/*x mobile*/
      .orderform{    padding: 0px 10px;}
    }