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;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	background:#000;
	color:#fff;
	font-family: roboto, "Droid Sans", sans-serif;
}
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;
}
a{text-decoration:none;color:rgb(251, 202, 39);}
::-webkit-input-placeholder {color:#777;font-size:14px;}
::-moz-placeholder          {color:#777;font-size:14px;}/* Firefox 19+ */
:-moz-placeholder           {color:#777;font-size:14px;}/* Firefox 18- */
:-ms-input-placeholder      {color:#777;font-size:14px;}

.zaplatka{height:50px;}

.top_line_bg{width:100%;background:#000;position:fixed;top:0;left:0;right:0;z-index:999;}
.top_menu_line{width:100%;max-width:1320px;margin:0 auto;display:flex;justify-content:space-between;position:relative;z-index:999;}
.top_menu_left_area{display:flex;}
.top_menu_right_area{margin:auto 0; display:flex;}

.search_area{justify-content:flex-end;z-index:5;position:fixed;top:-40px;left:0;width:100%;height:70px;background:#333;border-bottom:1px solid rgba(251, 202, 39, 0.3);display:flex;}
.sf{margin:auto 0;}
.sf_field{display:flex;margin:auto 5px;}
.sf_field > div{margin:auto 4px;}
.sf_inp input{padding:6px 7px;outline:none;border-radius:5px;margin-right:8px;width:100%;max-width:400px;border:1px solid rgba(251, 202, 39, 0.5);color:#111;background:rgba(255, 255, 255, 0.8);font-size:13px;}
.sf_btn button{padding:1px 8px;border-radius:5px;background:rgba(251, 202, 39, 1); color:#fff;border:none;cursor:pointer;}

.logo {
  text-shadow:
    1px 1px 0 hsl(20,100%,50%),
    2px 2px 0 hsl(20,100%,50%),
    3px 3px 0 hsl(35,100%,50%),
    4px 4px 0 hsl(35,100%,50%),
    5px 5px 0 hsl(45,100%,50%),
    6px 6px 0 hsl(45,100%,55%),
    7px 7px 0 hsl(55,100%,60%),
    8px 8px 0 hsl(55,100%,65%);
  color: hsl(0,100%,40%);
  transition: all 1s;
    margin:0 auto;
}



.big_menu_top{margin:auto 0;display:flex;}
.big_menu_top a{color:#fff;padding:4px 5px;margin:auto 4px;font-size:18px;cursor:pointer;}
.big_menu_top a:hover{color:rgb(251, 202, 39);}

.mibile_menu_bg{position:fixed;top:40px;left:-102%;width:100%;bottom:0;background:#000;z-index:10;}
.mobile_menu{margin:10px;display:flex;flex-wrap:wrap;overflow-y:auto;}
.mobile_menu > a{padding:5px 7px;color:#fff;font-size:14px;border:1px solid rgb(251, 202, 39);margin:4px;border-radius:5px;text-transform:uppercase;}
.dop_menu{border-top:1px solid #999;padding:10px;display:flex;flex-wrap:wrap;}
.dop_menu > a{background:rgb(251, 202, 39);color:#000;border-radius:5px;padding:5px 8px;margin:5px;}

.search_block svg{color:rgb(251, 202, 39);height:20px;}
.members{border:1px solid rgb(251, 202, 39);color:#fff;}
.members:hover{background:rgb(251, 202, 39);color:#000;}
.joinarea{background:rgb(251, 202, 39);color:#000;border:1px solid rgb(251, 202, 39);}
.joinarea:hover{color:#fff;}

.mibile_burger{width:43px;height:43px;display:flex;flex-direction:column;justify-content:center;}
.mibile_burger span{height:3px;border-radius:2px;background:rgb(251, 202, 39);width:60%;margin:1.8px auto;}

.main_slider{width:100%;}
.main_slider img{max-width:100%;}

.wrapper{width:100%;max-width:1320px;margin:0 auto;}


.short_video_block{margin:25px 0;}
.svb_title{padding:10px;font-family: "Roboto Condensed", "Droid Sans", sans-serif;font-style: italic;color: rgb(212, 212, 212);font-size: 19px;font-weight:700;}
.short_line_videos{display:flex;flex-wrap:wrap;}
.catshort > div{display:flex;flex-wrap:wrap;}
.navigations, .paginate{display:flex;justify-content:center;width:100%;flex-wrap:wrap;}
.short_videos{margin:8px;}
.short_videos:hover{opacity:0.8;}
.short_v_img img{max-width:100%;}
.short_v_title{width:96%;margin:9px auto 5px auto;overflow:hidden;line-height:18px;font-size:16px;height:18px;}
.short_v_title a{color: rgb(251, 202, 39);font-weight:bold;font-family: 'PT Sans Narrow', sans-serif;}
.short_v_info{display:flex;justify-content:space-between;width:96%;margin:10px auto 10px auto;}
.short_v_i_left{font-size:13px;color: rgb(212, 212, 212);font-weight:normal;text-decoration:underline;max-width:55%;height:14px;overflow:hidden;}
.short_v_i_right{display:flex;justify-content:space-between;font-size:13px;}
.short_view_block{display:flex;margin-left:4px;}
.short_view_block span{margin-right:4px;margin-top:auto;margin-bottom:auto;}
.short_v_i_right svg{margin:auto 0;}


.short_cat{margin:10px;display:flex;}
.short_cat:hover{opacity:0.8;}
.short_cat img{max-width:100%;}
.short_cat > a{position:relative;}
.short_cat_title{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,0.55);color:#fff;text-transform:uppercase;padding:7px 9px;font-size:19px;font-family: 'PT Sans Narrow', sans-serif;font-weight:bold;text-shadow:0 1px 1px #000;font-style: italic;}


.paginate{display:flex;flex-wrap:wrap;justify-content:center;padding:20px 0;}
.paginate a{padding:12px 17px;border-radius:5px;color:rgb(251, 202, 39);font-weight:bold;margin:5px;font-size:16px;}
.paginate a:hover{background:rgb(251, 202, 39);color:#000;}
.pag_act{background:rgb(251, 202, 39);color:#000!important;}
.paginate span{padding:12px 17px;border-radius:5px;font-weight:bold;margin:5px;font-size:16px;background:rgb(251, 202, 39);color:#000!important;}

.footer_bg{padding:20px 0;text-align:center;}
.footer{width:100%;max-width:1320px;margin:20px auto 0 auto;}
.footer > div{display:flex;flex-wrap:wrap;margin:15px;}
.footer_link a{padding:6px 8px;margin:5px;border-radius:5px;font-weight:bold;font-size:12px;cursor:pointer;border:1px solid rgb(251, 202, 39);color:#fff;font-size:13px;}
.footer_miglinks a{padding:6px 8px;margin:5px;border-radius:5px;font-weight:bold;font-size:12px;cursor:pointer;background:rgb(251, 202, 39);color:#000;border:1px solid rgb(251, 202, 39);}
.footer_link a:hover{background:rgb(251, 202, 39); color:#000;}
.footer_miglinks a:hover{color:#fff;}

.bottom_bg_img{padding:20px 0;}
.bottom_bg_img img{max-width:100%;}

.footer_text{display:block!important;font-size:12px;color: rgb(212, 212, 212);padding:20px 5px;}
.footer_text > a{color:rgb(251, 202, 39)!important;}

.on_text{padding:10px 5px;color: rgb(212, 212, 212);}
.on_text h1{padding-bottom:10px;font-size:19px;font-weight:bold;}
.text_bg{font-size:13px;line-height:18px;}


.short_line_topcat{display:flex;flex-wrap:wrap;}
.short_topcat{margin:10px;position:relative;}
.short_topcat a{position:relative;display:block;}
.short_topcat img{max-width:100%;}
.topcat_title{width:100%;text-align:center;position:absolute;top:50%;left:0;right:0;margin-top:-10px;font-family: "Roboto Condensed", "Droid Sans", sans-serif;font-style: italic;font-weight:700;color:#fff;}
.top_cat_block_title{padding:15px 5px;text-align:center;font-family: "Roboto Condensed", "Droid Sans", sans-serif;font-style: italic;font-weight:700;}
.top_cat_block_title span{color:rgb(251, 202, 39);}


.video_block_bg{display:flex;margin-top:30px;width:100%;}
.bottom_video_block{padding:20px 4px;}
.bottom_video_block h1{font-size:20px;color:#fff;}



@media only screen and (max-width: 600px){
.top_line_bg{height:43px;}
.top_menu_line{height:43px;}
.grid_line{width:100%;}
.logo{display:flex;max-width:60%;}
.logo a{display:flex;height:43px;}
.logo img{max-width:98%;margin:auto;}
.top_btn{padding:6px 8px;border-radius:5px;font-weight:bold;font-size:12px;cursor:pointer;}
.top_menu_right_area{max-width:165px;display:flex;justify-content:space-between;margin-right:5px;}
.top_menu_right_area > div{margin:auto 0;}
.short_v_img{display:flex;justify-content:center;}
.search_block{width:35px;height:35px;display:flex;margin:auto 8px auto 0;}
.search_block svg{margin:auto;}

.top_cat_block_title{font-size:17px;}
.topcat_title{font-size:20px;}
.short_topcat_grid{width:50%;position:relative;}

.video_block_bg{flex-direction:column-reverse;padding-bottom:5px;}
.left_vb{width:100%;}
.bv_info{padding:20px 0;}
.bv_tags{display:flex;flex-wrap:wrap;}
.bv_tags a{margin:6px;padding:4px;border:1px solid rgb(251, 202, 39);border-radius:4px;}
.bv_stat{display:flex;margin-top:10px;}
.bv_stat > div{margin-left:8px;}
}

@media only screen and (min-width: 601px){
.top_line_bg{height:50px;}
.top_menu_line{height:50px;}
.logo img{max-width:96%;margin:auto 0;max-height:96%;}
.top_btn{padding:9px 12px;border-radius:5px;font-weight:bold;font-size:15px;cursor:pointer;}
.top_menu_right_area > div{margin:auto 8px;cursor:pointer;}
.logo a{display:flex;height:50px;}
.top_menu_left_area{justify-content:flex-start;}

.top_cat_block_title{font-size: 30px;}
.topcat_title{font-size: 2.5rem;}
.short_topcat_grid{width:25%;position:relative;}

.left_vb{max-width:850px;width:100%;}
.bv_info{display:flex;justify-content:space-between;padding:20px 0;max-width:850px;width:100%;}
.bv_tags{display:flex;flex-wrap:wrap;}
.bv_tags a{margin:6px;padding:4px;border:1px solid rgb(251, 202, 39);border-radius:4px;}
.bv_stat{display:flex;}
.bv_stat > div{margin-left:8px;display:flex;}
.bv_stat > div > span{margin:auto 0;}
.bv_stat > div > svg{margin:auto 0 auto 4px;}
}

@media only screen and (min-width: 601px) and (max-width: 1350px){
.grid_line{width:50%;}
}

@media only screen and (min-width: 1351px){
.grid_line{width:25%;}
}