html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; font-size: 100%; font: inherit; vertical-align: baseline } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block } body { line-height: 1 } ol, ul { list-style: none } blockquote, q { quotes: none } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none } table { border-collapse: collapse; border-spacing: 0 }

.montserrat-<uniquifier> {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

html { height: 100%; min-height: 100%; }
body { min-height: 100%; background-color: #0C0C0C;}
html, html a { -webkit-font-smoothing: antialiased; }

body, select, input, textarea, button {
	font-family: 'Montserrat';
	line-height: 1.2;
	color: #fff;
	outline: none;
}
	a { 
		outline: none;
		color: #3394e6;
		text-decoration: none;
	}
	a:hover { text-decoration: underline; }
	.meta a, .speedbar a, .tag_list a, .vote_more a, .story_tools .category a { color: #0c5f7e; }

	a img { border: 0 none; }
	a > img { vertical-align: bottom; }

h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4,.h5 {
	margin: 0 0 .7rem 0;
	line-height: normal;
	font-weight: bold;
	text-rendering: optimizeLegibility;
}

h1, .h1 { font-size: 22px; }
h2, .h2 { font-size: 20px; }
h3, .h3 { font-size: 18px; }
h4, .h4 { font-size: 16px; }
h5, .h5 { font-size: 14px; }
h6, .h6 { font-size: 12px; }

/*error page*/
.error-block {display: flex; max-width: 1200px; margin: 0 auto; flex-flow: column wrap; justify-content: center; padding: 0 35px;}
.error-title {font-size: 20px; color: #ff0e32; font-weight: 600; text-transform: uppercase; text-align: center;}
.error-text {margin: 35px 0; background: #202020; font-size: 14px; padding: 35px; border-radius: 15px;}

/*main page*/
.body {display: flex; flex-direction: column; margin: 0; background: url(../images/main-bg.jpg) no-repeat top center;}
.main-block {max-width: 1280px; margin: 15px auto; display: flex;}
.logo {display: flex; width: 100%; flex-flow: column wrap; justify-content: center; margin: 35px 0; color: #fff; text-decoration: none; padding: 0 35px;}
.logo:hover {text-decoration: none;}
.logo img {width: 100%;}
.logo p {text-align: center;}

/*footer*/
.footer {display: flex; max-width: 1280px; margin: 0 auto; padding: 15px 0 35px 0; flex-flow: row nowrap; justify-content: center;}
.footer-block {display: flex; flex-flow: row nowrap; justify-content: space-between;}
.footer-block a {display: block; margin: 0 15px 0 0; padding: 15px 30px; font-size: 14px; text-align: center; color: #fff; line-height: 10px; background-color: rgba(0, 0, 0, 0.7); border-radius: 5px;}
.footer-block a:hover {text-decoration: none; background-color: #ff0e32b3;}

/*авторизация на главной*/
.main-aut-block {display: flex; flex-flow: column wrap; height: 100%; margin: 35px 0 75px 0;}
.login-main-body {max-width: 520px; margin: 0 auto; padding: 35px; background-color: rgba(0, 0, 0, 0.7); border-radius: 15px;}
.login-main-body h2 {width: 100%; text-align: center;}
.main-login-label {margin: 5px 0;}
.main-login-label input {color: #0C0C0C; line-height: 26px; margin: 10px 0;}
.main-login-label label {font-size: 14px; font-weight: 300;}
.main-login-button-block {display: flex; flex-flow: row nowrap; justify-content: space-between; margin-top: 15px;}
.main-login-button-block a {display: block; line-height: 35px; text-align: right; font-size: 12px; color: rgb(138, 138, 138);}
#loginpane {min-width: 260px;}

/*login-panel*/
/*--------------------Меню--------------------*/
.header__menu {
	max-width: 1280px;
	margin: 0 auto;
}
	.menu__icon {
	  display: block;
	  width: 30px;
	  height: 18px;
	  position: relative;
	  z-index: 5;
	  cursor: pointer;
	}
	.menu__icon span {
	  position: absolute;
	  top: calc(50% - 1px);
	  left: 0;
	  width: 100%;
	  height: 2px;
	  background-color: #fff;
	  -webkit-transition: all 0.2s;
	  transition: all 0.2s;
	}
	.menu__icon span:first-child {
	  top: 0;
	}
	.menu__icon span:last-child {
	  top: auto;
	  bottom: 0;
	}
	.menu__icon.active span {
	  -webkit-transform: scale(0);
			  transform: scale(0);
	}
	.menu__icon.active span:first-child {
	  -webkit-transform: rotate(-45deg);
			  transform: rotate(-45deg);
	  top: calc(50% - 1px);
	}
	.menu__icon.active span:last-child {
	  -webkit-transform: rotate(45deg);
			  transform: rotate(45deg);
	  bottom: calc(50% - 1px);
	}
  
 	.menu__body {
	  position: absolute;
	  top: 0;
	  right: -100%;
	  height: 100vh;
	  width: 100%;
	  background-color: rgba(0, 0, 0, 0.8);
	  -webkit-transition: all 0.2s;
	  transition: all 0.2s;
	}
  
  .menu__body.active {
	right: 0;
  }
  
  .menu__list {
	list-style-type: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 30px;
  }

	.menu__list {
	  -webkit-box-orient: vertical;
	  -webkit-box-direction: normal;
		  -ms-flex-direction: column;
			  flex-direction: column;
	  padding: 30px;
	  gap: 0;
	  height: 100%;
	  width: 320px;
	  background-color: #f15412;
	  overflow: auto;
	}
  
  .menu__link {
	color: #fff;
	text-decoration: none;
  }
  
  .menu__link:hover {
	text-decoration: underline;
  }
  
  @media (max-width: 768px) {
	.menu__link {
	  display: block;
	  font-size: 30px;
	  line-height: 70px;
	}
  }
  
  /*--------------------/Меню--------------------*/

/*main cat*/
.cat-block {max-width: 1280px; margin: 15px auto; display: flex; flex-flow: row wrap; justify-content: center;}
.main-cat-block {display: flex; justify-content: space-between; flex-flow: column wrap; width: 250px; height: 250px; margin: 15px; border-radius: 15px; text-decoration: none; color: #fff; font-size: 13px;}
.main-cat-block:hover {text-decoration: none;}
.main-cat-block span {display: block; height: 37px; line-height: 20px; font-size: 16px; padding: 13px;}
.main-cat-block p, .bank_item_text_block a {display: block; width: 150px; height: 40px; margin: 0 auto; text-align: center; line-height: 40px; background-color: rgba(255, 14, 50, 0.7); border-radius: 5px;}
.main-cat-block p:hover, .bank_item_text_block a:hover {background-color: rgba(0, 0, 0, 0.7);}
.tr-numb {display: block; height: 25px; font-size: 12px; padding: 4px 10px 10px 45px; background: url(../images/online-video-icon.png) no-repeat 10px 0px;}
.tr1 {background: url(../images/tr-bg/tr1-bg.jpg) no-repeat center center;}
.tr2 {background: url(../images/tr-bg/tr2-bg.jpg) no-repeat center center;}
.tr3 {background: url(../images/tr-bg/tr3-bg.jpg) no-repeat center center;}
.tr4 {background: url(../images/tr-bg/tr5-bg.jpg) no-repeat center center;}
.tr5 {background: url(../images/tr-bg/tr4-bg.jpg) no-repeat center center;}
.tr6 {background: url(../images/tr-bg/tr6-bg.jpg) no-repeat center center;}
.tr7 {background: url(../images/tr-bg/tr7-bg.jpg) no-repeat center center;}
.tr8 {background: url(../images/tr-bg/tr8-bg.jpg) no-repeat center center;}
.tr9 {background: url(../images/tr-bg/tr9-bg.jpg) no-repeat center center;}
.tr10 {background: url(../images/tr-bg/tr10-bg.jpg) no-repeat center center;}
.tr11 {background: url(../images/tr-bg/tr11-bg.jpg) no-repeat center center;}
.tr12 {background: url(../images/tr-bg/tr12-bg.jpg) no-repeat center center;}
.tr13 {background: url(../images/tr-bg/tr13-bg.jpg) no-repeat center center;}
.tr14 {background: url(../images/tr-bg/tr14-bg.jpg) no-repeat center center;}
.tr15 {background: url(../images/tr-bg/tr15-bg.jpg) no-repeat center center;}

.tr16 {background: url(../images/tr-bg/tr16-bg.jpg) no-repeat center center;}
.tr17 {background: url(../images/tr-bg/tr17-bg.jpg) no-repeat center center;}
.tr18 {background: url(../images/tr-bg/tr18-bg.jpg) no-repeat center center;}
.tr19 {background: url(../images/tr-bg/tr19-bg.jpg) no-repeat center center;}
.tr20 {background: url(../images/tr-bg/tr20-bg.jpg) no-repeat center center;}
.tr21 {background: url(../images/tr-bg/tr21-bg.jpg) no-repeat center center;}
.mdz  {background: url(../images/tr-bg/mdz.jpg) no-repeat center center;}
.mscen {background: url(../images/tr-bg/mscen.jpg) no-repeat center center;}
.mprez {background: url(../images/tr-bg/mprez.jpg) no-repeat center center;}
.mgame {background: url(../images/tr-bg/mgame.jpg) no-repeat center center;}
.mprof {background: url(../images/tr-bg/mprof.jpg) no-repeat center center;}
.mneiro {background: url(../images/tr-bg/mneiro.jpg) no-repeat center center;}
.mbonus {background: url(../images/tr-bg/mbonus.jpg) no-repeat center center;}

/*короткая в категории*/
.short-block {max-width: 1280px; margin: 0 auto; background: #0C0C0C; border-radius: 35px; display: flex; flex-flow: column wrap; padding: 35px 0 0 0;}
.short-block a, .short-block a:hover {text-decoration: none;}
.short-link {display: flex; position: relative; overflow: hidden; background: #202020; border-radius: 15px; padding: 35px; margin: 0 35px 35px 35px;}
.short-edit {position: absolute; top: 35px; right: 35px; color: #fff; font-size: 35px; font-weight: 900;}
.short-info-body {display: flex; flex-flow: column wrap; color: #fff;}
.short-info-block {display: flex; flex-flow: row nowrap;}
.short-info-block span {display: block; margin: 0 15px 0 0; font-size: 14px;}
.info-dz {display: inline-block; line-height: 18px; background: #ff0e32; padding: 5px 15px; color: #fff; border-radius: 5px;}

/*полная видео*/
.full-body {max-width: 1280px; margin: 0 auto; background: #0C0C0C; border-radius: 15px; display: flex; flex-flow: column wrap; padding: 35px 0; justify-content: center;}
.full-body h1 {text-align: center;}
.full-info-block {display: flex; flex-flow: row nowrap; color: #fff; justify-content: center;}
.info-ticher, .info-time {display: flex; flex-flow: row nowrap; margin: 15px;}
.info-ticher p, .info-time p {color: #fff; display: inline-block; margin-left: 5px;}
.player-body, .zad-body, .full-file-body {width: 100%; max-width: 700px; margin: 20px auto; display: flex; justify-content: center;}
.full-player {width: 100%; padding-top: 56.25%; position: relative; background: url(../images/player-bg.jpg) no-repeat top center; border-radius: 15px; cursor: pointer; background-size:102%; }
.full-player iframe, .full-player-screen iframe {position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%;}
.zad-block, .full-file-block, .timing-block {width: 100%; padding: 35px; border-radius: 15px; background: #161616; font-size: 14px; -moz-box-sizing: border-box; box-sizing: border-box;}
.zad-block h2, .full-file-block h2, .timing-block h2 {font-size: 20px; font-weight: 300; color: #ff0e32;}
.zad-block b, .timing-block b {font-weight: 600;}
.full-file-block {display: flex; flex-flow: column wrap; justify-content: baseline; background: #161616;}
.full-file-url-block {display: flex; flex-flow: row wrap; justify-content: baseline;}
.full-file-block a{display: block; max-width: 100%; margin: 0 10px 10px 0; padding: 10px 15px 10px 43px; border-radius: 5px; font-size: 14px; color: #fff; background: #202020 url(../images/icon-down.png) no-repeat 15px center; background-size: 18px;}
.player-screen-body {width: 100%; max-width: 700px; margin: 20px auto; display: flex; flex-flow: column wrap; justify-content: center;}
.full-player-screen {width: 100%; padding-top: 56.25%; position: relative;}
.player-screen-body h2 {font-size: 20px; font-weight: 300; color: #ff0e32; text-align: center;}

.speedbar {max-width: 1280px; margin: 0 auto; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px; font-size: 14px; color: #fff; font-family: "Montserrat", sans-serif;}
.speedbar a {font-size: 14px; color: #fff; text-decoration: underline; font-family: "Montserrat", sans-serif;}

/*Банк файлов*/
.bank_body {width: 100%;}
.bank_block {max-width: 1200px; margin: 15px auto; display: flex; flex-flow: column nowrap; justify-content: center; padding: 20px; -moz-box-sizing: border-box; box-sizing: border-box;}
.bank_body h1, .bank_body h2, .bank_item_text_block h3 {display: block; width: 100%; text-align: left; color: #ff0e32; font-size: 34px; font-weight: 700; margin: 35px 0 0 0;}
.bank_body h2 {color: #fff; font-size: 26px; font-weight: 600; margin: 20px 0 15px 0;}
.bank_item_body {display: flex; flex-flow: row nowrap; width: 100%; padding: 15px; align-content: flex-start; align-items: flex-start; -moz-box-sizing: border-box; box-sizing: border-box; background: #212121; border-radius: 25px; margin-bottom: 15px;}
.bank_item_img {display: block; width: 320px; border-radius: 15px; margin-right: 25px;}
.bank_item_text_block {flex-flow: column wrap; align-content: flex-start; align-items: flex-start;}
.bank_item_text_block h3 {font-size: 20px; font-weight: 600; margin: 15px 0; color: #fff;}
.bank_item_text_block span {display: block; font-size: 20px; font-weight: 300;}
.bank_item_text_block a {margin: 15px 0; color: #fff; text-decoration: none; padding: 0 25px;}