.page-blog {}
	
	.page-blog .blog-detail {
		line-height: 22px;
	}
		
		.page-blog .blog-detail .breadcrumbs {
			padding: 0;
			list-style: none;
			margin-bottom: 8px;
			font-size: 13px;
		}
			
			.page-blog .blog-detail .breadcrumbs a {
				text-decoration: none;
			}
			
			.page-blog .blog-detail .breadcrumbs li,
			.page-blog .blog-detail .breadcrumbs p {
				margin-bottom: 0 !important;
			}
			
			.page-blog .blog-detail .breadcrumbs li:not(:last-child):after {
				content: '»';
				margin: 0px 8px;
				color: #929292;
			}
			
		.page-blog .blog-detail a {
			text-decoration: underline;
		}
		
		.page-blog .blog-detail h1 {
			font-size: 24px;
			line-height: 32px;
		}
			
		.page-blog .blog-detail h2 {
			margin-top: 16px;
			margin-bottom: 12px;
		}
			
		.page-blog .blog-detail img {
			max-width: 100%;
		}
		
		.page-blog .blog-detail h2,
		.page-blog .blog-detail h3,
		.page-blog .blog-detail ol li,
		.page-blog .blog-detail ul li,
		.page-blog .blog-detail p:not(:last-child) {
			margin-bottom: 8px;
		}
	
		.page-blog .blog-detail .ql-syntax {
			background: #f4f4f4;
			border: 1px solid #ddd;
			border-left: 3px solid #f36d33;
			color: #666;
			page-break-inside: avoid;
			font-family: monospace;
			font-size: 15px;
			line-height: 1.6;
			max-width: 100%;
			overflow: auto;
			padding: 1em 1.5em;
			display: block;
			word-wrap: break-word;
			margin-bottom: 8px;
		}
		
		.page-blog .blog-detail .ql-indent-1 {
			margin-left: 16px;
		}
		
		.page-blog .blog-detail ol {
			list-style: decimal;
			padding-left: 16px;
		}
		
		.page-blog .blog-detail ul {
			list-style: disc;
			padding-left: 16px;
		}
		
		.page-blog .blog-detail h3 {
		    font-size: 16px;
			font-weight: 600;
		}
		
		.page-blog .blog-detail h4 {
			font-weight: 600;
		}
		
		.page-blog .blog-detail .ql-align-center {
			text-align: center;
		}
		
		.page-blog .blog-detail .ya-share2__list {
			padding: 0;
		}
		
		.page-blog .blog-detail .emotions {}
			
			.page-blog .blog-detail .emotions .item {
				width: 56px;
				height: 56px;
				position: relative;
				cursor: pointer;
				border-radius: 8px;
				transition: transform 0.1s linear;
			}
				.page-blog .blog-detail .emotions .item:not(:last-child) {
					margin-right: 12px;
				}
				.page-blog .blog-detail .emotions .item:hover {
					transform: scale(1.2);
				}
				
				.page-blog .blog-detail .emotions .item[data-count]:before {
					content: attr(data-count);
					position: absolute;
					z-index: 1;
					top: -6px;
					right: -6px;
					height: 24px;
					width: 24px;
					background: #f57534;
					text-align: center;
					line-height: 24px;
					border-radius: 50%;
					font-size: 10px;
					color: #fff;
				}
			
				.page-blog .blog-detail .emotions .item .icon {
					position: absolute;
					padding: 0 8px;
					border: 1px solid #ddd;
					border-radius: 8px;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					background: #fff;
					transition: top 0.3s ease-out, left 0.3s ease-out, transform 0.2s linear;
					-webkit-transition: top 0.3s ease-out, left 0.3s ease-out, transform 0.2s linear;
					-moz-transition: top 0.3s ease-out, left 0.3s ease-out, transform 0.2s linear;
					-o-transition: top 0.3s ease-out, left 0.3s ease-out, transform 0.2s linear;
				}
					
					.page-blog .blog-detail .emotions .item .icon.anim1 {
						top: -150px;
						left: -60px;
					}
					
					.page-blog .blog-detail .emotions .item .icon.anim2 {
						top: -160px;
						left: -60px;
					}
	
					.page-blog .blog-detail .emotions .item .icon.anim3 {
						top: -150px;
						left: 0px;
					}
	
					.page-blog .blog-detail .emotions .item .icon.anim4 {
						top: -140px;
						left: 10px;
					}
	
					.page-blog .blog-detail .emotions .item .icon.anim5 {
						top: -160px;
						left: 60px;
					}
				
					.page-blog .blog-detail .emotions .item .icon .svg {
						width: 48px;
						height: 48px;
					}
	
	.page-blog .subscribe-form {
		
	}
	
		.page-blog .subscribe-form .data {
			width: 60%;
			margin-left: 8%;
		}
			
			.page-blog .subscribe-form .data .subtitle {
				color: #5a5a5a;
				font-size: 13px;	
			}
			
			.page-blog .subscribe-form .data button {
				background: #d7662c;
				height: 48px;
				width: 100%;
				color: #fff;
				border-radius: 4px;
				border: none;
				font-size: 14px;
				outline: none;
			}
				.page-blog .subscribe-form .data button[disabled] {
					opacity: 0.25;
				}
			
			.page-blog .subscribe-form .data input {
				width: 100%;
				height: 48px;
				border-radius: 4px;
				padding: 0 12px;
				border: 1px solid #d4d4d4;
				font-size: 14px;
				background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAACelLz8AAABAlBMVEVHcEzMzMzMzMzLy8vMzMzV1dXNzc3MzMz////Ly8vMzMzOzs7MzMzNzc3MzMzMzMzLy8vMzMzLy8vMzMzMzMzMzMzMzMzMzMzNzc3Q0NDMzMzNzc3MzMzKysrOzs7MzMzMzMzMzMzNzc3Ly8vMzMzMzMzNzc3MzMzIyMjLy8vNzc3KysrNzc3MzMzNzc3MzMzKysrNzc3Ly8vNzc3MzMzLy8vMzMzMzMzMzMzMzMzLy8vLy8vMzMzMzMzNzc3Ly8vMzMzMzMzNzc3Nzc3MzMzPz8/MzMzMzMzLy8vMzMzMzMzOzs7MzMzMzMzMzMy/v7/MzMzMzMz////MzMzMzMzMzMygY++nAAAAVXRSTlMA2P1YVQYu/gHG2S/MnfqbvHxeKM+Dve5gG/czgTU0rrDIR8Gf+1acHF27HSktYfYra2JcI0WCRtGvREnQ1VetftfFQsclfdSyw+8V0trhBNtuAqa4NGFZrwAAATZJREFUKM+lktdywkAMReWCF5sYm95LKKGHAOm9957c//+VyGsHCBme0MNKmrMjXe2KaCULl1JV06zulsOL5DCJwE70PyBkA9FuLJuNuVHACc2RNEQr58dtW8CdMRvDjdnF0zyc3/gIQpJIPG54XhOoBdr20WLXNz0RZoLDBpK+zhKi3KefgaooKjLMek0UJEqhy6eJiwGRoeCBkzSKEh0gxn2gDmQ/gS2iW5xJtI5NojgUv7OFCdEY1/PI8tELRkQ67mRS8QoaUI2g4AfLx3Mgw+XzEgqziAV8v31+4V6iMqJtokQGwrIEHlW8vkNc+SMfw2aXkCPXb8Z5YDgKHqoGoXne6HRYOD1pk9z0QR3ktSU/HHIhGr0lzAGa6fOszrazuAF70wWA/m9tCsWKucZW315p/X4AOmAwGk+CnrsAAAAASUVORK5CYII=);
				background-position: 8px center;
				background-repeat: no-repeat;
				padding-left: 36px;
				background-size: 20px;
			}
				
				.page-blog .subscribe-form .data input[disabled] {
					background-color: #fff;
					border: 2px solid #87a330;
					background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAACelLz8AAABEVBMVEVHcEyEoS///wCHpDGHozCHpDCHozCHozCHozCHozCHojGLoi6Hoy+HozCJoy6JnSeHozCGozCIoi6HozCHozKIojCHozGGpjOHozCIozGHoi+HozCIozCGozCHoi+GozGHozCDoi6GpC+FozOHozCIpDGHoy+HpS2MpjOKoDOFpS+JpC6HozCEpyyHozCHozCAqiuHozCHozCAqiuGoy+GozCJpzGIpDGKnzWJpDKOqjmIoi+IojCGoi+HozCHozCGojCHojCHozCHozCGnjGHpDCHozCGozCApDeHojCHozCGozGHozCIoy+GojCHozCEpTGIozCHpC+IojGGoS+IpDCHozCHoy+HpDCHozCHozDWXXSWAAAAWnRSTlMAGwFz/Kr7/fL5qAtsWycNrpZNmSRrWSi2ade0S3RxTvAhTBnxrawiFCNBHNkd2PQM89YGp4UabRg4CXyagcDF7bPpkBXfm6kOVeiY+pxK2x+rkVgmWtq3arV+JNToAAABN0lEQVQoz42S1XbDMBBE5ca27BiSJg5Dk4ahoTKmzMyd//+QyiznpdXD7K6vVxodLSF/rzX9qzgeF/OZwQIQ0jK8RaVnnqwoUONvpqaZ2bgKJRWSbQqp7hedNqge9FCxyu8RE6nXJyioRk+OodlwkgdI3OfVYZ+QFtKOa1Gth6R7iydCeqossEJHnGu6Ah5ZkPDNNI9sSG6ASzsaKDH9hBWQ81NcXNuJiRFTBQm72D/RCEmC9p1/ElAClAOONAM4Ixwa4p3p0jIwP8Zoz0UmiqENm0Hc9Q51bWQ88zbb9P1IKDAdyGrHZYcb6x6x3CuTA7QX3zWJOyduKYhFSQW1HTdLUTHCKiIt+7lO0er5hcXuneFeoglV+shNJjnj5R61Mr9H9zUYGzndWJypws9sOp2VCsI/JvMX+Ngupoxxg3gAAAAASUVORK5CYII=);
				}
		
		.page-blog .subscribe-form img {
			width: 48%;
		}
		
	.page-blog .subscribe {
		position: relative;
	}
		
		.page-blog .subscribe .image {
			position: absolute;
			top: 0;
			left: calc(50% + 16px);
		}
		
		.page-blog .subscribe .content {
			width: 50%;
		}
			
			.page-blog .subscribe .content .title {
				font-size: 22px;
				line-height: 30px;
			}
			
			.page-blog .subscribe .content .subscribe {
				height: 48px;
				padding: 0 16px;
				background: #d7662c;
				border: none;
				color: #fff;
				font-size: 16px;
				border-radius: 8px;
				outline: none;
			}
			
	.page-blog .blog-category {
		margin-top: 12px;
	}
		
		.page-blog .blog-category .category-name {
			font-size: 17px;
			font-weight: 600;
		}
			
			.page-blog .blog-category .category-name a {
				color: #d7662c;
			}
	
	.page-blog .blog-item {
		width: calc(100% / 3 - 8px);
		margin-right: 12px;
		border: 1px solid #eaeaea;
		padding: 8px;
		border-radius: 4px;
	}
		
		.page-blog .blog-item:nth-child(3) {
			margin-right: 0px;
		}
		
		.page-blog .blog-item .image {
			height: 200px;
			position: relative;
			overflow: hidden;
		}
			
			.page-blog .blog-item .image img {
				position: absolute;
				max-width: 150%;
				max-height: 100%;
				left: 50%;
				top: 50%;
				transform: translate(-50%, -50%);
			}
			
		.page-blog .blog-item .name {
			font-size: 16px;
		}
		
@media (max-width: 600px) {
	
	body {
		overflow-x: hidden;
	}
	
	.mod-left-menu {
		display: none;
	}
	
	.mod-left-menu + .space-x {
		display: none;
	}
	
	.mod-content {
		width: 100% !important;
	}
	
		.mod-content .text {
			overflow-x: hidden;
		}
	
	.head-1 {
		display: none;
		white-space: nowrap;
	}
	
	.head-2 .links {
		display: none;
	}
	
	.page-content .brief-form .field .description {
		width: 100% !important;
	}
	
	.page-content .brief-form .field .input {
		width: 100% !important;
	}
	
	.page-blog .blog-detail .breadcrumbs {
		flex-wrap: wrap;
	}
	
	.emotions {
		display: none !important;
	}
	
	.subscribe {
		display: none;
	}
	
	.foot {
		display: none;
	}
	
}