@font-face {
  font-family:'PF Beau Sans Pro';
  src:url(../fonts/pfbeausanspro-bold-webfont.eot);
  src:url(../fonts/pfbeausanspro-bold-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/pfbeausanspro-bold-webfont.woff2) format("woff2"),url(../fonts/pfbeausanspro-bold-webfont.woff) format("woff"),url(../fonts/pfbeausanspro-bold-webfont.ttf) format("truetype");
  font-weight:700;
  font-style:normal
}

@font-face {
  font-family:'PF Beau Sans Pro';
  src:url(../fonts/pfbeausanspro-bolditalic-webfont.eot);
  src:url(../fonts/pfbeausanspro-bolditalic-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/pfbeausanspro-bolditalic-webfont.woff2) format("woff2"),url(../fonts/pfbeausanspro-bolditalic-webfont.woff) format("woff"),url(../fonts/pfbeausanspro-bolditalic-webfont.ttf) format("truetype");
  font-weight:700;
  font-style:italic
}

@font-face {
  font-family:'PF Beau Sans Pro';
  src:url(../fonts/pfbeausanspro-regular-webfont.eot);
  src:url(../fonts/pfbeausanspro-regular-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/pfbeausanspro-regular-webfont.woff2) format("woff2"),url(../fonts/pfbeausanspro-regular-webfont.woff) format("woff"),url(../fonts/pfbeausanspro-regular-webfont.ttf) format("truetype");
  font-weight:400;
  font-style:normal
}

@font-face {
  font-family:'PF Beau Sans Pro';
  src:url(../fonts/pfbeausanspro-bold-webfont.eot);
  src:url(../fonts/pfbeausanspro-bold-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/pfbeausanspro-bold-webfont.woff2) format("woff2"),url(../fonts/pfbeausanspro-bold-webfont.woff) format("woff"),url(../fonts/pfbeausanspro-bold-webfont.ttf) format("truetype");
  font-weight:700;
  font-style:normal
}

@font-face {
  font-family:'PT Sans';
  src:url(../fonts/pt_sans-web-regular-webfont.eot);
  src:url(../fonts/pt_sans-web-regular-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/pt_sans-web-regular-webfont.woff2) format("woff2"),url(../fonts/pt_sans-web-regular-webfont.woff) format("woff"),url(../fonts/pt_sans-web-regular-webfont.ttf) format("truetype");
  font-weight:400;
  font-style:normal
}

html {
  font-family:sans-serif;
  -ms-text-size-adjust:100%;
  -webkit-text-size-adjust:100%
}

body {
  margin:0
}

#page, #success, #error, #async {
  display: none;
}

.template {
  display:none
}

a {
  background-color:transparent
}

a:active,a:hover {
  outline:0
}

**/
b,strong {
  font-weight:700
}

h1 {
  font-size:2em;
  margin:.67em 0
}

img {
  border:0
}

hr {
  -moz-box-sizing:content-box;
  box-sizing:content-box;
  height:0
}

button,input,select {
  color:inherit;
  font:inherit;
  margin:0
}

button {
  overflow:visible
}

button,select {
  text-transform:none
}

button,html input[type="button"],input[type="reset"],input[type="submit"] {
  -webkit-appearance:button;
  cursor:pointer
}

button::-moz-focus-inner,input::-moz-focus-inner {
  border:0;
  padding:0
}

input {
  line-height:normal
}

input[type="checkbox"] {
  box-sizing:border-box;
  padding:0
}

input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {
  height:auto
}

input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
  -webkit-appearance:none
}

@media print {
  *,:before,:after {
    background:transparent!important;
    color:#000!important;
    box-shadow:none!important;
    text-shadow:none!important
  }

  a,a:visited {
    text-decoration:underline
  }

  a[href]:after {
    content:" (" attr(href) ")"
  }

  pre,blockquote {
    border:1px solid #999;
    page-break-inside:avoid
  }

  thead {
    display:table-header-group
  }

  tr,img {
    page-break-inside:avoid
  }

  img {
    max-width:100%!important
  }

  p,h2,h3 {
    orphans:3;
    widows:3
  }

  h2,h3 {
    page-break-after:avoid
  }

  select {
    background:#fff!important
  }

  .label {
    border:1px solid #000
  }
}

* {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box
}

:before,:after {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box
}

html {
  font-size:10px;
  -webkit-tap-highlight-color:rgba(0,0,0,0)
}

body {
  font-family:Arial,Helvetica,sans-serif;
  font-size:15px;
  line-height:1.667;
  color:#252525
}

input,button,select,textarea {
  font-family:inherit;
  font-size:inherit;
  line-height:inherit
}

a {
  color:#4b5c70;
  text-decoration:none
}

a:hover,a:focus {
  color:#2c3642;
  text-decoration:underline
}

a:focus {
  outline:thin dotted;
  outline:5px auto -webkit-focus-ring-color;
  outline-offset:-2px
}

figure {
  margin:0
}

img {
  vertical-align:middle
}

.modal-body {
  position:relative;
  padding:0
}

.b-payment-head {
  position:relative
}

@media (min-width: 768px) {
  .b-payment-head {
    min-height:50px;
    padding-left:82px
  }
}

.b-payment-head .b-payment-title {
  display:table;
  font-size:15px;
  height:50px;
  table-layout:fixed;
  width:100%
}

.form-control::-webkit-input-placeholder {
  color:#999
}

.form-control:focus {
  border-color:#66afe9;
  outline:0;
  -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,0.6);
  box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,0.6)
}

.form-control {
  display:block;
  width:100%;
  height:42px;
  padding:6px 12px;
  font-size:15px;
  line-height:1.667;
  color:#252525;
  background:#fff none;
  border:1px solid #d7d7d7;
  border-radius:3px;
  -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
  -webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  -o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s
}

.form-control::-moz-placeholder {
  color:rgba(37,37,37,0.2);
  opacity:1
}

.form-control {
  background-image:url(about:blank);
  font-family:"PT Sans";
  font-size:15px;
  font-weight:400;
  line-height:normal;
  padding:11px 12px 9px;
  -webkit-box-shadow:none;
  box-shadow:none
}

.form-control:focus {
  border-color:#b5e1ef;
  -webkit-box-shadow:inset 0 0 6px rgba(10,154,203,0.2);
  box-shadow:inset 0 0 6px rgba(10,154,203,0.2)
}

.form-control:-ms-input-placeholder {
  color:rgba(37,37,37,0.2)
}

.form-control::-moz-placeholder {
  color:#999;
  opacity:1
}

.form-control::-webkit-input-placeholder {
  color:rgba(37,37,37,0.2)
}

.form-control:-ms-input-placeholder {
  color:#999
}

.sr-only {
  position:absolute;
  width:1px;
  height:1px;
  margin:-1px;
  padding:0;
  overflow:hidden;
  clip:rect(0,0,0,0);
  border:0
}

.g-clearfix:before,.g-clearfix:after {
  content:" ";
  display:table
}

.g-clearfix:after {
  clear:both
}

.g-clearfix:before,.g-clearfix:after {
  content:" ";
  display:table
}

.g-clearfix:after {
  clear:both
}

.g-clear {
  display:block;
  clear:both
}

.g-clear:before,.g-clear:after {
  content:" ";
  display:table
}

.g-clear:after {
  clear:both
}

.g-clear:before,.g-clear:after {
  content:" ";
  display:table
}

.g-clear:after {
  clear:both
}

.sign-ruble {
  font-family:"PT Sans"
}

.help-block {
  display:block;
  margin-top:5px;
  margin-bottom:10px;
  color:#656565
}

.checkbox {
  position:relative;
  display:block;
  margin-top:10px;
  margin-bottom:10px
}

.jq-checkbox {
  background-color:#fff;
  border:1px solid #d7d7d7;
  cursor:pointer;
  height:19px;
  left:0;
  top:-2px;
  vertical-align:middle;
  width:19px;
  -webkit-transition:all .1s ease-out;
  -o-transition:all .1s ease-out;
  transition:all .1s ease-out
}

.jq-checkbox.checked {
  background-color:#0a9acb;
  border-color:#0a9acb
}

.jq-checkbox .jq-checkbox__div {
  -webkit-transition:all .3s linear;
  -o-transition:all .3s linear;
  transition:all .3s linear
}

.jq-checkbox {
  border-radius:2px
}

.jq-checkbox .jq-checkbox__div {
  background:url(../img/checkbox.png) no-repeat;
  height:14px;
  margin:1px 0 0 1px;
  width:0
}

.jq-checkbox.checked .jq-checkbox__div {
  width:14px
}

.jq-checkbox .jq-checkbox__div {
  -webkit-transition:all .3s linear;
  -o-transition:all .3s linear;
  transition:all .3s linear
}

.jq-checkbox {
  border-radius:2px
}

.jq-checkbox .jq-checkbox__div {
  background:url(../img/checkbox.png) no-repeat;
  height:14px;
  margin:1px 0 0 1px;
  width:0
}

.jq-checkbox.checked .jq-checkbox__div {
  width:14px
}

.b-payment-head .b-payment-title h4 {
  display:table-cell;
  font-size:19px;
  line-height:27px;
  margin:0;
  vertical-align:middle
}

@media (min-width: 768px) {
  .b-payment-head .b-payment-title h4 {
    width:366px
  }
}

label {
  display:inline-block;
  max-width:100%;
  margin-bottom:5px;
  font-weight:700
}

.checkbox label {
  padding-left:30px;
  position:relative
}

.checkbox label {
  min-height:25px;
  padding-left:20px;
  margin-bottom:0;
  font-weight:400;
  cursor:pointer
}

.btn-primary:hover,.btn-primary:focus {
  background-color:#0988b3
}

.btn-primary:hover,.btn-primary:focus,.btn-primary:active {
  color:#fff;
  border-color:#28313c
}

.btn:hover,.btn:focus {
  text-decoration:none
}

.btn {
  display:inline-block;
  margin-bottom:0;
  font-weight:400;
  text-align:center;
  vertical-align:middle;
  touch-action:manipulation;
  cursor:pointer;
  background-image:none;
  border:1px solid transparent;
  white-space:nowrap;
  padding:6px 12px;
  font-size:15px;
  line-height:1.667;
  border-radius:4px;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  -o-user-select:none;
  user-select:none
}

.btn-primary {
  color:#fff;
  background-color:#4b5c70;
  border-color:#414f61
}

.btn {
  -webkit-transition:all .15s ease-out;
  -o-transition:all .15s ease-out;
  transition:all .15s ease-out
}

.btn-primary {
  background-color:#0a9acb;
  border:0;
  color:#fff;
  font-family:"PF Beau Sans Pro";
  font-size:18px;
  font-weight:700;
  height:auto;
  padding:11px 28px 9px;
  -webkit-box-shadow:0 3px 0 #006aa4;
  box-shadow:0 3px 0 #006aa4
}

input,button,select,textarea {
  color:#252525;
  line-height:normal;
  font-family:inherit;
  font-size:inherit;
  line-height:inherit
}

button,html input[type="button"],input[type="reset"],input[type="submit"] {
  -webkit-appearance:button;
  cursor:pointer
}

button,select {
  text-transform:none
}

button {
  overflow:visible
}

button,input,optgroup,select,textarea {
  color:inherit;
  font:inherit;
  margin:0
}

* {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box
}

.b-payment-head .b-payment-title h4 {
  display:table-cell;
  font-size:19px;
  line-height:27px;
  margin:0;
  vertical-align:middle
}

.jq-checkbox.checked .jq-checkbox__div {
  width:14px
}

.jq-checkbox .jq-checkbox__div {
  background:url(../img/checkbox.png) no-repeat;
  height:14px;
  margin:1px 0 0 1px;
  width:0
}

.jq-checkbox .jq-checkbox__div {
  -webkit-transition:all .3s linear;
  -o-transition:all .3s linear;
  transition:all .3s linear
}

p {
  margin:0 0 12.5px
}

body {
  -webkit-font-smoothing:antialiased
}

html,body {
  -webkit-tap-highlight-color:transparent
}

a:hover,a:focus {
  border-bottom-color:#f0b6ba;
  color:#e01f2b;
  text-decoration:none
}

a:active,a:hover {
  outline:0
}

a {
  border-bottom:1px solid #b5e1ef;
  color:#0a9acb;
  text-decoration:none;
  -webkit-transition:all .15s ease-out;
  -o-transition:all .15s ease-out;
  transition:all .15s ease-out;
  background-color:transparent
}

dd {
  margin-left:0
}

.jq-checkbox {
  border-radius:2px
}

.jq-checkbox.checked {
  background-color:#0a9acb;
  border-color:#0a9acb
}

.checkbox .jq-checkbox {
  position:absolute!important;
  top:0
}

.jq-checkbox {
  background-color:#fff;
  border:1px solid #d7d7d7;
  cursor:pointer;
  height:19px;
  left:0;
  top:-2px;
  vertical-align:middle;
  width:19px;
  -webkit-transition:all .1s ease-out;
  -o-transition:all .1s ease-out;
  transition:all .1s ease-out
}

.checkbox label {
  padding-left:30px;
  position:relative
}

.has-error .form-control {
  display:inline-block;
  background-color:#fce8e9!important;
  border-color:#d7d7d7;
  color:#e01f2b;
  -webkit-box-shadow:none;
  box-shadow:none
}

.popover {
  position:absolute;
  top:0;
  left:0;
  z-index:1060;
  display:none;
  max-width:245px;
  padding:1px;
  font-size:15px;
  font-weight:400;
  line-height:1.667;
  text-align:left;
  background-color:#fff;
  background-clip:padding-box;
  border:1px solid rgba(0,0,0,0.2);
  border-radius:6px;
  -webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);
  box-shadow:0 5px 10px rgba(0,0,0,0.2);
  white-space:normal
}

.popover.top {
  margin-top:-10px
}

.popover.right {
  margin-left:10px
}

.popover.bottom {
  margin-top:10px
}

.popover.left {
  margin-left:-10px
}

.popover-title {
  margin:0;
  padding:8px 14px;
  font-size:15px;
  background-color:#f7f7f7;
  border-bottom:1px solid #ebebeb;
  border-radius:5px 5px 0 0
}

.popover-content {
  padding:9px 14px
}

.popover > .arrow,.popover > .arrow:after {
  position:absolute;
  display:block;
  width:0;
  height:0;
  border:solid transparent
}

.popover > .arrow {
  border-width:8px
}

.popover > .arrow:after {
  border-width:10px;
  content:""
}

.popover.top > .arrow {
  left:50%;
  margin-left:-8px;
  border-bottom-width:0;
  border-top-color:#fff;
  bottom:-8px
}

.popover.top > .arrow:after {
  content:" ";
  bottom:1px;
  margin-left:-10px;
  border-bottom-width:0;
  border-top-color:#fff
}

.popover.right > .arrow {
  top:50%;
  left:-8px;
  margin-top:-8px;
  border-left-width:0;
  border-right-color:#fff
}

.popover.right > .arrow:after {
  content:" ";
  left:1px;
  bottom:-10px;
  border-left-width:0;
  border-right-color:#fff
}

.popover.bottom > .arrow {
  left:50%;
  margin-left:-8px;
  border-top-width:0;
  border-bottom-color:#fff;
  top:-8px
}

.popover.bottom > .arrow:after {
  content:" ";
  top:1px;
  margin-left:-10px;
  border-top-width:0;
  border-bottom-color:#fff
}

.popover.left > .arrow {
  top:50%;
  right:-8px;
  margin-top:-8px;
  border-right-width:0;
  border-left-color:#fff
}

.popover.left > .arrow:after {
  content:" ";
  right:1px;
  border-right-width:0;
  border-left-color:#fff;
  bottom:-10px
}

.fade {
  opacity:0;
  -webkit-transition:opacity .15s linear;
  -o-transition:opacity .15s linear;
  transition:opacity .15s linear
}

.fade.in {
  opacity:1
}

.c2c-card-form .has-error {
  display:inline-block
}

.has-error .help-block,.has-error .control-label,.has-error .radio,.has-error .checkbox,.has-error .radio-inline,.has-error .checkbox-inline,.has-error.radio label,.has-error.checkbox label,.has-error.radio-inline label,.has-error.checkbox-inline label {
  color:#a94442
}

.has-error .form-control {
  border-color:#a94442;
  -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
  display:inline-block
}

.has-error .form-control:focus {
  border-color:#843534;
  -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ce8483;
  box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ce8483
}

.has-error + .popover {
  color:#e01f2b
}

.has-error .form-control {
  background-color:#fce8e9!important;
  border-color:#d7d7d7;
  color:#e01f2b;
  -webkit-box-shadow:none;
  box-shadow:none
}

.has-error .form-control:focus {
  border-color:#d7d7d7;
  -webkit-box-shadow:none;
  box-shadow:none
}

.has-error .jq-selectbox__select {
  background-color:#fce8e9!important;
  border-color:#d7d7d7;
  color:#e01f2b
}

.popover {
  position:absolute;
  top:0;
  left:0;
  z-index:1060;
  display:none;
  max-width:245px;
  padding:1px;
  font-size:15px;
  font-weight:400;
  line-height:1.667;
  text-align:left;
  background-color:#fff;
  background-clip:padding-box;
  border:1px solid rgba(0,0,0,0.2);
  border-radius:6px;
  -webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);
  box-shadow:0 5px 10px rgba(0,0,0,0.2);
  white-space:normal
}

.popover {
  border:0;
  color:#4b5c70;
  font-size:13px;
  padding:0;
  -webkit-box-shadow:0 4px 59px rgba(0,0,0,0.15);
  box-shadow:0 4px 59px rgba(0,0,0,0.15)
}

h3,.h3 {
  color:#4b5c70;
  font-size:19px;
  font-weight:700;
  line-height:1.316
}

.modal-body {
  padding:0;
  min-width:338px
}

.modal-c2c {
  font-size:13px
}

.modal-c2c .b-payment-head {
  min-height:0;
  padding:24px 20px
}

.modal-c2c .b-payment-head .b-payment-title {
  height:auto
}

.modal-c2c .b-payment-head h4 {
  font-size:18px;
  margin:0
}

.c2c-content {
  padding:16px 20px;
  position:relative
}

.c2c-content .form-control {
  font-family:Arial,Helvetica,sans-serif;
  height:auto;
  padding:9px 12px
}

.c2c-content .form-control:focus {
  border-color:#41b6de;
  -webkit-box-shadow:0 0 0 1px #41b6de;
  box-shadow:0 0 0 1px #41b6de
}

.c2c-cards-grey {
  background-color:#faf9f9;
  border-bottom:1px solid #f7f7f7
}

.c2c-content-cards:after,.c2c-content-cards:before {
  top:100%;
  left:50%;
  border:solid transparent;
  content:" ";
  height:0;
  width:0;
  position:absolute;
  pointer-events:none
}

.c2c-content-cards:after {
  border-color:rgba(250,249,249,0);
  border-top-color:#faf9f9;
  border-width:16px;
  margin-left:-16px
}

.c2c-content-cards:before {
  border-color:rgba(247,247,247,0);
  border-top-color:#f7f7f7;
  border-width:17px;
  margin-left:-17px
}

.c2c-content-submit {
  background-color:#f3f3f3;
  border-top:1px solid #e9e8e8;
  border-bottom:1px solid #e9e8e8
}

.c2c-card-secure {
  font-size:14px;
  margin-bottom:10px;
  text-align:right
}

.c2c-card-secure .text {
  border-bottom:0;
  color:#01a650;
  display:inline-block;
  padding-left:26px;
  position:relative
}

.c2c-card-secure .icon {
  background:url(../img/icons-c2c.png) no-repeat;
  height:17px;
  left:0;
  position:absolute;
  top:3px;
  width:13px
}

.c2c-card-form {
  background-color:#fff;
  border:1px dashed #c8c8c8;
  border-radius:5px;
  font-size:14px;
  height:197px;
  margin-bottom:20px;
  padding:21px 24px 32px;
  position:relative
}

.c2c-card-form + .c2c-card-form .c2c-card-number {
  margin-bottom:40px
}

.c2c-card-form .check-icon {
  background-repeat:no-repeat;
  height:31px;
  opacity:0;
  position:absolute;
  right:0;
  top:-3px;
  visibility:hidden;
  width:49px;
  -webkit-transition:all .3s ease;
  -o-transition:all .3s ease;
  transition:all .3s ease
}

.c2c-card-form.c2c-card-type-mastercard {
  background-color:#ececec;
  border:solid #d7d8d9
}

.c2c-card-form.c2c-card-type-mastercard .check-icon {
  background-image:url(../img/icon-check-mastercard.png);
  opacity:1;
  visibility:visible
}

.c2c-card-form.c2c-card-type-visa {
  background-color:#ececec;
  border:solid #d7d8d9;
}

.c2c-card-form.c2c-card-type-visa .check-icon {
  background-image:url(../img/icon-check-visa.png);
  opacity:1;
  visibility:visible
}

.c2c-card-form.c2c-card-type-maestro {
  background-color:#ececec;
  border:solid #d7d8d9;
}

.c2c-card-form.c2c-card-type-maestro .check-icon {
  background-image:url(../img/icon-check-maestro.png);
  opacity:1;
  visibility:visible
}

.c2c-card-form.c2c-card-type-mir {
  background-color:#ececec;
  border:solid #d7d8d9;
}

.c2c-card-form.c2c-card-type-mir .check-icon {
  background-image:url(../img/icon-check-mir.png);
  opacity:1;
  visibility:visible
}

.c2c-card-number {
  margin-bottom:24px;
  position:relative
}

.c2c-card-number .label {
  color:#898b8c;
  font-weight:400;
  margin-bottom:20px
}

.c2c-card-number .form-control {
  font-size:18px
}

.c2c-card-number .has-error .form-control {
  border-color:#e64c55;
  -webkit-box-shadow:0 0 0 1px #e64c55;
  box-shadow:0 0 0 1px #e64c55;
  color:#252525
}

.c2c-card-number .has-success .form-control {
  border-color:#83c557;
  -webkit-box-shadow:0 0 0 1px #83c557;
  box-shadow:0 0 0 1px #83c557;
  color:#252525
}

.c2c-card-date {
  color:#898b8c;
  float:left;
  font-size:18px
}

.c2c-card-date .form-control {
  display:inline-block;
  font-size:12px;
  height:34px;
  padding:8px;
  width:64px
}

.c2c-card-date .divider {
  margin:0 1px;
  vertical-align:-2px
}

.c2c-card-cvc {
  float:right
}

.c2c-card-cvc .label {
  color:#898b8c;
  display:inline-block;
  font-size:12px;
  font-weight:400;
  margin:0 6px 0 0
}

.c2c-card-cvc .form-control {
  display:inline-block;
  font-size:12px;
  height:34px;
  padding:8px;
  text-align:center;
  width:60px
}

.c2c-standards {
  text-align:right
}

.c2c-standards img {
  margin-left:8px
}

.c2c-content-amount {
  color:#babbbc;
  padding-top:22px;
  padding-bottom:22px
}

.c2c-amount-input {
  margin-bottom:20px
}

.c2c-amount-input .label {
  color:#252525;
  font-size:14px;
  font-weight:400;
  margin-bottom:6px
}

.c2c-amount-input .c2c-amount-field {
  position:relative
}

.c2c-amount-input .c2c-amount-field .curr {
  font-size:20px;
  line-height:40px;
  position:absolute;
  right:12px;
  top:0
}

.c2c-amount-input .form-control {
  font-size:18px;
  font-weight:700;
  height:40px;
  padding:8px 34px 7px 16px
}

.c2c-amount-input .help-block {
  color:#babbbc;
  margin:8px 0 0
}

.c2c-amount-result .label {
  font-size:14px;
  margin-bottom:6px
}

.c2c-amount-result .sum {
  font-size:42px;
  height:40px;
  line-height:40px
}

.c2c-amount-result .help-block {
  color:#babbbc;
  margin:8px 0 0
}

.c2c-content-submit .g-clearfix {
  padding-top:28px;
  padding-bottom:28px
}

.c2c-submit-secure {
  color:#96a7b7;
  font-size:12px;
  line-height:1.34;
  margin-bottom:20px
}

.c2c-submit-secure .text {
  display:inline-block;
  padding-left:44px;
  position:relative
}

.c2c-submit-secure .text .icon {
  background:url(../img/icons-c2c.png) no-repeat 0 -17px;
  height:26px;
  left:0;
  position:absolute;
  top:-3px;
  width:29px
}

.c2c-submit .c2c-confirm {
  margin-bottom:16px;
  margin-top:0
}

.c2c-content-rules {
  padding-top:28px
}

.c2c-rules {
  color:#96a7b7;
  margin:0;
  padding-left:28px
}

.c2c-rules dt {
  font-size:14px;
  font-weight:700;
  margin-bottom:4px;
  position:relative
}

.c2c-rules dt:before {
  background:url(../img/icons-c2c.png) no-repeat 0 -43px;
  content:"";
  height:18px;
  left:-28px;
  position:absolute;
  top:2px;
  width:18px
}

.c2c-rules dd {
  line-height:20px;
  margin-bottom:20px
}

.c2c-rules dd p {
  margin-bottom:5px
}

.modal-c2c .btn-primary {
  font-size:16px;
  padding-left:50px;
  padding-right:50px
}

.c2c-confirm.checkbox {
  line-height:1.534
}

.body {
  margin:0
}

.panel-heading-grey {
  background-color:#f5f5f5
}

.panel-default .panel-heading-grey {
  border-bottom:1px solid #e1e1e1;
  background-color:#f3f3f3;
  border-top-right-radius:5px;
  border-top-left-radius:5px
}

.modal-inform-fail {
  padding:28px 78px 2px
}

.modal-inform-fail .modal-inform-head h4 {
  font-size:26px;
  font-family:"PF BeauSans Pro";
  color:#4b5c70;
  font-weight:700;
  line-height:1.077;
  text-align:center;
  display:table;
  height:50px;
  table-layout:fixed;
  width:100%;
  margin:0;
  letter-spacing:.5px;
  margin-top: 10px;
}

.modal-footer {
  background-color:#f5f5f5;
  border-top-color:#e1e1e1;
  font-size:14px;
  font-weight:700;
  line-height:1;
  padding:41px;
  text-align:center
}

.link-back-to-c2c {
  font-weight:700
}

.link-back-to-c2c a:hover {
  border-bottom-color:#f0b6ba;
  color:#e01f2b
}

.link-back-to-c2c a {
  font-size:14px;
  font-family:"Arial";
  font-weight:700;
  line-height:1;
  border-bottom-color:#454f61;
  border-bottom-color:rgba(37,37,37,.3);
  color:#252525;
  cursor:pointer;
  text-decoration:inherit
}

.panel-collapse_fail {
  padding:39px 40px 45px;
  background:url(../img/line.png) repeat-x top
}

.control-label-error {
  font-weight:400
}

.error_text {
  font-size:15px;
  font-family:"Arial";
  color:#4b5c70;
  line-height:1.6;
  text-align:left;
  letter-spacing:.2px
}

.control-label-error {
  font-size:19px;
  font-family:"PF Beau Sans Pro";
  color:#4b5c70;
  font-weight:700;
  line-height:1.579;
  text-align:center;
  padding-bottom:12px;
  letter-spacing:.4px
}

.modal-inform-fail .modal-inform-head:before {
  background:url(../img/iconError.png) no-repeat;
  content:"";
  position:relative;
  width:60px;
  height:60px;
  margin:0 auto;
  padding-bottom:7px;
  display:block
}

.modal-inform-fail.modal-inform-async .modal-inform-head::before {
  background: rgba(0, 0, 0, 0) url("../ajax-loader.gif") no-repeat scroll 0 0;
}

body {
  display:block;
  margin:0;
  overflow-y:auto;
}

.content {
  left:0;
  top:0
}

.panel-heading_success {
  border-top-right-radius:5px;
  border-top-left-radius:5px;
  padding:24px 20px
}

h4.b-contblock__body_title {
  text-align:center;
  margin-bottom:30px
}

.modal-inform-success .modal-inform-head p {
  margin:0
}

.panel-collapse_success {
  padding:39px 40px 36px;
  position:relative;
  background:url(../img/line.png) repeat-x top
}

.panel-info {
  font-size:19px;
  font-family:"PF Beau Sans Pro";
  color:#4b5c70;
  font-weight:700;
  line-height:1.579;
  text-align:center;
  padding-bottom:10px;
  letter-spacing:.4px
}

.b-contblock__success_notion {
  width:228px;
  float:left;
  padding-left:36px
}

.b-contblock__success {
  font-size:15px;
  font-family:"Arial";
  color:#2c2c2c;
  line-height:1.6;
  text-align:left;
  margin:0;
  padding:7px 0
}

.btn-primary-receipt {
  font-size:18px;
  font-family:"Arial";
  font-weight:700;
  line-height:.777;
  text-align:left;
  background-color:#0a9acb;
  border:0;
  color:#fff;
  height:auto;
  padding:19px 29px 18px 26px;
  -webkit-box-shadow:0 3px 0 #006aa4;
  box-shadow:0 3px 0 #006aa4;
  display:inline-block;
  margin-bottom:0;
  vertical-align:middle;
  touch-action:manipulation;
  cursor:pointer;
  white-space:nowrap;
  border-radius:4px;
  -webkit-user-select:none
}

.btn-primary:hover,.btn-primary:focus,.btn-primary-receipt:hover,.btn-primary-receipt:focus {
  background-color:#0988b3
}

.product-button_wrapper {
  display:inline-block;
  zoom:1;
  *display:inline;
  font-size:18px;
  font-family:"PF Beau Sans Pro";
  color:#fefefe;
  font-weight:700;
  line-height:1.111
}

.modal-footer_success {
  background-color:#f3f3f3;
  border-top-color:#e1e1e1;
  padding:31px 40px;
  text-align:center;
  border-bottom-right-radius:5px;
  border-bottom-left-radius:5px
}
.modal-footer_success a:hover {
  color: white;
}

.modal-logged-out .modal-footer p + p {
  margin-top:22px
}

.modal-logged-out .modal-footer a {
  border-bottom:0;
  text-decoration:underline
}

.modal-footer-title {
  margin-bottom:24px
}

.b-contblock__success_definition {
  font-weight:700;
  margin-left:240px
}

.b-contblock__footer_sub {
  margin:0;
  font-size:14px;
  font-family:"Arial";
  color:#303b4f;
  line-height:1.429;
  text-align:left;
  z-index:16;
  float:right;
  width:385px
}

.b-contblock__body_success_list {
  padding-left:23px;
  padding-right:23px;
  display:inline-block;
  zoom:1;
  *display:inline;
  list-style-type:none
}

.b-contblock__body_success_list li {
  display:inline-block;
  zoom:1;
  *display:inline;
  background:none!important;
  padding-left:20px!important;
  white-space:nowrap
}

.b-contblock__body_success_list li:first-child {
  padding-left:0!important
}

.b-contblock__body_success_list a {
  font-size:14px;
  line-height:1.429;
  text-align:left
}

.b-payment-head_success {
  position:relative
}

.b-payment-head_success .b-payment-title {
  display:table;
  font-size:15px;
  height:50px;
  table-layout:fixed;
  width:100%
}

h4,.h4 {
  font-family:inherit;
  font-weight:500;
  line-height:1.1;
  color:inherit
}

.b-payment-head_success h4 {
  margin:0;
  text-transform:uppercase
}

.modal-inform-success .modal-inform-head h4 {
  font-size:22px;
  font-family:"PF Beau Sans Pro";
  color:#4b5c70;
  font-weight:700;
  line-height:1.273;
  text-align:center;
  margin:0;
  letter-spacing:.4px;
  margin-top:10px;
}

.b-page_link {
  text-align:left;
  font-weight:700;
  font-size:13px
}

.b-page_link a:hover {
  border-bottom-color:#f0b6ba;
  color:#e01f2b
}

.b-page_link a {
  font-family:"Arial";
  font-weight:700;
  line-height:1;
  text-align:left
}

.sign-ruble {
  font-family:"PT Sans",Arial,Helvetica,sans-serif
}

.b-contblock__body_sub {
  font-size:14px;
  font-family:"Arial";
  color:rgba(44,44,44,0.631);
  line-height:1.714;
  margin-top:27px;
  text-align:center
}

.modal-inform-success {
  padding:28px 78px 21px
}

.grey {
  background-color:#f5f5f5
}

.modal-inform-success .modal-inform-head:before {
  background:url(../img/iconOk.png) no-repeat;
  content:"";
  position:relative;
  width:60px;
  height:60px;
  margin:0 auto;
  padding-bottom:7px;
  display:block
}

.max-width-box {
  max-width:348px;
  margin-left:auto;
  margin-right:auto
}

.panel-heading {
  border-bottom:none
}

@media (min-width: 768px) {
  .max-width-box {
    max-width:744px
  }

  .c2c-card-secure {
    margin-top:-22px
  }

  .b-payment-head_success {
    padding:11px 77px 5px 79px
  }

  .c2c-content {
    padding:22px 48px 28px
  }

  .c2c-content-rules {
    padding-top:44px;
    padding-bottom:40px
  }

  .c2c-submit {
    float:left;
    margin-left:32px;
    width:308px
  }

  .modal-c2c .panel-heading {
    padding:22px 48px
  }

  .c2c-content-cards {
    padding-top:40px
  }

  .c2c-card-form {
    float:left;
    margin-bottom:0;
    width:308px
  }

  .c2c-card-form + .c2c-card-form {
    margin-left:32px
  }

  .c2c-card-form + .c2c-card-form:before {
    background:url(../img/c2c-cards-arrow.png) no-repeat;
    content:"";
    height:23px;
    left:-28px;
    top:74px;
    position:absolute;
    width:24px
  }

  .c2c-content-amount {
    padding-bottom:28px
  }

  .c2c-amount-input {
    float:left;
    margin-bottom:0;
    padding-left:92px;
    width:308px
  }

  .c2c-amount-result {
    float:left;
    margin-left:32px;
    width:245px
  }

  .c2c-content-submit .g-clearfix {
    padding-top:34px;
    padding-bottom:40px
  }

  .c2c-submit-secure {
    float:left;
    margin-bottom:20px;
    padding-left:48px;
    width:308px
  }
}

@media (max-width: 744px) {
  .panel-collapse_success {
    padding:49px 40px 30px
  }

  .product-button_wrapper {
    margin:0 15px 20px 0
  }
}

@media screen and (max-width: 500px) {
  .b-contblock__success_notion {
    float:none;
    font-size:14px
  }

  .b-contblock__success_definition {
    margin-left:37px
  }

  .modal-inform-fail,.modal-inform-success {
    padding:20px 40px 5px
  }

  .b-contblock__separator {
    display:inline-block;
    zoom:1;
    *display:inline
  }

  .modal-footer_success {
    padding:55px 55px 25px 30px
  }
}

@media (max-width: 348px) {
  .c2c-content {
    padding:16px 8px
  }

  .modal-c2c .b-payment-head {
    min-height:0;
    padding:24px 3px
  }

  .modal-body {
    padding:0;
    min-width:314px
  }

  .modal-c2c .b-payment-head h4 {
    padding:0 5px;
  }
}


.container {
            position: relative;
            width: 100%;
            height: 200px;
            background-color: #364154;
        }

        .container.container__overlay {
            background-color: lightgray;
        }

        .container.container__overlay .vp-ajax-waiting-overlay {
            background-color: #fff;
        }

        .container.container__overlay .radial-progress {
            background: #fff;
        }

        .container div {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

        @-webkit-keyframes spin {
            100% {
                -webkit-transform: rotate(360deg);
            }
        }

        @keyframes spin {
            100% {
                transform: rotate(360deg);
            }
        }

        .vp-ajax-waiting-overlay {
            background-color: transparent;
            bottom: 0;
            left: 0;
            position: absolute;
            right: 0;
            top: 0;
            visibility: visible;
            z-index: 1000;
            opacity: 0.7;
        }

        .radial-progress {
            background: transparent;
            border-radius: 50%;
            height: 100px;
            margin: -50px 0 0 -50px;
            width: 100px;
            left: 50%;
            position: absolute;
            top: 50%;
            z-index: 101;
            -webkit-transition: opacity 0.2s ease-out;
            -o-transition: opacity 0.2s ease-out;
            transition: opacity 0.2s ease-out;
        }

        .radial-progress .circle {
            border: 4px solid #e7f8e7;
            border-radius: 50%;
            height: 80px;
            margin: -40px 0 0 -40px;
            width: 80px;
            left: 50%;
            position: absolute;
            top: 50%;
        }

        .radial-progress .fill {
            border: 4px solid #a5dd87;
            border-top-color: transparent;
            border-radius: 50%;
            height: 80px;
            margin: -40px 0 0 -40px;
            width: 80px;
            left: 50%;
            position: absolute;
            top: 50%;
            -webkit-animation: spin 600ms infinite linear;
            -o-animation: spin 600ms infinite linear;
            animation: spin 600ms infinite linear;
        }