*, html, body {
	font-family: 'Muli', sans-serif;
	font-size: 17px;
	line-height: 24px;
	color: #323232;
}
body { background-color: #f7f9fa; }

a, a:hover, a:focus, a:visited, a:active { color: #323232; }
a:hover { text-decoration: underline; }

/* anim */

.zoomIn, .zoomOut, .fadeInUp, .fadeInDown, .slideInLeft, .slideInRight, .slideOutLeft, .slideOutRight, .slideOutUp, .slideInDown {
	-webkit-animation-duration: 300ms;
	animation-duration: 300ms;
	-webkit-animation-delay: 0;
	animation-delay: 0;
}
.pulse, .fadeInDownBig {
	-webkit-animation-duration: 500ms;
	animation-duration: 500ms;
	-webkit-animation-delay: 0;
	animation-delay: 0;
}

.open > ul.dropdown-menu {
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	opacity: 1;
}
ul.dropdown-menu {
	-webkit-transform-origin: top;
	transform-origin: top;
	-webkit-animation-fill-mode: forwards;  
	animation-fill-mode: forwards; 
	transform: scale(1, 0);
	-webkit-transform: scale(1, 0);
	display: block;
	transition: all 0.1s linear;
	-webkit-transition: all 0.1s linear;
	opacity: .3;
}

/* spinner */

#order #spinner_ctl, #confirm #spinner_ctl { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; overflow: hidden; z-index: 22222; }
#order #spinner, #confirm #spinner { position: absolute; top: 0; left: 0; width: 100vw; height: 100vh; display: flex; align-items: center; justify-content: center; }
#order #spinner i, #confirm #spinner i { font-size: 64px; color: #0085f9; }
.spinner-wrp {
	width: 100%;
	height: 3px;
	background: linear-gradient(to right,#dee1e3,#dee1e3);
	position: absolute;
	margin: auto;
	border-radius: 4px;
	background-size: 20%;
	background-repeat: repeat-y;
	background-position: -25% 0;
	animation: spinnerScroll 1.2s ease-in-out infinite;
}
@keyframes spinnerScroll{
	50% { background-size: 80% }
	100% { background-position: 125% 0; }
}
@-webkit-keyframes spinnerScroll{
	50% { background-size: 80% }
	100% { background-position: 125% 0; }
}

.spinner-icon:before {
	content: '';
	width: 50px;
	height: 50px;
	border-radius: 50%;
	display: block;
	border: 4px solid transparent;
	-webkit-animation: spin-around 0.7s linear infinite;
    animation: spin-around 0.7s linear infinite;
}
.spinner-icon:before {
	border-top-color: #0085F9;
	border-left-color: #0085F9;
}
@-webkit-keyframes spin-around {
	0% {
    	-webkit-transform: rotate 0deg;
        transform: rotate 0deg;
  	}
  	50% {
    	-webkit-transform: rotate(180deg);
        transform: rotate(180deg);
  	}
  	100% {
    	-webkit-transform: rotate(360deg);
        transform: rotate(360deg);
  	}
}
@keyframes spin-around {
  	0% {
    	-webkit-transform: rotate 0deg;
        transform: rotate 0deg;
  	}
  	50% {
    	-webkit-transform: rotate(180deg);
        transform: rotate(180deg);
  	}
  	100% {
    	-webkit-transform: rotate(360deg);
        transform: rotate(360deg);
  	}
}

/* head */

.app-head { background-color: #ffffff; border-bottom: 1px solid #dfdede; }
.app-head-row { display: flex; align-items: center; min-height: 112px; }
.app-head-1 { display: flex; align-items: center; }
.app-head-1:hover, .app-head-1:focus, .app-head-1:visited, .app-head-1:active { text-decoration: none; }
.app-head-2 { margin-left: 7px; }
.app-head-3 { display: flex; align-items: center; }
.app-head-3 div { font-size: 21.5px; line-height: 36px; font-weight: 800; }
.app-head-3 div b { font-size: 21.5px; line-height: 36px; font-weight: 900; }
.app-head-3 span { height: 27px; width: 2px; background-color: #dfdede; display: block; margin: 0 12px 0 12px; }
.app-head-3 p { font-size: 20px; line-height: 24px; font-weight: bold; margin: 0; }
.app-head-4 { font-size: 12px; line-height: 14.4px; font-weight: 400; color: #868789; }
.app-head-5 { display: flex; align-items: center; margin-left: auto; }
.app-head-5 > p { font-size: 12px; line-height: 14px; color: #959595; margin: 0 54px 0 0; display: flex; align-items: center; }
.app-head-5 > p i, .app-head-bar-row p i, .app-inq-clock i { font-size: 18px; color: #959595; margin-right: 7px; }
.app-head-5 > p span, .app-head-bar-row p span, .app-inq-clock span { font-size: 12px; line-height: 14px; color: #959595; }
.app-head-bar-row p { display: flex; align-items: center; }
.app-head-6, .app-dropdown-lang .dropdown-toggle span { font-size: 14px; font-weight: 400; }
.app-dropdown-lang .dropdown-toggle i { font-size: 16px; margin-left: 5px; }
.app-head-menu-xs { margin-left: auto; }
.app-head-menu-xs .dropdown-toggle i { font-size: 24px; } 
.app-head .app-head-menu-xs li a:first-letter { text-transform: uppercase; }

/* content */

.app-content { margin-top: 15px; margin-bottom: 15px; }
.app-single-page { border-radius: 2px; background-color: #ffffff; padding: 40px; }
.app-single-page h3 { margin: 0 0 50px 0; font-size: 27px; font-weight: 400; }
.app-single-page h3:first-letter { text-transform: uppercase; }
.app-single-page h4, .app-single-page > div { font-size: 18px; line-height: 20px; font-weight: bold; margin: 20px 0 0 0; }
.app-single-page p, .app-single-page p *, .app-single-page ul *, .app-single-page ol * { font-size: 14px; line-height: 20px; font-weight: 400; margin: 0; }
.app-single-page > div { margin: 0 0 15px 0; }
.app-body-hidden .app-page-content { display: none; }

/* foot */

.app-foot { margin-top: 50px; }
.app-foot-row-1 { background-color: #595b5c; margin-bottom: 2px; display: flex; align-items: center; justify-content: center; min-height: 73px; }
.app-foot-row-1 .row { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; list-style-type: none; padding: 0; margin: 0; }
.app-foot-row-1 .row a { font-size: 12px; line-height: 14.4px; color: #c2bdbd; font-weight: 500; text-transform: uppercase; display: block; margin: 4px 10px 4px 10px; white-space: nowrap; }
.app-foot-row-3 { background-color: #e5e5e5; }
.app-foot-row-3 .row { padding: 34px 0 34px 0; text-align: center; font-size: 14px; line-height: 21px; color: #121111; font-weight: 300; }
.app-foot-row-3 .row a { font-size: 14px; color: #121111; font-weight: 300; text-decoration: underline; }

.app-logos { margin-bottom: 20px; }
.app-logos-row { display: flex; justify-content: space-between; }
.app-logo-1 { display: flex; align-items: center; }
.app-logo-1 > div { margin-right: 11px; max-width: 180px; }
.app-logo-1 > div p { margin: 0; text-align: right; font-size: 14px; line-height: 16.9px; font-weight: bold; text-transform: uppercase; }
.app-logo-1 > div span { font-size: 10px; line-height: 12px; font-weight: bold; color: #a9abae; text-align: right; display: block; }
.app-logo-2 { display: flex; align-items: center; }
.app-logo-2 > div { margin-left: 7px; }
.app-logo-2 > div > div { display: flex; align-items: center; }
.app-logo-2 > div > div div b { font-size: 21.5px; line-height: 36px; font-weight: 800; }
.app-logo-2 > div > div span { height: 27px; width: 2px; background-color: #dfdede; display: block; margin: 0 12px 0 12px; }
.app-logo-2 > div > div p { font-size: 17px; line-height: 24px; font-weight: 400; margin: 0; }
.app-logo-2 > div > span { font-size: 12px; line-height: 14.4px; font-weight: 400; color: #868789; display: block; }
.app-logo-3 { display: flex; align-items: center; }
.app-logo-3 div { margin-left: 11px; font-size: 14.1px; line-height: 16.9px; font-weight: bold; }
.app-logo-3 div br { line-height: 14px; }

/* forms */

.app-btn-1 { min-width: 180px; min-height: 48px; border-radius: 6px; background-color: #0085f9; display: flex; align-items: center; justify-content: center; text-align: center; cursor: pointer; font-size: 17.5px; font-weight: 700; color: #ffffff; padding: 5px 20px 5px 20px; }
.app-btn-1:hover, .app-btn-1:focus, .app-btn-1:active, .app-btn-1:visited { color: #ffffff; text-decoration: none; }
.app-btn-1 i { font-size: 24px; color: #ffffff; margin-left: 15px; }
.app-btn-1:first-letter { text-transform: uppercase; }

.dropdown-menu { border-color: #e2e1e1; border-radius: 2px; box-shadow: none; }
.dropdown-menu > li > a { font-size: 14px; font-weight: 400; line-height: 22px; white-space: nowrap; }
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background: #e2e1e1; }
.dropdown-menu > li.selected a { font-weight: bold; }

.textbox { height: 45px; border-radius: 6px; border: solid 1px #cccccc; background-color: #ffffff; width: 100%; padding: 10px; font-weight: 400; font-size: 15px; }
textarea.textbox { height: 150px; resize: none; }
.app-inp-hint { font-size: 13px; color: #cccccc; }

.fuelux .radio, .fuelux .checkbox { margin: 0; }
.fuelux .radio-custom::before, .fuelux .checkbox-custom::before { width: 20px; height: 20px; border-color: #cccccc; background: #ffffff; top: 3px; }
.fuelux .radio-custom::before { border-radius: 50%; border: 3px solid #0085f9; width: 21px; height: 21px; }
.fuelux .checkbox-custom { padding-left: 30px; }
.fuelux .checkbox-custom::before { border-radius: 2px; }
.fuelux .checkbox-custom::after { width: 12px; height: 12px; }
.fuelux .radio-custom { padding-left: 35px; }
.fuelux .radio label { font-size: 16px; line-height: 24px; font-weight: 400; }
.fuelux .radio-custom::after { width: 7px; height: 7px; }
.fuelux .radio-custom.checked::before { border-color: #0085f9; background: #ffffff; }
.fuelux .checkbox-custom.checked::before { background: #0085f9; border-color: #0085f9; font-size: 14px; }
.fuelux .checkbox-custom.checked::after { background: #0085f9; top: 2px; }
.fuelux .radio-custom.checked::after { background: #0085f9; top: 10px; left: 7px; }
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; }
.fuelux .checkbox input[type="checkbox"]:focus + .checkbox-label, .fuelux .checkbox input[type="checkbox"]:hover + .checkbox-label, .fuelux .checkbox .checkbox-label:hover { color: #323232; }
.checkbox-label { display: block; margin-top: 6px; }
.checkbox-label, .checkbox-label *, .app-agr-lbl, .app-agr-lbl * { font-size: 14px; line-height: 18px; font-weight: 400; }

.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: #323232; font-size: 12px; }
.select2-container--default .select2-selection--single { border: solid 1px #cccccc; }
.select2-container .select2-selection--single .select2-selection__rendered, .select2-results__option { color: #929292; font-weight: 400; }

.inpErr { border: 1px solid #ff0000 !important; }
.ui-state-error .checkbox-label, .ui-state-error .checkbox-label * { color: #ff0000; font-weight: bold; } 

.app-form-group { display: flex; align-items: center; margin-bottom: 8px; }
.app-form-group label { font-size: 12px; font-weight: normal; color: #787878; text-transform: uppercase; }
.app-form-group > span { flex: 1; display: block; }

/* common */

.app-hidden { visibility: hidden; }
.app-stats { margin: 0 30px 22px 30px; border-bottom: 2px dotted #dfdede; padding-bottom: 20px; }
.app-stats-1, .app-stats-2 { text-align: center; font-size: 15px; font-weight: 400; }
.app-stats-2 { margin-top: 5px; }
.app-stats-2 b, .app-stats-2 span { font-size: 17px; font-weight: 800; }
.app-stats-2 i { font-size: 24px; margin-right: 8px; }
.app-inq-progress { padding-bottom: 57px; }
.app-inq-progress-groups { margin-left: 30px; margin-right: 30px; margin-bottom: 60px; }
.app-inq-progress-group { display: flex; align-items: flex-start; margin-bottom: 8px; }
.app-inq-progress-group i { font-size: 24px; color: #d0cbcb; margin-top: 5px; visibility: hidden; }
.app-inq-progress-group div { font-size: 15px; line-height: 32px; font-weight: 400; margin-left: 15px; }
.app-inq-progress-group.current div { font-weight: bold; }
.app-inq-progress-group.completed i { color: #0aa454; visibility: visible; }
.app-inq-progress-meter { width: 100px; height: 100px; display: table; margin: 0 auto 0 auto; position: relative; }
.app-inq-progress-meter svg { transform: rotate(-90deg); }
.app-inq-progress-meter circle { transition: stroke-dashoffset 0.5s ease-in-out; }
.app-inq-progress-meter div { position: absolute; top: 0; left: 0; width: 100px; height: 100px; font-size: 15px; font-weight: 400; display: flex; align-items: center; justify-content: center; }
.app-inq-progress-meter div i { font-size: 44px; color: #0aa454; }

.app-panel-page { display: flex; align-items: flex-start; }
.app-inq-progress { border-radius: 2px; border: solid 1px #dfdede; background-color: #ffffff; padding-top: 25px; }
.app-panel-page-content { border-radius: 2px; background-color: #ffffff; overflow: hidden; }

.app-voucher-panel { border-radius: 2px; border: solid 1px #dfdede; background-color: #ffffff; padding: 25px; }
.app-vch-pnl-1 { display: flex; align-items: center; padding-bottom: 35px; border-bottom: 2px dotted #dfdede; }
.app-vch-pnl-1 i { font-size: 45px; color: #0aa454; }
.app-vch-pnl-1 span { display: block; margin-left: 15px; font-size: 20px; line-height: 24px; font-weight: bold; }
.app-vch-pnl-2 { font-size: 16px; line-height: 22px; margin: 28px 0 23px 0; }
.app-vch-pnl-3 { display: flex; align-items: flex-start; padding-bottom: 35px; }
.app-vch-pnl-3 div { margin-left: 19px; font-size: 14px; line-height: 14px; }
.app-vch-pnl-3 div b, .app-vch-pnl-3 div b u { font-size: 14px; white-space: nowrap; text-decoration: none; }
.app-vch-pnl-3 img { width: 70px; }
.app-vch-pnl-4 { border-top: 2px dotted #dfdede; }

/* time */

.app-time { display: flex; width: 100px; height: 100px; align-items: center; justify-content: center; position: relative; margin: 35px auto 10px auto; }
.app-time p { position: absolute; top: 0; right: 0; width: 100%; height: 100%; border-radius: 50%; border: 4px solid #e7e6e6; background-color: #ffffff; }
.app-time div { font-size: 12px; color: #767171; z-index: 100; }
.app-time-c1 { position: absolute; top: 0; right: 0; width: 100%; height: 100%; transform: rotateY(0) rotateZ(-90deg); z-index: 10; }
.app-time-c1 circle {
	stroke-dashoffset: 0px;
	stroke-linecap: round;
	stroke-width: 4px;
	stroke: #0aa454;
	fill: none;
}
.app-time-exp-body { overflow: hidden; }
.app-time-exp-wrp { width: 100vw; height: 100vh; overflow: hidden; display: none; justify-content: center; align-items: center; background-color: rgba(108,108,108,0.5); position: fixed; top: 0; left: 0; z-index: 10000; }
.app-time-exp-body .app-time-exp-wrp { display: flex; }
.app-time-exp-blk { border-radius: 2px; box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.16); border: solid 1px #dfdede; background-color: #ffffff; margin: 0 auto 0 auto; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.app-time-exp-blk i { font-size: 50px; }
.app-time-exp-blk-1 { margin: 27px 0 38px 0; text-align: center; }
.app-time-exp-blk-1 p { font-size: 27px; line-height: 38px; margin: 0; }
.app-time-exp-blk-1 div { font-size: 17px; line-height: 24px; margin: 10px 0 0 0; font-weight: 300; }
.app-time-exp-blk-2 { display: flex; align-items: center; justify-content: center; }
.app-time-exp-blk-2 a { margin-right: 12px; background-color: #e7e8ec; }
.app-time-exp-blk div.app-btn-1 { min-width: 280px; }
.app-time-exp-blk a.app-btn-1 { min-width: 160px; }

/* order */

.app-ord-h1 { margin: 0 0 50px 0; font-size: 27px; font-weight: 400; }
.app-ord-a1 { display: flex; align-items: flex-start; }
.app-ord-a2 { margin-top: 20px; margin-right: 45px; }
.app-ord-a4 { margin-top: 20px; padding-bottom: 5px; }
.app-ord-a5 { display: table; margin: 50px 0 0 auto; }
.fuelux .checkbox.app-agr-chk { margin-left: 30px; }
.fuelux .checkbox.app-agr-chk[data-agr-id='0'] { margin-left: 0; }
.app-agr-lbl { margin-top: 12px; display: block; }

.app-ord-ext-1 { display: flex; align-items: flex-start; border-bottom: 2px dotted #dfdede; padding-bottom: 44px; }
.app-ord-ext-2, .app-ord-ext-2 b { font-size: 16px; line-height: 22px; }
.app-ord-ext-2 div { font-size: 27px; line-height: 38px; margin-bottom: 25px; }
.app-ord-ext-3 { margin-top: 32px; }
.app-ord-ext-3 div { font-size: 27px; line-height: 38px; margin-bottom: 15px; }
.app-ord-ext-3, .app-ord-ext-3 b { font-size: 16px; line-height: 22px; color: #726f6f; }
.app-ord-ext-4 { display: flex; align-items: center; margin-top: 35px; justify-content: flex-start; }
.app-ord-ext-4 div { font-size: 16px; line-height: 22px; color: #726f6f; }
.app-ord-ext-4 div b { color: #726f6f; font-size: 16px; }
.app-ord-ext-4 i { margin-right: 25px; color: #726f6f; font-size: 26px; }
.app-ord-ext-5 { margin-top: 40px; }
.app-ord-ext-pcks { margin-top: 50px; display: flex; justify-content: center; align-items: flex-start; }
.app-ord-ext-pck { width: 287px; border-radius: 12px; border: solid 1px #dfdede; }
.app-ord-ext-pck > div { display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; padding: 10px; }
.app-ord-ext-pck-bck { background-color: #f7f7f8; }
.app-ord-ext-pck-1 { min-height: 85px; font-size: 21px; font-weight: bold; line-height: 25px; border-bottom: solid 1px #dfdede; }
.app-ord-ext-pck-1 i { font-size: 19px; margin-left: 7px; color: #ffffff; }
.app-ord-ext-pck-2 { min-height: 91px; font-size: 15px; line-height: 22px; text-transform: uppercase; }
.app-ord-ext-pck-3 { min-height: 133px; font-size: 15px; line-height: 22px; text-transform: uppercase; }
.app-ord-ext-pck-3 div { font-size: 18px; line-height: 30px; color: #6c6969; text-decoration: line-through; margin-bottom: 5px; font-weight: normal; }
.app-ord-ext-pck-3 span { font-size: 16px; line-height: 20px; font-weight: bold; color: #0085f9; text-transform: uppercase; }
.app-ord-ext-pck-3 p { font-size: 15px; line-height: 26px; margin: 15px 0 0 0; font-weight: normal; text-transform: none; }
.app-ord-ext-pck > div.app-ord-ext-pck-4 { border-top: solid 1px #dfdede; min-height: 60px; flex-direction: row; font-size: 17.5px; font-weight: bold; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; cursor: pointer; }
.app-ord-ext-pck-4 i { font-size: 28px; margin-left: 8px; color: #726f6f; }
.app-ord-ext-pck > div.app-ord-ext-pck-dl { padding: 0; }
.app-ord-ext-pck-d1 { background-color: #ee136a; padding: 18px 15px 18px 15px; display: flex; flex-direction: row; align-items: flex-start; font-size: 14px; line-height: 20px; font-weight: bold; color: #ffffff; text-align: left; }
.app-ord-ext-pck-d1 i { font-size: 20px; color: #ffffff; margin-right: 8px; }
.app-ord-ext-pck-d2 { font-size: 14px; line-height: 20px; text-align: left; color: #323232; padding: 15px 15px 15px 49px; }
.app-ord-ext-pck-sel .app-ord-ext-pck-1 { background-color: #0085f9; color: #ffffff; flex-direction: row; border-top-left-radius: 12px; border-top-right-radius: 12px; }
.app-ord-ext-pck-sel .app-ord-ext-pck-2 { font-weight: bold; }
.app-ord-ext-pck-sel .app-ord-ext-pck-4 { background-color: #0085f9; color: #ffffff; }
.app-ord-ext-pck-sel .app-ord-ext-pck-4 i { color: #ffffff; }

/* payments */

.app-order-payment_form { justify-content: center; }
.app-pmts-personal { margin-bottom: 30px; }
.app-pmts-item { border: 1px solid #e3e3e3; border-radius: 6px; }
.app-pmts-item:hover { border-color: #14aaf5; }
.app-pmts-item-1 { display: none; }
.app-pmts-item-3 { color: #787878; font-size: 14px; white-space: nowrap; }
.app-pmts-item-lbl { font-size: 16px; font-weight: bold; }
.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 { font-size: 16px; font-weight: 400; cursor: pointer; }
.app-pmts-btn-back .app-btn-prev i { font-size: 14px; margin-right: 8px; }
.app-pmts-btn-back .app-btn-prev:hover { text-decoration: underline; }
.app-pmts-btn-back .app-btn-prev:hover .fas { text-decoration: none; }
.app-order-order_retry .app-pmts-btn-back .app-btn-prev { display: none; }
.app-pmts-btn-next .app-btn-1 { font-size: 19px; font-weight: bold; color: #ffffff; background-color: #0085f9; 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-size: 19px; font-weight: bold; color: #ffffff; margin-left: auto; padding: 0 30px 0 30px; min-width: 187px; border-radius: 5px; }
.app-pmts-btn-next-off .fal { 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: 11px; line-height: 13px; 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; font-weight: 400; }
.app-pmts-total span { font-size: 16px; font-weight: bold; }

.app-pmts-h1 { font-size: 27px; line-height: 38px; font-weight: 400; 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: 17px; font-weight: bold; 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; line-height: 18px; margin: 5px 100px 0 0; }
.app-pmtsg-type-2 { position: absolute; top: 12px; right: 15px; font-size: 14px; }
.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; }

/* confirm */

.app-cnf-chk-1 { display: flex; flex-direction: column; align-items: center; font-size: 17px; line-height: 24px; font-weight: 400; margin-bottom: 50px; text-align: center; }
.app-cnf-chk-1 div { font-size: 27px; line-height: 38px; margin: 27px 0 8px 0; font-weight: normal; text-align: center; }
.app-cnf-chk-2, .app-cnf-chk-2 b { display: flex; flex-direction: column; align-items: center; font-size: 17px; line-height: 24px; font-weight: 400; margin-bottom: 20px; text-align: center; }
.app-cnf-chk-2 i { font-size: 50px; color: #ff0000; }
.app-cnf-chk-2 div { font-size: 27px; font-weight: normal; line-height: 38px; color: #ff0000; margin: 27px 0 8px 0; text-align: center; }
.app-cnf-chk-2 { text-align: left; }
.app-cnf-chk-2 .app-btn-1 { margin-top: 32px; }
.app-cnf-chk-3 { display: flex; flex-direction: column; align-items: center; font-size: 17px; line-height: 24px; font-weight: 400; margin-bottom: 50px; margin-top: 20px; text-align: center; }
.app-cnf-chk-3 i { font-size: 50px; color: #0aa454; }
.app-cnf-chk-3 div { font-size: 27px; font-weight: normal; line-height: 38px; color: #0aa454; margin: 27px 0 8px 0; text-align: center; }
.app-cnf-chk-dl { display: table; margin: 35px auto 0 auto; font-size: 17px; line-height: 24px; }
.app-cnf-chk-dl span { font-size: 17px; line-height: 24px; color: #0085f9; cursor: pointer; }

.app-conf-page { display: flex; align-items: flex-start; }
.app-conf-page > div { background-color: #ffffff; border-radius: 2px; }
.app-cnf-info { padding: 25px 30px 40px 30px; }
.app-cnf-chk-4 { padding: 40px 40px 55px 40px; max-width: 880px; text-align: center; }
.app-cnf-chk-4 > i { font-size: 50px; color: #0aa454; margin-bottom: 20px; }
.app-cnf-chk-4a { font-size: 17px; line-height: 24px; font-weight: 400; margin-bottom: 45px; }
.app-cnf-chk-4a div { font-size: 27px; line-height: 38px; font-weight: 400; margin-bottom: 7px; }
.app-cnf-chk-4c { display: table; margin: 45px auto 45px auto; }
.app-cnf-chk-4d div { font-size: 17px; font-weight: 400; line-height: 24px; font-style: italic; color: #4d4d4d; margin-bottom: 20px; }
.app-cnf-chk-4d p { font-size: 17px; line-height: 24px; font-weight: bold; margin: 0; text-align: center; }
.app-cnf-chk-4d p a { font-size: 17px; line-height: 24px; }
.app-cnf-chk-4e { display: table; margin: 25px auto 0 auto; }
.app-cnf-chk-4e a { display: flex; align-items: center; border-radius: 5px; border: solid 1px #0085f9; padding: 16px 22px 16px 22px; max-width: 310px; }
.app-cnf-chk-4e a:hover, .app-cnf-chk-4e a:active, .app-cnf-chk-4e a:focus, .app-cnf-chk-4e a:visited { color: #4d4d4d; text-decoration: none; }
.app-cnf-chk-4e i { font-size: 24px; color: #0085f9; margin-right: 12px; }
.app-cnf-chk-4e span { display: block; font-size: 12px; line-height: 15px; margin-left: 12px; color: #4d4d4d; }