/* latin-ext */
@font-face {
  font-family: 'Bebas Neue';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/bebasneue/v14/JTUSjIg69CK48gW7PXoo9Wdhyzbi.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Bebas Neue';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/bebasneue/v14/JTUSjIg69CK48gW7PXoo9Wlhyw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}






            /* Fancybox border padding */
            .fancybox-skin { padding: 8px!important; }




	/* Всплывающее окно */
	.head_drop {
	
		position: absolute;
		left: 0; top: 0;
	
		display: none;
		background-color: #111111;
		color: #555555;
		box-shadow: 0 0 9px 0 rgba(0,0,0,0.4); -webkit-box-shadow: 0 0 9px 0 rgba(0,0,0,0.4);
		}
		.head_drop a { color: inherit; }
		.head_drop .hd_pad { padding-top:20px; padding-left:25px;
	}
	


	/* Сортировка новостей */
	#sort { position: relative;}
	.sortbtn_open #sort_drop { display: block;}
	.sort { list-style: none; padding: 0; margin: 0;}
	
	.sort > li a {
			display: block;
	
			 padding-top:17px;
			border-top: 1px solid rgba(255,255,255,0.2);
		margin-top:-13px;
		}
		
		.sort > li a:hover { color: #fff;}
		.sort > li.asc a:after, .sort > li.desc a:after {
			content: "";
		
			float: right;
			margin: 4px 0 0 .2em;
			width: 13px; height: 7px;
			background-position: 0 -14px;
			-webkit-background-size: 13px auto; background-size: 13px auto;
		}
		.sort > li.asc a:after { background-position: 0 0; }


	
		/* Оптимизация Сортировки и авторизации */
	.head_drop {
		position: fixed;
		width: 50% !important;
	margin-left:50%;
		top: 62px; bottom: 0;
		overflow-y: auto; overflow-x: hidden;
		-webkit-overflow-scrolling: touch;
		background: #111111;
		box-shadow: none;
		-webkit-box-shadow: none;
			height:405px;
			border-bottom-left-radius:40px;
	}
	

	

.navbar-fixed-top{top:0;border-width:0 0 1px}


@media (max-width:767px){.hidden-xs{display:none!important}
}
@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}
}
@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}
}
@media (min-width:1200px){.hidden-lg{display:none!important}
}

*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}



	



.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}

@media (min-width:768px){.container{width:750px}
}
@media (min-width:992px){.container{width:970px}
}
@media (min-width:1200px){.container{width:1170px}
}



@media (min-width:768px){.navbar-right .dropdown-menu{left:auto;right:0}
.navbar-right .dropdown-menu-left{left:0;right:auto}
}


.container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse{margin-right:-15px;margin-left:-15px}
@media (min-width:768px){.container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse{margin-right:0;margin-left:0}
}


.navbar-static-top{z-index:1000;border-width:0 0 1px}
@media (min-width:768px){.navbar-static-top{border-radius:0}
}
.navbar-fixed-top,.navbar-fixed-bottom{position:fixed;right:0;left:0;z-index:1030}
@media (min-width:768px){.navbar-fixed-top,.navbar-fixed-bottom{border-radius:0}
}
@media (min-width:768px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}
}





/* --- Постраничная навигация --- */
.navigation {background-color: #444444;}
	.navigation:after { clear: both; display: block; content: ""; }

	.pages { text-align: center; padding-left:-12px;  padding-right:-12px; margin-left:-10px;  margin-right:-10px;}
	.pages span, .pages a:hover, .page_next-prev { 
		background-color: #fff;
		box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
		border-radius: 28px;
	}
	.pages span, .pages a {
		color: inherit;
		display: inline-block;
		position: relative;
		padding: 7px 7px;
		min-width: 30px; height: 30px; line-height: 18px;
		text-align: center;
		text-decoration: none !important;
		font-weight: bold;
		font-size:18px;
		margin-top:3px;
		 margin-bottom:3px;
			
	}
	.pages span { color: #399;}
	.pages a:hover { color: #fff; background-color: #3394e6;}
	.pages span { color: #3394e6;}

	.page_next-prev { float: right; height: 36px;}
		.page_next-prev * { float: left;}
		.page_next-prev .icon { width: 32px; height: 20px; fill: #d7d7d7;}
		.page_next-prev > span >  a:hover .icon { fill: #3394e6;}
		.page_next-prev > span > * { float: left; padding: 8px 12px;}

	.page_next > span, .page_prev > span { opacity: 0.5; }
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	.data {
display:inline-block;   
text-align:center;
color:white;
font-family:Verdana;
text-shadow: 1px 1px #000000, 1px -1px #000000, -1px 1px #000000, -1px -1px #000000;
}
	

.naz {
    
    
    top:70%;   
    text-align:  center;
    color:white;
    font-family:Verdana;


text-shadow: 2px 2px #732372, 1px -1px #732372, -1px 1px #732372, -1px -1px #732372, 3px 3px 6px rgba(0,0,0,.5);
}

.cate {
    position:absolute;
    top:70%;   
    text-align:  center;
    color:white;
    font-family:Verdana;
text-shadow: 1px 1px #732372, 1px -1px #732372, -1px -1px #732372, -1px 1px #732372, 0px 0px 0px rgba(0,0,0,.5);
}

.cate a {

    color:yellow;
    font-family:Verdana;


text-shadow: 1px 1px #732372, 1px -1px #732372, -1px -1px #732372, -1px 1px #732372, 0px 0px 0px rgba(0,0,0,.5);
}
	
	
	
	
	

	@media only screen and (min-width: 861px) {

	.topbar { -webkit-flex-grow: 2; flex-grow: 2; }

	
		#topmenu { float: left; position: relative; z-index: 2; 
		
	
			
		}
		#topmenu ul { list-style: none; padding: 0; margin: 0; }
		#topmenu > ul > li { float: left; position: relative; }

			#topmenu > ul > li > a {
			display: block;
			line-height: 22px; height: 22px;
			padding: 27px 17px;
			text-decoration: none !important;
			opacity: .8;
			-webkit-transition: opacity .2s ease; transition: opacity .2s ease;
			position: relative;
			z-index: 21;
		}
	
	
	
		#topmenu > ul > li > a:hover { opacity: 1; }
		#topmenu > ul > li > a > .icon {
			fill: #fff;
			opacity: .2;
			margin-left: 6px;
		}
		#topmenu a, #topmenu { color: #fff; }
		
		
		
		#topmenu > ul > li > ul {
		
		

		
		
						position: absolute;
			left: 0; top: 0;
			padding: 30px 0;
			padding-top: 76px;
			margin-left: -68px;
			width: 320px;
			z-index: 20;
			opacity: 0; visibility: hidden;
			-webkit-transform: translate(0, -100%) scale(0.8);
			transform: translate(0, -100%) scale(0.8);

			
		}
		
		.zornet_ru li {display:block;width:49%;float:left;}
		
		
		
		#topmenu > ul > li > div { padding-left: 30px; padding-right: 30px; }
		#topmenu > ul > li:hover > ul, #topmenu > ul > li:hover > div {
			opacity: 1; visibility: visible;
			-webkit-transform: translate(0, 0) scale(1);
			transform: translate(0, 0) scale(1);
			-webkit-transition: all .4s ease; transition: all 0.4s ease;
		}

				#topmenu > ul > li > ul:after, #topmenu > ul > li > div:after {
			content: "";
			background-color: #2a3843;
			position: absolute;
			top: 0; left: 0;
			width: 100%; height: 100%;
			border-radius: 0 0 20px 20px;
			opacity: .85;
			box-shadow: 0 0 9px 0 rgba(0,0,0,0.4); -webkit-box-shadow: 0 0 9px 0 rgba(0,0,0,0.4);
		}
		.parentgif {margin-left:-10px;}
		.parent.cel {margin-left:79px;}
		.parent.photo {margin-left:60px;}
		#topmenu > ul > li > ul > li, #topmenu > ul > li > div > div { position: relative; z-index: 1; }
		#topmenu > ul > li.parent:hover > a { color: #ff485b; opacity: 1;}
		#topmenu > ul > li.parent:hover > a > .icon { fill: #ff485b; opacity: 1; }
		#topmenu > ul > li > ul > li > a {
			display: block;
			padding: .3em 30px;
			height: 1%;
			text-decoration: none !important;
		}
		#topmenu > ul > li > ul > li > a:hover { color: #ff485b; }
	}

	#closemenu { display: none; }
	
	
	
	
	
	
	
	
	
	
	
	
	

@media only screen and (max-width: 860px) {
	
	.headpic.fixed { background-attachment: scroll; }
	.headpic > .wrp { padding: 49px 0 0 0; }
	.logotype {
		float: none;
		padding: 0 20px; margin: 0;
		height: 76px;
		display: -webkit-flex;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.topbar {
		position: absolute;
		left: 0; top: 0;
		background: #22282c;
		width: 100%; height: 49px;
		box-shadow: 0 1px 5px 0 rgba(0,0,0,0.2);
		-webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,0.2);
	}
	
		.topbar #search {
			position: absolute;
			left: 50%;
			margin-left: -25px;
		}
		.h_btn {
			width: 49px; height: 49px;
			padding: 0;
		}
		.h_btn:after {
			width: 100%; height: 49px;
			border-radius: 0;
			margin-top: -49px;
		}

	.login > .avatar {
		padding: 3px;
		border: 0 none;
	}
		ul.login_form, .soc_links, .login_form_links {
			vertical-align: top;
			display: inline-block;
			float: none;
		}
		#loginpane {
			overflow-y: hidden;
			overflow-x: auto;
			-webkit-overflow-scrolling: touch;
		}
		#loginpane > .wrp { white-space: nowrap; min-width: 960px; }

	
	
	
	
	.mainmenu_open, .mainmenu_open body, .mainmenu_open .page {
		width: 100%; height: 100%;
		overflow: hidden;
	}
	#mainmenu { float: left; }
		#topmenu {
			position: fixed;
			left: 0; top: 0; bottom: 0;
			width: 80%; height: 100%;
			background-color: #2a3843;
			box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
			-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
			z-index: 99;
			overflow-x: auto;
			-webkit-overflow-scrolling: touch;
			color: #fff;
			-webkit-transform: translate(-100%, 0);
			transform: translate(-100%, 0);
			opacity: 0.7; visibility: hidden;
		}
		.mainmenu_open #topmenu {
			-webkit-transform: translate(0, 0);
			transform: translate(0, 0);
			opacity: 1; visibility: visible;
			-webkit-transition: all 0.3s ease;
			transition: all 0.3s ease; 
			 opacity: 0.85;
		}
		#topmenu a { color: #fff; display: block; }
		#topmenu ul {
			list-style: none;
			padding: 0; margin: 0;
		}
		#topmenu > ul { padding: 15px 0; }
		#topmenu > ul > li > a {
			padding: 15px 30px;
			font-size: 1.1em;
			text-decoration: none !important;
		}
		#topmenu ul ul > li > a {
			padding: 6px 30px 6px 48px;
			opacity: .8;
			text-decoration: none !important;
			position: relative;
		}
		#topmenu > ul > li > a:hover, #topmenu ul ul > li > a:hover { opacity: 1; background-color: #ff596a; }
		#topmenu ul ul > li > a:before {
			content: "";
			float: left;
			margin: .7em 0 0 -18px;
			width: 6px; height: 1px;
			background-color: #fff;
			opacity: .8;
		}

		#topmenu .icon-arrow_down { display: none; }

	
		.block_archives { display: none; }

	#closemenu {
		position: fixed;
		top: 0; right: 0;
		overflow: hidden;
		height: 100%; width: 100%;
		cursor: pointer;
		z-index: 98;
	}
		.mainmenu_open #closemenu { display: block; }
		#closemenu:after {
			content: "";
			display: block;
			width: 100%; height: 100%;
			background-color: #353c4c;
			opacity: .54;
		}
		#closemenu * { cursor: pointer; }
		#closemenu > span {
			z-index: 1;
			position: absolute; 
			right: 0; top: 0;
			width: 20%; height: 100%;
			display: -webkit-flex;
			display: flex;
			justify-content: center;
			align-items: center;
		}
		#closemenu .icon { fill: #fff; }