:root {
  --gap-h: 16px;

  --color-white: #fff;
  --color-white-70: rgba(255, 255, 255, 0.7);
  --color-dark: #161A41;
  --color-dark-80: rgba(22, 26, 65, 0.8);
  --color-dark-40: rgba(22, 26, 65, 0.4);
  --color-dark-30: rgba(22, 26, 65, 0.3);
  --color-dark-10: rgba(22, 26, 65, 0.1);
  --color-blue: #3D5AFE;
  --color-blue-80: rgba(61, 90, 254, 0.8);
  --color-blue-50: rgba(61, 90, 254, 0.5);
  --color-ligth-blue: #EEF2F7;
}

#payblockland {
  font-family: 'Open Sans', "Helvetica Neue", Helvetica, sans-serif;
  color: var(--color-dark);
}

#payblocklanddone {
  transform: translate3d(0px, 0px, 0px);
}

#payblocklanddone .bbtn.largebtn {
  padding: 20px 30px !important;
}

#forpaypup {
  padding: 0 var(--gap-h) !important;
  background: var(--color-white);
}

#forpaydesc {
  padding: 44px var(--gap-h) 0;
  margin: 0 calc( var(--gap-h) * -1 );
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 16.46%, #FFFFFF 100%), radial-gradient(102.34% 69.83% at 88.91% 75.37%, rgba(20, 11, 166, 0.2) 0%, rgba(215, 120, 239, 0.2) 100%), #FFFFFF !important;
}

#forpaydeschead {
  display: none;
}

#forpaydeschead,
#otherways h3 {
  font-size: 20px;
  line-height: 24px !important;
  margin-top: 25px !important;
}

.forpaydescname {
  margin-bottom: 16px;
}

#cardcname {
  display: block;
  font-size: 20px;
  line-height: 25px;
  font-weight: 700;
}

#cardcdates {
  display: block;
  margin-top: 4px;
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  color: var(--color-dark-80);
}

.pricefirst, .pricesale, .pricecoins {
  color: var(--color-dark-80);
  font-size: 16px;
  line-height: 26px;
  display: flex;
}

.pricesale, .pricecoins {
  margin-top: 4px;
}

.pricesale .pricefirst-right {
  color: var(--color-blue);
}

.dots-line-price {
  flex: 1 1 20%;
  overflow: hidden;
  margin: 0 10px;
  position: relative;
}

.dots-line-price::before,
.dots-line-price::before {
  content: ".......................................................................................................................................................................................................................................................................................................................................................";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
}

.pricefirst b,
.pricesale b,
.pricecoins b {
  font-weight: 400;
  color: var(--color-dark-80);
}

.pricefirst .pricefirst-right,
.pricesale .pricefirst-right {
  margin-left: auto;
}

.pricefirst-right span {
  margin-right: 2px;
}

#forpaydescprice {
  display: flex;
  align-items: baseline;
  position: relative;
  margin-top: 28px;
  font-size: 16px;
  line-height: 26px;
  font-weight: 500;
  color: var(--color-dark);
}

#forpaydescprice::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: -12px;
  height: 1px;
  background: var(--color-dark-10);
}

#forpaydescprice .dots-line-price {
  font-weight: normal;
  height: 19px;
}

#forpaydescprice .pricefirst-right span {
  font-size: 26px;
  line-height: 32px;
  margin-left: auto;
  margin-right: 2px;
}

#forpaydesksale {
  display: flex;
  font-size: 16px;
  line-height: 26px;
}

#forpaydesksale b {
  font-weight: 400;
}

#forpaydesksale .pricefirst-right span {
  margin-left: auto;
}

#othercurren {
  font-size: 16px;
  line-height: 26px;
  color: var(--color-dark-30);
  text-decoration: none;
}

/* #carddiscount {
  margin-bottom: 8px;
  border-radius: 8px;
  background-color: var(--color-ligth-blue) !important;
  border: none !important;
  font-size: 15px !important;
  line-height: 20px;
  padding: 0 20px !important;
}

#carddiscount::placeholder {
  color: var(--color-dark-40) !important;
  font: 400 15px/20px 'Open Sans' !important;
}

#carddiscount:focus {
  box-shadow: 0 1px 0 0 var(--color-blue-50);
} */

#otherways h3 {
  margin: 0;
  padding: 0;
  margin-top: 48px;
  margin-bottom: 24px;
  text-align: center;
}

.moreOthersPay{
  display: none;
}

#allways {
  overflow: hidden;
  margin-left: calc( var(--gap-h) * -1 );
  margin-right: calc( var(--gap-h) * -1 );
  background: linear-gradient(102.96deg, #ECD0FB 15.5%, #E7E8FC 91.62%);
  margin-top: 24px;
}

#allways-list {
  display: flex;
  overflow: auto;
  padding: 32px var(--gap-h);
}

.payone {
  flex: 0 0 100%;
  max-width: 156px;
  padding: 24px 20px;
  margin-right: 16px;
  background: var(--color-white);
  color: var(--color-dark);
  border-radius: 10px;
  text-decoration: none;
  position: relative;
  cursor: pointer;
  transition: all .18s ease-in;
}

.payone:hover {
  color: var(--color-blue);
  transform: scale(1.1);
}

.payone:hover .payone-subtitle {
  color: var(--color-blue-80);
}

.payone img {
  display: block;
  width: 48px;
  height: auto;
}

.payone-title {
  display: block;
  font-size: 15px;
  line-height: 20px;
  font-weight: 600;
  margin-top: 24px;
}

.payone-subtitle {
  position: absolute;
  left: 20px;
  top: 80px;
  font-size: 12px;
  line-height: 16px;
  color: var(--color-dark-80);
  transition: color .18s ease-in;
}

#forpaymail {
  margin-top: 12px;
}

.form-hidden {
  display: none;
}

.forpaymail-info-text {
  font-size: 14px;
  line-height: 20px;
  color: var(--color-dark-30);
}

.forpaymail-info-email {
  font-size: 16px;
  line-height: 26px;
  font-weight: 600;
}

#forpaymail .input-field {

}

#forpaymail .input-field input,
.dopunderprice .input-field input {
  box-sizing: border-box !important;
  height: auto;
  margin: 0;
  border-radius: 8px;
  background: var(--color-ligth-blue) !important;
  border: none !important;
  font-size: 15px !important;
  line-height: 15px !important;
  padding: 26px 20px 14px !important;
  border: 1px solid transparent !important;
}

#forpaymail .input-field input:focus,
.dopunderprice .input-field input:focus {
  box-shadow: none !important;
  background: var(--color-white) !important;
  border: 1px solid var(--color-dark-10) !important;
}

#forpaymail .input-field label,
.dopunderprice .input-field label {
  padding-left: 20px !important;
  color: var(--color-dark-40) !important;
  font: 600 15px/20px 'Open Sans';
  transform: translateY(19px);
  height: auto !important;
}

#forpaymail .input-field label.active,
.dopunderprice .input-field label.active {
  font-size: 12px !important;
  transform: translateY(8px) !important;
}

.opensocways {
  display: none;
  color: var(--color-blue);
  font-size: 15px;
  line-height: 24px;
  margin-top: 16px;
  border-bottom: 1px dashed;
}

.opensocways:hover {
  color: var(--color-blue-80);
  border-bottom: 1px dashed;
}

#forsocin .btnin {
  --btn-size: 58px;

  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: var(--btn-size);
  width: var(--btn-size);
  background: var(--color-white);
  border-radius: 8px;
  box-shadow: 0px 8px 126px rgba(55, 32, 198, 0.24);
  margin: 6px;
}

#forsocin .btnin:hover {
  box-shadow: 0px 8px 126px rgba(55, 32, 198, 0.24), 0px 4px 8px rgba(99, 45, 255, 0.16);
}

.backpaywrap {
  margin-top: 12px;
  text-align: center;
}

.backpay {
  font-size: 15px;
  line-height: 24px;
  color: var(--color-blue);
  text-decoration: none;
  border-bottom: 1px dashed;
}

.backpay:hover {
  color: var(--color-blue-80);
  border-bottom: 1px dashed;
}

#payblockland + .landcontainer {
  margin: 0;
  padding: 26px 16px 16px;
  font-family: 'Open Sans', "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
  line-height: 24px;
  text-align: left;
}

.card-loading {
  position: absolute;
  z-index: 10;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: var(--color-white-70);
}

#instalm {
  margin-top: 40px;
}

#instalm h4,
#otherways h4 {
  font-size: 24px;
  line-height: 32px;
}

#otherways h4 {
  margin-top: 32px;
}

.instalmvar {
  padding: 12px 20px;
  padding-left: 40px !important;
  font-size: 16px;
  line-height: 20px;
  background: linear-gradient(122deg, #f8ebff 15.5%, #E7E8FC 91.62%);
  border-radius: 10px;
}

.instalmvar li {
  margin: 12px 0;
  list-style-type: disc !important;
}

.instalmvar li::marker {
  font-size: 1em;
}

.backpaywrap a {
  cursor: pointer;
}

.payspask {
  padding-bottom: 40px;
}

.payspask h3 {
  font-size: 26px;
  line-height: 32px;
  text-align: center;
}

.add_pay_answer_text{
  display:block;
  text-align: center;
}



.payspask .bbtn.largebtn {
  display: block;
  max-width: 300px;
  padding: 18px !important;
  margin: 0 auto;
}

.btn-purchase-wrap {
  margin-top: 20px;
}

.btn-purchase-icons {
  display: flex;
  justify-content: center;
  margin-top: 14px;
  flex-wrap: wrap;
  align-items: center;
}

.btn-purchase-icons img {
  margin: 7px;
}

.one-btn-purchase,
.one-btn-purchase-disabled,
.btn-purchase-installment {
  text-decoration: none;
  cursor: pointer;
  display: block;
  font: 400 18px / 26px 'Open Sans', Arial, sans-serif;
  padding: 17px 24px 21px;
  box-sizing: border-box;
  border-radius: 10px;
  transition: all .2s ease-in;
  text-align: center;
}

@media screen and (max-width: 800px) {
  .one-btn-purchase,
  .one-btn-purchase-disabled,
  .btn-purchase-installment {
    font: 400 16px / 24px 'Open Sans', Arial, sans-serif;
    padding: 17px 8px 21px;
  }
}

.one-btn-purchase {
  color: #FFFFFF;
  background-color: #3D5AFE;
  box-shadow: 0px 10px 30px rgb(61 90 254 / 30%);
}

.one-btn-purchase:hover {
  background-color: #2041FE;
}

.one-btn-purchase-disabled {
  color: #FFFFFF;
  background-color: #B3B4BA;
}

.btn-purchase-installment {
  color: #3D5AFE;
  border: 2px solid rgba(61, 90, 254, 0.2);
   border: 2px solid rgba(255, 255, 255, 1);
  margin-top: 32px;
  margin-bottom: 52px;
  font-size:15px;
}

.btn-purchase-installment:hover {
  border: 2px solid rgba(61, 90, 254, 1);
  border: 2px solid rgba(255, 255, 255, 1);
  color: rgba(61, 90, 254, 1);
  color: rgba(21, 50, 200, 1);
}

.dopunderprice {
  margin-top: 0px;
}

.dopunderprice .input-field input {
  background: transparent !important;
}

.dopunderprice .input-field label {
  padding-left: 0 !important;
}

.dopunderprice .input-field label.active {
  transform: translateY(8px) translateX(20px) !important;
  padding-left:0 !important;
}

@media (min-width: 340px) {
  :root {
    --gap-h: 26px
  }
}

@media (min-width: 800px) {
  #payblockland {
    background: var(--color-white);
    padding: 60px 0;
  }
}

@media (min-width: 920px) {
  #payblockland {
    background: url(/images/pay/bg-gradi-3.png) center bottom no-repeat, linear-gradient(129.34deg, #F9F9FF 15.89%, #F0EFFF 81.49%);
    position: relative;
    overflow: hidden;

  }

  #payblockland::before {
    content: '';
    position: absolute;
    width: 1035px;
    height: 960px;
    background: url(/images/pay/bg-gradi-2.png) center no-repeat;
    top: -60px;
    left: 50%;
    margin-left: -900px;
    pointer-events: none;

  }

  #payblockland::after {
    content: '';
    position: absolute;
    width: 747px;
    height: 722px;
    background: url(/images/pay/bg-gradi-1@2x.png) center no-repeat;
    background-size: 747px;
    top: -240px;
    left: 50%;
    margin-left: 110px;
    pointer-events: none;
  }

/*Временно убираем цветные фоны
#payblockland,  #payblockland::after,  #payblockland::before  {background: #F7F7FC;}*/


  #forpaypup {
    display: flex;
    padding: 0 !important;
    margin: 0 auto;
    border-radius: 10px;
    max-width: 1200px;
    background: initial;
    overflow: hidden;
    position: relative;
    z-index: 1;
    box-shadow: 0 10px 50px rgba(0, 0, 0, 0.02);
  }

  #forpayform {
    width: 100%;
    min-height: 600px;
    padding: 44px 32px 24px;
    background: var(--color-white);
  }

  #forpayform h3 {
    /* display: none; */
    text-align: center;
    font-weight: 300;
    font-size: 32px;
    line-height: 48px;
    margin: 44px 0 32px;
  }

  #forpaydeschead {
    display: block;
  }

  .forpaydescname {
    margin-top: 30px;
    margin-bottom: 40px;
  }

  #allways,
  #allways-list {
    margin: 0;
    overflow: initial;
    background: var(--color-white);
  }

  #allways-list {
	max-width:800px;
    padding: 0;
    margin: 0 auto;
    flex-wrap: wrap;
    justify-content: center;
  }

  .payone {
    flex: 1 1 26%;
    max-width: none;
    /* width: 156px; */
    height: 164px;
    margin: 10px;
    background: linear-gradient(168.66deg, rgba(255, 255, 255, 0.54) 11.02%, rgba(255, 255, 255, 0) 103.91%), #EDECFF;
  }

  #forpaydesc {
    display: flex;
    flex-direction: column;
    flex: 0 0 340px;
    margin: 0;
    padding: 44px 24px 24px;
    background: var(--color-white-70) !important;
    backdrop-filter: blur(30px);
  }

  .dopunderprice {
    margin-top: auto;
  }

  #otherways {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* height: 100%; */
  }

  #otherways h3 {
    margin-top: 44px;
  }

  #forpaymail {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    margin-bottom: 30px;
    width: 480px;
  }

  #forpaymail .input-field:nth-child(1) {
    flex: 1 0 100%;
  }

  #forpaymail .input-field:nth-child(2) {
    flex: 1 0 48%;
    margin-right: 10px;
  }

  #forpaymail .input-field:nth-child(3) {
    flex: 1 0 48%;
  }

  .opensocways {
    margin: 16px auto;
  }

  #forpaymail .input-field label,
  .dopunderprice .input-field label {
    font-size: 16px;
    transform: translateY(21px);
  }

  #instalm {
    margin-top: 0;
  }

  #instalm h4 {
    margin: 0;
    margin-bottom: 20px;
  }

  .instalmvar {
    padding: 20px;
    text-align: center;
  }

  .instalmvartwo,
  .instalmvarthree {
    margin-top: 8px;
  }

  .payspask .bbtn.largebtn {
    margin-top: 40px;
  }

  .btn-purchase-wrap {
    width: 480px;
    margin: 0 auto;
  }

  .btn-purchase-installment {
    width: 480px;
    margin: 0 auto;
    margin-top: 36px;
  }
}

@media (min-width: 1100px) {
  #forpaydesc {
    flex: 0 0 380px;
    padding: 44px 44px 24px;
  }

  #forpayform {
    padding: 44px 68px 24px;
  }

  .payone {
    flex: 1 1 20%;
    max-width: 156px;
    min-width: 144px;
  }
}


iframe iframe {min-height:500px !important; height:500px !important;}
.pers-alert {text-align:center !important; font-size:12px !important; margin:15px auto !important; color: #757575;}

/*Стили распродажи*/
.specpromowordtext {text-align: center;position: absolute;top: 0;Right: 0;left: 0; z-index: 10;padding: 20px; font-size:22px;}
#forpaypup.specpromoword {padding-top:150px !important;}
.specpromotimer {display:inline-block; margin:15px;}
.specpromotimer div {background:rgba(0,0,0,0.75); display:inline-block; color:white; padding:6px 10px; border-radius:3px; position:relative;}
.specpromotimer div::after { content: attr(data-title); position:absolute; left:0; right:0; bottom:-16px; font-size:11px; text-align:center; color:gray;}


@media screen and (max-width: 850px) {
.specpromowordtext {font-size:20px; padding: 10px;}
#forpaypup.specpromoword {padding-top:200px !important;}
.specpromotimer {display:block;}
.specpromotimer div {padding:5px 8px;}
.specpromotimer div::after {font-size:9px; bottom:-14px;}
}

/*Другие способы*/
.btn-purchase-icons__change_type {
font-size: 16px;
    font-weight: bold;
    padding: 0 0px 1px;
    color: #3d5afe;
    margin: 0 14px;
    border-bottom: 1px dotted;
	cursor:pointer;
}


/*Три 3 цены*/

#bodyprice {box-sizing: border-box; padding: 70px 5px; display: flex; align-items: center; justify-content: center;  background: linear-gradient(#b587db36 0%, #90b8ff69 100%); font-family: sans-serif; flex-wrap:wrap;}

.wrapperprice { max-width: 480px; width:96%; box-sizing: border-box;  background: #fff; border-radius: 16px; padding: 20px; box-shadow: 10px 10px 15px rgba(0,0,0,0.05); box-shadow: 0.5rem 0.5rem 1rem rgba(51, 51, 51, 0.2);}
.wrapperprice #headerprice {height: 55px; display: flex; align-items: center; border: 1px solid #ccc; border-radius: 30px; position: relative; width:320px; margin:0 auto;}

#headerprice label { height: 100%; z-index: 2; display: flex; cursor: pointer; font-size: 17px; position: relative; align-items: center; justify-content: center; transition: color 0.3s ease; text-align:center;}
#headerprice label:nth-child(1){ width: 120px; background:rgba(0,0,255,0.01);}
#headerprice label:nth-child(2){ width: 80px; background:rgba(0,255,0,0.01);}
#headerprice label:nth-child(3){ width: 120px; background:rgba(255,0,0,0.01);}

#tabprice-1:checked ~ #headerprice .tabprice-1, #tabprice-2:checked ~ #headerprice .tabprice-2, #tabprice-3:checked ~ #headerprice .tabprice-3 {color: #fff !important;}
#headerprice .slider {position: absolute; height: 85%; border-radius: inherit; background: linear-gradient(145deg, #D5A3FF 0%, #77A5F8 100%); background: #3D5AFE; transition: all 0.3s ease;}
#tabprice-1:checked ~ #headerprice .slider{left: 0%; width: 110px; transform: translateX(5%); }
#tabprice-2:checked ~ #headerprice .slider{left: 50%; width: 100px; transform: translateX(-50%);}
#tabprice-3:checked ~ #headerprice .slider{left: 100%; width: 110px; transform: translateX(-105%);}

.wrapperprice input[type="radio"]{display: none;}
.card-area{overflow: hidden;}
.card-area .cards{display: flex; width: 300%;}
.cards .rowprice { width: 33.4%;}
.cards .rowprice-1 {transition: all 0.3s ease;}

#tabprice-1:checked ~ .card-area .cards .rowprice-1{margin-left: 0%;}
#tabprice-2:checked ~ .card-area .cards .rowprice-1{margin-left: -33.4%;}
#tabprice-3:checked ~ .card-area .cards .rowprice-1{margin-left: -66.8%;}

.rowprice .price-details {margin: 20px 0;text-align: center; border-bottom: 1px solid #e6e6e6;}
.price-details .price { font-size: 42px; font-weight: 300; position: relative; color:#495657; }
.price-details .price::before, .price-details .price::after{position: absolute; font-weight: 400; font-family: "Poppins", sans-serif;}
.price-details .price::before { content: ""; left: -13px; top: 17px; font-size: 20px; }
.price-details .price::after { content: "₽"; right: -33px; bottom: 17px; font-size: 22px;}

#bodyprice .oldprice {position:relative; font-size:36px; font-weight:bold; color:#a0a0a0;}
#bodyprice .oldprice:before {content:""; display:block; background:rgba(255,0,0,0.9); height:2px; margin-top: 8px; position:absolute; bottom:50%; left:-5px; right:-5px; transform: skew(0.03turn, 353deg);}
.oldprice + .price {color:#10c45f;;}

.price-details p {font-size: 18px; margin: 5px 0 20px;}
.rowprice .features {margin:0 0 0 15px;  padding:0; min-height:120px;}
.rowprice .features li {display: flex; font-size: 15px; list-style: none; margin-bottom: 10px; align-items: start;}
.checkmark {display: inline-block; vertical-align:top; margin-top:1px; transform: rotate(45deg); height: 9px; width: 4px;  border-bottom: 3px solid #78b13f; border-right: 3px solid #78b13f;}
.features li span {margin-left: 15px;}

.wrapperprice a.paybutton {display:block; text-decoration:none; text-align:center; padding:20px; border-radius: 6px; font-size: 18px; color: #fff; cursor: pointer; margin: 20px 20px 0; background-color: #3D5AFE; transition: transform 0.3s ease;}
.wrapperprice a.paybutton:hover {transform: scale(0.98);}

.doyouhavewrap {width:100%; text-align:center; padding:40px 10px 0;}
#bodyprice input.doyouhave {display:block; width:200px; margin:auto; background:none; border:none !important; outline:none; padding:10px; border-radius:5px; text-align:center; transition: all 0.5s ease;}
#bodyprice input.doyouhave:focus {background:white  !important; transition: all 0.5s ease;}
#bodyprice input.doyouhave::placeholder {color:rgba(0,0,0,0.3)}


/*Рекуренты*/
.accept_rec_wrapper {margin: -5px 0 15px 4px;}
.accept_rec_wrapper [type="checkbox"]+label {font-size:13px; padding-left:30px;}

@media screen and (max-width: 800px) {
.accept_rec_wrapper [type="checkbox"]+label {line-height: 20px;}
}