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

/******************************

[Table of Contents]

1. Fonts
2. Body and some general stuff
3. Header
4. Menu
5. Hero
6. Brands
7. Services
8. Mission
9. CTA
10. About
11. Team
12. Contact
13. Footer
14. Subpage Content


******************************/

/***********
1. Fonts
***********/

@import url('https://fonts.googleapis.com/css2?family=Birthstone&family=IBM+Plex+Serif:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Poppins: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');

/*********************************
2. Body and some general stuff
*********************************/

:root
{
	--font1: "Poppins", sans-serif;
	--font2: "IBM Plex Serif", sans-serif;
	--fontScript: "Birthstone", serif;
	--greenDark: #00494C;
	--greenLight: #195b5e;
	--greenDarker: #003236;
	--green3: rgba(86, 135, 137, 0.7);
	--white: #ffffff;
	--white2: rgba(242, 242, 242, 0.7);
	--white3: #f2f2f2;
	--black: #000000;
}


*
{
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	-moz-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	-o-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
body
{
	font-family: var(--font1);
	font-size: 14px;
	font-weight: 400;
	background: var(--greenDark);
	color: var(--white);
}
div
{
	display: block;
	position: relative;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
ul
{
	list-style: none;
	margin-bottom: 0px;
	padding-left: 0;
}
p
{
	font-family: var(--font1);
	font-size: 20px;
	line-height: 1.5;
	font-weight: 400;
	color: #000000;
	opacity: 0.9;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
	margin-bottom: 0;
}
p a
{
	display: inline;
	position: relative;
	color: inherit;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
p:last-of-type
{
	margin-bottom: 0;
}
a
{
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
a, a:hover, a:visited, a:active, a:link
{
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
p a:active
{
	position: relative;
}
p a:hover
{
	
}
p a:hover::after
{
	opacity: 0.2;
}
::selection
{
	background-color: #DDD92A;
	color: var(--greenDark);
}
p::selection
{
	background-color: #DDD92A;
	color: var(--greenDark);
}
h1{font-size: 138px;}
h2{font-size: 48px;}
h3{font-size: 24px;}
h4{font-size: 20px;}
h5{font-size: 16px;}
h1, h2, h3, h4, h5, h6
{
	font-family: var(--font2);
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
	line-height: 0.95;
	margin-bottom: 0;
}
h1::selection, 
h2::selection, 
h3::selection, 
h4::selection, 
h5::selection, 
h6::selection
{
	
}
.title-dark
{
	color: var(--black);
}
img
{
	max-width: 100%;
}
button:active
{
	outline: none;
}
section
{
	display: block;
	position: relative;
	box-sizing: border-box;
}
.clear
{
	clear: both;
}
.clearfix::before, .clearfix::after
{
	content: "";
	display: table;
}
.clearfix::after
{
	clear: both;
}
.clearfix
{
	zoom: 1;
}
.float_left
{
	float: left;
}
.float_right
{
	float: right;
}
.trans_200
{
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.trans_300
{
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.trans_400
{
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}
.trans_500
{
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
.fill_height
{
	height: 100%;
}
.super_container
{
	width: 100%;
	overflow: hidden;
}
.prlx_parent
{
	overflow: hidden;
}
.prlx
{
	height: 130% !important;
}
.parallax-window
{
    min-height: 400px;
    background: transparent;
}
.parallax_background
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.background_image
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.nopadding
{
	padding: 0px !important;
}
.swiper-wrapper
{
	flex-direction: row;
	align-items: center;
}
.swiper-slide
{
	text-align: center;
	width: auto;
}
.button
{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	height: 47px;
	line-height: 47px;
	padding-left: 72px;
	padding-right: 72px;
	border-radius: 24px;
	gap: 10px;
	flex: none;
	order: 1;
	flex-grow: 0;
	font-size: 18px;
}
.primary-button
{
	background-color: var(--white);
	color: var(--black);
}
.primary-button:hover
{
	opacity: 0.8;
}
.secondary-button
{
	color: var(--white);
	background-color: transparent;
	border: solid 1px var(--white);
}
.secondary-button:hover
{
	background-color: var(--white);
	color: var(--black);
	opacity: 0.8;
}
.section-dark
{
	background-color: var(--greenDark);
}
.section-light
{
	background-color: var(--white3);
}
/* Section */
.page-section
{
	padding-top: 111px;
}
.section-subtext-container
{
	margin-bottom: 1px;
}
.section-subtext-icon
{
	width: 24px;
	height: 24px;
	border: solid 2px #ADC6C8;
	border-radius: 50%;
	flex-basis: 24px;
	flex-grow: 0;
	flex-shrink: 0;
	background-color: #336d70;
	box-shadow: 1.5px 1.5px #618E90;
	margin-right: 10px;
}
.section-subtext-logo
{
	transform: translateY(-1px);
}
.section-subtext
{
	font-family: var(--font2);
	font-size: 24px;
	font-style: italic;
	font-weight: 300;
	line-height: 1.5;
	color: rgba(255,255,255,0.5);
}

/*********************************
3. Header
*********************************/

.header
{
	position: fixed;
    top: 30px;
    left: 50%;
    width: 1408px;
    z-index: 1000;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.header > div
{
	width: 100%;
	height: 96px;
	border-radius: 48px;
    border: solid 1px rgba(255, 255, 255, 0);
	padding-left: 40px;
	padding-right: 16px;
}
.logo
{
	margin-top: 4px;
}
.logo a img
{
	width: 237px;
}
.header.scrolled > div
{
	border: solid 1px rgba(255, 255, 255, 0.15);
    background-color: rgba(0, 73, 76, 0.85);
}
.main-nav
{
	height: 62px;
	background-color: var(--green3);
	border: solid 1px rgba(255,255,255,0.2);
	border-radius: 31px;
	padding-left: 24px;
	padding-right: 12px;
}
.main-nav-item
{
	margin-right: 32px;
}
.main-nav-item a
{
	font-size: 16px;
	font-weight: 300;
	color: var(--white);
}
.main-nav-item a:hover
{
	opacity: 0.7;
}
.header-contact-button
{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	height: 36px;
	line-height: 36px;
	padding-left: 24px;
	padding-right: 24px;
	border-radius: 18px;
	background-color: var(--white);
	color: var(--black);
	gap: 10px;
	flex: none;
	flex-grow: 0;
	font-size: 16px;
}
.header-contact-button:hover
{
	background-color: var(--white);
	color: var(--black);
	opacity: 0.8;
}
.language-selector
{
	position: relative;
	display: inline-block;
	cursor: pointer;
	margin-left: 11px;
}
.language-selector .selected-flag
{
	width: 28px;
	height: 28px;
	border: solid 1px rgba(255,255,255,0.5);
	border-radius: 50%;
	overflow: hidden;
	transition: all 0.2s ease;
}
.language-selector .selected-flag:hover
{
	border: solid 1px rgba(255,255,255,1);
}
.language-selector .selected-flag img
{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
}
.language-selector .dropdown
{
	position: absolute;
	top: calc(100% + 8px);
	left: -12px;
	background: white;
	border: 1px solid #ccc;
	padding: 4px;
	border-radius: 6px;
	z-index: 100;
	box-shadow: 0 4px 8px rgba(0,0,0,0.1);
	opacity: 0;
	transform: translateY(10px);
	transition: all 0.1s ease;
}
.language-selector .dropdown.show
{
	max-height: 200px;
	opacity: 1;
	transform: translateY(0);
}
.language-selector .dropdown li
{
	list-style: none;
	padding: 8px;
	border-radius: 50%;
}
.language-selector .dropdown li:hover
{
  	background-color: #f0f0f0;
}
.language-selector .dropdown img
{
	max-width: 28px;
	width: 28px;
	height: 28px;
	border-radius: 50%;
}
.menu-button
{
	display: none !important;
	position: fixed;
	top: 23px;
	right: 40px;
	width: 64px;
	height: 48px;
	background-color: var(--green3);
    border: solid 1px rgba(255, 255, 255, 0.2);
    border-radius: 24px;
	cursor: pointer;
	z-index: 1000;
	transition: all 200ms;
}
.menu-button:hover
{
	border: solid 1px rgba(255, 255, 255, 0.5);
}
.menu-icon
{
	width: 24px;
	height: 20px;
	padding: 3px;
	cursor: pointer;
}
.menu-icon-button
{
	display: none;
	position: fixed;
	top: 40px;
	right: 40px;
}
.menu-icon > span
{
	height: 2px;
	width: 18px;
	background-color: var(--white);
	transition: all 200ms;
}
.menu-button:hover > span > span
{
	opacity: 0.7;
}

/*********************************
4. Menu
*********************************/

.menu
{
	position: fixed;
	top: 0;
	right: 0;
	width: 90%;
	height: 90%;
	z-index: 1001;
	opacity: 0;
	pointer-events: none;
	transition: all 200ms;
}
.menu.active
{
	width: 100%;
	height: 100%;
	opacity: 1;
	pointer-events: visible;
}
.menu-container
{
	width: 100%;
	height: 100%;
	overflow-y: auto;
}
.menu-close
{
	position: absolute;
	top: 23px;
	right: 40px;
	width: 64px;
	height: 48px;
	background-color: var(--green3);
	border: solid 1px rgba(255,255,255,0.2);
	border-radius: 24px;
	cursor: pointer;
	z-index: 100;
	transition: all 200ms;
}
.menu-close:hover
{
	border: solid 1px rgba(255,255,255,0.5);
}
.menu-close:hover span
{
	opacity: 0.7;
}
.menu-close-bar
{
	position: absolute;
	width: 20px;
	height: 2px;
	flex-basis: 100%;
	flex-grow: 0;
	flex-shrink: 0;
	background-color: var(--white);
	transform-origin: center center;
	transition: all 200ms;
}
.menu-close-bar:last-child
{
	transform: rotate(-45deg);
}
.menu-close-bar:first-child
{
	transform: rotate(45deg);
}
.menu-close:hover > div > div
{
	opacity: 0.7;
}
.menu-content
{
	width: 100%;
	height: 100%;
	padding-top: 153px;
}
.menu-language
{
	width: 58px;
	height: 58px;
	border-radius: 50%;
	border: solid 1px rgba(255,255,255,0.5);
	overflow: hidden;
	cursor: pointer;
	transition: all 200ms;
}
.menu-language:hover
{
	border: solid 1px rgba(255,255,255,0.7);
}
.menu-language.faded
{
	opacity: 0.5;
}
.menu-language.faded:hover
{
	opacity: 1;
}
.menu-language-selector > div:not(:last-child)
{
	margin-right: 23px;
}
.menu-nav-container
{
	margin-top: 48px;
}
.menu-nav-container ul li a
{
	font-family: var(--font2);
	font-size: 38px;
	font-weight: 400;
	color: var(--white);
}
.menu-nav-container ul li a:hover
{
	opacity: 0.7;
}
.menu-nav-container ul li:not(:last-of-type)
{
	margin-bottom: 50px;
}
.menu-contact-button
{
	font-family: var(--font2);
	height: 67px;
	border-radius: 34px;
	font-size: 38px;
	line-height: 67px;
	margin-top: 52px;
}

/*********************************
5. Hero
*********************************/

.subpage-hero
{
	height: 378px;
}
.subpage-hero h1
{
	font-size: 64px;
}
.hero_container
{
	padding-top: 292px;
}
.subpage-hero .hero_container
{
	padding-top: 188px;
}
.hero_content
{
	padding-left: 24px;
	padding-right: 24px;
}
.subpage_hero_content
{
	padding-left: 24px;
	padding-right: 24px;
}
.hero-heading
{
	max-width: 1040px;
	margin-left: auto;
	margin-right: auto;
}
.subpage-hero .hero-heading
{
	max-width: 1040px;
	margin-left: auto;
	margin-right: auto;
}
.subpage_hero_content .hero-heading
{
	max-width: 1040px;
	margin-left: auto;
	margin-right: auto;
}
.hero-subtext
{
	font-size: 27px;
	color: #ffffff;
	opacity: 0.8;
	margin-top: 39px;
}
.subpage_hero_content .hero-subtext
{
	font-size: 24px;
	color: #ffffff;
	opacity: 0.8;
	margin-top: 29px;
}
.hero_buttons
{
	margin-top: 42px;
}
.hero_buttons > a:first-child
{
	margin-right: 25px;
}

/*********************************
6. Brands
*********************************/

.brands
{
	margin-top: 209px;
}
.brands-container
{
	/* padding-bottom: 37px;
	padding-top: 37px; */
}
.brands-title
{
	font-family: var(--font1);
	color: #92B7BA;
	margin-bottom: 16px;
	font-weight: 300;
}
.brands_swiper
{
	padding-top: 24px;
	padding-bottom: 24px;
	cursor: grab;
}
.swiper-wrapper
{
	transition-timing-function: linear !important;
}
.brands_slide div img
{
	height: 100px;
}

/*********************************
7. Services
*********************************/

.services
{
	padding-bottom: 188px;
	scroll-margin-top: 60px;
}
.services-container
{
	margin-top: 77px;
	--bs-gutter-x: 40px
}
.services-container > article:not(:last-of-type)
{
	margin-bottom: 40px;
}
.services-container > article:nth-child(even)
{
	background-color: var(--greenDarker);
	border: none;
}
.service-item
{
	padding: 40px;
	border-radius: 30px;
	border: solid 1px rgba(255,255,255,0.2);
	margin-bottom: 40px;
}
.service-item-image-container
{
	width: 124px;
	height: 124px;
	overflow: hidden;
	border-radius: 18px;
	flex-basis: 124px;
	flex-grow: 0;
	flex-shrink: 0;
	margin-right: 24px;
}
.service-item-image
{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.service-item-content
{
	padding-top: 4px;
}
.service-title
{
	margin-bottom: 8px;
}
.service-item-description
{
	color: var(--white2);
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	line-clamp: 5;
}
.service-item-link
{
	display: inline-block;
	font-family: var(--font1);
	font-size: 20px;
	color: var(--black);
	transition: all 200ms;
	margin-top: 15px;
}
.service-item-link:hover
{
	opacity: 0.7;
}
.services-button-container
{
	margin-top: 40px;
}
.arrow-button
{
	height: 62px;
	background-color: var(--white);
	border-radius: 31px;
	padding-left: 33px;
	padding-right: 32px;
	line-height: 62px;
	font-size: 20px;
	font-weight: 400;
	color: var(--black);
	opacity: 1;
	transition: all 200ms;
}
.arrow-button-image
{
	margin-left: 5px;
}
.arrow-button:hover
{
	opacity: 0.7;
}
.arrow-button img
{
	transition: all 200ms;
	margin-bottom: 2px;
}
.arrow-button:hover img
{
	transform: translateX(5px);
}

/*********************************
8. Mission
*********************************/

.mission
{
	padding-top: 98px;
	padding-bottom: 98px;
	scroll-margin-top: 60px;
}
.mission-image
{
	display: block;
	position: relative;
	border-radius: 40px;
	overflow: hidden;
	border: solid 1px rgba(0,0,0,0.1);
}
.mission-title
{
	margin-bottom: 26px;
}
.mission-content-container
{
	margin-bottom: 20px;
	padding-right: 60px;
}
.mission-content-container > p:not(:last-of-type)
{
	margin-bottom: 30px;
}
.mission-user-2
{
	display: none;
	margin-top: 12px;
}
.user
{
	font-family: var(--fontScript);
	color: var(--black);
	font-size: 58px;
	font-weight: 500 !important;
}
.user-subtitle
{
	font-size: 18px;
	font-weight: 400;
}
.quote-decor
{
	position: relative;
}
.quote-decor img
{
	position: absolute;
	width: 81px;
	height: 58px;
	max-width: unset;
}
.decoration-start
{
	top: -33px;
	left: -41px;
}
.decoration-end img
{
	top: 10px;
	left: -16px;
}

/*********************************
9. CTA
*********************************/

.cta
{
	padding-top: 140px;
	padding-bottom: 127px;
}
.cta-container
{
	background-color: #004A52;
	border-radius: 24px;
	overflow: hidden;
	padding-top: 60px;
	padding-bottom: 105px;
	padding-left: 200px;
	padding-right: 200px;
}
.cta-subtext-container
{
	margin-bottom: 5px;
}
.cta-subtext
{
	font-family: var(--font2);
	font-size: 24px;
	font-style: italic;
	font-weight: 300;
	color: var(--white2);
}
.cta-title
{
	margin-bottom: 33px;
	color: var(--white) !important;
}
.cta-description
{
	font-size: 20px;
	color: rgba(255,255,255,0.9);
}
.cta-button
{
	position: relative;
	width: 201px;
	height: 50px;
	background-color: var(--white3);
	border-radius: 25px;
	padding-left: 72px;
	padding-right: 72px;
	line-height: 50px;
	margin-top: 34px;
}
.cta-button::after
{
	display: block;
	position: absolute;
	bottom: -5px;
	left: -92px;
	content: url('../images/decoration1.svg');
}

/*********************************
10. About
*********************************/

.about
{
	padding-top: 91px;
	padding-bottom: 131px;
	scroll-margin-top: 60px;
}
.about-description
{
	color: rgba(255,255,255,0.5);
	margin-top: 23px;
	font-weight: 300;
}
.about-description span
{
	color: var(--white);
}
.about-decoration
{
	position: absolute;
	top: 36px;
	right: 26%;
	z-index: 0;
	pointer-events: none;
}

/*********************************
11. Team
*********************************/

.team
{
	padding-top: 113px;
	padding-bottom: 113px;
	scroll-margin-top: 60px;
}
.team .section-subtext
{
	color: var(--black);
	opacity: 0.5;
}
.team .section-title
{
	color: var(--black);
}
.team-container
{
	margin-top: 45px;
	--bs-gutter-x: 3rem;
}
.team-card
{
	margin-bottom: 35px;
}
.team-card-content
{
	padding-top: 28px;
	padding-left: 25px;
	padding-bottom: 30px;
	padding-right: 24px;
	background-color: var(--greenDark);
	border-radius: 15px;
	overflow: hidden;
}
.team-member-name
{
	font-family: var(--font1);
	font-weight: 400;
	font-size: 20px;
	color: rgba(255,255,255,0.9);
}

.team-member-name a {
    color: inherit;
    text-decoration: none;
}

.team-member-title, .team-member-mail, .team-member-phone
{
	font-size: 20px;
	font-weight: 300;
	color: rgba(255,255,255,0.5);
}
.team-member-title
{
	margin-top: -3px;
}
.team-member-mail
{
	margin-top: 14px;
}
.team-member-phone
{
	margin-top: -8px;
}

/*********************************
12. Contact
*********************************/

section.section-light h2
{
	color: var(--black);
}
section.section-light .section-subtext
{
	color: rgba(0,0,0,0.5);
}
.contact
{
	padding-top: 18px;
	padding-bottom: 192px;
	scroll-margin-top: 120px;
}
.contact-container
{
	margin-top: 30px;
	--bs-gutter-x: 80px;
}
.contact-form > div
{
	margin-bottom: 28px;
}
.form-control
{
	box-sizing: border-box;
	width: 100%;
	height: 62px;
	background: #FFFFFF;
	border: 1px solid rgba(0, 0, 0, 0.3);
	border-radius: 11px;
	flex: none;
	order: 1;
	align-self: stretch;
	flex-grow: 0;
}
.form-label
{
	font-size: 16px;
	color: var(--black);
	margin-bottom: 6px;
}
.contact-form-button
{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 20px 26px;
	height: 58px;
	background: #00494C;
	border-radius: 70px;
	flex: none;
	order: 3;
	align-self: stretch;
	flex-grow: 0;
	transition: all 200ms;
	margin-top: 2px;
	outline: none;
	border: none;
	font-size: 16px;
	font-weight: 300;
}
.form-textarea
{
	height: 224px;
}
.contact-form-button:hover
{
	background-color: var(--greenDark);
	opacity: 0.7;
}
input:focus,
textarea:focus,
select:focus
{
	outline: 2px solid #28a745; /* Bootstrap's green */
	outline-offset: 2px;
}
input.form-control:focus,
textarea.form-control:focus
{
	box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); /* green glow */
	border-color: #28a745;
}
.contact-content
{
	height: 100%;
	border-radius: 15px;
	overflow: hidden;
	padding-top: 51px;
}
.contact-logo-container
{
	margin-bottom: 43px;
}
.contact-email a, .contact-phone a
{
	font-size: 28px;
	color: var(--white);
	transition: all 200ms;
}
.contact-email a:hover, .contact-phone a:hover
{
	opacity: 0.7;
}
.contact-email img, .contact-phone img
{
	margin-right: 12px;
}
.contact-phone
{
	margin-top: 10px;
}

/*********************************
13. Footer
*********************************/

.footer
{
	padding-top: 60px;
}
.footer-main-content
{
	padding-bottom: 26px;
}
.footer-title
{
	font-size: 16px;
	color: var(--white3);
	margin-bottom: 10px !important;
}
.footer-list li:not(:last-of-type)
{
	margin-bottom: 10px;
}
.footer-list li, .footer-list li a
{
	font-size: 16px;
	color: rgba(242,242,242,0.85);
}
.footer-list li a:hover
{
	color: var(--white);
}
.footer-link-fix
{
	display: inline-block;
}
.footer-list li a img
{
	margin-left: 7px;
}
.footer-extra-container
{
	border-top: solid 1px rgba(255,255,255,0.5);
	padding-top: 9px;
	padding-bottom: 32px;
}
.footer-extra-container p, .footer-extra-container a
{
	font-size: 12px;
	color: rgba(255,255,255,0.65);
}
.footer-extra-container a:hover
{
	color: var(--white);
}
.footer-extra-list a:not(:last-of-type)
{
	margin-right: 20px;
}
.footer-background
{
	top: -5%;
	width: 120%;
	height: 110%;
	left: -10%;
	pointer-events: none;
	opacity: 0.05;
	background-size: contain;
}

/*********************************
14. Subpage Content
*********************************/

.content
{
	padding-bottom: 111px;
	scroll-margin-top: 60px;
}
.content-title
{
	margin-top: 16px;
	margin-bottom: 8px;
}
.section-light .content-title
{
	color: var(--black);
}
.content .section-title
{
	margin-bottom: 27px;
}