/* Раздел доната (начало)*/


.donate.horizontal {grid-template-columns:repeat(2, 1fr);box-shadow:0px 0px 5px 5px rgba(0, 0, 0, 0.5);}
.donate.vertical {grid-template-columns:repeat(5, 1fr);grid-template-rows:auto auto auto auto auto;}
.donate.line {grid-template-columns:1fr;grid-template-rows:auto auto auto auto auto;}



.donate.horizontal h1 {grid-row:1/2;grid-column:1/3;font-size:1.35vw;margin:2.35vw;color:#909090;}



.text .price-list {margin:0;}
.priceList {display:grid;grid-template-columns:1vw 7.7vw 1fr 1vw 1vw auto auto auto auto auto 1vw 1vw 1vw;grid-template-rows:1vw 1.8vw 1vw 1fr 1vw 1.5vw 1vw;height:13vw;align-items:center;		border:1px solid #000;box-sizing:border-box;background:#303030;position:relative;overflow:hidden;}
.priceList:hover {box-shadow:0 2px 4px rgba(0, 0, 0, .2);}
.priceList:before {content:'';position:relative;grid-column:1/2;grid-row:1/8;width:1vw;height:13vw;z-index:11;background:#303030;}
.priceList:after {content:'';position:relative;grid-column:13/14;grid-row:1/8;width:1vw;height:13vw;z-index:11;background:#303030;}


.price-left {display:grid;grid-column:1/3;grid-row:2/5;}		    .price-left img{width:100%;margin:0 auto;opacity:0;}
.price-right {display:grid;grid-column:5/12;grid-row:3/6;gap:0.5vw 0;}


.topLine {display:grid;grid-column:2/5;grid-row:2/3;align-content:center;height:1.8vw;color:#c7c7c7;font-weight:bold;font-size:0.65vw;font-size:calc((100vw - 1280px)/(4000 - 1280) * (22 - 12) + 12px);padding:0 0.5vw;background:#3D3D3D;}


.nominal {display:grid;grid-column:2/4;grid-row:4/5;grid-template-columns: 2.5vw 0.5vw auto 0.5vw auto 1fr;grid-template-rows:1.2vw 0 1.2vw 0.5vw 1.5vw;color:#C7C7C7;justify-self:center;}
.sumBase {grid-column:3/4;grid-row:1/2;align-self:end;justify-self:end;font-size:calc((100vw - 1280px)/(4000 - 1280) * (38 - 14) + 14px);color:#696969;z-index:2;}
.sumPlus {grid-column:1/2;grid-row:2/3;align-self:center;justify-self:end;font-size:calc((100vw - 1280px)/(4000 - 1280) * (38 - 14) + 14px);font-weight:bold;color:#696969;transform:skew(-10grad);z-index:2;}
.sumGift {grid-column:3/4;grid-row:3/4;align-self:center;justify-self:end;font-size:calc((100vw - 1280px)/(4000 - 1280) * (38 - 14) + 14px);color:#969696;z-index:2;}
.sumGiftName {grid-column:5/6;grid-row:3/4;font-size:calc((100vw - 1280px)/(4000 - 1280) * (22 - 12) + 12px);color:#969696;align-self:center;transform:skew(-10grad);z-index:2;}
.sumLine {grid-column:1/6;grid-row:4/5;border-bottom:0.025vw solid #565656;align-self:center;z-index:2;}
.sumTotal {grid-column:3/4;grid-row:5/6;font-size:calc((100vw - 1280px)/(4000 - 1280) * (41 - 15) + 15px);color:#696969;justify-self:end;z-index:2;}

.sumImg {grid-column:2/6;grid-row:3/6;z-index:0;}












.note_left {display:grid;grid-column:2/3;grid-row:3/6;position:absolute;top:0;left:0;right:0;bottom:0;transform:translateX(-100%);z-index:2;background:#303030;transition:0.4s ease-out;transition-delay:0.5s;}
.note_right {display:grid;grid-column:3/13;grid-row:3/6;position:absolute;top:0;left:0;right:0;bottom:0;transform:translateX(100%);z-index:2;box-sizing:border-box;font-size: calc((100vw - 1280px)/(4000 - 1280) * (20 - 11) + 11px);padding:1vw;background:#303030;transition:0.4s ease-out;transition-delay:0.5s;color:#C7C7C7;font-weight:normal;overflow-x:auto;}
.note_right ul li {list-style-type:disc;}
.note_right ul li ul li {list-style-type:square;margin-left:25px;font-style:oblique;font-size:15px;}
.note_right ul li ul li:first-child {margin-top:5px;}
h5 {font-weight:bold;font-size:15.3px;padding:5% 0 2.5% 0;}
.note_left img, .note-img img{height:100%;margin:0 auto;}
.programma-loyalnosti {display:grid;grid-column:6/7;grid-row:2/3;cursor:pointer;}
.vip {display:grid;grid-column:7/8;grid-row:2/3;cursor:pointer;}
.kak-kupit-kod {display:grid;grid-column:8/9;grid-row:2/3;cursor:pointer;}
.chto-kupit {display:grid;grid-column:9/10;grid-row:2/3;cursor:pointer;}
.chto-kupili-igroki {display:grid;grid-column:10/11;grid-row:2/3;cursor:pointer;}
.programma-loyalnosti:hover .note_left, .vip:hover .note_left, .kak-kupit-kod:hover .note_left, .chto-kupit:hover .note_left, .chto-kupili-igroki:hover .note_left, .server-line:hover .note_left {transform:translateX(0);} /* 13vw-(1+1+1.8+1.5)=13-5.3=7.7 */
.programma-loyalnosti:hover .note_right, .vip:hover .note_right, .kak-kupit-kod:hover .note_right, .chto-kupit:hover .note_right, .chto-kupili-igroki:hover .note_right, .server-line:hover .note_right {transform:translateX(0);}
.programma-loyalnosti:hover .note_right:before{display:block;content: '';position:absolute;z-index:1;right:175px;top: -15px;border:10px solid transparent;border-bottom:5px solid white;}
.programma-loyalnosti:hover .note_right:after{display:block;content: '';position:absolute;z-index:0;right:175px;top: -16px;border:10px solid transparent;border-bottom:5px solid rgba(0, 0, 0, .2);}

.programma-loyalnosti, .vip, .kak-kupit-kod, .chto-kupit, .chto-kupili-igroki {width: calc( (100vw - 1280px)/(4000 - 1280) * (60 - 20) + 20px);height:calc( (100vw - 1280px)/(4000 - 1280) * (60 - 20) + 20px);background:url(/images/donate/icons/nominals_2000+.png);background-size:calc( (100vw - 1280px)/(4000 - 1280) * (300 - 100) + 100px);}
.programma-loyalnosti {background-position:0 0;}
.programma-loyalnosti:hover {opasity:0;background-position:0 100%;}
.vip {background-position:25% 0;}
.vip:hover {background-position:25% 100%;}
.kak-kupit-kod {background-position:50% 0;}
.kak-kupit-kod:hover {background-position:50% 100%;}
.chto-kupit {background-position:75% 0;}
.chto-kupit:hover {background-position:75% 100%;}
.chto-kupili-igroki {background-position:100% 0;}
.chto-kupili-igroki:hover {background-position:100% 100%;}
.vip-gamer-name {font-weight:bold;color:#FF6900;padding:10px 0;}
.crown {display:table-cell;vertical-align:middle;position:relative;height:70px;padding:0 10px 0 90px;}
.crown:before {content: "";position:absolute;left:0;top:0;bottom:0;padding:35px;}
.crown:before{background:url(/images/donate/icons/vip_2000+.png) #565656;background-position:0 0;}
.vml:hover .crown:before {background-color:#404040;background-position:0 -70px;}
.server-line:hover {cursor:pointer;}
.server-line:hover .server-line-info{transform:translateX(0);}
.server-line {display:grid;grid-column:2/13;grid-row:6/7;color:#C8C8C8;font-weight:bold;box-sizing:border-box;background:#3d3d3d;padding:0 0.5vw;font-size:0.63vw;font-size:calc((100vw - 1280px)/(4000 - 1280) * (22 - 11) + 11px);height:1.5vw;align-content:center;}
.server-line-info {display:grid;grid-column:2/13;grid-row:6/7;position:absolute;left:0;right:0;top:0;bottom:0;align-content:center;font-size:0.63vw;font-size:calc((100vw - 1280px)/(4000 - 1280) * (22 - 11) + 11px);background-color:#3d3d3d;z-index:2;color:#C8C8C8;font-weight:bold;box-sizing:border-box;padding:0 0.5vw;transition: .4s ease-out;transition-delay: 0.5s;transform:translateX(-100%);}

.programma-loyalnosti:hover .server-line-info{transform:translateX(0);}
.vip:hover .server-line-info{transform:translateX(0);}
.kak-kupit-kod:hover .server-line-info{transform:translateX(0);}
.chto-kupit:hover .server-line-info{transform:translateX(0);}
.chto-kupili-igroki:hover .server-line-info{transform:translateX(0);}
.price, .old-price, .discount-price, a.button-buy {font-size:0.75vw;padding:0.3vw;color:#909090;transition:color 0.3s, border 0.4s, opacity 0.3s;opacity:1;text-decoration:none;border:none;}
.price:hover, .old-price:hover, .discount-price:hover {text-decoration:underline;opacity:1;color:#000;border:none;}
.price {display:grid;grid-column:1/2;cursor:pointer;background:#C7C7C7;color:#000;text-align:center;box-sizing:border-box;}
.old-price {display:grid;grid-column:1/2;cursor:pointer;text-decoration:line-through;background-color:#ECECEC;text-align:center;box-sizing:border-box;}
.discount-price {display:grid;grid-column:1/2;cursor:pointer;background-color:#efffed;text-align:center;box-sizing:border-box;}
a.button-buy {display:grid;grid-column:1/2;font-family:Arial,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L",sans-serif;font-weight:bold;color:rgb(145,145,145);animation:pulsate 2.5s linear infinite;text-shadow:0 -1px rgba(0,0,0,.1);text-decoration:none;user-select:none;outline:none;border:none;background:#000;box-sizing:border-box;text-align:center;}
a.button-buy:hover {-webkit-animation-play-state:paused;animation-play-state:paused;cursor:pointer;}
a.button-buy:active {top:1px;color:#fff;text-shadow:0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff;box-shadow:0 -1px 3px rgba(0,0,0,.3), 0 1px 1px #fff, inset 0 1px 2px rgba(0,0,0,.8), inset 0 -1px 0 rgba(0,0,0,.05);}
@-webkit-keyframes pulsate {50% {color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff;}}
@keyframes pulsate {50% {color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff;}}


.buttonTell {float:right;margin-top:10%;padding:1.9%;font-size:16px;color:#909090;opacity:1;text-decoration:none;border:none;}
.buttonTell {width:50%;display:block;font-family:Arial,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L",sans-serif;font-weight:700;color:#FFF;box-sizing:border-box;text-align:center;background-color:#999;}
.buttonTell:hover {cursor:pointer;background-color:#888;}
.buttonTell:active {color:#fff;background-color:#777;}



.donate-description {grid-column:1/-1;margin-bottom:1.18vw;color:#4f4f4f;font-size:calc((100vw - 1280px)/(4000 - 1280) * (34 - 12) + 12px);font-weight:bold;font-stretch:ultra-condensed;transition:0.5s;cursor:pointer;}
.donate-description:hover {color:#c7c7c7;}


/*#center .donate-description {width:99%;margin:3% 0.5% 2% 0.5%;}
#center-full .donate-description {width:97%;margin:3% 1.5% 0 1.5%;padding:0 0 0 2%;}*/

#buy-note{float: left;width:100%;margin-top:5%;padding:5%;box-sizing:border-box;background-color:#FFF;border-radius:15px;border:3px solid #c4d1c3;}
/* Раздел доната (конец) */