@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800&display=swap');

* {
	font-family: 'Inter', sans-serif;
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	outline: none;
}

a {
	text-decoration: none;
	color: black;
}

nav ul {
	list-style-type: none;
	display: flex;
}

ul {
	margin:0 0 30px 0;
	padding:0;
}

body{

padding:0;
margin:0;
height:auto;
min-height:100%!important;
font-weight:400;
font-style:normal;
min-width:320px;
line-height: 30px;
overflow-x: hidden;
background: #352c27;
/*background: url('../../assets/img/bg.webp') no-repeat center center fixed;*/
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}

/* Стилизация скроллбара */
::-webkit-scrollbar {
  width: 5px;
}
::-webkit-scrollbar-thumb { background-color: #fcb913 ;}
/* #fcc739 */

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,.h1,.h2,.h3,.h4,.h5,.h6{
color: #fcc739;
text-transform:uppercase;
margin:0 0 20px 0;
padding:0;
font-weight:600;
}
h1,.h1{
font-size:20px;
line-height:24px;
}
h2,.h2{
font-size:18px;
line-height:24px;
}
h3,.h3{
font-size:16px;
line-height:32px;
}
h4,.h4{
font-size:16px;
line-height:30px;
}
h5,.h5{
font-size:16px;
line-height:28px;
}
h6,.h6{
font-size:16px;
line-height:28px;
}

p{
line-height:28px;
color:rgba(255,255,255,0.8);
padding:0;
text-align:justify;
}

table {
	border-collapse: collapse;
}

div.Header {
	padding: 20px 0px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}

a.Logo {
	display: flex;
	line-height: 25px;
}

.Logo img {
    height: 100px;
    width: 100px;
}

div.logo_title {
	color: white;
	font-size: 18px;
	align-self: center;
}

.Gplayimg {
	width: 200px;
	margin-right: 20px;
}


.Central {
	padding: 0 10px;
	max-width: 1200px;
	margin: 0 auto;
	/*border-right: 1px solid green;
	border-left: 1px solid green;*/
}


header {
	background-color: rgba(0,0,0,0.3);
}


.HeaderLink {
	color: white;
}



div.FastEntry {
	-webkit-user-select: none;
	padding: 10px 0px;
	background-color: #82492b;
	color: white;
	font-size: 18px;
}

div.Infoline {
    margin-top: 20px;
    color: white;
    border-radius: 20px;
    padding: 0.5rem 1rem;
    background-color: rgba(0,0,0,0.3);
    text-align: center;
    
}

div.Infoline strong {
    color: #f2d48a;
}


div.FastEntry div.Central {
	display: flex;
	justify-content: center;
	align-items: center;
}

span.line-text {
	margin-right: 30px;
}



div.line-button {
	cursor: pointer;
	position: relative;
	padding: 10px;
	text-align: center;
	background: rgba(0,0,0,0.30);
	background-size: 100%;
	width: 380px;
}

div.line-button span {
	vertical-align: middle;
}


div.BgHead {
    border-top: 5px solid white;
    border-bottom: 5px solid white;
	background: url('../../assets/img/background.webp');
	background-size: cover;
	background-position: center;
	height: 200px;
	width: 100%;
}


/* Products */


div.Products {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

div.Product {
	background-color: rgba(0,0,0,0.4);
	/*border: 1px solid white;*/
	border-radius: 10px;
	color: white;
	padding: 20px 0px;
	width: 250px;
	margin: 0 20px 20px 20px;
	transition: all 0.3s ease;
}
div.Product:hover {
    transform: scale(1.05);
}
div.ProductImg {
	margin: 0 auto;
	/*border: 1px solid black;*/
	width: 180px;
	height: 180px;
	
	background-size: contain;
	background-position: center;
}

.img1 { background: url('../../assets/img/1050.webp') no-repeat; }
.img2 { background: url('../../assets/img/2200.webp') no-repeat; }
.img3 { background: url('../../assets/img/4600.webp') no-repeat; }
.img4 { background: url('../../assets/img/12000.webp') no-repeat; }
.img5 { background: url('../../assets/img/25000.webp') no-repeat; }
.img6 { background: url('../../assets/img/fr.webp') no-repeat; }
.img7 { background: url('../../assets/img/postavka1.webp') no-repeat; }
.img8 { background: url('../../assets/img/postavka2.webp') no-repeat; }
.img9 { background: url('../../assets/img/postavka3.webp') no-repeat; }
.img10 { background: url('../../assets/img/postavka4.webp') no-repeat; }
.img11 { background: url('../../assets/img/postavka5.webp') no-repeat; }
.img12 { background: url('../../assets/img/postavka6.webp') no-repeat; }
.img13 { background: url('../../assets/img/postavka7.webp') no-repeat; }
.img14 { background: url('../../assets/img/postavka8.webp') no-repeat; }
.img15 { background: url('../../assets/img/postavka9.webp') no-repeat; }
.img16 { background: url('../../assets/img/raspiska3.webp') no-repeat; }
.img17 { background: url('../../assets/img/raspiska4.webp') no-repeat; }
.img18 { background: url('../../assets/img/raspiska5.webp') no-repeat; }
.img19 { background: url('../../assets/img/raspiska6.webp') no-repeat; }
.img20 { background: url('../../assets/img/raspiska7.webp') no-repeat; }
.img21 { background: url('../../assets/img/raspiska9.webp') no-repeat; }
.img22 { background: url('../../assets/img/pack1.webp') no-repeat; }
.img23 { background: url('../../assets/img/pack2.webp') no-repeat; }
.img24 { background: url('../../assets/img/pack3.webp') no-repeat; }
.img25 { background: url('../../assets/img/pack4.webp') no-repeat; }
.img26 { background: url('../../assets/img/pack5.webp') no-repeat; }
.img27 { background: url('../../assets/img/pack6.webp') no-repeat; }
.img28 { background: url('../../assets/img/pack7.webp') no-repeat; }
.img29 { background: url('../../assets/img/1100kljuchej.webp') no-repeat; }
.img30 { background: url('../../assets/img/15000kluchey.webp') no-repeat; }
.img31 { background: url('../../assets/img/15000kluchey.webp') no-repeat; }
.img32 { background: url('../../assets/img/50000kluchey.webp') no-repeat; }
.img33 { background: url('../../assets/img/50mikroshem.webp') no-repeat; }
.img34 { background: url('../../assets/img/100mikroshem.webp') no-repeat; }
.img35 { background: url('../../assets/img/600mikroshem.webp') no-repeat; }
.img36 { background: url('../../assets/img/30000energoblokov.webp') no-repeat; }
.img37 { background: url('../../assets/img/70000energoblokov.webp') no-repeat; }
.img38 { background: url('../../assets/img/100000energoblokov.webp') no-repeat; }
.img39 { background: url('../../assets/img/.webp') no-repeat; }
.img40 { background: url('../../assets/img/.webp') no-repeat; }
.img41 { background: url('../../assets/img/.webp') no-repeat; }
.img42 { background: url('../../assets/img/.webp') no-repeat; }
.img43 { background: url('../../assets/img/.webp') no-repeat; }
.img44 { background: url('../../assets/img/.webp') no-repeat; }
.img45 { background: url('../../assets/img/.webp') no-repeat; }
.img46 { background: url('../../assets/img/.webp') no-repeat; }
.img47 { background: url('../../assets/img/.webp') no-repeat; }
.img48 { background: url('../../assets/img/.webp') no-repeat; }


div.ProductTitle {
	font-weight: 600;
	text-align: center;
}

div.ProductTitle span:first-child {
	color: #f2d48a;
	font-size: 15px;
	text-decoration: line-through;
	padding-right: 5px;
}

div.ProductTitle span:nth-child(2) {
	font-size: 20px;
	color: #fcc739;
}

div.ProductPrice {
	font-weight: 600;
	text-align: center;
}

div.ProductBuy {
	margin: 0 auto;
	width: 80%;
	background-color: #fcb913;
	color: white;
	text-align: center;
	border-radius: 10px;
	cursor: pointer;
	transition: box-shadow 0.3s ease;
}

div.BuyArticle {
	margin: 0 auto;
	margin-top: 10px;
	width: 30%;
	background-color: #fcc739;
	color: #6a3b08;
	text-align: center;
	border-radius: 10px;
	cursor: pointer;
}

/* Аккаунты */
.accounts {
    display: flex;
    justify-content: center;
    column-gap: 1rem;
    row-gap: 1rem;
    flex-wrap: wrap;
}
.account {
    width: 300px;
    background-color: rgba(255,255,255,0.05);
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
}
.account img {
    cursor: zoom-in;
}
.account p:first-child {
    text-align: center;
}
.account-bigimg {
    width: 100%;
    border-radius: 0.5rem;
    border: 1px solid #fcc739;
    min-height: 150px;
}
.safe-deal {
    color: #90ee90;
    text-align: center;
}
.account-price {
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    color: white;
}
.account-desc {
    background-color: rgba(0,0,0,0.1);
    padding: 0.5rem;
    border-radius: 0.5rem;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    line-height: 1.1rem;
    height: 250px;
    overflow-y: scroll;
}
.account-buy {
    background-color: #fcc739;
    color: rgba(0,0,0,0.6);
    text-align: center;
    border-radius: 0.5rem;
    padding: 0.25rem 1rem;
    font-size: 14px;
    cursor: pointer;
}
.img-list {
    display: flex;
    justify-content: space-between;
}
.img-list img {
    width: 55px;
    border-radius: 0.5rem;
    border: 1px solid #fcc739;
}
/* */

/* End Products */
  .ctitle {
      font-size: 24px;
      color: white;
      font-weight: 600;
      text-transform: uppercase;
      margin-top: 20px;
      margin-bottom: 20px;
  }

/* Popup */
.popup-bg {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgb(0,0,0,0.6);
	display: none;
}

.popup1, .popup2, .popup3, .popup4, .popup5, .popup6, .popup7, .popup8, .popup9, .popup10, .popup11, .popup12, .popup13, .popup14, .popup15, .popup16, .popup17, .popup18, .popup19, .popup20,.popup21,.popup22,.popup23,.popup24,.popup25,.popup26,.popup27,.popup28,.popup29,.popup30,.popup31,.popup32,.popup33,.popup34,.popup35,.popup36,.popup37,.popup38 {
	display: none;
	position: fixed;
	z-index: 1000;
	width: 500px;
	background-color: white;
	border: 1px solid rgba(0,0,0,0.3);
	border-radius: 20px;
	top: 0;
	left: 50%;
	padding: 20px;
	transform: translate(-50%,50%);
	-webkit-box-shadow: 0px 0px 22px 0px rgba(34, 60, 80, 0.53);
	-moz-box-shadow: 0px 0px 22px 0px rgba(34, 60, 80, 0.53);
	box-shadow: 0px 0px 22px 0px rgba(34, 60, 80, 0.53);
}
.popupopen { cursor: pointer; }
.popupclose {
	position: absolute;
	top: -10px;
	right: -10px;
	font-size: 18px;
	background-color: red;
	color: white;
	padding: 4px 6px;
	border-radius: 15px;
	cursor: pointer;
}

.popupclose:hover {
	transition: .3s;
	color: #d24747;
}

.popup1 p, .popup2 p, .popup3 p, .popup4 p, .popup5 p, .popup6 p, .popup7 p, .popup8 p, .popup9 p, .popup10 p, .popup11 p, .popup12 p, .popup13 p, .popup14 p, .popup15 p, .popup16 p, .popup17 p, .popup18 p, .popup19 p, .popup20 p, .popup21 p, .popup22 p, .popup23 p, .popup24 p, .popup25 p, .popup26 p, .popup27 p, .popup28 p, .popup29 p, .popup30 p, .popup31 p, .popup32 p, .popup33 p, .popup34 p, .popup35 p, .popup36 p, .popup37 p, .popup38 p {
	font-weight: 800;
	font-size: 20px;
	color: black;
}

div.popup1 form, div.popup2 form, div.popup3 form, div.popup4 form, div.popup5 form, div.popup6 form, div.popup7 form, div.popup8 form, div.popup9 form, div.popup10 form, div.popup11 form, div.popup12 form, div.popup13 form, div.popup14 form, div.popup15 form, div.popup16 form, div.popup17 form, div.popup18 form, div.popup19 form, div.popup20 form, div.popup21 form, div.popup22 form, div.popup23 form, div.popup24 form, div.popup25 form, div.popup26 form, div.popup27 form, div.popup28 form, div.popup29 form, div.popup30 form, div.popup31 form, div.popup32 form, div.popup33 form, div.popup34 form, div.popup35 form, div.popup36 form, div.popup37 form, div.popup38 form {
	display: flex;
	flex-direction: column;
	margin-bottom: 20px;
}

div.popup input {
	font-size: 16px;
	padding: 7px;
}
input#PopupName::placeholder, input#PopupTel::placeholder { color: black; font-weight:200; }
input#PopupName, input#PopupTel { 
	padding: 10px 5px;
	margin-bottom: 5px;
	border-radius: 5px;
	outline: none; 
	border: none;
	width: 90%;
	color: black;
	align-self: center;
	background-color: rgba(0,0,0,0.1);
	border: 1px solid #18383e;
}
.PopupSend {
	width: 90%;
	text-align: center;
	text-transform: uppercase;
	background-color: #fcb913;
	box-shadow: 0px 0px 35px #fcb913;
	color: white;
	margin-top: 20px;
	padding: 10px;
	font-size: 16px;
	font-weight: 600;
	margin: 0 auto;
	border-radius: 10px;
}
.rules__info {
    display: flex;
    justify-content: center;
    column-gap: 0.5rem;
    font-size: 0.85rem;
}
.rules__info a {
    text-decoration: underline;
}
form img {
    width: 50%;
    margin: 0 auto;
}
form span {
    text-align: center;
    font-size: 0.85rem;
    font-weight: 400;
}
/* Popup end */

footer {
	background-color: rgba(0,0,0,0.7)
}

div.Footer {
	margin-top: 50px;
	padding: 40px 0px;
	display: flex;
	color: white;
	justify-content: space-between;
}

div.Footer img {
	width: 150px;
	height: 150px;
}

div.Footer .logo_text {
	color: white;
}


div.FooterInfo {
	padding: 0px 30px;
}

div.Content p {
	font-size: 14px;
}

div.OrderInfo {
    background-color: rgba(255,255,255,0.2);
    color: white;
    margin: 0 auto;
    text-align: center;
    max-width: 700px;
    margin-top: 30px;
    border-radius: 15px;
    border: 1px solid rgba(255,255,255,0.5);
}

.under_button {
    color: rgba(0,0,0,0.3);
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
    font-size: 12px;
}

/* News */

ul.News {
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

ul.News li {
    background-color: rgba(0,0,0,0.2);
    padding: 0 10px;
    border-radius: 10px;
    font-size: 15px;
    color: #f2d48a;
    margin: 5px 10px 0px 0px;
}

div.New {
    font-size: 16px;
    padding: 15px 20px 20px 20px;
    margin: 20px 0px;
    background-color: rgba(255,255,255,0.1);
    border-radius: 15px;
    border: 1px solid white;
    color: white;
    text-align: center;
}
div.New p { color: white; text-align: center; font-size: 16px;}

div.New strong { color: #fcc739 }

div.New ul { list-style-type: none; font-size: 16px; }
div.New ul span { color: #fcc739; font-weight: 600; }
/* News End */

/* Аккаунты */
div.Account {
	background-color: rgba(255,255,255,0.1);
	border: 1px solid white;
	border-radius: 10px;
	color: white;
	padding: 20px 0px;
	width: 350px;
	margin: 0 20px 20px 20px;
	text-align: center;
}


div.AccSmallImgs {
    margin-top: 7px;
    display: flex;
    justify-content: center;
}
div.AccSmallImgs img {  border: 1px solid rgba(255,255,255,0.3); }
div.AccSmallImgs img:not(:last-of-type) {
    margin-right: 7px;
}

div.AccDesc {
    overflow-y: scroll;
    height: 230px;
    background-color: rgba(255,255,255,0.1);
    padding: 10px;
    color: rgba(255,255,255,0.7);
    border-top: 1px solid rgba(255,255,255,0.5);
    border-bottom: 1px solid rgba(255,255,255,0.5);
    position: relative;
}


span.AccTitle {
    color: #23ead2;
    font-size: 18px;
    font-weight:500;
}


/* */

div.PhotoViewer-bg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgb(0,0,0,0.8);
    display: none;
}

div.PhotoViewer {
}

div.PhotoViewer img {
    max-width: 60%;
    display: block;
    margin-bottom: 30px;
    position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
   
}

.photoviewerclose {
    color: white;
    font-size: 60px;
    position: absolute;
    right: 30px;
    top: 30px;
    cursor: pointer;
}
div.Account img { border-radius: 15px; }
div.Account img:hover {
    cursor: pointer;
    opacity: 0.5;
}

ul.Menu {
    margin-top: 25px;
    list-style-type: none;
    color: white;
    display: flex;
    flex-wrap: wrap;
    align-self: center;
}

ul.Menu a { color: white; font-weight: 600; }
ul.Menu a:nth-child(2) { color: #fcc739; }
ul.Menu a:last-child { text-decoration: 1px dashed underline; }

ul.Menu li:first-child {
    margin-right: 15px;
}



/* Магазин аккаунтов */

form.sell-account { max-width: 700px; margin: 0 auto;}
form.sell-account input { padding: 6px 10px; border-radius: 15px; border: 1px solid rgba(255,255,255,0.3); width: 90%; display: block; margin: 0 auto; margin-bottom: 15px; }
form.sell-account textarea { resize: none; padding: 6px 10px; border-radius: 15px; border: 1px solid rgba(255,255,255,0.3); width: 90%; display: block; margin: 0 auto; margin-bottom: 15px; height: 200px;}
form.sell-account button { margin: 0 auto; display: block; background-color: #fcc739; color: #6a3b08; outline: none; border: none; padding: 10px 20px; font-weight: 600; text-transform: uppercase; border-radius: 15px; cursor: pointer;}
.ProductBuy:hover { box-shadow: 0px 0px 20px #fcb913; }
/* Конец магазина аккаунтов */

/* Отзывы */
div.review { width: 70%; margin: 10px auto; background-color: rgba(0,0,0,0.3); border-radius: 15px; padding: 10px;}
div.review span:first-child { color: #fcc739; font-weight: 600; font-size: 18px; }
div.review span:nth-child(2) { color: rgba(255,255,255,0.5); }
div.review span:last-child { color: white; }
div.rating i { color: rgba(255,255,255,0.5); }
div.Reviews { max-height: 1000px; overflow-y: scroll; margin-top: 20px; border: 1px solid rgba(255,255,255,0.2); background-color: rgba(0,0,0,0.05); border-radius: 20px;}
/* Конец отзывов */

/* Онлайн */
div.online span::after {content: 'Сейчас онлайн:';}
div.online {color: #6a3b08; position: fixed; bottom: 20px; left: 15px; background-color: #fcc739; padding: 5px 10px; border-radius: 15px;}

/* Конец онлайна */

/* Магазин аккаунтов */
div.Accounts { display: grid; grid-template-columns: 50% 50%; justify-content: center; align-content: center; align-self: center;}
div.Account { background-color: rgba(255,255,255,0.1); width: 90%;}
div.Account img { border: 2px dashed rgba(255,255,255,0.5); }
div.Account img:first-of-type{ width: 90%; }
div.Account div.sml-imgs img:first-of-type { width: 20%; }
div.sml-imgs img { width: 20%; }
div.AccountDescription span { color: #fcc739; padding: 0px 5px;  }
div.AccountDescription u { color: rgba(255,255,255,0.7); }
div.AccountDescription { padding: 0px 10px; }
span.AccountTitle { color: #fcc739; font-weight: 600; font-size: 20px;}
/* Конец магазина аккаунтов */

/* Страница узнать контакты */
div.get-info p { background-color: rgba(0,0,0,0.3); padding: 5px 10px; font-size: 16px;}
div.get-info strong { color: #fcc739; }
a.pay-comission { font-size: 12px; display: inline-block; background-color: #fcc739; color: #6a3b08; outline: none; border: none; padding: 0px 14px; font-weight: 600; text-transform: uppercase; border-radius: 15px; cursor: pointer;}
.blur { filter: blur(3px); user-select: none; }
div.get-account { margin: 0 auto;max-width: 50%; color: white; text-align: center; background-color: rgba(0,0,0,0.3); padding: 10px;}
/* Конец узнать контакты */

/* Таблицы */
.table-wide { margin: 0 auto; display: block; overflow-x: scroll; max-width: 90%; }
.New table tr, .New table td { border: 1px solid rgba(255,255,255,0.3); max-width: 90%;}
.New table th { color: #fcc739; border: 1px solid rgba(255,255,255,0.3); padding: 0px 10px; }
/* Конец таблиц */

[class*=__popupbox] {
    z-index: 10000;
    top: 30%;
    left: 50%;
    transform: translate(-50%,30%);
    position: fixed;
    display: flex;
    flex-direction: column;
    row-gap: 2rem;
    background-color: var(--first-color);
    box-shadow: 0 0 35px var(--third-color);
    padding: 2rem 3rem;
    border-radius: 1rem;
    display: none;
    -webkit-animation: popup 0.1s ease-in;
    animation: popup 0.1s ease-in;
}