/*
Main Stylesheets
*/

/* INITIAL CSS */
*, *::before, *::after {box-sizing: border-box;}
html {font-size: 10px;}
html .reveal {visibility: hidden;}

@media only screen and (min-width: 1500px) {
	html {font-size: 12px;}
}
@media only screen and (min-width: 1900px) {
	html {font-size: 15px;}
}
@media only screen and (min-width: 2400px) {
	html {font-size: 18px;}
}
@media only screen and (max-width: 1024px) {
	html {font-size: 9px;}
}

body {color: #1A1A1A; font-family: 'HostGrotesk', Arial, Verdana; font-weight: 300; font-size: 1.6rem; line-height: 1.5; position: relative; overflow-x: hidden; background-color: #000000;}
body.unscrollable {overflow-y: hidden;}

.ov-hidden {overflow: hidden;}

.text-black {color: #000000;}
.text-white {color: #ffffff;}
.text-primary {color: #1A1A1A;}
.text-dark-gray {color: #8E8E8E;}
.text-gray {color: #AAAAAA;}
.text-rock {color: #C3C3C3;}
.text-stone {color: #DFDFDF;}
.text-salt {color: #F1F1F1;}

.bg-black {background-color: #000000;}
.bg-white {background-color: #ffffff;}
.bg-primary {background-color: #1A1A1A;}
.bg-dark-gray {background-color: #8E8E8E;}
.bg-gray {background-color: #AAAAAA;}
.bg-rock {background-color: #C3C3C3;}
.bg-stone {background-color: #DFDFDF;}
.bg-salt {background-color: #F1F1F1;}

.custom-bg-red {background-color: #FF003B;}
.custom-bg-yellow {background-color: #FFCF26;}
.custom-bg-green {background-color: #01D359;}
.custom-bg-orange {background-color: #FF7416;}

img {display: block; max-width: 100%; height: auto; backface-visibility: hidden;}
img.centered {margin: 0 auto;}
img.round-border {border-radius: 1rem;}
img.full-bg-cover {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
img.full-bg-cover.contained {object-fit: contain;}

video {display: block; max-width: 100%;}

.gen-img-wrap {margin-bottom: 3rem; position: relative;}
.gen-img-wrap.mb-none {margin-bottom: 0;}
.gen-img-wrap img {max-width: 100%; display: block;}
.gen-img-wrap img.centered {margin-left: auto; margin-right: auto;}

.full-img-wrap {position: relative;}
.full-img-wrap img {width: 100%; display: block;}

.ta-center {text-align: center;}
.ta-left {text-align: left;}
.ta-right {text-align: right;}
.ta-justify {text-align: justify;}

.fl-left {float: left;}
.fl-right {float: right;}
.fl-clear {clear: both;}

.mt-none {margin-top: 0;}
.mb-none {margin-bottom: 0;}
.my-none {margin-block: 0;}
.mx-none {margin-inline: 0;}
.mb-small {margin-bottom: 1.6rem;}

.pt-none {padding-top: 0;}
.pb-none {padding-bottom: 0;}
.py-none {padding-block: 0;}
.px-none {padding-inline: 0;}

.rnd-corner {border-radius: 1rem;}

.d-none {display: none;}
.d-block {display: block;}

.full-width {width: 100%;}

.scroll-none {scrollbar-width: none; -ms-overflow-style: none;}
.scroll-none::-webkit-scrollbar {display: none;}
/* /INITIAL CSS */


/* GENERAL LAYOUT CSS */
header {}
main {min-height: 30rem;}
footer {}

.section {position: relative; z-index: 0; padding-block: 4rem;}
.section--spacious {padding-block: 8rem;}
main > .section:first-of-type {margin-top: 8.5rem;}
main > .section:first-of-type, .section--spacious + .section {padding-top: 8rem;}
main > .section:last-of-type, .section.extra-pb {padding-bottom: 8rem;}

.flex {display: flex; justify-content: space-between; width: 100%; flex-wrap: wrap;}
.flex.start {justify-content: flex-start;}
.flex.end {justify-content: flex-end;}
.flex.rtl {flex-direction: row-reverse;}
.flex.centered {justify-content: center;}
.flex.align-centered {align-items: center;}
.flex.two-cols .left, .flex.two-cols .right {width: 48%;}

.grid {display: grid; justify-content: space-between; width: 100%; }
.grid.rtl {direction: rtl;}
.grid.rtl > div {direction: ltr;}
.grid.align-centered {align-items: center;}
.grid.align-bottom {align-items: end;}
.grid.col-6 {grid-template-columns: repeat(6, 1fr); column-gap: 1.6rem;}
.grid.col-10 {grid-template-columns: repeat(10, 1fr); column-gap: 1.6rem;}
.grid.col-12 {grid-template-columns: repeat(12, 1fr); column-gap: 1.6rem;}
.grid .colspan-1 {grid-column: span 1;}
.grid .colspan-2 {grid-column: span 2;}
.grid .colspan-3 {grid-column: span 3;}
.grid .colspan-4 {grid-column: span 4;}
.grid .colspan-5 {grid-column: span 5;}
.grid .colspan-6 {grid-column: span 6;}
.grid .colspan-7 {grid-column: span 7;}
.grid .colspan-8 {grid-column: span 8;}
.grid .colspan-9 {grid-column: span 9;}
.grid .colspan-10 {grid-column: span 10;}
.grid .colspan-11 {grid-column: span 11;}
.grid .colspan-12 {grid-column: span 12;}
.grid .colspan-fw {grid-column: 1 / -1;}

#grid-ruler {position: fixed; top: 0; width: 100%; z-index: 1000;}
#grid-ruler .grid-unit {height: 100vh; background: rgba(255, 0, 0, 0.05); position: relative; grid-column: span 1;}
#grid-ruler .grid-unit p {position: absolute; right: 1.6rem; bottom: 0.5rem; font-size: 1rem; color: #7f7f7f;}

.custom-container {position: relative; margin: 0 auto; width: 92%;}
.custom-container--fluid {width: 100%;}

.row {width: 100%; position: relative;}
.row + .row {margin-top: 4rem;}
.row + .row.mt-small {margin-top: 2rem;}
.row + .row.mt-medium {margin-top: 6rem;}
.row + .row.mt-large {margin-top: 9rem;}
.row + .row.mt-xlarge {margin-top: 12rem;}

@media only screen and (min-width: 1600px) {
	.custom-container {width: 90%;}
	.custom-container--fluid {width: 100%;}
}

@media only screen and (max-width: 1024px) {
	.grid.col-12 {grid-template-columns: repeat(6, 1fr); column-gap: 2rem;}
}

@media only screen and (max-width: 768px) {
	.custom-container {width: 90%;}
	.custom-container--fluid {width: 100%;}
}

@media only screen and (max-width: 600px) {
	.grid.col-12 {grid-template-columns: repeat(4, 1fr); column-gap: 2rem;}

	.section {padding-block: 3rem;}
	.section--spacious {padding-block: 6rem;}
	main > .section:first-of-type, .section--spacious + .section {padding-top: 6rem;}
	main > .section:last-of-type, .section.extra-pb {padding-bottom: 6rem;}
	
	.row + .row.mt-xlarge {margin-top: 9rem;}
}

@media only screen and (max-width: 500px) {	
	main > .section:first-of-type {margin-top: 7.2rem;}
}
/* /GENERAL LAYOUT CSS */


/* TYPOGRAPHY */
b, strong {font-weight: 700;}
i, em {font-style: italic;}

h1, h2, h3, h4, h5 {}
h1 {font-size: 4.4rem; line-height: 1.3; margin-bottom: 3.0rem;}
h2 {font-size: 3.6rem; line-height: 1.3; margin-bottom: 3.0rem;}
h3 {font-size: 3.0rem; line-height: 1.3; margin-bottom: 3.0rem;}
h4 {font-size: 2.4rem; line-height: 1.4; margin-bottom: 3.0rem;}
h5 {font-size: 2.0rem; line-height: 1.4; margin-bottom: 3.0rem;}
h1:only-child, h2:only-child, h3:only-child, h4:only-child, h5:only-child,
h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child {margin-bottom: 0;}

p, p a {font-size: 1.6rem; line-height: 1.5; color: #1A1A1A;}
p.small {font-size: 1.2rem;}
p a:hover {text-decoration: underline; color: #ffffff;}

a {color: #8E8E8E; font-size: 1.6rem; text-decoration: none;}
a:hover {color: #ffffff; text-decoration: underline;}
a.und {display: inline-block; border-bottom: 0.1rem solid #fff;}
a.und:hover {text-decoration: none;}

.custom-giant-title {font-size: 16.0rem; line-height: 1.0;}
.custom-big-title {font-size: 7.2rem; line-height: 1.05;}
.custom-xlarge-title {font-size: 4.8rem; line-height: 1.1;}
.custom-large-title {font-size: 4.4rem; line-height: 1.15;}
.custom-semilarge-title {font-size: 3.6rem; line-height: 1.25;}
.custom-medium-title {font-size: 3.0rem; line-height: 1.3;}
.custom-small-title {font-size: 2.4rem; line-height: 1.4;}

.custom-large-text {font-size: 4.0rem; line-height: 1.2;}
.custom-medium-text {font-size: 2.8rem; line-height: 1.3;}
.custom-small-text {font-size: 2.2rem; line-height: 1.4;}
.custom-xsmall-text {font-size: 1.8rem; line-height: 1.5;}
.custom-semitiny-text {font-size: 1.4rem; line-height: 1.5;}
.custom-tiny-text {font-size: 1.1rem; line-height: 1.5;}

.lh-small {line-height: 1.2;}

.sr-only {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;}

@media only screen and (max-width: 1024px) {
	h1 {font-size: 4.0rem; line-height: 1.3;}
	h2 {font-size: 3.6rem; line-height: 1.3;}
	h3 {font-size: 3.0rem; line-height: 1.4;}
	h4 {font-size: 2.4rem; line-height: 1.4;}
	h5 {font-size: 1.8rem; line-height: 1.5;}
	
	.custom-big-title {font-size: 6.8rem;}
	.custom-large-title {font-size: 4.0rem;}
}

@media only screen and (max-width: 900px) {
	.custom-giant-title {font-size: 14.0rem;}
	.custom-big-title {font-size: 6.4rem;}
}

@media only screen and (max-width: 768px) {
	h1 {font-size: 3.6rem; line-height: 1.3;}
	h2 {font-size: 3.2rem; line-height: 1.3;}
	h3 {font-size: 2.8rem; line-height: 1.4;}
	h4 {font-size: 2.4rem; line-height: 1.4;}
	h5 {font-size: 1.8rem; line-height: 1.5;}
	
	.custom-giant-title {font-size: 12.0rem;}
	.custom-big-title {font-size: 5.8rem;}
	.custom-large-title {font-size: 3.6rem; line-height: 1.2;}
	.custom-semilarge-title {font-size: 3.4rem;}
	
	.custom-large-text {font-size: 3.6rem;}
	.custom-medium-text {font-size: 2.4rem;}
	.custom-small-text {font-size: 2.0rem;}
	.custom-xsmall-text {font-size: 1.6rem;}
	
	.custom-semitiny-text {font-size: 1.6rem;}
	.custom-tiny-text {font-size: 1.2rem;}
}

@media only screen and (max-width: 600px) {
	.custom-giant-title {font-size: 10.0rem;}
	.custom-big-title {font-size: 5.0rem;}	
}

@media only screen and (max-width: 500px) {
	h1 {font-size: 3.2rem; line-height: 1.3;}
	h2 {font-size: 2.8rem; line-height: 1.4;}
	h3 {font-size: 2.4rem; line-height: 1.4;}
	h4 {font-size: 2.1rem; line-height: 1.4;}
	h5 {font-size: 1.8rem; line-height: 1.5;}
	
	.custom-giant-title {font-size: 8.0rem;}
	.custom-big-title {font-size: 4.5rem;}	
	.custom-large-title {font-size: 3.2rem; line-height: 1.2;}
	.custom-small-title {font-size: 2.0rem;}
	
	.custom-large-text {font-size: 3.2rem;}
	.custom-medium-text {font-size: 2.0rem;}
	.custom-small-text {font-size: 1.8rem;}
}

@media only screen and (max-width: 420px) {
	.custom-giant-title {font-size: 7.0rem;}	
	.custom-small-title {font-size: 1.8rem; line-height: 1.5;}
	.custom-big-title {font-size: 4.0rem;}
}
/* /TYPOGRAPHY */


/* WYSIWYG CONTENT */
.wysiwyg-content, .wysiwyg-content p, .wysiwyg-content a, .wysiwyg-content ul li, .wysiwyg-content ol li {font-size: 1.6rem; color: #1A1A1A; line-height: 1.5; font-family: 'HostGrotesk', Arial, Verdana; font-weight: 300;}
.wysiwyg-content.white, .wysiwyg-content.white p, .wysiwyg-content.white a, .wysiwyg-content.white ul li, .wysiwyg-content.white ol li {color: #fff;}
.wysiwyg-content.dark-gray, .wysiwyg-content.dark-gray p, .wysiwyg-content.dark-gray a, .wysiwyg-content.dark-gray ul li, .wysiwyg-content.dark-gray ol li {color: #5E5E5E;}
.wysiwyg-content.gray, .wysiwyg-content.gray p, .wysiwyg-content.gray a, .wysiwyg-content.gray ul li, .wysiwyg-content.gray ol li {color: #979797;}
.wysiwyg-content.medium, .wysiwyg-content.medium p, .wysiwyg-content.medium a, .wysiwyg-content.medium ul li, .wysiwyg-content.medium ol li {font-size: 1.8rem; line-height: 1.5;}
.wysiwyg-content.xmedium, .wysiwyg-content.xmedium p, .wysiwyg-content.xmedium a, .wysiwyg-content.xmedium ul li, .wysiwyg-content.xmedium ol li {font-size: 2.0rem; line-height: 1.5;}
.wysiwyg-content.large, .wysiwyg-content.large p, .wysiwyg-content.large a, .wysiwyg-content.large ul li, .wysiwyg-content.large ol li {font-size: 2.4rem; line-height: 1.4;}
.wysiwyg-content ul li {margin-left: 0; padding-left: 3.6rem; background: url(../images/icon/arrow-right-color.svg) no-repeat top -0.1rem left; background-size: 2.4rem auto; margin-bottom: 1.6rem; line-height: 2.3rem;}
.wysiwyg-content ul li:last-child {margin-bottom: 0;}
.wysiwyg-content img {width: 100%; height: auto;}
.wysiwyg-content img.fr-dib {display: block; margin: 0 auto;}
.wysiwyg-content img.fr-dib.fr-fil {text-align: left;}
.wysiwyg-content img.fr-dib.fr-fir {text-align: right;}
.wysiwyg-content img.fr-dii {}
.wysiwyg-content img.fr-dii.fr-fil {float: left; margin-right: 30px;}
.wysiwyg-content img.fr-dii.fr-fir {float: right; margin-left: 30px;}

ul.default-icon {}
ul.default-icon li {margin-left: 0; list-style-type: none; padding-left: 2.5rem; background: url(../images/icon/bullet-general.svg) no-repeat left 0.4rem; background-size: 1.4rem !important; margin-bottom: 1.6rem;}
ul.default-icon.narrow-mb li{margin-bottom: 0.5rem;}
ul.default-icon.white li {background: url(../images/icon/bullet-white.svg) no-repeat left 0.4rem; color: #fff;}
ul.default-icon.white.blue-dot > li {background: url(../images/icon/bullet-blue-2.svg) no-repeat left 0.4rem; color: #fff;}
ul.default-icon li:last-child {margin-bottom: 0;}

@media only screen and (max-width: 600px) {
	.wysiwyg-content.medium, .wysiwyg-content.medium p, .wysiwyg-content.medium a, .wysiwyg-content.medium ul li, .wysiwyg-content.medium ol li {font-size: 1.7rem; line-height: 1.45;}
	.wysiwyg-content.large, .wysiwyg-content.large p, .wysiwyg-content.large a, .wysiwyg-content.large ul li, .wysiwyg-content.large ol li {font-size: 2.0rem;}
}

@media only screen and (max-width: 500px) {
	.wysiwyg-content.large, .wysiwyg-content.large p, .wysiwyg-content.large a, .wysiwyg-content.large ul li, .wysiwyg-content.large ol li {font-size: 1.8rem;}
}
/* /WYSIWYG CONTENT */


/* TABLE */
table.gen-table {width: 100%;}
table.gen-table thead {}
table.gen-table thead tr {background: transparent;}
table.gen-table thead tr td {color: #333; vertical-align: middle; font-size: 2rem; line-height: 3rem; padding: 1.6rem 2rem; border-bottom: 0.1rem solid #333;}
table.gen-table tbody tr {}
table.gen-table tbody tr td {padding: 1.6rem 2rem; vertical-align: middle;}
table.gen-table tbody tr td, table.gen-table tbody tr td p, table.gen-table tbody tr td a, table.gen-table tbody tr td p a {font-size: 1.4rem; line-height: 2.2rem; color: #333;}
table.gen-table tbody tr td a, table.gen-table tbody tr td p a {color: #FCD600;}
table.gen-table tbody tr td a:hover, table.gen-table tbody tr td p a:hover {text-decoration: underline;}
table.gen-table tbody tr:nth-child(odd) td{background: #fff;}
table.gen-table tbody tr:nth-child(even) td{background: #EAEEF0;}
table.gen-table tbody tr td:last-child {}
table.gen-table tbody tr:last-child td {}
table.gen-table tbody tr td.vtop {vertical-align: top;}

@media only screen and (max-width: 768px) {
	table.gen-table thead tr td, table.gen-table tbody tr td {padding: 1.2rem 1.6rem;}
	table.gen-table thead tr td {font-size: 1.8rem; line-height: 2.6rem;}
}

@media only screen and (max-width: 500px) {
	table.gen-table thead tr td {font-size: 1.6rem; line-height: 2.4rem;}
	table.gen-table tbody tr td, table.gen-table tbody tr td p, table.gen-table tbody tr td a, table.gen-table tbody tr td p a  {font-size: 1.3rem; line-height: 1.9rem;}
}
/* /TABLE */


/* FORM */
form.gen-form {}
form.gen-form .gen-form-row {display: flex; justify-content: space-between; width: 100%; flex-wrap: wrap;}
.gen-form-row + .gen-form-row {margin-top: 2.5rem;}
.gen-form-row + .gen-form-row--mt-lg {margin-top: 4rem;}
form.gen-form .gen-form-row.captcha-row, form.gen-form .gen-form-row:last-child {margin-bottom: 0;}
form.gen-form .gen-form-row .gfr-half {width: 45%;}
form.gen-form .gen-form-row .gfr-full {width: 100%;}

input[type=text], input[type=email], input[type=password], textarea {height: 7rem; padding-inline: 2rem; font-size: 2.2rem; line-height: 1.4; color: #fff; width: 100%; border-bottom: 0.1rem solid #fff; background: none; transition: all 0.2s linear;}
input[type=text]:hover, input[type=text]:focus, input[type=email]:hover, input[type=email]:focus, input[type=password]:hover, input[type=password]:focus, textarea:hover, textarea:focus {outline: 0;}
textarea {height: auto; padding-bottom: 2rem;}
textarea.no-resize {resize: none;}
input[type=text].datepicker {padding-right: 1.7rem; background: url(../images/icon/calendar.svg) no-repeat right 15px center; background-size: auto 20px;}

select {font-size: 1.6rem; line-height: 2.4rem; padding: 0 3rem 0 1.2rem; color: #21252C;}
select:hover, select:focus {outline: 0;}
.styled-select-wrapper {width: 100%; overflow: hidden; border: 1px solid #7F7F7F; height: 4.5rem; background: url(../images/icon/arrow-down.svg) no-repeat right 1.6rem center #fff; background-size: 2rem auto; border-radius: 1rem;}
.styled-select-wrapper select {display: block; width: 120%; border: none; background: transparent; height: 4.5rem; padding: 0 3rem 0 1.2rem;}
.styled-select-wrapper select option {background: none;}

input[type="checkbox"] {font-size: 0.6rem; line-height: 0.9rem;}
.styled-checkbox-wrapper {margin-bottom: 1rem;}
.styled-checkbox-wrapper input[type="checkbox"] {display: none;}
.styled-checkbox-wrapper label {font-size: 1.6rem; line-height: 2.3rem; color: #fff; display: inline-block; padding-left: 3.0rem; padding-top: 0.7rem; background: url(../images/icon/checkbox.svg) no-repeat left top 1.0rem; background-size: 1.6rem auto; text-align: justify;}
.styled-checkbox-wrapper label:hover {cursor: pointer;}
.styled-checkbox-wrapper label a {color: #FCD600;}
.styled-checkbox-wrapper input[type="checkbox"]:checked + label {background: url(../images/icon/checkbox-checked.svg) no-repeat left top 1.0rem; background-size: 1.6rem auto;}

input[type="radio"] {font-size: 15px; line-height: 24px;}
.styled-radio-wrapper{position: relative;}
.styled-radio-wrapper input[type="radio"] {display:none;}
.styled-radio-wrapper label {display:inline-block; padding: 1px 0px 0px 31px; font-size: 15px; line-height: 24px; background: url(../images/icon/radio-off.png) no-repeat left top 3px; cursor: pointer; background-size: 20px auto;}
.styled-radio-wrapper input[type="radio"]:checked + label {background: url(../images/icon/radio-on.png) no-repeat left top 3px; background-size: 20px auto;}

input[type="file"] {}
.styled-input-file-wrapper {cursor: pointer; font-size: 0.5rem; line-height: 0.7rem; color: #808080; background: #dbdbdb; border: 1px solid #dbdbdb; padding: 0.5rem; height: 50px; text-align: center; border-radius: 10px; transition: all 0.2s linear;}
.styled-input-file-wrapper:hover {background: #282e68; color: #fff;}
.styled-input-file-wrapper input[type="file"] {display: none;}
.styled-input-file-wrapper label {}
label.upload-file-info {}
label.upload-file-info.warning {display: block; margin-top: 0.5rem; font-size: 0.4rem; line-height: 0.6rem;}

input[type="submit"], button, .gen-btn {border: 0.1rem solid #000000; display: inline-block; color: #000000; font-size: 2.0rem; line-height: 1.4; font-family: 'DMMono', Arial, Verdana; font-weight: 300; padding: 1rem 2.5rem; text-align: center; cursor: pointer; min-width: 18rem; text-transform: uppercase; white-space: nowrap; transition: all 0.25s ease-in-out;}
input[type="submit"]:hover, input[type="submit"]:focus, button:hover, button:focus, .gen-btn:hover, .gen-btn:focus {text-decoration: none; background: #000; color: #fff;}
.gen-btn--text-sm {font-size: 1.6rem;}
.gen-btn span {display: inline-block; opacity: 0;}
.gen-btn span.is-visible {opacity: 1;}
input[type="submit"].white, .gen-btn.white {border-color: #fff; color: #fff;}
input[type="submit"].white:hover, input[type="submit"].white:focus, .gen-btn.white:hover, .gen-btn.white:focus {border-color: #FCD600; color: #1A1A1A;}
input[type="submit"].inverse, button.inverse, .gen-btn.inverse {color: #ffffff; border: 1px solid #ffffff; background: transparent;}
input[type="submit"].inverse:hover, input[type="submit"].inverse:focus, button.inverse:hover, button.inverse:focus, .gen-btn.inverse:hover {border-color: #000000; background: #ffffff; color: #000000;}
.gen-form input[type="submit"] {width: 15rem;}
.gen-btn.disabled {color: #fff; background: #BFBFBF; cursor: default; pointer-events: none;}
.flat-btn {display: inline-block; font-size: 1.6rem; line-height: 2.2rem;}
.flat-btn.back {padding-left: 2.5rem; background: url(../images/icon/arrow-back.svg) no-repeat left center; background-size: 1.6rem auto;}

.gen-form-wrapper {margin-bottom: 20px;}
.gen-form-wrapper.mb-none {margin-bottom: 0;}
.gen-form-wrapper.inline {}
.gen-form-wrapper.inline .gfw-title {float: left; width: 22%; margin-right: 3%;}
.gen-form-wrapper.inline .gfw-sep {float: left; width: 3%; margin-right: 3%;}
.gen-form-wrapper.inline .gfw-input {float: left; width: 69%;}
.gen-form-wrapper.inline label {font-size: 15px; line-height: 45px;}

::placeholder {color: #5a5a5a;}

.form-notification {display: block; position: relative; padding: 0.5rem 0.6rem; margin-bottom: 0.5rem; border: 1px solid transparent; border-radius: 10px;}
.form-notification p {font-size: 0.5rem; line-height: 0.7rem; padding-right: 1rem;}
.form-notification .close-btn {position: absolute; top: 50%; transform: translateY(-50%); right: 0.6rem; width: 0.4rem; height: 0.4rem; cursor: pointer;}
.form-notification.success {background: #d9ffd8; border: 1px solid #00b400;}
.form-notification.success p {color: #00b400;}
.form-notification.success .close-btn {background: url(../images/icon/amt-form-close-success.png) no-repeat center; background-size: 0.4rem 0.4rem;}
.form-notification.failed {background: #ffdddf; border: 1px solid #f03a17;}
.form-notification.failed p {color: #f03a17;}
.form-notification.failed .close-btn {background: url(../images/icon/amt-form-close-failed.png) no-repeat center; background-size: 0.4rem 0.4rem;}

label.form-label {font-size: 1.6rem; line-height: 2.2rem; color: #fff; margin-bottom: 1rem; display: block;}
.text-required {color: #ff0000;}

input[type="text"].half-width {width: 50%;}

@media only screen and (max-width: 1024px) {
	form.gen-form .gen-form-row .gfr-half {width: 47%;}
}

@media only screen and (max-width: 768px) {
	input[type=text], input[type=email], input[type=password], textarea {font-size: 2.0rem; line-height: 1.3;}
	input[type="submit"], button, .gen-btn {font-size: 1.8rem; line-height: 1.3;}
}

@media only screen and (max-width: 500px) {
	form.gen-form .gen-form-row .gfr-half {width: 100%; margin-bottom: 3rem;}
	form.gen-form .gen-form-row .gfr-half:last-child {margin-bottom: 0;}

	input[type=text], input[type=email], input[type=password], textarea {font-size: 1.8rem;}
	input[type="submit"], button, .gen-btn {font-size: 1.7rem; padding-inline: 2rem;}

	.styled-checkbox-wrapper label {padding-left: 2.8rem;}
	.styled-checkbox-wrapper label, .styled-checkbox-wrapper label a {font-size: 1.4rem; line-height: 2.0rem;}
	.styled-checkbox-wrapper label, .styled-checkbox-wrapper input[type="checkbox"]:checked + label {background-position: left top 0.9rem;}
}
/* /FORM */


/* HEADER */
header {position: fixed; top: 0; left: 0; width: 100%; z-index: 500;}

.header__section {padding-block: 2rem; background: transparent; transition: all 0.25s ease-in-out; background: #000000;}
.header__section.is-scrolled {}
.header__section-row {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.header__section-logo-col {display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center;}
.header__logo-arrow {max-width: 5rem;}
.header__logo-col-logo {margin-left: 2.5rem;}
.header__logo-col-logo:only-child {margin-left: 0;}
.header__logo {max-height: 4.5rem;}
.header__nav-icon {width: 4.0rem; height: 2.8rem; cursor: pointer; position: relative;}
.header__nav-icon::before, .header__nav-icon::after {position: absolute; left: 0; content: ''; width: 100%; height: 0.2rem; background: #fff;}
.header__nav-icon::before {top: 0;}
.header__nav-icon::after {bottom: 0;}
.header__nav-mid-line {position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 70%; height: 0.2rem; background: #fff; transition: all 0.3s ease-in-out;}
.header__nav-icon:hover .header__nav-mid-line {width: 100%;}

.header__overlay-section {position: fixed; z-index: 600; top: 0; right: -100%; width: 100%; height: 100vh; background: #ffffff; overflow-x: hidden; transition: all 0.4s ease-in-out;}
.header__overlay-section.displayed {right: 0;}
.header__overlay-close {position: absolute; top: 2rem; right: 4%; width: 2.8rem; height: 2.8rem; background: url(../images/icons/cross.svg) no-repeat center; background-size: 2.8rem auto; cursor: pointer; z-index: 1000;}
.header__overlay-logo-col {position: absolute; z-index: 700; top: 0; left: 0; height: 100%; padding-top: 7rem; padding-bottom: 3rem; display: flex; flex-direction: column; justify-content: space-between;}
.header__overlay-logo-title-row {padding-left: 5rem;}
.header__overlay-logo-image-row {height: 85%; margin-left: -36%;}
.header__overlay-nav-col {position: absolute;  z-index: 800; width: 62%; top: 12%; right: 4%; max-height: 80%; overflow-y: auto; /* scrollbar-width: none; -ms-overflow-style: none; */}
/* .header__overlay-nav-col::-webkit-scrollbar {display: none;} */
.header__overlay-nav-item {display: block; padding-left: 6rem; transition: all 0.25s ease-in-out;}
.header__overlay-nav-item:hover {background: #1A1A1A; color: #ffffff; text-decoration: none;}
.header__overlay-nav-item span {display: block; color: #1A1A1A; border-bottom: 0.1rem solid #dfdfdf; font-size: 2.8rem; line-height: 1.3; padding-block: 2rem; padding-right: 4rem; transition: all 0.25s ease-in-out;}
.header__overlay-nav-item:hover span {color: #fff; border-bottom: 0.1rem solid #1A1A1A;}

@media only screen and (max-width: 900px) {
	.header__overlay-nav-col {width: 70%;}
}

@media only screen and (max-width: 768px) {
	.header__overlay-nav-item {padding-left: 4rem;}
	.header__overlay-nav-item span {font-size: 2.4rem; padding-block: 1.8rem;}
}

@media only screen and (max-width: 500px) {
	.header__section {padding-block: 1.5rem;}
	.header__nav-icon {width: 3.6rem; height: 2.4rem;}
	.header__logo {max-height: 4.2rem;}

	.header__logo-arrow {max-width: 4rem;}
	.header__logo-col-logo {margin-left: 2rem;}

	.header__overlay-logo-col {padding-top: 5vh;}
	.header__overlay-logo-title-row {padding-left: 3.5rem;}
	.header__overlay-nav-col {width: 96%; right: 4%; top: 20vh; max-height: 70vh;}
	.header__overlay-nav-item  {padding-left: 3.5rem;}	
	.header__overlay-close {top: 4vh; right: 5%;}
}

@media only screen and (max-width: 420px) {
	.header__nav-icon {width: 3.4rem; height: 2.2rem;}
	.header__overlay-nav-item span {font-size: 2.2rem;}
}

/* /HEADER */


/* WELCOME MESSAGE CONTENT BLOCK */
.welcome-msg-block {}
.welcome-msg__title-row {}
.welcome-msg__title-wrapper {margin: 0 auto; text-align: center;}
.welcome-msg__title-wrapper + .welcome-msg__title-wrapper {margin-top: 2.4rem;}
.welcome-msg__title-wrapper--small {width: 70%;}
.welcome-msg__description-row {}
.welcome-msg__description-wrapper {margin: 0 auto; width: 80%; text-align: center;}

@media only screen and (max-width: 1024px) {
	.welcome-msg__title-wrapper {width: 90%;}
	.welcome-msg__title-wrapper--small {width: 80%;}
}

@media only screen and (max-width: 600px) {
	.welcome-msg__title-wrapper {width: 100%;}
	.welcome-msg__title-wrapper--small {width: 90%;}
}

@media only screen and (max-width: 420px) {
	.welcome-msg__title-wrapper--small {width: 100%;}
}
/* /WELCOME MESSAGE CONTENT BLOCK */


/* MAIN (HOME) VIDEO PLAYER CONTENT BLOCK */
main .main-video-block:first-of-type {}
.main-video-block {padding-block: 0 !important; overflow: hidden;}
.main-video-block__row {}
.main-video-block__wrapper {width: 100%; height: 100vh; overflow: hidden; z-index: 200;}
.main-video-block__video {position: absolute; width: 100%; height: 100%; object-fit: cover; z-index: 300;}
.main-video-block__overlay-text-wrapper {position: absolute; inset: 0; width: 100%; height: 100%; background: rgb(0, 0, 0); transition: all 1.0s ease-in-out; opacity: 0; z-index: 400;}
.main-video-block__overlay-text-wrapper.visible {opacity: 1;}
.main-video-block__overlay-text {font-size: 7.2rem; line-height: 0rem; text-align: center; color: #fff; position: absolute; top: 50%; left: 50%; opacity: 1; transform: translate(-50%, -50%) scale(1); transition: all 0.8s ease-in-out;}
.main-video-block__overlay-text.is-enlarged {font-size: 120rem; transform: translate(-50%, -50%) scale(22);}

@media only screen and (max-width: 768px) {
	.main-video-block__overlay-text {width: 400px;}
}

@media only screen and (max-width: 500px) {
	.main-video-block__wrapper {height: 80vh;}
	.main-video-block__overlay-text {font-size: 6.8rem; width: 320px;}
}

@media only screen and (max-width: 420px) {
	.main-video-block__wrapper {height: 77vh;}
}
/* /MAIN (HOME) VIDEO PLAYER CONTENT BLOCK */


/* FULL VIDEO PLAYER CONTENT BLOCK */
main .full-video-block:first-of-type {margin-top: 0 !important;}
.full-video-block {padding-block: 0 !important;}
.full-video-block__row {}
.full-video-block__wrapper {aspect-ratio: 1920/1080;}
.full-video-block__wrapper--large {aspect-ratio: 1920/1365;}
/* .full-video-block__wrapper:first-of-type {width: 100% !important; height: 100vh !important;} */
.full-video-block__video {position: absolute; width: 100%; height: 100%; object-fit: cover;}
.full-video-block__overlay-text-wrapper {position: absolute; inset: 0; width: 100%; height: 100%; background: #000000; transition: all 1.0s ease-in-out; opacity: 0;}
.full-video-block__overlay-text-wrapper.is-enlarged {background: #ffffff; opacity: 1.0;}
.full-video-block__overlay-text {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1); transition: all 1.0s ease-in-out;}
.full-video-block__overlay-text.is-enlarged {transform: translate(-50%, -50%) scale(6);}

@media only screen and (max-width: 420px) {
	.full-video-block__wrapper {aspect-ratio: 1920/1400;}
}
/* /FULL VIDEO PLAYER CONTENT BLOCK */


/* VALUE PROPOSITION BLOCK */
.value-prop-block {}
.value-prop-block__bg-image {position: absolute; top: 50%; transform: translateY(-50%); max-width: 60%; max-height: 90%;}
.value-prop-block__list {display: flex; flex-wrap: wrap; flex-direction: column; margin-bottom: -9rem;}
.value-prop-block__item {width: 29%;}
.value-prop-block__item:nth-child(6n + 1) {align-self: flex-start;}
.value-prop-block__item:nth-child(6n + 2) {align-self: center;}
.value-prop-block__item:nth-child(6n + 3) {align-self: flex-end;}
.value-prop-block__item:nth-child(6n + 4) {align-self: flex-end;}
.value-prop-block__item:nth-child(6n + 5) {align-self: center;}
.value-prop-block__item:nth-child(6n + 6) {align-self: flex-start;}
.value-prop-block__item:nth-child(3n), .value-prop-block__item:last-child {margin-bottom: 9rem !important;}
.value-prop-block__item-wrapper {transition: all 0.4s ease-in-out;}
.value-prop-block__item-wrapper:hover {transform: translateY(-4rem);}
.value-prop-block__number {display: inline-block; font-size: 8.6rem; line-height: 0.9; font-weight: bold; padding-top: 2rem; border-top: 0.1rem solid #979797; color: #979797; margin-bottom: 2.5rem;}
.value-prop-block__number:only-child {margin-bottom: 0;}

@media only screen and (max-width: 1024px) {
	.value-prop-block__number {font-size: 8.0rem;}
	.value-prop-block__item h3 {font-size: 4.0rem;}
}

@media only screen and (max-width: 768px) {
	.value-prop-block__number {font-size: 7.2rem;}
	.value-prop-block__list {flex-direction: row; justify-content: space-between;}
	.value-prop-block__item-wrapper:hover {transform: none;}
	.value-prop-block__item {width: 42%; margin-bottom: 9rem; align-self: auto !important;}		
	.value-prop-block__item h3 {font-size: 3.6rem;}
}

@media only screen and (max-width: 600px) {
	.value-prop-block__list {margin-bottom: -8rem;}
	.value-prop-block__item {width: 100%; margin-bottom: 8rem;}
}

@media only screen and (max-width: 500px) {	
	.value-prop-block__item h3 {font-size: 3.3rem;}
}
/* /VALUE PROPOSITION BLOCK */


/* FEATURED SOLUTION BLOCK */
.feat-solution-block {overflow-x: hidden;}
.feat-solution-block__title-row {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.feat-solution-block__list {display: flex; flex-wrap: wrap; justify-content: start;}
.feat-solution-block__item {width: 25%; transition: all 0.4s ease-in-out;}
.feat-solution-block__item:last-child {margin-right: 0;}
.feat-solution-block__item.hovered {width: 52%;}
.feat-solution-block__item.shrinked {width: 16%;}
.feat-solution-block__item-wrapper {position: relative; display: block; width: 100%; height: 42rem;}
.feat-solution-block__item-image {}
.feat-solution-block__item-image--default {display: none;}
.feat-solution-block__item-image--small {display: none;}
.feat-solution-block__item-image--large {display: block;}
.feat-solution-block__item-logo {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.feat-solution-block__item-logo--default {display: block; max-width: 40%;}
.feat-solution-block__item-logo--small {display: none; max-width: 50%;}
.feat-solution-block__item-logo--large {display: none; max-width: 85%;}

@media only screen and (max-width: 768px) {
	.feat-solution-block {padding-bottom: 0;}
	.feat-solution-block__title-col, .feat-solution-block__button-col {width: 100%; margin: 0; text-align: center;}
	.feat-solution-block__title-col + .feat-solution-block__button-col {margin-top: 2rem;}
	
	.feat-solution-block__item, .feat-solution-block__item.hovered, .feat-solution-block__item.shrinked {width: 50%;}
	.feat-solution-block__item-wrapper {height: 36rem;}
	.feat-solution-block__item-logo--default, .feat-solution-block__item-logo--small {max-width: 35%; display: none;}
	.feat-solution-block__item-logo--large {display: block; max-width: 80%;}
}

@media only screen and (max-width: 500px) {
	.feat-solution-block__item, .feat-solution-block__item.hovered, .feat-solution-block__item.shrinked {width: 100%;}
	.feat-solution-block__item-wrapper {height: 30rem;}
	.feat-solution-block__item-logo--default, .feat-solution-block__item-logo--small {max-width: 28%; display: none;}
}

@media only screen and (max-width: 420px) {
	.feat-solution-block__item-wrapper {height: 27rem;}
}
/* /FEATURED SOLUTION BLOCK */


/* CALL TO ACTION CONTENT BLOCK */
.cta-block {overflow-x: hidden;}
.cta-block__custom-container {width: auto; margin: 0 auto;}
.cta-block__row {display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
/* .cta-block__image-col {width: 24%; margin-right: 10%;}
.cta-block__video {max-width: 20rem; margin-left: auto;}
.cta-block__text-col {width: 60%;} */

.cta-block__image-col {margin-left: -6rem; margin-right: 6rem;}
.cta-block__video {max-width: 20rem;}
.cta-block__text-col {width: 550px;}

@media only screen and (min-width: 1500px) {
	.cta-block__text-col {width: 650px;}
}

@media only screen and (min-width: 1900px) {
	.cta-block__text-col {width: 800px;}
}

@media only screen and (min-width: 2400px) {
	.cta-block__text-col {width: 1000px;}
}

@media only screen and (max-width: 1024px) {
	.cta-block__text-col {width: 500px;}
}

@media only screen and (max-width: 768px) {
	.cta-block__custom-container {width: 90%;}
	.cta-block__image-col {margin-left: 0; width: 25%; margin-right: 5%;}
	.cta-block__video {max-width: 100%;}
	.cta-block__text-col {width: 70%;}
}

@media only screen and (max-width: 600px) {
	.cta-block__image-col {display: none; margin-right: 0;}
	.cta-block__text-col {width: 440px; text-align: center;}
}

@media only screen and (max-width: 500px) {
	.cta-block__text-col {width: 320px;}
	.cta-block__text-col h2 {font-size: 3rem;}
}
/* /CALL TO ACTION CONTENT BLOCK */


/* SPLIT TEXT CONTENT BLOCK */
.split-text-block {overflow-x: hidden;}
.split-text-block__row {display: flex; flex-wrap: wrap; justify-content: space-between;}
.split-text-block__title-col {width: 45%;}
.split-text-block__description-col {width: 50%;}
.split-text-block__highlighted-text {font-size: 4.0rem; line-height: 1.3;}
.split-text-block__highlighted-text span {color: #dfdfdf; transition: color 0.25s ease-in-out;}
.split-text-block__highlighted-text span.is-active {color: #000000;}

@media only screen and (max-width: 1200px) {
	.split-text-block__title-col {width: 40%;}
	.split-text-block__title-col h2 {font-size: 5.4rem;}
	.split-text-block__description-col {width: 55%;}
	.split-text-block__highlighted-text {font-size: 3.6rem;}
}

@media only screen and (max-width: 1024px) {
	.split-text-block__highlighted-text {font-size: 3.2rem;}
}

@media only screen and (max-width: 900px) {
	.split-text-block__title-col, .split-text-block__description-col {width: 100%; text-align: center;}
	.split-text-block__title-col + .split-text-block__description-col {margin-top: 4rem;}
	.split-text-block__title-col h2 {font-size: 7.2rem;}
	.split-text-block__highlighted-text {font-size: 4.0rem;}
}

@media only screen and (max-width: 768px) {
	.split-text-block__title-col h2 {font-size: 6.4rem;}
	.split-text-block__highlighted-text {font-size: 3.6rem;}
}

@media only screen and (max-width: 600px) {
	.split-text-block__title-col h2 {font-size: 5.6rem;}
	.split-text-block__highlighted-text {font-size: 3.2rem;}
}

@media only screen and (max-width: 500px) {
	.split-text-block__title-col h2 {font-size: 5.0rem;}
	.split-text-block__highlighted-text {font-size: 2.8rem;}
}

@media only screen and (max-width: 420px) {
	.split-text-block__highlighted-text {font-size: 2.4rem;}
}
/* /SPLIT TEXT CONTENT BLOCK */


/* HERO TEXT CONTENT BLOCK */
.hero-text-block {background: #ffffff; transition: background 0.05s ease-in-out;}
.hero-text-block__title-wrapper {text-align: center;}
.hero-text-block__description-wrapper {text-align: center; margin: 0 auto; width: 80%;}
.hero-text-block__title-row + .hero-text-block__description-row {margin-top: 8rem;}
.hero-text-block h2, .hero-text-block p {transition: color 0.05s ease-in-out;}

@media only screen and (max-width: 768px) {
	.hero-text-block {background: #000000 !important;}
	.hero-text-block h2, .hero-text-block p {color: #fff !important;}
}

@media only screen and (max-width: 600px) {
	.hero-text-block__title-row + .hero-text-block__description-row {margin-top: 6rem;}
	.hero-text-block__description-wrapper {width: 90%;}
}

@media only screen and (max-width: 500px) {
	.hero-text-block__title-row h2 {font-size: 5.0rem;}
}

@media only screen and (max-width: 420px) {
	.hero-text-block__title-row + .hero-text-block__description-row {margin-top: 5rem;}
	.hero-text-block__description-wrapper {width: 100%;}
}
/* /HERO TEXT CONTENT BLOCK */


/* ADVANTAGE LIST BLOCK */
.adv-block {overflow-x: hidden;}
.adv-block__title-row {text-align: center; margin: 0 auto; width: 85%;}
.adv-block__adv-item {}
.adv-block__adv-item-content {position: relative; width: 50%; padding-inline: 7rem; padding-bottom: 10rem; text-align: right;}
.adv-block__adv-item:nth-child(2n) .adv-block__adv-item-content {margin-left: auto; text-align: left;}
.adv-block__adv-item-content::before {position: absolute; content: ''; inset: 0; top: 0; width: 2.8rem; height: 2.8rem; background: #ffffff; opacity: 0; transition: all 0.4s ease-in-out; transition-delay: 0s;}
.adv-block__adv-item-content::after {position: absolute; content: ''; inset: 0; top: 0; width: 0.1rem; height: 0%; background: #ffffff; opacity: 0; transition: all 0.6s ease-in-out; transition-delay: 0.3s;}
.adv-block__adv-item-content.is-visible::before {opacity: 1.0;}
.adv-block__adv-item-content.is-visible::after {opacity: 1.0; height: 100%;}
.adv-block__adv-item:nth-child(2n + 1) .adv-block__adv-item-content::before {right: -1.4rem; left: auto;}
.adv-block__adv-item:nth-child(2n + 1) .adv-block__adv-item-content::after {right: -0.05rem; left: auto;}
.adv-block__adv-item:nth-child(2n) .adv-block__adv-item-content::before {left: -1.4rem; right: auto;}
.adv-block__adv-item:nth-child(2n) .adv-block__adv-item-content::after {left: -0.05rem; right: auto;}
.adv-block__adv-item:last-child .adv-block__adv-item-content::after {background: linear-gradient(to bottom, #ffffff, #000000) !important;}
.adv-block__adv-item-text {opacity: 0; transition: all 0.5s ease-in-out; transition-delay: 0.15s;}
.adv-block__adv-item:nth-child(2n + 1) .adv-block__adv-item-text {transform: translateX(6rem);}
.adv-block__adv-item:nth-child(2n) .adv-block__adv-item-text {transform: translateX(-6rem);}
.adv-block__adv-item-content.is-visible .adv-block__adv-item-text {opacity: 1.0; transform: none;}
.adv-block__adv-item-content-title {margin-top: -1rem;}

@media only screen and (max-width: 768px) {
	.adv-block__adv-item-content {padding-inline: 0;}
	.adv-block__adv-item:nth-child(2n + 1) .adv-block__adv-item-content {padding-right: 6rem;}
	.adv-block__adv-item:nth-child(2n) .adv-block__adv-item-content {padding-left: 6rem;}
}

@media only screen and (max-width: 600px) {
	.adv-block {padding-bottom: 0 !important;}

	.adv-block__adv-item-content {margin-left: 0 !important; width: 100%; text-align: left !important; padding-right: 0 !important; padding-left: 5.6rem !important; padding-bottom: 8rem;}
	.adv-block__adv-item-content::before {width: 2.4rem; height: 2.4rem; left: 0.1rem !important; right: auto !important;}
	.adv-block__adv-item-content::after {left: 1.2rem !important; right: auto !important;}
	.adv-block__adv-item-content-title {margin-top: -0.8rem;}
}

@media only screen and (max-width: 420px) {
	.adv-block__adv-item-content {padding-bottom: 7rem;}

}
/* /ADVANTAGE LIST BLOCK */


/* FEATURED IMAGE BLOCK */
.feat-image-block {}

.feat-image-block__list {}
.feat-image-block__list-item {}
.feat-image-block__list-item {margin-bottom: 16rem; color: #ffffff;}
.feat-image-block__list-item:last-of-type {margin-bottom: 0;}
.feat-image-block__list-item--flex {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.feat-image-block__list-item--ltr {flex-direction: row;}
.feat-image-block__list-item--rtl {flex-direction: row-reverse;}
.feat-image-block__list-item-title-col {text-align: center;}
.feat-image-block__list-item-image-col {margin-top: 2rem;}
.feat-image-block__list-item--flex > .feat-image-block__list-item-title-col {width: 30%;}
.feat-image-block__list-item--flex > .feat-image-block__list-item-image-col {width: 55%; margin-top: 0;}
.feat-image-block__list-item--ltr > .feat-image-block__list-item-title-col {text-align: right; padding-left: 4rem;}
.feat-image-block__list-item--rtl > .feat-image-block__list-item-title-col {text-align: left; padding-right: 4rem;}
.feat-image-block__image {margin: 0 auto; will-change: transform; transition: transform 0.1s ease-in-out;}
.feat-image-block__image--center {max-width: 80%;}
.feat-image-block__image--right {margin-left: auto; margin-right: 0;}
.feat-image-block__image--left {margin-right: auto; margin-left: 0;}

@media only screen and (max-width: 768px) {
	.feat-image-block__list-item--flex > .feat-image-block__list-item-title-col {width: 35%;}
	.feat-image-block__list-item h3 {font-size: 4.8rem; line-height: 1.1;}
	.feat-image-block__list-item--flex h3 span {display: block;}
}

@media only screen and (max-width: 500px) {
	.feat-image-block__list-item--flex > .feat-image-block__list-item-title-col {width: 32%;}
	.feat-image-block__list-item--flex > .feat-image-block__list-item-image-col {width: 60%;}
	.feat-image-block__list-item h3 {font-size: 3.2rem;}
}

@media only screen and (max-width: 420px) {
	.feat-image-block__list-item--flex > .feat-image-block__list-item-title-col {width: 34%;}
	.feat-image-block__list-item--flex > .feat-image-block__list-item-image-col {width: 58%;}
	.feat-image-block__list-item h3 {font-size: 2.8rem;}
}
/* /FEATURED IMAGE BLOCK */


/* FULL BANNER BLOCK */
.full-banner-block {padding-block: 0 !important;}
.full-banner-block__wrapper {aspect-ratio: 1440/760;}
.full-banner-block__wrapper--video {aspect-ratio: 1920/1080;}
.full-banner-block__text-wrapper {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80%; text-align: center;}
.full-banner-block__video {width: 100%; height: 100%; object-fit: cover;}
/* /FULL BANNER BLOCK */


/* BANNER ANIMATED BLOCK */
.banner-animated-block {padding-block: 0 !important;}
section.banner-animated-block:first-of-type {margin-top: 0 !important;}
.banner-animated-block__wrapper {position: relative; height: 140vh; overflow: hidden;}
.banner-animated-block__bg-image {position: sticky; top: 40%; left: 50%; transform: translate(-50%, -40%) scale(1); width: 35%; max-width: none; object-fit: cover; will-change: transform;}
.banner-animated-block__text-wrapper {position: absolute; top: 40%; left: 50%; transform: translate(-50%, -40%); width: 80%; text-align: center; z-index: 200}

@media only screen and (max-width: 1200px) {
	.banner-animated-block__text-wrapper {width: 90%;}
}

@media only screen and (max-width: 768px) {
	.banner-animated-block__bg-image {width: 45%;}
	.banner-animated-block__text-wrapper h2 {font-size: 5.0rem;}
}

@media only screen and (max-width: 600px) {
	section.banner-animated-block:first-of-type {margin-top: 7.2rem !important;}
	.banner-animated-block__wrapper {width: 100%; height: 36rem;}
	.banner-animated-block__bg-image {position: absolute; top: 0; left: 0; transform: none; width: 100%; height: 100%; object-fit: cover;}
	.banner-animated-block__text-wrapper {top: 50%; transform: translate(-50%, -50%);}
	.banner-animated-block__text-wrapper h2 {font-size: 4.5rem;}
}

@media only screen and (max-width: 500px) {
	.banner-animated-block__text-wrapper h2 {font-size: 4.2rem;}
}
/* /BANNER ANIMATED BLOCK */


/* GALLERY BLOCK */
.gallery-block {}
.gallery-block__row {}
.gallery-block__row + .gallery-block__row {margin-top: 3rem;}
.gallery-block__row--full-height {height: 100%;}
.gallery-block__onethird-col {width: 32.5%;}
.gallery-block__half-col {width: 48%;}
.gallery-block__twothird-col {width: 65%;}
.gallery-block__image-wrapper {position: relative; width: 100%; transition: all 0.25s ease-in-out;}
.gallery-block__image-wrapper::after {position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); transition: all 0.25s ease-in-out;}
.gallery-block__image-wrapper:hover::after {background: transparent; transform: scale(1.06);}
.gallery-block__image-wrapper--landscape {aspect-ratio: 600/400;}
.gallery-block__image-wrapper--landscape-wide {aspect-ratio: 960/300;}
.gallery-block__image-wrapper--portrait {aspect-ratio: 600/800;}
.gallery-block__image-wrapper img {transition: all 0.25s ease-in-out;}
.gallery-block__image-wrapper:hover img {transform: scale(1.06);}
.gallery-block__row-mobile {display: none;}

@media only screen and (max-width: 600px) {
	.gallery-block__row-desktop {display: none;}

	.gallery-block__row-mobile {display: block; margin-bottom: -3rem;}
	.gallery-block__mobile-item-list {display: flex; flex-wrap: wrap; justify-content: space-between;}
	.gallery-block__mobile-item {width: 48%; margin-bottom: 3rem; position: relative;}
	.gallery-block__mobile-item--fw {width: 100%;}
	.gallery-block__mobile-image-wrapper {position: relative; aspect-ratio: 450/300;}
	.gallery-block__mobile-image-wrapper--portrait {aspect-ratio: 450/600;}
	.gallery-block__mobile-image-wrapper--landscape {aspect-ratio: 450/200;}
	.gallery-block__mobile-image-wrapper::after {position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); transition: all 0.25s ease-in-out;}
	.gallery-block__mobile-image-wrapper:hover::after {background: transparent; transform: scale(1.06);}
	.gallery-block__mobile-image-wrapper img {transition: all 0.25s ease-in-out;}
	.gallery-block__mobile-image-wrapper:hover img {transform: scale(1.06);}
}

@media only screen and (max-width: 420px) {
	.gallery-block__mobile-item {width: 100%;}
	.gallery-block__mobile-image-wrapper--landscape {aspect-ratio: 450/300;}
	.gallery-block__mobile-image-wrapper--portrait {aspect-ratio: 450/450;}
}
/* /GALLERY BLOCK */


/* SOLUTION INDEX BLOCK */
.solution-index-block {}
.solution-index-block__item-wrapper {position: relative; width: 100%; height: 36rem; overflow-y: hidden;}
.solution-index-block__item-wrapper::before, .solution-index-block__item-wrapper::after {position: absolute; content: ''; z-index: 500; width: 85%; height: 0.1rem; background: #979797; left: 50%; transform: translateX(-50%);}
.solution-index-block__item-wrapper::before {top: 0;}
.solution-index-block__item-wrapper::after {bottom: 0; display: none;}
.solution-index-block__item:last-child .solution-index-block__item-wrapper::after {display: block;}
.solution-index-block__item-pane {position: absolute; display: flex; flex-direction: column; justify-content: center; width: 100%; height: 100%;}
.solution-index-block__item-pane--logo {}
.solution-index-block__item-pane--content {top: 36rem; transition: 0.4s ease-in-out;}
.solution-index-block__item-pane--content.is-moved {top: 0;}
.solution-index-block__logo-default {margin: 0 auto; max-width: 50%; max-height: 50%;}
.solution-index-block__content-row {position: relative; height: 100%;}
.solution-index-block__content-pane {position: relative; width: 50%; height: 100%; display: flex; flex-direction: column; justify-content: center; position: relative;}
.solution-index-block__logo-product {margin: 0 auto; max-height: 50%; max-width: 85%;}
.solution-index-block__content-logo-col {position: relative; width: 50%; height: 100%; display: flex; flex-direction: column; justify-content: center;}
.solution-index-block__content-pane--description::before {position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 400;}
.solution-index-block__description {position: relative; z-index: 600; margin: 0 auto; width: 80%; max-height: 80%; overflow-y: auto;}

@media only screen and (max-width: 1024px) {
	.solution-index-block__item-wrapper {height: 40rem;}
	.solution-index-block__item-pane--content {top: 40rem;}
}

@media only screen and (max-width: 768px) {
	.solution-index-block__item-wrapper {height: 36rem;}
	.solution-index-block__item-pane--content {top: 36rem;}
	.solution-index-block__logo-product {max-width: 80%;}
	.solution-index-block__content-pane {width: 35%;}
	.solution-index-block__content-pane--description {width: 65%;}
	.solution-index-block__description {max-height: 85%;}
}

@media only screen and (max-width: 600px) {
	.solution-index-block__logo-default {max-width: 80%; max-height: 80%;}
	.solution-index-block__item-wrapper {height: 48rem;}
	.solution-index-block__item-pane--content {top: 48rem;}
	.solution-index-block__content-pane {width: 100% !important; height: 25%;}
	.solution-index-block__content-pane--description {height: 75%; text-align: center;}
	.solution-index-block__description {width: 90%;}
}
/* /SOLUTION INDEX BLOCK */


/* SOLUTION DETAIL BLOCK */
.solution-detail-block {overflow-x: hidden;}
.solution-detail-block__row {display: flex; flex-wrap: wrap; justify-content: space-between;}
.solution-detail-block__image-col {width: 40%;}
.solution-detail-block__detail-col {width: 48%;}

@media only screen and (max-width: 768px) {
	.solution-detail-block__image-col, .solution-detail-block__detail-col {width: 100%; text-align: center;}
	.solution-detail-block__image-col + .solution-detail-block__detail-col {margin-top: 8rem;}
	.solution-detail-block__image {max-width: 80%;}
}

@media only screen and (max-width: 500px) {
	.solution-detail-block__image {max-width: 90%;}
}
/* /SOLUTION DETAIL BLOCK */


/* GENERAL HEADER BLOCK */
.general-header-block {}
.general-header-block__title-wrapper {margin: 0 auto; text-align: center;}
.general-header-block__title-wrapper + .general-header-block__title-wrapper {margin-top: 3rem;}
.general-header-block__title-wrapper--small {width: 55%;}
.general-header-block__title-wrapper--medium {width: 70%;}

@media only screen and (max-width: 1024px) {
	.general-header-block__title-wrapper--small {width: 70%;}
}

@media only screen and (max-width: 600px) {
	.general-header-block__title-wrapper--small {width: 85%;}
	.general-header-block__title-wrapper--medium {width: 85%;}
	.general-header-block__title-wrapper .custom-small-text {font-size: 2.0rem;}
}
/* /GENERAL HEADER BLOCK */


/* VISION MISSION BLOCK */
.vision-mission-block {position: relative;}
.vision-mission-block__row {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.vision-mission-block__image-col {width: 42%;}
.vision-mission-block__detail-col {width: 50%; padding-right: 8rem;}
.vision-mission-block__detail-item {padding-bottom: 5rem; margin-bottom: 5rem; border-bottom: 0.1rem solid #595959;}
.vision-mission-block__detail-item:last-of-type {padding-bottom: 0; margin-bottom: 0; border-bottom: none;}

@media only screen and (max-width: 900px) {
	.vision-mission-block__image-col {position: absolute; width: 300px; z-index: 200;}
	.vision-mission-block__detail-col {position: relative; margin-left: auto; width: 60%; z-index: 300;}
}

@media only screen and (max-width: 768px) {
	.vision-mission-block__detail-col {width: 75%;}
}

@media only screen and (max-width: 600px) {
	.vision-mission-block__detail-col {width: 90%; margin-left: 5%; padding-right: 0;}
}
/* /VISION MISSION BLOCK */


/* IMPACT BLOCK */
.impact-block {min-height: 40rem;}
.impact-block--pb-wide {padding-bottom: 40rem !important;}
.impact-block__bg-overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6);}
.impact-block__list {display: flex; flex-wrap: wrap; justify-content: space-between;}
.impact-block__list-item {flex: 1;}
.impact-block__list-item:last-of-type {padding-right: 0; margin-right: 0; border-right: none;}
.impact-block__list-item .row:nth-child(2) {min-height: 13rem;}
.impact-block__item-wrapper {width: 100%; height: 100%; padding: 2rem 2.5rem 4rem 2.5rem; border-right: 0.1rem solid #595959; transition: all 0.25s ease-in-out;}
.impact-block__list-item:last-child .impact-block__item-wrapper {border-right: none;}
.impact-block__item-wrapper:hover {background: #fff; transform: scale(1.06);}
.impact-block__text {color: #ffffff; transition: all 0.25s ease-in-out;}
.impact-block__item-wrapper:hover .impact-block__text {color: #1A1A1A;}

@media only screen and (max-width: 1200px) {
	.impact-block .custom-container {width: 100%;}
}

@media only screen and (max-width: 900px) {
	.impact-block .custom-container {width: 90%;}
	.impact-block__list {display: block;}
	.impact-block__list-item {width: 100%;}
	.impact-block__list-item .row:nth-child(2) {min-height: 0;}
	.impact-block__item-wrapper {padding: 4rem 3rem; border-right: 0; border-bottom: 0.1rem solid #595959;}
	.impact-block__item-wrapper:hover {border: none !important;}
	.impact-block__list-item:first-child .impact-block__item-wrapper {border-top: 0.1rem solid #595959;}
	.impact-block__item-wrapper .row + .row {margin-top: 2rem;}
	.impact-block__item-wrapper .custom-small-text {font-size: 2.4rem; line-height: 1.5; font-weight: 500;}
}

@media only screen and (max-width: 768px) {
	.impact-block__item-wrapper {padding: 3rem 2.5rem;}
	.impact-block__item-wrapper .custom-big-title {font-size: 6.0rem; line-height: 1;}
}
/* /IMPACT BLOCK */


/* QUALITY MANAGEMENT SYSTEM BLOCK */
.qms-block {background: #000000;}
.qms-block--overlayed {background: transparent; margin-top: -32rem;}
.qms-block__row {display: flex; flex-wrap: wrap; justify-content: space-between; background: black;}
.qms-block__row--padded {padding: 6rem;}

.qms-block__title-col {width: 45%;}
.qms-block__detail-col {width: 40%;}
.qms-block__iso-list {display: flex; flex-wrap: wrap; justify-content: flex-start; margin-bottom: -3rem;}
.qms-block__iso-list-item {margin-right: 2.5rem; margin-bottom: 3rem;}
.qms-block__iso-list-item:last-of-type {margin-right: 0;}
.qms-block__iso-image {height: 9rem;}

@media only screen and (max-width: 900px) {
	.qms-block__title-col h2 {font-size: 5rem;}
}

@media only screen and (max-width: 768px) {
	.qms-block__title-col, .qms-block__detail-col {width: 100%;}
	.qms-block__title-col + .qms-block__detail-col {margin-top: 4rem;}
	.qms-block__title-col h2 {font-size: 4.2rem;}
}

@media only screen and (max-width: 600px) {
	.qms-block__row--padded {padding: 4rem;}
}

@media only screen and (max-width: 420px) {
	.qms-block__row--padded {padding: 3.5rem;}
	.qms-block__iso-list-item {margin-right: 2rem;}
	.qms-block__iso-image {height: 8rem;}
}
/* /QUALITY MANAGEMENT SYSTEM BLOCK */


/* FAQ BLOCK */
.faq-block {}
.faq-block__row {margin: 0 auto; width: 90%;}
.faq-block__row + .faq-block__row {margin-top: 10rem;}
.faq-block__faq-list {margin-bottom: -1rem;}
.faq-block__faq-item {width: 100%; margin-bottom: 1rem;}
.faq-block__faq-item-wrapper {padding: 2rem 3rem; border-radius: 1rem; cursor: pointer; transition: all 0.25s ease-in-out;}
.faq-block__faq-item-wrapper:hover, .faq-block__faq-item-wrapper.opened {background: #ffffff;}
.faq-block__faq-item-question {position: relative; padding-bottom: 2rem; padding-right: 8rem; border-bottom: 0.1rem solid #595959; color: #8E8E8E; font-weight: 400; transition: all 0.25s ease-in-out;}
.faq-block__faq-item-question::after {position: absolute; content: ''; top: 0; right: 0; width: 3.6rem; height: 3.6rem; background: url(../images/icons/arrow-down-circle.svg) no-repeat center; background-size: 3.6rem auto; transition: all 0.25s ease-in-out;}
.faq-block__faq-item-wrapper:hover .faq-block__faq-item-question, .faq-block__faq-item-wrapper.opened .faq-block__faq-item-question {color: #1a1a1a;}
.faq-block__faq-item-wrapper.opened .faq-block__faq-item-question {padding-bottom: 1rem; border-bottom: none;}
.faq-block__faq-item-wrapper:hover .faq-block__faq-item-question::after, .faq-block__faq-item-wrapper.opened .faq-block__faq-item-question::after {filter: brightness(0) saturate(100%);}
.faq-block__faq-item-wrapper.opened .faq-block__faq-item-question::after {transform: rotate(180deg);}
.faq-block__faq-item-answer-wrapper {margin-top: 2rem; display: none;}

@media only screen and (max-width: 768px) {
	.faq-block__row {width: 100%;}
}

@media only screen and (max-width: 600px) {
	.faq-block__faq-item-wrapper {padding-inline: 2.5rem;}
}

@media only screen and (max-width: 500px) {
	.faq-block__faq-item-question {font-size: 2.0rem;}
}
/* /FAQ BLOCK */


/* INQUIRY BLOCK */
.inquiry-block {}
.inquiry-block__row {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.inquiry-block__text-col {width: 45%;}
.inquiry-block__form-col {width: 40%;}

@media only screen and (max-width: 768px) {
	.inquiry-block .custom-container {width: 500px;}
	.inquiry-block__text-col, .inquiry-block__form-col {width: 100%;}
	.inquiry-block__text-col + .inquiry-block__form-col {margin-top: 6rem;}
	.inquiry-block__text-col {text-align: center;}
}

@media only screen and (max-width: 600px) {
	.inquiry-block .custom-container {width: 90%;}
}
/* /INQUIRY BLOCK */


/* FOOTER */
footer {background: #000000; border-top: 0.1rem solid #595959;}
.footer__row {display: flex; flex-wrap: wrap; justify-content: flex-start;}
.footer__logo-col {width: 30%; padding-block: 4rem; padding-right: 5rem; margin-right: 5rem; border-right: 0.1rem solid #595959; display: flex; flex-direction: column; justify-content: space-between;}
.footer__nav-col {flex: 1; display: flex; flex-wrap: wrap; justify-content: space-between; padding-block: 4rem;}
.footer__nav-col-sitemap {width: 40%;}
.footer__nav-col-socmed {width: 40%;}
.footer__nav-col-row + .footer__nav-col-row {margin-top: 10rem;}
.footer__gen-title {font-size: 1.4rem; line-height: 1.5; color: #8E8E8E; font-family: 'DMMono', Arial, Verdana; font-weight: 500; text-transform: uppercase;}
.footer__nav-item {margin-bottom: 1.6rem;}
.footer__nav-item:last-of-type {margin-bottom: 0;}
.footer__nav-item-link {font-size: 1.4rem; line-height: 1.5; display: inline-block; color: #ffffff; font-family: 'DMMono', Arial, Verdana; font-weight: 400; text-transform: uppercase; transition: all 0.25s ease-in-out;}
.footer__nav-item-link:hover {color: #979797; text-decoration: none; transform: translateX(0.8rem);}
.footer__row-resp {display: none;}

@media only screen and (max-width: 1200px) {
	.footer__logo-col {width: 32%;}

	.footer__nav-col-sitemap {width: 55%;}
	.footer__nav-col-socmed {width: 30%;}
}

@media only screen and (max-width: 768px) {
	.footer__logo-col {width: 100%; padding-right: 0; margin-right: 0; border-right: 0; display: block; text-align: center;}
	.footer__logo {margin: 0 auto; max-height: 6rem;}
	.footer__nav-col {padding-block: 3rem; border-top: 0.1rem solid #595959; border-bottom: 0.1rem solid #595959;}
	.footer__gen-title {font-size: 1.8rem;}
	.footer__nav-col-row + .footer__nav-col-row {margin-top: 3rem;}
	.footer__nav-item {margin-bottom: 1rem;}
	.footer__copyright-text-row {display: none;}
	.footer__row-resp {display: block; text-align: center; padding-bottom: 2rem; margin-top: 3rem !important;}
}

@media only screen and (max-width: 500px) {
	.footer__row {display: block;}
	.footer__logo-col {text-align: left;}
	.footer__logo {margin-left: 0;}
	.footer__nav-col {border: 0; padding-block: 0;}
	.footer__nav-col-sitemap, .footer__nav-col-socmed {width: 100%; padding-block: 3rem; border-top: 0.1rem solid #595959;}
	.footer__nav-col-socmed {border-bottom: 0.1rem solid #595959;}
}
/* /FOOTER */

/* ANIMATION PAGE EXAMPLE */
.anm-cc-block {background: #fff;}
/* /ANIMATION PAGE EXAMPLE */