body{ background:#ffffff; color:#8f928d; font-family:'Open Sans', sans-serif; font-size:14px; font-weight:500; text-align:center; }
ul{ margin:0; padding:0; list-style-type:none; }
a, a:hover, a:focus{ outline:0; text-decoration:none; transition:.3s ease; -moz-transition:.3s ease; -webkit-transition:.3s ease; }
.btn{ cursor:pointer; }
*:focus{ outline:none; }
::-moz-selection{ background-color:#333333; color:#ffffff; }
::selection{ background-color:#333333; color:#ffffff; }
::-o-selection{ background-color:#333333; color:#ffffff; }
::-ms-selection{ background-color:#333333; color:#ffffff; }
::-webkit-selection{ background-color:#333333; color:#ffffff; }
#paymentInfo input::-webkit-input-placeholder{ color:#ddd;}
#paymentInfo input::-moz-placeholder{ color:#ddd;}
#paymentInfo input:-ms-input-placeholder{color:#ddd;}
#paymentInfo input:-moz-placeholder{color:#ddd;}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button{ -webkit-appearance:none; margin:0; }
input[type=number]{ -moz-appearance:textfield; height:35px; padding:0 7px; }
.di{ display:inline-block; }
.tl{ text-align:left; }
.tr{ text-align:right; }
#header{ border-top:20px solid #eeeeee; padding:40px 0 0; }
#header .logo{ display:inline-block; text-align:right; }
#header .logo img{ display:inline-block; max-height:50px; }
#paymentInfo{ font-size:18px; margin:20px auto; }
#paymentInfo > span{ font-size:38px; vertical-align:middle; color:#78bc5b; }
#paymentInfo span input:focus{ box-shadow:none; }
#paymentInfo .di{ vertical-align:sub; }
#paymentInfo input{ width:190px; text-align:right; border:none; padding:0; margin:0; color:#78bc5b; display:inline-block; outline:none; }
#paymentInfo span.price{ display:inline-block; }
#paymentInfo .commission{ font-size:14px; }
#main{ padding:30px 0 10px; background-color:#eeeeee; }
#main.payment-result{ padding-bottom:0; margin-top:30px; }
#main .card-wrapper{ text-align:left; }
#main .card-form{ max-width:350px; margin:20px auto 5px; }
#main .jp-card .jp-card-front, #main .jp-card .jp-card-back{ border-radius:5px !important; }
#main input, #main button, #main select, #main .btn{ font-size:14px; }
#main select{ height:calc(2.25rem + -1px); padding:5px;}
#main .btn-secondary{ opacity:0.3; }
#main .btn-secondary:hover{ opacity:1; }
#main .result-message{ font-size:25px; padding-top:120px; }
#main .result-message strong{ display:block; }
#footer{ font-size:12px; padding:20px 0 0; max-width:500px; margin:auto; }
#footer .pos{ margin-top:10px; }
.links ul{ margin:0 0 20px; }
.links ul li{ display:inline-block; cursor:pointer; padding:0 7px; color:#bbb; }
#modals{ text-align:justify; }
.custom-control.custom-checkbox{ padding:0; }
.check-contract span.contract{ margin:0 0 0 23px; display:inline-block; vertical-align:middle; border-bottom:1px solid #ccc; cursor:pointer; }
.check-contract .custom-control-label{ padding:0 0 0 5px; cursor:pointer; }
.check-contract input{ left:0; margin:0; top:5px; }
.custom-control-input{ position:absolute; z-index:-1; opacity:0; }
.custom-control-label{ margin-bottom:0; }
.custom-control-label::before{ position:absolute; top:.25rem; left:0; display:block; width:1rem; height:1rem; pointer-events:none; content:""; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; background-color:#dee2e6; }
.custom-checkbox .custom-control-label::before{ border-radius:.25rem; }
.custom-control-input:checked ~ .custom-control-label::before{ color:#fff; background-color:#007bff; }
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before{ background-color:#007bff; }
.custom-control-label::after{ position:absolute; top:.25rem; left:0; display:block; width:1rem; height:1rem; content:""; background-repeat:no-repeat; background-position:center center; background-size:50% 50%; }
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after{ background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); }
.modal-open .modal{ z-index:999999; }
.modal-dialog {max-width: 800px !important;}
@media (max-width:720px){
    .payment-result .tr, .payment-result .tl{ text-align:center; }
    .payment-result .tl{ background-color:#333333; color:#ffffff; padding-top:40px; padding-bottom:40px; }
    .payment-result img{ height:auto; margin-top:-50px; max-height:310px; }
    #main .result-message{ padding:0; font-size:20px; }
    .modal-dialog {max-width: 95% !important;}
}
@media (max-width:375px){
    #paymentInfo > span{font-size:28px;}
    #paymentInfo input{ width:130px;}
    #header .logo img{ max-height:40px; }
    #header{ padding:30px 0 0; }
    .links ul li{ display:block; padding:0 0 10px; }
}
@media (max-width:321px){
    .jp-card{ min-width:290px !important; }
    .jp-card .jp-card-front .jp-card-lower .jp-card-name{ font-size:15px !important; width:160px !important; }
}