/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
    height: 100%;
    line-height: 1.2;
    font-size: 0.9em;
    font-family: sans-serif;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
h1{
    font-size: 2em;
    margin-bottom: 0.5em;
}
h2{
    font-size: 1.5em;
}
h3{
    font-size: 1.2em;
    margin-bottom: 0.7em;
}
h4{
    font-size: 1em;
    margin-bottom: 0.5em;
}
h5{
    font-size: 0.9em;
    font-weight: bold;
}
h6{
    font-size: 0.7em;
}
.clear{
    clear: both;
}
a{
    color: #996633;
    text-decoration: underline;
}
a:hover, a:active{
    color: #996633;
    text-decoration: none;
}
b,strong{
    font-weight: bold;
}
p{
    margin-bottom: 0.5em;
}

.l-wrapper{
}
.l-content{
}

.form{
    overflow: hidden;
    margin-bottom: 76px;
}
.form input, .form textarea{
    margin: 0;
    padding: 0;
    font-family: inherit;
}
.form-row{
    margin: 0.8em;
}
.form-row .help-block{
    display: block;
    margin: 10px;
    color: red;
}
.form-input-text input, .form-input-text select{
    border: none;
    height: 40px;
    line-height: 40px;
    background: none;
    width: 100%;
    font-size: 1em;
}
.form-input-text{
    background: #fefefe url('../images/mobile_s.png?2') repeat-x 0 -200px;
    border: 1px solid #cccac7;
    height: 40px;
}
.form-input-text-inner{
    padding: 0 10px;
}
.form-input-text-from .form-input-text-inner{
    background: url('../images/mobile_s.png?2') no-repeat 0 0;
    padding-left: 50px;
}
.form-input-text-to .form-input-text-inner{
    background: url('../images/mobile_s.png?2') no-repeat 0 -40px;
    padding-left: 50px;
}
.form-input-text-phone .form-input-text-inner{
    background: url('../images/mobile_s.png?2') no-repeat 0 -120px;
    padding-left: 50px;
}
.form-input-text-phone input{
/*    background: url('../images/mobile_s.png?2') no-repeat 0 -594px;
    text-indent: 22px;*/
}

.form-textarea{
    background: url('../images/mobile_s.png?2') repeat-x 0 -160px;
    border: 1px solid #cccac7;
}
.form-textarea-inner{
    padding: 10px;
}
.form-textarea textarea{
    border: none;
    height: 40px;
    font-size: 1em;
    background: none;
    width: 100%;
}
.form-row-submit{
    position: fixed;
    bottom: 0;
    width: 100%;
    background: url('../images/mobile_s.png?2') repeat-x 0 -323px;
    margin: 0;
}
.form-row-submit-inner{
    margin: 0.8em;
}
.form-input-submit{
}
.form-input-submit-inner{
}

.form-select {
    height: 40px;
    border: 1px solid #cccac7;
    width: 100%;
    padding: 0 5px;
}

.form-select option {
    padding: 0;
}

.btn{
    height: 40px;
    width: 100%;
    line-height: 40px;
    background: url('../images/mobile_s.png?2') repeat-x 0 -434px;
    box-shadow: 0 2px 0 #ccc;
    border: 1px solid #ccc;
    border-top: none;
    border-bottom: none;
    font-size: 1.1em;
    cursor: pointer;
    display: block;
    color: #000;
    text-align: center;
    text-decoration: none;
}
.btn:hover{
    color: #000;
}
.btn-yellow{
    background: url('../images/mobile_s.png?2') repeat-x 0 -474px;
    border-color: #ffcc00;
}
.btn-red{
    background: url('../images/mobile_s.png?2') repeat-x 0 -514px;
    border-color: #990000;
    color: #ffffff;
    text-shadow: 0 1px 0 #ab2b2b;
}
.btn-orange{
    background-color: #ff8e0a;
    border-color: #ff8e0a;
    color: #ffffff;
    text-shadow: 0 1px 0 #ff8e0a;
}

.btn-green{
    background: url('../images/mobile_s.png?2') repeat-x 0 -554px;
    border-color: #335e08;
    color: #ffffff;
    text-shadow: 0 1px 0 #335e08;
}
.btn-blue{
    background: #3474E1 !important;
    border-color: #3474E1;
    color: #ffffff;
    text-shadow: 0 1px 0 #335e08;
}
.btn-green:hover, .btn-red:hover{
    color: #ffffff;
}

.form-row-sendsms .form-input-submit{
    width: 49%;
}
.form-input-sendsms{
    display: none;
    width: 49%;
    float: right;
}
.form-input-sendsms input{
    background: none;
    border: none;
    text-decoration: underline;
    color: #848472;
    height: 53px;
    font-size: 0.9em;
    cursor: pointer;
}
.form-input-sendsms input:hover{
    text-decoration: none;
}
.form-row-sendsms .form-input-sendsms{
    display: block;
}
.form-input-error{
    border: 2px solid red;
    background: #FFFFCC;
}
.form-input-focus{
    border: 2px solid #99CC33;
    background: #FFFFCC;
}
.form-offer{
    font-size: 0.7em;
    text-align: center;
    color: gray;
}

.order-info{
    overflow: hidden;
    padding: 1.5em 0.8em;
    text-align: center;
    background: #fafaf8 url('../images/order_info_footer.png') repeat-x left bottom;
}
.order-info table{
    display: block;
    float: left;
    margin: 0 auto 1em;
}
.order-info th{
    min-width: 120px;
}
.order-info td{
    width: 100%;
    padding-left: 0.2em;
    line-height: 24px;
    text-align: left;
    font-style: italic;
}
.order-info-from th{
    background: url('../images/order_info.png') no-repeat 0 3px;
}
.order-info-to th{
    background: url('../images/order_info.png') no-repeat -150px 3px;
}
.order-info-price th{
    background: url('../images/order_info.png') no-repeat -300px 3px;
}
.order-info-help{
    border: 1px dashed #cccccc;
    margin: 0.8em;
    padding: 0.8em 0.3em;
    text-align: center;
    font-size: 0.8em;
}
.order-info td div{
    height: 24px;
    overflow: hidden;
}
.order-info-text{
    font-size: 0.8em;
}
.form-input-cancel{
    width: 49%;
}
.form-input-done{
    float: right;
    width: 49%;
}
.form-row-repeat-half .form-input-repeat{
    width: 49%;
}
.form-row-repeat-half .form-input-repeat10{
    float: right;
    width: 49%;
}
.form-row-repeat{
    margin-top: 0;
}
.form-input-repeat10{
    background: url('../images/repeat10.png') no-repeat center center;
    text-indent: -10000px;
}

.form-payment-update ul{
}
.form-payment-update li{
    margin-bottom: 0.5em;
}
.update-qiwi ul{
    list-style: decimal;
    padding-left: 2em;
}
.update-qiwi li{
    margin-bottom: 0.5em;
}

.alert {
  padding: 8px 35px 8px 14px;
  margin-bottom: 20px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.alert,
.alert h4 {
  color: #c09853;
}

.alert h4 {
  margin: 0;
}

.alert .close {
  position: relative;
  top: -2px;
  right: -21px;
  line-height: 20px;
}

.alert-success {
    background-color: #DFF0D8;
    border-color: #D6E9C6;
    color: #468847;
}
.alert-success h4 {
    color: #468847;
}

.alert-danger,
.alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

.alert-danger h4,
.alert-error h4 {
  color: #b94a48;
}

.alert-info {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.alert-info h4 {
  color: #3a87ad;
}

.alert-block {
  padding-top: 14px;
  padding-bottom: 14px;
}

.alert-block > p,
.alert-block > ul {
  margin-bottom: 0;
}

.alert-block p + p {
  margin-top: 5px;
}

.table{
    border-collapse: collapse;
}
.table th, .table td{
    padding: 5px 10px;
    border: 1px solid #ccc;
}
.table-center th, .table-center td{
    text-align: center;
}
.table th{
    font-weight: bold;
}

.listItem{
    margin-bottom: 0.5em;
    border-bottom: 1px solid #ddd;
    padding-bottom: 0.5em;
}
.listItemDate{
    font-size: 0.9em;
    color: gray;
    margin-bottom: 0.2em;
}
.listItemText{
    
}
.listItemAnswer span{
    color: gray;
}

.tabs{
    width: 100%;
}
.tabs td a{
    display: block;
    text-align: center;
    line-height: 3em;
    text-decoration: none;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #ddd;
    background: #f7f7f7;
}
.tabs td a.active{
    background: #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.form .radio{
    width: 50%;
    display: inline-block;
    margin-bottom: 15px;
}
.form .radio input{
    margin-right: 10px;
}

.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
}

.col-md-12 {
    width: 100%;
}

.col-md-11 {
    width: 91.66666667%;
}

.col-md-10 {
    width: 83.33333333%;
}

.col-md-9 {
    width: 75%;
}

.col-md-8 {
    width: 66.66666667%;
}

.col-md-7 {
    width: 58.33333333%;
}

.col-md-6 {
    width: 50%;
}

.col-md-5 {
    width: 41.66666667%;
}

.col-md-4 {
    width: 33.33333333%;
}

.col-md-3 {
    width: 25%;
}

.col-md-2 {
    width: 16.66666667%;
}

.col-md-1 {
    width: 8.33333333%;
}

.col-md-pull-12 {
    right: 100%;
}

.col-md-pull-11 {
    right: 91.66666667%;
}

.col-md-pull-10 {
    right: 83.33333333%;
}

.col-md-pull-9 {
    right: 75%;
}

.col-md-pull-8 {
    right: 66.66666667%;
}

.col-md-pull-7 {
    right: 58.33333333%;
}

.col-md-pull-6 {
    right: 50%;
}

.col-md-pull-5 {
    right: 41.66666667%;
}

.col-md-pull-4 {
    right: 33.33333333%;
}

.col-md-pull-3 {
    right: 25%;
}

.col-md-pull-2 {
    right: 16.66666667%;
}

.col-md-pull-1 {
    right: 8.33333333%;
}

.col-md-pull-0 {
    right: auto;
}

.col-md-push-12 {
    left: 100%;
}

.col-md-push-11 {
    left: 91.66666667%;
}

.col-md-push-10 {
    left: 83.33333333%;
}

.col-md-push-9 {
    left: 75%;
}

.col-md-push-8 {
    left: 66.66666667%;
}

.col-md-push-7 {
    left: 58.33333333%;
}

.col-md-push-6 {
    left: 50%;
}

.col-md-push-5 {
    left: 41.66666667%;
}

.col-md-push-4 {
    left: 33.33333333%;
}

.col-md-push-3 {
    left: 25%;
}

.col-md-push-2 {
    left: 16.66666667%;
}

.col-md-push-1 {
    left: 8.33333333%;
}

.col-md-push-0 {
    left: auto;
}

.col-md-offset-12 {
    margin-left: 100%;
}

.col-md-offset-11 {
    margin-left: 91.66666667%;
}

.col-md-offset-10 {
    margin-left: 83.33333333%;
}

.col-md-offset-9 {
    margin-left: 75%;
}

.col-md-offset-8 {
    margin-left: 66.66666667%;
}

.col-md-offset-7 {
    margin-left: 58.33333333%;
}

.col-md-offset-6 {
    margin-left: 50%;
}

.col-md-offset-5 {
    margin-left: 41.66666667%;
}

.col-md-offset-4 {
    margin-left: 33.33333333%;
}

.col-md-offset-3 {
    margin-left: 25%;
}

.col-md-offset-2 {
    margin-left: 16.66666667%;
}

.col-md-offset-1 {
    margin-left: 8.33333333%;
}

.col-md-offset-0 {
    margin-left: 0;
}

.verification {
    padding: 15px;
}

.verification img {
    max-width: 100%;
}

.verification-row {
    margin-bottom: 10px;
}

.verification-title {
    margin-bottom: 10px;
}

.verification input[type="text"], .verification input[type="date"], .verification input[type="number"], .verification textarea, .verification select {
    display: block;
    margin-top: 5px;
    padding-left: 5px;
    height: 30px;
    width: 100%;
    box-sizing: border-box;
}

.textaligncenter {
    text-align: center;
}

.verification input[type="file"] {
    max-width:100%;
}

.input-prepend {
    display: inline-block;
    font-size: 0;
    white-space: nowrap;
    vertical-align: middle;
}

.input-prepend .add-on {
    margin-right: -1px;
    display: inline-block;
    width: auto;
    height: 20px;
    min-width: 16px;
    padding: 4px 5px;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    text-align: center;
    text-shadow: 0 1px 0 #ffffff;
    background-color: #eeeeee;
    border: 1px solid #ccc;
    vertical-align: top;
}

.input-prepend .span2 {
    display: inline-block !important;
    margin-top: 0 !important;
    border: 1px solid #ccc;
}

.loader {
    display: none;
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,0.4);
}

.loader_text {
    height: 20px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    color: #fff;
    text-align: center;
    font-size: 1.5em;
}

.main--text__h {
    word-wrap: break-word;
}

.referral{
    line-height: 1.4em;
    max-width: 400px;
    margin: 0 auto;
}
.referral a{
    color: #3ca346;
    text-decoration: none;
}
.referral p{
    margin-bottom: 0.7em;
}
.referral-index{
    text-align: center;
}
.referral-url{
    background: #edeced;
    border-radius: 20px;
    line-height: 40px;
    width: 100%;
    text-align: center;
    border: none;
    font-size: 1.3em;
}
a.referral-link{
    display: block;
    color: #fff;
    background: #17a626;
    border-radius: 20px;
    line-height: 40px;
}
.referral-social{
    text-align: center;
    margin-bottom: 1em;
}
.referral-social table{
    width: 100%;
}
.referral-social td{
    width: 20%;
    text-align: center;
}
.referral-result {
    margin-bottom: 0.5em;
}
.referral-result table{
    width: 100%;
}
.referral-result td{
    text-align: right;
    padding: 0.3em;
}
.referral-result th{
    text-align: left;
    padding: 0.3em;
}
.referral-result tr:nth-child(odd) {
    background: #efefef;
}
.referral-result tr:nth-child(even) {
    background: #f8f8f8;
}
.mobile-app-control-fine {
    color: red;
    font-size: 12px;
    padding: 0px 10px 0px 10px;
}
.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons button {
    border-radius: 100px;
    border: 1px solid;
    box-shadow: none;
}
.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons button.card-remove {
    color: #ff1500;
    border-color: #ff1500;
}
.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons button.card-remove-cancel {
    color: #ccc;
    border: 0px solid transparent;
    margin-top: 10px;
}
.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title {
    font-size: 22px;
    font-weight: 100;
}

.dlocal-block {
    padding: 10px 20px 0 20px;
    font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
    overflow: hidden;
}

.dlocal-block_input {
    display: block;
    font-size: 20px;
    border: 0;
    border-bottom: 1px solid #CCCCCC;
    height: 50px;
    width: 100%;
    padding: 0;
    margin-bottom: 16px;
    box-sizing: border-box;
    border-radius: 0;
}

.dlocal-block_input::placeholder {
    color: #ccc;
}

.dlocal-block_input:focus, .dlocal-block_input--focus {
    outline: none;
    border-bottom: 1px solid #000000;
}

.dlocal-block_container--floatright {
    float: right;
}

body[dir="rtl"] .dlocal-block_container--floatleft-rtl {
    float: left;
}

.dlocal-block_input-container {
    display: inline-block;
    width: 48%;
}

.dlocal-block_button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #CCCCCC;
    border-radius: 100px;
    height: 50px;
    width: 100%;
    padding: 0;
    border: 0;

    font-size: 18px;
    color: #999999;
    letter-spacing: 0;
    text-align: center;
}

.dlocal-block_button--close {
    border: 1px solid #24AF34;
    color: #24AF34;
    background: none;
    margin-top: 10px;
}

.dlocal-block_button img, .dlocal-block_button span {
    vertical-align: middle;
}

.dlocal-block_button_icon {
    display: inline-block;
    width: 18px;
    height: 22px;
    background-image : url("/images/icons/adyen/shield-disabled@1x.png");
}

.dlocal-block_button--green {
    background: #24AF34;
    color: #FFFFFF;
}

.dlocal-block_button--green  .dlocal-block_button_icon {
    background-image : url("/images/icons/adyen/shield@1x.png");
}

.dlocal-block_link-back {
    font-size: 18px;
    letter-spacing: 0;
    text-align: center;
    height: 50px;
    line-height: 50px;
}

.dlocal-block_link-back a {
    color: #24AF34;
    text-decoration: none;
}

.dlocal-block_error {
    font-size: 16px;
    font-weight: bold;
    color: #FF1500;
    letter-spacing: 0;
    line-height: 20px;
    margin-bottom: 10px;
}

.dlocal-block_more {
    position: absolute;
    right: 0;
    top : 0;
    bottom: 0;
    margin: auto;
    width: 19px;
    height: 19px;
}

body[dir="rtl"] .dlocal-block_more {
    left: 0;
    right: auto;
}

.dlocal-document-page, .dlocal-instruction-page {
    display: none;
    position: absolute;
    top: 0;
    /*bottom: 0;*/
    left: 0;
    right: 0;
    /*height: 100%;*/
    /*min-height: 1000px;*/
    padding: 10px 20px 20px 20px;
    background-color: #fff;
    z-index: 100;
}

.dlocal-instruction-page {
    padding: 0;
}

.dlocal-il {
    position: relative;
    display: block;
    background: #FFFB9D;
    color: #000;
    border-radius: 8px;
    text-decoration: none;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0;
    padding: 12px 60px 12px 16px;
}
.dlocal-il:hover {
    color: #000;
}
.dlocal-instruction {
    margin-bottom: 20px;
}
.dlocal-il-arrow {
    margin: auto 0;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 16px;
    height: 28px;
    width: 28px;
}

.dlocal-document-page img {
    width: 100%;
}

.dlocal-limit-page {
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    padding: 20px 20px 20px 20px;
    background-color: #fff;
    z-index: 100;
}

.dlocal-limit-page-title {
    top: 15.78%;
    bottom: 72.97%;

    font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
    font-size: 20px;
    line-height: normal;

    margin-bottom: 10px;
}

.dlocal-limit-page-text {
    top: 28.59%;
    bottom: 62.03%;

    font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
    font-size: 16px;
    line-height: normal;

    margin-bottom: 20px;
}

.hidden {
    display: none;
}

.dlocal-methods {

}

.dlocal-methods_title {
    /*font-family: ArialMT;*/
    font-size: 20px;
    color: #000000;
    letter-spacing: 0;
    text-align: center;
    line-height: 24px;
    margin: 8px 0 10px 0;
}

.dlocal-methods_body {
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: center;
    justify-content: space-evenly;
    width: 100%;
    /*background: #cacaca;*/
    margin: 10px 0 15px 0;
    padding: 0;
    text-align: center;
}

.dlocal-method_input_label {
    align-items: center;
    text-align: center;
    margin: 0 5px 5px 5px;
}

.dlocal-method {
    display: flex;
    align-items: center;
    width: 96px;
    height: 96px;
    box-sizing: border-box;
    border-radius: 4px;
    margin: 10px auto;
}

.dlocal-method_description {
    font-size: 13px;
    line-height: 18px;
    text-align: center;
    margin: 10px 0 0 0;
}

.dlocal-method_description a {
    color: #24AF34;
}

.dlocal-method_img-crop {

}

.dlocal-method_img {
    width: 100%;
}

.dlocal-method_input {
    visibility: hidden;
    width: 0;
    height: 0;
    margin: 0;
    position: absolute;
}

.form-with-label.dlocal-block_link-back {
    margin-bottom: 12px;
}
.dlocal-method-parent {
    margin-left: 10px; margin-right: 10px;
}
.dlocal-method.selected {
    border: 2px solid rgb(36, 175, 52);
}
.dlocal-method.unselected {
    border: 2px solid #CCCCCC;
}
.dlocal-method.selected .dlocal-method_img {
    border-radius: 4px;
}

html,p,h1,h2,h3,h4,div,span {
    font-family: -apple-system, sans-serif;
}


/* error page redesign */
.mobile-error-page {
    display: flex;
    flex-direction: column;
    height: 100vh;
    background: var(--background-primary);
    padding: 72px 16px 16px 16px;
    align-items: center;
    text-align: center;
}

.mobile-error-page h3 {
    font-family: var(--font-family-noto);
    font-size: 24px;
    line-height: 32px;
    font-weight: bold;
    color: var(--text-and-icon-primary);
    margin-bottom: 8px;
}

.mobile-error-page .icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 120px;
    height: 120px;
    border-radius: 120px;
    background: var(--background-secondary);
    margin-bottom: 32px;
}

.mobile-error-page .icon svg {
    fill: var(--text-and-icon-secondary);
}

.mobile-error-page .alert.alert-error {
    background: none;
    font-size: 16px;
    line-height: 24px;
    color: var(--text-and-icon-secondary);
    border: none;
    text-shadow: none;
    padding: 0;
    margin: 0;
}

.mobile-error-page .error-back-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--background-brandlight);
    height: 56px;
    width: 215px;
    color: var(--extensions-text-and-icon-onbrand);
    border: none;
    font-size: 20px;
    line-height: 27px;
    border-radius: 16px;
    font-family: var(--font-family-noto);
    font-weight: 500;
    margin-top: 32px;
}