*{box-sizing:border-box;}
body{margin:0px; padding:0; font-size:0px; font-family: 'Tahoma'; color:#949494;  background: #000000 url(../images/bg000000.gif); background-attachment:fixed; color:#fff;}
input, textarea{outline:none; font-family: 'Tahoma'; }
textarea, input, button,select{font-family: 'Tahoma'; font-size:16px; outline:none;}

nav, header, main, footer, section{width:100%; position:relative;}


button{cursor:pointer}
img{max-width:100%;}
a{color: #717171;}
a:hover{color:#c3c3c3;}
.wrap{margin: 0 auto; font-size:16px; text-align:left; width:952px;}
#page{ padding:0 0 0 0; position:relative; color:#fff; float:left; width:100%;}

a.logo{display:block; width:952px; height:131px; background:url(../images/logotip.jpg);}
.crumbs{background:#000; color:#909090; font-size:12px; padding:10px 20px 12px 20px;}
.crumbs a{color:#669900;text-decoration:none;}
.crumbs a:hover{color:#88CC00;text-decoration:underline;}

main{background:rgba(0,0,0,1); float:left; box-sizing:border-box;display:block;  width:100%; min-height:600px; font-size: 14px;}

main .content{font-size:12px; padding:0; background:#252525;}
main .content>div{padding:20px;}
article .content h2{background:#393939;margin:0; font-size:14px; padding:10px 20px;}

article .content a{color:#669900;}
article .content a:hover{color:#88CC00;}

.setext {margin-left:5px; padding: 0 0 8px 0; border: 0px; width:258px; font-size:8pt;}
.text-cont {padding-left: 15px; padding-top: 1px; padding-bottom: 1px;}

aside{float:left;box-sizing:border-box;width:265px;  padding:5px 0 5px 5px;   color: #949494;font-size: 14px;}
aside h2{display:block; padding:20px 20px; background:#222; color:949494; font-size:14px; margin:0 0 5px 0; width:100%;}

aside p.caption{display:block; padding:7px 20px; background:#393939; color:949494; font-weight:bold; font-size:14px; margin:0 0 0 0; width:100%;}

aside ul.menu{display:block; padding:0px; background:#222; color:949494; font-size:14px; margin:5px 0 0 0; list-style:none; width:100%;}

aside ul.menu li{display:block; border-bottom: 1px solid #303030; }
aside ul.menu li a{color:#999999; font-size:12px; transition:0.3s; display:block; padding: 7px 20px 7px 40px; text-decoration:none;}
aside ul.menu li a:hover{background:#303030;}

aside .popular{display:block; padding:0 0 10px 0; background:#222; color:949494;margin:5px 0 0 0;}
aside .popular .caption{background:#393939; font-weight:bold; margin:0 0 10px 0; font-size:14px; padding:7px 20px;}

aside .txt{display:block; padding:0px; background:#222; color:949494;    margin-bottom: 5px;}
aside .txt .caption{background:#393939; font-weight:bold; margin:0; font-size:14px; padding:7px 20px;}
aside .txt > div{color:#909090; font-size:12px;margin:0; padding:10px 20px; display:block; }

.main_txt{display:block; padding:0px; background:#222; color:949494;margin:5px 0 0 0;}
.main_txt h3{background:#393939; font-weight:bold; margin:0; font-size:14px; padding:7px 20px;}
.main_txt div{color:#909090; font-size:11px;margin:0; padding:10px 20px; display:block; }
.reset.loginbox {padding-left: 90px;}
.loginava { position: absolute;left: 20px;}
.loginava img {width: 80px; height:80px;}
ul.reset.loginenter li {margin-bottom: 3px;}


aside .slogan{font-size:11px; padding:0 20px 10px 20px;    margin-bottom: 5px;}
aside .slogan ul{padding-left:30px;}
aside .slogan h3{margin-top:0;}
aside .slogan li {list-style: disc;}

article{float:right; box-sizing:border-box; vertical-align:top; width:685px; padding:5px 5px 5px 5px; color: #909090;}
article .br .caption{background:#303030; color:#717171; padding:3px 4px 4px 5px; font-size:12px;}
article .br{background:#252525; margin-bottom:5px; padding-top:0px;}
article .br{display:block; }
article .br .inner{padding:20px 0; }
article .item{display:inline-block; background:#252525; vertical-align:top; width:50%; margin:0px 0 5px 0;}
article .item:nth-child(even){border-left:1px #000 solid;}
article .item .img{padding:20px 10px; text-align:center;}
article .item h3{background:#393939; font-size:14px;padding:7px 5px 7px 5px; display:block; margin:0;}
article .item h3 span{display:block;white-space:nowrap;overflow:hidden;}
article .item h3 a{color:#999; }
article .item a:hover{color:#ccc;}
article .bar{padding:7px 5px 7px 15px; color:#717171; background:#303030; font-size:11px; }
article .bar span{display:inline-block; margin:0 2px;}
article .article .bar{padding:20px; text-align:right;}
.player {margin-bottom:30px;}
.video-responsive {padding-top: 60%; position: relative;}
.video-responsive > iframe, .video-responsive > video {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}


article .pager{display:block; margin:5px 0; }

article .pager span,article .pager a{display:inline-block; transition:0.3s; min-width:24px; height:24px; text-align:center; text-decoration:none; background:#393939; vertical-align:top; font-size:12px; padding:5px; margin:1px;color:#909090;}
article .pager span{background:#669900; color:#fff;}
article .pager a:hover{background:#252525;}
article .article{background:#252525; margin-top:5px;}
article .article h1{background:#393939;  margin:0; font-size:14px; padding:10px 20px;}
article .article .inner{padding:17.5px; }
article .article .img{padding:5px; text-align:center;}

article .article .url{font-size:12px; padding:20px;}
article .article .url span{display:block; padding:5px; border:1px #fff solid;}

article .related{background: #222; margin-top:5px;}
article .related h3{background: #393939; font-weight: bold; margin: 0;font-size: 14px; padding: 7px 20px;}
article .related>div{color: #909090;font-size: 11px;margin: 0;padding: 10px 20px;display: block;} 

.rel-news {display: inline-block; width: 50%;position: relative;vertical-align: top;}
.rel-img { float: left;}
.rel-img img { width: 110px;height:95px; border: 1px solid #505050; padding: 5px;}
.rel-title {padding: 0 10px 0px 120px; font-weight: bold;}

.img-box {overflow: hidden; position: relative;padding-top: 75%;}
.img-box img {width: 100%; min-height: 100%; display: block; position: absolute; left: 0; top: 0;}

article .reviews{background:#000; margin-top:5px; font-size:12px; color:#909090;}
article .reviews h3{background:#393939;  margin:0; font-size:14px; padding:10px 20px;}


/* COMMENTS
----------------------------------------------- */
.page__comments {margin: 0;}
.page__comments-title {font-size: 22px; font-weight: 500; margin-bottom: 20px;}
.page__comments-info {font-size: 14px; margin-bottom: 15px; margin-top: -15px; 
	color: var(--tt-3); line-height: 1.5;}
.page__comments-info .fal {color: #eb4d4b; margin-right: 6px;}
.page__comments-list {padding: 0;}
.page__comments-list--not-comments {padding: 0; border: 0;}
.add-comments-form.form {padding: 0; margin-bottom: 20px;}
.add-comments-form .form__input, .add-comments-form__input, .add-comments-form .form__textarea-inside textarea, 
.mass_comments_action select {box-shadow: inset 0 0 0 1px #111; border-radius: 0;}
.add-comments-form__input {margin-left: 20px;}
.add-comments-form .d-none, .comments_subscribe + br {display: none;}
.mass_comments_action {display: flex; align-items: center; max-width: 800px; white-space: nowrap; margin-bottom: 20px;}
.mass_comments_action select {flex: 1 1 0; margin: 0 -8px 0 20px;}
.mass_comments_action .bbcodes {border-radius: 0; padding: 0 10px;}

.comment{background:#252525; min-height:90px; padding:5px 20px 15px 100px; position:relative;  margin-bottom:5px;}
.comment .text-com{border:1px #444 solid; display:block;  background:#151515; padding:5px 10px; margin: 5px 0;}
.replys {text-align: right;}

.comment p{ display: inline;}
.comment .avatar{position:absolute; left:10px; top:10px; width:70px; height:70px; background:#000;}

article .itemMin{display:inline-block; background:#252525; height:100px; vertical-align:top; width:49.5%; margin:10px 0 0 0;}
article .itemMin:nth-child(even){margin-left:1%;}
article .itemMin .img{padding:20px; padding:5px; width:112px; margin-right:10px; float:left;border:1px solid #505050;}
article .itemMin img{width:100%; display:block; }
article .itemMin a span{font-size:12px; font-weight:bold;}

aside .inner{padding:0 15px;}
aside .itemMin{display:block; height:100px; vertical-align:top; padding:5px 0; border-bottom:1px dotted #2f2f2f;width:100%; margin:0px 0 0px 0;}
aside .itemMin .img{padding:20px; padding:5px; width:120px; margin-right:10px; float:left;}
aside .itemMin img{width:100%; display:block; }
aside .itemMin a span{font-size:12px; font-weight:bold;}

footer{ padding:0px 10px 10px 10px; color:#717171; float:left; width:100%; font-size:12px; min-height:50px; background:rgb(48,48,48); margin-top:0px;}

footer .counter{position:absolute; right:10px; top:50%; margin-top:-15px;}
.form-line.nuclear{display:block; text-align:center; padding:0 60px;}
.form-line.nuclear input, .form-line.nuclear select{height:40px; padding:5px 20px; width:100%; color:#fff; background:#1c1c1c; border:1px #969696 solid;  font-size:14px; margin-bottom:10px;}

.form-line.nuclear textarea{height:120px; padding:5px 20px; width:100%; color:#fff; background:#1c1c1c; border:1px #969696 solid;  font-size:14px; margin-bottom:10px;}


.form-line.nuclear button{background:#393939; transition:0.3s;border:none; display:inline-block; vertical-align:top; padding:10px 30px; font-size:16px; color:#fff;}
.form-line.nuclear button:hover{background:#669900;}

button.mobMenu {display:none;}
.article.vid {margin-top:262px;}

article{position:relative;}
article .fs{position:absolute; left:0px; top:0px; width:100%; padding:5px;}

@media (max-width: 965px)
{
article .bar{padding:7px 5px 7px 15px; color:#717171; background:#303030; font-size:12px;}
main .content{font-size:12px; padding:0; margin-top:5px; background:#252525;}
.article.vid{margin-top:5px;}
article .fs{position:relative; left:0; top:0; padding:0;}
article .br .inner{padding:15px 0;}
.wrap #player *{max-width:9999999px !important;}
.player{width: 100% !important;}
.crumbs{background:#000; color:#909090; font-size:12px; padding:10px 20px 5px 20px; }
.noMobile{display:none !important;}
.wrap{width:100%;min-width:250px; max-width:900px; }
aside{position:fixed; z-index:20; left:0; top:0; width:0; height:0; padding:0;}
aside>*{display:none !important;}
main{width:100%;}

article{width:100%;padding:0 0px 25px 0px;float:none;display:block;}
article .item h3{height:auto;padding:10px 7px 10px 5px;}
article .item h3 span{}
article .item h3 a{color:#999;text-decoration:none;}
article .item .img{padding:15px 0;}
article .pager{display:block; margin:5px 0; text-align:center;}


#page{padding-top:0px;}
.mobnavs{position:fixed; z-index:60; left:0; top:0; width:100%; height:35px; background:rgba(34,34,34,0.7); box-shadow:0 0 5px rgba(0,0,0,0.9);}
.wrap *{max-width:100%;}


button.mobMenu{transition:0.5s; z-index:50; font-size:14px; font-weight:bold;display:block;position:absolute; top:10px; left:10px; outline:none; color:#cacaca; padding:0; z-index:100;  background:none; border:none; }
button.mobMenu#mobMenu2{left:auto; right:10px; text-align:left;}
button.mobMenu#mobMenu2 span{margin-right:0; margin-left:10px;}
button.mobMenu span{ transition:0.1s; display:inline-block; vertical-align:middle; position:relative; width:22px; height:3px; background:#cacaca; bottom:-3px;margin-right:10px;}
button.mobMenu span:after{transition:1s; content:"";width:22px; height:3px; background:#cacaca; position:absolute; left:0; top:-6px;}
button.mobMenu span:before{transition:1s; content:"";  width:22px; height:3px; background:#cacaca; position:absolute; left:0; top:-12px;}

.open button#mobMenu{color:#999;}
.open button#mobMenu span{background:none;}
.open button#mobMenu span:after{transform:rotate(-45deg);background:#999;}
.open button#mobMenu span:before{transform:rotate(45deg); top:-6px;background:#999;}

.open2 button#mobMenu2{color:#999;} 
.open2 button#mobMenu2 span{background:none;}
.open2 button#mobMenu2 span:after{transform:rotate(-45deg);background:#999;}
.open2 button#mobMenu2 span:before{transform:rotate(45deg); top:-6px;background:#999;}

aside ul.menu{display:block !important; overflow-y:auto; transition:0.5s; left:-300px; padding-top:40px; padding-bottom:5px; background:#222; margin-top:0; position:fixed; top:0; max-height:100%; width:260px; max-width:260px; }
aside ul.menu li:last-child{border-bottom:0px #fff solid;}
aside .popular{display:block !important; margin:0; overflow-y:auto; transition:0.5s; right:-300px; padding-top:40px; padding-bottom:10px; background:#222; position:fixed; top:0; height:100%; width:260px; max-width:260px; }

.open aside ul.menu{left:0;}
.open2 aside .popular{right:0;}

article .related>div{margin-top:0px;} 
article .br{margin-bottom:5px;margin-top:5px;}

.pager{font-size:0;}
article .pager span, article .pager a{margin:10px 0px 10px 1px;}
article .pager span, article .pager a{padding:10px 20px; font-size:13px; font-weight:bold;height:auto;}

article .related>h3{padding-left:20px; margin:5px 0 0 0;}
article .item{margin:5px 0 0 0;}
article .article{margin-top:5px}
article .item{ width:50%; }
}

@media (max-width: 605px)
{
body{background:#000;}
button.mobMenu{top:12px;}
article .itemMin{display:inline-block; background:#252525; height:100px; vertical-align:top; width:80%; margin:10px 0 0px 20px;}
article .itemMin:nth-child(even){margin-left:20px;}
article .itemMin .img{padding:20px; padding:5px; width:112px; margin-right:10px; float:left;border:1px solid #505050;}
article .itemMin img{max-width:100%; display:block; }
article .itemMin a span{font-size:12px; font-weight:bold;}

article .item{display:inline-block; background:#252525; vertical-align:top; width:50%; margin:5px 0 5px 0;}
article .item:nth-child(even){margin-left:0%;}
article .item .img img{width:100%;max-width:100%;max-height:500px;}
article .item .img{padding:0;}
article .item h3{height:auto;display:block;white-space:nowrap;overflow:hidden;}
article .item h3 a{color:#999;text-decoration:none;}
article .related>h3{padding-left:15px; margin:5px 0 0 0;}
article .article h1{background:#393939;  margin:0;padding:10px 13px;}
footer{padding-right:50px;}

article .bar{padding:7px 7px 7px 9px; color:#717171; background:#303030;}
article .bar>div{white-space:nowrap; display:block; overflow:hidden;}
article .article .bar{padding:15px 15px; text-align:left;}
article .bar span{margin:0 3px;}
article .article .url{padding-top:0; }
article .article .inner{padding:0;background:#000;}
.rel-news {width: 100%;}
}

@media (max-width: 360px)
{
article .item{display:inline-block; background:#252525; vertical-align:top; width:100%; margin:5px 0 5px 0;}
article .item .img{padding:0;}
.form-line.nuclear{display:block; text-align:center; padding:0 0px;}
}


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

body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #222;
  position: relative;
  min-height: 100vh;
  background-color: #b3e6f4;
}

.modal {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.4rem;
  width: 450px;
  padding: 1.3rem;
  min-height: 250px;
  position: absolute;
  z-index: 2;
  top: 20%;
  background-color: white;
  border: 1px solid #ddd;
  border-radius: 15px;
}

.modal .flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.modal input {
  padding: 0.7rem 1rem;
  border: 1px solid #ddd;
  border-radius: 5px;
  font-size: 0.9em;
}

.modal p {
  font-size: 0.9rem;
  color: #777;
  margin: 0.4rem 0 0.2rem;
}

button {
  cursor: pointer;
  border: none;
  font-weight: 600;
}

.btn {
  display: inline-block;
  padding: 0.8rem 1.4rem;
  font-weight: 700;
  background-color: black;
  color: white;
  border-radius: 5px;
  text-align: center;
  font-size: 1em;
}

.btn-open {
  position: absolute;
  bottom: 150px;
}

.btn-close {
  transform: translate(10px, -20px);
  padding: 0.5rem 0.7rem;
  background: #eee;
  border-radius: 50%;
}

.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(3px);
  z-index: 1;
}

.hidden {
  display: none;
}