html {
  scroll-behavior: smooth;
}

div.news-detail
{
	word-wrap: break-word;
}
div.news-detail img.detail_picture
{
	float:left;
	margin:0 8px 6px 1px;
}
.news-date-time
{
	color:#486DAA;
}

@media (min-width: 768px) and (max-width: 880px) {
	.item-tovar-black p {
		line-height: 21px;
		font-size: 15px;
	}
}

.no-desctop-black {
	display: none !important;
}

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

	.item-tovar-black-no-mobile {
		display: none !important;
	}

	.no-desctop-black {
		display: block !important;
	}

	.no-mobile {
		display: none;
	}

	.blog_detail_main {
		padding: 25px 5px;
	}

	.block_black_three p {
		line-height: 34px;
		font-size: 28px !important;
	}

	.block_black_two::before {
		content: "";
		background-image: url(/local/templates/beautybox/images/znak.png);
		width: 45px;
		height: 45px;
		background-repeat: no-repeat;
		background-size: contain;
		display: block;
		text-align: center;
		margin: 0 auto;
		margin-bottom: 20px;
	}
}

@media only screen and (min-width: 768px) {

	.block_black_two {
		min-height: 120px;
		vertical-align: middle;
		display: flex;
	}

	.block_black_two::before {
		content: "";
		background-image: url(/local/templates/beautybox/images/znak.png);
		width: 75px;
		height: 75px;
		background-repeat: no-repeat;
		background-size: contain;
		display: block;
		position: absolute;
		top: 30%;
		left: 12%;
	}

	.block_black_two::after {
		content: "";
		background-image: url(/local/templates/beautybox/images/znak.png);
		width: 75px;
		height: 75px;
		background-repeat: no-repeat;
		background-size: contain;
		display: block;
		position: absolute;
		top: 30%;
		right:12%;
	}

	/*.block_black_two p {
		padding: 0px 15%;
		position: relative;
		vertical-align: middle;
		display: inline-block;
	}*/

	.blog_detail {
		margin: 0px 17%;
	}

	.block_black {
		padding: 24px 17% !important;
	}

	.block_black_two {
		padding: 48px 19% !important;
	}

	.block_black_three {
		padding: 72px 17% !important;
	}

}

@media (min-width: 768px) and (max-width: 1020px)  {
	.blog_detail_main_container {
		justify-content: center;
		padding: 30px 5% !important;
	}
	.block_black_three p, .block_black_three {
		line-height: 40px !important;
		font-size: 24px !important;
	}
	.block_black_three {
		padding: 72px 10% !important;
	}
}

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

	.no-display-desctop {
		display: block;
		width: 50%;
	}

	.item-tovar-list .item-tovar {
		display: block;
		padding: 15px 15px;
		width: 50%;
	}

	.item-tovar-img {
		min-height: 170px;
	}

	.item-tovar-name {
		margin-top: 17px;
		font-size: 13px !important;
		line-height: 23px !important;
		text-align: CENTER;
		font-weight: bold;
		margin-bottom: 20px;
		/*min-height: 92px !important;*/
	}

	.item-tovar-link {
		margin: 0px 0px !important;
	}
}

@media only screen and (min-width: 1021px) {

	.item-tovar-img  img {
		position: absolute;
		margin: auto;
		left: 0;
		top: 0;
		bottom: 0;
		right: 0;
		padding: 5px;
	}

	
	.no-display-desctop {
		display: none;
	}

	.item-tovar-img {
		height: 266px
	}

	.item-tovar-list .item-tovar {
		padding: 0 15px 20px 15px;
		width: 33.3%;
	}

	.block_black_three p, .block_black_three {
		line-height: 47px !important;
		font-size: 29px !important;
	}

	.blog_detail_main_one {
		width: 22%;
	}

	.blog_detail_main_one div {
		font-size: 24px !important;
	}

	.blog_detail_main_two {
		width: 75%;
		padding-left: 25px;
	}

	.blog_detail_main_container {
		position: relative;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		padding: 40px 5% !important;
	}
}

.block_black p {
	margin: 10px 0px 10px 0px;
}

.about_blog_detail ul{
	margin-bottom: 20px;
}

.about_blog_detail ul li {
	list-style: disc;
	margin-left: 30px;
	line-height: 22px;
	margin-bottom: 10px;
	font-size: 16px;
}

.about_blog_detail ol {
	padding-left: 18px;
}

.about_blog_detail ol li {
	list-style: inherit;	
	line-height: 26px;
	margin-bottom: 10px;
	font-size: 16px;
}

.about_blog_detail p {
	line-height: 26px;
	font-size: 16px;
}

.block_black {
	background: url(/local/templates/beautybox/images/block_black.png);
	color: white;
	padding: 30px;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	width: 100%;
	display: block;
	border-radius: 10px;
	margin-top: 18px;
}

.block_black_three {
	/*background: #232323;*/
	background: url(/local/templates/beautybox/images/block_black_three.png);
	background-repeat: no-repeat !important;
	background-size: cover !important;
	color: white;
	padding: 30px;
	width: 100%;
	display: block;
	border-radius: 10px;
	margin-top: 30px;
	text-align: center;
	font-size: 23px;
	line-height: 25px;
}

.block_black_three p {
	line-height: 34px;
}

.block_black_two {
	background: #232323;
	color: white;
	border-radius: 10px;
	text-align: center;
	margin: 24px 0px 38px 0px;
	padding: 25px;
	min-height: 170px;
	text-align: center;
	position: relative;
	line-height: 26px;
	font-size: 16px;
}


.blog_detail_main_one div {
	font-size: 18px;
	margin-bottom: 20px;
}

.blog_detail {
	/*margin-top: 30px;*/
}

/* .blog_detail a{
	text-decoration: underline; 
}

.blog_detail a:hover{
	text-decoration: none; 
	opacity: 0.85;
} */

.blog_detail p a, 
.blog_detail ul li a,
.blog_detail ol li a, 
.text_left_block a, 
.text_right_block a,
.information a {
	text-decoration: none;
	color: #C89246;
}

.blog_detail p a:hover,
.blog_detail ul li a:hover,
.blog_detail ol li a:hover,
.text_left_block a:hover,
.text_right_block a:hover,
.information a:hover {
	text-decoration: underline;
	color: #C89246;
	opacity: 0.85;
}

.block_black_three {
	margin-bottom: 30px;
}

.blog_detail h2, .other_cars h2 {
	text-align: center;
	margin-top: 33px;
	margin-bottom: 20px;
	line-height: 32px;	
	font-size: calc( (100vw - 320px)/(1920 - 320) * (28 - 20) + 20px);
	font-weight: bold;
}

.blog_detail img.blog_img {
	margin-top: 10px;
	border-radius: 10px;
}

.blog_detail_main {
	background: #FAF9FC;
}


.blog_detail_main_two div {
	margin-bottom: 12px;
	font-size: 15px;
}

.blog_detail_main ol {
	margin-top: 0px;
}

.about_blog_detail {
	margin-bottom: 50px;
}

.blog_detail p {
	margin-bottom: 15px;
}

.item-tovar-list {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 -15px 0 -15px;
}

.item-tovar-list .item-tovar {
	padding: 0 15px 30px 15px;
	
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}


@media only screen and (min-width: 768px) {
	.item-tovar-list {
		margin: 30px 12% 15px 12%;
	}
}

.item-tovar-img {
	border: 1px solid lightgray;
	border-radius: 10px;
	padding: 10px;
}

.item-tovar-name {
	margin-top: 17px;
	font-size: 22px;
	line-height: 29px;
	text-align: CENTER;
	font-weight: bold;
	margin-bottom: 20px;
	/* min-height: 80px; */
}

.item-tovar-link {
	text-align: center;
	border: 1px solid #C89246;
	/* border-image: linear-gradient(45deg, #BD7628, #C89246) 1; */
	border-radius: 34px;
	padding: 15px 25px;
	display: block;
	margin: 0px 31px;
	text-transform: uppercase;
}

.item-tovar-link a {
	font-size: 15px;
	text-transform: uppercase;
}

.item-tovar-link:hover {
	background: black;
	color: white;
	border: 1px solid black;
}

.item-tovar-img {
	position: relative;
}

.item-tovar-black {
	background: black;
	color: white;
	text-align: center;
	padding: 15px 25px;
	font-size: 16px;
	line-height: 13px;
	border-radius: 10px;
}

.item-tovar-black  {
	background: black;
	color: white;
	text-align: center;
	padding: 15px 25px 15px 25px;
	line-height: 23px;
	font-size: 16px;
	border-radius: 10px;
}

.item-tovar-black p {
	line-height: 23px;
	position: relative;
	font-size: 16px;
	padding-top: 57px;
}

.item-tovar-black p:before {
	content: "";
	background-image: url(/local/templates/beautybox/images/znak.png);
	width: 44px;
	height: 44px;
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
	position: absolute;
	top: 0%;
	left: 0px;
	text-align: center;
	margin: 0 auto;
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	text-align: center;
}

.item-tovar-img img {
	max-width: 100%;
}

#nav a {
	margin-bottom: 12px;
	font-size: 15px;
}

#nav li {
	list-style: auto;
	margin-left: 20px;
	font-size: 15px;
}

.other-blog {
	text-align: center;
	margin-bottom: 40px;
	font-weight: bold;
	font-size: 28px;
}



@media (min-width: 460px) and (max-width: 1020px) {
	.item-tovar-img {
		height: 200px;
	}

	.item-tovar-img img {
		max-height: 150px !important;
		text-align: center;
		margin: 0 auto;
		display: block;
	}
}

/*.right_block */
@media only screen and (max-width: 767px) {
	.right_block .img_right_block {
		width: 100% !important;
		padding: 25px 25px 25px 25px !important;
		order: 2;
	}

	.right_block .text_right_block {
		width: 100% !important;
		padding: 15px;
		order: 1;
	}

	.right_block .img_right_block .item-tovar-img {
		text-align: center !important;
	}

	.right_block .img_right_block .item-tovar-img img {
		text-align: center !important;
		margin: 0 auto;
	}

	.right_block .text_right_block h2 {
		text-align: left;
		margin-top: 33px;
		margin-bottom: 10px;
		line-height: 32px;
		font-size: 28px;
		font-weight: bold;
	}
	
	.right_block .text_right_block h3 {
		text-align: left;
		margin-top: 33px;
		margin-bottom: 10px;				
	}
	
	.articleTop {	
		padding: 25px 10px;	
		background: url(/local/templates/beautybox/images/article_3/head-tablet.png) no-repeat;
		background-position: center;
		background-size: cover;
	}	
	
	.accent_question {	
		padding: 10px;		
	}
	
	.accent_question h2 {
		font-size: 20px;
	}
	
	.accent_question p{		
		text-align: left;
	}
	
	.flexWrap {
		flex-direction: column;
		justify-content: center;		
		gap: 5px;
	}
	
	.flexWrap .display {
		display: none;
	}
	
	.accent_question > .display{
		display: block;
		text-align: center;
		margin-bottom: 10px;
	}
}


.right_block {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 10px;
}

.right_block .img_right_block {
	width: 40%;
	padding: 40px 25px 25px 0px;
}

.right_block .img_right_block img {
	max-width: 80%;
}

.right_block .text_right_block {
	width: 60%;
}

.right_block .text_right_block h2 {
	text-align: left;
	margin-top: 33px;
	margin-bottom: 10px;
	line-height: 32px;
	font-size: 28px;
	font-weight: bold;
}

.right_block .text_right_block h3 {
	text-align: left;
	margin-top: 33px;
	margin-bottom: 10px;	
}

.right_block .item-tovar-name {
	min-height: auto !important;
}

/*.left_block*/
@media only screen and (max-width: 767px) {
	.left_block .img_left_block {
		width: 100% !important;
		padding: 25px 25px 25px 25px !important;
	}

	.left_block .text_left_block {
		width: 100% !important;
		padding: 15px;
		text-align: left !important;
	}

	.left_block .img_right_block .item-tovar-img {
		text-align: center !important;
	}

	.left_block .img_right_block .item-tovar-img img {
		text-align: center !important;
		margin: 0 auto;
	}
}


.left_block {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 10px;
	align-items: center;
}

.left_block .img_left_block {
	width: 40%;
	padding: 10px 0px 25px 25px;
}

.left_block .img_left_block img {
	max-width: 80%;
}

.left_block .text_left_block {
	width: 60%;
	text-align: right;
}

.left_block .text_left_block h2 {
	text-align: left;
}

.left_block .text_left_block h3 {
	text-align: left;
	margin-top: 33px;
	margin-bottom: 10px;	
}

.left_block .item-tovar-name {
	min-height: auto !important;
}

.item-tovar-black.no-context p:before {
	 display: none;
}

.item-tovar-black.no-context p {
	padding-top: 0px !important;
}


@media only screen and (min-width: 768px) {
	.item-tovar-black {
		height: 100%;
		display: flex;
		align-items: center;
	}
}

.text_no_container {
	background: black;
	color: white;
}

.text_no_container .blog_detail {
	padding: 40px 0px;
}














/* My_Css_Start */

.video {
	cursor: pointer;
	width: 100%; 
	max-width: 600px; 
	margin: 0 auto
}

.other_cars {
	background-color:#F5F5F5; 
	padding: 40px 20px; 
	margin: 50px auto 0;
	text-align: center;
	border-radius: 10px;
}

.other_cars ul {
	text-align: center;
}

.other_cars ul li{
	list-style: none;	
}
.link-review, .link-review:hover {
	text-decoration: underline;
	color: #C89246
}

.blog_detail > .single-img {
	margin: 30px 0 50px;
	text-align: center;
}
.blog_detail video {
  width: 100%;
  max-width: 600px;
}

.txt_picture {
	display: flex;
	justify-content: space-between;
	align-items: center;
	column-gap: 30px;
	margin-bottom: 20px;
}

.blog_detail .description_box h3 {
	text-align: left;		
}

.txt_picture img {    
    max-width: 370px;
	width: 50%;	
	height: 100%;
	object-fit: cover;
	flex-shrink: 0;
}

.wrapImg {
	display: flex;
	justify-content: center;		
	gap: 20px;	
}

.wrapImg img {	
	width: 370px;
	max-width: 100%;
	min-width: 140px;
	height: auto;	
}

.articleTop.desktop {
	display: block;
	border-radius: 10px;
	max-width: 1170px;
	width: 100%;
	padding: 40px 200px;
	margin: 0 auto;
	margin-bottom: 40px;
	
}

.articleTop.mobile {
	display: none;
}

.articleTop p {
	color: white;
}

.blog_detail h3 {
	font-size: calc( (100vw - 320px)/(1920 - 320) * (28 - 20) + 20px);
	line-height: 28px;
	font-weight: 400;
	text-align: center;
	margin-bottom: 15px;
}


.pain-map_a4 {
	background-color: rgb(250, 249, 252);
	border-radius: 10px; 
	max-width: 1170px;
	width: 100%;
	padding: 20px 0;	
}

.pain-map-color_a4 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	column-gap: 20px;
	row-gap: 10px;
	margin-top: 20px;
}

.pain-map-color_a4 span {	
	border-radius: 10px;	
	padding: 15px 20px;
	text-align: center;
	
	color: rgb(255, 255, 255);
	font-family: Inter;
	font-size: 24px;
	font-weight: 700;	
		
	flex-grow: 1;	
	
	/* display: flex;
	justify-content: center;
	align-items: center; */
}

.accent_question {
	background-color: #232323;
	border-radius: 10px; 
	max-width: 1170px;
	width: 100%;
	padding: 20px 120px;
	margin-bottom: 30px;
}

.accent_question .accent_listing {
	list-style: disc;	
	line-height: 22px;
	margin-bottom: 10px;
	font-size: 16px;
	color: white;
}

.accent_question > .display,
.information > .display {
	display: none;
} 

.accent_question h2, .accent_question h3, .accent_question p {
	color: white;
	text-align: center;
}

.accent_question h3 {
	font-weight: 700;
	margin-bottom: 10px;
}

.accent_question h2 {
	margin-bottom: 20px;	
}

.accent_question .flexWrap {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	gap: 20px;
}

.flexWrap .display {
	margin-top: 25px;
	flex-shrink: 0;
}

.about_inner .list-links {
	padding: 0;
	margin: 0;
}

.about_inner .list-links li {
	list-style-type: none;
}

.italics {
	display: inline-block;
	margin-top: 15px;
	color: rgb(35, 35, 35);
	font-weight: 600;
	line-height: 26px;
	font-style: italic;
}

.container_construction_images {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	/* outline: 1px solid red; */	
	position: relative;
	height: 400px;
}

.container_construction_images::after {
	content: "";
	position: absolute;
	background-color: #232323;
	border-radius: 10px;
	width: 100%;
	height: 196px;
	z-index: -1;
}

.container_construction_images .right {
	align-self: flex-start;	
}

.present_a5 {
	display: flex;
	margin: 85px 0 40px;
	background-color: #232323;
	border-radius: 10px;
	width: 100%;
	height: 196px;	
}

.present_a5 .center {
	max-width: 354px;
	width: 75%;
	margin: 0 auto;
}

.information {	 
	max-width: 1170px;
	width: 100%;
	padding: 32px 120px;
	border: 1px solid transparent;
	background: linear-gradient(45deg, #BD7628, #FFFAB5, #C89246);
	box-shadow: inset 0px 0px 0px 100vw rgb(249, 249, 249);
	border-radius: 10px;
}

.information .flexWrap {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	gap: 70px;
}

.information h2, 
.information p {
	color: rgb(35, 35, 35);
	text-align: left;
}
.information p {
	margin-bottom: 10px;
}

.base {	 
	max-width: 1170px;
	width: 100%;
	padding: 40px;
	border: 2px solid transparent;
	background: linear-gradient(45deg, #BD7628, #FFFAB5, #C89246);
	box-shadow: inset 0px 0px 0px 100vw rgb(35, 35, 35);
	border-radius: 10px;
	color: white;
}

.menu-article_a8 {
	padding: 20px 100px;
	margin-bottom: 30px;	
	border-radius: 10px;
	border: 2px solid transparent;
	background: linear-gradient(90.00deg, rgb(189, 118, 40),rgb(255, 250, 181),rgb(200, 146, 70));
	box-shadow: inset 0px 0px 0px 100vw rgb(35,35,35);
}

.tattoo-style_a8 {	
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	row-gap: 12px;
	column-gap: 10px;	
}
.tattoo-style_a8 li {
	list-style: none;
	margin: 0;
	
	border: 1px solid white;
	padding: 5px 10px;
	border-radius: 30px;
}

.tattoo-style_a8 li a {
	display: block;
	font-size: 14px;
	line-height: 26px;
	color: white;
	text-transform: uppercase;	
}

.tattoo-style_a8 li:hover {
	border: 1px solid transparent;
	background: linear-gradient(90.00deg, rgb(189, 118, 40),rgb(255, 250, 181),rgb(200, 146, 70));
	box-shadow: inset 0px 0px 0px 100vw rgb(35,35,35);
}

.tattoo-style_a8 li:hover a {
	
	background: linear-gradient(90.00deg, rgb(189, 118, 40),rgb(255, 250, 181),rgb(200, 146, 70));	
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;	
	text-fill-color: transparent;	
}

.accent-list {
	list-style-type: disc;
}

.accent-list li::marker {
	color: #c28133; 
}

.accent {
	color: #c28133;
	font-weight: 700;
}

/* 
.tattoo-style_a8 li a {
	display: block;
	line-height: 26px;
	color: white;
	text-transform: uppercase;
	border: 1px solid white;
	padding: 5px 10px;
	border-radius: 30px;
}

.tattoo-style_a8 li a:hover {
	border: 1px solid transparent;
	background: linear-gradient(90.00deg, rgb(189, 118, 40),rgb(255, 250, 181),rgb(200, 146, 70));	
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;	
	text-fill-color: transparent;
	box-shadow: inset 0px 0px 0px 100vw rgb(35,35,35);
	
} */

/* .tattoo-style_a8 li a::after {
	content: "";
	display: block;
	background-color: #232323;
	height: 1px;
	transform: scale(0);
	transition: all 0.3s;
}

.tattoo-style_a8 li a:hover::after {
		transform: scale(1);
} */

.product-right {
	display: grid;
	grid-template-columns: 1fr 270px;
	gap: 32px;
	
	padding-top: 20px;
}

.wrapText {
	grid-column: 1/2;
}

.wrapProduct {
	grid-column: 2/3;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.product-img {
  max-width: 270px;
  width: 100%;
  border: 1px solid lightgray;
  border-radius: 10px;
}

.product-name {
  margin: 18px 0 20px;
  font-size: 22px;
  line-height: 28px;
  text-align: center;
  font-weight: bold;  
}

.product-link {
	display: inline-block;
	border: 1px solid #c89246;
	border-radius: 34px;
    padding: 15px 64px;
	text-transform: uppercase;
}

.product-link:hover {
	background: black;
	color: white;
	border: 1px solid black;
}

.specifications {
	display: flex;
	flex-direction: column;
}

.specifications-item {	
	border: 1px solid rgb(35, 35, 35);
	border-radius: 10px;
	padding: 0 20px;
	margin-left: 0 !important;
	min-height: 52px;
	
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}
.specifications .specifications-item.description {
	flex-direction: column;	
	padding: 12px 20px 14px;
}
.specifications .specifications-item.description .wrap-property {	
	width: 100%;
}

.specifications-item .wrap-property {
	display: flex;
	align-items: center;
	gap: 10px;
	width: 28%;
}
.specifications-item .icon {
	background-image: url("/local/templates/beautybox/images/article_18/sprite/sprite_new.png");
	width: 30px;
	height: 30px;
	
	flex-shrink: 0;
}
.specifications-item dl {
	display: flex;
	align-items: baseline;
	width: 100%;
	margin-bottom: 0;
}

.specifications-item dl::before {
	content: "";
	border-bottom: 1px dashed rgb(35, 35, 35);
	flex-grow: 1;
	order: 2;
	margin: 0 2px;
}

.specifications-item dl dt {
	font-weight: 500;
	font-size: 14px;
	align-self: center;
}

.specifications-item dl dd {
	font-weight: 700;
	white-space: nowrap;
	order: 3;
}

.specifications-item  .descr {
	color: #939393; 
	font-weight: 500; 
	padding-left: 40px;
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 0;
}

.icon.voltage {
	background-position: -100px -30px;
}
.icon.speed {
	background-position: -100px 0px;
}
.icon.weight {
	background-position: -100px -60px;
}
.icon.length {
	background-position: -70px 0px;
}
.icon.diameter {
	background-position: -30px -40px;
}
.icon.pusher-stroke {
	background-position: -30px -100px;
	width: 32px;
	height: 16px;
}
.icon.regul {
	background-position: -60px -70px;
}
.icon.motor {
	background-position: 0px -70px;
}
.icon.battery {
	background-position: -40px 0px;
}
.icon.material {  
  background-position: -70px -30px;  
}
.icon.connection {  
  background-position: 0px -40px;  
}
.icon.working-hours {  
  background-position: 0px -100px;  
}
.icon.recharging {  
  background-position: -30px -70px;  
}


.green, .plus {
	max-width: 768px;
	width: 100%;
	margin: 30px auto 0;
	padding: 20px;
	border: 2px solid #A5D6A7;
	border-radius: 10px;
	position: relative;
}

.green::before {
	content: url("/local/templates/beautybox/images/article_17/yes.png");
	position: absolute;
	width: 34px;
	height: 34px;
	top: 0;
	left: 50%;
	transform: translate(-50%, -50%);
}

.plus::before {
	content: url("/local/templates/beautybox/images/article_28/plus.png");
	position: absolute;
	width: 34px;
	height: 34px;
	top: 0;
	left: 50%;
	transform: translate(-50%, -50%);
}

.red, .minus {
	max-width: 768px;
	width: 100%;
	margin: 30px auto 0;
	padding: 20px;
	border: 2px solid #F9A19A;
	border-radius: 10px;
	position: relative;
}

.red::before {
	content: url("/local/templates/beautybox/images/article_17/stop.png");
	position: absolute;
	width: 34px;
	height: 34px;
	top: 0;
	left: 50%;
	transform: translate(-50%, -50%);
}

.minus::before {
	content: url("/local/templates/beautybox/images/article_28/minus.png");
	position: absolute;
	width: 34px;
	height: 34px;
	top: 0;
	left: 50%;
	transform: translate(-50%, -50%);
}



.flex, .flex-reverse {
	display: flex;
	align-items: center;
	row-gap: 10px;
	column-gap: 30px;
	margin-bottom: 50px;
}

.widthCard {
	width: 270px;
	flex-shrink: 0;
}

.advantage {
	max-width: 1170px;
	width: 100%;
	padding: 20px;
	border: 1px solid transparent;
	background: linear-gradient(45deg, #BD7628, #FFFAB5, #C89246);
	box-shadow: inset 0px 0px 0px 100vw rgb(249, 249, 249);
	border-radius: 10px;
	margin-left: 0 !important;
	
	display: flex;
	align-items: center;
	gap: 22px;
}

.advantage .icon {  
  background-image: url("/local/templates/beautybox/images/article_18/sprite/sprite_new.png");
  background-position: 0px 0px;  
  width: 40px;
  height: 40px;
  
  flex-shrink: 0;
}

.advantage p, .attention p {
	margin-bottom: 0;
}

.attention {
	max-width: 1170px;
	width: 100%;
	padding: 20px;
	border: 1px solid transparent;
	background: linear-gradient(45deg, #BD7628, #FFFAB5, #C89246);
	box-shadow: inset 0px 0px 0px 100vw rgb(35, 35, 35);
	border-radius: 10px;
	margin-left: 0 !important;
	color: #fff;
	
	display: flex;
	align-items: center;
	gap: 22px;
}

.attention .icon {  
  background-image: url("/local/templates/beautybox/images/article_25/attention.svg");   
  width: 40px;
  height: 40px;
  
  flex-shrink: 0;
}



@media only screen and (max-width: 960px) {
	.txt_picture {
		flex-direction: column;
		justify-content: center;		
	}
	
	.txt_picture img {
		order: -1;		
	}
	
	.txt_picture img {		
		width: 100%;		
	}
	
	.blog_detail .description_box h3 {
		text-align: center;		
	}
	
	.accent_question,
	.information {	
		padding: 20px 40px;	
	}
	
	.menu-article_a8 {
		padding: 20px 60px;
	}
	
	.product-right {	
		grid-template-columns: auto;
		gap: 16px;
	}

	.wrapText {
		grid-column: 1/2;
	}

	.wrapProduct {
		grid-column: 1/2;	
	}	
	
}

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

	.articleTop.desktop {
		display: none;		
	}
		
	.articleTop.mobile {		
		display: block;
		padding: 25px 10px;	
		/* background: url(/local/templates/beautybox/images/article_3/head-tablet.png) no-repeat;
		background-position: center;
		background-size: cover; */
	}	
	
	
	
	.accent_question {	
		padding: 10px;		
	}
	
	/* .accent_question h2 {
		font-size: 20px;
	} */
	
	.accent_question p {		
		text-align: left;
	}
	
	
	
	.flexWrap {
		flex-direction: column;
		justify-content: center;		
		gap: 5px;
	}
	
	.flexWrap .display {
		display: none;
	}
	
	.accent_question > .display{
		display: block;
		text-align: center;
		margin-bottom: 10px;
	}
	
	.information > .display{
		display: block;
		text-align: left;
		margin-bottom: 10px;
	}
	
	.pain-map-color_a4 span {
		padding: 15px;
		font-size: 14px;
		line-height: 16px;
		width: 45%;		
	}	
	
	.container_construction_images::after {
		height: 140px;
	}
	
	.menu-article_a8 {
		padding: 20px;
		row-gap: 5px;
		column-gap: 5px;
	}
	.tattoo-style_a8 li {
		padding: 3px 10px;
	}
	.tattoo-style_a8 li a {
		font-size: 12px;
	}
	
	.flex {
		flex-direction: column;
	}
	
	.flex-reverse {
		flex-direction: column-reverse;
	}
}
	
	


@media only screen and (max-width: 576px) {	
		
	.blog_detail .description_box h3 {
		text-align: left;		
	}
	
	.container_construction_images::after {
		height: 120px;
	}
	.specifications-item {
		padding: 0 10px;
	}
	
	.specifications-item dl dt {
		line-height: 16px;		
	}
	
	.specifications-item dl dd {
		font-size: 14px;		
	}
	.specifications-item.several {
		flex-direction: column;
		align-items: flex-start;
		padding: 10px;
	}
	.specifications-item.several .wrap-property {
		width: 100%;
	}
	.specifications-item.several dl {
		justify-content: space-between;
	}
}


@media only screen and (max-width: 480px) {
	.blog_detail h2 {
		text-align: left;
		line-height: 24px;
	}
	
	.container_construction_images {
		height: 300px;
	}
	
	.container_construction_images::after {
		height: 100px;
	}
	
	.container_construction_images .right {
		align-self: center;	
	}

	.present_a5 {	
		margin-bottom: 60px;
		height: 170px;	
	}

	.base {
		padding: 20px 10px;
	}
	
	.information {	
		padding: 15px 10px;	
	}
		
}

@media only screen and (max-width: 360px) {
	.present_a5 {	
		height: 120px;	
	}
}

@media only screen and (max-width: 320px) {
	.present_a5 {	
		height: 90px;	
	}
}
	
}
/* My_Css_End */