pre,
textarea {
	overflow: autos
}
:root,
[aria-disabled] {
	cursor: default
}
[hidden],
audio:not([controls]),
template {
	display: none
}
button {
	overflow: visible
}
details,
main,
summary {
	display: block
}
input[type=number] {
	width: auto
}
input[type=search] {
	-webkit-appearance: textfield
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}
progress {
	display: inline-block
}
small {
	font-size: 75%
}
textarea {
	resize: vertical
}
*,
::after,
::before {
	box-sizing: inherit;
	border-style: solid;
	border-width: 0
}
* {
	font-size: inherit;
	line-height: inherit;
	margin: 0;
	padding: 0
}
::after,
::before {
	text-decoration: inherit;
	vertical-align: inherit
}
:root {
	-ms-overflow-style: -ms-autohiding-scrollbar;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	box-sizing: border-box;
	text-rendering: optimizeLegibility
}
html {
	background-color: #FFF;
	color: #000
}
audio,
canvas,
iframe,
img,
svg,
video {
	vertical-align: middle
}
button,
input,
select,
textarea {
	background-color: transparent;
	color: inherit;
	font-family: inherit;
	font-style: inherit;
	font-weight: inherit
}
[type=number],
[type=search],
[type=submit],
[type=tel],
[type=text],
[type=time],
[type=url],
[type=week],
[type=button],
[type=date],
[type=datetime],
[type=datetime-local],
[type=email],
[type=month],
[type=password],
[type=reset],
button,
select,
textarea {
	min-height: 1.5em
}
code,
kbd,
pre,
samp {
	font-family: monospace, monospace
}
nav ol,
nav ul {
	list-style: none
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
::selection {
	background-color: #B3D4FC;
	text-shadow: none
}
[aria-busy=true] {
	cursor: progress
}
[aria-controls] {
	cursor: pointer
}
[hidden][aria-hidden=false] {
	clip: rect(0 0 0 0);
	display: inherit;
	position: absolute
}
[hidden][aria-hidden=false]:focus {
	clip: auto
}

/* roboto-regular - latin_cyrillic */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	src: url(/wp-content/themes/mj/assets/font/roboto/roboto-v27-latin_cyrillic-regular.eot); /* IE9 Compat Modes */
	src: local(''),
		 url(/wp-content/themes/mj/assets/font/roboto/roboto-v27-latin_cyrillic-regular.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
		 url(/wp-content/themes/mj/assets/font/roboto/roboto-v27-latin_cyrillic-regular.woff2) format('woff2'), /* Super Modern Browsers */
		 url(/wp-content/themes/mj/assets/font/roboto/roboto-v27-latin_cyrillic-regular.woff) format('woff'), /* Modern Browsers */
		 url(/wp-content/themes/mj/assets/font/roboto/roboto-v27-latin_cyrillic-regular.ttf) format('truetype'), /* Safari, Android, iOS */
		 url(/wp-content/themes/mj/assets/font/roboto/roboto-v27-latin_cyrillic-regular.svg#Roboto) format('svg'); /* Legacy iOS */
  }
  /* roboto-700 - latin_cyrillic */
  @font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	src: url(/wp-content/themes/mj/assets/font/roboto/roboto-v27-latin_cyrillic-700.eot); /* IE9 Compat Modes */
	src: local(''),
		 url(/wp-content/themes/mj/assets/font/roboto/roboto-v27-latin_cyrillic-700.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
		 url(/wp-content/themes/mj/assets/font/roboto/roboto-v27-latin_cyrillic-700.woff2) format('woff2'), /* Super Modern Browsers */
		 url(/wp-content/themes/mj/assets/font/roboto/roboto-v27-latin_cyrillic-700.woff) format('woff'), /* Modern Browsers */
		 url(/wp-content/themes/mj/assets/font/roboto/roboto-v27-latin_cyrillic-700.ttf) format('truetype'), /* Safari, Android, iOS */
		 url(/wp-content/themes/mj/assets/font/roboto/roboto-v27-latin_cyrillic-700.svg#Roboto) format('svg'); /* Legacy iOS */
  }
/* fontello*/
@font-face {
	font-family: 'fontello';
	src: url(/wp-content/themes/mj/assets/font/fontello.eot?542896391);
	src: url(/wp-content/themes/mj/assets/font/fontello.eot?542896391#iefix) format('embedded-opentype'),
		 url(/wp-content/themes/mj/assets/font/fontello.woff2?542896391) format('woff2'),
		 url(/wp-content/themes/mj/assets/font/fontello.woff?542896391) format('woff'),
		 url(/wp-content/themes/mj/assets/font/fontello.ttf?542896391) format('truetype'),
		 url(/wp-content/themes/mj/assets/font/fontello.svg?542896391#fontello) format('svg');
	font-weight: normal;
	font-style: normal;
}


body {
	font-family: 'Roboto', arial, sans-serif;
    font-size: 18px;
	color: #000;
	line-height: 1.55;
	background: #eaeaea;
}
.wrap {
	position: relative;
	width: 1028px;
	margin: 0 auto
}

@media only screen and (max-width: 1048px) {
	.wrap {
		width: 768px;
	}
}
@media only screen and (max-width: 780px) {
	.wrap {
		width: 100%;
		min-width: 320px;
	}
}


h1,
h2,
h3,
h4,
h5 {
	font-weight: 700;
}
img {
	display: block;
	max-width: 100%;
	height: auto
}
a,
a:hover {
    color: #0074d9;
	text-decoration: none
}
p {
	width: 100%
}

/** fontello */
.fa:before,
.mobile-search:before , 
.mobile-menu:before {
	display: inline-block;
	font: normal normal normal 14px/1 "fontello";
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.fa-search:before { content: '\e800'; } /* '' */
.fa-heart:before { content: '\e803'; } /* '' */
.fa-eye:before { content: '\e802'; } /* '' */
.fa-chat:before { content: '\f0e5'; } /* '' */
.fa-folder-open:before { content: '\f115'; } /* '' */
.fa-download:before { content: '\e801'; } /* '' */ 
.fa-menu:before { content: '\e806'; } /* '' */
.fa-angle-left:before { content: '\e808'; } /* '' */
.fa-angle-right:before { content: '\e809'; } /* '' */
.fa-angle-up:before { content: '\f106'; } /* '' */
.fa-angle-down:before { content: '\f107'; } /* '' */
.fa-minus:before { content: '\e80a'; } /* '' */
.fa-plus:before { content: '\e80b'; } /* '' */
.fa-cancel:before { content: '\e80c'; } /* '' */
.fa-down-circle:before { content: '\e80d'; } /* '' */
.fa-tag:before { content: '\e80f'; } /* '' */
.fa-attention-circled:before { content: '\e812'; } /* '' */
.fa-fire-1:before { content: '\e828'; } /* '' */
.fa-reply:before { content: '\f112'; } /* '' */
.fa-cube:before { content: '\f1b2'; } /* '' */

/** Header */
.header {
    background: #33363b;
}
/** Logo */
.logo {
    float: left;
    line-height: 68px;
    height: 68px; 
}
.logo a {
    display: block;
    font-size: 36px;
    color: #57b13b;
    padding: 0 20px;
}
.logo span {
	font-weight: normal;
	color: #fff;
	font-size: 36px;
}
.logo a:hover {
	text-shadow: 0 0 10px #57b13b;
}
.logo a:hover span {
	color:#fff;
	text-shadow: 0 0 10px #fff;	
}
/** Search */
.search {
    float:right;
    width: 260px;
    padding: 16px 20px;
}
.searchform {
	display: block;
	position: relative;
	width: 100%;
	color: #333;
	border: 0;
	font-size: 18px;
}
.text {
	display: block;
	width: 100%;
	height: 36px;
    padding: 0 46px 0 10px;
	border: 0;
	background: rgba(0, 0, 0, 0.15);
	-moz-border-radius: 2px;
	font-size: 13px;
	color: #757575;
	background: #f5f5f5;
	border: 1px solid rgba(0,0,0,.1);
	border-radius: 6px;
}
.searchform .submit {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 36px;
	height: 36px;
	line-height: 36px;
	cursor: pointer;
	border-radius: 0 2px 2px 0;
	font-size: 20px;
	color: #408b0c;
	-moz-transition: all 0.1s;
	-webkit-transition: all 0.1s;
	-o-transition: all 0.1s;
	transition: all 0.1s;
}
.submit:hover {
    text-shadow: 0 0 10px #2a5b08;
}
.searchform input:focus,
.searchform button:focus {
	outline: none;
}
/** Navigation */
.navigation {
	position: relative;
	background: #26272b;
	clear: both;
}
.nav {
    border-top: 1px solid rgba(0,0,0,.2);
}
.nav li {
	position: relative;
	float: left
}
.nav li a {
	display: block;
	height: 50px;
	line-height: 50px;
	padding: 0 20px;
	color: #fff;
	color: rgba(255,255,255,.7);
	font-size: 18px;
    border-right: 1px solid rgba(0,0,0,.2);
}
.nav > li:hover > a  {
	color: #fff;
	background: #232428;
	background: rgba(0,0,0,.1);
}

.mobile-search, .mobile-menu {
	display: none;
}

.header-wrap:after,
.nav:after {
	display: table;
    content: '';
    clear: both;
}
/** Mobile Header */
@media only screen and (max-width: 1048px) {
    .logo, .search {
        float: none;
    }
	.search {
		display: none;
		width: 100%;
		padding: 30px 20px;
		clear: both;
		background: #26272b;
		border-top: 1px solid rgba(0,0,0,.4);
	}
	.searchform {
		font-size: 18px;
	}
	.text {
		height: 42px;
		padding: 0 52px 0 20px;
		font-size: 18px;
		background: rgba(0, 0, 0, 0.15);
	}
	.searchform .submit {
		width: 46px;
		height: 42px;
		line-height: 42px;
		font-size: 20px;
	}
	.navigation {
		display: none;
	}
	.mobile-search, .mobile-menu {
		position: relative;
		background: #26272b;
		border-top: 1px solid rgba(0,0,0,.2);
		display: block;
		font-size: 20px;
		line-height: 51px;
		height: 52px;
		padding: 0 20px;
		color: #fff;
		cursor: pointer;
	}
	.mobile-search {
		text-align: center;
		width: 15%;
		float: right;
	}
	.mobile-menu {
		text-transform: uppercase;
		width: 85%;
		float: left;
		border-right: 1px solid rgba(0,0,0,.4);
	}
	.active.mobile-search, 
	.active.mobile-menu {
		background: #232428;
	}
	.mobile-search:before {
		content: '\e800'
	}
	.active.mobile-search:before {
		content: '\e80c'
	}
	.mobile-menu:before {
		content: '\e806';
		margin-right: 8px;
		width: 16px;
	}
	.active.mobile-menu:before {
		content: '\e80c';
	}
	.active.search,
	.active.navigation {
		display: block;
	}
	.active .nav {
		display: block;
		width: 100%;
		padding: 0 0 10px 0;
	}
	.active .nav li {
		float: none
	}
	.active .nav > li > a > .fa:before {
		display: inline-block;
		font-size: 20px
	}
	.active .nav li a {
		line-height: 1;
		height: auto;
		padding: 15px 20px;
	}

}
@media only screen and (max-width: 500px) {
	.mobile-search {
		width: 20%;
	}
	.mobile-menu {
		width: 80%;
	}
}
@media only screen and (max-width: 380px) {
	.mobile-search {
		width: 25%;
	}
	.mobile-menu {
		width: 75%;
	}
}


/** End Header*/
@media only screen and (max-width: 1048px) {}
@media only screen and (max-width: 780px) {}
@media only screen and (max-width: 620px) {}
@media only screen and (max-width: 620px) {}
@media only screen and (max-width: 480px) {}
@media only screen and (max-width: 380px) {}
@media only screen and (max-width: 379px) {}

/**
Хлебные крошки
*/
.breadcrumbs {
	padding-top: 20px;
	padding-bottom: 7px;
	font-size: 14px;
	color: #505050;
}
.breadcrumbs > span {
	display: block;
	line-height: 1.5;
}
.breadcrumbs a {
	color: #505050;
}
.breadcrumbs span span a:after {
	display: inline-block;
	content: '\e809';
	font-family: 'fontello';
	margin: 0 9px;
	text-decoration: none;
	line-height: 1;
}
.breadcrumbs a:hover {
	text-decoration: underline;
}
.breadcrumbs span span:hover a:after {
	text-decoration: none;
}
.breadcrumbs span span:last-child:after {
	display: none;
}

/**
End Хлебные крошки
*/


.container {
	border-right: 260px solid #fff;
	position: relative;
	background: #fff;
}


.content {
	position: relative;
	background: #fff;
	min-height: 200px;
	width: 100%;
	float: left;
	overflow: hidden;
	margin-right: -100%;
    padding: 0 20px;
    box-shadow: 1px 0 0 0 #f2f2f2;
}

@media only screen and (max-width: 1048px) {
	.content {
		box-shadow: none;
	}
	.content {
		display: block;
		width: 100%;
		float: none;
		margin-right: 0;
		box-shadow: none;
	}
	.container {
		border-right: 0
	}

}

@media only screen and (max-width: 620px) {
	.content {
		padding: 0 10px;
	}

}

.category-head {
    padding: 0 0 20px 0;
	border-bottom: 1px solid #f2f2f2;
}
.category-head h1 {
	font-size: 26px;
	line-height: 1.3;
}




.post-description h1 {
    font-size: 24px;
    line-height: 1.3;
	margin-bottom: 10px;
}
.post__meta-main ul {
	font-size: 0;
}
.post__meta-main ul li {
	list-style: none;
	float: left;
	font-size: 16px;
	padding: 0 10px;
	color: #757575;
}
.post__meta-main ul li:first-child {
	padding-left: 0;
}

.post__meta-main ul li a {
	color: #525252;
}
.post__meta-main ul li .fa {
	margin-right: 6px;
}

.post__meta-main::after {
	content: '';
	display: table;
	clear: both;
}


.post-teaser__meta,
.post-cotent__meta {
    border-bottom: 1px solid #f2f2f2;
}
.post-teaser__meta span,
.post-cotent__meta span {
	height: 33px;
	font-size: 16px;
	line-height: 33px;
	color: #525252;
	margin-right: 14px;
}


.title-tags {
	margin-bottom: 20px;
	margin-top: -10px;
}

.title-tags div {
    background: #fff;
    line-height: 24px;
    padding: 0 10px;
    color: #525252;
    border: 1px solid #e2e2e2;
	float: left;
}

.post-full .post-content p {
	margin: 20px 0 20px 0
}
.post-full .post-content h2 {
    font-size: 24px;
    margin: 40px 0 15px 0;
    line-height: 1.3;
}

.post-full .post-content h3 {
	font-size: 18px;
	margin: 20px 0 10px 0;
	text-transform: none;
	line-height: 1.3
}
.post-full li a {
	font-weight: bold
}
.post-full a:hover {
	text-decoration: underline
}
.post-full .post-content ul li,
.post-full .post-content ol li {
	line-height: 1.6;
	margin-left: 20px;
	margin-bottom: 10px;
}
.post-full .post-content ol li {
	margin-bottom: 3px;
}
.post-full .post-content ul li a,
.post-full .post-content ol li a {
	color: #0074d9;
	font-weight: normal;
}
.post-full .post-content ul li a:hover,
.post-full .post-content ol li a:hover {
	text-decoration: underline;
}

.post-full .post-content ul li img {
	margin-top: 10px;
	margin-bottom: 20px;
}

.post-full .post-content ul li ul li,
.post-full .post-content ol li ol li {
	margin-left: 20px
}




.post-content p:first-child img {
	max-width: 75%;
}

.container-youtube {
	width: 69%;
	height: auto;
}

@media only screen and (max-width: 780px) {

    .post-content p:first-child img {
        max-width: 100%;
	}

	.container-youtube {
		width: 100%;
		height: auto;
	}
}

@media only screen and (max-width: 620px) {
	.post-content > p > iframe {
		width: auto;
		height: auto;
		max-width: 100%
	}
	.content {
		padding: 0 10px;
	}

}





/*
* Категории
*/
.post-cotent__subcategory  {
	margin-bottom: 10px;
}
.post-cotent__subcategory a {
	float: left;
	display: block;
	padding: 0 10px;
    margin: 0 10px 10px 0;
	border: 1px solid #cfcfcf;
	color: #525252;
    color: rgba(0, 0, 0, 0.7);
    border-radius: 6px;
}
.post-cotent__subcategory a:hover {
	color: #0074d9;
    background-color: #f9f9f9;
	text-decoration: none;
	border-color: #0074d9;
}

.post-cotent__subcategory:after {
	display: table;
	content: '';
	clear: both;
}

.telegram_b {
	display: block;
	margin: 0 auto;
	max-width: 355px;
    height: 119px;
	
}
/*
* Поддерживаемые версии
*/

.post-versions {
	padding:20px 0;
}
.post-versions-title {
	font-weight: bold;
}
.post-versions a, .post-versions span {
	display: inline-block;
	font-weight: 700;
    margin: 10px 10px 0 0;
    text-align: center;
	line-height: 32px;
    padding: 0 10px;
	color: #739e4b;
    border: 2px solid #739e4b;
	border-radius: 6px;
}
.post-versions a:hover {
	background: #eef0ed;
	text-decoration: none;
}

.post-list {
	padding-top: 20px;
}

.post-list__title {
font-size: 20px;
    font-weight: normal;
    margin-bottom: 20px;
    padding: 10px;
    margin-top: -30px;
    background: #f2f2f2;
    text-transform: uppercase;
    color: #555555;
}
.post-teaser {
    padding-bottom: 30px;
}
.post-teaser:after {
    display: table;
    content: '';
    clear: both;
}

/* post-preview; .post-teaser__title */
.post-teaser__title {
	padding-bottom: 15px;
}
.post-teaser__title a {	
	font-size: 24px;
	color: #000;
	line-height: 1.3;
}
.post-teaser_title h2 a:hover {
	text-decoration: underline;
}
/* end; post-preview; .post-teaser__title */

/* post-preview; post-teaser__thumb */
.post-teaser__thumb a {
	display: block;
	max-width: 520px;
	margin: 0 auto;
}
.post-teaser__thumb a img {
	margin: 0 auto;
	border: solid 1px #efefef;
    border-radius: 6px;
    box-shadow: 0 3px 7px rgba(0,0,0,0.03);
	padding: 3px;
	
}
.post-teaser__thumb img {
	border-radius: 6px 6px 0 0;
}

.post-teaser__thumb img:hover {
	opacity: 0.9;
}
/* end; post-preview; post-teaser__thumb*/

/* post-preview; post-teaser__excerpt*/
.post-teaser__excerpt {
	padding: 20px 0 20px 0;
}
/* end; post-preview; post-teaser__excerpt*/

/* post-preview; post-teaser__meta and post-cotent__meta */

.post-teaser__meta span,
.post-cotent__meta span {
	height: 33px;
	font-size: 16px;
	line-height: 33px;
	color: #757575;
	margin-right: 14px;
}
.post-teaser__meta span:last-child,
.post-cotent__meta span:last-child {
	margin-right: 0;
}
.post-teaser__meta span a,
.post-cotent__meta span a {
	color: #525252;
	font-weight: bold;
}
.post-teaser__meta span a:hover,
.post-cotent__meta span a:hover {
	text-decoration: underline;
}
.post-teaser__meta span .fa,
.post-cotent__meta span .fa {
	margin-right: 6px;
}
.post-teaser__meta-main,
.post-cotent__meta-main {
	float: left;
}
.post-teaser__meta-stats,
.post-cotent__meta-stats {
	float: right;
}
.post-teaser__meta:after,
.post-cotent__meta:after {
	display: table;
	content:'';
	clear: both;
}


.home {
	padding-top: 20px;
}

.home-cat {
	padding-bottom: 20px;
}

.home-cat h2 {
	font-size: 24px;
	margin-bottom: 10px;
}

.home-cat .home-cat__content  {
	margin: 0 -10px;
}
.home-cat .home-cat__content a {
	color: #000;
}
.home-cat .home-cat__title a {
	color: #000;
}




.home-cat .home-cat__title {
	padding-bottom: 6px;
}
.home-cat .home-cat__title h2 {
    display: block;
    float: left;
    font-size: 24px;
    line-height: 1;
    padding: 3px 0;
    margin: 4px 0;

}
.home-cat .home-cat__title span {
	display: block;
	float: right;
    font-size: 16px;
    margin: 4px 0;
    padding: 6px 10px;
    border: 1px solid #cfcfcf;
    color: #525252;
    color: rgba(0, 0, 0, 0.7);
    border-radius: 6px;
	line-height: 1;
}
.home-cat .home-cat__title span:hover {
	color: #0074d9;
    background-color: #f9f9f9;
	border-color: #0074d9;
}


.home-cat .home-cat__content .post-teaser .post-teaser__title {
	height: 60px;
    margin-bottom: 10px;
    font-weight: bold;
    overflow: hidden;
}
.home-cat .home-cat__content .post-teaser a .post-teaser__title {	
	font-size: 18px;
}
.home-cat .home-cat__content .post-teaser .post-teaser__thumb a img {
	border: 0;
    padding: 0;

}
.home-cat .post-teaser {
	width: 50%;
	float: left;
	padding: 0 10px;
	padding-bottom: 20px;
}
.home-cat .post-teaser__content {
	padding: 10px 10px 0 10px;
	border-left: 1px solid #f2f2f2;
	border-right: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
	border-radius: 0 0 6px 6px;

}
.home-cat .home-cat__content .post-teaser__meta  {
	border: 0;
}

.home-cat .home-cat__content .post-teaser__meta span, .home-cat .home-cat__content .post-cotent__meta span {
	font-size: 14px;
}

.home-cat:after, .home-cat__title a:after {
	content: '';
	display: table;
	clear: both;
}


@media only screen and (max-width: 728px) {

	.home-cat .home-cat__content .post-teaser .post-teaser__title {
		height: 80px;
	}

}
@media only screen and (max-width: 600px) {
	.home-cat .home-cat__content .post-teaser .post-teaser__title {
		height: 80px;
	}
	.home-cat .home-cat__content .post-teaser a .post-teaser__title {	
		font-size: 16px;
	}
}
@media only screen and (max-width: 420px) {
	.home-cat .home-cat__content .post-teaser .post-teaser__title {
		height: 106px;
	}
	.home-cat .home-cat__content .post-teaser a .post-teaser__title {	
		font-size: 14px;
	}
}


/* end; post-preview; post-tesaer__meta and post-cotent__meta */

/* mobile */
@media only screen and (max-width: 500px) {
	.post-teaser__meta-main,
	.post-cotent__meta-main,
	.post-teaser__meta-stats,
	.post-cotent__meta-stats {
		float: none;
		text-align: center;
	}
}

.posts-not-found {
    font-size: 20px;
    line-height: 1;
    padding: 20px 0;
    text-align: center;
    font-weight: bold;
    
}


.page__tabs {
    margin-left: auto;
    margin-right: auto;
    font-size: 0;
}

.page__tabs>input[type="radio"] {
    display: none;
}

.page__tab-content {
/* скрыть контент по умолчанию */
    display: none;
    font-size: 18px;
}
.page__tab-content ol,
.page__tab-content ul {
	margin: 10px 0 20px;
}
 
/* отобразить контент, связанный с вабранной радиокнопкой (input type="radio") */
#page__tab-button-1:checked~#content-android,
#page__tab-button-2:checked~#content-ios,
#page__tab-button-3:checked~#content-windows {
    display: block;
}
.page__tab-label {
    display: inline-block;
    padding: 10px 20px;
    margin-right: 5px;
    user-select: none;
    color: #333;
    font-size: 18px;
    margin-bottom: 20px;
    cursor: pointer;
}
.page__tab-label>label {
    border-bottom: 1px dashed #333;
    text-decoration: none;
}
.page__tabs>input[type="radio"]:checked+.page__tab-label  {
    background: #4ca80b;
}
.page__tabs>input[type="radio"]:checked+.page__tab-label>label {
    color: #fff;
    text-decoration: none;
    border-bottom: 0;
}

.page__tab-label>label:first-of-type {
margin-left: 0;
}

.page__tab-content li i {
    font-size: 18px;
    margin-top: 3px;
    color: #6d6d6d;
}
.page__tab-content li i.notice {
color: #643939;
}

.page__tab-content li i {
    font-size: 18px;
    margin-top: 3px;
    color: #6d6d6d;
}


@media only screen and (max-width: 620px) {
    .page__tab-label {
		display: block;
		padding: 10px 20px;
		margin-right: 0;
		font-size: 18px;
		margin-bottom: 0;
    }
	.page__tab-content {
		padding-top: 20px;
	}
}


/**
Постраниченая навигация
*/
.pagination {
	text-align: center;
	display: block;
	font-size: 0;
    padding-bottom: 20px;
	clear: both;
}

.pagination .page-numbers {
	display: inline-block;
    color: #505050;
    margin: 0 4px;
    font-size: 18px;
    line-height: 40px;
    padding: 0px 15px;
    height: 40px;
    font-weight: bold;
    border: 1px solid #e2e2e2;
	border-radius: 6px;
}

.pagination .page-numbers:hover {
	border-color: #2a5b08;
}

.pagination .page-numbers.current {
	background-color: #2a5b08;
	border-color: #2a5b08;
	color: #fff
}

.pagination .page-numbers.current {
	cursor: default
}

.pagination .prev,
.pagination .prev:hover,
.pagination .next,
.pagination .next:hover,
.pagination .dots,
.pagination .dots:hover {
	background: none;
	padding: 0
}

.pagination .dots,
.pagination .dots:hover {
	border: 0
}

.pagination .prev:after,
.pagination .next:after {
	display: inline-block;
	font-family: 'fontello';
	margin: 0 9px
}

.pagination .prev:after {
	content: '\e808'
}

.pagination .next:after {
	content: '\e809'
}

.pagination .prev:hover,
.pagination .next:hover {
	border-color: 2px solid #38A0CA
}

.pagination .page-numbers.dots {
	cursor: default
}

@media only screen and (max-width: 620px) {
    .pagination .page-numbers {
        margin-bottom: 5px;
        margin-top: 5px;
    }
}

/**
End Постраниченая навигация
*/

/**
Описание рубрик
*/
.about {
    padding: 20px;
	background: #f2f2f2;
	margin-bottom: 20px;
	border-radius: 6px;
	font-size: 13px;
}
.about p {
	font-size: 13px;
	margin-bottom: 10px;
	line-height: 1.4
}
.about p:last-child {
	margin: 0
}
.about h3 {
	font-size: 16px;
	margin-bottom: 10px;
	margin-top: 20px;
}
.about ul {
	margin: 10px 0;
	margin-left: 20px;
	font-size: 13px;
}
/**
End Описание рубрик
*/


.spoiler-head {
	display: inline-block;
	width: 106px;
	height: 34px;
	line-height: 34px;
	color: #fff;
	padding: 0 12px;
	cursor: pointer;
	border-radius: 2px;
	background: #38A0CA;
	transition-property: background-color;
	transition-duration: 0.5s;
	transition-timing-function: ease;
	box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.15) inset
}
.spoiler-head:hover {
	opacity: 0.9
}
.unfolded {
	box-shadow: none;
	border-radius: 2px 2px 0 0
}
.unfolded:hover {
	opacity: 1
}
.spoiler-head .fa:before {
	margin-right: 8px
}
.spoiler-body {
	background: #f5f5f5;
	color: #4d4d4d;
	border: 1px solid #e0e0e0;
	padding: 10px;
	margin-top: -1px
}
.spoiler-body,
.spoiler-body br:first-child,
.spoiler .folded .fold,
.spoiler .unfolded .unfold {
	display: none
}



.sidebar {
	float: right;
	margin-right: -260px;
	width: 260px;
	overflow: hidden;
	position: relative;
	box-shadow: 1px 0 0 0 #f2f2f2 inset;
}

@media only screen and (max-width: 1048px) {
	.sidebar {
		width: 100%;
		max-width: 376px;
		margin: 0 auto;
		float: none;
		box-shadow: none;
		min-height: auto !important;
		margin-bottom: 20px;
	}
}


.widget {
	position: relative;
}
.widget .widget-title {
	padding: 20px 0 10px 0;
	font-size: 18px;
	line-height: 1;
	color: #000;
	margin: 0 20px;
	text-transform: uppercase;
    font-weight: bold;
}

.widget-content {
	padding: 0 20px 0 20px;
}

@media only screen and (max-width: 620px) {
	.widget .widget-title {
		margin: 0 10px;
	}
	.widget-content {
		padding: 0 10px 0 10px;
	}

}

.widget-ads .widget-content{
	padding: 10px 1px;
	background: none;
}

.widget ul li {
	list-style: none
}
.widget ul li a {
	display: block;
	font-size: 16px;
	padding: 10px 0;
    color: #3367cc;
	border-bottom: 1px dashed rgba(0, 0, 0, 0.07);
}
.widget .fa:before {
	margin-right: 4px;
	color:#333;
}
.widget ul li:last-child {
	border-bottom: 0;
	margin: 0;
	padding: 0
}
.widget ul li a:hover {
	color: #4ca80b;
}

.widget-top ul li img {
    float: left;
    padding-right: 6px;  
}
.widget-top ul li a:after {
    display: table;
    content: '';
    clear: both;
}


/* sidebar; widget; widget-popular-posts and  widget-related-posts*/
.popular-posts a, 
.related-posts a {
	display: block;
	margin-bottom: 20px;
}
.popular-posts__thumb,
.related-post__thumb {
	padding-bottom: 5px;
}
.popular-posts__thumb img,
.related-post__thumb img {
	display: block;
	width: 100%;
}
.popular-posts__title,
.related-post__title {
	font-size: 14px;
	text-align: center;
	color: #000;
}
.popular-posts a:hover,
.related-posts a:hover {
	color: #000;
	text-decoration: underline;
}
.popular-posts a:hover img,
.related-posts a:hover img {
	opacity: 0.9;
}

/* end sidebar; widget; widget-popular-posts and widget-related-posts*/

@media only screen and (max-width: 1048px) {
	.widget .widget-title {
		font-size: 20px;
	}
	.popular-posts__title,
	.related-post__title {
		font-size: 18px;
	}
}



.category-nav {
	padding-top: 20px;
}

.category-menu {
	padding-top: 12px;
}
.category-menu:first-child {
	padding-top: 0;
}
.category-menu:last-child {
	border: 0;
}
.category-menu span, .category-menu a {
    font-size: 18px;
}
.category-menu .show-hidden, .category-menu a {
	display: block;
	background: #fff;
	line-height: 32px;
    padding: 0 10px;
	margin: 0 10px 10px 0;
	float: left;
	border: 1px solid #cfcfcf;
	color: #525252;
    color: rgba(0, 0, 0, 0.7);
	border-radius: 6px;
}
.category-menu a:hover,
.category-menu a.active-menu,
.category-menu .show-hidden:hover {
    color: #0074d9;
    background-color: #f9f9f9;
	border-color: #0074d9;
}
.show-hidden:hover {
	cursor: pointer;
}

.category-menu a.hidden {
    display: none;
}
.category-menu a.active-menu {
    display: block;
}
.category-menu__list:first-child .active-menu {
	box-shadow: -1px 0 0px rgba(255, 255, 255, .75);
}
.category-menu__list .fa:before {
	margin-right: 4px;
}
.category-menu:after {
	content: "";
	display: table;
	clear: both;
}
.category-menu__versions a:before, 
.category-menu__tags a:before {
	display: inline;
	font-family: 'fontello';
	margin-right: 4px;
	line-height: 1;
}
.category-menu__versions a:before {
	content: '\f1b2';
}
.category-menu__tags a:before {
	content: '\e80f';
}
.category-menu__versions .all-versions:before {
	content: '';
	margin-right: 0;
}
.category-menu__sub {
	background: #f2f2f2;
	border-radius: 6px;
}
.category-menu__sub .category-menu__list {
	padding: 0 20px;
}


.category-menu__back a:before {
	content: '\e808';
}

.category-menu__back a:before {
    display: inline-block;
    font-family: 'fontello';
	margin-right: 9px;
    font-weight: bold;
}

.dl-botton-alt {
	display: block;
	height: 74px;
	width: 237px;
	background: #4ca80b;
	color: #fff;
	text-decoration: none;
	border-radius: 2px;
    margin: 10px auto;
}
.dl-botton-alt {
	height: 66px;
}
.dl-botton-alt__text {
	
	height: 60px;
    line-height: 60px;
	font-size: 34px;
	font-weight: bold;
	padding: 0 16px;
	text-shadow: 1px 1px rgba(0,0,0,.01)
}
.dl-botton-alt__text:after {
	display: block;
	font-family: 'fontello';
	content: '\e801';
	width: 41px;
	float: right;
	margin-left: 12px;
	overflow: hidden;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}
.dl-botton-alt__text:after {
	font-weight: normal;
}
.dl-botton-alt__title {
	height: 14px;
	line-height: 12px;
	font-size: 12px;
	color: #57b13b;
	background: #4a9732;
	text-align: center;
	border-radius: 0 0 2px 2px;
	box-shadow: 0 -1px 0 rgba(0,0,0,.2);
}
.dl-botton-alt__title {
	height: 6px;
	box-shadow: none;
}

.dl-botton-alt:hover {
	opacity: 0.8;
    text-decoration: none;
    color: #fff;
}
.dl-botton-alt:hover {
	cursor: pointer;
}


/**
Download button
*/

.dl-btn, .s-btn, .seed-btn {
    margin-bottom: 5px;
    border-radius: 6px;
}
.dl-btn, .seed-btn {
	border: 2px solid #739e4b;
}
.s-btn {
    border: 2px solid #dddcdc;
}

.dl-btn a, .dl-btn span, .seed-btn span, .s-btn a, .s-btn span  {
    font-size: 16px;
    display: block;
    height: 40px;
    line-height: 40px;
}

.dl-btn a, .dl-btn span, .seed-btn span {
    color: #2a5b08;
}
.s-btn a, .s-btn span {
	padding: 0 20px;
	color: #6a6a6a;
}

.dl-btn a:before, .dl-btn span:before, .seed-btn span:before {
    display: block;
    float: left;
    font-size: 20px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    background: #739e4b;
    margin-right: 20px;
    text-decoration: none;
    border-right: 2px solid #739e4b;
    padding: 0 20px;
    height: 40px;
    line-height: 40px;
    margin-left: -2px;
    border-radius: 6px 0 0 6px;
	text-transform: uppercase;
	
}
.dl-btn a:before, .dl-btn span:before {
	content: 'Cкачать';
}

.seed-btn span:before {
	content: 'Сид';
}

.dl-btn a:hover,
.s-btn a:hover {
    background: #eef0ed;
    border-radius: 6px;
    text-decoration: underline;
}

.s-btn a:hover {
    background: #f4f4f4;
    color: #acacac;
}

.lang-ru a:after {
    content: '';
    display: block;
    background: url(/wp-content/themes/mj/assets/images/russia.png) no-repeat;
	background-size: cover;
    height: 20px;
    width: 30px;
    float: right;
    border: 1px solid #e2e2e2;
    margin: 10px 0;
}

.telegram-button {
	border: 2px solid #0088cc;
}
.telegram-button a, .telegram-button span {
	color: #0088cc;
}

.telegram-button a:before, .telegram-button span:before {
	background: #0088cc;
	border-right: 2px solid #0088cc;

}
.telegram-text:before {
	content: 'Наш телеграм канал! Каждый день новые моды!';
}


@media only screen and (max-width: 780px) {
	.dl-btn a, .dl-btn span, .seed-btn span, .s-btn a, .s-btn span  {
		height: auto;
		line-height: 2;
		padding: 0 20px 10px 20px;
	}
	.s-btn a, .s-btn span {
		padding: 10px 20px;
	}
	.dl-btn a:before, .dl-btn span:before, .seed-btn span:before {
		float: none;
		text-align: center;
		border-radius: 6px 6px 0 0;
		margin-right: -22px;
		margin-left: -22px;
		margin-bottom: 10px;
		border-right: 0;
	}
	.dl-btn a:hover {
		text-decoration: none;
	}

}

/**
Footer
*/

.footer {
	background: #33363b;
	color: #fff;
	color: rgba(255,255,255,.7);
}

.footer a {
	color: #fff;
	color: rgba(255,255,255,.7);
}

.footer a:hover {
	color: #fff;
}

.footer-nav {
	padding: 20px 20px;
	min-height: 100px;
}

.footer-nav ul li {
	float: left;
	list-style: none;
	font-size: 16px;
	line-height: 1;
	margin-right: 20px;
}

.footer-nav:after {
	display: table;
	content: '';
	clear: both;
}

.footer-counts {
	display: none;
}

/**
End Footer
*/

/**
Page 404
*/
.no-page-bg {
	background: #fff;
}
.no-page {
	width: 320px;
	margin: 20px auto;
	text-align: center;
	font-size: 16px
}
.no-page h1 {
	font-size: 32px;
	line-height: 32px;
	margin: 20px 0
}
.no-page p {
	line-height: 24px;
	margin-bottom: 20px
}
.no-page a {
	color: #739e4b;
	font-weight: 700
}
.no-page a:hover {
	text-decoration: underline
}
/**
End Page 404
*/


.wrap:after,
.container:after,
.post-teaser:after,
.footer:after,
.footer-count:after,
.footer-nav:after,
.content:after {
	display: table;
	content: '';
	clear: both
}
.content,
.noselect,
.about,
.header {
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none
}
.content h1,
.content h2,
.post-full h2,
.post-comments,
.post-content ol li,
.seed-btn span {
	-moz-user-select: text;
	-webkit-user-select: text;
	-ms-user-select: text;
	-o-user-select: text;
	user-select: text
}

/**
Рейтинг
*/

.post-cotent__rating {
	background: #f2f2f2;
	padding: 0 10px;
}

.vote-block {
	overflow: hidden;
	vertical-align: middle;
	position: relative;
	margin: 0 auto;
	padding: 10px 0;
	width: 145px;
}
.vote-block .rating-info {
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 15px;
	display: none !important;
}
.vote-block .rating-text {
	font-size: 16px;
	line-height: 1;
	text-align: center;
	padding-top: 10px;
}
.vote-block .rating-text__total {
	font-size: 14px;
	line-height: 1;
	padding-top: 10px;
}

.vote-block .rating {
	list-style: none;
	margin: 0 10px 0 0;
	width: 145px;
	height: 29px;
	vertical-align: middle;
	background: none !important
}
.vote-block .rating:hover li {
	background-image: url(/wp-content/themes/mj/assets/images/star29.png);
	background-position: 0 0;
	cursor: pointer
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
	.vote-block .rating:hover li {
		background-image: url(/wp-content/themes/mj/assets/images/star29.png);
		background-size: 29px 87px !important
	}
}
.vote-block .rating li {
	display: block;
	width: 29px;
	height: 29px;
	float: right;
	text-indent: -9999px;
	cursor: pointer
}
.vote-block .rating li:hover,
.vote-block .rating li:hover ~ li {
	background-position: 0 -29px;
}
.vote-block.disabled .rating li.current {
	display: block;
	z-index: 10
}
.vote-block .rating li.active,
.vote-block .rating li.active ~ li {
	background-position: 0 -58px;
}
.vote-block li.current {
	display: none
}
.vote-block ol.show-current {
	position: relative;
	padding: 0 !important;
	margin: 0 !important
}
.vote-block ol.show-current li {
	cursor: default;
	z-index: 2;
	position: relative
}
.vote-block ol.show-current li.current {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	z-index: 1;
	background-position: 0 0;
	background-repeat: repeat-x;
	background-image: url(/wp-content/themes/mj/assets/images/star29.png)
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
	.vote-block ol.show-current li.current {
		background-image: url(/wp-content/themes/mj/assets/images/star29.png);
		background-size: 29px 87px !important
	}
}
.vote-block ol.show-current li.current span {
	display: block;
	height: 29px;
	width: 0;
	background: inherit;
	background-position: 0 -58px;
}
.vote-block ol:after {
	display: table;
	content: '';
	clear: both;
}

/**
End Рейтинг
*/



/* Комментарии */

textarea {
	min-height: 170px; 
	margin: 0px; 
	padding: 0px; 
	resize: none; 
	overflow: hidden;
}

.comments-area {
	padding: 20px 0;
	max-width: 100%;
	-moz-user-select: text;
	-webkit-user-select: text;
	-ms-user-select: text;
	-o-user-select: text;
	user-select: text
}

.comments-area p {
	margin: 0 0 10px;
}

.comments-area img {
	display: inline-block;
}

.comments-title {
	
	font-size: 24px;
	font-weight: bold;
	margin: 15px 0 20px;
}

.comment-list {
	list-style: none;
	margin: 0 -10px ;
	padding: 0;
}

.comment-list .comment-box {
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	padding: 10px
}

.comment-list .bypostauthor .comment-box {
	background: #fff;
}

.comment-list .children {
	list-style: none;
	margin: 5px 0 0;
	padding: 0 0 0 15px
}

@media (min-width:768px) {
	.comment-list .children {
		padding-left: 65px
	}
}

.comment-list .comment-header {
	position: relative;
	padding-left: 65px
}

.comment-list .comment-avatar {
	position: absolute;
	top: 0;
	left: 0
}

.comment-meta {
	margin-bottom: 12px
}

.comment-list .comment-author {
	
	font-style: normal;
	font-weight: 700;
	color: #333
}

.comment-list .comment-author.comment-reply-link,
.comment-list .comment-author.root-pseudo-link,
.comment-list .comment-author.spanlink {
	border-bottom: 1px solid #ccc
}

.comment-list .comment-author-post {
	margin-left: 4px;
	font-size: .8em
}

.comment-list .comment-time {
	color: #999;
	margin-left: 20px;
	font-size: .8em;
	opacity: .6;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.comment-list .comment-body {
	padding-left: 65px
}

.comment-list .comment-text {
	word-wrap: break-word;
	font-size: 18px;
	line-height: 1.35
}

.comment-list .comment-footer {
	line-height: 1;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

@media (min-width:992px) {
	.comment-list .comment-footer {
		opacity: 0;
		filter: "alpha(opacity=0)"
	}
}

.comment-reply-link {
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	font-size: .85em
}

.comment-reply-link:before {
	content: '\f112';
	font-family: 'Fontello';
	margin-right: 10px
}

.comment-box:hover .comment-time {
	opacity: 1;
	filter: "alpha(opacity=100)"
}

.comment-box:hover .comment-footer {
	opacity: 1;
	filter: "alpha(opacity=100)"
}

.comment-form {
	margin-top: 20px;
}

@media (min-width:768px) {
	.comment-respond .comment-form-author,
	.comment-respond .comment-form-email,
	.comment-respond .comment-form-url {
		width: 32%;
		float: left;
		margin-left: 2%;
	}
}
.comment-respond {
	padding-bottom: 40px;
}
.comment .comment-respond {
	padding-right: 10px;
	padding-left: 10px;
}


.comment-respond .comment-form-author {
	margin-left: 0
}

.comment-respond .comment-form-comment:before {
	content: '';
	display: block;
	clear: both
}

.comment-respond .comment-form-author label,
.comment-respond .comment-form-comment label,
.comment-respond .comment-form-email label,
.comment-respond .comment-form-url label {
	display: block
}

.comment-respond .comment-form-author input,
.comment-respond .comment-form-comment textarea,
.comment-respond .comment-form-email input,
.comment-respond .comment-form-url input
 {
	display: block;
	width: 100%;
	border: 1px solid #ccc;
	padding: 6px 12px;
	line-height: 1.42857143;
	outline: 0;
	margin-bottom: 20px;
}

.comment-respond .comment-form-author input:focus,
.comment-respond .comment-form-comment textarea:focus,
.comment-respond .comment-form-email input:focus,
.comment-respond .comment-form-url input:focus {
	border-color: #008acf
}


.comment-respond .comment-form-comment textarea {
	resize: vertical
}

.comment-respond .form-submit:before {
	content: '';
	clear: both;
	display: block
}

.comment-respond .comment-notes-after {
	font-size: 85%;
	margin-bottom: 15px
}

.comment-respond .comment-notes-after:after,
.comment-respond .comment-notes-after:before {
	content: " ";
	display: table;
	line-height: 0
}

.comment-respond .comment-notes-after:after {
	clear: both
}

.comment-respond .comment-reply-title {
	
	font-size: 24px;
	font-weight: bold;
	margin-top: 25px;
	margin-bottom: 10px
}

.comment-respond .comment-smiles {
	margin-top: 10px;
    margin-bottom: 20px;
}

.comment-respond .comment-smiles img {
	display: inline-block;
	max-height: 40px;
	margin-bottom: 10px;
	cursor: pointer;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.comment-respond .comment-smiles img:hover {
	opacity: .9;
	filter: "alpha(opacity=90)";
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2)
}

.comment-respond .comment-form-cookies-consent {
	font-size: .9em
}

.comment-respond .comment-form-cookies-consent input[type=checkbox] {
	margin-right: 5px
}


.comment-reply-link {
	color: #428bca;
	cursor: pointer;
	text-decoration: none
}

.comment-reply-link:hover {
	color: #4ca80b;
	text-decoration: none;
	outline: 0
}

.comment-respond .form-submit input {
	
	font-size: 18px;
	display: inline-block;
	padding: 0 20px;
	margin-bottom: 0;
	line-height: 44px;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color: #fff;
	text-decoration: none;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	background: #739e4b;
}

.comment-respond .form-submit input:hover {
	opacity: 0.9;
}

/* Fix */
.comment-form-email {
	display: none;
}


/* Смайлы */
.wp-smiley {
    max-height: 32px;
}

p.logged-in-as {
	margin: 15px 0 20px 0;
	font-size: 14px;
}
p.logged-in-as a {
	font-weight: normal;
}
p.logged-in-as a:hover {
	text-decoration: underline;
}

#cancel-comment-reply-link {
	font-size: 16px;
	font-weight: normal;
}
#cancel-comment-reply-link:hover {
	text-decoration: underline;
}



/*
 * Fotorama 4.6.4 | http://fotorama.io/license/
 */
/* фикс. фон */
.fotorama__stage {
    background: #f6f6f6;
}



 .fotorama__arr:focus:after,
 .fotorama__fullscreen-icon:focus:after,
 .fotorama__html,
 .fotorama__img,
 .fotorama__nav__frame:focus .fotorama__dot:after,
 .fotorama__nav__frame:focus .fotorama__thumb:after,
 .fotorama__stage__frame,
 .fotorama__stage__shaft,
 .fotorama__video iframe {
	 position: absolute;
	 width: 100%;
	 height: 100%;
	 top: 0;
	 right: 0;
	 left: 0;
	 bottom: 0
 }
 
 .fotorama--fullscreen,
 .fotorama__img {
	 max-width: 99999px !important;
	 max-height: 99999px !important;
	 min-width: 0 !important;
	 min-height: 0 !important;
	 border-radius: 0 !important;
	 box-shadow: none !important;
	 padding: 0 !important
 }
 
 .fotorama__wrap .fotorama__grab {
	 cursor: move;
	 cursor: -webkit-grab;
	 cursor: -o-grab;
	 cursor: -ms-grab;
	 cursor: grab
 }
 
 .fotorama__grabbing * {
	 cursor: move;
	 cursor: -webkit-grabbing;
	 cursor: -o-grabbing;
	 cursor: -ms-grabbing;
	 cursor: grabbing
 }
 
 .fotorama__spinner {
	 position: absolute !important;
	 top: 50% !important;
	 left: 50% !important
 }
 
 .fotorama__wrap--css3 .fotorama__arr,
 .fotorama__wrap--css3 .fotorama__fullscreen-icon,
 .fotorama__wrap--css3 .fotorama__nav__shaft,
 .fotorama__wrap--css3 .fotorama__stage__shaft,
 .fotorama__wrap--css3 .fotorama__thumb-border,
 .fotorama__wrap--css3 .fotorama__video-close,
 .fotorama__wrap--css3 .fotorama__video-play {
	 -webkit-transform: translate3d(0, 0, 0);
	 transform: translate3d(0, 0, 0)
 }
 
 .fotorama__caption,
 .fotorama__nav:after,
 .fotorama__nav:before,
 .fotorama__stage:after,
 .fotorama__stage:before,
 .fotorama__wrap--css3 .fotorama__html,
 .fotorama__wrap--css3 .fotorama__nav,
 .fotorama__wrap--css3 .fotorama__spinner,
 .fotorama__wrap--css3 .fotorama__stage,
 .fotorama__wrap--css3 .fotorama__stage .fotorama__img,
 .fotorama__wrap--css3 .fotorama__stage__frame {
	 -webkit-transform: translateZ(0);
	 transform: translateZ(0)
 }
 
 .fotorama__arr:focus,
 .fotorama__fullscreen-icon:focus,
 .fotorama__nav__frame {
	 outline: 0
 }
 
 .fotorama__arr:focus:after,
 .fotorama__fullscreen-icon:focus:after,
 .fotorama__nav__frame:focus .fotorama__dot:after,
 .fotorama__nav__frame:focus .fotorama__thumb:after {
	 content: '';
	 border-radius: inherit;
	 background-color: rgba(0, 175, 234, .5)
 }
 
 .fotorama__wrap--video .fotorama__stage,
 .fotorama__wrap--video .fotorama__stage__frame--video,
 .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,
 .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img,
 .fotorama__wrap--video .fotorama__stage__shaft {
	 -webkit-transform: none !important;
	 transform: none !important
 }
 
 .fotorama__wrap--css3 .fotorama__nav__shaft,
 .fotorama__wrap--css3 .fotorama__stage__shaft,
 .fotorama__wrap--css3 .fotorama__thumb-border {
	 transition-property: -webkit-transform, width;
	 transition-property: transform, width;
	 transition-timing-function: cubic-bezier(0.1, 0, .25, 1);
	 transition-duration: 0ms
 }
 
 .fotorama__arr,
 .fotorama__fullscreen-icon,
 .fotorama__no-select,
 .fotorama__video-close,
 .fotorama__video-play,
 .fotorama__wrap {
	 -webkit-user-select: none;
	 -moz-user-select: none;
	 -ms-user-select: none;
	 user-select: none
 }
 
 .fotorama__select {
	 -webkit-user-select: text;
	 -moz-user-select: text;
	 -ms-user-select: text;
	 user-select: text
 }
 
 .fotorama__nav,
 .fotorama__nav__frame {
	 margin: auto;
	 padding: 0
 }
 
 .fotorama__caption__wrap,
 .fotorama__nav__frame,
 .fotorama__nav__shaft {
	 -moz-box-orient: vertical;
	 display: inline-block;
	 vertical-align: middle;
	 *display: inline;
	 *zoom: 1
 }
 
 .fotorama__nav__frame,
 .fotorama__thumb-border {
	 box-sizing: content-box
 }
 
 .fotorama__caption__wrap {
	 box-sizing: border-box
 }
 
 .fotorama--hidden,
 .fotorama__load {
	 position: absolute;
	 left: -99999px;
	 top: -99999px;
	 z-index: -1
 }
 
 .fotorama__arr,
 .fotorama__fullscreen-icon,
 .fotorama__nav,
 .fotorama__nav__frame,
 .fotorama__nav__shaft,
 .fotorama__stage__frame,
 .fotorama__stage__shaft,
 .fotorama__video-close,
 .fotorama__video-play {
	 -webkit-tap-highlight-color: transparent
 }
 
 .fotorama__arr,
 .fotorama__fullscreen-icon,
 .fotorama__video-close,
 .fotorama__video-play {
	 background: url(/wp-content/themes/mj/assets/images/fotorama.png) no-repeat
 }
 
 @media (-webkit-min-device-pixel-ratio:1.5),
 (min-resolution:2dppx) {
 
	 .fotorama__arr,
	 .fotorama__fullscreen-icon,
	 .fotorama__video-close,
	 .fotorama__video-play {
		 background: url(/wp-content/themes/mj/assets/images/fotorama@2x.png) 0 0/96px 160px no-repeat
	 }
 }
 
 .fotorama__thumb {
	 background-color: #7f7f7f;
	 background-color: rgba(127, 127, 127, .2)
 }
 
 @media print {
 
	 .fotorama__arr,
	 .fotorama__fullscreen-icon,
	 .fotorama__thumb-border,
	 .fotorama__video-close,
	 .fotorama__video-play {
		 background: none !important
	 }
 }
 
 .fotorama {
	 min-width: 1px;
	 overflow: hidden
 }
 
 .fotorama:not(.fotorama--unobtrusive)>*:not(:first-child) {
	 display: none
 }
 
 .fullscreen {
	 width: 100% !important;
	 height: 100% !important;
	 max-width: 100% !important;
	 max-height: 100% !important;
	 margin: 0 !important;
	 padding: 0 !important;
	 overflow: hidden !important;
	 background: #000
 }
 
 .fotorama--fullscreen {
	 position: absolute !important;
	 top: 0 !important;
	 left: 0 !important;
	 right: 0 !important;
	 bottom: 0 !important;
	 float: none !important;
	 z-index: 2147483647 !important;
	 background: #000;
	 width: 100% !important;
	 height: 100% !important;
	 margin: 0 !important
 }

 .fotorama--fullscreen .fotorama__nav,
 .fotorama--fullscreen .fotorama__stage {
	 background: #000
 }
 
 .fotorama__wrap {
	 -webkit-text-size-adjust: 100%;
	 position: relative;
	 direction: ltr;
	 z-index: 0
 }
 
 .fotorama__wrap--rtl .fotorama__stage__frame {
	 direction: rtl
 }
 
 .fotorama__nav,
 .fotorama__stage {
	 overflow: hidden;
	 position: relative;
	 max-width: 100%
 }
 
 .fotorama__wrap--pan-y {
	 -ms-touch-action: pan-y
 }
 
 .fotorama__wrap .fotorama__pointer {
	 cursor: pointer;
 }
 
 .fotorama__wrap--slide .fotorama__stage__frame {
	 opacity: 1 !important
 }
 
 .fotorama__stage__frame {
	 overflow: hidden
 }
 
 .fotorama__stage__frame.fotorama__active {
	 z-index: 8
 }
 
 .fotorama__wrap--fade .fotorama__stage__frame {
	 display: none
 }
 
 .fotorama__wrap--fade .fotorama__fade-front,
 .fotorama__wrap--fade .fotorama__fade-rear,
 .fotorama__wrap--fade .fotorama__stage__frame.fotorama__active {
	 display: block;
	 left: 0;
	 top: 0
 }
 
 .fotorama__wrap--fade .fotorama__fade-front {
	 z-index: 8
 }
 
 .fotorama__wrap--fade .fotorama__fade-rear {
	 z-index: 7
 }
 
 .fotorama__wrap--fade .fotorama__fade-rear.fotorama__active {
	 z-index: 9
 }
 
 .fotorama__wrap--fade .fotorama__stage .fotorama__shadow {
	 display: none
 }
 
 .fotorama__img {
	 -ms-filter: "alpha(Opacity=0)";
	 filter: alpha(opacity=0);
	 opacity: 0;
	 border: none !important
 }
 
 .fotorama__error .fotorama__img,
 .fotorama__loaded .fotorama__img {
	 -ms-filter: "alpha(Opacity=100)";
	 filter: alpha(opacity=100);
	 opacity: 1
 }
 
 .fotorama--fullscreen .fotorama__loaded--full .fotorama__img,
 .fotorama__img--full {
	 display: none
 }
 
 .fotorama--fullscreen .fotorama__loaded--full .fotorama__img--full {
	 display: block
 }
 
 .fotorama__wrap--only-active .fotorama__nav,
 .fotorama__wrap--only-active .fotorama__stage {
	 max-width: 99999px !important
 }
 
 .fotorama__wrap--only-active .fotorama__stage__frame {
	 visibility: hidden
 }
 
 .fotorama__wrap--only-active .fotorama__stage__frame.fotorama__active {
	 visibility: visible
 }
 
 .fotorama__nav {
	 font-size: 0;
	 line-height: 0;
	 text-align: center;
	 display: none;
	 white-space: nowrap;
	 z-index: 5
 }
 
 .fotorama__nav__shaft {
	 position: relative;
	 left: 0;
	 top: 0;
	 text-align: left
 }
 
 .fotorama__nav__frame {
	 position: relative;
	 cursor: pointer
 }
 
 .fotorama__nav--dots {
	 display: block
 }
 
 .fotorama__nav--dots .fotorama__nav__frame {
	 width: 18px;
	 height: 30px
 }
 
 .fotorama__nav--dots .fotorama__nav__frame--thumb,
 .fotorama__nav--dots .fotorama__thumb-border {
	 display: none
 }
 
 .fotorama__nav--thumbs {
	 display: block
 }
 
 .fotorama__nav--thumbs .fotorama__nav__frame {
	 padding-left: 0 !important
 }
 
 .fotorama__nav--thumbs .fotorama__nav__frame:last-child {
	 padding-right: 0 !important
 }
 
 .fotorama__nav--thumbs .fotorama__nav__frame--dot {
	 display: none
 }
 
 .fotorama__dot {
	 display: block;
	 width: 4px;
	 height: 4px;
	 position: relative;
	 top: 12px;
	 left: 6px;
	 border-radius: 6px;
	 border: 1px solid #7f7f7f
 }
 
 .fotorama__nav__frame:focus .fotorama__dot:after {
	 padding: 1px;
	 top: -1px;
	 left: -1px
 }
 
 .fotorama__nav__frame.fotorama__active .fotorama__dot {
	 width: 0;
	 height: 0;
	 border-width: 3px
 }
 
 .fotorama__nav__frame.fotorama__active .fotorama__dot:after {
	 padding: 3px;
	 top: -3px;
	 left: -3px
 }
 
 .fotorama__thumb {
	 overflow: hidden;
	 position: relative;
	 width: 100%;
	 height: 100%
 }
 
 .fotorama__nav__frame:focus .fotorama__thumb {
	 z-index: 2
 }
 
 .fotorama__thumb-border {
	 position: absolute;
	 z-index: 9;
	 top: 0;
	 left: 0;
	 border-style: solid;
	 border-color: #00afea;
	 background-image: linear-gradient(to bottom right, rgba(255, 255, 255, .25), rgba(64, 64, 64, .1))
 }
 
 .fotorama__caption {
	 position: absolute;
	 z-index: 12;
	 bottom: 0;
	 left: 0;
	 right: 0;

	 font-size: 14px;
	 line-height: 1.5;
	 color: #000
 }
 
 .fotorama__caption a {
	 text-decoration: none;
	 color: #000;
	 border-bottom: 1px solid;
	 border-color: rgba(0, 0, 0, .5)
 }
 
 .fotorama__caption a:hover {
	 color: #333;
	 border-color: rgba(51, 51, 51, .5)
 }
 
 .fotorama__wrap--rtl .fotorama__caption {
	 left: auto;
	 right: 0
 }
 
 .fotorama__wrap--no-captions .fotorama__caption,
 .fotorama__wrap--video .fotorama__caption {
	 display: none
 }
 
 .fotorama__caption__wrap {
	 background-color: #fff;
	 background-color: rgba(255, 255, 255, .9);
	 padding: 5px 10px
 }
 
 @-webkit-keyframes spinner {
	 0% {
		 -webkit-transform: rotate(0);
		 transform: rotate(0)
	 }
 
	 100% {
		 -webkit-transform: rotate(360deg);
		 transform: rotate(360deg)
	 }
 }
 
 @keyframes spinner {
	 0% {
		 -webkit-transform: rotate(0);
		 transform: rotate(0)
	 }
 
	 100% {
		 -webkit-transform: rotate(360deg);
		 transform: rotate(360deg)
	 }
 }
 
 .fotorama__wrap--css3 .fotorama__spinner {
	 -webkit-animation: spinner 24s infinite linear;
	 animation: spinner 24s infinite linear
 }
 
 .fotorama__wrap--css3 .fotorama__html,
 .fotorama__wrap--css3 .fotorama__stage .fotorama__img {
	 transition-property: opacity;
	 transition-timing-function: linear;
	 transition-duration: .3s
 }
 
 .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,
 .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img {
	 -ms-filter: "alpha(Opacity=0)";
	 filter: alpha(opacity=0);
	 opacity: 0
 }
 
 .fotorama__select {
	 cursor: auto
 }
 
 .fotorama__video {
	 top: 32px;
	 right: 0;
	 bottom: 0;
	 left: 0;
	 position: absolute;
	 z-index: 10
 }
 
 @-moz-document url-prefix() {
	 .fotorama__active {
		 box-shadow: 0 0 0 transparent
	 }
 }
 
 .fotorama__arr,
 .fotorama__fullscreen-icon,
 .fotorama__video-close,
 .fotorama__video-play {
	 position: absolute;
	 z-index: 11;
	 cursor: pointer
 }
 
 .fotorama__arr {
	 position: absolute;
	 width: 32px;
	 height: 32px;
	 top: 50%;
	 margin-top: -16px
 }
 
 .fotorama__arr--prev {
	 left: 2px;
	 background-position: 0 0
 }
 
 .fotorama__arr--next {
	 right: 2px;
	 background-position: -32px 0
 }
 
 .fotorama__arr--disabled {
	 pointer-events: none;
	 cursor: default;
	 *display: none;
	 opacity: .1
 }
 
 .fotorama__fullscreen-icon {
	 width: 32px;
	 height: 32px;
	 top: 2px;
	 right: 2px;
	 background-position: 0 -32px;
	 z-index: 20
 }
 
 .fotorama__arr:focus,
 .fotorama__fullscreen-icon:focus {
	 border-radius: 50%
 }
 
 .fotorama--fullscreen .fotorama__fullscreen-icon {
	 background-position: -32px -32px
 }
 
 .fotorama__video-play {
	 width: 96px;
	 height: 96px;
	 left: 50%;
	 top: 50%;
	 margin-left: -48px;
	 margin-top: -48px;
	 background-position: 0 -64px;
	 opacity: 0
 }
 
 .fotorama__wrap--css2 .fotorama__video-play,
 .fotorama__wrap--video .fotorama__stage .fotorama__video-play {
	 display: none
 }
 
 .fotorama__error .fotorama__video-play,
 .fotorama__loaded .fotorama__video-play,
 .fotorama__nav__frame .fotorama__video-play {
	 opacity: 1;
	 display: block
 }
 
 .fotorama__nav__frame .fotorama__video-play {
	 width: 32px;
	 height: 32px;
	 margin-left: -16px;
	 margin-top: -16px;
	 background-position: -64px -32px
 }
 
 .fotorama__video-close {
	 width: 32px;
	 height: 32px;
	 top: 0;
	 right: 0;
	 background-position: -64px 0;
	 z-index: 20;
	 opacity: 0
 }
 
 .fotorama__wrap--css2 .fotorama__video-close {
	 display: none
 }
 
 .fotorama__wrap--css3 .fotorama__video-close {
	 -webkit-transform: translate3d(32px, -32px, 0);
	 transform: translate3d(32px, -32px, 0)
 }
 
 .fotorama__wrap--video .fotorama__video-close {
	 display: block;
	 opacity: 1
 }
 
 .fotorama__wrap--css3.fotorama__wrap--video .fotorama__video-close {
	 -webkit-transform: translate3d(0, 0, 0);
	 transform: translate3d(0, 0, 0)
 }
 
 .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,
 .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon {
	 opacity: 0
 }
 
 .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,
 .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus {
	 opacity: 1
 }
 
 .fotorama__wrap--video .fotorama__arr,
 .fotorama__wrap--video .fotorama__fullscreen-icon {
	 opacity: 0 !important
 }
 
 .fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,
 .fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon {
	 display: none
 }
 
 .fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,
 .fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus {
	 display: block
 }
 
 .fotorama__wrap--css2.fotorama__wrap--video .fotorama__arr,
 .fotorama__wrap--css2.fotorama__wrap--video .fotorama__fullscreen-icon {
	 display: none !important
 }
 
 .fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:not(:focus) {
	 -webkit-transform: translate3d(32px, -32px, 0);
	 transform: translate3d(32px, -32px, 0)
 }
 
 .fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--prev:not(:focus) {
	 -webkit-transform: translate3d(-48px, 0, 0);
	 transform: translate3d(-48px, 0, 0)
 }
 
 .fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--next:not(:focus) {
	 -webkit-transform: translate3d(48px, 0, 0);
	 transform: translate3d(48px, 0, 0)
 }
 
 .fotorama__wrap--css3.fotorama__wrap--video .fotorama__fullscreen-icon {
	 -webkit-transform: translate3d(32px, -32px, 0) !important;
	 transform: translate3d(32px, -32px, 0) !important
 }
 
 .fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--prev {
	 -webkit-transform: translate3d(-48px, 0, 0) !important;
	 transform: translate3d(-48px, 0, 0) !important
 }
 
 .fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--next {
	 -webkit-transform: translate3d(48px, 0, 0) !important;
	 transform: translate3d(48px, 0, 0) !important
 }
 
 .fotorama__wrap--css3 .fotorama__arr:not(:focus),
 .fotorama__wrap--css3 .fotorama__fullscreen-icon:not(:focus),
 .fotorama__wrap--css3 .fotorama__video-close:not(:focus),
 .fotorama__wrap--css3 .fotorama__video-play:not(:focus) {
	 transition-property: -webkit-transform, opacity;
	 transition-property: transform, opacity;
	 transition-duration: .3s
 }
 
 .fotorama__nav:after,
 .fotorama__nav:before,
 .fotorama__stage:after,
 .fotorama__stage:before {
	 content: "";
	 display: block;
	 position: absolute;
	 text-decoration: none;
	 top: 0;
	 bottom: 0;
	 width: 10px;
	 height: auto;
	 z-index: 10;
	 pointer-events: none;
	 background-repeat: no-repeat;
	 background-size: 1px 100%, 5px 100%
 }
 
 .fotorama__nav:before,
 .fotorama__stage:before {
	 background-image: linear-gradient(transparent, rgba(0, 0, 0, .2) 25%, rgba(0, 0, 0, .3) 75%, transparent), radial-gradient(farthest-side at 0 50%, rgba(0, 0, 0, .4), transparent);
	 background-position: 0 0, 0 0;
	 left: -10px
 }
 
 .fotorama__nav.fotorama__shadows--left:before,
 .fotorama__stage.fotorama__shadows--left:before {
	 left: 0
 }
 
 .fotorama__nav:after,
 .fotorama__stage:after {
	 background-image: linear-gradient(transparent, rgba(0, 0, 0, .2) 25%, rgba(0, 0, 0, .3) 75%, transparent), radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, .4), transparent);
	 background-position: 100% 0, 100% 0;
	 right: -10px
 }
 
 .fotorama__nav.fotorama__shadows--right:after,
 .fotorama__stage.fotorama__shadows--right:after {
	 right: 0
 }
 
 .fotorama--fullscreen .fotorama__nav:after,
 .fotorama--fullscreen .fotorama__nav:before,
 .fotorama--fullscreen .fotorama__stage:after,
 .fotorama--fullscreen .fotorama__stage:before,
 .fotorama__wrap--fade .fotorama__stage:after,
 .fotorama__wrap--fade .fotorama__stage:before,
 .fotorama__wrap--no-shadows .fotorama__nav:after,
 .fotorama__wrap--no-shadows .fotorama__nav:before,
 .fotorama__wrap--no-shadows .fotorama__stage:after,
 .fotorama__wrap--no-shadows .fotorama__stage:before {
	 display: none
 }


/* cat */

.top-horizontal-cat {
	width: 100%;
	max-height: 300px;
	margin-top: 20px;
}
.middle-horizontal-category {
	width: 100%;
	max-height: 600px;
	margin: 10px 0 50px 0;
}

.bottom-horizontal-cat {
	width: 100%;
	max-height: 300px;
	margin-bottom: 30px;
}

/** post */
.top-horizontal-post {
    width: 100%;
    max-height: 300px;
    margin: 20px 0;
}
 .content-square-post {
	width: 100%;
	max-height: 600px;
	margin: 20px 0;
 }
 .content-square-post-mid {
	width: 100%;
	max-height: 600px;
	margin-top: 20px;
 }

 .middle-horizontal-post {
	width: 100%;
	max-height: 300px;
 }

 .ads-feed {
	padding: 20px 0;
}