/* common */

.textbox { border-radius: 6px; border: solid 1px #cdd2db; background-color: #ffffff; color: #4d4d4d; font-size: 14px; padding-left: 10px; padding-right: 10px; }
input.textbox { height: 45px; line-height: 1em; }
textarea.textbox { padding: 10px; }
input.textbox:focus, textarea.textbox:focus { border-color: #30beec; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075) , 0 0 8px rgba(48, 190, 236,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075) , 0 0 8px rgba(48, 190, 236,.6); }
.textbox.app-inp-hint { font-size: 12px; color: #e3e3e3; text-transform: none; }
.checkbox label.checkbox-custom { padding-left: 30px; }
.checkbox-label, .checkbox-label a, .checkbox-label b, .checkbox-label span { color: #4d4d4d; font-size: 13px; line-height: 18px; }
.fuelux .checkbox-custom::before { border-radius: 6px; border: solid 1px #e3e3e3; background-color: #ffffff; width: 20px; height: 20px; }
label.fuelux .radio:hover::before, label.fuelux .checkbox:hover::before, label.fuelux .radio-inline:hover::before, label.fuelux .checkbox-inline:hover::before, .input-label.fuelux .radio:hover::before, .input-label.fuelux .checkbox:hover::before, .input-label.fuelux .radio-inline:hover::before, .input-label.fuelux .checkbox-inline:hover::before, .fuelux .radio label:hover::before, .fuelux .checkbox label:hover::before, .fuelux .radio-inline label:hover::before, .fuelux .checkbox-inline label:hover::before, .fuelux .radio .input-label:hover::before, .fuelux .checkbox .input-label:hover::before, .fuelux .radio-inline .input-label:hover::before, .fuelux .checkbox-inline .input-label:hover::before { box-shadow: none; border-color: #787878; }
.fuelux .checkbox input[type="checkbox"]:focus + .checkbox-label, .fuelux .checkbox input[type="checkbox"]:hover + .checkbox-label, .fuelux .checkbox .checkbox-label:hover { color: #4d4d4d; }
.fuelux .checkbox-custom.checked::before, .fuelux .checkbox.checked:hover::before { background: #ffffff; color: var(--main-color); border-color: var(--main-color) !important; font-size: 13px; padding-left: 2px; padding-top: 2px; }
.checkbox.ui-state-error { border: none !important; }
.app-pmts-addr-item-invalid label { color: #fc0404 !important; }
.textbox.inpErr { background-image: url(/images/err01.svg); background-position: calc(100% - 10px) 50%; background-repeat: no-repeat; padding-right: 33px; }
textarea.textbox.inpErr { background-position: calc(100% - 10px) 10px; }
.app-form-invalid { color: #fc0404 !important; }

.select2-container { width: 100% !important; }
.select2-selection { height: 45px !important; box-shadow: none; }
.select2-selection__arrow { height: 43px !important; }
.select2-selection__rendered { line-height: 43px !important; color: #787878; font-size: 12px; }
.select2-container--default .select2-selection--single { border: solid 1px #e3e3e3; }

.app-menu-page.app-menu-page-inv { display: none; }
.app-docket-widget { width: auto; }

/* buttons */

.app-btn-1 { cursor: pointer; border: none; border-radius: 5px; background-color: var(--main-color); font-size: 14px; line-height: 16.5px; color: #ffffff; font-weight: bold; min-height: 45px; height: auto; display: flex; align-items: center; justify-content: center; min-width: 150px; padding: 0 15px 0 15px; }
.app-btn-1:hover, .app-btn-1:focus, .app-btn-1:active, .app-btn-1:visited { text-decoration: none; color: #ffffff; }
.app-btn-2 { cursor: pointer; border: none; min-width: 250px; min-height: 46px; border-radius: 5px; background-color: #13be00; display: flex; align-items: center; justify-content: center; padding: 0 15px 0 15px; font-size: 14px; line-height: 16.5px; color: #ffffff; font-weight: bold; }

/* order */

.app-ord-h1 { font-size: 22px; line-height: 30px; font-weight: bold; color: #4d4d4d; margin: 0; padding-bottom: 40px; }
.app-ord-addr .app-pmts-addr-item { margin-right: 0; }
.app-ord-addr .app-pmts-addr-item label { padding-left: 0; }
.app-ord-addr-agr { margin-top: 25px; }
.app-ord-addr-agr .app-agr-chk { margin-left: 30px; }
.app-ord-addr-agr .app-agr-chk[data-agr-id='0'] { margin-left: 0; }
.app-ord-btn { display: flex; margin: 40px 0 0 0; align-items: center; }
.app-ord-btn > div { margin-left: auto; }
.app-ord-btn a { font-size: 14px; color: #787878; }
.app-ord-btn i { margin-right: 6px; } 
.app-order-order_retry .app-ord-addr { margin-bottom: 30px; }

.app-order { padding: 40px 0 48px 0; }
.app-ord-cod-warn { display: table; margin: 0; width: 85%; font-size: 10px; font-weight: normal; }
.app-ord-cod-warn > span { display: table-cell; vertical-align: middle; height: 33px; }
.app-ord-cod-warn > span:first-of-type { width: 25px; text-align: left; }
.app-ord-cod-warn > span:last-of-type { color: #aaaaaa; font-size: 10px; line-height: 1.1em; }
.app-ord-cod-warn > span:last-of-type b { color: #aaaaaa; font-size: 10px; }
.app-ord-cod-warn > span i { font-size: 16px; color: #aaaaaa; }

.app-ord-pmt-logo { display: table; margin: -10px -10px -10px auto; }
.app-ord-pmt-logo > div { display: table-cell; vertical-align: middle; padding-left: 20px; }

/* one form order */

#order .app-page-head { background-image: url(/images/imge11.jpg); }
#order .app-top-menu-xs-order { display: none; }
#order .app-page-head-wrp .app-page-head { animation: none; }
.app-ord-pcks { margin-bottom: 40px; }
.app-ord-pck { border-radius: 10px; border: solid 1px #cdd2db; background-color: #ffffff; padding: 10px; display: flex; align-items: stretch; }
.app-ord-pck-1 { width: 369px; }
.app-ord-pck-2 { margin-left: 12px; flex: 1; display: flex; flex-direction: column; align-content: space-between; justify-content: space-between; }
.app-ord-pck-3 { min-height: 57px; display: flex; align-items: center; flex-direction: column; justify-content: center; text-align: center; font-size: 23px; font-weight: bold; line-height: 1.1em; color: #ffffff; padding: 12px 0 15px 0; }
.app-ord-pck-3 span { font-size: 21px; font-weight: normal; color: #ffffff; line-height: 1.5em; }
.app-ord-pck-even .app-ord-pck-3 { background-color: #fe9931; }
.app-ord-pck-odd .app-ord-pck-3 { background-color: #2C6DB0; }
.app-ord-pck-4 { display: flex; align-items: flex-end; justify-content: space-between; margin: 0 14px 0 17px; }
.app-ord-pck-5 div { display: flex; align-items: center; margin-bottom: 13px; }
.app-ord-pck-5 div i { font-size: 21px; color: #fe9931; width: 36px; }
.app-ord-pck-5 div span { font-size: 15px; font-weight: 500; color: #696a6c; }
.app-ord-pck-6 p { font-size: 26px; text-decoration: line-through; color: #a4a5ad; font-weight: 500; margin: 0; text-align: right; }
.app-ord-pck-6 div { font-size: 15px; font-weight: 300; color: #696a6c; }
.app-ord-pck-6 div b { font-size: 27px; color: #4d4d4d; font-weight: 600; text-align: right; margin-left: auto; display: block; }
.app-ord-pck-7 { margin: 0 14px 6px auto; display: flex; align-items: center; height: 40.9px; border-radius: 4px; background-color: #fe9931; cursor: pointer; border: solid 2px #fe9931; padding: 0 28px 0 28px; }
.app-ord-pck-7 span { color: #ffffff; font-size: 14.9px; font-weight: 600; }
.app-ord-pck-7 i { font-size: 22.3px; color: #fe9931; display: none; margin-right: 11px; }
.app-ord-pck-selected .app-ord-pck-7 span { color: #fe9931; }
.app-ord-pck-selected .app-ord-pck-7 i { display: inline-block; }
.app-ord-pck-selected .app-ord-pck-7 { background-color: #ffffff; border-color: #ffffff; transition: none; padding: 0 18px 0 18px; }
.app-ord-pck-selected .app-ord-pck-7:hover { border-color: #fe9931; transform: none; }
.app-ord-pck-7b, .app-ord-pck-7 .fas { display: none; }
.app-ord-pck-selected .app-ord-pck-7a, .app-ord-pck-selected .app-ord-pck-7 .fal { display: none; }
.app-ord-pck-selected .app-ord-pck-7b, .app-ord-pck-selected .app-ord-pck-7 .fas { display: block; }
.app-ord-pck-8 { height: 67px; display: flex; align-items: center; justify-content: center; font-size: 17px; font-weight: 500; color: #696a6c; text-transform: uppercase; }
.app-ord-pck-9 { display: flex; align-items: center; cursor: pointer; margin-top: 15px; margin-left: 10px; }
.app-ord-pck-9 span { color: #787878; font-size: 14px; }
.app-ord-pck-9 i { color: #787878; font-size: 18px; margin-left: 8px; }
.app-ord-pcks-invalid .app-ord-pck { border-color: #fc0404; }
.app-ord-b2 { background-color: #fbf8f8; margin-top: -55px; padding: 99px 240px 5px 240px; margin-bottom: 42px; position: relative; z-index: 9; }
.app-ord-b2-1 { width: 110px; height: 110px; border: solid 1px #e3e3e3; background-color: #ffffff; margin: 55px auto 0 auto; border-radius: 50%; display: flex; align-items: center; justify-content: center; z-index: 10; position: relative; }
.app-ord-b2-1 div { background-color: #fe9931; border-radius: 50%; display: flex; align-items: center; justify-content: center; width: 98px; height: 98px; }
.app-ord-b2-1 div i { font-size: 53px; color: #ffffff; }
.app-ord-b2-2 { font-size: 26px; line-height: 30px; font-weight: bold; color: #4d4d4d; text-align: center; }
.app-ord-b2-3 { display: flex; align-items: flex-start; margin-top: 35px; }
.app-ord-b2-3 i { font-size: 25px; color: #fe9931; margin-right: 18px; }
.app-ord-b2-3 div { font-size: 16px; line-height: 24px; color: #696a6c; font-weight: 300; }
.app-ord-b2-3 div b { font-size: 16px; color: #696a6c; font-weight: 600; }
.app-order .app-blk6-1 { margin-bottom: 0; }
.app-ord-pmt-dgt-1, .app-ord-pmt-dgt-6, .app-ord-pmt-dgt-8 { display: none; }
.app-ord-pmt-dgt-7 { padding-bottom: 14px; }
.app-ord-addr { margin-bottom: 40px; }
.app-pmts-total, .app-pmts-total span { font-size: 18px; }
.app-ord-agr-info { display: flex; align-items: center; margin-top: 20px; }
.app-ord-agr-info > i { font-size: 38px; color: #14aaf5; margin-right: 30px; margin-left: 30px; }
.app-ord-agr-info .app-agr-lbl, .app-ord-agr-info .app-agr-lbl * { font-size: 13px; line-height: 20px; font-weight: 300; color: #4d4d4d; }
.app-ord-addr-agr .checkbox-label, .app-ord-addr-agr .checkbox-label a, .app-ord-addr-agr .checkbox-label span { font-size: 14px; font-weight: 300; }

/* edit */

.app-block-edit-options { padding: 13px 20px 26px 20px; }
.app-block-edit-options h2 { margin-bottom: 25px; }
.app-block-edit-options .btn1 { font-size: 13px; line-height: 15px; color: #4c4c4c; cursor: pointer; margin-bottom: 8px; }
.app-block-edit-options .btn1:hover { text-decoration: underline; }
.app-ord-e1 { font-size: 16px; line-height: 30px; color: #4d4d4d; margin-bottom: 25px; }
.app-ord-e2 { display: flex; align-items: center; min-height: 35px; }
.app-ord-e3 { font-size: 15px; font-weight: bold; color: #4d4d4d; padding-right: 30px; width: 280px; }
.app-ord-e3 div { display: none; }
.app-ord-e4 { font-size: 15px; color: #787878; }

/* payments */

.app-pmts-b1 { display: flex; align-items: center; }
.app-pmts-b2 { display: flex; align-items: center; min-height: 31px; border-radius: 5px; padding: 5px 7px 5px 7px; }
.app-pmts-b2 span { font-family: 'Work Sans', sans-serif; text-transform: uppercase; font-size: 11px; }
.app-pmts-b2 i { font-size: 16px; margin-right: 5px; }
.app-pmts-b3 { background-color: #e3e3e3; margin-right: 6px; }
.app-pmts-b3 * { color: #4d4d4d; }
.app-pmts-b4 { background-color: #7ac043; }
.app-pmts-b4 * { color: #ffffff; }
.app-pmts-item { border: 1px solid #e3e3e3; border-radius: 6px; }
.app-pmts-item:hover { border-color: #14aaf5; }
.app-pmts-invalid .app-pmts-item, .app-pmts-invalid .app-pmts-item:hover { border-color: #fc0404; }
.app-pmts-item-1 { display: none; }
.app-pmts-item-1 div { display: flex; align-items: center; justify-content: center; border-radius: 50%; width: 23px; height: 23px; min-width: 23px; min-height: 23px; max-width: 23px; max-height: 23px; border: 1px solid #e3e3e3; background-color: #ffffff; }
.app-pmts-item-1 div i { font-size: 15px; color: #ffffff; }
.app-pmts-item:hover .app-pmts-item-1 div { border-color: #14aaf5; }
.app-pmts-item-sel .app-pmts-item-1 div { background-color: #14aaf5; border-color: #14aaf5; display: flex; }
.app-pmts-item-3 { color: #787878; font-size: 14px; white-space: nowrap; }
.app-pmts-item-lbl { font-size: 14px; font-weight: bold; color: #4d4d4d; }
.app-pmts-item-sel, .app-pmts-item-sel:hover { border-color: #14aaf5; border-width: 2px; }
.app-pmts-item-sel .app-pmts-item-3 { color: #14aaf5; }
.app-pmts-item-sel .app-pmts-item-lbl { color: #14aaf5; }
.app-pmts-sect-1 { margin-bottom: 30px; background-repeat: no-repeat; }
.app-pmts-sect-1 > div { font-size: 19px; color: #3C3C3C; font-weight: bold; }
.app-pmts-sect-1 > div span { background-color: #30BEEC; color: #ffffff; font-size: 10px; line-height: 13px; }
.app-pmts-sect-1 > div div { background-color: #7AC043; color: #ffffff; font-size: 10px; line-height: 13px; }
.app-pmts-sect-1 p { margin: 15px 0 0 0; color: #7C7979; line-height: 26px; font-size: 15px; }
.app-pmts-sect-nrm { border-top: 2px dotted #D0CBCB; padding-top: 35px; margin-top: 35px; }
.app-pmts-btns { margin-top: 35px; }
.app-pmts-btn-back .app-btn-prev { display: none; }
.app-pmts-btn-next .app-btn-1 { font-weight: bold; color: #ffffff; background-color: #14aaf5; height: 45px; display: flex; align-items: center; justify-content: center; text-transform: none; }
.app-pmts-btn-next-off { height: 45px; display: flex; background-color: #EBEBEB; align-items: center; justify-content: center; font-weight: bold; color: #ffffff; margin-left: auto; padding: 0 30px 0 30px; min-width: 150px; border-radius: 5px; }
.app-pmts-btn-next-off i { color: #ffffff; font-size: 1.188rem; margin-left: 10px; }
.app-pmts-addr { margin-top: 20px; }
.app-pmts-addr-item { margin-bottom: 5px; }
.app-pmts-addr-item label { font-weight: normal; font-size: 14px; line-height: 1em; color: #787878; text-transform: uppercase; margin: 0; }
.app-pmts-addr-item label:first-letter { text-transform: uppercase; }
.app-pmts-addr-item label div { display: none; }
.app-pmts-total { font-size: 16px; color: #4d4d4d; }
.app-pmts-total span { font-size: 16px; color: #4d4d4d; font-weight: bold; }

.app-pmts-h1 { font-size: 22px; line-height: 30px; font-weight: bold; color: #4d4d4d; margin-bottom: 30px; }
.app-pmtsg-btns { margin-top: 0; }
.app-pmtsg-type { border: 1px solid #e3e3e3; border-radius: 6px; padding: 12px 15px 12px 15px; position: relative; margin-bottom: 12px; }
.app-pmtsg-type-d { padding-bottom: 45px; }
.app-pmtsg-type-1 > div { display: flex; align-items: center; font-size: 16px; font-weight: bold; color: #4d4d4d; margin-right: 100px; }
.app-pmtsg-type-1 > div span { display: none; }
.app-pmtsg-type-1 > div div { position: absolute; bottom: 10px; right: 15px; min-width: 150px; border-radius: 5px; padding: 5px 10px 5px 35px; background: #7ac043 url(/images/green.svg) 8px 50% no-repeat; color: #ffffff; text-transform: uppercase; font-size: 10px; }
.app-pmtsg-type-1 p { font-size: 14px; color: #787878; margin: 5px 100px 0 0; }
.app-pmtsg-type-2 { position: absolute; top: 12px; right: 15px; font-size: 14px; color: #787878; }
.app-pmtsg-type:hover { cursor: pointer; border-color: #14aaf5; }
.app-pmtsg-type-sel { border-width: 2px; border-color: #14aaf5; }
.app-pmtsg-type-sel .app-pmtsg-type-1 > div { color: #14aaf5; }
.app-pmtsg-type .app-pmts-addr { border-top: solid 1px #dcd4d4; padding-top: 30px; }
.app-pmtsg-type-sel .app-pmtsg-type-2 { color: #14aaf5; }

.app-validation-error-message { display: table; background: url(/images/err01.svg) center left no-repeat; padding-left: 25px; font-size: 12px; color: #fc0404; margin: 23px auto 0 auto; display: none; }

/* confirm */

#confirm .app-page-head-wrp { display: none; }
.app-block-confirm { padding: 30px; }
.app-cnf-1, .app-cnf-3 { display: table; margin: 0 auto 25px auto; }
.app-cnf-1 svg { width: 39px; height: 39px; fill: #13be00; }
.app-cnf-2 { text-align: center; }
.app-cnf-2 ul { text-align: left; }
.app-cnf-2 p { font-size: 16px; line-height: 25px; color: #4d4d4d; margin: 0 0 15px 0; }
.app-cnf-2 p b, .app-cnf-2 li { font-weight: normal; font-size: 16px; line-height: 25px; color: #4d4d4d;  }
.app-cnf-2 div, .app-cnf-2 h2 { font-size: 22px; line-height: 25px; color: #4d4d4d; font-weight: bold; margin-bottom: 10px; }
.app-cnf-3 svg { width: 32.13px; height: 32.1px; fill: #fc0404; }
.app-cnf-4 { display: table; margin: 40px auto 40px auto; }
.app-cnf-5 { text-align: center; margin-bottom: 40px; }
.app-cnf-5 h5 { font-size: 22px; line-height: 30px; color: #4d4d4d; font-weight: bold; margin: 25px 0 5px 0; }
.app-cnf-5 p { font-size: 16px; line-height: 25px; color: #4d4d4d; margin: 0; }
.app-cnf-6 h2 { font-size: 22px; margin-bottom: 20px; }
.app-cnf-6a { font-size: 13px; line-height: 22px; color: #4d4d4d; padding-bottom: 10px; }
.app-cnf-6a br { display: none; }
.app-cnf-6b { font-size: 13px; line-height: 22px; color: #4d4d4d; margin-top: 25px; }
.app-cnf-6b b { font-size: 13px; color: #4d4d4d; }
.app-cnf-6c { display: table; margin: 45px auto 50px auto; }
.app-cnf-6c .app-btn-1 { background-color: var(--main-color); }
.app-cnf-6d { margin: 40px auto 20px auto; }
.app-cnf-6d a { display: flex; align-items: center; justify-content: center; font-size: 14px; color: #4d4d4d; }
.app-cnf-6d svg { width: 19.218px; height: 21.297px; fill: var(--main-color); margin-right: 12px; }

.app-ord-tpl-cnf { display: flex; align-items: flex-start; }
.app-ord-tpl-cnf-b1 { border-radius: 5px; box-shadow: 0px 2px 3px 0 rgba(0, 0, 0, 0.04); background-color: #ffffff; }
.app-ord-tpl-cnf-b1 { padding: 40px 30px 40px 30px; }
.app-ord-tpl-cnf-1 i { font-size: 39px; color: #13be00; }
.app-ord-tpl-cnf-2 { margin-top: 25px; font-size: 15px; line-height: 23px; margin-bottom: 40px; color: #4d4d4d; }
.app-ord-tpl-cnf-2 div { font-size: 22px; line-height: 30px; margin-bottom: 5px; font-weight: bold; color: #4d4d4d; }
.app-ord-tpl-cnf-5 { margin-top: 25px; margin-bottom: 35px; }
.app-ord-tpl-cnf-6 { margin-left: 25px; margin-right: 25px; }
.app-ord-tpl-cnf-6 div { font-size: 15px; line-height: 23px; font-style: italic; color: #4d4d4d; text-align: center; }
.app-ord-tpl-cnf-6 p { text-align: center; font-size: 15px; line-height: 23px; font-weight: bold; margin: 15px 30px 0 30px; color: #4d4d4d; }
.app-ord-tpl-cnf-6 p a { font-size: 15px; }
.app-ord-tpl-cnf-7 { margin-top: 25px; border-radius: 5px; border: solid 1px var(--main-color); padding: 17px; }
.app-ord-tpl-cnf-7 i { font-size: 24px; color: var(--main-color); }
.app-ord-tpl-cnf-7 span { font-size: 12px; line-height: 15px; color: #4d4d4d; }