@font-face {
    font-family: open_sansregular;
    src: url("../fonts/OpenSans-Regular.eot");
    src: url("../fonts/OpenSans-Regular.eot?#iefix") format("embedded-opentype"),url("../fonts/OpenSans-Regular.woff") format("woff"),url("../fonts/OpenSans-Regular.ttf") format("truetype"),url("../fonts/OpenSans-Regular.svg#open_sanslight") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: open_sanssemibold;
    src: url("../fonts/OpenSans-Semibold.eot");
    src: url("../fonts/OpenSans-Semibold.eot?#iefix") format("embedded-opentype"),url("../fonts/OpenSans-Semibold.woff") format("woff"),url("../fonts/OpenSans-Semibold.ttf") format("truetype"),url("../fonts/OpenSans-Semibold.svg#open_sanslight") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: open_sanslight;
    src: url("../fonts/OpenSans-Light.eot");
    src: url("../fonts/OpenSans-Light.eot?#iefix") format("embedded-opentype"),url("../fonts/OpenSans-Light.woff") format("woff"),url("../fonts/OpenSans-Light.ttf") format("truetype"),url("../fonts/OpenSans-Light.svg#open_sanslight") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: open_sansitalic;
    src: url("../fonts/OpenSans-Italic.eot");
    src: url("../fonts/OpenSans-Italic.eot?#iefix") format("embedded-opentype"),url("../fonts/OpenSans-Italic.woff") format("woff"),url("../fonts/OpenSans-Italic.ttf") format("truetype"),url("../fonts/OpenSans-Italic.svg#open_sanslight") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: open_sansbold;
    src: url("../fonts/OpenSans-Bold.eot");
    src: url("../fonts/OpenSans-Bold.eot?#iefix") format("embedded-opentype"),url("../fonts/OpenSans-Bold.woff") format("woff"),url("../fonts/OpenSans-Bold.ttf") format("truetype"),url("../fonts/OpenSans-Bold.svg#open_sanslight") format("svg");
    font-weight: normal;
    font-style: normal
}
@font-face {
         font-family: Appetite New; /* Имя шрифта */
         src: url('../fonts/Appetite New');
         src: url('../fonts/Appetite New.eot?#iefix') format('embedded-opentype'),
              url('../fonts/Appetite New.woff') format('woff'),
              url('../fonts/Appetite New.svg#Appetite Newt') format('svg');
         font-weight: 400;       // For normal width. It could has another value
         font-style: normal;     // Also could has another value

   }

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html, body {
    width: 100%;
    min-height: 100%;
}

body {
    background: whitesmoke;
    margin: 0;
    font-family: open_sansregular;
    color: dimgray;
    overflow-x: hidden;
    position: relative;
}
.wait body {
  opacity: 0.5;
}

button:focus {
    outline-style: none;
}

input {
    border-width: 1px;
    border-style: solid;
    border-color: #ccc;
    outline-style: none;
}

::-webkit-input-placeholder, ::-moz-placeholder, -moz-placeholder, :-ms-input-placeholder {
    font-weight: normal;
}

.w-inner {
    margin: 0.2em auto;
    max-width: 55.9375em;
}

.w-inner {
    margin-bottom: 0;
}

.w-wrapper {
    background: white;
    border-radius: 4px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
}

.w-legal {
    margin-top: 0.1em;
    display: table;
    width: 100%;
    letter-spacing: 0.035em;
}

.w-legal > * {
    display: table-cell;
    vertical-align: top;
}

.w-__top .w-container {
    /* width:1560px; */
    /* margin: 48px 33px; */
    /* padding: 36px 34px; */
    padding: 2.25em 2.125em;
    /* padding-bottom: 19px; */
    padding-bottom: 1.1875em;
}

.w-__top {
    background: white;
    color: dimgray;
}

.w-__top img {
    width: 10em;
}

.nop {
    display: none;
}

.w-__top h1 {
    text-align: center;
    margin: 0;
    font-weight: normal;
    font-family: open_sanslight;
    font-size: 2.25em;
    margin: 0.777em 0 0.11em;
}

.w-__top .w-call {
    float: right;
    text-align: right;
}

.w-__top .w-call .w-call__title {
    font-size: 0.85em;
}

.w-__top .w-call a.w-call__phone {
    color: dimgray;
    text-decoration: none;
    font-size: 1.1em;
    display: block;
    margin-top: 0.444em;
}

.w-__mid {
    background: #f5f5f5;
}

.form .w-__mid {
    white-space: nowrap;
}

.w-__mid .w-sender, .w-__mid .w-receiver {
    display: inline-block;
    height: 264px;
    vertical-align: top;
    height: 16.4em;
}

.w-__mid .w-sender {
    background: #D9DFE2;
    position: relative;
    width: 54%;
    padding: 2em;
}

.w-__mid .w-sender:after {
    content: "";
    display: block;
    height: 0;
    position: absolute;
    top: 0em;
    right: -3.0em;
    border-style: solid;
    border-color: transparent;
    border-top-width: 8.3em;
    border-bottom-width: 8.2em;
    border-left-width: 3.1em;
    border-right-width: 0;
    border-left-color: #D9DFE2;
}

/*default*/.w-__mid .w-card:after {
    content: '';
    background-image: url('../img/visa-mc.svg');
    background-repeat: no-repeat;
    background-position: right bottom;
    display: inline-block;
    position: absolute;
    width: 9.6em;
    height: 1.9em;
    right: 0.9em;
    bottom: 0.9em;
    background-size: contain;
}

.mir-logos .w-__mid .w-card:after {
    background-image: url('../img/mir-visa-mc.svg');
}

.w-card .w-card-content {
    padding: 1.9375em;
    padding-left: 1.8125em;
}

.w-card .w-card-content > * > * {
    display: block;
    white-space: nowrap;
}

.w-card .w-card-content .w-card-sender__thru > * > * {
    display: inline-block;
}

.w-__mid .w-receiver {
    padding: 32px;
    width: 46%;
    padding-right: 35px;
    padding: 2em;
    padding-right: 2.1875em;
}

.w-__mid .w-receiver .w-card {
    float: right;
    position: relative;
}

.w-__mid .w-card, .w-__mid .w-card-bot {
    background: white;
    z-index: 2;
    position: absolute;
    color: #6e6e6e;
    padding-left: 0.1875em;
    border-radius: .8125em;
    width: 20em;
    height: 12.5em;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
}

.w-__mid .w-card-bot {
    right: 0;
    z-index: 1;
    background: #fafafa;
    top: 2em;
    margin-right: 1.1875em;
}

.w-card input, .w-amount input {
    background: transparent;
}

.w-card input:focus, .w-amount input:focus {
    outline-style: none;
    background: transparent;
}

.w-card-sender__inv {
    margin-bottom: .5em;
}

.w-card-sender__inv label, .w-card-receiver__inv label {
    font-size: 18px;
    margin-bottom: 9px;
    color: inherit;
    font-size: 1.125em;
    margin-bottom: 0.5625em;
}

.w-card-sender__inv input, .w-card-sender__thru input, .w-card-receiver__inv input, .w-__bot .w-amount input {
    width: 100%;
    border-radius: 3px;
    border: 1px #c9c9c9 solid;
    font-weight: 100;
    color: #8c8c8c;
    font-family: inherit;
    letter-spacing: 0.1px;
    font-size: 1.125em;
    padding: 0.4em 0.8125em;
}

.w-card-sender__inv input:focus, .w-card-receiver__inv input:focus, .w-__bot .w-amount input:focus, input[type=text][name=amount]:focus + label {
    color: #545454;
}

.form input[name=amount], .form input[name=fee] {
    color: #bbbbbb;
    font-size: 1.125em;
    padding: 0.5em;
}

.w-card-sender__thru label {
    color: inherit;
    font-size: 12px;
    letter-spacing: 0.1px;
    margin-bottom: 8px;
    font-size: 0.75em;
    letter-spacing: 0.00625em;
    margin-bottom: 0.5em;
}

.w-card-sender__thru > div {
    border-radius: 2px;
    font-size: 16px;
    color: inherit;
    padding: 0 2px;
    font-size: 1em;
    padding: 0 0.125em;
    width: 6.9375em;
}

.w-card-sender__thru div label {
    /* font-size: 19px; */
    color: inherit;
    width: 0;
}

.w-card-sender__thru input {
    width: 2.72em;
    font-weight: 100;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    text-align: center;
    padding: 0.5em 0.125em;
    letter-spacing: 0.0625em;
}

.w-__bot {
    overflow: hidden;
}

.w-card-bot .w-card-bot__line {
    background: #e0e0e0;
    height: 40px;
    margin-top: 15px;
    height: 2.5em;
    margin-top: 0.9375em;
}

.w-card-bot .w-card-content {
    float: right;
    /* width: 70px; */
    width: 4.375em;
    margin-top: 0.525em;
    margin-right: 1.525em;
}

.w-card-bot .w-card-content .w-inp input {
    font-size: 1.125em;
}

.w-card-bot .w-card-content input {
    text-align: center;
    /* font-size: 20px; */
    letter-spacing: 3px;
    width: 3.5625em;
    height: 2.2375em;
    letter-spacing: 0.1875em;
    border-radius: 3px;
}

.w-card-bot .w-card-content label {
    display: block;
    white-space: normal;
    font-size: 0.75em;
    margin-top: 0;
    width: 7.6625em;
    line-height: 1.2em;
    margin: 0.8em 0;
    text-align: center;
    margin-left: -0.7em;
}

.form .w-__bot .w-container {
    white-space: nowrap;
    padding: 1.875em 3.9em 2em 3.3em;
}

.form .w-__bot .w-content {
    white-space: nowrap;
    color: #6e6e6e;
    /* padding: 22px 0; */
    padding-bottom: 8px;
}

.form .w-__bot .w-container > * {
    display: inline-block;
    white-space: normal;
    vertical-align: top;
    padding: 0.625em 0.725em;
}

.form .w-__bot .w-container .w-fee {
    width: 12.5em;
    position: relative;
}

.form .w-__bot .w-amount {
    color: #ccc;
    width: 14em;
}

.form .w-__bot .w-fee .w-inp img, .form .w-__bot .w-amount .w-inp img {
    position: absolute;
    top: 0.8em;
    right: 0.75em;
    height: 0.9em;
}

.form .w-__bot .w-container .w-total {
    padding-left: 0.4em;
    width: 12.4em;
    padding-bottom: 0;
    position: relative;
}

.form .w-__bot .w-total img {
    position: absolute;
    top: 2em;
    right: 0.75em;
    height: 1.375em;
}

.form .w-__bot .w-send {
    padding: 0.0875em 0.075em;
    position: relative;
    width: 9.6em;
    display: inline-block;
    text-align: right;
}

.form .w-__bot .w-amount > * {
    display: block;
}

.form input[name=amount], .form input[name=fee] {
    width: 100%;
    margin-bottom: 1em;
    text-align: right;
    padding: 0.39em 1.7em;
    font-family: open_sansregular;
    padding-left: 0;
}

.form input[name=fee], .form input[name=total] {
    width: 100%;
    border-style: none;
    font-size: 1em;
    padding: 0.7em 1.8em;
}

.form input[name=total] {
    padding: 0;
    font-size: 1.875em;
    padding-top: 0em;
    text-align: right;
    padding-right: 1em;
    font-family: open_sanslight;
    background: transparent;
}

.form input[name=fee] {
    background: #f7f7f7;
    border-radius: 3px;
    border: 1px #f7f7f7 solid;
    font-size: 1.125em;
    padding: 0.39em 1.7em;
    padding-left: 0;
}

.form .w-__bot span {
    display: block;
    color: #888888;
    font-size: 0.74em;
    line-height: 1em;
}

span.w-result-text {
    font-size: 0.87em;
}

.form .w-__bot .w-amount span {
    line-height: 1.3em;
}

.form .w-__bot .w-total span {
    text-align: right;
}

.form .w-__bot .w-send span {
    padding: 1.3625em 0;
    width: 26.8em;
    float: right;
    white-space: normal;
    line-height: 1.3em;
    display: block;
    text-align: left;
    margin-right: -3em;
}

.w-__bot button:not([disabled=""]):hover {
    background: #3399ff;
    color: white;
}

.w-__bot button {
    background: dodgerblue;
    color: white;
    text-transform: uppercase;
    cursor: pointer;
    border-style: none;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    padding: 0.8875em 1.825em;
    border-radius: 0.25em;
    letter-spacing: 0.00625em;
    font-size: 0.875em;
}

.form .w-__bot button {
    margin-top: 0.7em;
}

.w-__bot button[disabled=""] {
    cursor: default!important;
    opacity: .6;
}

.form.w-__bot .w-send span {
    margin-top: 18px;
}

.w-__bot .w-send a {
    color: #2A8DC8;
}

.w-legal .w-legal-left {
    width: 100%;
}
.free_increase{
  padding-top: 5px !important;
      color: #000000;
      font-size: 12px;
      letter-spacing: 0em;
}
.halva_legal{
font-family: Appetite New;
color: #730013;
}
/*default*/.w-legal .w-legal-right {
    background: url('../img/visa-mc-legals.svg');
    background-repeat: no-repeat;
    background-position: right top;
    height: 4em;
    width: 25.4em;
    background-size: contain;
    display: block;
}

.mir-logos .w-legal .w-legal-right {
    background-image: url('../img/mir-visa-mc-legals.svg');
}

/*default*/.w-legal span {
    display: block;
    font-size: 0.6875em;
    margin-top: 0.4em;
}

.mir-logos .w-legal span {
    font-size: 0.62em;
}

.w-inp {
    position: relative;
}

.form .w-validator {
    position: absolute;
    right: 0;
    background: #DB5C4C;
    color: white;
    border-radius: 4px;
    z-index: 10;
    display: block;
    white-space: normal;
    font-size: 0.75em;
    padding: 0.4375em 0.75em;
    top: 3.775em;
    z-index: 1000;
    text-align: center;
    min-width: 7em;
}

.form .w-validator:empty {
    display: none;
}

.form .w-validator:before {
    content: '';
    position: absolute;
    background: 0 0;
    border: 6px solid transparent;
    z-index: 10;
    border-bottom-color: #DB5C4C;
    border-width: 0.375em;
    top: -0.65em;
    right: 1em;
}

.form input:focus:not([name=fee]):not([name=total]) {
    border-color: dodgerblue!important;
}

.form .w-validator:not(:empty) ~ input {
    border-color: #DB5C4C;
}

.w-acs .w-__mid .w-container {
    padding: 2.25em 2.625em;
    padding: 1.875em 4em 2em 4em;
}

.w-acs .w-__mid span {
    display: block;
    color: #5B6D76;
}

.w-acs .w-__mid span:first-child {
    font-size: 1.125em;
    line-height: 1.5625em;
}

.w-acs .w-__mid span:nth-child(n+2) {
    margin-top: 1.375em;
    font-size: 0.875em;
}

.w-acs .w-__bot .w-container {
    color: #ccc;
    margin-bottom: 0;
    font-size: 0.75em;
    padding-right: 2.6em;
    padding-bottom: 4em;
    padding: 2em 5.4em;
    padding-bottom: 4.3em;
}

.w-acs .w-__bot .w-acs-left, .acs .w-__bot .w-acs-right {
    display: inline-block;
    vertical-align: top;
}

.w-acs .w-__bot .w-acs-left {
    width: 65%;
    line-height: 1.2em;
    color: #888888;
}

.w-acs .w-__bot .w-acs-right {
    float: right;
    position: relative;
}

.w-result .w-__mid .w-container {
    white-space: nowrap;
    padding: 2.125em 4.2em 1.0625em 4em;
    color: #888888;
}

.w-result .w-__bot .w-container {
    padding: 2.75em 4em;
    white-space: nowrap;
}

.w-result.w-result-success .w-result-main {
    color: #5B6D76;
    position: relative;
    display: inline-block;
    font-size: 1.125em;
}

.w-result.w-result-error .w-result-main, .form .w-__bot .w-container .w-result-main {
    color: #d0011b;
    position: relative;
    display: block;
    font-size: 1.125em;
}

.form .w-__bot .w-container .w-result-main a:link,
.form .w-__bot .w-container .w-result-main a:visited {
    color: #d0011b!important;
}

.w-__bot span.w-result-text {
    padding-left: 2.8em;
    padding-bottom: 0.8em;
    color: #4a4a4a;
    font-size: 0.875em;
}

.form .w-__bot .w-container .w-result-top {
    display: block;
    padding: 0.4em 0.6875em;
    padding: 0;
}

.form .w-__bot .w-container .w-result-main {
    margin-bottom: 0.4375em;
    padding-left: .625em;
}

.w-result .w-__mid span {
    font-size: 12px;
    font-size: 0.75em;
}

.w-result .w-__mid label {
    font-size: 15px;
}

.w-result .w-__mid #w-id label {
    font-size: 0.9375em;
}

.w-result #w-date:after {
    content: '';
    width: 100%;
    display: block;
    text-decoration: underline;
    height: 10px;
    color: black;
    font-size: 15px;
    border-bottom: 1px silver solid;
    margin-bottom: 1px;
    font-size: 0.9375em;
    height: 0.625em;
    margin-bottom: 0.0625em;
}

.w-result-main:empty, .w-result-main:empty + .w-result-text {
    display: none;
    margin: 0!important;
}

.w-result .w-result-left,.w-result .w-result-right, .w-result .w-__mid span, .w-result .w-__mid label {
    display: inline-block;
    width: 50%;

}

.w-result #w-sum label, .w-result #w-fee label, .w-result #w-total label {
    width: 44%;
}

.w-result .w-__mid .w-result-top span {
    width: auto;
}

.w-result .w-__mid .w-result-left label {
    font-size: 15px;
    color: black;
    font-size: 0.9375em;
    padding-left: 0;
}

.w-result #w-sum label, .w-result #w-fee label {
    font-size: 1em;
}

.w-result #w-sum img, .w-result #w-fee img {
    height: 0.76em;
    width: 6%;
}

.w-result #w-total label {
    font-size: 20px;
    font-size: 1.2em;
}

.w-result #w-total img {
    height: 0.825em;
    width: 6%;
}

.w-result .w-__mid .w-result-right label {
    font-size: 12px;
    font-size: 0.75em;
}

.w-result .w-__mid #w-sPan label, .w-result .w-__mid #w-rPan label {
    color: black;
    font-size: 14px;
    font-size: 0.875em;
    padding-left: 0;
}

.w-result .w-result-left,.w-result .w-result-right > * {
    vertical-align: top;
}

.w-result .w-result-left, .w-result .w-__mid span {
    text-align: left;
    padding-right: 31px;
    white-space: nowrap;
    padding-right: 1.9375em;
}

.w-result .w-result-left {
    position: relative;
}

.w-result .w-result-right, .w-result .w-__mid label {
    text-align: right;
    padding-left: 28px;
}

.w-result .w-__bot .w-result-left button {
    background: transparent;
    color: #0277BD;
    opacity: .8;
}

.w-result .w-__bot .w-result-left button:hover {
    opacity: 1;
}

.w-result .w-__bot .w-result-right {
    text-align: right;
    position: relative;
}

.w-result .w-__mid .w-result-left > div, .w-result .w-__mid .w-result-right > div {
    margin-bottom: 11px;
    margin-bottom: 0.6875em;
}

.w-result #w-id, .w-result #w-date {
    white-space: normal;
}

.w-result #w-id span, .w-result #w-date span {
    white-space: nowrap;
}

.w-result #w-id label, .w-result #w-date label {
    /* font-size: 15px; */
    white-space: nowrap;
    padding-left: 0;
    text-align: left;
}

.w-acs button {
    padding: 0.75em 1.875em;
    font-size: 1.2em;
}

.w-result button#savePDF {
    border: 1px #0076BC solid;
    margin-left: 0px;
    padding: 0.75em 1.25em;
    right: inherit;
    left: 0;
    top: 0em;
    box-shadow: none;
}

.w-result button#newTransfer {
    padding: 12px 15px;
    padding: 0.75em 0.9375em;
    right: 0;
    top: -1em;
}

.w-result-top {
    position: relative;
}

.w-result.w-result-success .w-result-top {
    margin-bottom: 30px;
    margin-bottom: 1.875em;
}

.w-result.w-result-error .w-result-text {
    color: black;
    font-size: 13px;
    letter-spacing: 0.5px;
    font-size: 0.8125em;
    letter-spacing: 0.03125em;
    padding-bottom: 0.8em;
}


.spinner {
  border: 10px solid #bdbcbc;
  border-top: 10px solid #7d7d7d;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  z-index: 100;
  animation: spin 2s linear infinite;
  position: fixed;
  top: 270px;
  left: 50%;
  margin-top: -25px; /* Negative half of height. */
  margin-left: -25px; /* Negative half of width. */
  /*hidden by default:*/
  display: none;
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.wait .spinner {
  display: block;
}