/* Заголовок */
.pHead {
    font-size: 20px;
    margin: 0px 0px 17.5px 0px;
}
/* Левая часть контента */
.pContentLeft {
    display: inline-block;
    width: 49.5%; 
    vertical-align:top;
}
/* Правая часть контента */
.pContentRight {
    display: inline-block;
    width: 49.5%; 
    vertical-align:top;
}
/* Дополнительный контент */
.pContent {
    background-color: rgba(255, 255, 255, 0.04);
    color: rgba(255, 255, 255, 0.4);
    border-radius: 3px;
    padding: 14px 15px;
    text-decoration: none;
}
.pWarning {
    background-color: rgba(42,15,15, 1);
    color: #c34614;
    border: 1px solid #e2907a;
    border-radius: 3px;
    padding: 14px 15px;
    font-size: 15px;
    text-decoration: none;
    text-align: center;
}
/* Бордюр снизу */
.bBorderBottom {
    border-bottom: 2px solid rgba(255, 255, 255, 0.1);
}
/* Отступ */
.bMargin {
    margin: 17.5px 0;
}

/* Блок с ценой */
.pPriceBox {
    font-size: 20px; 
    position: relative; 
    color: rgba(255,255,255,0.7);
    margin-top: 8px;
}
.pPriceBox * { font-size: 20px; }
/* Цена без скидки */
.pPriceNoDiscount {
    color: rgba(189, 56, 50, 1);
    font-weight:normal;
    text-decoration: line-through;
    text-decoration-color: rgba(255, 11, 0, 0.6);
    margin-right: 10px;
}
/* Цена с учетом скидки */
.pPriceDiscount {
    color: rgb(0,159,0);
    font-weight: bold;
}
/* Размер скидки в % */
.pPriceDiscountPercent {
    font-size: 14px; 
    color: rgb(0,159,0);
    position: absolute; 
    top: -5px; 
    margin-left: 5px;
}

/* Блок с детализацией цены */
.pPriceDetailsBox {
    font-size: 12px; 
    margin-top: 12px;
    color: rgba(255,255,255,0.4); 
}
.pPriceDetailsBox * { font-size: 12px; }
/* Блок с примечанием цены в другой валюте */
.pPriceRateNote {
    font-size: 12px; 
    margin-top: 12px; 
    display: none;
    color: rgba(255,255,255,0.4); 
}
.pPriceRateNote * { font-size: 12px; }

.pPriceDiscountComment {
    font-size: 12px; 
    margin-top: 12px;
    display: none;
}

.buyResult {
    background: url(/img/wGeneral/buy/warning.png) no-repeat top 50% left 0px;
    background-size: 14px;
    padding: 0px 0px 0px 20px;
    margin-top: 10px;
    display: none;
}

/* Поле Input */
.pInput {
    display: block;
    width: 100%;
    padding: 6px 12px;
    line-height: 1.42857143;
    font-family: inherit;
    margin: 0px 0px 17.5px 0px;
    font: inherit;
    color: rgba(255,255,255,0.6);
    height: 46px;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 16px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 4px;
    border: 2px solid rgba(255, 255, 255, 0.1);
    background: none;
    -webkit-transition: .3s all ease-out;
    transition: .3s all ease-out;
}
/* Фокус поля Input */
.pInput:active, .pInput:focus {
	outline: 0;
	border: 2px solid rgba(255, 255, 255, 0.3);
  
}
/* Поле промокода */
.pPromo {
    /* border: 2px solid rgba(209, 205, 95, 0.4); */
    padding: 0px 25px;
    background: url(/img/wGeneral/buy/discount.png) no-repeat top 50% left 5px;
    background-size: 14px;
}
/* Поле Email */
.pEmail {
    padding: 0px 25px;
    background: url(/img/wGeneral/buy/email.png) no-repeat top 50% left 5px;
    background-size: 14px;
}

/* Поле User */
.pUser {
    padding: 0px 25px;
    background: url(/img/wGeneral/buy/user.png) no-repeat top 50% left 5px;
    background-size: 14px;
}

/* Поле Телефон */
.pPhone {
    padding: 0px 25px;
    background: url(/img/wGeneral/buy/phone.png) no-repeat top 50% left 5px;
    background-size: 14px;
}

/* Изображение загрузки */
.pImgLoading {
    background: url(/img/loading.gif) no-repeat top 50% left 0px;
    background-size: 14px;
    padding: 0px 0px 0px 20px;
}

/* Изображение ошибки */
.pImgWarning {
    background: url(/img/wGeneral/buy/warning.png) no-repeat top 50% left 0px;
    background-size: 14px;
    padding: 0px 0px 0px 20px;
    color: rgb(226, 74, 74);
}
/* Поле примечание */
.pNote {
    padding: 0px 30px;
    background: url(/img/wGeneral/buy/note.png) no-repeat top 50% left 5px;
    background-size: 20px;
    color: rgb(0,159,0);
}

/* =========================================================================================================================================================== */

/* START: Способ оплаты */
/* Блок со способами оплаты */
.pPaymentBox {
    width: calc(100% - 105px);
    font-size: 14px;
    height: 46px;
    border: 2px solid rgba(255, 255, 255, 0.1);
    vertical-align: middle;
    display: inline-block;
    margin: 0px 0px 17.5px 0px;
    border-radius: 4px;
    color: rgba(255,255,255,0.6);
}
/* Выбранный способ оплаты */
.pPaymentCurrent {
    cursor: pointer;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.pPaymentCurrent:after {
    content: "";
    border-width: 6px 6px 0 6px;
    border-style: solid;
    border-color: grey transparent;
    float: right;
    margin: 20px 6px 0px 0px;
}

/* Список способов оплаты */
.pPaymentList {
    margin: 3px 0px 0px 0px;
    padding: 0px;
    z-index: 332;
    position: relative;
    background: rgba(25,25,25, 1);
    border: 2px solid rgba(255, 255, 255, 0.1);
    overflow-y: auto;
    display: none;
    max-height: 300px;
}
.pPaymentList li {
    list-style: none;
    padding: 5px 0px;
    margin: 0 0 0 0px;
    cursor: pointer;
    transition: 0.3s;
}
.pPaymentList li:not(:last-child) { border-bottom: 2px solid rgba(255, 255, 255, 0.1); }
.pPaymentList li:hover{ background: rgba(45,45,45, 1); }
.pPaymentList li.select{ background: rgba(45,45,45, 1); border-bottom: 2px solid rgba(255, 255, 255, 0.05); }

/* Изображение способа оплаты */
.pPaymentImg {
    margin: 0 5px 3px 5px;
    vertical-align: middle;
    width: 16px;
    height: 16px;
}

/* Показать список способов оплаты */
.pPaymentCh[type=checkbox]:checked ~ .pPaymentList {
    display: block;
}
/* STOP: Способ оплаты */

/* =========================================================================================================================================================== */

/* START: Валюта */
/* Блок с выбором валюты */
.pCurrencyBox {
    width: 95px;
    font-size: 14px;
    height: 46px;
    border: 2px solid rgba(255, 255, 255, 0.1);
    vertical-align: middle;
    display: inline-block;
    margin: 0px 0px 17.5px 0px;
    border-radius: 4px;
    float: right;
    color: rgba(255,255,255,0.6);
}
/* Выбранная валюта */
.pCurrencyCurrent {
    cursor: pointer;
    width: 100%;
    height: 100%;
}
.pCurrencyCurrent:after {
    content: "";
    border-width: 6px 6px 0 6px;
    border-style: solid;
    border-color: grey transparent;
    float: right;
    margin: 20px 6px 0px 0px;
}

/* Список валют */
.pCurrencyList {
    margin: 3px 0px 0px 0px;
    padding: 0px;
    z-index: 332;
    position: relative;
    background: rgba(25,25,25, 1);
    border: 2px solid rgba(255, 255, 255, 0.1);
    border-bottom: 0;
    display: none;
    max-height: 200px;
    overflow-y: auto;
}
.pCurrencyList li {
    list-style: none;
    padding: 5px 0px;
    margin: 0 0 0 0px;
    border-bottom: 2px solid rgba(255, 255, 255, 0.1);
    cursor: pointer;
    transition: 0.3s;
}
.pCurrencyList li:hover{ background: rgba(45,45,45, 1); }

/* Изображение способа оплаты */
.pCurrencyImg {
    margin: 0 5px 3px 5px;
    vertical-align: middle;
    width: 16px;
    height: 16px;
}

/* Показать список способов оплаты */
.pCurrencyCh[type=checkbox]:checked ~ .pCurrencyList {
    display: block;
}
/* STOP: Валюта */

.pHide {
    display: none;
}

.butn {
    border-radius: 3px;
    box-sizing: border-box;
    width: 100%;
    color: rgba(255,255,255,0.8);
    font-size: 14px;
    text-align: center;
    padding: 11px 0;
    height: 40px;
    cursor: pointer;
    
    border: 2px solid rgba(132, 1, 18, 0.4);
    background: rgba(173, 46, 46, 0.3);
    
   
    
    transition: .3s all ease-in;
}
.butn:hover, .butn:active, .butn:focus {
    border: 2px solid rgba(132, 1, 18, 0.3);
    background: rgb(189, 34, 34, 0.42);
}

.butn:focus, .butn:active {
  outline: none;
  border: 2px solid #7e000d;
}

/* Красные блики */
.flareRed {
    position: relative;
    overflow: hidden;
}

.flareRed:before {
  content: '';
  position: absolute;
  filter: blur(3px);
  top: 0%;
  left: 10px;
  width: 1px;
  height: 100%;
  box-shadow: 0px 0px 100px 50px rgba(217, 11, 0, 0.5);
  transform: skew(20deg);
  animation: ani 4s linear infinite;
  opacity: 1;
  display: block;
}
@keyframes ani {
  0% { opacity: 0; left: 0%; }
  80% { opacity: 0; left: 0%; }
  90% { opacity: 1; left: 50%; }
  100% { opacity: 0; left: 100%; }
}

/* Белые блики */
.flare {
    position: relative;
    overflow: hidden;
}
.flare:before {
    content: '';
    position: absolute;
    top: 0;
    height: 100%;
    width: 45px;
    transform: skewX(-45deg); 
    animation: flareAnimation;
    left: -150%;
    background: linear-gradient(90deg, rgba(217, 11, 0, 0.07), rgba(217, 11, 0, 0.15));
    animation: flareAnimation 6s infinite linear; 
}

@keyframes flareAnimation {
    0% {
        left: -250%;
    }
    50% {
        left: -150%;
    }
    100% {
        left: 150%;
    }
}

/* =========================================================================================================================================================== */

/* START: placeholder color */
::-webkit-input-placeholder { /* Chrome */
  color: rgba(255, 255, 255, 0.24);
}
:-ms-input-placeholder { /* IE 10+ */
  color: rgba(255, 255, 255, 0.24);
}
::-moz-placeholder { /* Firefox 19+ */
  color: rgba(255, 255, 255, 0.24);
  opacity: 1;
}
:-moz-placeholder { /* Firefox 4 - 18 */
  color: rgba(255, 255, 255, 0.24);
  opacity: 1;
}
/* STOP: placeholder color */

/* =========================================================================================================================================================== */

/* Скрыть чекбокс */
.pChHide[type=checkbox] {
    position: absolute;
    display: none;
}

/* Мобильный вид */
@media only screen and (max-width: 780px) {
    .pContentLeft, .pContentRight {
        width: 100%; 
        display: block;
        margin-bottom: 15px;
    }
}