.article__main {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #f4eee5
}

@media only screen and (max-width:1023px) {
	.article__main {
		flex-direction: column
	}
}

.article__main--next-article {
	position: absolute;
	top: 20px;
	left: 40px;
	padding: 20px;
	border: 1px solid var(--border-color);
	background: #fff;
	border-radius: 10px;
	z-index: 2
}

@media only screen and (max-width:767px) {
	.article__main--next-article {
		top: 10px;
		left: 10px;
		padding: 15px
	}
}

.article__main--next-article .article__main--next-article-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: flex-start
}

.article__main--next-article .article__main--next-article-wrapper .article__main--next-article-image {
	width: 74px;
	height: 74px;
	flex: 1 0 74px;
	border-radius: 10px;
	border: 1px solid var(--border-color)
}

.article__main--next-article .article__main--next-article-wrapper .article__main--next-article-image img {
	border-radius: 9px
}

@media only screen and (max-width:767px) {
	.article__main--next-article .article__main--next-article-wrapper .article__main--next-article-image {
		width: 49px;
		height: 49px;
		flex: 1 0 49px
	}
}

.article__main--next-article .article__main--next-article-wrapper .article__main--next-article-content {
	width: 100%;
	max-width: 132px;
	margin-left: 20px
}

.article__main--next-article .article__main--next-article-wrapper .article__main--next-article-content .article__main--next-article-heading {
	text-transform: uppercase;
	margin-bottom: 5px
}

@media only screen and (max-width:767px) {
	.article__main--next-article .article__main--next-article-wrapper .article__main--next-article-content .article__main--next-article-heading {
		margin-bottom: 0
	}
}

.article__main--next-article .article__main--next-article-wrapper .article__main--next-article-content p.first_view {
	width: 100%;
	max-width: 94px
}

@media only screen and (max-width:767px) {
	.article__main--next-article .article__main--next-article-wrapper .article__main--next-article-content p.first_view {
		max-width: 95px
	}
}

.article__main--next-article .next-article__url {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.article__badge {
	position: absolute;
	top: 20px;
	right: 20px;
	color: #fff;
	padding: 5px 15px 2px 15px;
	background: var(--hover-color);
	border-radius: 30px;
	z-index: 2;
	font-size: 14px;
	letter-spacing: .08em;
	line-height: 20px;
	text-transform: uppercase
}

@media only screen and (max-width:767px) {
	.article__badge {
		top: 10px;
		right: 10px
	}
}

.article__main--image {
	width: 100%;
	max-width: 50%;
	border-right: 1px solid var(--border-color);
	min-height: 640px;
	position: relative
}

@media only screen and (max-width:1023px) {
	.article__main--image {
		max-width: 100%;
		border-right: none;
		min-height: auto;
		padding-top: 100%;
		border-bottom: 1px solid var(--border-color)
	}
}

.article__main--image img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.article__main--content {
	width: 100%;
	max-width: 50%;
	padding: 20px 20px 20px 0
}

@media only screen and (max-width:1023px) {
	.article__main--content {
		padding: 40px 20px;
		max-width: 100%
	}
}

.article__main--content-inner {
	width: 100%;
	max-width: 466px;
	padding-left: 106px
}

@media only screen and (max-width:1023px) {
	.article__main--content-inner {
		padding-left: 0;
		max-width: 100%
	}
}

.article__main--tag {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 40px
}

@media only screen and (max-width:767px) {
	.article__main--tag {
		margin-bottom: 25px
	}
}

.article__main--tag-wrapper {
	padding-right: 20px;
	display: flex;
	flex-direction: column
}

.article__main--tag-link {
	padding: 8px 15px 5px 15px;
	border: 1px solid #034638;
	border-radius: 20px;
	text-decoration: none;
	transition: all .3s;
	text-transform: uppercase;
	margin-bottom: 5px
}

.article__main--tag-link:last-child {
	margin-bottom: 0
}

.article__main--tag-link:hover {
	border: 1px solid var(--hover-color)
}

.anchor-comment {
	transition: all .3s;
	font-weight: 500;
	font-size: 10px;
	line-height: 16px;
	letter-spacing: .02em
}

.article__main--heading {
	margin-bottom: 40px;
	letter-spacing: -.02em
}

.article__main--heading.second_view {
	width: 100%;
	max-width: 280px
}

@media only screen and (max-width:767px) {
	.article__main--heading {
		margin-bottom: 25px
	}
}

.article__main--excerpt {
	font-weight: 400;
	font-size: 16px;
	line-height: 22px
}

.article__content {
	width: 100%;
	max-width: 100%;
	padding: 60px 80px 0 80px;
	margin: 0 auto;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start
}

@media only screen and (max-width:1023px) {
	.article__content {
		padding: 60px 20px 0 20px
	}
}

@media only screen and (max-width:767px) {
	.article__content {
		padding: 30px 20px 0 20px;
		flex-direction: column
	}
}

.article__featuring {
	width: 190px;
	padding-right: 20px;
	flex: 0 0 auto;
	position: sticky;
	top: calc((var(--header-height) * var(--header-visible)) + 15px);
	transition: all .2s
}

@media only screen and (max-width:767px) {
	.article__featuring {
		position: static;
		padding-right: 0;
		top: inherit;
		padding-top: 15px;
		padding-bottom: 10px;
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		z-index: 2;
		background: var(--primary-background);
		transition: all 0s
	}
}

.article__featuring h5 {
	text-transform: uppercase;
	margin-bottom: 5px;
	letter-spacing: .08em
}

@media only screen and (max-width:767px) {
	.article__featuring h5 {
		flex: 1 1 50%;
		order: 1;
		margin-bottom: 0
	}
}

.article__content--inner ul li {
    list-style-position: outside !important;
    margin-top: .75rem !important;
}

.article__content--inner h3 {
    font-size: 2.25rem !important;
    margin-bottom: 0.5rem !important;
}

.article__content--inner p {
    font-size: 1.1rem !important;
    line-height: 1.65rem !important;
}

.article__content--inner {
	width: 100%;
	max-width: 80%
}

@media only screen and (max-width:767px) {
	.article__content--inner {
		margin-top: 50px
	}
}

.article__featuring--inner {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 40px
}

@media only screen and (max-width:767px) {
	.article__featuring--inner {
		flex-direction: column;
		align-items: flex-start;
		flex: 1 1 100%;
		order: 2;
		margin-top: -15px;
		margin-bottom: 0
	}
}

.article__author-image {
	width: 100%;
	max-width: 51px;
	height: 51px;
	border-radius: 50%;
	border: 1px solid #034638;
	overflow: hidden;
	position: relative
}

@media only screen and (max-width:767px) {
	.article__author-image {
		margin-bottom: 5px
	}
}

.article__author-image img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 50%
}

.article__author-author {
	padding-left: 10px;
	font-weight: 400;
	font-size: 16px;
	line-height: 22px
}

.article__author-author a {
	transition: all .3s
}

@media only screen and (max-width:767px) {
	.article__author-author {
		padding-left: 0
	}
}

.article__author-author:only-child {
	padding-left: 0
}

@media only screen and (max-width:767px) {
	.article__read-time {
		flex: 1 1 50%;
		order: 1
	}
}

.article__read-time .article__read-time--heading {
	letter-spacing: .08em
}

.article__read-time--time {
	font-weight: 400;
	font-size: 16px;
	line-height: 22px
}

.article__content--inner.first_view p {
	width: 100%;
	max-width: 550px;
	margin: 0 auto 60px;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	padding-bottom: 60px;
	border-bottom: 1px solid var(--border-color)
}

@media only screen and (max-width:767px) {
	.article__content--inner.first_view p {
		max-width: 100%;
		margin: 0 auto 50px;
		padding-bottom: 50px
	}
}

.article__content--inner.first_view p:first-child {
	font-weight: 400;
	font-size: 20px;
	line-height: 26px
}

@media only screen and (max-width:767px) {
	.article__content--inner.first_view p:first-child {
		font-size: 18px
	}
}

.article__content--inner.first_view p a {
	transition: all .3s
}

.article__content--inner.first_view h1 {
	letter-spacing: -.02em
}

.article__content--inner.first_view h1, .article__content--inner.first_view h4 {
	width: 100%;
	max-width: 550px;
	margin: 0 auto 20px
}

@media only screen and (max-width:767px) {
	.article__content--inner.first_view h1, .article__content--inner.first_view h4 {
		max-width: 100%
	}
}

.article__content--inner.first_view blockquote {
	font-family: var(--font-austin-family);
	margin-bottom: 60px
}

@media only screen and (max-width:767px) {
	.article__content--inner.first_view blockquote {
		margin-bottom: 50px
	}
}

.article__content--inner.first_view blockquote p {
	width: 100%;
	max-width: 100%;
	font-weight: 300!important;
	font-family: inherit;
	padding: 0;
	margin: 0;
	border: none;
	font-size: 40px!important;
	line-height: 40px!important;
	letter-spacing: .01em
}

@media only screen and (max-width:767px) {
	.article__content--inner.first_view blockquote p {
		font-size: 35px!important;
		line-height: 35px!important
	}
}

.article__content--inner.first_view blockquote p span {
	font-family: inherit
}

.article__content--inner.first_view table {
	border: none;
	margin-bottom: 60px
}

@media only screen and (max-width:767px) {
	.article__content--inner.first_view table {
		margin-bottom: 50px
	}
}

.article__content--inner.first_view table tbody {
	border: none
}

@media screen and (max-width:960px) {
	.article__content--inner.first_view table tbody tr {
		display: inline-table
	}
}

.article__content--inner.first_view table tbody tr td {
	width: 360px!important;
	max-width: 360px;
	display: inline-block;
	position: relative
}

@media screen and (max-width:960px) {
	.article__content--inner.first_view table tbody tr td {
		width: 100%!important;
		max-width: 100%!important
	}
}

.article__content--inner.first_view table tbody tr td:first-child {
	margin-right: 15px
}

@media screen and (max-width:960px) {
	.article__content--inner.first_view table tbody tr td:first-child {
		margin-right: 0;
		margin-bottom: 20px
	}
}

.article__content--inner.first_view table tbody tr td img {
	width: 100%;
	display: block;
	-o-object-fit: cover;
	object-fit: cover
}

.article__content--inner.first_view table tbody tr td:only-child {
	max-width: 100%!important;
	display: initial;
	margin-right: 0
}

.article__content--inner.first_view table tbody tr td:only-child p {
	max-width: 100%
}

.article__content--inner.first_view table tbody tr td p {
	padding-bottom: 0;
	margin-bottom: 0;
	width: 100%;
	border: none;
	display: inline-block
}

@media only screen and (max-width:767px) {
	.article__content--inner.first_view table tbody tr td p {
		min-height: 355px
	}
}

@media only screen and (max-width:767px) {
	.article__content--inner.first_view table tbody tr td p img {
		-o-object-fit: cover;
		object-fit: cover;
		height: auto;
		min-height: inherit
	}
}

.article__content--inner.first_view table tbody tr td h6 {
	font-weight: 400;
	font-size: 10px;
	line-height: 16px;
	letter-spacing: .02em;
	width: 100%
}

@media only screen and (max-width:767px) {
	.article__content--inner.first_view table tbody tr td h6 {
		max-width: 100%
	}
}

.article__content--inner.first_view table tbody tr td h6 span {
	display: block;
	margin-top: 10px
}

.article__content--inner.second_view p {
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	width: 100%;
	max-width: 550px;
	margin: 0 auto 60px
}

.article__content--inner.second_view p span {
	color: var(--text-color)!important
}

.article__content--inner.second_view p:first-child {
	font-size: 20px;
	line-height: 26px;
	padding-bottom: 60px;
	border-bottom: 1px solid var(--border-color)
}

@media only screen and (max-width:767px) {
	.article__content--inner.second_view p:first-child {
		padding-bottom: 50px
	}
}

.article__content--inner.second_view p:last-of-type {
	margin: 0 auto 60px;
	padding-bottom: 60px;
	border-bottom: 1px solid var(--border-color)
}

@media only screen and (max-width:767px) {
	.article__content--inner.second_view p:last-of-type {
		margin: 0 auto 50px;
		padding-bottom: 50px
	}
}

@media only screen and (max-width:767px) {
	.article__content--inner.second_view p {
		margin: 0 auto 50px
	}
}

.article__content--inner.second_view h5 {
	text-transform: uppercase;
	width: 100%;
	max-width: 550px;
	margin: 0 auto 20px
}

.article__content--inner.second_view h4 {
	width: 100%;
	max-width: 550px;
	margin: 0 auto 20px
}

.article__content--inner.second_view h4 span {
	color: var(--text-color)!important
}

.article__content--inner.third_view p {
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	width: 100%;
	max-width: 550px;
	margin: 0 auto 60px
}

.article__content--inner.third_view p:first-child {
	font-size: 20px;
	line-height: 26px
}

.article__content--inner.third_view p:last-of-type {
	padding-bottom: 60px;
	border-bottom: 1px solid var(--border-color)
}

@media only screen and (max-width:767px) {
	.article__content--inner.third_view p:last-of-type {
		padding-bottom: 50px
	}
}

.article__content--inner.third_view blockquote {
	font-family: var(--font-austin-family);
	margin-bottom: 60px
}

@media only screen and (max-width:767px) {
	.article__content--inner.third_view blockquote {
		margin-bottom: 50px
	}
}

.article__content--inner.third_view blockquote p {
	width: 100%;
	max-width: 100%;
	font-weight: 300!important;
	font-family: inherit;
	padding: 0!important;
	margin: 0;
	border: none!important;
	font-size: 40px!important;
	line-height: 40px!important;
	letter-spacing: .01em
}

@media only screen and (max-width:767px) {
	.article__content--inner.third_view blockquote p {
		font-size: 35px;
		line-height: 35px
	}
}

.article__content--inner.third_view blockquote p span {
	font-family: inherit
}

.article__content--inner.third_view table {
	border: none;
	margin-bottom: 60px
}

@media only screen and (max-width:767px) {
	.article__content--inner.third_view table {
		margin-bottom: 50px
	}
}

.article__content--inner.third_view table tbody {
	border: none
}

.article__content--inner.third_view table tbody tr td {
	width: 360px!important;
	max-width: 360px;
	display: inline-block;
	position: relative
}

@media only screen and (max-width:767px) {
	.article__content--inner.third_view table tbody tr td {
		width: 100%!important;
		max-width: 100%
	}
}

.article__content--inner.third_view table tbody tr td:first-child {
	margin-right: 15px
}

@media only screen and (max-width:767px) {
	.article__content--inner.third_view table tbody tr td:first-child {
		margin-right: 0;
		margin-bottom: 20px
	}
}

.article__content--inner.third_view table tbody tr td img {
	width: 100%;
	display: block;
	-o-object-fit: cover;
	object-fit: cover
}

.article__content--inner.third_view table tbody tr td:only-child {
	max-width: 100%!important;
	display: initial;
	margin-right: 0
}

.article__content--inner.third_view table tbody tr td p {
	padding-bottom: 0!important;
	margin-bottom: 0;
	width: 100%;
	max-width: 100%;
	border: none!important
}

@media only screen and (max-width:767px) {
	.article__content--inner.third_view table tbody tr td p {
		min-height: 355px
	}
}

@media only screen and (max-width:767px) {
	.article__content--inner.third_view table tbody tr td p img {
		-o-object-fit: cover;
		object-fit: cover;
		height: auto;
		min-height: inherit
	}
}

.article__content--inner.third_view table tbody tr td h6 {
	font-weight: 400;
	font-size: 10px;
	line-height: 16px;
	letter-spacing: .02em;
	width: 100%;
	margin-top: 10px
}

@media only screen and (max-width:767px) {
	.article__content--inner.third_view table tbody tr td h6 {
		max-width: 100%
	}
}

.article__content--inner.third_view table tbody tr td h6 span {
	display: block
}

.article__content--inner.third_view h5 {
	text-transform: uppercase;
	width: 100%;
	max-width: 550px;
	margin: 0 auto 20px
}

.article-featured-products {
	width: 100%;
	max-width: 550px;
	margin: 0 auto;
	overflow: hidden;
	padding-bottom: 60px;
	border-bottom: 1px solid var(--border-color)
}

@media only screen and (max-width:767px) {
	.article-featured-products {
		max-width: 100%
	}
}

.article-featured-products .swiper-wrapper {
	padding-bottom: 2px
}

.article-featured-products .article-featured-products__heading {
	margin-bottom: 40px!important;
	text-transform: uppercase;
	letter-spacing: .08em
}

.article-featured-products .card .card__title {
	text-align: left
}

.article-featured-products .card .card__title h3 {
	margin-left: 0;
	max-width: 100%;
	margin-right: auto
}

.article-featured-products .card__button {
	max-width: 250px
}

@media only screen and (max-width:767px) {
	.article-featured-products .card__button {
		max-width: 100%
	}
}

.article-featured-products .swiper-scrollbar {
	height: 1px;
	margin-top: 40px;
	background: #034638;
	margin-bottom: 20px
}

.article-featured-products .swiper-scrollbar .swiper-scrollbar-drag {
	background: var(--hover-color);
	display: block!important
}

.article-featured-products .swiper-arrow__wrapper {
	text-align: right
}

.article-featured-products .swiper-arrow__wrapper .swiper-arrow-next, .article-featured-products .swiper-arrow__wrapper .swiper-arrow-prev {
	background: inherit;
	border: none;
	cursor: pointer
}

.article-featured-products .swiper-arrow__wrapper .swiper-arrow-next.swiper-button-disabled, .article-featured-products .swiper-arrow__wrapper .swiper-arrow-prev.swiper-button-disabled {
	cursor: not-allowed
}

.article-featured-products .swiper-arrow__wrapper .swiper-arrow-next.swiper-button-disabled svg path, .article-featured-products .swiper-arrow__wrapper .swiper-arrow-prev.swiper-button-disabled svg path {
	stroke: #59726c
}

.article-featured-products .swiper-arrow__wrapper .swiper-arrow-prev {
	margin-right: 10px
}

.article-social {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	padding-top: 30px;
	width: 100%;
	max-width: 550px;
	margin: 0 auto
}

.article-social .article-social__icon {
	height: 20px;
	margin-right: 30px
}

.article-social .article-social__icon:last-child {
	margin-right: 0
}

.article-social .article-social__icon a svg path {
	transition: all .3s
}

.article-social .article-social__icon a:hover svg path:last-child {
	fill: var(--hover-color)
}

.article-social .article-social__icon:last-child a:hover svg path:first-child {
	stroke: var(--hover-color)
}

.article-social .article-social__icon:last-child a:hover svg path:last-child {
	stroke: var(--hover-color);
	fill: none
}