@charset "utf-8";
/* CSS Document */

/*---------- Google Fonts ----------*/
/* font-family: 'Montserrat', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');



.common-typography header body {
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	color: #492F24;
	background-color: #fff;
}

.common-typography header a,
.common-typography header input,
.common-typography header button,
.common-typography header textarea,
.common-typography footer a,
.common-typography footer input,
.common-typography footer button,
.common-typography footer textarea{ outline: none !important; }

.common-typography header a, .common-typography footer a {
	transition: all ease-in-out 300ms;
	-webkit-transition: all ease-in-out 300ms;
	-ms-transition: all ease-in-out 300ms;
	-o-transition: all ease-in-out 300ms;
	-moz-transition: all ease-in-out 300ms;
}

/* common paragraph */
.common-typography header p, .common-typography footer p {
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	font-size: 14px;
	line-height: 25px;
	letter-spacing: 0.3px;
	margin-bottom: 15px;
	word-wrap: break-word;
}

.common-typography header p a, .common-typography footer p a {
	display: inline !important;
	word-wrap: break-word;
	font-weight: inherit !important;
	font-size: inherit !important;
	line-height: inherit !important;
	text-transform: none !important;
	letter-spacing: inherit !important;
}

.common-typography header .coffee-layout * {
	color: #FFFFFF;
}


/* common list-items */
.common-typography header ul,
.common-typography header ol,
.common-typography footer ul,
.common-typography footer ol {
	padding-left: 20px;
}

.common-typography header ul li,
.common-typography header ol li,
.common-typography footer ul li,
.common-typography footer ol li{
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	font-size: 13px;
	line-height: 25px;
	letter-spacing: 0.3px;
	margin-bottom: 15px;
	word-wrap: break-word;
	margin: 0;
}

.common-typography header ul li a,
.common-typography header ol li a,
.common-typography footer ul li a,
.common-typography footer ol li a{
	display: inline !important;
	word-wrap: break-word;
	font-weight: inherit !important;
	font-size: inherit !important;
	line-height: inherit !important;
	text-transform: none !important;
	letter-spacing: inherit !important;
}
/* common list-items */

/* common buttons */
.common-typography header .btn {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 12px;
	line-height: 15px;
	padding: 17.5px 23px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	border: 1px solid transparent;
	box-shadow: none !important;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	transition: all ease-in-out 300ms;
	-webkit-transition: all ease-in-out 300ms;
	-ms-transition: all ease-in-out 300ms;
	-o-transition: all ease-in-out 300ms;
	-moz-transition: all ease-in-out 300ms;
}

.common-typography header .btn-low-action {
	color: #492F24;
	border-color: #492F24;
	background-color: transparent;
}

.common-typography header .btn-low-action:focus {
	color: #492F24;
	border-color: #492F24;
	background-color: transparent;
}

.common-typography header .btn-low-action:active:focus,
.common-typography header .btn-low-action:hover {
	color: #492F24;
	border-color: #FFC425;
	background-color: #FFC425;
}

.common-typography header .coffee-layout .btn-low-action {
	color: #FFFFFF;
	border-color: #FFFFFF;
	background-color: transparent;
}

.common-typography header .coffee-layout .btn-low-action:focus {
	color: #FFFFFF;
	border-color: #FFFFFF;
	background-color: transparent;
}

.common-typography header .coffee-layout .btn-low-action:active:focus,
.common-typography header .coffee-layout .btn-low-action:hover {
	color: #FFFFFF;
	border-color: #FFC425;
	background-color: transparent;
}

.common-typography header .btn-medium-action {
	color: #FFFFFF;
	border-color: #492F24;
	background-color: #492F24;
}

.common-typography header .btn-medium-action:focus {
	color: #FFFFFF;
	border-color: #492F24;
	background-color: #492F24;
}

.common-typography header .btn-medium-action:active:focus,
.common-typography header .btn-medium-action:hover {
	color: #492F24;
	border-color: #492F24;
	background-color: transparent;
}

.common-typography header .coffee-layout .btn-medium-action {
	color: #492F24;
	border-color: #FFFFFF;
	background-color: #FFFFFF;
}

.common-typography header .coffee-layout .btn-medium-action:focus {
	color: #492F24;
	border-color: #FFFFFF;
	background-color: #FFFFFF;
}

.common-typography header .coffee-layout .btn-medium-action:active:focus,
.common-typography header .coffee-layout .btn-medium-action:hover {
	color: #492F24;
	border-color: #FFC425;
	background-color: #FFC425;
}

.common-typography header .btn-high-action {
	color: #492F24;
	border-color: #FFC425;
	background-color: #FFC425;
}

.common-typography header .btn-high-action:focus {
	color: #492F24;
	border-color: #FFC425;
	background-color: #FFC425;
}

.common-typography header .btn-high-action:active:focus,
.common-typography header .btn-high-action:hover {
	color: #FFFFFF;
	border-color: #492F24;
	background-color: #492F24;
}

.common-typography header .coffee-layout .btn-high-action {
	color: #492F24;
	border-color: #FFC425;
	background-color: #FFC425;
}

.common-typography header .coffee-layout .btn-high-action:focus {
	color: #492F24;
	border-color: #FFC425;
	background-color: #FFC425;
}

.common-typography header .coffee-layout .btn-high-action:active:focus,
.common-typography header .coffee-layout .btn-high-action:hover {
	color: #492F24;
	border-color: #FFFFFF;
	background-color: #FFFFFF;
}
/* common buttons */

/* common links & arrows */
.common-typography header .common-link {
	text-decoration: none;
	display: inline-block;
	vertical-align: middle;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #492F24;
}

.common-typography header .common-link.link-arrow {
	padding-right: 44px;
	position: relative;
}

.common-typography header .common-link.link-arrow:before {
	position: absolute;
	content: "";
	right: 0;
	top: 50%;
	width: 20px;
	height: 13px;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	background: url("data:image/svg+xml,%3Csvg width='22' height='16' viewBox='0 0 22 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.7154 8.70711C21.1059 8.31658 21.1059 7.68342 20.7154 7.29289L14.3514 0.928932C13.9609 0.538408 13.3278 0.538408 12.9372 0.928932C12.5467 1.31946 12.5467 1.95262 12.9372 2.34315L18.5941 8L12.9372 13.6569C12.5467 14.0474 12.5467 14.6805 12.9372 15.0711C13.3278 15.4616 13.9609 15.4616 14.3514 15.0711L20.7154 8.70711ZM0.00830078 9H20.0083V7H0.00830078V9Z' fill='%23492F24'/%3E%3C/svg%3E") no-repeat;
	background-size: 100% 100%;
	transition: all ease-in-out 300ms;
	-webkit-transition: all ease-in-out 300ms;
	-ms-transition: all ease-in-out 300ms;
	-o-transition: all ease-in-out 300ms;
	-moz-transition: all ease-in-out 300ms;
}

.common-typography header .common-link:hover {
	color: #245E7F;
}

.common-typography header .common-link.link-arrow:hover:before {
	background: url("data:image/svg+xml,%3Csvg width='22' height='16' viewBox='0 0 22 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.7154 8.70711C21.1059 8.31658 21.1059 7.68342 20.7154 7.29289L14.3514 0.928932C13.9609 0.538408 13.3278 0.538408 12.9372 0.928932C12.5467 1.31946 12.5467 1.95262 12.9372 2.34315L18.5941 8L12.9372 13.6569C12.5467 14.0474 12.5467 14.6805 12.9372 15.0711C13.3278 15.4616 13.9609 15.4616 14.3514 15.0711L20.7154 8.70711ZM0.00830078 9H20.0083V7H0.00830078V9Z' fill='%23245E7F'/%3E%3C/svg%3E") no-repeat;
	background-size: 100% 100%;
}


.common-typography header .common-link2:hover {
	color: #492F24;
}

.common-typography header .common-link2.link-arrow:hover:before {
	background: url("data:image/svg+xml,%3Csvg width='22' height='16' viewBox='0 0 22 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.7154 8.70711C21.1059 8.31658 21.1059 7.68342 20.7154 7.29289L14.3514 0.928932C13.9609 0.538408 13.3278 0.538408 12.9372 0.928932C12.5467 1.31946 12.5467 1.95262 12.9372 2.34315L18.5941 8L12.9372 13.6569C12.5467 14.0474 12.5467 14.6805 12.9372 15.0711C13.3278 15.4616 13.9609 15.4616 14.3514 15.0711L20.7154 8.70711ZM0.00830078 9H20.0083V7H0.00830078V9Z' fill='%23492F24'/%3E%3C/svg%3E") no-repeat;
	background-size: 100% 100%;
}

.common-typography header .coffee-layout .common-link {
	color: #FFFFFF;
}

.common-typography header .coffee-layout.common-link {
	background-color: transparent !important;
	color: #FFFFFF;
}

.common-typography header .coffee-layout .common-link.link-arrow:before,
.common-typography header .coffee-layout.common-link.link-arrow:before {
	background: url("data:image/svg+xml,%3Csvg width='21' height='16' viewBox='0 0 21 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.7071 8.70711C21.0976 8.31658 21.0976 7.68342 20.7071 7.29289L14.3431 0.928932C13.9526 0.538408 13.3195 0.538408 12.9289 0.928932C12.5384 1.31946 12.5384 1.95262 12.9289 2.34315L18.5858 8L12.9289 13.6569C12.5384 14.0474 12.5384 14.6805 12.9289 15.0711C13.3195 15.4616 13.9526 15.4616 14.3431 15.0711L20.7071 8.70711ZM0 9H20V7H0V9Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat;
	background-size: 100% 100%;
}

.common-typography header .coffee-layout .common-link:hover,
.common-typography header .coffee-layout.common-link:hover {
	color: #A0CCE4;
}

.common-typography footer .common-link2 {
	text-decoration: none;
	display: inline-block;
	vertical-align: middle;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #0274d4;
}

.common-typography footer .common-link2.link-arrow {
	padding-right: 44px;
	position: relative;
}

.common-typography footer .common-link2.link-arrow:before {
	position: absolute;
	content: "";
	right: 0;
	top: 50%;
	width: 20px;
	height: 13px;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	background: url("data:image/svg+xml,%3Csvg width='22' height='16' viewBox='0 0 22 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.7154 8.70711C21.1059 8.31658 21.1059 7.68342 20.7154 7.29289L14.3514 0.928932C13.9609 0.538408 13.3278 0.538408 12.9372 0.928932C12.5467 1.31946 12.5467 1.95262 12.9372 2.34315L18.5941 8L12.9372 13.6569C12.5467 14.0474 12.5467 14.6805 12.9372 15.0711C13.3278 15.4616 13.9609 15.4616 14.3514 15.0711L20.7154 8.70711ZM0.00830078 9H20.0083V7H0.00830078V9Z' fill='%23245E7F'/%3E%3C/svg%3E") no-repeat;
	background-size: 100% 100%;
	transition: all ease-in-out 300ms;
	-webkit-transition: all ease-in-out 300ms;
	-ms-transition: all ease-in-out 300ms;
	-o-transition: all ease-in-out 300ms;
	-moz-transition: all ease-in-out 300ms;
}

.common-typography footer .common-link2:hover {
	color: #492F24;
}