body {
    font-family: Arial, arialregular, Helvetica, sans-serif;
    font-size: 11px;
    margin: 0;
}

@font-face {

    font-family: 'arialregular';

    src: url('arial-webfont.woff2') format('woff2'),

         url('arial-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}

button:focus {outline: none;}

a {text-decoration: underline;color: #000000;}

a:hover {text-decoration: none;color: #000000;}

.logo {max-width: 170px;}

.header_design {background-color: #eb600d;color:#FFF;}

.header_text {display: flex; align-items: center;}

.header_design h2 {margin: 0; font-weight: normal;font-size: 70px;padding-left: 65px;}

.padding10 {padding-top:10px;}

img {width: 100%;}

.form_order {padding-top: 20px;padding-bottom: 20px;}

.voucher_code {display: flex; margin-bottom: 0px;}

.voucher_code label {white-space: nowrap; padding-right: 10px; margin: 0;font-weight: 500; font-size: 22px;}

#voucherid{
    font-size:2rem;
    height:auto;
    color:#eb600d
}

.form_order input[type="text"] {width: 100%; padding: 0 15px; background-color: #fff; border: 2px solid #eb600d;height: 30px;}

.form-control {height: calc(1em + .75rem + 2px);font-size: 12px;}

label {margin-bottom: 0;font-size: 12px;color: #000000;}

.form-group {margin-bottom: 3px;}

.custom_btn {border-radius: 100px;padding: 5px 30px; transition: .5s ease-in-out; background-color: #eb600d; border: 1px solid #eb600d;color: #FFF; margin: 15px 0;}

.custom_btn:hover {background-color: transparent;color: #eb600d;}

h4 {color: #000000;font-weight: bold;}

.right_side p {color: #000;font-weight: normal; font-size:inherit;}

p.magea {color: #000000;}

.form-group.form-check {margin-bottom: 0;margin-top: 10px;}

.form-check-input {margin-top: .18rem;}
.right_side {margin-top: 0;}
.col-md-3, .col-md-6, .col-md-12 {padding: 0 15px;}

span.form_err {
    font-size: 10px;
    color: red;
    display: none;
}
.voucher_code div {width: 100%;}
.form-group.form-check span.form_err {margin-bottom: 15px;}
.form-check-label a {
    display: block;
    /*margin-bottom: 10px;*/
}


@media screen and (min-width: 768px) and (max-width: 1024px) {
h4 {font-size: 20px;}
span.order_order .col-md-6, span.order_order .col-md-3 {max-width: 100%; flex: 0 0 100%;}
.form-group.form-check {margin-bottom: 20px;}
.header_design h2 {font-size: 60px; padding-left: 0;}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
form#fval .col-md-7, form#fval .col-md-5 {width: 100%; max-width: 100%; flex: 0 0 100%;}
.voucher_code {display: block;}

}

@media screen and (max-width: 767px) {
.voucher_code {display: block;}
.header_text {display: block;text-align: center;padding-bottom: 20px;}
.header_design h2 {font-size: 40px;padding-left: 0;}
.logo {max-width: 140px;}
.form-group.form-check {margin-bottom: 20px;}
}

.error_voucher{

    display:none;

}

.error_input{
    display:none;
}