/* Typo */
h1, .typo-h1 {
	font-size: 3rem;
}

h2, .typo-h2 {
	font-size: 2rem;
	letter-spacing: 0.1px;
}

h3, .typo-h3 {
	font-size: 1.5rem;
}

h4, .typo-h4 {
	font-size: 1.25rem;
	font-weight: bold;
	letter-spacing: 0.15px;
	line-height: 1.7;
}

.typo-subtitle-1 {
	font-size: 1rem;
	font-weight: bold;
	letter-spacing: 0.15px;
}

.typo-subtitle-2 {
	font-size: 0.875rem;
	font-weight: bold;
	letter-spacing: 0.1px;
}

.typo-body-1 {
	font-size: 0.875rem;
	font-family: montserrat;
	letter-spacing: 0.1px;
}

.typo-body-2 {
	font-size: 0.75rem;
	font-family: montserrat;
	letter-spacing: 0.2px;
}

.typo-body-3 {
	font-size: 0.75rem;
	font-family: montserrat;
	font-weight: 500;
	letter-spacing: 0.2px;
}

.typo-caption {
	font-size: 0.75rem;
	font-family: montserrat;
	font-weight: 300;
	letter-spacing: 0.2px;
}

.typo-field-title-1 {
	font-size: 0.75rem;
	font-weight: bold;
	letter-spacing: 0.2px;
}

.typo-field-title-2 {
	font-size: 0.625rem;
	font-weight: bold;
	letter-spacing: 0.4px;
}

.typo-button-1 {
	font-size: 0.875rem;
	font-weight: bold;
	letter-spacing: 0.1px;
}

.typo-button-2 {
	font-size: 0.75rem;
	font-weight: bold;
	letter-spacing: 0.2px;
}

.typo-placeholder-1 {
	font-size: 0.875rem;
	letter-spacing: 0.1px;
}

.typo-placeholder-2 {
	font-size: 0.75rem;
	letter-spacing: 0.2px;
}


.footer {
	background-color: #f5f3f0;
	border-top: 1px solid #cfc7c0;
}
.footer-content {
	display: flex;
	flex-direction: column;
	padding: 3rem 0;
}
.footer-logo-and-navigation-wrapper {
	display: flex;
	flex-direction: column;
}
.footer-logo {
	text-align: center;
}
.footer-navigation {
	margin-bottom: 2.5rem;
}
.footer-navigation-list .list-item {
	position: relative;
	/*border-bottom: 1px solid #eae6e0;*/
}
.footer-navigation-list .list-item:hover > .list-label,
.footer-navigation-list .list-item:hover > .list-arrow {
	transition: color 200ms;
	color: #b0946f;
}


.footer-navigation-list .list-label {
	font-size: 0.875rem;
	font-weight: 500;
	letter-spacing: 0.1px;
	display: block;
	text-transform: uppercase;
	padding: 1rem 1.5rem;
	text-align: center;
	transition: color 200ms;
	cursor: pointer;
}
.footer-navigation-list .sub-list a {
	font-size: 0.75rem;
	letter-spacing: 0.2px;
	display: block;
	font-weight: normal;
	text-align: center;
	padding: 0.625rem 0;
}
.footer-navigation-list .sub-list a:link,
.footer-navigation-list .sub-list a:visited {
	color: rgba(51, 51, 51, 0.75);
}
.footer-navigation-list .sub-list a:hover,
.footer-navigation-list .sub-list a:active {
	color: #b0946f;
}
.footer-navigation-list .sub-list > *:last-child {
	/* margin-bottom: 1rem; */
}
.footer-navigation-list .list-arrow {
	display: flex;
	width: 0.5rem;
	position: absolute;
	top: 1rem;
	right: 0.5rem;
	transition: color 200ms, transform 400ms;
	cursor: pointer;
}
.footer-navigation-list .list-arrow .icon-arrow {
	width: 100%;
}
.footer-navigation-list .list-item.is-active .list-label,
.footer-navigation-list .list-item.is-active .list-arrow {
	color: #b0946f;
}
.footer-navigation-list .list-item.is-active .list-arrow {
	transform: rotate(-180deg);
}
.footer-connect-with-chanintr {
	text-align: center;
}
.footer-connect-with-chanintr-label {
	font-size: 0.875rem;
	font-weight: 500;
	letter-spacing: 0.1px;
	text-transform: uppercase;
	margin-bottom: 1.5rem;
}
.footer-connect-with-chanintr-social {
	margin-bottom: 3rem;
}
.footer-socials {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-bottom: -0.5rem;
}
.footer-socials > * {
	margin-left: 1rem;
	margin-bottom: 0.5rem;
}
.footer-socials > *:first-child {
	/*margin-left: 0;*/
}
.footer-copyright {
	font-size: 0.75rem;
	letter-spacing: 0.2px;
	color: rgba(51, 51, 51, 0.35);
	border-top: 1px solid #eae6e0;
	text-align: center;
}
.footer .container {
	min-width: auto;
	max-width: 97.5rem;
	/*padding-right: 2.5rem;
    padding-left: 2.5rem;*/
}

/* Hamburger */
.hamburger {
	height: auto;
	padding: 7px 4px;
	display: inline-flex;
	cursor: pointer;
	transition-property: opacity, filter;
	transition-duration: 0.15s;
	transition-timing-function: linear;
	font: inherit;
	color: inherit;
	text-transform: none;
	background-color: transparent;
	border: 0;
	margin: 0;
	overflow: visible;
}

.hamburger-box {
	width: 16px;
	height: 11px;
	display: inline-block;
	position: relative;
}

.hamburger-inner {
	display: block;
	top: 0.5px;
	margin-top: -0.5px;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
	width: 16px;
	height: 1px;
	background-color: #333;
	border-radius: 0;
	position: absolute;
	transition: transform 150ms ease, background-color 200ms ease;
}

.hamburger-inner::before,
.hamburger-inner::after {
	content: "";
	display: block;
}

.hamburger-inner::before {
	top: 5px;
	transition: transform 150ms ease, opacity 150ms ease, background-color 200ms ease;
}

.hamburger-inner::after {
	top: 10px;
	bottom: -5px;
}

.hamburger.is-active .hamburger-inner {
	transform: translate3d(0, 5px, 0) rotate(45deg);
}

.hamburger.is-active .hamburger-inner::before {
	transform: rotate(-45deg) translate3d(-2.28571px, -4px, 0);
	opacity: 0;
}

.hamburger.is-active .hamburger-inner::after {
	transform: translate3d(0, -10px, 0) rotate(-90deg);
}


/* Social icon */
.btn-primary, .btn-secondary, .btn-flat, .btn-icon, .btn-icon-pure, .btn-icon-round {
	padding: 0.25rem 1rem;
	border-radius: 3px;
	border: 1px solid #cfc7c0;
	background-color: transparent;
	outline: none;
	transition: all 200ms;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 3rem;
	min-width: 8.75rem;
}

.btn-primary, .btn-primary:link, .btn-primary:visited, .btn-secondary, .btn-secondary:link, .btn-secondary:visited, .btn-flat, .btn-flat:link, .btn-flat:visited, .btn-icon, .btn-icon:link, .btn-icon:visited, .btn-icon-pure, .btn-icon-pure:link, .btn-icon-pure:visited, .btn-icon-round, .btn-icon-round:link, .btn-icon-round:visited {
	color: #333;
}

.btn-primary:hover, .btn-primary:focus, .btn-secondary:hover, .btn-secondary:focus, .btn-flat:hover, .btn-flat:focus, .btn-icon:hover, .btn-icon:focus, .btn-icon-pure:hover, .btn-icon-pure:focus, .btn-icon-round:hover, .btn-icon-round:focus {
	border-color: #b0946f;
	cursor: pointer;
}

.btn-icon-round {
	padding: 0;
	border-radius: 1.5625rem;
	height: 3rem;
	min-width: 3rem;
}

.btn-icon-round.-medium {
	height: 2.5rem;
	min-width: 2.5rem;
}

.svg-inline--fa {
	display: inline-block;
	font-size: inherit;
	height: 1em;
	overflow: visible;
	vertical-align: -0.125em;
}

.svg-inline--fa.fa-w-16 {
	width: 1em;
}

svg:not(:root).svg-inline--fa {
	overflow: visible;
}

.link-secondary:link, .link-secondary:visited {
	color: rgba(51, 51, 51, 0.75);
}

.link-secondary:hover, .link-secondary:active {
	color: #b0946f;
}

.link-button-secondary {
	color: rgba(51, 51, 51, 0.75);
	background-color: transparent;
	outline: none;
	border: none;
	transition: color 200ms;
}

.link-button-secondary:hover, .link-button-secondary:active {
	color: #b0946f;
}

.opacity-0 {
	opacity: 0;
}

/* Dropdown */
.dropdown-list {
	padding: 0.5rem 0;
}

.dropdown-bubble {
	background-color: #fff;
	border: 1px solid #cfc7c0;
	border-radius: 3px;
	overflow: hidden;
}

.dropdown-item, .dropdown-no-data {
	display: flex;
	font-size: 0.75rem;
	align-items: center;
}

.dropdown-item {
	color: #333;
	font-weight: normal;
	transition: all 200ms;
	cursor: pointer;
}

.dropdown-item:hover {
	background-color: #faf9f8;
}

.dropdown-container.-large .dropdown-item,
.dropdown-container.-large .dropdown-no-data,
.dropdown-container.-regular .dropdown-item,
.dropdown-container.-regular .dropdown-no-data {
	padding: 0 1.5rem;
	min-height: 2.5rem;
}

.dropdown-item::after,
.dropdown-no-data::after {
	content: "";
	min-height: inherit;
	font-size: 0;
}

/* Header */
.header {
	height: 4.0625rem;
}

.header-container {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 5;
}

.header-container-inner {
	position: relative;
	z-index: 2;
	background-color: #fff;
	box-shadow: 0 2px 4px 0 rgba(227, 225, 224, 0.35);
	transition: box-shadow 200ms;
}

.header-secondary-navigation {
	display: none;
}

.header-main {
	position: relative;
	display: flex;
	align-items: center;
	border-bottom: 1px solid #cfc7c0;
}

.header-main .hamburger-wrapper,
.header-main .logo,
.header-main .right-side-navigation {
	height: 4rem;
}

.header-main .hamburger-and-logo-wrapper,
.header-main .hamburger-wrapper {
	display: inline-flex;
	align-items: center;
}

.header-main .hamburger-and-logo-wrapper {
	flex: 1;
	order: 1;
}

.header-main .logo {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 5;
	display: flex;
	align-items: center;
}

.header-main .logo > a {
	display: flex;
}

.header-main .logo-image {
	height: 0.75rem;
}

.header-main .right-side-navigation {
	flex: 1;
	order: 2;
	display: inline-flex;
	justify-content: flex-end;
	align-items: center;
	position: relative;
}

.header-main .search-button {
	height: auto;
	display: inline-flex;
	background: transparent;
	border: none;
	outline: none;
}

.primary-navigation {
	display: none;
	order: 3;
}

.primary-navigation-list {
	font-weight: bold;
	letter-spacing: 0.4px;
	font-size: 0.5625rem;
	display: flex;
	text-transform: uppercase;
}

.primary-navigation-list .list-label,
.primary-navigation-list a {
	display: inline-flex;
	padding: 1.25rem 0.375rem;
	line-height: 1.5;	
}

.primary-navigation-list > li:first-child .list-label,
.primary-navigation-list > li:first-child a {
	padding-left: 0;
}

.primary-navigation-list > li:last-child .list-label,
.primary-navigation-list > li:last-child a {
	padding-right: 0;
}

.primary-navigation-list .list-label {
	color: #333;
	font-weight: 500;
	transition: color 200ms;
	cursor: pointer;
}

.primary-navigation-list a {
	/* font-size: 0.75rem;	 */
	font-size: 0.5625rem;
	font-weight: 500;
}

.primary-navigation-list .list-label:hover {
	color: #b0946f;
}

.primary-navigation-list a:link,
.primary-navigation-list a:visited {
	color: #333;
}

.primary-navigation-list a:hover,
.primary-navigation-list a:active {
	color: #b0946f;
}

.primary-navigation-list .is-active .list-label {
	color: #b0946f;
}

.primary-navigation-list .is-active .list-label:hover {
	color: #b0946f;
}

.secondary-navigation-list {
	display: flex;
	align-items: center;
}

.typo-field-title-2.secondary-navigation-list > li > a {
	line-height: 1.5;
	font-size: 10px;
	letter-spacing: 0.4px;
	word-spacing: 1px;
}

.secondary-navigation-list > li > a {
	display: inline-flex;
	padding: .75rem .625rem;
	text-transform: uppercase;
}

.secondary-navigation-list > li:first-child > a {
	padding-left: 0;
}

.secondary-navigation-list > li:last-child > a {
	padding-right: 0;
}

.user-area {
	display: flex;
	align-items: center;
}

.user-area > * {
	margin-left: 1.25rem;
}

.user-area .profile-container {
	display: none;
}

.user-area.logged-in .profile-container,
/* .user-area.logged-in .link-notification { */
.user-area.logged-in .link-notification.user_sale {
	display: flex;
}

.user-area.logged-in .link-sign-in {
	display: none;
}


.link-sign-in {
	display: none;
	color: rgba(51, 51, 51, 0.75) !important;
	position: relative;
	height: auto;
	font-weight: 500;
	text-decoration: none;
}

.link-sign-in:hover {
	color: #b0964f !important;
}

.profile-menu-dropdown {
	display: none;
}

.profile-menu-dropdown .project,
.profile-menu-dropdown .user_sales,
.profile-menu-dropdown .dropdown-group,
.profile-menu-dropdown.user_sale .user {
	display: none;
}

.profile-menu-dropdown.user_sale .dropdown-group {
	display: list-item;
}

.profile-menu-dropdown.user_sale .user_sales {
	display: flex;
}


.dropdown-bubble .dropdown-group:before,
.dropdown-bubble .dropdown-group:after {
	content: "";
	left: 1.5rem;
	right: 1.5rem;
	width: calc(100% - 3rem);
	display: block;
	margin: 0.5rem auto;
	border-top: 1px solid #eae6e0;
}

.profile-container {
	display: none;
}

.header-mega-navigation {
	display: none;
}

.header-mega-navigation .container {
	max-width: 97.5rem;
	padding-right: 2.5rem;
	padding-left: 2.5rem;
}

.mega-navigation-transition-enter-active,
.mega-navigation-transition-leave-active {
	transition: transform 600ms;
}

.mega-navigation-transition-enter,
.mega-navigation-transition-leave-to {
	transform: translateY(-100%);
}

.header-hamburger-navigation {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 6;
	display: flex;
	flex-direction: column;
}

.header-hamburger-navigation-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 4rem;
	background-color: #fff;
	margin: 0;
	min-width: auto;
}

.header-hamburger-navigation-top::after {
	content: "";
	display: block;
}

.header-hamburger-navigation-top .hamburger-wrapper,
.header-hamburger-navigation-top::after {
	flex: 1;
}

.header-hamburger-navigation-top .link-logo {
	display: inline-flex;
}

.header-hamburger-navigation-top .logo-image {
	height: 0.75rem;
}

.header-hamburger-navigation-container {
	flex: 1;
	width: 100%;
	padding: 1.75rem 0;
	background-color: #fff;
	overflow-y: auto;
}

.header-hamburger-navigation-container > *::after {
	content: "";
	display: inline-block;
	width: 2.5rem;
	height: 1px;
	margin: 1.75rem auto;
	background-color: #eae6e0;
}

.header-hamburger-navigation-container > *:last-child::after {
	display: none;
}

.hamburger-primary-navigation-list {
	display: flex;
	flex-direction: column;
}

.hamburger-primary-navigation-list .list-label, .hamburger-primary-navigation-list a {
	display: flex;
	justify-content: center;
	padding: 0.5rem 0;
}

.hamburger-primary-navigation-list .list-label {
	transition: all 200ms;
	cursor: pointer;
}

.hamburger-primary-navigation-list .list-item.depth-0 > .list-label,
.hamburger-primary-navigation-list .list-item.depth-0 > a {
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0.15px;
	text-transform: uppercase;
}

.hamburger-primary-navigation-list .list-item.depth-0 > .list-label {
	color: #333;
}

.hamburger-primary-navigation-list .sub-list {
	overflow: hidden;
	height: 0;
	min-height: 0;
	transition: min-height 400ms cubic-bezier(0.16, 0.68, 0.43, 0.99);
}

.hamburger-primary-navigation-list .sub-list.depth-2 {
	background-color: #faf9f8;
}

.hamburger-primary-navigation-list .sub-list.is-active.depth-2 {
	margin-bottom: 1rem;
}

.hamburger-primary-navigation-list .list-item.depth-1 > .list-label,
.hamburger-primary-navigation-list .list-item.depth-1 > a {
	font-size: 0.875rem;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0.1px;
	padding: 0.5rem 0;
}

.hamburger-primary-navigation-list .list-item.depth-0 > a:link,
.hamburger-primary-navigation-list .list-item.depth-0 > a:visited {
	color: #333;
}

.hamburger-primary-navigation-list .list-item.depth-1 > .list-label,
.hamburger-primary-navigation-list .list-item.depth-2 > .list-label,
.hamburger-primary-navigation-list .list-item.depth-1 > a:link,
.hamburger-primary-navigation-list .list-item.depth-1 > a:visited,
.hamburger-primary-navigation-list .list-item.depth-2 > a:link,
.hamburger-primary-navigation-list .list-item.depth-2 > a:visited {
	color: rgba(51, 51, 51, 0.75);
}

.hamburger-primary-navigation-list .list-item.depth-0 > a:hover,
.hamburger-primary-navigation-list .list-item.depth-0 > a:active,
.hamburger-primary-navigation-list .list-item.depth-0 > .list-label:hover,
.hamburger-primary-navigation-list .list-item.depth-1 > .list-label:hover,
.hamburger-primary-navigation-list .list-item.depth-2 > .list-label:hover,
.hamburger-primary-navigation-list .list-item.depth-1.is-active > .list-label,
.hamburger-primary-navigation-list .list-item.depth-2.is-active > .list-label,
.hamburger-primary-navigation-list .list-item.depth-1 > a:hover,
.hamburger-primary-navigation-list .list-item.depth-1 > a:active,
.hamburger-primary-navigation-list .list-item.depth-2 > a:hover,
.hamburger-primary-navigation-list .list-item.depth-2 > a:active {
	color: #b0946f;
}

.hamburger-primary-navigation-list .sub-list.is-active > .list-item {
	opacity: 1;
	transform: translateY(0);
}

.hamburger-primary-navigation-list .sub-list.depth-1 .list-item:first-child,
.hamburger-primary-navigation-list .sub-list.depth-2 .list-item:first-child {
	padding-top: 0.75rem;
}

.hamburger-primary-navigation-list .sub-list.depth-1 .list-item:last-child,
.hamburger-primary-navigation-list .sub-list.depth-2 .list-item:last-child {
	padding-bottom: 1.75rem;
}

.hamburger-primary-navigation-list .list-item.depth-2 > .list-label,
.hamburger-primary-navigation-list .list-item.depth-2 > a {
	font-size: 0.75rem;
	letter-spacing: 0.2px;
	font-weight: normal;
	line-height: 1.5;
}

.hamburger-navigation-transition-enter-active,
.hamburger-navigation-transition-leave-active {
	transition: opacity 200ms cubic-bezier(0.16, 0.68, 0.43, 0.99);
}

.hamburger-navigation-transition-enter,
.hamburger-navigation-transition-leave-to {
	opacity: 0;
}

.hamburger-secondary-navigation-list {
	display: flex;
	flex-direction: column;
}


.hamburger-secondary-navigation-list .list-item-link {
	font-size: 0.75rem;
	line-height: 1.5;
	letter-spacing: 0.2px;
	display: flex;
	justify-content: center;
	width: 100%;
	padding: 0.25rem 0;
	text-transform: uppercase;
	font-weight: normal;
	transition: all 200ms;
	cursor: pointer;
}

.hamburger-secondary-navigation-list .list-item-link:link,
.hamburger-secondary-navigation-list .list-item-link:visited {
	color: rgba(51, 51, 51, 0.75);
}

.hamburger-secondary-navigation-list .list-item-link:hover,
.hamburger-secondary-navigation-list .list-item-link:active {
	color: #b0946f;
}


.hamburger-authorize-list {
	display: flex;
	flex-direction: column;
}

.hamburger-authorize-list .member.project {
	display: none;
}

.hamburger-authorize-list:not(.logged-in) .member,
.hamburger-authorize-list:not(.logged-in) .user_sales,
.hamburger-authorize-list:not(.logged-in) .user {
	display: none;
}

.hamburger-authorize-list .member,
.hamburger-authorize-list .user_sales,
.hamburger-authorize-list.user_sale .user {
	display: none;
}

.hamburger-authorize-list.user_sale .user_sales {
	display: flex;
}

.hamburger-authorize-list.user .member.project {
	display: none;
}

.hamburger-authorize-list.logged-in .guest {
	display: none;
}

.hamburger-authorize-list.logged-in .member {
	display: list-item;
	text-align: center;
}

.hamburger-authorize-list a:link,
.hamburger-authorize-list a:visited,
.hamburger-authorize-list button:link,
.hamburger-authorize-list button:visited {
	color: rgba(51, 51, 51, 0.75);
}

.hamburger-authorize-list a:hover,
.hamburger-authorize-list a:active,
.hamburger-authorize-list button:hover,
.hamburger-authorize-list button:active {
	color: #b0946f;
}

.hamburger-authorize-list .list-label,
.hamburger-authorize-list a,
.hamburger-authorize-list button {
	font-size: 0.75rem;
	line-height: 1.5;
	letter-spacing: 0.2px;
	display: flex;
	justify-content: center;
	width: 100%;
	padding: 0.25rem 0;
	text-transform: uppercase;
	font-weight: normal;
}

.hamburger-authorize-list .list-label {
	transition: all 200ms;
	cursor: pointer;
}

.hamburger-authorize-list .sub-list {
	overflow: hidden;
	height: 0;
	min-height: 0;
	transition: min-height 400ms cubic-bezier(0.16, 0.68, 0.43, 0.99);
}

.hamburger-authorize-list .sub-list > .list-item {
	opacity: 0;
	transform: translateY(-0.9375rem);
	transition: all 400ms cubic-bezier(0.16, 0.68, 0.43, 0.99);
}

.hamburger-authorize-list .sub-list.is-active > .list-item {
	opacity: 1;
	transform: translateY(0);
}

.hamburger-socials {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: -0.5rem;
}

.hamburger-socials > a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 1.5rem;
	height: 1.5rem;
	margin-top: 0.5rem;
	margin-right: 1.5rem;
}

.hamburger-socials > a:link,
.hamburger-socials > a:visited {
	color: #333;
}

.hamburger-socials > a:hover,
.hamburger-socials > a:active {
	color: #b0946f;
}

.hamburger-socials > a:last-child {
	margin-right: 0;
}

.header-mega-navigation-list {
	margin-top: 1rem;
}

.header-mega-navigation-list a {
	font-size: 0.75rem;
	letter-spacing: 0.2px;
	font-weight: normal;
	line-height: 2;
}

.header-mega-navigation-list a:link,
.header-mega-navigation-list a:visited {
	color: rgba(51, 51, 51, 0.75);
}

.header-mega-navigation-list a:hover,
.header-mega-navigation-list a:active {
	color: #b0946f;
}

.header-mega-navigation .swiper-wrapper {
	height: auto;
}


.secondary-navigation-list-dropdown-wrapper {
	position: relative;
	z-index: 2;
}

.secondary-navigation-list-label {
	color: rgba(51,51,51,0.75);
	display: inline-flex;
	/* padding: 0.75rem 1.25rem; */
	padding: .75rem .625rem;
	align-items: center;
	text-transform: uppercase;
	cursor: pointer;
	font-weight: 500;
	word-spacing: 1px;
}

.secondary-navigation-list-label:hover {
	color: #b0946f;
}

.secondary-navigation-list-arrow {
	display: inline-flex;
	width: 1rem;
	height: 1rem;
	align-items: center;
	justify-content: center;
	margin-left: 0.25rem;
	transition: transform 200ms;
}

.secondary-navigation-list-arrow.is-active {
	transform: rotate(-180deg);
}

.secondary-navigation-list-arrow svg {
	width: 0.4375rem;
}

.secondary-navigation-list-dropdown {
	display: none;
}

.is-first > .secondary-navigation-list-label {
	/* padding-left: 0; */
}

.is-last > .secondary-navigation-list-label {
	padding-right: 0;
}

.hamburger-navigation-secondary-list-label,
.hamburger-navigation-secondary-list-link {
	font-size: 0.75rem;
	letter-spacing: 0.2px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 0.25rem 0;
	font-weight: normal;
	transition: all 200ms;
	cursor: pointer;
}

.hamburger-navigation-secondary-list-label {
	color: rgba(51,51,51,0.75);
	text-transform: uppercase;
}

.hamburger-navigation-secondary-list-label:hover,
.hamburger-navigation-secondary-list-label.is-active {
	color: #b0946f;
}

.hamburger-navigation-secondary-list-arrow {
	display: none;
}

.hamburger-navigation-secondary-list-link:link,
.hamburger-navigation-secondary-list-link:visited {
	color: #333;
}

.hamburger-navigation-secondary-list-link:hover,
.hamburger-navigation-secondary-list-link:active {
	color: #b0946f;
}

.hamburger-navigation-secondary-list-child-wrapper {
	overflow: hidden;
	height: 0;
	min-height: 0;
	transition: min-height 400ms cubic-bezier(0.16, 0.68, 0.43, 0.99);
}

.hamburger-navigation-secondary-list-child-wrapper.is-active {
	margin-bottom: 0.5rem;
}


.mega-navigation-content {
	display: flex;
	justify-content: center;
}

.mega-navigation-content-column {
	width: 11.25rem;
	min-width: 11.25rem;
}

.mega-navigation-content-column-list-item {
	display: flex;
	margin-bottom: 0.5rem;
}

.mega-navigation-content-column-list-item:last-child {
	margin-bottom: 0;
}

.mega-navigation-content-column.one-column {
	width: 16.875rem;
	min-width: 16.875rem;
}

.mega-navigation-content-column + .mega-navigation-content-column {
	margin-left: 2rem;
}

.mega-navigation-content-view-all-column {
	display: flex;
	flex-direction: column;
	width: 13.25rem;
	min-width: 13.25rem;
	padding-left: 2rem;
	margin-left: 2rem;
	border-left: 1px solid #eae6e0;
}

.mega-navigation-content-view-all-column.has-image {
	width: 14.5rem;
	min-width: 14.5rem;
	text-align: center;
}

.mega-navigation-content-view-all-column-list-item {
	display: inline-flex;
	flex-direction: column;
}

.mega-navigation-content-view-all-column-list-item,
.mega-navigation-content-view-all-column-list-item .mega-navigation-content-link {
	margin-bottom: 0.5rem;
}

.mega-navigation-content-view-all-column-list-item:last-child,
.mega-navigation-content-view-all-column-list-item .mega-navigation-content-link:last-child {
	margin-bottom: 0;
}

.mega-navigation-content-view-all-image {
	display: block;
	width: 100%;
	margin-bottom: 0.75rem;
}

.mega-navigation-content-view-all-image.is-error {
	height: 4rem;
	justify-content: center;
}

.mega-navigation-content-view-all-image.is-error svg {
	font-size: 1.5rem;
}

.mega-navigation-content-link {
	@include link-color($color-text-primary, $color-text-link);
	font-size: 0.75rem;
	font-weight: 500;
	letter-spacing: 0.2px;
}

.mega-navigation-content-link:link,
.mega-navigation-content-link:visited {
	color: #333;
}

.mega-navigation-content-link:hover,
.mega-navigation-content-link:active {
	color: #b0946f;
}

.link-notification {
	display: none;
}

.link-primary:link,
.link-primary:visited {
	color: #333;
}

.link-primary:hover,
.link-primary:active {
	color: #b0946f;
}

.icon-notification {
	display: inline-flex;
	position: relative;
	z-index: 1;
	width: 1.5rem;
	height: 1.5rem;
}

.notification-dot {
	display: none;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #bf350a;
	position: absolute;
	z-index: 2;
	top: 0;
	right: -4px;
}

.notification-dot.show {
	display: block;
}

@media (min-width: 45rem) {
	.header {
		height: 6.5625rem;
	}

	.hamburger-authorize-list.logged-in .member {
		text-align: left;
	}

	.header-container {
		position: fixed;
	}

	.header-container-inner {
		padding-top: 0.5rem;
	}

	.header-main .logo-image {
		height: 0.75rem;
	}

	.header-main {
		flex-wrap: wrap;
		border-bottom: none;
	}

	.header-main .hamburger-wrapper,
	.header-main .logo,
	.header-main .right-side-navigation {
		height: 2.5rem;
	}

	.header-main .hamburger-wrapper .is-active {
		display: none;
	}

	.primary-navigation {
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		border-top: 1px solid #cfc7c0;
		min-height: 3.5rem;
	}

	.primary-navigation-list {
		justify-content: space-between;
    	width: 100%;
	}

	.link-sign-in {
		display: inline-block;
		text-transform: uppercase;
	}

	.profile-menu-dropdown {
		margin: 0;
		position: absolute;
		top: calc(100% + 0.5rem);
		right: 0;		
		width: 13.875rem;
	}

	.profile-menu-dropdown.is-show {
		display: block;
	}

	.profile-menu-dropdown .dropdown-item.dropdown-link {
		color: #333;
		font-weight: normal;
	}

	.profile-menu-dropdown .dropdown-item.dropdown-link.nuxt-link-exact-active {
		color: #b0946f;
		font-weight: bold;
	}

	.profile-container {
		display: flex;
	}

	.profile-container .profile-image {
		display: inline-flex;
		justify-content: center;
		align-items: center;
		width: 1.5rem;
		height: 1.5rem;
		border-radius: 50%;
		overflow: hidden;
	}

	.profile-container .profile-image:hover {
		cursor: pointer;
	}

	.profile-container .profile-image.profile-user-name {
		color: #fff;
		background-color: #b0946f;
	}

	.profile-container .profile-image a {
		display: flex;
		width: 100%;
		height: 100%;
	}

	.profile-container .profile-image img {
		max-height: 100%;
	}

	.header-mega-navigation {
		display: block;
		padding-top: 2rem;
		padding-bottom: 2rem;
		background-color: #fff;
		box-shadow: 0 1px 4px 0 rgba(227, 225, 224, 0.35);
	}

	.header-mega-navigation .swiper-wrapper {
		transition-timing-function: ease-in-out;
	}

	.header-mega-navigation .swiper-arrows {
		display: flex;
		justify-content: space-between;
		margin-top: 1rem;
	}

	.header-mega-navigation .swiper-arrow-prev,
	.header-mega-navigation .swiper-arrow-next {
		display: inline-flex;
		cursor: pointer;
		transition: all 400ms cubic-bezier(0.16, 0.68, 0.43, 0.99);
	}

	.header-mega-navigation .swiper-arrow-prev.swiper-button-disabled,
	.header-mega-navigation .swiper-arrow-next.swiper-button-disabled {
		opacity: 0;
		cursor: auto;
	}

	.header-mega-navigation .swiper-arrow-prev {
		padding-right: 0.5rem;
	}

	.header-mega-navigation .swiper-arrow-prev:hover,
	.header-mega-navigation .swiper-arrow-prev.swiper-button-disabled {
		transform: translateX(-0.5rem);
	}

	.header-mega-navigation .swiper-arrow-next {
		padding-left: 0.5rem;
	}

	.header-mega-navigation .swiper-arrow-next:hover,
	.header-mega-navigation .swiper-arrow-next.swiper-button-disabled {
		transform: translateX(0.5rem);
	}

	.header-hamburger-navigation-top .logo-image {
		height: 0.75rem;
	}

	.header-hamburger-navigation {
		position: fixed;
	}

	.header-hamburger-navigation-overlay {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 1;
		background-color: rgba(51, 51, 51, 0.35);
		cursor: pointer;
	}

	.header-hamburger-navigation-top.container,
	.header-hamburger-navigation-container {
		width: 19.375rem;
		position: relative;
		z-index: 2;
		margin-left: 0;
	}

	.header-hamburger-navigation-container {
		padding: 0 2.5rem 1.75rem;
	}

	.header-hamburger-navigation-container::before {
		content: "";
		display: block;
		height: 1px;
		width: 100%;
		background-color: #eae6e0;
		margin-bottom: 1.75rem;
	}

	.header-hamburger-navigation-container > *::after {
		width: 100%;
	}

	.hamburger-primary-navigation-list {
		display: none;
	}

	.header-hamburger-navigation-top .link-logo,
	.header-hamburger-navigation-top::after {
		display: none;
	}

	.hamburger-navigation-transition-enter-active,
	.hamburger-navigation-transition-leave-active {
		transition-duration: 600ms;
	}

	.hamburger-navigation-transition-enter-active .header-hamburger-navigation-overlay,
	.hamburger-navigation-transition-leave-active .header-hamburger-navigation-overlay {
		transition: opacity 200ms cubic-bezier(0.16, 0.68, 0.43, 0.99);
	}

	.hamburger-navigation-transition-enter-active .header-hamburger-navigation-top,
	.hamburger-navigation-transition-enter-active .header-hamburger-navigation-container,
	.hamburger-navigation-transition-leave-active .header-hamburger-navigation-top,
	.hamburger-navigation-transition-leave-active .header-hamburger-navigation-container {
		transition: transform 600ms cubic-bezier(0.16, 0.68, 0.43, 0.99);
	}

	.hamburger-navigation-transition-enter,
	.hamburger-navigation-transition-leave-to {
		opacity: 1;
	}

	.hamburger-navigation-transition-enter .header-hamburger-navigation-overlay,
	.hamburger-navigation-transition-leave-to .header-hamburger-navigation-overlay {
		opacity: 0;
	}

	.hamburger-navigation-transition-enter .header-hamburger-navigation-top,
	.hamburger-navigation-transition-enter .header-hamburger-navigation-container,
	.hamburger-navigation-transition-leave-to .header-hamburger-navigation-top,
	.hamburger-navigation-transition-leave-to .header-hamburger-navigation-container {
		transform: translateX(-100%);
	}

	.hamburger-secondary-navigation-list > li > a,
	.hamburger-secondary-navigation-list > li > button,
	.hamburger-authorize-list > li > a,
	.hamburger-authorize-list > li > button,
	.hamburger-secondary-navigation-list .list-item-link,
	.hamburger-authorize-list > li > a,
	.hamburger-authorize-list > li > button {
		justify-content: flex-start;
	}

	.hamburger-socials {
		justify-content: flex-start;
	}

	.hamburger-socials > * {
		margin-right: 1.25rem;
	}

	.footer-content {
		padding-bottom: 4.1rem;
	}
	.footer-connect-with-chanintr-label {
		margin-bottom: 1rem;
	}
	.footer-content {
		display: flex;
		flex-flow: row wrap;
	}
	.footer-logo-and-navigation-wrapper {
		flex-direction: column;
		width: 100%;
	}
	.footer-logo-and-navigation-wrapper::after {
		content: "";
		display: block;
		flex: 1;
	}
	.footer-navigation {		
    display: flex;
    margin-left: auto;
    margin-right: auto;
		margin-bottom: 4.5rem;
	}
	.footer-navigation-list {
		display: flex;
	}
	.footer-navigation-list .list-item {
		flex: 1;
		padding-left: 0%;
		border-bottom: none;
		width: 9.625rem;
    margin: -0.375rem 0.75rem 0;
	}
	.footer-navigation-list .list-item:hover > .list-label {
		color: #333;
	}
	.footer-navigation-list .list-label {
		padding: 0 0 1.75rem;
		text-align: left;
		cursor: auto;
	}
	.footer-navigation-list .sub-list {
		min-height: auto !important;
		height: auto !important;
		overflow: unset;
		width: 9.625rem;
	}
	.footer-navigation-list .sub-list a {
		display: block;
		text-align: center;
		padding: .375rem 0;
	}
	.footer-navigation-list .sub-list > *:last-child {
		margin-bottom: 0;
	}
	.footer-navigation-list .list-arrow {
		display: none;
	}
	.footer-navigation-list .list-item.is-active .list-label {
		color: #333;
	}
	.footer-connect-with-chanintr {
		width: 100%;
	}
	.footer .footer-logo {		
		margin-right: 0 !important;
		margin-bottom: 3rem !important;
	}

	.footer-navigation-list {
    gap: 0rem !important;
	}


	.hamburger-navigation-secondary-list-label,
	.hamburger-navigation-secondary-list-link {
		justify-content: flex-start;
	}

	.hamburger-navigation-secondary-list-label.is-active {
		color: rgba(51,51,51,0.75);
	}

	.hamburger-navigation-secondary-list-arrow {
		display: inline-flex;
		width: 1rem;
		height: 1rem;
		align-items: center;
		justify-content: center;
		margin-left: 0.5rem;
		transition: transform 200ms;
	}

	.hamburger-navigation-secondary-list-arrow.is-active {
		transform: rotate(-180deg);
	}

	.hamburger-navigation-secondary-list-arrow svg {
		width: 0.4375rem;
	}
}

@media (min-width: 48rem) {
	.header .header-container.is-scroll-forms .header-main {
		padding: 0;
	}
}

@media (min-width: 48.75rem) {
	.primary-navigation-list {
		font-size: 0.625rem;
		font-weight: bold;
		letter-spacing: 0.4px;
	}

	.primary-navigation-list .list-label,
	.primary-navigation-list a {
		font-size: 0.625rem;
		padding: 1.25rem 0.5rem;
	}
}

@media (min-width: 64rem) {	
	.primary-navigation-list {
		max-width: 62.125rem;
	}

	.mega-navigation-content-column {
		width: 10rem;
		min-width: 10rem;
	}

	.mega-navigation-content-column.one-column {
		width: 16.875rem;
		min-width: 16.875rem;
	}

	.mega-navigation-content-column + .mega-navigation-content-column {
		margin-left: 2.5rem;
	}

	.mega-navigation-content-view-all-column {
		width: 12rem;
		min-width: 12rem;
	}

	.mega-navigation-content-view-all-column.has-image {
		width: 18.625rem;
		min-width: 18.625rem;
	}

	.footer-content {
		flex-direction: row;
		justify-content: space-between;
	}

	.footer-logo-and-navigation-wrapper {
		width: auto;
		flex: 1;
		flex-direction: row;
	}

	.footer-logo-and-navigation-wrapper::after {
		display: none;
	}


	.footer .footer-logo {
		max-width: 126px;	
		margin-right: 0rem !important;
	}

	.footer .footer-logo a {
		min-width: 38px;
		margin: .5rem 5.625rem 0 2px;	
	}

	.footer-logo {
		text-align: left;
		flex: auto;
		width: 10%;
	}

	.footer-navigation {
		flex: 1;
	}
	.footer-navigation-list .list-item {
		width: 9rem !important;
		flex: none;
		margin: 0 1.5rem 0 0;
	}

	.footer-navigation-list .sub-list a {
		text-align: left;
		padding: .375rem 0;
	}
	
	.footer-connect-with-chanintr {
		text-align: right;
		width: 25%;
	}

	.footer-socials {
		justify-content: flex-end;
	}

	.footer-copyright {
		text-align: left;
	}

	.footer .footer-logo {
		/* padding-top: 10px; */
		width: auto;
		margin: .5rem 5.625rem 0 0;
	}

	.icon-notification {
		width: 1.25rem;
		height: 1.25rem;
	}
}

@media (min-width: 80rem) {
	.header {
		height: 7.75rem;
	}

	.header-main {
		justify-content: space-between;
	}

	.header-container {
		position: relative;
	}

	.header-container-inner {
		padding-top: 0;
	}

	.header-container.slide-down {
		transform: translateY(-100%);
		animation-name: headerSlideDown;
		animation-duration: 600ms;
		animation-fill-mode: forwards;
		animation-timing-function: cubic-bezier(0.16, 0.68, 0.43, 0.99);
	}

	.header-container.slide-down.is-scroll-forms {
		animation-duration: 400ms;
	}

	.header .header-container.is-scroll-forms {
		position: fixed;
	}

	.header .header-container.is-scroll-forms .header-container-inner {
		padding-top: 0.5rem;
	}

	.header .header-container.is-scroll-forms .header-secondary-navigation {
		display: none;
	}

	.header .header-container.is-scroll-forms .header-main {
		max-width: 97.5rem;
		padding-top: 0 !important;
		padding-right: 2.5rem !important;
		padding-left: 2.5rem !important;
	}

	.header .header-container.is-scroll-forms .header-main .hamburger-and-logo-wrapper {
		position: static;
		height: auto;
		justify-content: flex-start;
	}

	.header .header-container.is-scroll-forms .header-main .logo-image {
		height: 0.75rem;
	}

	.header .header-container.is-scroll-forms .header-main .primary-navigation {
		display: flex;
	}

	.header .header-container.is-scroll-forms .header-main .primary-navigation-list .list-label,
	.header .header-container.is-scroll-forms .header-main .primary-navigation-list a {		
		padding: 1.125rem 0.625rem;
		word-spacing: 1px;
	}

	.header .header-container.is-scroll-forms .header-main .right-side-navigation {
		flex: 1;
	}

	.header-secondary-navigation {
		display: block;
		/* height: 2.5rem; */
		height: 40px;
	}

	.header-secondary-navigation.container {
		max-width: 97.5rem;
		padding-right: 2.5rem;
		padding-left: 2.5rem;
	}

	.header-secondary-navigation-inner {
		display: flex;
		height: 41px;
		align-items: center;
		justify-content: space-between;
		border-bottom: 1px solid #cfc7c0;
	}

	.header-main .logo-image {
		height: 1rem;
	}

	.header .header-main {
		padding-top: 2.75rem !important;
		padding-bottom: 0 !important;
		align-items: stretch;
		justify-content: center;
	}

	.header-main .hamburger-and-logo-wrapper {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		width: 100%;
		height: 2.75rem;
		justify-content: center;
	}

	.header-main .hamburger-wrapper {
		display: none;
	}

	.header-main .logo {
		position: static;
		transform: none;
		width: auto;
		height: auto;
		padding: 0;
	}

	.header-main .right-side-navigation {
		flex: none;
		height: auto;
	}

	.header-main .right-side-navigation::before {
		content: "";
		display: block;
		width: 1px;
		height: 1.25rem;
		background-color: #cfc7c0;
		margin: 0 1.25rem 0 3.5rem;
	}

	.header-main .search-button-icon {
		width: 1.25rem;
		height: 1.25rem;
	}

	.primary-navigation {
		order: 2;
		width: auto;
		min-height: auto;
		border-top: none;
	}

	.primary-navigation-list {
		font-size: 0.75rem;
		font-weight: bold;
		letter-spacing: 0.2px;
		width: auto;
		max-width: none;
	}

	.primary-navigation-list .list-label,
	.primary-navigation-list a {
		font-size: 0.75rem;
		/*padding: 0.6875rem 1.5625rem;*/
		padding: 0.6875rem 1.375rem;
	}

	.header-hamburger-navigation-top .logo-image {
		height: 1rem;
	}

	.header-hamburger-navigation {
		display: none;
	}

	.is-last > .secondary-navigation-list-dropdown {
		right: 0;
	}

	.secondary-navigation-list-dropdown {
		display: block;
		position: absolute;
		top: calc(100% + 10px);
		right: 1.25rem;
		width: 12.5rem;
	}

	.secondary-navigation-list-dropdown .dropdown-item.dropdown-link {
		color: #333;
		font-weight: normal;
	}

	.secondary-navigation-list-dropdown .dropdown-item.dropdown-link.nuxt-link-exact-active {
		color: #b0946f;
    	font-weight: bold;
	}
}

@media (min-width: 81.25rem) {
	.header-main {
		justify-content: center;
	}
	
	.primary-navigation-list .list-label,
	.primary-navigation-list a {
		padding: 0.6875rem 1.5625rem;
		word-spacing: 1px;
	}
}

@keyframes headerSlideDown {
	from {
		transform: translateY(-100%);
	}
	to {
		transform: translateY(0);
	}
}

.icon-line {
	width: 1.5em;
	height: 1.5em;
}