@charset "UTF-8";
body {
	background: #3c4145;
}
.categoryNav-item {
	display: table-cell;
	padding: 0;
}
.categoryNav-item > a {
	color: #000;
	display: block;
	line-height: 1;
	padding: 10px 25px 14px 25px;
	text-decoration: none;
}
.dropdown--opened .dropdown-content--video {
	height: auto;
	padding: 4px 0;
}
.innerNav--post.innerNav--video .innerNav-item {
	font-size: 1.4rem;
	font-family: "Montserrat", sans-serif;
	vertical-align: middle;
	text-align: center;
	width: 219px;
	height: 135px;
	box-sizing: border-box;
}
.innerNav--post.innerNav--video .innerNav-item a {
	width: 219px;
	display: block;
	background-color: #253037;
	opacity: 0.9;
	-webkit-transition: 0.6s;
	transition: 0.6s;
	line-height: 135px;
	color: #000000;
}
.innerNav--post.innerNav--video .innerNav-item a:hover {
	opacity: 0.6;
	color: #000000;
}
.innerNav--post.innerNav--video .innerNav-item--beauty a {
	background-color: #c084d4;
}
.innerNav--post.innerNav--video .innerNav-item--fashion a {
	background-color: #acb0b6;
}
.innerNav--post.innerNav--video .innerNav-item--tech a {
	background-color: #88d1d1;
}
.innerNav--post.innerNav--video .innerNav-item--news a {
	background-color: #a0bf86;
}
.innerNav--post.innerNav--video .innerNav-item--food a {
	background-color: #c4a759;
}
.innerNav--post.innerNav--video .innerNav-item--wellness a {
	background-color: #ea947a;
}
.innerNav--post.innerNav--video .innerNav-item--more a {
	background-color: #a0bf86;
}
.postBlock {
	margin: 46px auto;
}
.postBlock .post-title a {
	-webkit-transition: 0.6s;
	transition: 0.6s;
}
.postBlock .post-title a:hover {
	opacity: 0.6;
}
.postBlock--4column .postBlock-item {
	vertical-align: top;
	width: 300px;
	display: table-cell;
	position: relative;
}
.postBlock-title {
	color: #fff;
}
.post-thmb {
	background-image: none;
	background-color: #0f2224;
}
.post-meta .post-categoly a {
	-webkit-transition: 0.6s;
	transition: 0.6s;
	letter-spacing: 0.15em;
}
.post-meta .post-categoly a:hover {
	opacity: 0.6;
	text-decoration: none;
}
.post-meta .post-date time {
	letter-spacing: 0.15em;
}
.categoryName.categoryName--horoscope {
	color: #a5addf;
}
.categoryName.categoryName--beauty {
	color: #c084d4;
}
.categoryName.categoryName--tech {
	color: #87d2d2;
}
.categoryName.categoryName--fashion {
	color: #acb0b6;
}
.categoryName.categoryName--news {
	color: #a0bf86;
}
.categoryName.categoryName--food {
	color: #bf9f86;
}
.categoryName.categoryName--wellness {
	color: #ee7651;
}
.categoryName.categoryName--fitness {
	color: #ee7651;
}
.categoryName.categoryName--more {
	color: #a0bf86;
}
.postBlock--popular .post-meta .post-category a, .postBlock--popular .post-meta .post-date {
	background-color: rgba(172, 176, 182, 0.9);
}
.post-meta.categoryName--horoscope .post-category a,
.post-meta.categoryName--horoscope .post-date {
	background-color: rgba(165, 173, 223, 0.9);
}
.post-meta.categoryName--tech .post-category a,
.post-meta.categoryName--tech .post-date {
	background-color: rgba(136, 209, 209, 0.9);
}
.post-meta.categoryName--beauty .post-category a,
.post-meta.categoryName--beauty .post-date {
	background-color: rgba(192, 132, 212, 0.9);
}
.post-meta.categoryName--food .post-category a,
.post-meta.categoryName--food .post-date {
	background-color: rgba(196, 167, 89, 0.9);
}
.post-meta.categoryName--fitness .post-category a,
.post-meta.categoryName--fitness .post-date {
	background-color: rgba(234, 148, 122, 0.9);
}
.post-meta.categoryName--fashion .post-category a,
.post-meta.categoryName--fashion .post-date {
	background-color: rgba(172, 176, 182, 0.9);
}
.post-meta.categoryName--news .post-category a,
.post-meta.categoryName--news .post-date {
	background-color: rgba(160, 191, 134, 0.9);
}
.header {
	background-color: #0f2224;
}
.header .loginNav {
	display: none;
}
.logo {
	margin-left: 55px;
}
.logo > h1 {
	margin-top: -6px;
}
.logo > h1 a {
	display: inline-block;
	padding-left: 9px;
}
.logo > h1 a > img {
	width: auto;
	height: 48px;
}
.logo.dropdown-trigger--min > h1 {
	margin-top: 0;
}
.logo.dropdown-trigger--min > h1 a {
	display: inline;
}
.mediaNav {
	left: auto;
	right: 0;
}
.mediaNav-list {
	margin-right: 55px;
}
.mediaNav-list .mediaNav-item {
	margin-left: 16px;
}
.mediaNav-list .mediaNav-item > a {
	position: relative;
	display: block;
	overflow: hidden;
	height: 17px;
	padding-bottom: 0;
	-webkit-transition: all, 0.15s;
	transition: all, 0.15s;
}
.mediaNav-list .mediaNav-item > a:hover {
	opacity: 0.6;
	-webkit-transition: all, 0.3s;
	transition: all, 0.3s;
}
.mediaNav-list .mediaNav-item > a img {
	max-width: none;
	display: block;
	position: absolute;
	top: 3px;
	left: 0;
}
.mediaNav-list .mediaNav-item--gizmodo a {
	width: 66px;
}
.mediaNav-list .mediaNav-item--gizmodo a img {
	left: -713px;
}
.mediaNav-list .mediaNav-item--fuze a {
	width: 41px;
}
.mediaNav-list .mediaNav-item--fuze a img {
	left: -797px;
}
.mediaNav-list .mediaNav-item--lifehacker a {
	width: 61px;
}
.mediaNav-list .mediaNav-item--lifehacker a img {
	left: 0;
}
.mediaNav-list .mediaNav-item--bi a {
	width: 69px;
}
.mediaNav-list .mediaNav-item--bi a img {
	left: -853px;
}
.mediaNav-list .mediaNav-item--digiday a {
	width: 56px;
}
.mediaNav-list .mediaNav-item--digiday a img {
	left: -540px;
}
.mediaNav-list .mediaNav-item--gene a {
	width: 35px;
}
.mediaNav-list .mediaNav-item--gene a img {
	left: -77px;
}
.mediaNav-list .mediaNav-item--cafeglobe a {
	width: 64px;
}
.mediaNav-list .mediaNav-item--cafeglobe a img {
	left: -194px;
}
.mediaNav-list .mediaNav-item--glitty a {
	width: 58px;
}
.mediaNav-list .mediaNav-item--glitty a img {
	left: -277px;
}
.mediaNav-list .mediaNav-item--mylohas a {
	width: 82px;
}
.mediaNav-list .mediaNav-item--mylohas a img {
	left: -357px;
}
.mediaNav-list .mediaNav-item--roomie a {
	width: 71px;
}
.mediaNav-list .mediaNav-item--roomie a img {
	left: -929px;
}
.mediaNav-list .mediaNav-item--machiya a {
	width: 84px;
}
.mediaNav-list .mediaNav-item--machiya a img {
	left: -612px;
}
@-webkit-keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
@keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
@-webkit-keyframes circle_s {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 100%;
		height: 100%;
		opacity: 0;
	}
}
@keyframes circle_s {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 100%;
		height: 100%;
		opacity: 0;
	}
}
.main {
	background: #3c4145;
}
.main:before {
	content: "";
	position: absolute;
	top: 140px;
	left: 0;
	display: block;
	font-size: 0;
	width: 100%;
	height: 454px;
	background: -webkit-linear-gradient(top, #0f2324, #3c4145);
	background: linear-gradient(to bottom, #0f2324, #3c4145);
	z-index: -1;
}
.postBlock--3column .postBlock-item .post .post-thmb {
	display: inline-block;
	height: 224px;
}
.postBlock--3column .postBlock-item .post .post-thmb a {
	display: block;
	position: relative;
	width: 400px;
	height: 224px;
	overflow: hidden;
}
.postBlock--3column .postBlock-item .post .post-thmb a:before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background: rgba(255, 255, 255, 0.2);
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
}
.postBlock--3column .postBlock-item .post .post-thmb a:hover::before {
	-webkit-animation: circle .75s;
	animation: circle .75s;
}
.postBlock--3column .postBlock-item .post .post-thmb img {
	max-height: none;
	position: relative;
	top: 50%;
	left: 50%;
	width: 100%;
	height: auto;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.postBlock--3column .postBlock-item .post .post-thmb a:hover img {
	opacity: 1;
}
.postBlock--3column .postBlock-item .post .post-thmb > a:after {
	content: "";
	font-size: 0;
	line-height: 1;
	display: inline-block;
	width: 69px;
	height: 69px;
	background: url(../img/icon_play_s.png) no-repeat left top;
	background-size: 69px auto;
	position: absolute;
	top: 81px;
	left: 166px;
}
.postBlock--3column .postBlock-item .post .post-meta {
	font-size: 0;
	margin-top: -23px;
	padding-top: 0;
	position: relative;
	z-index: 100;
}
.postBlock--3column .postBlock-item .post .post-meta .post-title {
	font-size: 1.75rem;
	line-height: 1.33;
	margin-top: 0;
	margin-bottom: 1px;
	padding: 0;
	box-sizing: border-box;
}
.postBlock--3column .postBlock-item .post .post-meta .post-title > a {
	display: block;
	width: 362px;
	min-height: 64px;
	padding: 14px 7px 14px;
	background: rgba(37, 48, 55, 0.9);
	box-sizing: border-box;
	color: #fff;
}
.postBlock--3column .postBlock-item .post .post-meta .post-categoly {
	font-size: 0;
	vertical-align: top;
	display: inline-block;
	margin: 0 1px 0 0;
	padding: 0;
}
.postBlock--3column .postBlock-item .post .post-meta .post-categoly > a {
	display: block;
	font-family: "Montserrat", sans-serif;
	font-size: 1.2rem;
	text-align: left;
	line-height: 1.1;
	min-width: 112px;
	height: 25px;
	margin: 0;
	padding: 6px 0 7px 11px;
	box-sizing: border-box;
	background: rgba(37, 48, 55, 0.9);
}
.postBlock--3column .postBlock-item .post .post-meta .post-categoly > a:after {
	content: none;
}
.postBlock--3column .postBlock-item .post .post-meta .post-date {
	font-size: 0;
	vertical-align: top;
	display: inline-block;
	min-width: 112px;
	height: 25px;
	margin: 0;
	padding: 6px 0 7px 11px;
	box-sizing: border-box;
	background: rgba(37, 48, 55, 0.9);
}
.postBlock--3column .postBlock-item .post .post-meta .post-date time {
	font-size: 1.2rem;
	color: #fff;
	line-height: 1.1;
	padding: 0;
	margin: 0;
}
.postBlock--3column .postBlock-item .post .post-meta .post-tag {
	display: none;
}
.postBlock--3column .postBlock-item .post .post-meta .post-duration {
	position: absolute;
	top: -192px;
	right: 10px;
	color: #fff;
	font-size: 1.2rem;
	text-align: center;
	line-height: 25px;
	vertical-align: middle;
	display: none;
	width: 56px;
	height: 25px;
	border-radius: 2px;
	background-color: rgba(0, 0, 0, 0.7);
	box-sizing: border-box;
}
.recentArticle .postBlock:first-child {
	width: 100%;
	margin-bottom: 46px;
}
.recentArticle .swiper-container {
	width: 100%;
	height: 434px;
}
.recentArticle .swiper-container .postBlock-item {
	width: 634px;
	margin: 0 23px;
}
.recentArticle .swiper-container .postBlock-item .post {
	position: relative;
}
.recentArticle .swiper-container .postBlock-item .post .post-thmb {
	display: inline-block;
	width: 634px;
	height: 357px;
}
.recentArticle .swiper-container .postBlock-item .post .post-thmb a {
	width: 634px;
	height: 356px;
	overflow: hidden;
}
.recentArticle .swiper-container .postBlock-item .post .post-thmb img {
	max-height: none;
	max-width: none;
	position: relative;
	top: 50%;
	left: 50%;
	width: 100%;
	height: auto;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.recentArticle .swiper-container .postBlock-item .post .post-thmb > a:after {
	content: "";
	position: absolute;
	left: 256px;
	top: 111px;
	font-size: 0;
	line-height: 1;
	display: inline-block;
	width: 116px;
	height: 116px;
	background: url(../img/icon_play.png) no-repeat left top;
	background-size: 116px auto;
}
.recentArticle .swiper-container .postBlock-item .post .post-meta {
	color: #fff;
	margin-top: -41px;
	padding: 0;
	position: relative;
}
.recentArticle .swiper-container .postBlock-item .post .post-meta p, .recentArticle .swiper-container .postBlock-item .post .post-meta h2, .recentArticle .swiper-container .postBlock-item .post .post-meta h3, .recentArticle .swiper-container .postBlock-item .post .post-meta span {
	color: #fff;
}
.recentArticle .swiper-container .postBlock-item .post .post-meta .post-title {
	display: block;
	margin-bottom: 1px;
	padding: 0;
}
.recentArticle .swiper-container .postBlock-item .post .post-meta .post-title a {
	font-size: 2.2rem;
	font-family: "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", "Meiryo";
	line-height: 1.27;
	color: #fff;
	display: block;
	width: 558px;
	padding: 18px 10px 20px;
	box-sizing: border-box;
	background: rgba(37, 48, 55, 0.9);
}
.recentArticle .swiper-container .postBlock-item .post .post-meta .post-duration {
	top: -305px;
}
.postBlock--picks {
	background: #505559;
	margin-bottom: 0;
}
.postBlock--picks .postBlock-title {
	color: #fff;
}
.postBlock--picks .post {
	width: 526px;
	margin-left: 23px;
	margin-right: 23px;
	position: relative;
}
.postBlock--picks .post .post-thmb {
	width: 301px;
	height: 169px;
}
.postBlock--picks .post .post-thmb > a {
	display: block;
	width: 301px;
	height: 169px;
	overflow: hidden;
	position: relative;
}
.postBlock--picks .post .post-thmb > a:before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background: rgba(255, 255, 255, 0.2);
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
}
.postBlock--picks .post .post-thmb > a:hover::before {
	-webkit-animation: circle .75s;
	animation: circle .75s;
}
.postBlock--picks .post .post-thmb > a:hover img {
	opacity: 1;
}
.postBlock--picks .post .post-thmb > a img {
	max-height: none;
	max-width: none;
	position: relative;
	top: 50%;
	left: 50%;
	width: 100%;
	height: auto;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.postBlock--picks .post .post-thmb > a:after {
	content: "";
	font-size: 0;
	line-height: 1;
	display: inline-block;
	width: 69px;
	height: 69px;
	background: url(../img/icon_play_s.png) no-repeat left top;
	background-size: 69px auto;
	position: absolute;
	top: 52px;
	left: 117px;
}
.postBlock--picks .post .post-meta {
	position: relative;
}
.postBlock--picks .post .post-title {
	margin-top: -12px;
}
.postBlock--picks .post .post-title a:hover {
	color: #000;
}
.postBlock--picks .post .post-categoly {
	font-size: 0;
	vertical-align: top;
	position: absolute;
	bottom: 0;
	left: 0;
	display: inline-block;
	width: 113px;
	height: 25px;
	padding: 6px 0 7px 11px;
	margin: 0 0 0 0;
	overflow: hidden;
	box-sizing: border-box;
	border-top: 1px solid #4f5357;
	border-right: 1px solid #4f5357;
}
.postBlock--picks .post .post-categoly > a {
	font-family: "Montserrat", sans-serif;
	font-size: 1.2rem;
	text-align: left;
	line-height: 1.1;
	padding: 0;
	margin: 0;
	background-color: transparent;
}
.postBlock--picks .post .post-categoly > a:after {
	content: none;
}
.postBlock--picks .post .post-date {
	font-size: 0;
	vertical-align: top;
	display: inline-block;
	position: absolute;
	bottom: 0;
	right: 0;
	min-width: 112px;
	height: 25px;
	margin: 0;
	padding: 6px 0 7px 11px;
	overflow: hidden;
	box-sizing: border-box;
	border-top: 1px solid #4f5357;
}
.postBlock--picks .post .post-date time {
	font-size: 1.2rem;
	color: #000;
	line-height: 1.1;
	padding: 0;
	margin: 0;
}
.postBlock--picks .post .post-duration {
	position: absolute;
	top: 9px;
	right: 235px;
	color: #fff;
	font-size: 1.2rem;
	text-align: center;
	line-height: 25px;
	vertical-align: middle;
	display: inline-block;
	width: 56px;
	height: 25px;
	border-radius: 2px;
	background-color: rgba(0, 0, 0, 0.7);
	box-sizing: border-box;
}
.postBlock--picks .post .post-tag {
	display: none;
}
.postBlock--special {
	width: 100%;
	height: 600px;
	margin-top: 0;
	padding: 69px 0 0;
	margin-bottom: 0;
	overflow: hidden;
	background-color: #0f2224;
	box-sizing: border-box;
}
.postBlock--special .postBlock-item {
	width: 1196px;
	margin: 0 auto 0;
}
.postBlock--special .postBlock-item .post {
	overflow: hidden;
	position: relative;
}
.postBlock--special .postBlock-item .post .post-thmb {
	display: inline-block;
	height: 444px;
}
.postBlock--special .postBlock-item .post .post-thmb > a:after {
	top: 152px;
	left: 358px;
	width: 116px;
	height: 116px;
	background: url(../img/icon_play.png) no-repeat left top;
	background-size: 116px auto;
}
.postBlock--special .postBlock-item .post .post-thmb > a img {
	max-height: none;
	min-width: 100%;
}
.postBlock--special .postBlock-item .post .post-meta {
	font-size: 0;
	z-index: 100;
	position: absolute;
	top: 0;
	left: 0;
	width: 557px;
	padding: 0;
	margin-top: 168px;
	border: none;
	background-color: transparent;
	box-shadow: none;
}
.postBlock--special .postBlock-item .post .post-meta .post-title {
	margin: 0 0 1px;
	padding: 0;
}
.postBlock--special .postBlock-item .post .post-meta .post-title > a {
	color: #fff;
	font-size: 2.2rem;
	line-height: 1.27;
	display: block;
	min-height: 64px;
	width: 557px;
	padding: 20px 10px 20px;
	background: rgba(37, 48, 55, 0.9);
	box-sizing: border-box;
}
.postBlock--special .postBlock-item .post .post-meta .post-categoly {
	font-size: 0;
	vertical-align: top;
	display: inline-block;
	margin: 0 1px 0 0;
	padding: 0;
}
.postBlock--special .postBlock-item .post .post-meta .post-categoly > a {
	display: block;
	font-family: "Montserrat", sans-serif;
	font-size: 1.2rem;
	text-align: left;
	line-height: 1.1;
	min-width: 112px;
	height: 25px;
	padding: 6px 0 7px 11px;
	box-sizing: border-box;
	background: rgba(37, 48, 55, 0.9);
}
.postBlock--special .postBlock-item .post .post-meta .post-categoly > a:after {
	content: none;
}
.postBlock--special .postBlock-item .post .post-meta .post-date {
	font-size: 0;
	vertical-align: top;
	display: inline-block;
	min-width: 112px;
	height: 25px;
	margin: 0;
	padding: 6px 0 7px 11px;
	box-sizing: border-box;
	background: rgba(37, 48, 55, 0.9);
}
.postBlock--special .postBlock-item .post .post-meta .post-date time {
	font-size: 1.2rem;
	color: #fff;
	line-height: 1.1;
	padding: 0;
	margin: 0;
}
.postBlock--special .postBlock-item .post .post-meta .post-duration {
	position: absolute;
	color: #fff;
	font-size: 1.2rem;
	text-align: center;
	line-height: 25px;
	vertical-align: middle;
	display: none;
	width: 56px;
	height: 25px;
	border-radius: 2px;
	background-color: rgba(0, 0, 0, 0.7);
	box-sizing: border-box;
	top: -160px;
	right: -630px;
}
.postBlock--popular {
	width: 100%;
	text-align: center;
	font-size: 0;
	position: relative;
	margin-top: 0;
	margin-bottom: 46px;
	padding-top: 45px;
	padding-bottom: 47px;
	background-color: #575c5f;
}
.postBlock--popular .postBlock-title {
	position: absolute;
	left: 50%;
	top: -30px;
	font-size: 4.6rem;
	padding-top: 0;
	margin-top: 0;
	margin-left: -225px;
	z-index: 1;
}
.postBlock--popular .postBlock-item {
	float: none;
	display: inline-block;
	text-align: left;
}
.postBlock--popular .postBlock-item .post .post-thmb {
	display: inline-block;
	width: 300px;
	height: 169px;
}
.postBlock--popular .postBlock-item .post .post-thmb > a {
	display: block;
	position: relative;
	width: 300px;
	height: 169px;
	overflow: hidden;
}
.postBlock--popular .postBlock-item .post .post-thmb > a:before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background: rgba(255, 255, 255, 0.2);
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
}
.postBlock--popular .postBlock-item .post .post-thmb > a img {
	max-height: none;
	position: relative;
	top: 50%;
	left: 50%;
	width: 100%;
	height: auto;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.postBlock--popular .postBlock-item .post .post-thmb > a:hover::before {
	-webkit-animation: circle .75s;
	animation: circle .75s;
}
.postBlock--popular .postBlock-item .post .post-thmb > a:hover img {
	opacity: 1;
}
.postBlock--popular .postBlock-item .post .post-thmb > a:after {
	content: none;
}
.postBlock--popular .postBlock-item .post .post-meta {
	font-size: 0;
	margin-top: -59px;
	padding-top: 0;
	position: relative;
	z-index: 100;
}
.postBlock--popular .postBlock-item .post .post-meta .post-category {
	font-family: "Playfair Display", serif;
	font-size: 0;
	margin-bottom: 1px;
}
.postBlock--popular .postBlock-item .post .post-meta .post-category > a {
	position: relative;
	font-size: 3.4rem;
	letter-spacing: -1px;
	color: #000;
	display: block;
	width: 225px;
	height: 126px;
	padding: 0 0 0 10px;
	line-height: 126px;
	vertical-align: middle;
	overflow: hidden;
}
.postBlock--popular .postBlock-item .post .post-meta .post-category > a:before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background: rgba(255, 255, 255, 0.2);
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
}
.postBlock--popular .postBlock-item .post .post-meta .post-category > a:hover::before {
	-webkit-animation: circle .75s;
	animation: circle .75s;
}
.postBlock--popular .postBlock-item .post .post-meta .post-category > a:after {
	content: "";
	position: absolute;
	top: 42px;
	right: 11px;
	font-size: 0;
	display: inline-block;
	width: 46px;
	height: 46px;
	background: url(../img/icon_play_s_black.png) no-repeat left top;
}
.postBlock--popular .postBlock-item .post .post-meta .post-category > a:hover {
	text-decoration: none;
}
.postBlock--popular .postBlock-item .post .post-meta .post-date {
	padding: 6px 11px 6px;
}
.postBlock--popular .postBlock-item .post .post-meta .post-date time {
	color: #000;
	font-size: 1.2rem;
	line-height: 1.1;
	padding: 0;
	margin: 0;
}
.ranking, .topTags {
	width: 347px;
	border: 4px solid #000;
}
.topTags {
	margin-bottom: 45px;
}
.rankingBlock {
	overflow: visible;
	margin-top: 73px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.rankingBlock .ranking {
	overflow: visible;
	height: auto;
}
.rankingBlock .ranking .ranking-title {
	color: #fff;
	font-size: 4.6rem;
	text-align: center;
	line-height: 1.1;
	letter-spacing: 3px;
	display: block;
	width: auto;
	margin-top: -27px;
	margin-left: -100px;
	position: absolute;
	top: 0;
	left: 50%;
}
.rankingBlock .ranking .ranking-content {
	width: 1200px;
	margin: 0;
}
.rankingBlock .ranking .ranking-content .ranking-item {
	width: 400px;
	color: #fff;
	margin-top: 53px;
	margin-bottom: 37px;
}
.rankingBlock .ranking .ranking-content .ranking-item:before {
	font-size: 3.8rem;
}
.rankingBlock .ranking .ranking-content .ranking-item .post {
	height: 102px;
	margin: 20px 20px 20px 16px;
}
.rankingBlock .ranking .ranking-content .ranking-item .post .post-thmb {
	width: 102px;
	height: 102px;
	border-radius: 51px;
}
.rankingBlock .ranking .ranking-content .ranking-item .post .post-thmb a {
	width: 102px;
	height: 102px;
}
.rankingBlock .ranking .ranking-content .ranking-item .post .post-thmb a:before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background: rgba(255, 255, 255, 0.2);
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
}
.rankingBlock .ranking .ranking-content .ranking-item .post .post-thmb a:hover::before {
	-webkit-animation: circle_s .5s;
	animation: circle_s .5s;
}
.rankingBlock .ranking .ranking-content .ranking-item .post .post-meta {
	margin-left: 116px;
}
.rankingBlock .ranking .ranking-content .ranking-item .post .post-meta .post-title a {
	color: #fff;
	font-size: 1.6rem;
	line-height: 1.25;
	-webkit-transition: 0.6s;
	transition: 0.6s;
}
.rankingBlock .ranking .ranking-content .ranking-item .post .post-meta .post-title a:hover {
	opacity: 0.6;
}
.rankingBlock .ranking .ranking-content .ranking-item .post .post-meta .post-title a:after {
	content: "";
	position: absolute;
	font-size: 0;
	top: 75px;
	left: 60px;
	display: inline-block;
	width: 61px;
	height: 61px;
	background: url(../img/icon_play_s.png) no-repeat left top;
	background-size: 61px auto;
}
.postBlock--present {
	background-color: #fff;
	width: 358px;
	padding: 0 67px 70px;
	border: 4px solid #000;
}
.membership {
	border: 1px solid #fff;
	background-color: transparent;
}
.membership .membership-content li {
	color: #fff;
	border-color: #fff;
}
.membership .membership-content li.membership-logo img {
	margin-bottom: 0;
}
.membership .membership-content li.membership-button {
	color: #000;
}
.membership .membership-content li.membership-button .button {
	color: #000;
	background: #829e89 url(../img/icon_arrow_membership.png) no-repeat 139px 16px;
	border: none;
	overflow: hidden;
	position: relative;
}
.membership .membership-content li.membership-button .button:hover {
	opacity: 1;
}
.membership .membership-content li.membership-button .button:before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background: rgba(255, 255, 255, 0.2);
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
}
.membership .membership-content li.membership-button .button:hover::before {
	-webkit-animation: circle .75s;
	animation: circle .75s;
}
.followUs {
	width: 974px;
	margin: 70px auto;
	padding: 19px 0;
	background: #273238;
	border: none;
}
.followUs .followUs-content {
	width: 974px;
	padding-right: 20px;
	box-sizing: border-box;
}
.followUs .followUs-content .followBlock {
	width: 218px;
	overflow: hidden;
	position: relative;
}
.followUs .followUs-content .followBlock:before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background: rgba(255, 255, 255, 0.2);
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
}
.followUs .followUs-content .followBlock .followBlock-title {
	width: 174px;
	height: 66px;
	margin: 31px 58px 26px 65px;
}
.followUs .followUs-content .followBlock .followBlock-icon {
	height: 36px;
	margin-right: 5px;
}
.followUs .followUs-content .followBlock a {
	color: #fff;
}
.followUs .followUs-content .followBlock.followBlock--logo {
	width: 297px;
}
.followUs .followUs-content .followBlock--facebook {
	background: #305097;
}
.followUs .followUs-content .followBlock--facebook:hover::before {
	-webkit-animation: circle .75s;
	animation: circle .75s;
}
.followUs .followUs-content .followBlock--facebook .followBlock-icon {
	width: 30px;
}
.followUs .followUs-content .followBlock--twitter {
	background: #00aced;
}
.followUs .followUs-content .followBlock--twitter:hover::before {
	-webkit-animation: circle .75s;
	animation: circle .75s;
}
.followUs .followUs-content .followBlock--twitter .followBlock-icon {
	width: 42px;
}
.followUs .followUs-content .followBlock--instagram {
	background: #882fdb;
}
.followUs .followUs-content .followBlock--instagram:hover::before {
	-webkit-animation: circle .75s;
	animation: circle .75s;
}
.followUs .followUs-content .followBlock--instagram .followBlock-icon {
	width: 36px;
}
.rankingBlock + .followUs {
	margin: 46px auto;
}
.post--article {
	margin: 33px auto 30px;
}
.post--article .post-thmb figure {
	background-color: #ffdeed;
}
.post--article .post-content a {
	color: #003b8c;
}
.post--article .post-content a:hover {
	color: #003b8c;
}
.post--article .post-social {
	z-index: 1;
}
.post--article .post-social .socialBtn-wrap .socialBtn--facebook a {
	width: 54px;
}
.post--article .post-social .socialBtn-wrap .socialBtn--twitter a {
	text-align: left;
}
.post--article .post-social .socialBtn-wrap .socialBtn--twitter .icon {
	margin-left: 1px;
}
.archive-title {
	font-size: 2.8rem;
	color: #ffffff;
}
.archive-title.categoryName {
	letter-spacing: 0.3rem;
	margin-top: 17px;
	margin-bottom: 17px;
}
.archive-title + .postBlock {
	margin-top: 15px;
}
.postBlock.postBlock--full {
	margin-top: 46px;
}
.postBlock.postBlock--full .postBlock-item .post--article {
	margin-top: 0;
}
.postBlock.postBlock--full .postBlock-item .post--article .post-thmb {
	display: block;
	height: 546px;
	overflow: hidden;
	background-color: #273138;
}
.postBlock.postBlock--full .postBlock-item .post--article .post-thmb figure {
	position: relative;
	max-width: 970px;
	height: 546px;
	background-image: none;
	background-color: #000;
	overflow: hidden;
}
.postBlock.postBlock--full .postBlock-item .post--article .post-thmb figure:after {
	content: "";
	font-size: 0;
	position: absolute;
	top: 223px;
	left: 424px;
	display: block;
	width: 116px;
	height: 116px;
	background: url(../img/icon_play.png) no-repeat left top;
	background-size: 116px auto;
}
.postBlock.postBlock--full .postBlock-item .post--article .post-meta {
	font-size: 0;
	width: 790px;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 26px;
	padding-bottom: 26px;
	overflow: hidden;
	background-color: #273138;
	position: relative;
	z-index: 100;
}
.postBlock.postBlock--full .postBlock-item .post--article .post-meta .post-categoly {
	font-size: 0;
	display: inline-block;
	min-width: 112px;
	height: 25px;
	padding: 7px 0 6px 11px;
	margin: 0 1px 0 0;
	box-sizing: border-box;
	text-align: right;
	padding-top: 0;
	padding-right: 10px;
	background: transparent;
}
.postBlock.postBlock--full .postBlock-item .post--article .post-meta .post-categoly a {
	font-family: "Montserrat", sans-serif;
	font-size: 1.4rem;
	color: #a5addf;
	text-align: left;
	line-height: 1.1;
	padding: 0;
	margin: 0;
	background-color: transparent;
}
.postBlock.postBlock--full .postBlock-item .post--article .post-meta .post-categoly a:after {
	content: none;
}
.postBlock.postBlock--full .postBlock-item .post--article .post-meta .post-date {
	text-align: left;
	background: transparent;
	position: relative;
	font-size: 0;
	display: inline-block;
	min-width: 112px;
	height: 25px;
	margin: 0;
	padding: 0 0 6px 11px;
	box-sizing: border-box;
}
.postBlock.postBlock--full .postBlock-item .post--article .post-meta .post-date:before {
	content: "";
	font-size: 0;
	position: absolute;
	top: 4px;
	left: 0;
	display: block;
	width: 1px;
	height: 6px;
	background-color: #474d50;
}
.postBlock.postBlock--full .postBlock-item .post--article .post-meta .post-date time {
	color: #b0b0af;
	font-size: 1.3rem;
	line-height: 1.1;
	padding: 0;
	margin: 0;
}
.postBlock.postBlock--full .postBlock-item .post--article .post-meta .post-title {
	min-height: 64px;
	background: rgba(37, 48, 55, 0.9);
	box-sizing: border-box;
	font-size: 2.8rem;
	line-height: 1.33;
	width: auto;
	margin: 10px 0;
	padding: 0;
	background: transparent;
}
.postBlock.postBlock--full .postBlock-item .post--article .post-meta .post-title > a {
	-webkit-transition: 0.6s;
	transition: 0.6s;
	color: #fff;
}
.postBlock.postBlock--full .postBlock-item .post--article .post-meta .post-title > a:hover {
	opacity: 0.6;
}
.postBlock.postBlock--full .postBlock-item .post--article .post-contentWrapper {
	overflow: hidden;
	width: 970px;
	margin: auto;
	position: relative;
}
.postBlock.postBlock--full .postBlock-item .post--article .post-contentWrapper:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 817px;
	height: 100%;
	background-color: #fff;
	z-index: 0;
}
.postBlock.postBlock--full .postBlock-item .post--article .post-contentWrapper .post-content {
	position: relative;
	z-index: 1;
}
.postBlock.postBlock--full .postBlock-item .post--article .post-contentWrapper .post-footer {
	position: relative;
	z-index: 1;
	width: 817px;
	margin: 0 0 0 auto;
}
.postBlock.postBlock--full .postBlock-item .post--article .post-contentWrapper .post-footer .post-footer-share .shareBtn-wrap {
	width: 684px;
}
.postBlock.postBlock--full .postBlock-item .post--article .post-contentWrapper .post-footer .post-footer-share .shareBtn {
	width: 225px;
	margin-right: 3px;
	float: left;
}
.postBlock.postBlock--full .postBlock-item .post--article .post-contentWrapper .post-footer .post-footer-share .shareBtn a {
	font-size: 1.5rem;
}
.postBlock.postBlock--full .postBlock-item .post--article .post-contentWrapper .post-footer .post-footer-share .shareBtn--twitter {
	float: left;
}
.postBlock.postBlock--full .postBlock-item .post--article .post-contentWrapper .post-footer .post-footer-share .shareBtn--twitter a .icon {
	height: 28px;
	vertical-align: top;
}
.postBlock.postBlock--full .postBlock-item .post--article .post-contentWrapper .post-footer .post-footer-share .shareBtn--facebook a .icon {
	height: 28px;
	vertical-align: top;
}
.postBlock.postBlock--full .postBlock-item .post--article .post-contentWrapper .post-footer .post-footer-share .shareBtn--line a {
	background-color: #00c300;
}
.postBlock.postBlock--full .postBlock-item .post--article .post-contentWrapper .post-footer .post-footer-share .shareBtn--line .icon {
	width: 39px;
	height: 28px;
	vertical-align: top;
	background: url(../img/icon_line.png) no-repeat left 50%;
}
.postBlock.postBlock--full .postBlock-item .post--article .post-contentWrapper .post-footer .author {
	display: block;
	padding: 45px 221px 0 68px;
	box-sizing: border-box;
}
.postBlock.postBlock--full .postBlock-item .post--article .post-contentWrapper .post-footer .author .author-inner {
	width: auto;
	display: block;
	position: relative;
}
.postBlock.postBlock--full .postBlock-item .post--article .post-contentWrapper .post-footer .author .author-inner .author-photo {
	position: absolute;
	top: 0;
	left: 0;
}
.postBlock.postBlock--full .postBlock-item .post--article .post-contentWrapper .post-footer .author .author-inner .author-name {
	display: inline-block;
	min-height: 54px;
	padding-left: 94px;
}
.postBlock.postBlock--full .postBlock-item .post--article .post-contentWrapper .post-footer .author .author-inner .author-profile {
	display: block;
}
.post-innerBuy {
	position: relative;
	margin: 44px 0;
}
.post-innerBuy .post-innerBuyList {
	font-size: 0;
	width: 723px;
}
.post-innerBuy .post-innerBuyList .post-innerBuyItem {
	display: inline-block;
	width: 199px;
	margin-right: 42px;
}
.post-innerBuy .post-innerBuyList .post-innerBuyItem .innerBuy-thumb {
	border: 1px solid #000;
	margin-bottom: 12px;
}
.post-innerBuy .post-innerBuyList .post-innerBuyItem .innerBuy-info a {
	font-size: 1.3rem;
	font-weight: bold;
	color: #000;
}
.previousArticle .previousArticle {
	color: #fff;
	margin-top: 0;
	margin-bottom: 15px;
}
.previousArticle .postBlock--4column .postBlock-item {
	background: #fff;
}
.previousArticle .postBlock--4column .post-thmb {
	height: 202px;
}
.previousArticle .postBlock--4column .post-thmb a {
	display: block;
	position: relative;
}
.previousArticle .postBlock--4column .post-thmb a img {
	width: 300px;
	height: auto;
	max-width: 300px;
}
.previousArticle .postBlock--4column .post-thmb a:before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background: rgba(255, 255, 255, 0.2);
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
}
.previousArticle .postBlock--4column .post-thmb a:hover::before {
	-webkit-animation: circle .75s;
	animation: circle .75s;
}
.previousArticle .postBlock--4column .post-thmb a:hover img {
	opacity: 1;
}
.previousArticle .postBlock--4column .post-meta {
	min-height: 85px;
	padding: 10px 10px 5px;
	box-sizing: border-box;
	background: #fff;
}
.previousArticle .postBlock--4column .post-meta .post-title {
	margin-top: 0;
}
.previousArticle .postBlock--4column .post-meta .post-title a:hover {
	color: #000;
}
.previousArticle .postBlock--4column .post-meta .post-owner {
	font-size: 1rem;
	line-height: 1.1;
	color: #989898;
	font-family: "Montserrat", sans-serif;
	position: absolute;
	bottom: 10px;
	right: 10px;
	text-align: right;
}
.grabbing {
	cursor: url(grabbing.png) 8 8, move;
}
.yt-player {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}
.postBlock--special .yt-player {
	right: 0;
	left: auto;
}
.staticArticle--404 .staticArticle-head {
	color: #fff;
	background-color: transparent;
}
.staticArticle--404 .staticArticle-body {
	color: #fff;
	background-color: transparent;
}
.staticArticle--404 .title--404 {
	color: #fff;
	font-size: 3.2rem;
	font-family: "Playfair Display", serif;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 15px;
	padding: 15px;
}
.staticArticle--404 .ranking--404inner .postBlock:first-child {
	margin-top: 0;
}
.staticArticle--404 .linkButton a {
	-webkit-transition: 0.6s;
	transition: 0.6s;
	background: #273238;
}
.staticArticle--404 .linkButton a:hover {
	background: #273238;
	opacity: 0.6;
}
.post.sponsored .post-thmb:before {
	content: "Sponsored";
}
.previousArticle .postBlock .postBlock-item .post .post-meta .post-cxense {
	top: -195px;
}
.previousArticle .postBlock--4column .postBlock-item .post .post-meta .post-cxense {
	top: 5px;
}
.postBlock--3column .postBlock-item .post.sponsored .post-thmb + .post-meta .post-cxense {
	display: none;
}
.postBlock--picks .picks-listWrapper {
	scrollbar-face-color: #c2c2c2;
	scrollbar-base-color: #505559;
}
.postBlock--picks .picks-listWrapper::-webkit-scrollbar {
	background-color: #505559;
	height: 5px;
}
.postBlock--picks .picks-listWrapper::-webkit-scrollbar-thumb {
	background: #c2c2c2;
}
.postBlock--picks .picks-listWrapper .picks-list {
	width: 2288px;
}
.p-post-shareList {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	font-size: 1.6rem;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 5rem;
	text-align: center;
}
.p-post-shareItem {
	width: -webkit-calc(33% - 20px / 3);
	width: calc(33% - 20px / 3);
	border-radius: 3px;
	-webkit-transition: opacity 0.3s ease 0s;
	transition: opacity 0.3s ease 0s;
	text-align: left;
}
.p-post-shareItem:hover, .p-post-shareItem:active, .p-post-shareItem:focus {
	opacity: 0.3;
}
.p-post-shareItem span {
	border: none;
	height: 50px;
	margin: 0;
	float: none;
}
.p-post-shareItem span .stButton {
	width: 100%;
}
.p-post-shareItem span .stMainServices, .p-post-shareItem span .stButton_gradient {
	display: none;
}
.p-post-shareItem span .chicklets {
	background-image: none !important;
}
.p-post-shareItem span .stArrow {
	text-decoration: none;
	background: none;
	font-weight: bold;
	font-size: 16px;
	line-height: 16px;
	height: 16px;
	margin-top: 16px;
	margin-left: 100px;
}
.p-post-shareItem span .stArrow span {
	color: #fff;
	background: none;
	border-radius: none;
	border: none;
	font-size: 16px;
	line-height: 16px;
	height: 16px;
}
.p-post-shareItem.-facebook {
	background: #3b5998 url("../img/icon_facebook.png") no-repeat scroll 25px center;
}
.p-post-shareItem.-twitter {
	background: #55acee url("../img/icon_twitter.png") no-repeat scroll 25px center;
}
.p-post-shareItem.-line a {
	display: block;
	background: #00c300 url("../img/icon_line.png") no-repeat scroll 25px center;
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	line-height: 50px;
	width: 100%;
	height: 100%;
	padding-left: 90px;
	box-sizing: border-box;
	border-radius: 3px;
}