article,
aside,
figure,
footer,
header,
main,
nav,
section {
	display: block
}

body,
html {
	width: 100%;
	margin: 0;
	padding: 0;
	font: 400 14px/1.3 "Open Sans", sans-serif;
	word-break: break-word;
	background: #ebeef1;
	color: #2d273a
}

html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

body {
	-webkit-font-smoothing: antialiased
}

* {
	margin: 0;
	padding: 0
}

a:active,
a:hover {
	outline: 0
}

b {
	font-weight: 500
}

img {
	border: 0;
	max-width: 100%;
	height: auto;
	object-fit: cover
}

button::-moz-focus-inner,
img,
input::-moz-focus-inner {
	border: 0
}

button,
input {
	font-family: inherit;
	font-size: 100%
}

button,
input {
	line-height: normal
}

button {
	text-transform: none
}

button,
html input[type=button],
input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer
}

button,
input {
	outline: 0;
	border: 0;
	background: 0 0
}

ul {
	margin: 0;
	list-style: none
}

input:focus::-webkit-input-placeholder {
	color: transparent!important
}

input:focus:-moz-placeholder {
	color: transparent!important
}

input:focus:-ms-input-placeholder {
	color: transparent!important
}

input::-webkit-input-placeholder {
	color: #2d273a
}

input::-moz-placeholder {
	color: #2d273a
}

input:-ms-input-placeholder {
	color: #2d273a
}

a {
	color: #4173b7;
	text-decoration: none
}

a:hover {
	color: #000;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

.h1,
h1 {
	font-size: 24px;
	line-height: 26px;
	margin-bottom: 20px;
	font-weight: 500
}

.post:after {
	content: "";
	display: block;
	clear: both
}

.post li {
	margin-bottom: 5px;
	margin-top: 8px;
	list-style: none
}

.post li:last-child {
	margin-bottom: 0
}

.post form {
	margin: 20px 0
}

.post p {
	margin: 20px 0
}

.article-content_vn h1.title {
	line-height: 1.3;
	margin-bottom: 0
}

.subtitle {
	font-size: 25px;
	font-weight: 600;
	line-height: 1.3;
	text-align: center;
	margin-bottom: 20px
}

.slicknav_menu {
	display: none
}

.wrap {
	max-width: 1280px;
	margin: auto;
	padding: 0 10px
}

.wrap:after {
	content: "";
	display: block;
	clear: both
}

.box-header_line {
	background: #2f3037
}

.logo-header_line {
	display: inline-block;
	color: #f3f3f3!important;
	position: relative;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 5px;
	font-size: 17px;
	padding: 25px 0
}

.text-logo-header_line {
	display: block;
	padding-left: 65px
}

.logo-header_line:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 60px;
	height: 55px;
	background: url(../images/logo.png) no-repeat center center;
	background-size: contain
}

.menu-header_line {
	float: left
}

.menu-header_line>ul>li {
	float: left
}

.menu-header_line>ul>li>a {
	display: block;
	font-weight: 700;
	color: #fff;
	font-size: 16px;
	line-height: 18px;
	text-transform: uppercase;
	padding: 20px 10px
}

.menu-header_line>ul ul {
	display: none;
	z-index: 9999;
	position: absolute;
	top: 58px;
	width: 250px;
	left: 0;
	background: #000;
	border-top: 2px solid #de1c4d
}

.menu-header_line>ul li.current-menu-item>a,
.menu-header_line>ul li:hover>a {
	color: #de1c5c
}

.relative-box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative
}

.menu-header_line>ul ul a {
	display: block;
	font-weight: 700;
	color: #fff;
	font-size: 14px;
	line-height: 16px;
	text-transform: uppercase;
	padding: 10px
}

.menu-header_line>ul>li:hover>ul {
	display: block
}

.comments-st_posts {
	color: #8b8c96;
	font-size: 13px;
	line-height: 15px;
	display: inline-block;
	vertical-align: top;
	padding: 5px 0 5px 22px;
	margin-right: 20px;
	position: relative
}

.views-st_posts {
	color: #8b8c96;
	font-size: 13px;
	line-height: 15px;
	display: inline-block;
	vertical-align: top;
	padding: 5px 0 5px 19px;
	position: relative
}

.fa {
	color: #8073f5;
	margin-right: 5px;
	position: absolute;
	left: 0;
	top: 0
}

.views-st_posts .fa-eye {
	top: 5px;
	font-size: 14px
}

.article-back_link .fa {
	top: 2px;
	font-size: 12px
}

.post a {
	color: #282887;
	text-decoration: underline
}

.post a:hover {
	opacity: .7
}

.footer-box_site {
	margin-top: 20px;
	background: #2f3037;
	color: #fff;
	padding: 25px 0 0
}
.footer {
	background: #2f3037!important;
	color: #fff!important;
}
.widget-sidebar>ul li {
	display: block;
	font-size: 14px;
	line-height: 17px;
	color: #4a4852;
	border-bottom: 1px solid #f3f5f7;
	padding: 10px 20px
}

.widget-sidebar>ul li a {
	color: #000;
	font-weight: 600
}

.widget-sidebar>ul li a:hover {
	text-decoration: underline
}

.text-logo-footer_line {
	padding-left: 60px;
	display: block
}

.logo-footer_site {
	color: #f3f3f3;
	position: relative;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 5px;
	font-size: 20px;
	line-height: 25px;
	padding: 16px 0;
	width: auto;
	margin-bottom: 10px
}

.logo-footer_site:before {
	content: "";
	position: absolute;
	left: -5px;
	top: 0;
	bottom: 0;
	display: block;
	margin: auto;
	width: 60px;
	height: 60px;
	background: url(../images/logo.png) no-repeat center center;
	background-size: contain
}

.statistic-footer_admin img {
	display: inline-block;
	vertical-align: top;
	margin: 3px 2px;
	max-width: 90px
}

.footer-col-l_site {
	float: left
}

.footer-col-r_site {
	float: right;
	width: 75%;
	max-width: 950px
}

.footer-menu_site {
	border-bottom: 1px solid #d33;
	margin-bottom: 25px
}

.footer-menu_site ul>li {
	float: left;
	margin-right: 25px
}

.footer-menu_site ul>li ul {
	display: none
}

.footer-menu_site ul:after {
	content: "";
	display: block;
	clear: both
}

.footer-menu_site ul>li>a {
	display: block;
	color: #fff;
	font-size: 16px;
	line-height: 18px;
	text-transform: uppercase;
	font-weight: 700;
	padding: 18px 2px
}

.coper-footer_site {
	color: #9d9da2;
	font-size: 13px;
	line-height: 15px;
	font-weight: 600
}

.footer-menu_site>ul>li.current-menu-item>a,
.footer-menu_site>ul>li>a:hover {
	color: #de1c5c
}

.popUp-box {
	display: none;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 1050
}

.comments-st_posts .fa {
	top: 5px
}

.button,
button,
input[type=button],
input[type=submit] {
	min-width: 215px;
	background: red;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	display: inline-block;
	vertical-align: top;
	padding: 19px 40px;
	line-height: 15px;
	text-transform: uppercase;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid red;
	transition: all .3s ease-in-out
}

.button:hover,
button:hover,
input[type=button]:hover,
input[type=submit]:hover {
	background: #fff;
	color: red
}

.left-content_vn {
	background: #fff;
	padding: 0 65px;
	width: 820px;
	float: left
}

.content-main_vn {
	margin: 20px 0
}

.sidebar_vn {
	float: right;
	width: 300px;
	margin-left: 30px
}

.widget-sidebar {
	background: #fcfcfd;
	margin-bottom: 25px
}

.widget-s_title {
	background: #f8f9fa;
	border-bottom: 1px solid #e3e8ec;
	font-weight: 600;
	font-size: 20px;
	line-height: 22px;
	padding: 12px 10px 12px 25px;
	position: relative
}

.widget-s_title:before {
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	border: 1px solid #d33;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position: absolute;
	left: 8px;
	top: 0;
	bottom: 0;
	margin: auto
}

.article-header_vn {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	margin-bottom: 20px
}

.brs-header {
	color: #b5b5bc;
	font-size: 11px;
	line-height: 14px
}

.article-back_link {
	font-size: 11px;
	color: #8b8c96!important;
	right: 0;
	top: 0;
	line-height: 14px;
	padding-left: 17px
}

.box-header_line .wrap::after {
	display: none
}

.article-back_link:hover {
	color: #9084e8!important
}

.brs-header a {
	color: #8b8c96
}

.brs-header a:hover {
	text-decoration: underline
}

.article-content_vn {
	padding: 20px 0;
	color: #393a3d;
	font-size: 16px;
	line-height: 22px
}

.article-content_vn h1 {
	color: #000;
	font-size: 36px;
	line-height: 38px;
	font-weight: 600;
	margin-bottom: 20px
}

.article-header_meta {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 20px
}

.article-data_site {
	display: inline-block;
	vertical-align: top;
	color: #8b8c96;
	font-size: 13px;
	line-height: 15px;
	padding: 5px 0;
	margin-right: 20px
}

.post b {
	font-weight: 600
}

.text-comment_site {
	word-break: break-word
}

.post ul {
	margin-bottom: 20px
}

.post ul li {
	display: inline-block;
	justify-content: flex-start;
	margin-left: 10px;
	position: relative;
	margin-bottom: 3px;
	padding-left: 25px
}

.post ul li:before {
	content: "";
	width: 18px;
	height: 18px;
	display: inline-block;
	margin-right: 5px;
	background: url(../images/check.svg) no-repeat center/contain
}

.post ul li ul {
	margin-top: 10px
}

.article-after_post {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-left: -65px;
	margin-right: -65px;
	border-top: 1px solid #e5e7e8;
	border-bottom: 1px solid #e5e7e8;
	padding: 25px 65px;
	margin-top: 10px;
	background: #fbfbfb
}

.article-after_title {
	color: #a2a3a5;
	font-size: 12px;
	line-height: 15px;
	margin-bottom: 5px
}

.author-after_post {
	display: flex;
	align-items: center;
	position: relative;
	margin-right: 20px
}

.likes-after_post {
	float: right;
	padding-top: 11px
}

.socials-after_post {
	float: left;
	padding-top: 6px
}

.wrap-after_post {
	padding-left: 10px;
	min-height: 45px;
	max-width: 110px;
	word-break: break-word;
	padding-top: 7px
}

.author-after_post>img {
	position: absolute;
	left: 0;
	top: 0;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	max-width: 53px
}

.author-after_name {
	color: #0c081b;
	font-size: 16px;
	line-height: 18px
}

.button-like_post {
	color: #0c081b!important;
	line-height: 15px;
	padding: 13px 0 8px 35px;
	margin-left: 8px;
	display: inline-block;
	vertical-align: middle
}

.dislike_button {
	background: url(../images/dislike.png) no-repeat left center
}

.like_button {
	background: url(../images/like.png) no-repeat left center
}

.button-like_post:hover {
	opacity: .7
}

.title-comments_site {
	font-size: 36px;
	line-height: 38px;
	margin-bottom: 20px;
	font-weight: 500
}

.body-comment_site {
	line-height: 1.5;
	margin-left: 120px;
	background: #f6f7f8;
	padding: 15px 30px;
	min-height: 80px;
	position: relative
}

.wrap-comment_site {
	position: relative;
	margin-bottom: 20px;
	padding-top: 10px
}

.thumb-comment_site {
	position: absolute;
	left: 0;
	top: 0
}

.thumb-comment_site img {
	display: block;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	border-radius: 60px;
	max-width: 77px
}

.list-comments_uls li li {
	margin-left: 60px
}

.body-comment_site:before {
	content: "";
	width: 0;
	height: 0;
	border-top: 38px solid #f6f7f8;
	border-left: 20px solid transparent;
	position: absolute;
	left: -20px;
	top: 0
}

.name-comment_site {
	font-size: 16px;
	line-height: 18px;
	font-weight: 500;
	float: left
}

.replyform {
	float: right;
	color: #8b8c96;
	font-size: 11px;
	line-height: 13px;
	padding: 3px;
	cursor: pointer
}

.replyform:hover {
	text-decoration: underline
}

.title-comment_site {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #e5e8ec
}

.text-comment_site p:last-child {
	margin-bottom: 0
}

.is-admin_comment .name-comment_site {
	color: #2a2aa9
}

.body-comment__name {
	display: inline-flex;
	align-items: center
}

.body-comment__date {
	display: inline-flex;
	align-items: center;
	color: gray
}

.body-comment__date::before {
	content: '\25CF';
	font-size: 10px;
	color: gray;
	margin: 0 5px
}

a:hover img {
	opacity: .7
}

.comments_wrap-box {
	padding-top: 20px;
	clear: both
}

.post li img {
	margin: 5px 0
}

.textwidget {
	padding: 10px
}

.widget-sidebar-nobg {
	background: 0!important
}

.widget-sidebar-nobg .textwidget {
	padding: 0;
	background: 0;
	max-width: 1280px
}

.widget-sidebar-nobg .widget-s_title {
	margin-bottom: 10px
}

.socials-after_post-right {
	float: right;
	margin-left: 20px;
	width: 185px;
	text-align: center
}

.socials-after_post-right .socials-after_post {
	float: none;
	padding-top: 0
}

.socials-after_post-right .likes-after_post {
	float: none
}

.no-author-description .socials-after_post {
	display: inline-block;
	vertical-align: top
}

.no-author-description .socials-after_post-right {
	width: auto
}

.no-author-description .likes-after_post {
	display: inline-block;
	vertical-align: top;
	margin-left: 20px
}

.content-main_vn .wrap {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.widget_nav_menu .menu {
	background: #fcfcfd;
	padding: 14px 25px
}

.widget_nav_menu .menu li a {
	display: block;
	font-size: 15px;
	line-height: 17px;
	color: #4a4852;
	border-bottom: 1px solid #f3f5f7;
	padding: 9px 0
}

.widget_nav_menu .menu li ul li a {
	padding-left: 20px
}

.widget_nav_menu .menu li:last-child>a {
	border-bottom: 0
}

.widget_nav_menu .menu li a:hover {
	text-decoration: underline
}

.widget_nav_menu .menu li ul {
	border-bottom: 1px solid #f3f5f7
}

.b-share__ico_romb {
	display: inline-block;
	vertical-align: top;
	border-radius: 2px;
	color: #fff;
	overflow: hidden;
	position: relative;
	width: 25px;
	height: 25px;
	margin: 0 1px;
	cursor: pointer
}

.b-share__fb_romb {
	background: #3b5998
}

.b-share__tw_romb {
	background: #00aced
}

.b-share__fb_romb,
.b-share__pinterest_romb,
.b-share__tw_romb {
	display: flex;
	justify-content: center;
	align-items: center
}

.b-share__fb_romb:after {
	content: "";
	display: block;
	width: 15px;
	height: 15px;
	background: url(../images/facebook-icon.svg) no-repeat center/contain
}

.b-share__tw_romb:after {
	content: "";
	display: block;
	width: 15px;
	height: 15px;
	background: url(../images/twitter-logo-silhouette.png) no-repeat center/contain
}

.b-share__ico_romb:hover {
	-moz-transform: rotate(360deg) scale(1.2);
	-o-transform: rotate(360deg) scale(1.2);
	-webkit-transform: rotate(360deg) scale(1.2);
	transform: rotate(360deg) scale(1.2);
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

.sidebar_vn .wrap {
	display: block!important;
	width: auto;
	max-width: 100%;
	padding: 0
}

.menu-header_line .fa {
	position: static;
	margin-right: 5px
}

.post .fa {
	position: static!important
}

.b-share_romb {
	display: flex;
	max-width: 200px;
	margin: auto
}

.b-share_romb .b-share__ico_romb {
	margin: 2px
}

.b-share__pinterest_romb {
	background: #e60023
}

.b-share__pinterest_romb:after {
	content: "";
	display: block;
	width: 15px;
	height: 15px;
	background: url(../images/pinterest-logo.png) no-repeat center/contain
}

.sidebar_vn>* {
	margin-top: 0;
	margin-bottom: 25px
}

@media screen and (max-width:1100px) {
	.content-main_vn .wrap {
		display: block
	}
	.sidebar_vn {
		display: none
	}
	.left-content_vn {
		width: auto;
		float: none!important;
		padding-bottom: 5px
	}
}

@media screen and (max-width:610px) {
	.socials-after_post-right {
		width: auto
	}
}

@media screen and (max-width:550px) {
	.article-after_post {
		display: none!important
	}
	.author-after_post {
		margin: 3px 0
	}
	.socials-after_post {
		margin: 5px
	}
	.likes-after_post {
		margin: 5px
	}
}

@media screen and (max-width:370px) {
	.wrap-after_post {
		padding-left: 0
	}
	.author-after_post>img {
		display: none
	}
	.body-comment_site {
		margin-left: 45px
	}
	.article-data_site {
		display: block
	}
}

.home .box-header_line {
	margin-bottom: 20px
}

@media screen and (max-width:1300px) {
	.footer-col-l_site {
		width: 25%;
		min-width: 280px
	}
	.footer-col-r_site {
		width: 70%
	}
	.sidebar_vn {
		width: 25%;
		min-width: 290px;
		margin-left: 1%
	}
	.left-content_vn {
		padding: 0 20px;
		width: 68%
	}
	.article-after_post {
		margin-left: 0;
		margin-right: 0;
		border: 1px solid #e5e7e8;
		padding: 15px 10px;
		text-align: center
	}
	.socials-after_post {
		float: none;
		display: inline-block;
		vertical-align: middle;
		margin: 1.1em;
		text-align: left
	}
	.likes-after_post {
		float: none;
		display: inline-block;
		vertical-align: middle;
		margin: 1.1em;
		text-align: left
	}
	.socials-after_post-right .socials-after_post {
		margin: 0;
		text-align: center
	}
	.socials-after_post-right .likes-after_post {
		margin: 0
	}
	.socials-after_post-right {
		text-align: center;
		float: none;
		display: inline-block;
		vertical-align: top;
		margin: 5px
	}
}

@media screen and (max-width:1100px) {
	.content-main_vn .wrap {
		display: block
	}
	.sidebar_vn {
		width: auto;
		float: none!important;
		margin: 25px 0!important
	}
	.left-content_vn {
		width: auto;
		float: none!important;
		padding-bottom: 5px
	}
}

@media screen and (max-width:1060px) {
	.menu-header_line>ul {
		display: none
	}
	.slicknav_menu {
		display: block
	}
	.slicknav_btn {
		position: absolute;
		right: 16px;
		top: 0;
		font-size: 16px;
		line-height: 18px;
		color: #fff!important;
		font-weight: 500;
		text-transform: uppercase;
		padding-left: 45px;
		bottom: 0;
		margin: auto;
		height: 18px
	}
	a.search {
		display: none
	}
	span.slicknav_icon {
		position: absolute;
		left: 0;
		top: -6px;
		width: 40px
	}
	span.slicknav_icon-bar {
		height: 6px;
		background: #fff;
		margin: 3px;
		display: block
	}
	ul.slicknav_nav {
		position: absolute;
		right: 0;
		top: 59px;
		background: #111;
		z-index: 4000;
		width: 280px;
		text-align: right
	}
	ul.slicknav_nav a {
		display: block;
		padding: 10px 20px;
		color: #fff;
		border-bottom: 1px solid #e7e7e7
	}
	ul.slicknav_nav a a {
		padding: 0;
		display: inline;
		border: 0
	}
	ul.slicknav_nav ul {
		background: #1b1a1a
	}
	ul.slicknav_nav ul ul {
		background: #090808
	}
}

@media screen and (max-width:970px) {
	.footer-col-l_site {
		float: none;
		width: auto;
		max-width: 100%;
		text-align: center
	}
	.logo-footer_site {
		text-align: left;
		display: inline-block;
		vertical-align: top
	}
	.footer-col-r_site {
		float: none;
		width: auto;
		margin: 0;
		max-width: 100%;
		text-align: center
	}
	.footer-menu_site {
		margin-bottom: 10px
	}
	.footer-menu_site>ul>li {
		float: none;
		display: inline-block;
		vertical-align: top;
		margin: 3px
	}
	.footer-menu_site>ul>li>a {
		padding: 5px
	}
	.vn-page .wrap {
		display: block
	}
}

@media screen and (max-width:770px) {
	.title-comments_site {
		font-size: 25px;
		margin-bottom: 10px
	}
	.thumb-comment_site img {
		margin-top: 10px
	}
	.body-comment_site:before {
		display: none
	}
	.body-comment_site {
		margin-left: 85px;
		padding: 10px
	}
	.replyform {
		float: none;
		display: block
	}
	.name-comment_site {
		float: none
	}
	.thumb-comment_site {
		z-index: 3
	}
	.list-comments_uls li li {
		margin-left: 45px
	}
}

@media screen and (max-width:610px) {
	.socials-after_post-right {
		width: auto
	}
}

@media screen and (max-width:610px) {
	.sidebar_vn {
		float: none!important;
		margin-left: 0
	}
	.views-st_posts {
		margin-right: 20px
	}
	.article-content_vn h1 {
		font-size: 26px;
		line-height: 28px
	}
	.content-main_vn .wrap {
		padding: 0
	}
	.post ul li {
		margin-left: 0
	}
	.article-content_vn h1.title {
		line-height: 1.5
	}
	.subtitle {
		font-size: 18px;
		line-height: 1.5
	}
}

@media screen and (max-width:550px) {
	.author-after_post {
		margin: 3px 0
	}
	.socials-after_post {
		margin: 5px
	}
	.likes-after_post {
		margin: 5px
	}
}

@media screen and (max-width:460px) {
	span.slicknav_menutxt {
		display: none
	}
	.logo-header_line {
		letter-spacing: 0;
		width: 100%;
		max-width: 70%;
		font-size: 1.2em!important
	}
	.brs-header {
		font-size: 12px;
		line-height: 14px
	}
	.article-header_vn {
		padding-right: 0
	}
	.article-back_link {
		position: relative;
		margin-top: 10px;
		font-size: 14px;
		display: none
	}
	.author-after_post {
		margin: 3px 0
	}
	.socials-after_post {
		margin: 5px
	}
	.likes-after_post {
		margin: 5px
	}
	.article-after_post {
		padding: 10px 0
	}
	body {
		word-break: break-word
	}
	.body-comment_site {
		margin-left: 44px
	}
	.wrap-after_post {
		max-width: 100%
	}
}

@media screen and (max-width:370px) {
	.wrap-after_post {
		padding-left: 0
	}
	.author-after_post>img {
		display: none
	}
	.body-comment_site {
		margin-left: 45px
	}
	.article-data_site {
		display: block
	}
}

picture img {
	max-width: 100%;
	display: block;
	outline: 0;
	border: 0;
	margin: 0 auto
}

figure {
	font-size: 18px;
	text-align: center;
	margin: 10px auto 20px;
	padding: 7px;
	background: #f2eef4;
	border-top: 1px dotted #000;
	border-right: 1px dotted #000;
	border-bottom: 1px dotted #000;
	border-left: 5px solid #ffc634;
	max-width: 640px;
	width: 100%;
	box-sizing: border-box
}

.attention {
	margin: 5px 0 15px;
	padding: 10px;
	background: #f8f8f8;
	border: 5px double #9475a6;
	border-radius: 5px;
	font-style: italic;
	line-height: 20px
}

.attention span {
	color: red;
	font-weight: 700
}

h1 {
	text-align: center
}

h1 span {
	display: block;
	font-size: 70%
}

.interview {
	display: flex;
	align-items: center;
	padding: 20px;
	border-radius: 10px
}

.interview:not(:last-of-type) {
	margin-bottom: 20px
}

.interview--interviewer {
	background: #bbd7f1
}

.interview--hero {
	background: #e6e6e6
}

.interview__name {
	font-weight: 700
}

.interview__name--interviewer {
	color: #f3200b
}

.interview__name--hero {
	color: #071dc5
}

.interview__avatar {
	display: block;
	flex-shrink: 0;
	max-width: 50px;
	border-radius: 50%;
	margin-right: 20px
}

.post p.interview__text {
	font-size: 17px;
	line-height: 22px;
	margin: 0
}

.components {
	border: 1px solid #ff3b3b;
	border-radius: 10px;
	padding: 20px
}

.post ul.components li {
	margin: 0;
	padding: 0
}

.post ul.components li:not(:last-of-type) {
	margin: 0 0 10px
}

.wh77 {
	width: 77px;
	height: 77px
}

.inL_891562 {
	outline: 0
}

.inL_998115 {
	display: none
}

.inL_437958 {
	background: #ccffcb
}

.inL_37460 {
	background: #ccffcb
}

.inL_698544 {
	text-align: center;
	margin: 20px 0 0;
	font-size: 18px;
	color: #d31900;
	text-transform: uppercase
}

.inL_895033 {
	display: block;
	text-align: center;
	margin: 45px auto 40px;
	line-height: 20px;
	font-size: 18px;
	text-transform: uppercase;
	max-width: 570px
}

.present--hidden {
	display: none
}

.present__title {
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	background: gray;
	padding: 10px;
	margin-bottom: 10px
}

.present__list {
	margin-bottom: 10px
}

.boxes {
	display: flex;
	justify-content: space-around;
	align-items: center;
	flex-wrap: wrap;
	width: 100%
}

.boxes__item {
	width: calc(100% / 3);
	padding: 10px;
	box-sizing: border-box
}

.boxes__img {
	cursor: pointer;
	width: 100%;
	transition: all .1s ease-in-out
}

.boxes__img:hover {
	transform: scale(1.1)
}

.boxes__img--hidden {
	display: none
}

.modal {
	display: none;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, .3);
	z-index: 999
}

.modal--visible {
	display: flex
}

.modal__wrapper {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background: #fff;
	max-width: 478px;
	width: 100%;
	padding: 20px;
	margin: 0 10px
}

.modal__text {
	font-size: 20px;
	line-height: 1.2;
	text-align: center
}

.modal__btn {
	font-size: 17px;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	background: orange;
	padding: 10px 15px;
	box-sizing: border-box;
	max-width: 120px;
	width: 100%
}

.order {
	display: none;
	flex-direction: column;
	align-items: center;
	padding: 25px
}

.order--visible {
	display: flex
}

.order__title {
	font-size: 23px;
	text-align: center;
	color: #d62798;
	margin-bottom: 32px
}

.order__pack {
	display: block;
	max-width: 215px;
	width: 100%;
	margin-bottom: 20px
}

.order__fda {
	margin-bottom: 20px
}

.order__price {
	margin-bottom: 20px
}

.price {
	display: flex;
	justify-content: center;
	align-items: flex-end
}

.price__old {
	font-size: 25px;
	line-height: 28px;
	color: gray;
	margin-right: 40px;
	position: relative
}

.price__old::before {
	content: '';
	display: block;
	width: 100%;
	height: 2px;
	background: gray;
	position: absolute;
	top: 50%;
	left: 0
}

.price__new {
	font-size: 30px;
	font-weight: 700;
	line-height: 28px;
	color: red
}

.order__text {
	font-size: 18px;
	text-align: center;
	margin-bottom: 20px
}

.order__form {
	margin-bottom: 20px
}

.form {
	display: flex;
	flex-direction: column;
	justify-content: center;
	max-width: 400px;
	width: 100%
}

.form__input {
	border: 1px solid gray;
	border-radius: 5px;
	width: 100%;
	box-sizing: border-box;
	padding: 0 15px;
	height: 54px;
}

.form__btn {
	font-size: 18px;
	font-weight: 700;
	color: #fff;
	background: red;
	border: 1px solid red;
	transition: all .3s ease-in-out
}

.form__btn:hover {
	background: #fff;
	color: red
}

.post p.inL_698544 {
	margin: 0
}

.post p.order__text {
	margin: 0 0 20px
}

.post form {
	margin: 0
}

.post p.price__new,
.post p.price__old {
	margin: 0
}

.post p.price__old {
	margin-right: 40px
}

.post a.modal__btn {
	text-decoration: none;
	color: #fff
}

.post ul li.boxes__item {
	margin-top: 0;
	margin-left: 0;
	position: static;
	margin-bottom: 0;
	padding: 10px
}

.post ul li.boxes__item:before {
	display: none
}

.post li img.boxes__img {
	margin: 0
}

@media (max-width:479px) {
	.thumb-comment_site img {
		width: 50px;
		height: 50px
	}
	.body-comment_site {
		margin-left: 60px
	}
}

.menu-header_line>ul>li>a.menu__item {
	display: flex;
	justify-content: center
}

.menu__item::before {
	content: '';
	display: block;
	width: 17px;
	height: 17px;
	margin-right: 5px
}

.menu__item--warning::before {
	background: url(../images/warning.svg) no-repeat center/contain
}

.menu__item--people::before {
	background: url(../images/people.svg) no-repeat center/contain
}

.menu__item--square::before {
	background: url(../images/square.svg) no-repeat center/contain
}

.menu__item--hummer::before {
	background: url(../images/hummer.svg) no-repeat center/contain
}

.menu__item--basket::before {
	background: url(../images/basket.svg) no-repeat center/contain
}

.menu__item--heart::before {
	background: url(../images/heart.svg) no-repeat center/contain
}

.comments-st_posts,
.views-st_posts {
	display: flex;
	justify-content: flex-start;
	padding-left: 0
}

.comments-st_posts::before,
.views-st_posts::before {
	content: '';
	display: block;
	width: 17px;
	height: 17px;
	margin-right: 5px
}

.comments-st_posts::before {
	background: url(../images/message.svg) no-repeat center/contain
}

.views-st_posts::before {
	background: url(../images/eye.svg) no-repeat center/contain
}

.info {
	display: inline-block;
	width: 13px;
	height: 13px;
	background: url(../images/info.png) no-repeat center/contain;
	position: relative
}

.info__wrapper {
	display: none;
	width: 80px;
	padding-top: 5px;
	position: absolute;
	top: 13px;
	z-index: 5
}

.info:hover .info__wrapper {
	display: block
}

.info__wrapper--active {
	display: block
}

.info__text {
	display: block;
	text-align: center;
	padding: 10px;
	background: #fff;
	box-shadow: 0 0 5px gray;
	border-radius: 5px
}

.info__link {
	font-size: 16px;
	color: #000;
	text-decoration: underline;
	cursor: pointer
}

.info__link:hover {
	text-decoration: none
}

.comments__live {
	max-width: 300px;
	width: 100%;
	margin: 10px 0 0
}

.photo {
	max-width: 640px;
	width: 100%;
	margin: 0 auto
}

input::-ms-clear {
	display: none
}

@media (max-width:639px) {
	.body-comment__name {
		flex-direction: column;
		align-items: flex-start
	}
	.body-comment__date::before {
		display: none
	}
	.replyform {
		text-align: center;
		max-width: 63px
	}
}

@media (max-width:479px) {
	.list-comments_uls li li {
		margin-left: 20px
	}
	.inL_895033 {
		padding: 15px
	}
}

.img {
	display: block;
	margin: 0 auto
}

.search {
	display: block;
	width: 26px;
	height: 26px;
	background: url(../images/search.svg) no-repeat center/contain
}

@media (max-width:1300px) {
	.menu-header_line>ul>li>a.menu__item--heart,
	.menu-header_line>ul>li>a.menu__item--hummer {
		display: none
	}
}

@media (max-width:767px) {
	.footer-col-r_site {
		display: none
	}
	.logo-footer_site {
		margin-bottom: 0;
		max-width: none;
		width: auto
	}
	.interview {
		align-items: flex-start;
		padding: 15px
	}
	.interview__avatar {
		margin-right: 10px
	}
}
form .input-wrapper label {
   display: none;
   pointer-events: none;
 }
 
 form .input-wrapper {
   position: relative;
   margin-bottom: 20px;
 }
 
 form .input-wrapper .error {
   border: 1px solid red!important;
   padding-top: 6px!important;
 }
 
 form .input-wrapper .error+label {
   width: 100%;
   height: 100%;
   color: red;
   display: block !important;
   font-size: 11px;
   line-height: 17px;
   position: absolute;
   top: 0;
   left: 10px;
   text-align: left!important;
 }
 
 form .input-wrapper .error+label:before,
 form .input-wrapper .error+label:after {
   content: "";
   position: absolute;
   right: 30px;
   top: 50%;
   width: 3px;
   height: 21px;
   background-color: red
 }
 
 form .input-wrapper .error+label:before {
   -webkit-transform: translate(0, -50%) rotate(135deg);
   transform: translate(0, -50%) rotate(135deg)
 }
 
 form .input-wrapper .error+label:after {
   -webkit-transform: translate(0, -50%) rotate(45deg);
   transform: translate(0, -50%) rotate(45deg)
 }