/************************************************************************************
 --- Import
*************************************************************************************/
@import url("/includes/design/theme/mzResponsive-media/asset/html.tag.chars.css") screen;
@import url("/includes/design/theme/mzResponsive-media/asset/csstooltip.css") screen;
@import url("/includes/design/theme/mzResponsive-media/asset/button.css") screen;
@import url("/includes/design/theme/mzResponsive-media/custom/style.css") screen;
@import url("/includes/design/theme/mzResponsive-media/asset/scrollbar.css") screen;
/************************************************************************************
 STRUCTURE ---
*************************************************************************************/
.padding0 { padding: 0px; }
.padding5 { padding: 5px; }
.padding10 { padding: 10px; }
.padding15 { padding: 15px; }
.padding20 { padding: 20px; }
.padding25 { padding: 25px; }

counter.new-comment, .counter .new-comment {
	position: relative;
	background: #00b344;
	color: #fff;
	border-radius: .4em;
	font-weight: bold;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
}

counter.new-comment:after, .counter .new-comment:after {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 0;
	height: 0;
	border: 3.5px solid transparent;
	border-right-color: #00b344;
	border-left: 0;
	margin-top: -3.5px;
	margin-left: -3.5px;
}
@font-face {
  font-family: 'mzMedia';
  font-style: normal;
  font-weight: 400;
  src: url('/includes/design/theme/mzResponsive-media/asset/fonts/russo/russo-one-v14-latin_cyrillic-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/includes/design/theme/mzResponsive-media/asset/fonts/russo/russo-one-v14-latin_cyrillic-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/includes/design/theme/mzResponsive-media/asset/fonts/russo/russo-one-v14-latin_cyrillic-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/includes/design/theme/mzResponsive-media/asset/fonts/russo/russo-one-v14-latin_cyrillic-regular.woff') format('woff'), /* Modern Browsers */
       url('/includes/design/theme/mzResponsive-media/asset/fonts/russo/russo-one-v14-latin_cyrillic-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/includes/design/theme/mzResponsive-media/asset/fonts/russo/russo-one-v14-latin_cyrillic-regular.svg#RussoOne') format('svg'); /* Legacy iOS */
  font-display: swap;
}
#dropdown_content_s1 ul li, #mzChatFriendList ul li {
	opacity: 0.0;
	display: none;
}
#pagewrap {
	padding: 5px;
	width: 1260px;
	margin: 0px auto;
}
.logo {
  width:345px;
	height:80px;
	margin-bottom: 35px;
}
#header {
	height: 20px;
	padding: 5px;
}
#content-main {
	width:850px;
	float: left;
}
#sidebar-main {
	width: 350px;
	float: right;
}
#footer {
	clear: both;
}
#navigation { 
	width: 100%;
}
#fixedbar { 
	width: 1260px;
	margin-left: -5px;
}
.profile-wrapper {
	width: 1260px;
}

#userint_slim { display:block; }
#userint_big { display:none; }
	
.mm-cms-style-manipulation {
	/*
  --color-cd-1: #9b9b9b;
  --color-cd-2: #464646;
  box-shadow: 0 1px 0 var(--color-cd-1) inset, 0 1px 7px var(--color-cd-2) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--color-cd-1)', endColorstr='var(--color-cd-2)',GradientType=0 ) !important;
  background: -moz-linear-gradient(var(--color-cd-1), var(--color-cd-2)) !important;
  background: -webkit-linear-gradient(var(--color-cd-1), var(--color-cd-2)) !important;
  background: -o-linear-gradient(var(--color-cd-1), var(--color-cd-2)) !important;
  background: -ms-linear-gradient(var(--color-cd-1), var(--color-cd-2)) !important;
  background: linear-gradient(var(--color-cd-1), var(--color-cd-2)) !important;
  */
}
/************************************************************************************
 MEDIA QUERIES ---
*************************************************************************************/
/* for 980px or less */
@media screen and (max-width: 1260px) {
	#pagewrap {	width: 94%;	}
	#content-main { width: 65%; }
	#sidebar-main { width: 32%; }
	#fixedbar { width: 94%; }
	.profile-wrapper { width:94%; }
}

/* for 980px or less */
@media screen and (max-width: 980px) {
	#pagewrap {	width: 94%;	}
	#content-main { width: 65%; }
	#sidebar-main { width: 32%; }
    #fixedbar { width: 94%; }
	.profile-wrapper { width:94%; }
}

/* for 700px or less */
@media screen and (max-width: 700px) {
	#content-main { width: auto; float: none; }
	#sidebar-main { width: auto; float: none; }
	#userint_slim { display:none; }
	#userint_big { display:block; }
}

/* for 480px or less */
@media screen and (max-width: 480px) {
	#header { vertical-align: middle;}
	h1 { font-size: 24px;	}
}
/*/////////////////////////////////////////////*/
.dropdown {
   position: absolute;
	 z-index: 200;
}
.img-m {
   position: absolute;
   margin-left:-25px;
	 display:inline;
   min-width: 25px !important;
   min-height: 25px !important;
	 width:25px !important;
	 height:25px !important;
	 border:1px solid #111;
	 border-radius:3px;
	 box-shadow:0 0 3px rgba(0, 0, 0, 0.5) inset,0 0 3px rgba(0, 0, 0, 0.5) inset;
	 z-index: 400;
}
.dropdown_content {
   position: absolute;
   top: 31px;
   right: 0px;
   min-width: 300px;
	 background: rgba(217,217,217,1);
	 -webkit-border-bottom-right-radius: 10px;
	 -webkit-border-bottom-left-radius: 10px;
	 -moz-border-radius-bottomright: 10px;
	 -moz-border-radius-bottomleft: 10px;
	 border-bottom-right-radius: 10px;
	 border-bottom-left-radius: 10px;
   border: 2px solid #333;
	 box-shadow:0 1px 0 #555 inset, 0 1px 7px #111;
}
.dropdown ul {
   list-style-type:none;
   padding:0px;
   margin:0px;
   min-width: 300px;
}
.dropdown ul li {
   padding:0px;
   margin:0px;
   width: 100%;
   padding-left:14px;
}
/************************************************************************************
 --- -------------------------------------------------------------------------------
*************************************************************************************/
.slides img {
	-webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
	z-index: 1;
}
#slides {
	z-index: 1;
}
/************************************************************************************
 --- -------------------------------------------------------------------------------
*************************************************************************************/
.mz_pagenav_active {
	
}
.mz_pagenav a {
  height: 28px;
  min-width: 45px;
  margin-bottom: 5px;
  padding: 5px;
  font-size: 12px;
  font-weight: bold;
  color: #294779;
  text-align: center;
  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
  background: #adcbfa;
  background-clip: padding-box;
  border: 1px solid #284473;
  border-bottom-color: #223b66;
	-webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
  background-image: -webkit-linear-gradient(top, #d0e1fe, #96b8ed);
  background-image: -moz-linear-gradient(top, #d0e1fe, #96b8ed);
  background-image: -o-linear-gradient(top, #d0e1fe, #96b8ed);
  background-image: linear-gradient(to bottom, #d0e1fe, #96b8ed);
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 0 7px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 0 7px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.15);
}

.mz_pagenav_a:active {
  background: #a4c2f3;
  -webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.1);
}

.newsimg, #newsimg {
 float:right;
}

.post-date {
		box-shadow:inset 0 1px 3px #333;
}

.post-date {
    background: #fff;
    float: left;
		width:90px;
    margin-right: 10px;
    text-align: center;
		border: 1px solid #333;
}

.post-date .day {
    background: #fff;
    border-radius: 2px 2px 0 0;
    color: #555;
    display: block;
    font-size: 16px;
    font-weight: 500;
    font-weight: bold;
    padding: 10px;
}

.post-date .month {
    background: #333;
    border-radius: 0 0 2px 2px;
    box-shadow: 0 -1px 0 0 rgb(0 0 0 / 7%) inset;
		width:94px !important;
		margin-left:-3px !important;
    color: #FFF;
    font-size: 0.9em;
    padding: 3px;
}

.post-date .year {
    background: #999;
    border-radius: 0 0 2px 2px;
    box-shadow: 0 -1px 0 0 rgb(0 0 0 / 7%) inset;
    color: #FFF;
    font-size: 0.9em;
    padding: 0 10px 2px;
}

#content-main.content-main-100 { width: 100%; }
.cd-main-content {
    min-height: 93vh !important;
    z-index: 2;
}

.pside-bottom-wide {
  float: left;
}
.pside-bottom-wide:not(:first-child) {
	
}
/* one item */
.pside-bottom-wide:first-child:nth-last-child(1) {
    width: 100%;
}
/* two items */
.pside-bottom-wide:first-child:nth-last-child(2),
.pside-bottom-wide:first-child:nth-last-child(2) ~ 
.pside-bottom-wide {
    width: calc(50% - 7px);
	margin-left: 3.5px;
}
/* three items */
.pside-bottom-wide:first-child:nth-last-child(3),
.pside-bottom-wide:first-child:nth-last-child(3) ~ 
.pside-bottom-wide {
    width: calc(33.3333% - 7px);
	margin-left: 3.5px;
}
/* four items */
.pside-bottom-wide:first-child:nth-last-child(4),
.pside-bottom-wide:first-child:nth-last-child(4) ~ 
.pside-bottom-wide {
    width: calc(25% - 7px);
	margin-left: 3.5px;
}
/* five items */
.pside-bottom-wide:first-child:nth-last-child(5),
.pside-bottom-wide:first-child:nth-last-child(5) ~ 
.pside-bottom-wide {
    width: calc(20% - 7px);
	margin-left: 3.5px;
}
.ml0 {
	margin-left: 3.5px !important;
}
@media only screen and (max-width: 700px) {
	/* one item */
	.pside-bottom-wide:first-child:nth-last-child(1) {
		width: calc(50% - 4px);
	}
	/* two items */
	.pside-bottom-wide:first-child:nth-last-child(2),
	.pside-bottom-wide:first-child:nth-last-child(2) ~ 
	.pside-bottom-wide {
		width: calc(50% - 4px);
	}
	/* three items */
	.pside-bottom-wide:first-child:nth-last-child(3),
	.pside-bottom-wide:first-child:nth-last-child(3) ~ 
	.pside-bottom-wide {
		width: calc(50% - 4px);
	}
	/* four items */
	.pside-bottom-wide:first-child:nth-last-child(4),
	.pside-bottom-wide:first-child:nth-last-child(4) ~ 
	.pside-bottom-wide {
		width: calc(50% - 4px);
	}
	/* five items */
	.pside-bottom-wide:first-child:nth-last-child(5),
	.pside-bottom-wide:first-child:nth-last-child(5) ~ 
	.pside-bottom-wide {
		width: 100%;
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 5px;
	}
}
@media only screen and (max-width: 585px) {
	/* one item */
	.pside-bottom-wide:first-child:nth-last-child(1) {
		width: 100%;
		margin-left: 0px;
	}
	/* two items */
	.pside-bottom-wide:first-child:nth-last-child(2),
	.pside-bottom-wide:first-child:nth-last-child(2) ~ 
	.pside-bottom-wide {
		width: 100%;
		margin-left: 0px;
	}
	/* three items */
	.pside-bottom-wide:first-child:nth-last-child(3),
	.pside-bottom-wide:first-child:nth-last-child(3) ~ 
	.pside-bottom-wide {
		width: 100%;
		margin-left: 0px;
	}
	/* four items */
	.pside-bottom-wide:first-child:nth-last-child(4),
	.pside-bottom-wide:first-child:nth-last-child(4) ~ 
	.pside-bottom-wide {
		width: 100%;
		margin-left: 0px;
	}
	/* five items */
	.pside-bottom-wide:first-child:nth-last-child(5),
	.pside-bottom-wide:first-child:nth-last-child(5) ~ 
	.pside-bottom-wide {
		width: 100%;
		margin-left: 0px;
	}
	.ml0 {
		margin-left: 0px !important;
	}
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}