* {
	margin: 0;
	padding: 0;
}
*, :before, :after {
	box-sizing: border-box;
}
html, body {
    background-color: rgb(254, 254, 254);
    -webkit-font-smoothing: antialiased;
}
body {
	overflow-x: hidden;
}
ul, li {
	list-style: none;
}
a {
	text-decoration: none;
}
p, h1, h2, h3, h4, h5, h6 {
    overflow-wrap: break-word;
}
button {
    cursor: pointer;
    background: none;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    color: #111;
}
@font-face {
	font-display: optional;
	font-family: 'Graphik Compact';
	font-weight: 500;
	src: url('../fonts/GraphikCompact-Medium-Web.woff2') format('woff2');
}
@font-face {
	font-display: optional;
	font-family: 'Graphik Compact';
	font-weight: 700;
	src: url('../fonts/GraphikCompact-Semibold-Web.woff2') format('woff2');
}
@font-face {
	font-display: optional;
	font-family: 'Graphik Compact';
	src: url('../fonts/GraphikCompact-Regular-Web.woff2') format('woff2');
}
@font-face {
	font-display: optional;
	font-family: 'Saol Text';
	font-style: normal;
	src: url('../fonts/SaolText-Regular.woff2') format('woff');
}
@font-face {
	font-display: optional;
	font-family: 'Saol Text';
	font-style: normal;
	font-weight: 600;
	src: url('../fonts/SaolText-Semibold.woff2') format('woff');
}
@font-face {
	font-display: optional;
	font-family: 'Saol Text';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/SaolText-Bold.woff2') format('woff');
}
@font-face {
	font-display: optional;
	font-family: 'Graphik Condensed';
	src: url('../fonts/GraphikCondensed-Semibold-Web.woff2') format('woff2');
}
@font-face {
	font-display: optional;
	font-family: 'Graphik Condensed';
	font-weight: 300;
	src: url('../fonts/GraphikCondensed-Light-Web.woff2') format('woff2');
}
@font-face {
	font-display: optional;
	font-family: 'Graphik Condensed';
	font-weight: 400;
	src: url('../fonts/GraphikCondensed-Regular-Web.woff2') format('woff2');
}
@font-face {
	font-display: optional;
	font-family: 'Graphik Condensed';
	font-weight: 500;
	src: url('../fonts/GraphikCondensed-Medium-Web.woff2') format('woff2');
}
@font-face {
	font-display: optional;
	font-family: 'Graphik Condensed';
	font-weight: 600;
	src: url('../fonts/GraphikCondensed-Semibold-Web.woff2') format('woff2');
}
@font-face {
	font-display: optional;
	font-family: 'Graphik Condensed';
	font-weight: 700;
	src: url('../fonts/GraphikCondensed-Bold-Web.woff2') format('woff2');
}
.header {
	position: sticky;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 100%;
	height: 54px;
	box-shadow: rgba(17, 17, 17, 0.063) 0px 15px 30px 0px;
	background-color: #fff;
}
.header-wrapper {
	height: 100%;
    display: grid;
    grid-auto-flow: column;
    -webkit-box-align: center;
    align-items: center;
    font-family: "Graphik Condensed", "Arial Narrow", "Helvetica neue Condensed", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
    margin: 0px auto;
    padding: 8px 24px;
}
.header-wrapper.own {
	grid-template-columns: 1fr 140px 1fr;
}
.header-wrapper .h-w-left {
	display: flex;
}
.header-wrapper .h-w-left .header-menu {
	margin-right: 24px;
    cursor: pointer;
}
.header-wrapper .h-w-left .header-menu svg {
	width: 30px;
    height: 24px;
}
.header-wrapper .h-w-left .header-search label {
	color: #111;
    cursor: pointer;
}
.header-wrapper .h-w-mid {
	text-align: center;
}
.header-wrapper .h-w-mid svg {
	height: 32px;
	overflow: hidden;
}
.header-wrapper .h-w-right {
	display: flex;
    justify-self: end;
}
.header-wrapper .h-w-right .header-subscribe {
	margin-left: 16px;
    color: rgb(255, 255, 255);
    cursor: pointer;
    font-weight: 500;
    background: rgb(227, 30, 35);
    padding: 16px 32px;
}
.navigation {
	display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    min-height: 28px;
    margin: 24px auto;
}
.navigation .topNavWrapper {
	display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding-left: 16px;
    white-space: nowrap;
}
.navigation .topNavWrapper .topNavItems {
	position: relative;
    display: inline-block;
}
.navigation .topNavWrapper .topNavItems .topNavItemsLink {
	color: rgb(102, 102, 102);
    font-family: "Saol Text", "Times New Roman", "Playfair Display", Georgia, serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    transition: all 0.3s ease 0s;
    padding: 0px 8px;
}
.navigation .topNavWrapper .topNavItems .topNavItemsLink.selected {
	color: rgb(17, 17, 17);
    font-size: 20px;
    line-height: 27px;
    text-decoration: underline rgb(227, 30, 35);
}
.navigation .topNavWrapper .topNavItems .topNavItemsLink.showSubNav {
	display: flex;
    -webkit-box-align: center;
    align-items: center;
}
.navigation .topNavWrapper .topNavItems .topNavItemsLink:hover {
	color: rgb(0, 123, 157);
}
.navigation .topNavWrapper .topNavItems .subNavWrapper {
	display: none;
    min-width: 160px;
    flex-direction: column;
    position: absolute;
    z-index: 5;
    background-color: rgb(255, 255, 255);
    left: 50%;
    transform: translate(-50%, 0px);
    box-shadow: rgba(17, 17, 17, 0.145) 2px 2px 4px 0px;
    padding: 8px 16px;
}
.navigation .topNavWrapper .topNavItems:hover .subNavWrapper {
	display: flex;
}
.navigation .topNavWrapper .topNavItems .subNavWrapper .subNavItems {
	width: 100%;
    text-align: left;
    border-top: 1px solid rgb(209, 209, 214);
    padding: 8px 0;
}
.navigation .topNavWrapper .topNavItems .subNavWrapper .subNavItems:first-child {
	border-top: none;
}
.navigation .topNavWrapper .topNavItems .subNavWrapper .subNavItems .subNavItemsLink {
	display: block;
	color: #111;
    font-family: "Graphik Condensed", "Arial Narrow", "Helvetica neue Condensed", sans-serif;
    font-weight: 500;
    line-height: 20px;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 1px;
}
.navigation .topNavWrapper .topNavItems .subNavWrapper .subNavItems .subNavItemsLink:hover {
	color: rgb(0, 123, 157);
}
.content {
	margin: auto;
}
.content .latestWrapper {
	display: block;
}
.content .latestWrapper .topLWrapper {
	align-content: center;
    display: block;
    flex-direction: row;
    font-family: "Graphik Compact", "Arial Narrow", "Helvetica neue Condensed", sans-serif;
    height: auto;
    max-width: none;
    top: -24px;
    width: 100%;
    z-index: 2;
    position: relative;
    padding: 0px 16px;
}
.content .latestWrapper .topLWrapper.first-primary {
    margin: 48px 0px;
}
.content .latestWrapper .topLWrapper:after {
	content: "";
    position: absolute;
    top: 24px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: rgb(239, 248, 250);
}
.content .latestWrapper .topLWrapper .leftImg {
	max-width: 648px;
    width: 100%;
    flex: 1 0 49%;
}
.content .latestWrapper .topLWrapper .leftImg .leftImgCon {
	position: relative;
	display: block;
	padding-top: 66.6667%;
    overflow: hidden;
}
.content .latestWrapper .topLWrapper .leftImg .leftImgCon img {
	position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: block;
    width: 0;
    height: 0;
    min-width: 100%;
    max-width: 100%;
    min-height: 100%;
    max-height: 100%;
    object-fit: cover;
}
.content .latestWrapper .topLWrapper .rightText {
    margin-top: 24px;
    max-width: 100%;
    flex: 1 0 100%;
}
.content .latestWrapper .topLWrapper .rightText a:first-child {
	display: block;
    color: rgb(227, 30, 35);
    font-family: "Graphik Condensed", "Arial Narrow", "Helvetica neue Condensed", sans-serif;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 24px;
    margin-bottom: 10px;
    text-transform: uppercase;
    text-decoration: none;
    transition: color 200ms linear 0s;
}
.content .latestWrapper .topLWrapper .rightText .artTitle {
	display: block;
    color: rgb(17, 17, 17);
    font-family: "Saol Text", "Times New Roman", "Playfair Display", Georgia, serif;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 0.25px;
    line-height: 26.4px;
    margin-bottom: 10px;
    text-decoration: none;
    overflow: hidden;
}
.content .latestWrapper .topLWrapper .rightText .artDes {
	display: block;
	color: rgb(17, 17, 17);
    font-family: "Graphik Condensed", "Arial Narrow", "Helvetica neue Condensed", sans-serif;
    font-size: 24px;
    font-weight: 300;
    line-height: 26.5px;
    margin-top: 16px;
}
.content .latestWrapper .topLWrapper .rightText .artDate {
	margin-top: 16px;
	color: rgb(102, 102, 102);
    font-family: "Graphik Condensed", "Arial Narrow", "Helvetica neue Condensed", sans-serif;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 1.17px;
    line-height: 21px;
}
.content .latestWrapper .midLWrapper {
	display: flex;
	flex-direction: column;
    padding: 0px 16px;
}
.content .latestWrapper .midLWrapper .leftList {
	max-width: none;
    order: 1;
}
.content .latestWrapper .midLWrapper .leftList .leftListWrapper {
    margin-top: 24px;
    margin-right: 0px;
    margin-bottom: 16px;
    max-width: none;
}
.content .latestWrapper .midLWrapper .leftList .leftItemsCon {
	display: flex;
    flex-flow: row wrap;
}
.content .latestWrapper .midLWrapper .leftList .leftItemsCon .leftItems {
    margin-right: 0px;
    margin-left: 0px;
    padding-top: 24px;
    flex: 1 1 100%;
}
.content .latestWrapper .midLWrapper .leftList .leftItemsCon .leftItems:first-child {
	padding-top: 24px;
}
.content .latestWrapper .midLWrapper .leftList .leftItems .leftItemsImgCon {
	padding-bottom: 66.6666%;
    height: 0;
    position: relative;
    display: block;
    justify-content: center;
    overflow: hidden;
}
.content .latestWrapper .midLWrapper .leftList .leftItems .leftItemsImgCon img {
	position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: block;
    width: 0;
    height: 0;
    min-width: 100%;
    max-width: 100%;
    min-height: 100%;
    max-height: 100%;
    object-fit: cover;
}
.content .latestWrapper .midLWrapper .leftList .leftItems .leftItemsText {
	padding-top: 16px;
}
.content .latestWrapper .midLWrapper .leftList .leftItems .leftItemsText a:first-child {
	color: rgb(227, 30, 35);
    font-family: "Graphik Condensed", "Arial Narrow", "Helvetica neue Condensed", sans-serif;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 24px;
    text-transform: uppercase;
    display: block;
}
.content .latestWrapper .midLWrapper .leftList .leftItems .leftItemsText .leftItemsTitle {
	color: rgb(17, 17, 17);
    font-family: "Saol Text", "Times New Roman", "Playfair Display", Georgia, serif;
    font-size: 24px;
    font-weight: 600;
    text-align: left;
    line-height: 28px;
    padding-top: 8px;
    display: block;
    transition: opacity 0.25s ease-in-out 0s;
}
.content .latestWrapper .midLWrapper .leftList .leftItems .leftItemsText .leftItemsDate {
	margin-top: 16px;
	color: rgb(102, 102, 102);
    font-family: "Graphik Condensed", "Arial Narrow", "Helvetica neue Condensed", sans-serif;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 1.17px;
    line-height: 21px;
    min-height: 21px;
}
.content .latestWrapper .midLWrapper .rightList {
	height: fit-content;
    margin-top: 24px;
    max-width: none;
    order: 0;
    position: relative;
    z-index: 2;
    background: rgb(255, 255, 255);
}
.content .latestWrapper .midLWrapper .rightList .rightListWrapper {
    width: 100%;
}
.content .latestWrapper .midLWrapper .rightList .rightListTitle {
	color: rgb(17, 17, 17);
    font-family: "Saol Text", "Times New Roman", "Playfair Display", Georgia, serif;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 0.25px;
    line-height: 19px;
    padding-bottom: 8px;
    text-align: left;
    border-bottom: 1px solid rgb(102, 102, 102);
}
.content .latestWrapper .midLWrapper .rightList .rightListTitle a {
	color: rgb(17, 17, 17);
}
.content .latestWrapper .midLWrapper .rightList .rightItemsCon {}
.content .latestWrapper .midLWrapper .rightList .rightItemsCon .rightItems {
	display: flex;
    min-width: 164px;
    flex: 1 1 50%;
}
.content .latestWrapper .midLWrapper .rightList .rightItemsCon .rightItems .rightItemsText {
	padding-top: 16px;
}
.content .latestWrapper .midLWrapper .rightList .rightItemsCon .rightItems .rightItemsText a {
	color: rgb(17, 17, 17);
    font-family: "Graphik Condensed", "Arial Narrow", "Helvetica neue Condensed", sans-serif;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.15px;
    line-height: 20px;
    max-width: 348px;
    text-align: left;
    text-decoration: none;
    transition: opacity 0.25s ease-in-out 0s;
}
.content .latestWrapper .midLWrapper .rightList .rightItemsCon .rightItems .rightItemsText span {
	color: rgb(102, 102, 102);
    font-family: "Graphik Condensed", "Arial Narrow", "Helvetica neue Condensed", sans-serif;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 1.17px;
    line-height: 21px;
}



@media screen and (max-width: 768px) {
	.topNavWrapper {
		overflow-x: scroll;
	}
	.header-wrapper .h-w-right {
		display: none;
	}
}