@charset "UTF-8";
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Properties - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
@property --num {
  syntax: "<integer>";
  initial-value: 0;
  inherits: false;
}
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Properties - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Animations - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Animations - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Mixins - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*Header Bita One*/
/*Slider Bita One*/
/*Footer Bita One*/
/*Button*/
/*Form Bita One*/
/*Posts List Bita One*/
/*Bita Video Player*/
/*Bita Image Card*/
/*Page Banner Bita One*/
/*Team Member Bita One*/
/*Book Bita One*/
/*sidebar menu bita one*/
/*sidebar categories menu bita one*/
/*icon blocks bita one*/
/*Image Bita One*/
/*Grid Two Col*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Mixins - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Bootstrap - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.container {
  max-width: var(--container-max-width);
  padding: 0 var(--container-padding);
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Bootstrap - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Normalization - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
html {
  height: 100%;
  font-family: var(--font-secondary);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}

body {
  height: 100%;
  margin: 0;
  color: var(--color-primary-lightened);
  font-size: var(--font-size-small);
  font-family: var(--font-secondary);
  font-weight: 100;
  line-height: 1.32;
  letter-spacing: 0;
  background-color: var(--color-white);
}

a,
abbr,
acronym,
address,
applet,
big,
blockquote,
body,
caption,
cite,
code,
dd,
del,
dfn,
div,
dl,
dt,
em,
fieldset,
font,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
iframe,
img,
ins,
kbd,
label,
legend,
li,
object,
ol,
p,
pre,
q,
s,
samp,
small,
span,
strike,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
tt,
ul,
var {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
  margin: 0;
}

pre,
code,
kbd,
samp {
  font-family: monospace;
}

abbr {
  cursor: help;
}

a {
  cursor: pointer;
  text-decoration: underline;
  transition: var(--transition);
}
a:hover {
  color: var(--color-secondary);
}

a p {
  color: var(--color-black);
}

small {
  font-size: 80%;
}

img,
svg {
  vertical-align: middle;
  border-style: none;
}

button {
  cursor: pointer;
  overflow: visible;
  display: inline-block;
  padding: 0;
  margin: 0;
  text-align: center;
  text-transform: none;
  vertical-align: middle;
  outline: none;
  border: none;
  border-radius: 0;
  box-shadow: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-appearance: button;
  background-clip: padding-box;
  background-color: transparent;
  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;
}

button:focus,
button.focus {
  outline: 0;
  box-shadow: none;
}

button.disabled,
button:disabled {
  cursor: not-allowed;
  opacity: 0.65;
  box-shadow: none;
}

button::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

ul {
  list-style: none;
}

table {
  border-collapse: separate;
  border-spacing: 0;
}

caption,
td,
th {
  text-align: left;
  font-weight: 400;
}

td {
  vertical-align: top;
}

input,
button,
select,
optgroup,
textarea {
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}

input.disabled,
input:disabled,
button.disabled,
button:disabled,
select.disabled,
select:disabled,
optgroup.disabled,
optgroup:disabled,
textarea.disabled,
textarea:disabled {
  cursor: not-allowed;
}

hr {
  height: 0;
  overflow: visible;
  box-sizing: content-box;
  margin: 30px 0;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}

:focus {
  outline: 0;
}

::-moz-selection {
  color: var(--color-white);
  background: var(--color-primary);
}

::selection {
  color: var(--color-white);
  background: var(--color-primary);
}

.blockContents *,
.blockContents *::before,
.blockContents *::after {
  box-sizing: border-box;
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Normalization - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Style - Paragraph - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.content-style p {
  line-height: 1.5;
  margin-top: 0;
  margin-bottom: 30px;
}

.content-style .mwPageBlock.Embed .Container p {
  margin-top: 0;
  margin-bottom: 30px;
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Style - Paragraph - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Style - Blockquote - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.content-style blockquote {
  position: relative;
  padding: 100px 30px 30px 40px;
  margin: 0 0 30px;
  border-left: 3px solid var(--color-primary);
  background-color: var(--color-grey);
}

.content-style blockquote:before {
  content: "";
  position: absolute;
  top: 30px;
  left: 35px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-size: 40%;
  background-color: var(--color-primary);
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("../images/static/svg/icon-quote-left-2.svg");
}

.content-style blockquote p {
  margin-bottom: 15px;
  font-size: 18px;
}

.content-style blockquote p:last-child {
  margin-bottom: 0;
}

.content-style blockquote footer {
  margin-top: 30px;
  color: var(--color-primary);
  font-size: 12px;
}

.content-style blockquote footer:before {
  content: "— ";
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Style - Blockquote - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Style - Link - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Style - Link - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Style - Image - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.content-style img.fullWidth {
  width: 100%;
  max-width: none;
  height: auto;
}

.content-style p img {
  max-width: 100%;
  height: auto;
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Style - Image - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Style - SVG - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.content-style svg {
  overflow: hidden;
  vertical-align: middle;
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Style - SVG - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Style - List - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.content-style ul, .content-style ol, .content-style dl {
  list-style: none;
  counter-reset: item;
  padding-left: 0;
  margin: 0 0 30px;
}

.content-style ul li, .content-style ul dt, .content-style ol li, .content-style ol dt, .content-style dl li, .content-style dl dt {
  position: relative;
  padding-left: 20px;
  margin-bottom: 15px;
  /*test*/
}

.content-style ul li:before, .content-style ul dt:before, .content-style ol li:before, .content-style ol dt:before, .content-style dl li:before, .content-style dl dt:before {
  position: absolute;
  left: 0;
  margin-right: 10px;
  color: inherit;
}

.content-style ul li:last-child, .content-style ul dt:last-child, .content-style ol li:last-child, .content-style ol dt:last-child, .content-style dl li:last-child, .content-style dl dt:last-child {
  margin-bottom: 0;
}

.content-style ul li:before, .content-style ul dt:before, .content-style dl li:before, .content-style dl dt:before {
  content: "■";
  color: var(--color-primary-lightened);
}

.content-style ol li:before {
  content: counter(item) ".";
  counter-increment: item;
}

.content-style ul li ul, .content-style ul li ol, .content-style ul li dl, .content-style ul dt ul, .content-style ul dt ol, .content-style ul dt dl, .content-style ol li ul, .content-style ol li ol, .content-style ol li dl, .content-style ol dt ul, .content-style ol dt ol, .content-style ol dt dl, .content-style dl li ul, .content-style dl li ol, .content-style dl li dl, .content-style dl dt ul, .content-style dl dt ol, .content-style dl dt dl {
  margin-top: 15px;
  margin-bottom: 10px;
}

.content-style ul li ul li, .content-style ul li ul dt, .content-style ul li dl li, .content-style ul li dl dt, .content-style ul dt ul li, .content-style ul dt ul dt, .content-style ul dt dl li, .content-style ul dt dl dt, .content-style ol li ul li, .content-style ol li ul dt, .content-style ol li dl li, .content-style ol li dl dt, .content-style ol dt ul li, .content-style ol dt ul dt, .content-style ol dt dl li, .content-style ol dt dl dt, .content-style dl li ul li, .content-style dl li ul dt, .content-style dl li dl li, .content-style dl li dl dt, .content-style dl dt ul li, .content-style dl dt ul dt, .content-style dl dt dl li, .content-style dl dt dl dt {
  margin-bottom: 10px;
}

.content-style ul li ul li:before, .content-style ul li ul dt:before, .content-style ul li dl li:before, .content-style ul li dl dt:before, .content-style ul dt ul li:before, .content-style ul dt ul dt:before, .content-style ul dt dl li:before, .content-style ul dt dl dt:before, .content-style ol li ul li:before, .content-style ol li ul dt:before, .content-style ol li dl li:before, .content-style ol li dl dt:before, .content-style ol dt ul li:before, .content-style ol dt ul dt:before, .content-style ol dt dl li:before, .content-style ol dt dl dt:before, .content-style dl li ul li:before, .content-style dl li ul dt:before, .content-style dl li dl li:before, .content-style dl li dl dt:before, .content-style dl dt ul li:before, .content-style dl dt ul dt:before, .content-style dl dt dl li:before, .content-style dl dt dl dt:before {
  content: "○";
}

.content-style ul._list-unstyled li, .content-style ol._list-unstyled li, .content-style dl._list-unstyled li {
  padding-left: 0;
}

.content-style ul._list-unstyled li:before, .content-style ol._list-unstyled li:before, .content-style dl._list-unstyled li:before {
  display: none;
}

.content-style ul._list-unstyled li ul, .content-style ul._list-unstyled li ol, .content-style ul._list-unstyled li dl, .content-style ol._list-unstyled li ul, .content-style ol._list-unstyled li ol, .content-style ol._list-unstyled li dl, .content-style dl._list-unstyled li ul, .content-style dl._list-unstyled li ol, .content-style dl._list-unstyled li dl {
  margin-top: 15px;
  margin-bottom: 10px;
}

.content-style ul._list-unstyled li ul li, .content-style ul._list-unstyled li ol li, .content-style ul._list-unstyled li dl li, .content-style ol._list-unstyled li ul li, .content-style ol._list-unstyled li ol li, .content-style ol._list-unstyled li dl li, .content-style dl._list-unstyled li ul li, .content-style dl._list-unstyled li ol li, .content-style dl._list-unstyled li dl li {
  padding-left: 20px;
}

.content-style ul._list-inline, .content-style ol._list-inline, .content-style dl._list-inline {
  display: inline-block;
  margin: 0;
}

.content-style ul._list-inline li, .content-style ul._list-inline dt, .content-style ol._list-inline li, .content-style ol._list-inline dt, .content-style dl._list-inline li, .content-style dl._list-inline dt {
  display: inline-block;
  padding-left: 0;
  margin-bottom: 0;
}

.content-style ul._list-inline li:before, .content-style ul._list-inline dt:before, .content-style ol._list-inline li:before, .content-style ol._list-inline dt:before, .content-style dl._list-inline li:before, .content-style dl._list-inline dt:before {
  display: none;
}

.content-style ul._list-checkmark li, .content-style ul._list-checkmark dt, .content-style ol._list-checkmark li, .content-style ol._list-checkmark dt, .content-style dl._list-checkmark li, .content-style dl._list-checkmark dt {
  padding-left: 26px;
}

.content-style ul._list-checkmark li:before, .content-style ul._list-checkmark dt:before, .content-style ol._list-checkmark li:before, .content-style ol._list-checkmark dt:before, .content-style dl._list-checkmark li:before, .content-style dl._list-checkmark dt:before {
  content: "\f058";
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
}

.content-style ul._list-location li, .content-style ul._list-location dt, .content-style ol._list-location li, .content-style ol._list-location dt, .content-style dl._list-location li, .content-style dl._list-location dt {
  padding-left: 26px;
}

.content-style ul._list-location li:before, .content-style ul._list-location dt:before, .content-style ol._list-location li:before, .content-style ol._list-location dt:before, .content-style dl._list-location li:before, .content-style dl._list-location dt:before {
  content: "\f3c5";
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Style - List - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Style - Table - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.content-style table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .content-style table:not(.Dialog) {
    overflow: auto;
    display: block;
    max-width: 100%;
  }
}
.content-style table:not(.Dialog) th, .content-style table:not(.Dialog) td {
  padding: 20px;
  text-align: inherit;
  vertical-align: top;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}

.content-style table:not(.Dialog) thead th {
  vertical-align: bottom;
}

.content-style table:not(.Dialog) tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.1);
}

.content-style table.tableSmall {
  font-size: 14px;
}

.content-style table.tableSmall:not(.Dialog) th, .content-style table.tableSmall:not(.Dialog) td {
  padding: 10px;
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Style - Table - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Style - Background - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.content-style._bg-primary,
.content-style ._bg-primary {
  color: #ffffff;
  background-color: var(--color-primary);
}

.content-style._bg-primary h1, .content-style._bg-primary h2, .content-style._bg-primary h3, .content-style._bg-primary h4, .content-style._bg-primary h5, .content-style._bg-primary h6,
.content-style ._bg-primary h1,
.content-style ._bg-primary h2,
.content-style ._bg-primary h3,
.content-style ._bg-primary h4,
.content-style ._bg-primary h5,
.content-style ._bg-primary h6 {
  color: #ffffff;
}

.content-style._bg-primary a:not(.small):not(.medium):not(.large),
.content-style ._bg-primary a:not(.small):not(.medium):not(.large) {
  color: #ffffff;
}

.content-style._bg-primary a:not(.small):not(.medium):not(.large):hover,
.content-style ._bg-primary a:not(.small):not(.medium):not(.large):hover {
  color: var(--color-secondary);
}

.content-style._bg-primary blockquote,
.content-style ._bg-primary blockquote {
  border-left: 5px solid var(--color-secondary);
}

.content-style._bg-primary .sidebarBorder .sidebarSide,
.content-style ._bg-primary .sidebarBorder .sidebarSide {
  border-color: rgba(255, 255, 255, 0.5);
}

.content-style._bg-primary hr,
.content-style ._bg-primary hr {
  border-top-color: rgba(255, 255, 255, 0.5);
}

.content-style._bg-primary .Spacer .mwSpacer .mwDivider,
.content-style ._bg-primary .Spacer .mwSpacer .mwDivider {
  background-color: rgba(255, 255, 255, 0.5);
}

.content-style._bg-primary .mwInput,
.content-style ._bg-primary .mwInput {
  border-color: #ffffff;
}

.content-style._bg-primary .mwInput.file .subcontrol.upload, .content-style._bg-primary .mwInput.select .subcontrol.dropdown,
.content-style ._bg-primary .mwInput.file .subcontrol.upload,
.content-style ._bg-primary .mwInput.select .subcontrol.dropdown {
  background-color: var(--color-primary-darkened);
}

.content-style._bg-primary .mwInput.checkbox .icon:before,
.content-style ._bg-primary .mwInput.checkbox .icon:before {
  border-color: #ffffff;
}

.content-style._bg-primary .mwInput.button,
.content-style ._bg-primary .mwInput.button {
  border-color: var(--color-primary-darkened);
  background-color: var(--color-primary-darkened);
}

.content-style._bg-primary .mwInput.button input,
.content-style ._bg-primary .mwInput.button input {
  color: #ffffff;
}

.content-style._bg-primary .mwInput.button:hover,
.content-style ._bg-primary .mwInput.button:hover {
  border-color: var(--color-secondary);
  background-color: var(--color-secondary);
}

.content-style._bg-primary .mwInput .icon,
.content-style ._bg-primary .mwInput .icon {
  color: #ffffff;
}

.content-style._bg-primary .Menu ul li a,
.content-style ._bg-primary .Menu ul li a {
  color: #ffffff;
}

.content-style._bg-primary .Menu ul li a:hover,
.content-style ._bg-primary .Menu ul li a:hover {
  color: var(--color-secondary);
}

.content-style._bg-primary .snsLink a,
.content-style ._bg-primary .snsLink a {
  color: #ffffff;
}

.content-style._bg-primary .snsLink a:hover,
.content-style ._bg-primary .snsLink a:hover {
  color: var(--color-secondary);
}

.content-style._bg-primary .snsLinkCircle a, .content-style._bg-primary .snsLinkCircle button,
.content-style._bg-primary .snsLinkSquare a,
.content-style._bg-primary .snsLinkSquare button,
.content-style ._bg-primary .snsLinkCircle a,
.content-style ._bg-primary .snsLinkCircle button,
.content-style ._bg-primary .snsLinkSquare a,
.content-style ._bg-primary .snsLinkSquare button {
  color: #ffffff;
  background-color: var(--color-primary-darkened);
}

.content-style._bg-primary .snsLinkCircle a:hover, .content-style._bg-primary .snsLinkCircle button:hover,
.content-style._bg-primary .snsLinkSquare a:hover,
.content-style._bg-primary .snsLinkSquare button:hover,
.content-style ._bg-primary .snsLinkCircle a:hover,
.content-style ._bg-primary .snsLinkCircle button:hover,
.content-style ._bg-primary .snsLinkSquare a:hover,
.content-style ._bg-primary .snsLinkSquare button:hover {
  color: #ffffff;
  background-color: var(--color-secondary);
}

.content-style._bg-secondary,
.content-style ._bg-secondary {
  color: #ffffff;
  background-color: var(--color-quaternary);
}

.content-style._bg-secondary h1, .content-style._bg-secondary h2, .content-style._bg-secondary h3, .content-style._bg-secondary h4, .content-style._bg-secondary h5, .content-style._bg-secondary h6,
.content-style ._bg-secondary h1,
.content-style ._bg-secondary h2,
.content-style ._bg-secondary h3,
.content-style ._bg-secondary h4,
.content-style ._bg-secondary h5,
.content-style ._bg-secondary h6 {
  color: #ffffff;
}

.content-style._bg-secondary a:not(.small):not(.medium):not(.large),
.content-style ._bg-secondary a:not(.small):not(.medium):not(.large) {
  color: #ffffff;
}

.content-style._bg-secondary a:not(.small):not(.medium):not(.large):hover,
.content-style ._bg-secondary a:not(.small):not(.medium):not(.large):hover {
  color: #3E241C;
}

.content-style._bg-secondary blockquote,
.content-style ._bg-secondary blockquote {
  border-left: 5px solid #7D4838;
}

.content-style._bg-secondary .sidebarBorder .sidebarSide,
.content-style ._bg-secondary .sidebarBorder .sidebarSide {
  border-color: rgba(255, 255, 255, 0.5);
}

.content-style._bg-secondary hr,
.content-style ._bg-secondary hr {
  border-top-color: rgba(255, 255, 255, 0.5);
}

.content-style._bg-secondary .Spacer .mwSpacer .mwDivider,
.content-style ._bg-secondary .Spacer .mwSpacer .mwDivider {
  background-color: rgba(255, 255, 255, 0.5);
}

.content-style._bg-secondary .mwInput,
.content-style ._bg-secondary .mwInput {
  border-color: #ffffff;
}

.content-style._bg-secondary .mwInput.file .subcontrol.upload, .content-style._bg-secondary .mwInput.select .subcontrol.dropdown,
.content-style ._bg-secondary .mwInput.file .subcontrol.upload,
.content-style ._bg-secondary .mwInput.select .subcontrol.dropdown {
  background-color: #BB6C54;
}

.content-style._bg-secondary .mwInput.checkbox .icon:before,
.content-style ._bg-secondary .mwInput.checkbox .icon:before {
  border-color: #ffffff;
}

.content-style._bg-secondary .mwInput.button,
.content-style ._bg-secondary .mwInput.button {
  border-color: #BB6C54;
  background-color: #BB6C54;
}

.content-style._bg-secondary .mwInput.button input,
.content-style ._bg-secondary .mwInput.button input {
  color: #ffffff;
}

.content-style._bg-secondary .mwInput.button:hover,
.content-style ._bg-secondary .mwInput.button:hover {
  border-color: #3E241C;
  background-color: #3E241C;
}

.content-style._bg-secondary .mwInput .icon,
.content-style ._bg-secondary .mwInput .icon {
  color: #ffffff;
}

.content-style._bg-secondary .Menu ul li a,
.content-style ._bg-secondary .Menu ul li a {
  color: #ffffff;
}

.content-style._bg-secondary .Menu ul li a:hover,
.content-style ._bg-secondary .Menu ul li a:hover {
  color: #3E241C;
}

.content-style._bg-secondary .snsLink a,
.content-style ._bg-secondary .snsLink a {
  color: #ffffff;
}

.content-style._bg-secondary .snsLink a:hover,
.content-style ._bg-secondary .snsLink a:hover {
  color: #3E241C;
}

.content-style._bg-secondary .snsLinkCircle a, .content-style._bg-secondary .snsLinkCircle button,
.content-style._bg-secondary .snsLinkSquare a,
.content-style._bg-secondary .snsLinkSquare button,
.content-style ._bg-secondary .snsLinkCircle a,
.content-style ._bg-secondary .snsLinkCircle button,
.content-style ._bg-secondary .snsLinkSquare a,
.content-style ._bg-secondary .snsLinkSquare button {
  color: #ffffff;
  background-color: #BB6C54;
}

.content-style._bg-secondary .snsLinkCircle a:hover, .content-style._bg-secondary .snsLinkCircle button:hover,
.content-style._bg-secondary .snsLinkSquare a:hover,
.content-style._bg-secondary .snsLinkSquare button:hover,
.content-style ._bg-secondary .snsLinkCircle a:hover,
.content-style ._bg-secondary .snsLinkCircle button:hover,
.content-style ._bg-secondary .snsLinkSquare a:hover,
.content-style ._bg-secondary .snsLinkSquare button:hover {
  color: #ffffff;
  background-color: #7D4838;
}

.content-style._bg-white,
.content-style ._bg-white {
  background-color: #ffffff;
}

.content-style._bg-black,
.content-style ._bg-black {
  color: #ffffff;
  background-color: #000000;
}

.content-style._bg-black h1, .content-style._bg-black h2, .content-style._bg-black h3, .content-style._bg-black h4, .content-style._bg-black h5, .content-style._bg-black h6,
.content-style ._bg-black h1,
.content-style ._bg-black h2,
.content-style ._bg-black h3,
.content-style ._bg-black h4,
.content-style ._bg-black h5,
.content-style ._bg-black h6 {
  color: #ffffff;
}

.content-style._bg-black a:not(.small):not(.medium):not(.large),
.content-style ._bg-black a:not(.small):not(.medium):not(.large) {
  color: #ffffff;
}

.content-style._bg-black a:not(.small):not(.medium):not(.large):hover,
.content-style ._bg-black a:not(.small):not(.medium):not(.large):hover {
  color: var(--color-primary);
}

.content-style._bg-black blockquote,
.content-style ._bg-black blockquote {
  background-color: rgba(255, 255, 255, 0.3);
}

.content-style._bg-black table:not(.Dialog) th, .content-style._bg-black table:not(.Dialog) td,
.content-style ._bg-black table:not(.Dialog) th,
.content-style ._bg-black table:not(.Dialog) td {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}

.content-style._bg-black table:not(.Dialog) tbody tr:nth-of-type(odd),
.content-style ._bg-black table:not(.Dialog) tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.3);
}

.content-style._bg-black .sidebarBorder .sidebarSide,
.content-style ._bg-black .sidebarBorder .sidebarSide {
  border-color: rgba(255, 255, 255, 0.5);
}

.content-style._bg-black hr,
.content-style ._bg-black hr {
  border-top-color: rgba(255, 255, 255, 0.5);
}

.content-style._bg-black .Spacer .mwSpacer .mwDivider,
.content-style ._bg-black .Spacer .mwSpacer .mwDivider {
  background-color: rgba(255, 255, 255, 0.5);
}

.content-style._bg-black .mwInput,
.content-style ._bg-black .mwInput {
  border-color: #ffffff;
}

.content-style._bg-black .mwInput.file .subcontrol.upload, .content-style._bg-black .mwInput.select .subcontrol.dropdown,
.content-style ._bg-black .mwInput.file .subcontrol.upload,
.content-style ._bg-black .mwInput.select .subcontrol.dropdown {
  background-color: var(--color-primary);
}

.content-style._bg-black .mwInput.checkbox .icon:before,
.content-style ._bg-black .mwInput.checkbox .icon:before {
  border-color: #ffffff;
}

.content-style._bg-black .mwInput.button,
.content-style ._bg-black .mwInput.button {
  border-color: var(--color-primary);
  background-color: var(--color-primary);
}

.content-style._bg-black .mwInput.button input,
.content-style ._bg-black .mwInput.button input {
  color: #ffffff;
}

.content-style._bg-black .mwInput.button:hover,
.content-style ._bg-black .mwInput.button:hover {
  border-color: var(--color-primary);
  background-color: var(--color-primary);
}

.content-style._bg-black .mwInput .icon,
.content-style ._bg-black .mwInput .icon {
  color: #ffffff;
}

.content-style._bg-black .Menu ul li a,
.content-style ._bg-black .Menu ul li a {
  color: #ffffff;
}

.content-style._bg-black .Menu ul li a:hover,
.content-style ._bg-black .Menu ul li a:hover {
  color: var(--color-primary);
}

.content-style._bg-gray,
.content-style ._bg-gray {
  color: #ffffff;
  background-color: var(--color-grey);
}

.content-style._bg-gray h1, .content-style._bg-gray h2, .content-style._bg-gray h3, .content-style._bg-gray h4, .content-style._bg-gray h5, .content-style._bg-gray h6,
.content-style ._bg-gray h1,
.content-style ._bg-gray h2,
.content-style ._bg-gray h3,
.content-style ._bg-gray h4,
.content-style ._bg-gray h5,
.content-style ._bg-gray h6 {
  color: var(--color-primary-lightened);
}

.content-style._bg-gray a:not(.small):not(.medium):not(.large),
.content-style ._bg-gray a:not(.small):not(.medium):not(.large) {
  color: var(--color-primary-lightened);
}

.content-style._bg-gray a:not(.small):not(.medium):not(.large):hover,
.content-style ._bg-gray a:not(.small):not(.medium):not(.large):hover {
  color: var(--color-secondary);
}

.content-style._bg-gray blockquote,
.content-style ._bg-gray blockquote {
  background-color: rgba(255, 255, 255, 0.3);
}

.content-style._bg-gray table:not(.Dialog) th, .content-style._bg-gray table:not(.Dialog) td,
.content-style ._bg-gray table:not(.Dialog) th,
.content-style ._bg-gray table:not(.Dialog) td {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}

.content-style._bg-gray table:not(.Dialog) tbody tr:nth-of-type(odd),
.content-style ._bg-gray table:not(.Dialog) tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.3);
}

.content-style._bg-gray .sidebarBorder .sidebarSide,
.content-style ._bg-gray .sidebarBorder .sidebarSide {
  border-color: rgba(255, 255, 255, 0.5);
}

.content-style._bg-gray hr,
.content-style ._bg-gray hr {
  border-top-color: rgba(255, 255, 255, 0.5);
}

.content-style._bg-gray .Spacer .mwSpacer .mwDivider,
.content-style ._bg-gray .Spacer .mwSpacer .mwDivider {
  background-color: rgba(255, 255, 255, 0.5);
}

.content-style._bg-gray .mwInput,
.content-style ._bg-gray .mwInput {
  border-color: #ffffff;
}

.content-style._bg-gray .mwInput.file .subcontrol.upload, .content-style._bg-gray .mwInput.select .subcontrol.dropdown,
.content-style ._bg-gray .mwInput.file .subcontrol.upload,
.content-style ._bg-gray .mwInput.select .subcontrol.dropdown {
  background-color: transparent;
}

.content-style._bg-gray .mwInput.checkbox .icon:before,
.content-style ._bg-gray .mwInput.checkbox .icon:before {
  border-color: #ffffff;
}

.content-style._bg-gray .mwInput.button,
.content-style ._bg-gray .mwInput.button {
  border-color: var(--color-primary);
  background-color: var(--color-primary);
}

.content-style._bg-gray .mwInput.button input,
.content-style ._bg-gray .mwInput.button input {
  color: #ffffff;
}

.content-style._bg-gray .mwInput.button:hover,
.content-style ._bg-gray .mwInput.button:hover {
  border-color: var(--color-primary);
  background-color: var(--color-primary);
}

.content-style._bg-gray .mwInput .icon,
.content-style ._bg-gray .mwInput .icon {
  color: #ffffff;
}

.content-style._bg-gray .Menu ul li a,
.content-style ._bg-gray .Menu ul li a {
  color: #ffffff;
}

.content-style._bg-gray .Menu ul li a:hover,
.content-style ._bg-gray .Menu ul li a:hover {
  color: var(--color-primary);
}

.content-style._bg-gray-light,
.content-style ._bg-gray-light {
  background-color: #adb5bd;
}

.content-style._bg-gray-light,
.content-style ._bg-gray-light {
  background-color: #adb5bd;
}

.content-style._bg-gray-lighter,
.content-style ._bg-gray-lighter {
  background-color: #ced4da;
}

.content-style._bg-gray-lightest,
.content-style ._bg-gray-lightest {
  background-color: var(--color-grey);
}

.content-style._bg-gray-dark,
.content-style ._bg-gray-dark {
  color: #ffffff;
  background-color: #495057;
}

.content-style._bg-gray-dark h1, .content-style._bg-gray-dark h2, .content-style._bg-gray-dark h3, .content-style._bg-gray-dark h4, .content-style._bg-gray-dark h5, .content-style._bg-gray-dark h6,
.content-style ._bg-gray-dark h1,
.content-style ._bg-gray-dark h2,
.content-style ._bg-gray-dark h3,
.content-style ._bg-gray-dark h4,
.content-style ._bg-gray-dark h5,
.content-style ._bg-gray-dark h6 {
  color: #ffffff;
}

.content-style._bg-gray-dark a:not(.small):not(.medium):not(.large),
.content-style ._bg-gray-dark a:not(.small):not(.medium):not(.large) {
  color: #ffffff;
}

.content-style._bg-gray-dark a:not(.small):not(.medium):not(.large):hover,
.content-style ._bg-gray-dark a:not(.small):not(.medium):not(.large):hover {
  color: var(--color-primary);
}

.content-style._bg-gray-dark blockquote,
.content-style ._bg-gray-dark blockquote {
  background-color: rgba(255, 255, 255, 0.3);
}

.content-style._bg-gray-dark table:not(.Dialog) th, .content-style._bg-gray-dark table:not(.Dialog) td,
.content-style ._bg-gray-dark table:not(.Dialog) th,
.content-style ._bg-gray-dark table:not(.Dialog) td {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}

.content-style._bg-gray-dark table:not(.Dialog) tbody tr:nth-of-type(odd),
.content-style ._bg-gray-dark table:not(.Dialog) tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.3);
}

.content-style._bg-gray-dark .sidebarBorder .sidebarSide,
.content-style ._bg-gray-dark .sidebarBorder .sidebarSide {
  border-color: rgba(255, 255, 255, 0.5);
}

.content-style._bg-gray-dark hr,
.content-style ._bg-gray-dark hr {
  border-top-color: rgba(255, 255, 255, 0.5);
}

.content-style._bg-gray-dark .Spacer .mwSpacer .mwDivider,
.content-style ._bg-gray-dark .Spacer .mwSpacer .mwDivider {
  background-color: rgba(255, 255, 255, 0.5);
}

.content-style._bg-gray-dark .mwInput,
.content-style ._bg-gray-dark .mwInput {
  border-color: #ffffff;
}

.content-style._bg-gray-dark .mwInput.file .subcontrol.upload, .content-style._bg-gray-dark .mwInput.select .subcontrol.dropdown,
.content-style ._bg-gray-dark .mwInput.file .subcontrol.upload,
.content-style ._bg-gray-dark .mwInput.select .subcontrol.dropdown {
  background-color: transparent;
}

.content-style._bg-gray-dark .mwInput.checkbox .icon:before,
.content-style ._bg-gray-dark .mwInput.checkbox .icon:before {
  border-color: #ffffff;
}

.content-style._bg-gray-dark .mwInput.button,
.content-style ._bg-gray-dark .mwInput.button {
  border-color: var(--color-primary);
  background-color: var(--color-primary);
}

.content-style._bg-gray-dark .mwInput.button input,
.content-style ._bg-gray-dark .mwInput.button input {
  color: #ffffff;
}

.content-style._bg-gray-dark .mwInput.button:hover,
.content-style ._bg-gray-dark .mwInput.button:hover {
  border-color: var(--color-primary);
  background-color: var(--color-primary);
}

.content-style._bg-gray-dark .mwInput .icon,
.content-style ._bg-gray-dark .mwInput .icon {
  color: #ffffff;
}

.content-style._bg-gray-dark .Menu ul li a,
.content-style ._bg-gray-dark .Menu ul li a {
  color: #ffffff;
}

.content-style._bg-gray-dark .Menu ul li a:hover,
.content-style ._bg-gray-dark .Menu ul li a:hover {
  color: var(--color-primary);
}

.content-style._bg-gray-darker,
.content-style ._bg-gray-darker {
  color: #ffffff;
  background-color: #343a40;
}

.content-style._bg-gray-darker h1, .content-style._bg-gray-darker h2, .content-style._bg-gray-darker h3, .content-style._bg-gray-darker h4, .content-style._bg-gray-darker h5, .content-style._bg-gray-darker h6,
.content-style ._bg-gray-darker h1,
.content-style ._bg-gray-darker h2,
.content-style ._bg-gray-darker h3,
.content-style ._bg-gray-darker h4,
.content-style ._bg-gray-darker h5,
.content-style ._bg-gray-darker h6 {
  color: #ffffff;
}

.content-style._bg-gray-darker a:not(.small):not(.medium):not(.large),
.content-style ._bg-gray-darker a:not(.small):not(.medium):not(.large) {
  color: #ffffff;
}

.content-style._bg-gray-darker a:not(.small):not(.medium):not(.large):hover,
.content-style ._bg-gray-darker a:not(.small):not(.medium):not(.large):hover {
  color: var(--color-primary);
}

.content-style._bg-gray-darker blockquote,
.content-style ._bg-gray-darker blockquote {
  background-color: rgba(255, 255, 255, 0.3);
}

.content-style._bg-gray-darker table:not(.Dialog) th, .content-style._bg-gray-darker table:not(.Dialog) td,
.content-style ._bg-gray-darker table:not(.Dialog) th,
.content-style ._bg-gray-darker table:not(.Dialog) td {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}

.content-style._bg-gray-darker table:not(.Dialog) tbody tr:nth-of-type(odd),
.content-style ._bg-gray-darker table:not(.Dialog) tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.3);
}

.content-style._bg-gray-darker .sidebarBorder .sidebarSide,
.content-style ._bg-gray-darker .sidebarBorder .sidebarSide {
  border-color: rgba(255, 255, 255, 0.5);
}

.content-style._bg-gray-darker hr,
.content-style ._bg-gray-darker hr {
  border-top-color: rgba(255, 255, 255, 0.5);
}

.content-style._bg-gray-darker .Spacer .mwSpacer .mwDivider,
.content-style ._bg-gray-darker .Spacer .mwSpacer .mwDivider {
  background-color: rgba(255, 255, 255, 0.5);
}

.content-style._bg-gray-darker .mwInput,
.content-style ._bg-gray-darker .mwInput {
  border-color: #ffffff;
}

.content-style._bg-gray-darker .mwInput.file .subcontrol.upload, .content-style._bg-gray-darker .mwInput.select .subcontrol.dropdown,
.content-style ._bg-gray-darker .mwInput.file .subcontrol.upload,
.content-style ._bg-gray-darker .mwInput.select .subcontrol.dropdown {
  background-color: transparent;
}

.content-style._bg-gray-darker .mwInput.checkbox .icon:before,
.content-style ._bg-gray-darker .mwInput.checkbox .icon:before {
  border-color: #ffffff;
}

.content-style._bg-gray-darker .mwInput.button,
.content-style ._bg-gray-darker .mwInput.button {
  border-color: var(--color-primary);
  background-color: var(--color-primary);
}

.content-style._bg-gray-darker .mwInput.button input,
.content-style ._bg-gray-darker .mwInput.button input {
  color: #ffffff;
}

.content-style._bg-gray-darker .mwInput.button:hover,
.content-style ._bg-gray-darker .mwInput.button:hover {
  border-color: var(--color-primary);
  background-color: var(--color-primary);
}

.content-style._bg-gray-darker .mwInput .icon,
.content-style ._bg-gray-darker .mwInput .icon {
  color: #ffffff;
}

.content-style._bg-gray-darker .Menu ul li a,
.content-style ._bg-gray-darker .Menu ul li a {
  color: #ffffff;
}

.content-style._bg-gray-darker .Menu ul li a:hover,
.content-style ._bg-gray-darker .Menu ul li a:hover {
  color: var(--color-primary);
}

.content-style._bg-gray-darkest,
.content-style ._bg-gray-darkest {
  color: #ffffff;
  background-color: #212529;
}

.content-style._bg-gray-darkest h1, .content-style._bg-gray-darkest h2, .content-style._bg-gray-darkest h3, .content-style._bg-gray-darkest h4, .content-style._bg-gray-darkest h5, .content-style._bg-gray-darkest h6,
.content-style ._bg-gray-darkest h1,
.content-style ._bg-gray-darkest h2,
.content-style ._bg-gray-darkest h3,
.content-style ._bg-gray-darkest h4,
.content-style ._bg-gray-darkest h5,
.content-style ._bg-gray-darkest h6 {
  color: #ffffff;
}

.content-style._bg-gray-darkest a:not(.small):not(.medium):not(.large),
.content-style ._bg-gray-darkest a:not(.small):not(.medium):not(.large) {
  color: #ffffff;
}

.content-style._bg-gray-darkest a:not(.small):not(.medium):not(.large):hover,
.content-style ._bg-gray-darkest a:not(.small):not(.medium):not(.large):hover {
  color: var(--color-primary);
}

.content-style._bg-gray-darkest blockquote,
.content-style ._bg-gray-darkest blockquote {
  background-color: rgba(255, 255, 255, 0.3);
}

.content-style._bg-gray-darkest table:not(.Dialog) th, .content-style._bg-gray-darkest table:not(.Dialog) td,
.content-style ._bg-gray-darkest table:not(.Dialog) th,
.content-style ._bg-gray-darkest table:not(.Dialog) td {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}

.content-style._bg-gray-darkest table:not(.Dialog) tbody tr:nth-of-type(odd),
.content-style ._bg-gray-darkest table:not(.Dialog) tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.3);
}

.content-style._bg-gray-darkest .sidebarBorder .sidebarSide,
.content-style ._bg-gray-darkest .sidebarBorder .sidebarSide {
  border-color: rgba(255, 255, 255, 0.5);
}

.content-style._bg-gray-darkest hr,
.content-style ._bg-gray-darkest hr {
  border-top-color: rgba(255, 255, 255, 0.5);
}

.content-style._bg-gray-darkest .Spacer .mwSpacer .mwDivider,
.content-style ._bg-gray-darkest .Spacer .mwSpacer .mwDivider {
  background-color: rgba(255, 255, 255, 0.5);
}

.content-style._bg-gray-darkest .mwInput,
.content-style ._bg-gray-darkest .mwInput {
  border-color: #ffffff;
}

.content-style._bg-gray-darkest .mwInput.file .subcontrol.upload, .content-style._bg-gray-darkest .mwInput.select .subcontrol.dropdown,
.content-style ._bg-gray-darkest .mwInput.file .subcontrol.upload,
.content-style ._bg-gray-darkest .mwInput.select .subcontrol.dropdown {
  background-color: var(--color-primary);
}

.content-style._bg-gray-darkest .mwInput.checkbox .icon:before,
.content-style ._bg-gray-darkest .mwInput.checkbox .icon:before {
  border-color: #ffffff;
}

.content-style._bg-gray-darkest .mwInput.button,
.content-style ._bg-gray-darkest .mwInput.button {
  border-color: var(--color-primary);
  background-color: var(--color-primary);
}

.content-style._bg-gray-darkest .mwInput.button input,
.content-style ._bg-gray-darkest .mwInput.button input {
  color: #ffffff;
}

.content-style._bg-gray-darkest .mwInput.button:hover,
.content-style ._bg-gray-darkest .mwInput.button:hover {
  border-color: var(--color-primary);
  background-color: var(--color-primary);
}

.content-style._bg-gray-darkest .mwInput .icon,
.content-style ._bg-gray-darkest .mwInput .icon {
  color: #ffffff;
}

.content-style._bg-gray-darkest .Menu ul li a,
.content-style ._bg-gray-darkest .Menu ul li a {
  color: #ffffff;
}

.content-style._bg-gray-darkest .Menu ul li a:hover,
.content-style ._bg-gray-darkest .Menu ul li a:hover {
  color: var(--color-primary);
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Style - Background - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Area - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.contentAreaMedium .contentAreaWrap {
  padding-top: 60px;
  padding-left: 45px;
  padding-right: 45px;
  padding-bottom: 30px;
}

@media (max-width: 991px) {
  .contentAreaMedium .contentAreaWrap {
    padding-top: 40px;
    padding-left: 24px;
    padding-right: 24px;
    padding-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .contentAreaMedium .contentAreaWrap {
    padding-top: 30px;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 1px;
  }
}
.contentAreaSmall .contentAreaWrap {
  padding-top: 45px;
  padding-left: 45px;
  padding-right: 45px;
  padding-bottom: 30px;
}

@media (max-width: 991px) {
  .contentAreaSmall .contentAreaWrap {
    padding-top: 30px;
    padding-left: 24px;
    padding-right: 24px;
    padding-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .contentAreaSmall .contentAreaWrap {
    padding-top: 30px;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 15px;
  }
}
.contentAreaLarge .contentAreaWrap {
  padding-top: 90px;
  padding-left: 45px;
  padding-right: 45px;
  padding-bottom: 60px;
}

@media (max-width: 991px) {
  .contentAreaLarge .contentAreaWrap {
    padding-top: 60px;
    padding-left: 24px;
    padding-right: 24px;
    padding-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .contentAreaLarge .contentAreaWrap {
    padding-top: 60px;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 30px;
  }
}
.liveEdBlock .contentAreaFullwidth {
  padding-top: 34px;
}

.contentAreaFullwidth .contentAreaWrap {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}

@media (max-width: 991px) {
  .contentAreaFullwidth .contentAreaWrap {
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .contentAreaFullwidth .contentAreaWrap {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
  }
}
.contentAreaFullwidth .container {
  max-width: none;
  padding: 0;
}

.contentAreaFullwidth .row {
  margin-right: 0;
  margin-left: 0;
}

.contentAreaFullwidth .row > .col,
.contentAreaFullwidth .row > div[class^=col-],
.contentAreaFullwidth .row > div[class*=" col-"] {
  padding-right: 0;
  padding-left: 0;
}

.contentAreaIntro .contentAreaWrap {
  z-index: 1;
  position: relative;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  padding-top: 90px;
  padding-left: 45px;
  padding-right: 45px;
  padding-bottom: 60px;
}

@media (max-width: 991px) {
  .contentAreaIntro .contentAreaWrap {
    padding-top: 60px;
    padding-left: 24px;
    padding-right: 24px;
    padding-bottom: 30px;
  }
  .homeBlockContent p{
    font-size: 19px;
  }
}
@media (max-width: 767px) {
  .contentAreaIntro .contentAreaWrap {
    padding-top: 60px;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 30px;
  }
  .homeBlockContent p{
    font-size: 18px;
  }
}
.sidebarSide .contentArea .contentAreaWrap {
  padding-top: 30px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 1px;
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Area - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Width - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.liveEdBlock .contentWidth {
  padding-top: 34px;
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Width - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | SNS Link - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.snsLink.left {
  text-align: left;
}

.snsLink.center {
  text-align: center;
}

.snsLink.right {
  text-align: right;
}

.snsLink a, .snsLink button {
  display: inline-block;
  margin-top: 6px;
  margin-bottom: 6px;
  line-height: 1;
  color: var(--color-primary);
}

.snsLink a:hover, .snsLink button:hover {
  color: var(--color-secondary);
}

.snsLink a.small, .snsLink button.small {
  font-size: 16px;
  margin-right: 15px;
}

.snsLink a.small:last-of-type, .snsLink button.small:last-of-type {
  margin-right: 0;
}

.snsLink a.medium, .snsLink button.medium {
  font-size: 18px;
  margin-right: 18px;
}

.snsLink a.medium:last-of-type, .snsLink button.medium:last-of-type {
  margin-right: 0;
}

.snsLink a.large, .snsLink button.large {
  font-size: 25px;
  margin-right: 25px;
}

.snsLink a.large:last-of-type, .snsLink button.large:last-of-type {
  margin-right: 0;
}

.snsLink a.huge, .snsLink button.huge {
  font-size: 30px;
  margin-right: 30px;
}

.snsLink a.huge:last-of-type, .snsLink button.huge:last-of-type {
  margin-right: 0;
}

.snsLinkCircle a, .snsLinkCircle button,
.snsLinkSquare a,
.snsLinkSquare button {
  color: #ffffff;
  text-align: center;
  background-color: var(--color-primary);
  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;
}

.snsLinkCircle a:hover, .snsLinkCircle button:hover,
.snsLinkSquare a:hover,
.snsLinkSquare button:hover {
  color: #ffffff;
  background-color: var(--color-primary);
}

.snsLinkCircle a.small, .snsLinkCircle button.small,
.snsLinkSquare a.small,
.snsLinkSquare button.small {
  width: 28px;
  height: 28px;
  line-height: 28px;
  font-size: 14px;
  margin-right: 6px;
}

.snsLinkCircle a.medium, .snsLinkCircle button.medium,
.snsLinkSquare a.medium,
.snsLinkSquare button.medium {
  width: 36px;
  height: 36px;
  line-height: 36px;
  font-size: 18px;
  margin-right: 6px;
}

.snsLinkCircle a.large, .snsLinkCircle button.large,
.snsLinkSquare a.large,
.snsLinkSquare button.large {
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 25px;
  margin-right: 6px;
}

.snsLinkCircle a.huge, .snsLinkCircle button.huge,
.snsLinkSquare a.huge,
.snsLinkSquare button.huge {
  width: 60px;
  height: 60px;
  line-height: 60px;
  font-size: 30px;
  margin-right: 6px;
}

.snsLinkCircle a, .snsLinkCircle button {
  border-radius: 50%;
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | SNS Link - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Burger - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.burger {
  display: table;
  position: relative;
  min-width: 20px;
  height: 20px;
  cursor: pointer;
}

.burger .burgerLines {
  display: block;
  position: absolute;
  top: 2px;
  left: 0;
  overflow: hidden;
  width: 20px;
  height: 16px;
}

.burger .burgerLine {
  display: block;
  position: absolute;
  top: 7px;
  height: 2px;
  border-radius: 0;
  background-color: var(--color-primary);
}

.burger .burgerSlashes {
  display: inline-block;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
}

.burger .burgerSlash {
  opacity: 0;
  display: block;
  position: absolute;
  top: 9px;
  left: -3px;
  width: 26px;
  height: 2px;
  border-radius: 0;
  background-color: var(--color-primary);
  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 500ms;
}

.burger .burgerText {
  display: block;
  position: relative;
  overflow: hidden;
  margin-left: 26px;
  color: var(--color-primary);
  text-transform: uppercase;
  font-size: 12px;
  line-height: 20px;
}

.burger .burgerText .textOpen {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms;
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
}

.burger .burgerText .textClose {
  display: block;
  opacity: 0;
  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.burger.burgerHover:hover .burgerLine {
  background-color: var(--color-primary-darkened);
}

.burger.burgerHover:hover .burgerSlash {
  background-color: var(--color-primary-darkened);
}

.burger.burgerHover:hover .burgerText {
  color: var(--color-primary-darkened);
}

.burger.open .burgerText .textOpen {
  opacity: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.burger.open .burgerText .textClose {
  opacity: 1;
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
}

.burgerOne .burgerLine {
  width: 20px;
}

.burgerOne .burgerLine:nth-of-type(1) {
  -webkit-transform: translate(0px, -7px);
  transform: translate(0px, -7px);
  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 0ms;
}

.burgerOne .burgerLine:nth-of-type(2) {
  -webkit-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 100ms;
}

.burgerOne .burgerLine:nth-of-type(3) {
  -webkit-transform: translate(0px, 7px);
  transform: translate(0px, 7px);
  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 200ms;
}

.burgerOne .burgerLine:nth-of-type(4) {
  opacity: 0;
  -webkit-transform: translate(-20px, -7px);
  transform: translate(-20px, -7px);
  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 50ms;
}

.burgerOne .burgerLine:nth-of-type(5) {
  opacity: 0;
  -webkit-transform: translate(-20px, 0px);
  transform: translate(-20px, 0px);
  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 150ms;
}

.burgerOne .burgerLine:nth-of-type(6) {
  opacity: 0;
  -webkit-transform: translate(-20px, 7px);
  transform: translate(-20px, 7px);
  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 250ms;
}

.burgerOne .burgerSlash:nth-of-type(1) {
  -webkit-transform: rotate(45deg) translate(-40px, 0);
  transform: rotate(45deg) translate(-40px, 0);
}

.burgerOne .burgerSlash:nth-of-type(2) {
  -webkit-transform: rotate(-45deg) translate(40px, 0);
  transform: rotate(-45deg) translate(40px, 0);
}

.burgerOne .burgerSlash:nth-of-type(3) {
  -webkit-transform: rotate(45deg) translate(-40px, 0);
  transform: rotate(45deg) translate(-40px, 0);
}

.burgerOne .burgerSlash:nth-of-type(4) {
  -webkit-transform: rotate(-45deg) translate(40px, 0);
  transform: rotate(-45deg) translate(40px, 0);
}

.burgerOne.burgerHover:not(.open):hover .burgerLine:nth-of-type(1) {
  opacity: 0;
  -webkit-transform: translate(20px, -7px);
  transform: translate(20px, -7px);
}

.burgerOne.burgerHover:not(.open):hover .burgerLine:nth-of-type(2) {
  opacity: 0;
  -webkit-transform: translate(20px, 0);
  transform: translate(20px, 0);
}

.burgerOne.burgerHover:not(.open):hover .burgerLine:nth-of-type(3) {
  opacity: 0;
  -webkit-transform: translate(20px, 7px);
  transform: translate(20px, 7px);
}

.burgerOne.burgerHover:not(.open):hover .burgerLine:nth-of-type(4) {
  opacity: 1;
  -webkit-transform: translate(0px, -7px);
  transform: translate(0px, -7px);
}

.burgerOne.burgerHover:not(.open):hover .burgerLine:nth-of-type(5) {
  opacity: 1;
  -webkit-transform: translate(0px, 0);
  transform: translate(0px, 0);
}

.burgerOne.burgerHover:not(.open):hover .burgerLine:nth-of-type(6) {
  opacity: 1;
  -webkit-transform: translate(0px, 7px);
  transform: translate(0px, 7px);
}

.burgerOne.open .burgerLine:nth-of-type(1) {
  -webkit-transform: translate(20px, -7px);
  transform: translate(20px, -7px);
}

.burgerOne.open .burgerLine:nth-of-type(2) {
  -webkit-transform: translate(20px, 0);
  transform: translate(20px, 0);
}

.burgerOne.open .burgerLine:nth-of-type(3) {
  -webkit-transform: translate(20px, 7px);
  transform: translate(20px, 7px);
}

.burgerOne.open .burgerLine:nth-of-type(4) {
  opacity: 0;
  -webkit-transform: translate(20px, -7px);
  transform: translate(20px, -7px);
}

.burgerOne.open .burgerLine:nth-of-type(5) {
  opacity: 0;
  -webkit-transform: translate(20px, 0);
  transform: translate(20px, 0);
}

.burgerOne.open .burgerLine:nth-of-type(6) {
  opacity: 0;
  -webkit-transform: translate(20px, 7px);
  transform: translate(20px, 7px);
}

.burgerOne.open .burgerSlash:nth-of-type(1) {
  -webkit-transform: translate(0, 0) rotate(45deg);
  transform: translate(0, 0) rotate(45deg);
  opacity: 1;
}

.burgerOne.open .burgerSlash:nth-of-type(2) {
  -webkit-transform: translate(0, 0) rotate(-45deg);
  transform: translate(0, 0) rotate(-45deg);
  opacity: 1;
}

.burgerOne.open.burgerHover:hover .burgerSlash:nth-of-type(1) {
  -webkit-transform: translate(45px, 45px) rotate(45deg);
  transform: translate(45px, 45px) rotate(45deg);
  opacity: 0;
}

.burgerOne.open.burgerHover:hover .burgerSlash:nth-of-type(2) {
  -webkit-transform: translate(-45px, 45px) rotate(-45deg);
  transform: translate(-45px, 45px) rotate(-45deg);
  opacity: 0;
}

.burgerOne.open.burgerHover:hover .burgerSlash:nth-of-type(3) {
  -webkit-transform: translate(0, 0) rotate(45deg);
  transform: translate(0, 0) rotate(45deg);
  opacity: 1;
}

.burgerOne.open.burgerHover:hover .burgerSlash:nth-of-type(4) {
  -webkit-transform: translate(0, 0) rotate(-45deg);
  transform: translate(0, 0) rotate(-45deg);
  opacity: 1;
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Burger - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Tabs One - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.tabsOne .tabsContents {
  border: 1px solid var(--color-grey);
}

.tabsOne .tabsNav {
  background-color: var(--color-grey);
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Tabs One - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Typography - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.content-style h1,
.content-style h2,
.content-style h3,
.content-style h4,
.content-style h5,
.content-style h6 {
  margin-top: 0;
  margin-bottom: 30px;
  line-height: 1.2;
  font-family: var(--font-primary);
  color: var(--color-primary-lightened);
  text-transform: none;
}

.content-style h1 a,
.content-style h2 a,
.content-style h3 a,
.content-style h4 a,
.content-style h5 a,
.content-style h6 a {
  color: #343a40;
}

.content-style h1 a:hover,
.content-style h2 a:hover,
.content-style h3 a:hover,
.content-style h4 a:hover,
.content-style h5 a:hover,
.content-style h6 a:hover {
  color: var(--color-primary);
}

.content-style h1 {
  font-size: calc(var(--font-size-xxxx-large-mobile));
  font-weight: bold;
}

@media (min-width: 991px) {
  .content-style h1 {
    font-size: var(--font-size-xxxx-large);
  }
}
.content-style h2 {
  font-size: calc(var(--font-size-xxx-large-mobile));
}

@media (min-width: 991px) {
  .content-style h2 {
    font-size: var(--font-size-xxx-large);
  }
  .homeBlockContent p{
    font-size: 22px;
  }
}
.content-style h3 {
  font-size: calc(var(--font-size-xx-large-mobile));
}

@media (min-width: 991px) {
  .content-style h3 {
    font-size: var(--font-size-xx-large);
  }
}
.content-style h4 {
  font-size: calc(var(--font-size-x-large-mobile));
}

@media (min-width: 991px) {
  .content-style h4 {
    font-size: var(--font-size-x-large);
  }
}
.content-style h5 {
  font-size: calc(var(--font-size-large-mobile));
}

@media (min-width: 991px) {
  .content-style h5 {
    font-size: var(--font-size-large);
  }
}
.content-style h6 {
  font-size: var(--font-size-medium);
}

/*Content Style - Paragraph*/
.content-style p {
  line-height: 1.5;
  margin-top: 0;
  margin-bottom: var(--paragraph-spacing);
  font-weight: 500;
  font-size: 18px;
}

.content-style .mwPageBlock.Embed .Container p {
  margin-top: 0;
  margin-bottom: var(--paragraph-spacing);
}

.content-style small {
  font-size: var(--font-size-x-small-mobile);
}
@media screen and (min-width: 991px) {
  .content-style small {
    font-size: var(--font-size-x-small);
  }
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Typography - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Footer - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*Footer RH*/
.footerTHEN {
  background-color: var(--color-primary);
  color: var(--color-quaternary);
  position: relative;
}
.footerTHEN a {
  color: var(--color-quaternary);
}
.footerTHEN a:hover {
  color: var(--color-secondary);
}
.footerTHEN .newsletter {
  position: absolute;
  width: 100%;
  top: -40px;
}
.footerTHEN .newsletter .contentAreaWrap {
  padding: 0;
}
.footerLogo img{
  /* height: 100%; */
  height: 140px;
}
.footerDescription .blockContents p{
  font-size: 18px !important;
}
@media screen and (min-width: 767px) {
  .footerTHEN .newsletter .contentAreaWrap {
    padding: 0 24px;
  }
}
@media screen and (min-width: 991px) {
  .footerTHEN .newsletter .contentAreaWrap {
    padding: 0 45px;
  }
}
.footerTHEN .footerMain .contentAreaWrap {
  padding: 60px 0;
}
@media screen and (min-width: 767px) {
  .footerTHEN .footerMain .contentAreaWrap {
    padding: 60px 24px;
  }
}
@media screen and (min-width: 991px) {
  .footerTHEN .footerMain .contentAreaWrap {
    padding: 70px 45px;
  }
}
.footerTHEN .footerMain {
  /* padding: 250px 0 0 0; */
}
@media screen and (min-width: 367px) {
  .footerTHEN .footerMain {
    /* padding: 200px 0 0 0; */
  }
}
@media screen and (min-width: 767px) {
  .footerTHEN .footerMain {
    /* padding: 180px 0 0 0; */
  }
}
@media screen and (min-width: 991px) {
  .footerTHEN .footerMain {
    padding: 0 0 0 0;
  }
}
.footerTHEN .footerMainWrap {
  display: grid;
  column-gap: 70px;
  row-gap: 60px;
  grid-template-columns: 1fr;
  max-width: 350px;
  margin: 0 auto;
}
@media screen and (min-width: 991px) {
  .footerTHEN .footerMainWrap {
    /* grid-template-columns: 3fr 7fr; */
    margin: initial;
    max-width: initial;
  }
}
@media screen and (min-width: 1200px) {
  .footerTHEN .footerMainWrap {
    column-gap: 145px;
  }
}
.footerTHEN .footerSectionTitle {
  color: var(--color-quaternary);
}
.footerTHEN .footerLogoAndDescription {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 991px) {
  .footerTHEN .footerLogoAndDescription {
    flex-direction: row;
  }
}
.footerTHEN .footerLogo {
  margin: 0 0 30px 0;
  text-align: center;
}
@media screen and (min-width: 991px) {
  .footerTHEN .footerLogo {
    margin: 0 30px 0 0;
    text-align: initial;
  }
}
.footerTHEN .footerDescription {
  flex-grow: 1;
  text-align: center;
}
@media screen and (min-width: 991px) {
  .footerTHEN .footerDescription {
    display: flex;
    align-items: center;
    text-align: initial;
  }
}
.footerTHEN .footerMenuAndSocial {
  display: grid;
  row-gap: 60px;
}
@media screen and (min-width: 991px) {
  .footerTHEN .footerMenuAndSocial {
    grid-template-columns: 6.66666fr 3.33333fr;
    column-gap: 50px;
  }
}
@media screen and (min-width: 1200px) {
  .footerTHEN .footerMenuAndSocial {
    column-gap: 100px;
  }
}
.footerTHEN .footerMenu ul {
  display: grid;
  grid-template-columns: 1fr;
  column-gap: 25px;
  row-gap: 15px;
  margin: 0;
  text-align: center;
}
@media screen and (min-width: 767px) {
  .footerTHEN .footerMenu ul {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 991px) {
  .footerTHEN .footerMenu ul {
    text-align: initial;
  }
}
@media screen and (min-width: 1200px) {
  .footerTHEN .footerMenu ul {
    column-gap: 50px;
  }
}
.footerTHEN .footerMenu li {
  padding: 0;
  margin: 0;
}
.footerTHEN .footerMenu li::before {
  content: none;
}
.footerTHEN .footerMenu a {
  text-decoration: none;
}
.footerTHEN .footerMenu a * {
  transition: none;
}
.footerTHEN .footerSectionTitleSocial {
  display: none;
  font-size: var(--font-size-small);
}
@media screen and (min-width: 991px) {
  .footerTHEN .footerSectionTitleSocial {
    display: block;
  }
}
@media screen and (max-width: 991px) {
  .footerTHEN .footerSocial .snsLink {
    text-align: center;
  }
}
.footerTHEN .footerSocial a {
  transition: none;
}
.footerTHEN .footerCopyrightAndCreatedBy {
  background-color: rgba(var(--color-white-rgb), 0.06);
  font-size: var(--font-size-x-small);
  padding: 14px 0;
}
@media screen and (min-width: 767px) {
  .footerTHEN .footerCopyrightAndCreatedBy {
    padding: 14px 24px;
  }
}
@media screen and (min-width: 991px) {
  .footerTHEN .footerCopyrightAndCreatedBy {
    padding: 14px 45px;
  }
}
.footerTHEN .footerCopyrightAndCreatedByWrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 991px) {
  .footerTHEN .footerCopyrightAndCreatedByWrap {
    flex-direction: row;
    justify-content: space-between;
  }
}
.footerTHEN .footerCopyright {
  margin: 0 0 3px 0;
}
@media screen and (min-width: 991px) {
  .footerTHEN .footerCopyright {
    margin: 0;
  }
}
.footerTHEN .footerCreatedBy {
  text-align: right;
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Footer - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Style - Form - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.content-style .Dialog {
  width: 100%;
  table-layout: fixed;
}

.content-style .Dialog ::-webkit-input-placeholder {
  opacity: 1;
  color: #6c757d;
}

.content-style .Dialog ::-moz-placeholder {
  opacity: 1;
  color: #6c757d;
}

.content-style .Dialog :-ms-input-placeholder {
  opacity: 1;
  color: #6c757d;
}

.content-style .Dialog ::-ms-input-placeholder {
  opacity: 1;
  color: #6c757d;
}

.content-style .Dialog ::placeholder {
  opacity: 1;
  color: #6c757d;
}

.content-style .Dialog hr {
  margin: 35px 0;
  border-color: rgba(0, 0, 0, 0.2);
}

.content-style .Dialog label {
  display: block;
  padding-bottom: 8px;
}

.content-style .Dialog .asterisk {
  color: #dc3545;
}

.content-style .Dialog th, .content-style .Dialog td {
  padding: 8px 0;
}

@media (max-width: 767px) {
  .content-style .Dialog tbody:not(:last-child) th, .content-style .Dialog tbody:not(:last-child) td {
    padding: 8px 0 0 0;
  }
}
.content-style .Dialog th + td {
  padding-left: 15px;
}

@media (max-width: 575px) {
  .content-style .Dialog.wide th + td {
    padding-left: 0;
  }
}
@media (max-width: 575px) {
  .content-style .Dialog.wide th, .content-style .Dialog.wide td {
    display: block;
  }
}
.content-style .mwInput {
  height: auto;
  padding: 0;
  margin: 0;
  font-size: var(--font-size-small);
  font-family: inherit;
  line-height: inherit;
  color: var(--color-text);
  border: 1px solid var(--color-grey);
  background-color: #ffffff;
  transition: var(--transition);
}
@media screen and (min-width: 991px) {
  .content-style .mwInput {
    font-size: var(--font-size-medium);
  }
}

.content-style .mwInput input,
.content-style .mwInput button,
.content-style .mwInput select,
.content-style .mwInput optgroup,
.content-style .mwInput textarea {
  color: inherit;
  font-size: var(--font-size-small);
  font-family: inherit;
  font-weight: inherit;
  line-height: inherit;
  border: none;
  background-color: transparent;
}
@media screen and (min-width: 991px) {
  .content-style .mwInput input,
.content-style .mwInput button,
.content-style .mwInput select,
.content-style .mwInput optgroup,
.content-style .mwInput textarea {
    font-size: var(--font-size-medium);
  }
}

.content-style .mwInput input,
.content-style .mwInput select,
.content-style .mwInput button,
.content-style .mwInput textarea,
.content-style .mwInput optgroup, .content-style .mwInput.button input {
  height: 100%;
}

.content-style .mwInput.text, .content-style .mwInput.button, .content-style .mwInput.file, .content-style .mwInput.select {
  height: 36px;
}

.content-style .mwInput > div {
  height: auto;
}

.content-style .mwInput.text input {
  line-height: 30px;
  width: 100%;
  padding: 0 15px;
}

.content-style .mwInput.text input::placeholder {
  color: var(--color-text);
}

.content-style .mwInput.file .num, .content-style .mwInput.file .upload, .content-style .mwInput.file .fileName, .content-style .mwInput.select .value, .content-style .mwInput.select .subcontrol {
  line-height: 36px;
}

.content-style .mwInput.select {
  overflow: visible;
}

.content-style .mwInput.select select {
  width: 100%;
}

.content-style .mwInput.select .subcontrol.dropdown {
  top: -1px;
  right: -1px;
  border: 0;
  color: var(--color-primary);
  width: 39px;
}

.content-style .mwInput.select .subcontrol.dropdown:before {
  display: none;
}

.content-style .mwInput.select .subcontrol.dropdown:after {
  content: "\f078";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
}

.content-style .mwInput.select .value {
  padding: 0 15px;
  min-width: auto !important;
}

.content-style .mwInput.multiple select {
  padding: 7.5px;
}

.content-style .mwInput.multiple select option {
  padding: 5px 7.5px 5px;
}

.content-style .mwInput.multiple select option:first-of-type {
  border-radius: 2px 2px 0 0;
}

.content-style .mwInput.multiple select option:last-of-type {
  border-radius: 0 0 2px 2px;
}

.content-style .mwInput.checkbox {
  display: block;
  width: auto;
  border: none;
  background: none;
  box-shadow: none;
}

.content-style .mwInput.checkbox:before {
  display: none;
}

.content-style .mwInput.checkbox .icon {
  display: inline-block;
  padding: 0;
  height: auto;
  white-space: normal;
  vertical-align: middle;
  line-height: 1.5;
}

.content-style .mwInput.checkbox .icon:before {
  content: "";
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 15px 0 0 !important;
  border-radius: 4px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.08);
  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 15px;
  width: 26px;
  height: 26px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  background-image: none;
  background-color: #ffffff;
}

.content-style .mwInput.checkbox.checked .icon {
  font-weight: 700;
}

.content-style .mwInput.checkbox.checked .icon:before {
  border-color: #6c757d;
  background-color: #6c757d;
  background-image: url(../images/static/svg/icon-checkmark-1-white.svg);
  box-shadow: none;
}

.content-style .mwRadios::after {
  display: block;
  clear: both;
  content: "";
}

.content-style .mwRadios .mwInput.checkbox .icon:before {
  border-radius: 50%;
  background-size: 10px;
}

.content-style .mwRadios .mwInput.checkbox.checked .icon:before {
  background-image: url(../images/static/svg/icon-circle-1-white.svg);
}

.content-style .mwRadios .mwInput.checkbox + .mwInput.checkbox {
  margin-top: 8px;
}

.content-style .mwInput.textarea textarea {
  display: block;
  min-height: 260px;
  padding: 15px;
  resize: vertical;
}

.content-style .mwInput.textarea textarea::placeholder {
  color: var(--color-text);
}

.content-style .mwInput.file {
  padding: 0;
  overflow: visible;
}

.content-style .mwInput.file .fill {
  background-color: #62C9B7;
}

.content-style .mwInput.file .fileName {
  position: relative;
  padding: 0 15px;
}

.content-style .mwInput.file .num {
  right: 38px;
  padding: 0 15px;
  color: #ffffff;
}

.content-style .mwInput.file .upload {
  top: -1px;
  right: -1px;
  border: 0;
  color: var(--color-primary);
  width: 39px;
  background-color: transparent;
}

.content-style .mwInput.file .upload > div {
  display: none;
}

.content-style .mwInput.file .upload:before {
  display: none;
}

.content-style .mwInput.file .upload:after {
  content: "\f093";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
}

.content-style .mwInput.button {
  display: table;
  border-width: 1px;
  border-style: solid;
  border-color: var(--color-primary);
  background-color: var(--color-primary);
  box-shadow: none;
}

.content-style .mwInput.button input {
  padding: 0 35px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  font-family: var(--font-secondary);
  letter-spacing: 0;
  text-transform: none;
  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;
}

.content-style .mwInput.button:hover {
  border-color: var(--color-secondary);
  background-color: var(--color-secondary);
}

.content-style .mwInput.button:hover input {
  color: #ffffff;
}

.content-style .mwCaptcha {
  display: block;
  padding: 20px 20px 15px;
  margin: 0;
  text-align: center;
  background-color: #f5f5f5;
  background-image: url("../images/static/pattern/pattern-2.png");
  background-repeat: repeat;
}
@media (max-width: 575px) {
  .content-style .mwCaptcha {
    padding: 20px 0 15px;
  }
}
@media (max-width: 359px) {
  .content-style .mwCaptcha {
    overflow: hidden;
    width: 290px;
    padding: 0;
    text-align: left;
    background-color: transparent;
    background-image: none;
  }
}

.content-style .mwCaptcha script {
  display: inline;
}

@media (max-width: 359px) {
  .content-style .mwCaptcha .g-recaptcha {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }
}
.content-style .captchaLeft .mwCaptcha {
  padding: 0;
  text-align: left;
  background: none;
}

.content-style .Dialog.twoCol {
  width: calc(50% - 15px);
}

@media (max-width: 991px) {
  .content-style .Dialog.twoCol {
    width: 100%;
  }
}
.content-style .Dialog.twoCol:nth-of-type(odd), .content-style .Dialog.twoCol:nth-of-type(even) {
  margin-right: 15px;
}

@media (max-width: 991px) {
  .content-style .Dialog.twoCol:nth-of-type(odd), .content-style .Dialog.twoCol:nth-of-type(even) {
    float: none;
    margin-left: 0;
    margin-right: 0;
  }
}
.content-style .Dialog.twoCol:nth-of-type(odd) {
  float: left;
}

.content-style .Dialog.twoCol:nth-of-type(even) {
  float: right;
}

.content-style .inputGroup {
  display: flex;
  align-items: stretch;
}

.content-style .inputGroup label {
  flex: 0 0 auto;
  padding: 0 15px;
  min-width: 100px;
  height: 40px;
  line-height: 38px;
  font-weight: 700;
  color: #ffffff;
  text-align: center;
  border-top: 1px solid var(--color-primary);
  border-left: 1px solid var(--color-primary);
  border-bottom: 1px solid var(--color-primary);
  border-radius: 4px 0 0 4px;
  background-color: var(--color-primary);
}

.content-style .inputGroup label + .mwInput.text {
  border-left-width: 0;
  border-right-width: 1px;
  border-radius: 0 4px 4px 0;
}

.content-style .inputGroup .mwInput.text {
  z-index: 1;
  flex: 1 1 auto;
  border-right-width: 0;
  border-radius: 4px 0 0 4px;
}

.content-style .inputGroup .mwInput.button {
  flex: 0 0 auto;
  border-radius: 0 4px 4px 0;
}

.content-style .inputGroup .mwInput.button input {
  padding: 0 15px;
}

.content-style .nestedForm:not(tbody) {
  padding: 30px 30px 35px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.1);
}

@media (max-width: 575px) {
  .content-style .nestedForm:not(tbody) {
    padding: 20px 15px 25px;
  }
}
.content-style .nestedForm:not(tbody) table {
  margin-bottom: 0;
}

.content-style tbody.nestedForm {
  border: 30px solid transparent;
  background-color: rgba(0, 0, 0, 0.1);
}

.content-style [data-toggle-form-hidden] {
  display: none;
}

.content-style [data-toggle-form-hidden-reverse] {
  display: block;
}

.content-style .mwFormStatus {
  margin-bottom: 50px;
}

.content-style .mwFormStatus:empty {
  margin-bottom: 0;
}

.content-style .mwFormStatus > .status {
  font-size: 12px;
  padding: 5px 20px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.content-style .mwFormStatus > .status:first-of-type {
  padding-top: 15px;
  font-size: 14px;
  text-transform: uppercase;
  border-radius: 6px 6px 0 0;
}

.content-style .mwFormStatus > .status:last-of-type {
  padding-bottom: 15px;
  border-radius: 0 0 6px 6px;
}

.content-style .mwFormStatus > .status:not(:first-of-type) {
  font-weight: 400;
}

.content-style .mwFormStatus > .status:not(:first-of-type):before {
  content: "\f06a";
  margin-right: 10px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
}

.content-style .mwFormStatus > .status.error {
  color: #ffffff;
  background-color: #dc3545;
}

.content-style .mwFormStatus > .status.error .status {
  color: #ffffff;
}

.content-style .Dialog .alert {
  margin: 8px 0;
}

.content-style .mwInput.Disabled, .content-style .mwInput.Disabled * {
  cursor: not-allowed;
}

.content-style .mwInput [disabled],
.content-style .mwInput input[disabled],
.content-style .mwInput textarea[readonly] {
  cursor: not-allowed;
}

.content-style .mwInput [readonly],
.content-style .mwInput input[readonly],
.content-style .mwInput textarea[readonly] {
  cursor: not-allowed;
}

.content-style .mwInput.hover:not(.button) {
  background-color: #ffffff;
}

.content-style .mwInput.hover.checkbox {
  background-color: transparent;
}

.content-style .mwInput.focus:not(.button) {
  background-color: #ffffff;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 3px rgba(67, 207, 214, 0.25);
}

.content-style .mwInput.focus.checkbox {
  background-color: transparent;
  box-shadow: none;
}

.content-style .mwInput.focus.checkbox .icon:before {
  box-shadow: 0 0 0 3px rgba(67, 207, 214, 0.25);
}

.content-style .mwInput.error {
  border-color: #dc3545;
}

.content-style .mwInput.error.checkbox .icon:before {
  border-color: #dc3545;
}

.content-style .mwInput.error.focus {
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 3px rgba(220, 53, 69, 0.25);
}

.content-style .mwInput.error.focus.checkbox {
  box-shadow: none;
}

.content-style .mwInput.error.focus.checkbox .icon:before {
  box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.25);
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Style - Form - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Forms - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/* Forms */
table.Dialog {
  width: 100%;
  text-align: left;
  margin-left: 0px;
  font-size: var(--font-size-small);
  background: none !important;
  border: none !important;
}
@media screen and (min-width: 991px) {
  table.Dialog {
    font-size: var(--font-size-medium);
  }
}

table.Dialog th {
  background: none;
  color: var(--color-text);
  padding: 5px;
  vertical-align: middle;
  border: none !important;
}

table.Dialog td {
  background: none !important;
  border: none !important;
}

table.Dialog {
  margin: 0 auto;
  background: none;
}

table.Dialog.two-column {
  width: 50%;
  float: left;
}

table.Dialog.two-column TH {
  padding-left: 5px;
  padding: 0;
  font-weight: 300;
}

table.Dialog.two-column TD {
  padding-left: 3px;
  padding-right: 5px;
  padding: 0;
}

.Dialog .mwInput.error {
  border: 1px solid red;
}

.Dialog select .mw {
  color: #fff;
}

/* Forms Button*/
.Dialog .mwInput.Button {
  font-size: 10pt;
  margin: 5px 0 0;
  color: #fff;
  font-weight: 600;
  background: #444;
  padding: 5px 18px;
  text-decoration: none;
  font-family: Arial, sans-serif;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
}

.Dialog .mwInput.Button:hover {
  background: #000;
  color: #fff;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
}

.Dialog .mwInput.Button input.mw {
  color: #fff !important;
  font-size: 10pt;
  font-family: Arial, sans-serif;
}

.Dialog .mwInput.Button:hover input.mw {
  color: #fff !important;
  font-size: 10pt;
}

.formTHEN.inputSubmit {
  display: flex;
  position: relative;
}
.formTHEN.inputSubmit::after {
  content: "";
  display: block;
  height: 1px;
  width: 100%;
  background-color: var(--color-white);
  position: absolute;
  bottom: 0;
}
.formTHEN.inputSubmit .mwInput.text {
  background-color: transparent;
  border: none;
  color: inherit;
  margin: 0 15px 0 0;
  flex-grow: 1;
  box-shadow: none;
}
.formTHEN.inputSubmit .mwInput.text input {
  font-size: var(--font-size-x-small);
  padding: 0;
}
.formTHEN.inputSubmit .mwInput.text input::placeholder {
  color: inherit;
  font-weight: bold;
}
.formTHEN.inputSubmit button {
  color: inherit;
  font-size: var(--font-size-small);
  text-transform: uppercase;
  font-weight: bold;
}
.formTHEN.inputSubmit button:hover {
  color: var(--color-secondary);
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Forms - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Grid - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*One Column*/
.oneColButton {
  display: flex;
  justify-content: center;
}
.oneColButton.left {
  justify-content: flex-start;
}
.oneColButton.right {
  justify-content: flex-end;
}
.oneColButton.center {
  justify-content: center;
}
.oneColButton .oneColButtonWrap {
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media screen and (min-width: 1200px) {
  .oneColButton .oneColButtonWrap {
    flex-direction: row;
    width: initial;
  }
}
.oneColButton .btn p {
  margin: 0;
}
.oneColButton .btn p a,
.oneColButton .btn p button {
  width: 100%;
}
@media screen and (min-width: 1200px) {
  .oneColButton .btn p a,
.oneColButton .btn p button {
    width: initial;
  }
}

/*Two Columns*/
.twoColMoe {
  --column-gap: 30px;
  --row-gap: 30px;
  width: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  -webkit-column-gap: var(--column-gap);
  -moz-column-gap: var(--column-gap);
  column-gap: var(--column-gap);
  row-gap: var(--row-gap);
}
.twoColMoe.colGap60 {
  column-gap: 60px;
}
.twoColMoe.rowGap60 {
  row-gap: 60px;
}
.twoColMoe.colGap100 {
  column-gap: 100px;
}
.twoColMoe.rowGap100 {
  row-gap: 100px;
}
.twoColMoe.bp1200 {
  grid-template-columns: minmax(0, 1fr) !important;
}
@media screen and (min-width: 1200px) {
  .twoColMoe.bp1200 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
.twoColMoe.reversedOrderMobile .column:last-child {
  order: -1;
}
@media screen and (min-width: 991px) {
  .twoColMoe.reversedOrderMobile .column:last-child {
    order: 0;
  }
}
.twoColMoe.vcentered .column {
  -ms-flex-item-align: center;
  align-self: center;
}
.twoColMoe.vbottom {
  row-gap: calc(var(--row-gap) / 2);
}
.twoColMoe.vbottom .column {
  -ms-flex-item-align: end;
  align-self: flex-end;
}
@media screen and (max-width: 767px) {
  .twoColMoe.vbottom.ratio8t2 .column:last-child .mwBtnRight, .twoColMoe.vbottom.ratio8t2 .column:last-child .mwBtnCenter {
    text-align: left;
  }
}
@media screen and (min-width: 991px) {
  .twoColMoe {
    grid-template-columns: repeat(2, 1fr);
  }
  .twoColMoe.ratio1t9 {
    grid-template-columns: minmax(0, 1fr) minmax(0, 9fr);
  }
  .twoColMoe.ratio2t8 {
    grid-template-columns: minmax(0, 2fr) minmax(0, 8fr);
  }
  .twoColMoe.ratio3t7 {
    grid-template-columns: minmax(0, 3fr) minmax(0, 7fr);
  }
  .twoColMoe.ratio4t6 {
    grid-template-columns: minmax(0, 4fr) minmax(0, 6fr);
  }
  .twoColMoe.ratio6t4 {
    grid-template-columns: minmax(0, 6fr) minmax(0, 4fr);
  }
  .twoColMoe.ratio7t3 {
    grid-template-columns: minmax(0, 7fr) minmax(0, 3fr);
  }
  .twoColMoe.ratio7ht2h {
    grid-template-columns: minmax(0, 7.5fr) minmax(0, 2.5fr);
  }
  .twoColMoe.ratio8t2 {
    grid-template-columns: minmax(0, 8fr) minmax(0, 2fr);
  }
  .twoColMoe.ratio9t1 {
    grid-template-columns: minmax(0, 9fr) minmax(0, 1fr);
  }
}

/*Two Columns Buttons*/
.twoColButtons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.twoColButtons.twoColButtonsLeft {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.twoColButtons .twoColButtonsWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
}
@media screen and (min-width: 991px) {
  .twoColButtons:not(.twoColButtonsVertical) .twoColButtonsWrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: initial;
  }
}
.twoColButtons.twoColButtonsVertical .twoColButtonsWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
}
@media screen and (min-width: 991px) {
  .twoColButtons.twoColButtonsVertical .twoColButtonsWrap {
    width: initial;
  }
}
.twoColButtons .column {
  width: 100%;
}
@media screen and (min-width: 991px) {
  .twoColButtons .column {
    width: initial;
  }
}
.twoColButtons .column:not(:last-child) {
  margin: 0 0 15px 0;
}
@media screen and (min-width: 991px) {
  .twoColButtons:not(.twoColButtonsVertical) .column:not(:last-child) {
    margin: 0 30px 0 0;
  }
}
.twoColButtons .btn p {
  margin: 0;
}
.twoColButtons .btn p a {
  width: 100%;
}

/*Three Columns*/
.threeCol {
  --column-gap: 30px;
  --row-gap: 30px;
  width: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  column-gap: var(--column-gap);
  row-gap: var(--row-gap);
}
@media screen and (min-width: 991px) {
  .threeCol {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.threeCol.bp1200 {
  grid-template-columns: minmax(0, 1fr) !important;
}
@media screen and (min-width: 576px) {
  .threeCol.bp1200 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media screen and (min-width: 1200px) {
  .threeCol.bp1200 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media screen and (min-width: 576px) {
  .threeCol.bp1200 .column:last-child {
    grid-column: span 2;
  }
}
@media screen and (min-width: 1200px) {
  .threeCol.bp1200 .column:last-child {
    grid-column: span 1;
  }
}

/*Four Columns*/
.fourCol {
  --column-gap: 30px;
  --row-gap: 30px;
  width: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  -webkit-column-gap: var(--column-gap);
  -moz-column-gap: var(--column-gap);
  column-gap: var(--column-gap);
  row-gap: var(--row-gap);
}

@media screen and (min-width: 650px) {
  .fourCol {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 991px) {
  .fourCol {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Grid - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Header - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
body.mobileMenuOpened {
  overflow: hidden;
}

header.sticky {
  position: sticky;
  top: 0;
  z-index: 10;
}

header.fixed {
  position: sticky;
  width: 100%;
  top: 0;
  z-index: 10;
}
@media screen and (min-width: 1200px) {
  header.fixed {
    position: fixed;
  }
}

.headerTHEN {
  opacity: 0;
}
.headerTHEN:not(.headerTitlePage) {
  box-shadow: 0 3px 46px var(--box-shadow-color);
}
.headerTHEN .desktopNavigationMenu {
  transition: var(--transition);
}
.headerTHEN.headerTitlePage .desktopNavigationMenu {
  padding: 0;
}
@media screen and (min-width: 1200px) {
  .headerTHEN.headerTitlePage .desktopNavigationMenu {
    padding: 30px 80px 0 80px;
  }
}
.headerTHEN .desktopNavigationMenuWrap {
  display: flex;
  padding: 0 15px;
  height: 70px;
  background-color: var(--color-white);
  align-items: center;
}
@media screen and (min-width: 991px) {
  .headerTHEN .desktopNavigationMenuWrap {
    padding: 0 60px;
  }
}
@media screen and (min-width: 1200px) {
  .headerTHEN .desktopNavigationMenuWrap {
    height: initial;
    padding: 0;
    align-items: initial;
  }
}
@media screen and (min-width: 1200px) {
  .headerTHEN.headerTitlePage .desktopNavigationMenuWrap {
    background-color: transparent;
  }
}
.headerTHEN:not(.headerTitlePage) .desktopNavigationMenu .headerPrimaryLogo {
  display: flex;
  align-items: center;
  background-color: var(--color-white);
}
@media screen and (min-width: 1200px) {
  .headerTHEN:not(.headerTitlePage) .desktopNavigationMenu .headerPrimaryLogo {
    display: block;
    width: 300px;
    padding: 16.5px 24px 16.5px 48px;
    box-shadow: 0px 3px 6px rgba(var(--color-black-rgb), 0.16);
  }
}
@media screen and (min-width: 1400px) {
  .headerTHEN:not(.headerTitlePage) .desktopNavigationMenu .headerPrimaryLogo {
    width: 355px;
    padding: 16.5px 37px 16.5px 61px;
  }
}
@media screen and (min-width: 1200px) {
  .headerTHEN.headerTitlePage .desktopNavigationMenu .headerPrimaryLogo {
    display: block;
    width: initial;
    background-color: var(--color-quaternary);
    padding: 16px 18.4px 13.9px 18.4px;
    box-shadow: 0px 3px 6px rgba(var(--color-black-rgb), 0.16);
    margin: 0 21px 0 0;
  }
}
@media screen and (min-width: 1200px) {
  .headerTHEN .desktopNavigationMenu .headerPrimaryLogoWrap {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
  }
}
.headerTHEN .desktopNavigationMenu .headerPrimaryLogo .logo {
  height: 42px;
}
@media screen and (min-width: 1200px) {
  .headerTHEN .desktopNavigationMenu .headerPrimaryLogo .logo {
    width: 100%;
    height: 100%;
  }
}
@media screen and (min-width: 1200px) {
  .headerTHEN.headerTitlePage .desktopNavigationMenu .headerPrimaryLogo .logo {
    display: none;
  }
}
.headerTHEN:not(.headerTitlePage) .desktopNavigationMenu .headerPrimaryLogo .logoTitlePage {
  display: none;
}
.headerTHEN.headerTitlePage .desktopNavigationMenu .headerPrimaryLogo .logoTitlePage {
  display: none;
}
@media screen and (min-width: 1200px) {
  .headerTHEN.headerTitlePage .desktopNavigationMenu .headerPrimaryLogo .logoTitlePage {
    display: block;
  }
}
.headerTHEN .desktopNavigationMenu .headerMain {
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media screen and (min-width: 1200px) {
  .headerTHEN .desktopNavigationMenu .headerMain {
    display: block;
  }
}
.headerTHEN .desktopNavigationMenu .headerMainWrap {
  height: 100%;
}
@media screen and (min-width: 1200px) {
  .headerTHEN .desktopNavigationMenu .headerMainWrap > *:not(:last-child) {
    margin: 0 45px 0 0;
  }
}
@media screen and (min-width: 1400px) {
  .headerTHEN .desktopNavigationMenu .headerMainWrap > *:not(:last-child) {
    margin: 0 60px 0 0;
  }
}
.headerTHEN .desktopNavigationMenu .headerMenu {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.headerTHEN.headerTitlePage .desktopNavigationMenu .headerMenu {
  display: initial;
}
.headerTHEN .desktopNavigationMenu .secondaryMenu {
  background-color: var(--color-primary);
  padding: 16px 30px 10px 30px;
  display: none;
  justify-content: space-between;
}
@media screen and (min-width: 1200px) {
  .headerTHEN .desktopNavigationMenu .secondaryMenu {
    display: flex;
  }
}
.headerTHEN.headerTitlePage .secondaryMenu {
  box-shadow: 0px 3px 6px rgba(var(--color-black-rgb), 0.16);
}
.headerTHEN .desktopNavigationMenu .headerMessage {
  margin: 0 60px 0 0;
  flex-grow: 1;
}
.headerTHEN .desktopNavigationMenu .headerMessage .Content {
  display: flex;
  align-items: center;
}
.headerTHEN .desktopNavigationMenu .headerMessage .Content .blockContents * {
  color: var(--color-quaternary);
}

.headerTHEN .desktopNavigationMenu .headerMessage .Content .blockContents *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
  font-size: var(--font-size-xx-small);
}
.headerTHEN .desktopNavigationMenu .headerMessage .Content .blockContents a {
  color: var(--color-teritary);
  text-decoration: none;
}
.headerTHEN .desktopNavigationMenu .headerMessage .Content .blockContents a:hover {
  color: var(--color-secondary);
}
.headerTHEN .desktopNavigationMenu .utilityMenuAndBtns {
  display: flex;
}
.headerTHEN .desktopNavigationMenu .utilityMenuAndBtns > *:not(:last-child) {
  margin: 0 41px 0 0;
  position: relative;
}
.headerTHEN .desktopNavigationMenu .utilityMenuAndBtns > *:not(:last-child)::after {
  content: "";
  display: block;
  width: 1px;
  height: 16px;
  background-color: var(--color-quaternary);
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  right: -20.5px;
}
.headerTHEN .desktopNavigationMenu .utilityMenu {
  display: flex;
  align-items: center;
}
.headerTHEN .desktopNavigationMenu .utilityMenu .Menu {
  display: flex;
  align-items: center;
}
.headerTHEN .desktopNavigationMenu .utilityMenu ul {
  display: flex;
}
.headerTHEN .desktopNavigationMenu .utilityMenu li:not(:last-child) {
  margin: 0 30px 0 0;
}
.headerTHEN .desktopNavigationMenu .utilityMenu .Menu {
  display: flex;
  align-items: center;
}
.headerTHEN .desktopNavigationMenu .utilityMenu ul {
  display: flex;
}
.headerTHEN .desktopNavigationMenu .utilityMenu li {
  position: relative;
  display: flex;
  align-items: center;
}
.headerTHEN .desktopNavigationMenu .utilityMenu li:not(:last-child) {
  margin: 0 41px 0 0;
}
.headerTHEN .desktopNavigationMenu .utilityMenu li:not(:last-child)::after {
  content: "";
  display: block;
  width: 1px;
  height: 16px;
  background-color: var(--color-quaternary);
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  right: -20.5px;
}
.headerTHEN .desktopNavigationMenu .utilityMenu a {
  font-size: var(--font-size-xx-small);
  color: var(--color-quaternary);
  font-weight: normal;
  text-decoration: none;
}
.headerTHEN .desktopNavigationMenu .utilityMenu a:hover {
  color: var(--color-secondary);
}
.headerTHEN .desktopNavigationMenu .utilityMenu a * {
  transition: none;
}
.headerTHEN .desktopNavigationMenu .socialSNS {
  display: flex;
  align-items: center;
}
.headerTHEN .desktopNavigationMenu .snsLink {
  display: flex;
}
.headerTHEN .desktopNavigationMenu .headerSearchWrap {
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
}
.headerTHEN .desktopNavigationMenu .searchBtn {
  color: var(--color-quaternary);
  font-size: 13px;
  transition: var(--transition);
}
.headerTHEN .desktopNavigationMenu .searchBtn:hover {
  color: var(--color-secondary);
}
.headerTHEN .desktopNavigationMenu .searchBtn * {
  transition: none;
}
.headerTHEN .desktopNavigationMenu .searchBar {
  position: absolute;
  width: 100%;
  max-width: 600px;
  padding: 15px 20px;
  margin: 0 auto;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s linear;
  top: 100%;
  left: 50%;
  transform: translate(-50%, 0);
}
.headerTHEN .desktopNavigationMenu .searchBar .searchBarBackground {
  background-color: var(--color-primary);
  opacity: 0.6;
  backdrop-filter: blur(15px);
  border-radius: 6px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.headerTHEN .desktopNavigationMenu .searchBar .searchBarWrap {
  position: relative;
  z-index: 2;
}
.headerTHEN .desktopNavigationMenu .searchBar .searchBarWrap::after {
  content: "";
  display: block;
  height: 1px;
  width: 100%;
  background-color: var(--color-white);
}
.headerTHEN .desktopNavigationMenu .searchBar .searchBarForm {
  margin: 0 0 10px 0;
}
.headerTHEN .desktopNavigationMenu .searchBar .searchBarForm form {
  display: flex;
}
.headerTHEN .desktopNavigationMenu .searchBar .searchBarForm input {
  flex-grow: 1;
  background-color: transparent;
  border: none;
  color: var(--color-white);
}
.headerTHEN .desktopNavigationMenu .searchBar .searchBarForm button {
  color: var(--color-white);
}
.headerTHEN .desktopNavigationMenu .searchBar .searchBarForm button:hover {
  color: var(--color-secondary);
}
.headerTHEN .desktopNavigationMenu .searchBar .searchBarForm button * {
  transition: none;
}
.headerTHEN .desktopNavigationMenu .searchBar .searchBarForm input::placeholder {
  color: var(--color-white);
  font-weight: bold;
}
.headerTHEN.search-bar-desktop-open .desktopNavigationMenu .searchBar {
  visibility: visible;
  opacity: 1;
  transform: translate(-50%, 30px);
  z-index: 3;
}
.headerTHEN .desktopNavigationMenu .socialSNS .mwPageBlock {
  display: flex;
  align-items: center;
}
.headerTHEN .desktopNavigationMenu .socialSNS a {
  color: var(--color-quaternary);
  margin: 0 16px 0 0;
  transition: var(--transition);
}
.headerTHEN .desktopNavigationMenu .socialSNS a:hover {
  color: var(--color-secondary);
}
.headerTHEN .desktopNavigationMenu .socialSNS a:last-child {
  margin: 0px;
}
.headerTHEN .desktopNavigationMenu .socialSNS a * {
  transition: none;
}
.headerTHEN .desktopNavigationMenu .primaryMenu {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-grow: 1;
}
@media screen and (min-width: 1200px) {
  .headerTHEN.headerTitlePage .desktopNavigationMenu .primaryMenu {
    background-color: var(--color-white);
    box-shadow: 0px 3px 6px rgba(var(--color-black-rgb), 0.16);
  }
}
.headerTHEN .desktopNavigationMenu .mainMenu {
  display: none;
  height: 100%;
}
@media screen and (min-width: 1200px) {
  .headerTHEN .desktopNavigationMenu .mainMenu {
    display: block;
    margin: 0 0 0 25px;
  }
}
@media screen and (min-width: 1400px) {
  .headerTHEN .desktopNavigationMenu .mainMenu {
    display: block;
    margin: 0 0 0 30px;
  }
}
.headerTHEN .desktopNavigationMenu .mainMenu > .Menu,
.headerTHEN .desktopNavigationMenu .mainMenu > .Menu > .blockContents {
  height: inherit;
}
.headerTHEN .desktopNavigationMenu .mainMenu > .Menu > .blockContents > ul {
  display: flex;
  align-items: center;
  height: inherit;
}
.headerTHEN .desktopNavigationMenu .mainMenu > .Menu > .blockContents > ul > li {
  position: relative;
  margin: 0 25px 0 0;
  height: inherit;
}
@media screen and (min-width: 1600px) {
  .headerTHEN .desktopNavigationMenu .mainMenu > .Menu > .blockContents > ul > li {
    margin: 0 40px 0 0;
  }
}
@media screen and (min-width: 1750px) {
  .headerTHEN .desktopNavigationMenu .mainMenu > .Menu > .blockContents > ul > li {
    margin: 0 60px 0 0;
  }
}
.headerTHEN .desktopNavigationMenu .mainMenu > .Menu > .blockContents > ul > li:last-child {
  margin: 0;
}
.headerTHEN .desktopNavigationMenu .mainMenu > .Menu > .blockContents > ul > li:not(:last-child)::after {
  content: "";
  display: block;
  width: 1px;
  height: 24px;
  background-color: var(--color-primary-lightened);
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  right: -12.5px;
}
@media screen and (min-width: 1600px) {
  .headerTHEN .desktopNavigationMenu .mainMenu > .Menu > .blockContents > ul > li:not(:last-child)::after {
    right: -20px;
  }
}
@media screen and (min-width: 1750px) {
  .headerTHEN .desktopNavigationMenu .mainMenu > .Menu > .blockContents > ul > li:not(:last-child)::after {
    right: -30px;
  }
}
.headerTHEN .desktopNavigationMenu .mainMenu > .Menu > .blockContents > ul > li > a {
  display: flex;
  position: relative;
  padding: 16px 0;
  align-items: center;
  color: var(--color-primary);
  font-weight: bold;
  text-decoration: none;
  height: inherit;
  font-size: var(--font-size-xx-small);
  text-transform: uppercase;
}
@media screen and (min-width: 1750px) {
  .headerTHEN .desktopNavigationMenu .mainMenu > .Menu > .blockContents > ul > li > a {
    font-size: var(--font-size-small);
  }
}
.headerTHEN .desktopNavigationMenu .mainMenu > .Menu > .blockContents > ul > li > a:hover {
  color: var(--color-secondary);
}
.headerTHEN .desktopNavigationMenu .mainMenu > .Menu > .blockContents > ul > li > a * {
  transition: none;
}
.headerTHEN .desktopNavigationMenu .mainMenu > .Menu > .blockContents > ul > li.has-children > a:after {
  content: "\f078";
  font-family: var(--font-icon);
  margin-left: 8px;
  font-weight: 900;
  font-size: 9px;
}
.headerTHEN .desktopNavigationMenu .mainMenu ul li ul {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  padding: 10px 0;
  background-color: var(--color-primary);
  transition: var(--transition);
}
.headerTHEN .desktopNavigationMenu .mainMenu ul li ul li {
  position: relative;
  min-width: 260px;
  transition: var(--transition);
}
.headerTHEN .desktopNavigationMenu .mainMenu ul li ul li:hover {
  background-color: var(--color-secondary);
}
.headerTHEN .desktopNavigationMenu .mainMenu ul li ul li a {
  display: block;
  position: relative;
  padding: 10px 25px;
  color: #ffffff;
  white-space: inherit;
  font-weight: normal;
  text-decoration: none;
}
.headerTHEN .desktopNavigationMenu .mainMenu ul li ul li:hover > a {
  color: #ffffff;
}
.headerTHEN .desktopNavigationMenu .mainMenu ul li ul li.has-children {
  padding-right: 15px;
}
.headerTHEN .desktopNavigationMenu .mainMenu ul li ul li.has-children > a:after {
  content: "\f0da";
  font-family: var(--font-icon);
  position: absolute;
  font-weight: 900;
  margin: 0;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.headerTHEN .desktopNavigationMenu .mainMenu ul li:hover > ul {
  display: block;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.headerTHEN .desktopNavigationMenu .mainMenu ul li ul li ul {
  display: none;
  top: 0;
  left: 100%;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.headerTHEN .burger {
  display: table;
  position: relative;
  min-width: 20px;
  height: 20px;
  cursor: pointer;
}
.headerTHEN .burger .burgerLines {
  display: block;
  position: absolute;
  top: 2px;
  left: 0;
  overflow: hidden;
  width: 20px;
  height: 16px;
}
.headerTHEN .burger .burgerLine {
  display: block;
  position: absolute;
  top: 7px;
  height: 2px;
  border-radius: 0;
  background-color: var(--color-primary);
}
.headerTHEN .burger:hover .burgerLine {
  background-color: var(--color-secondary);
}
.headerTHEN .burger .burgerSlashes {
  display: inline-block;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
}
.headerTHEN .burger .burgerSlash {
  opacity: 0;
  display: block;
  position: absolute;
  top: 9px;
  left: -3px;
  width: 26px;
  height: 2px;
  border-radius: 0;
  background-color: var(--color-primary);
  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 500ms;
}
.headerTHEN .burger:hover .burgerSlash {
  background-color: var(--color-secondary);
}
.headerTHEN .burger .burgerText {
  display: block;
  position: relative;
  overflow: hidden;
  margin-left: 26px;
  color: var(--color-primary);
  text-transform: uppercase;
  font-size: 12px;
  line-height: 20px;
}
.headerTHEN .burger:hover .burgerText {
  color: var(--color-secondary);
}
.headerTHEN .burger .burgerText .textOpen {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms;
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
}
.headerTHEN .burger .burgerText .textClose {
  display: block;
  opacity: 0;
  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
.headerTHEN .burger.burgerHover:hover .burgerLine {
  background-color: var(--color-secondary);
}
.headerTHEN .burger.burgerHover:hover .burgerSlash {
  background-color: var(--color-secondary);
}
.headerTHEN .burger.burgerHover:hover .burgerText {
  color: var(--color-secondary);
}
.headerTHEN .burger.open .burgerText .textOpen {
  opacity: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}
.headerTHEN .burger.open .burgerText .textClose {
  opacity: 1;
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
}
.headerTHEN .burgerOne .burgerLine {
  width: 20px;
}
.headerTHEN .burgerOne .burgerLine:nth-of-type(1) {
  -webkit-transform: translate(0px, -7px);
  transform: translate(0px, -7px);
  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 0ms;
}
.headerTHEN .burgerOne .burgerLine:nth-of-type(2) {
  -webkit-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 100ms;
}
.headerTHEN .burgerOne .burgerLine:nth-of-type(3) {
  -webkit-transform: translate(0px, 7px);
  transform: translate(0px, 7px);
  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 200ms;
}
.headerTHEN .burgerOne .burgerLine:nth-of-type(4) {
  opacity: 0;
  -webkit-transform: translate(-20px, -7px);
  transform: translate(-20px, -7px);
  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 50ms;
}
.headerTHEN .burgerOne .burgerLine:nth-of-type(5) {
  opacity: 0;
  -webkit-transform: translate(-20px, 0px);
  transform: translate(-20px, 0px);
  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 150ms;
}
.headerTHEN .burgerOne .burgerLine:nth-of-type(6) {
  opacity: 0;
  -webkit-transform: translate(-20px, 7px);
  transform: translate(-20px, 7px);
  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 250ms;
}
.headerTHEN .burgerOne .burgerSlash:nth-of-type(1) {
  -webkit-transform: rotate(45deg) translate(-40px, 0);
  transform: rotate(45deg) translate(-40px, 0);
}
.headerTHEN .burgerOne .burgerSlash:nth-of-type(2) {
  -webkit-transform: rotate(-45deg) translate(40px, 0);
  transform: rotate(-45deg) translate(40px, 0);
}
.headerTHEN .burgerOne .burgerSlash:nth-of-type(3) {
  -webkit-transform: rotate(45deg) translate(-40px, 0);
  transform: rotate(45deg) translate(-40px, 0);
}
.headerTHEN .burgerOne .burgerSlash:nth-of-type(4) {
  -webkit-transform: rotate(-45deg) translate(40px, 0);
  transform: rotate(-45deg) translate(40px, 0);
}
.headerTHEN .burgerOne.burgerHover:not(.open):hover .burgerLine:nth-of-type(1) {
  opacity: 0;
  -webkit-transform: translate(20px, -7px);
  transform: translate(20px, -7px);
}
.headerTHEN .burgerOne.burgerHover:not(.open):hover .burgerLine:nth-of-type(2) {
  opacity: 0;
  -webkit-transform: translate(20px, 0);
  transform: translate(20px, 0);
}
.headerTHEN .burgerOne.burgerHover:not(.open):hover .burgerLine:nth-of-type(3) {
  opacity: 0;
  -webkit-transform: translate(20px, 7px);
  transform: translate(20px, 7px);
}
.headerTHEN .burgerOne.burgerHover:not(.open):hover .burgerLine:nth-of-type(4) {
  opacity: 1;
  -webkit-transform: translate(0px, -7px);
  transform: translate(0px, -7px);
}
.headerTHEN .burgerOne.burgerHover:not(.open):hover .burgerLine:nth-of-type(5) {
  opacity: 1;
  -webkit-transform: translate(0px, 0);
  transform: translate(0px, 0);
}
.headerTHEN .burgerOne.burgerHover:not(.open):hover .burgerLine:nth-of-type(6) {
  opacity: 1;
  -webkit-transform: translate(0px, 7px);
  transform: translate(0px, 7px);
}
.headerTHEN .burgerOne.open .burgerLine:nth-of-type(1) {
  -webkit-transform: translate(20px, -7px);
  transform: translate(20px, -7px);
}
.headerTHEN .burgerOne.open .burgerLine:nth-of-type(2) {
  -webkit-transform: translate(20px, 0);
  transform: translate(20px, 0);
}
.headerTHEN .burgerOne.open .burgerLine:nth-of-type(3) {
  -webkit-transform: translate(20px, 7px);
  transform: translate(20px, 7px);
}
.headerTHEN .burgerOne.open .burgerLine:nth-of-type(4) {
  opacity: 0;
  -webkit-transform: translate(20px, -7px);
  transform: translate(20px, -7px);
}
.headerTHEN .burgerOne.open .burgerLine:nth-of-type(5) {
  opacity: 0;
  -webkit-transform: translate(20px, 0);
  transform: translate(20px, 0);
}
.headerTHEN .burgerOne.open .burgerLine:nth-of-type(6) {
  opacity: 0;
  -webkit-transform: translate(20px, 7px);
  transform: translate(20px, 7px);
}
.headerTHEN .burgerOne.open .burgerSlash:nth-of-type(1) {
  -webkit-transform: translate(0, 0) rotate(45deg);
  transform: translate(0, 0) rotate(45deg);
  opacity: 1;
}
.headerTHEN .burgerOne.open .burgerSlash:nth-of-type(2) {
  -webkit-transform: translate(0, 0) rotate(-45deg);
  transform: translate(0, 0) rotate(-45deg);
  opacity: 1;
}
.headerTHEN .burgerOne.open.burgerHover:hover .burgerSlash:nth-of-type(1) {
  -webkit-transform: translate(45px, 45px) rotate(45deg);
  transform: translate(45px, 45px) rotate(45deg);
  opacity: 0;
}
.headerTHEN .burgerOne.open.burgerHover:hover .burgerSlash:nth-of-type(2) {
  -webkit-transform: translate(-45px, 45px) rotate(-45deg);
  transform: translate(-45px, 45px) rotate(-45deg);
  opacity: 0;
}
.headerTHEN .burgerOne.open.burgerHover:hover .burgerSlash:nth-of-type(3) {
  -webkit-transform: translate(0, 0) rotate(45deg);
  transform: translate(0, 0) rotate(45deg);
  opacity: 1;
}
.headerTHEN .burgerOne.open.burgerHover:hover .burgerSlash:nth-of-type(4) {
  -webkit-transform: translate(0, 0) rotate(-45deg);
  transform: translate(0, 0) rotate(-45deg);
  opacity: 1;
}
.headerTHEN .burgerTwo .burgerLine:nth-of-type(1) {
  width: 18px;
  -webkit-transform: translate(0px, -7px);
  transform: translate(0px, -7px);
  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 0ms;
}
.headerTHEN .burgerTwo .burgerLine:nth-of-type(2) {
  width: 20px;
  -webkit-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 100ms;
}
.headerTHEN .burgerTwo .burgerLine:nth-of-type(3) {
  width: 14px;
  -webkit-transform: translate(0px, 7px);
  transform: translate(0px, 7px);
  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 200ms;
}
.headerTHEN .burgerTwo .burgerLine:nth-of-type(4) {
  opacity: 0;
  width: 19px;
  -webkit-transform: translate(-20px, -7px);
  transform: translate(-20px, -7px);
  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 50ms;
}
.headerTHEN .burgerTwo .burgerLine:nth-of-type(5) {
  opacity: 0;
  width: 20px;
  -webkit-transform: translate(-20px, 0px);
  transform: translate(-20px, 0px);
  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 150ms;
}
.headerTHEN .burgerTwo .burgerLine:nth-of-type(6) {
  opacity: 0;
  width: 14px;
  -webkit-transform: translate(-20px, 7px);
  transform: translate(-20px, 7px);
  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 250ms;
}
.headerTHEN .burgerTwo .burgerSlash:nth-of-type(1) {
  -webkit-transform: rotate(45deg) translate(-40px, 0);
  transform: rotate(45deg) translate(-40px, 0);
}
.headerTHEN .burgerTwo .burgerSlash:nth-of-type(2) {
  -webkit-transform: rotate(-45deg) translate(40px, 0);
  transform: rotate(-45deg) translate(40px, 0);
}
.headerTHEN .burgerTwo .burgerSlash:nth-of-type(3) {
  -webkit-transform: rotate(45deg) translate(-40px, 0);
  transform: rotate(45deg) translate(-40px, 0);
}
.headerTHEN .burgerTwo .burgerSlash:nth-of-type(4) {
  -webkit-transform: rotate(-45deg) translate(40px, 0);
  transform: rotate(-45deg) translate(40px, 0);
}
.headerTHEN .burgerTwo.burgerHover:not(.open):hover .burgerLine:nth-of-type(1) {
  opacity: 0;
  -webkit-transform: translate(20px, -7px);
  transform: translate(20px, -7px);
}
.headerTHEN .burgerTwo.burgerHover:not(.open):hover .burgerLine:nth-of-type(2) {
  opacity: 0;
  -webkit-transform: translate(20px, 0);
  transform: translate(20px, 0);
}
.headerTHEN .burgerTwo.burgerHover:not(.open):hover .burgerLine:nth-of-type(3) {
  opacity: 0;
  -webkit-transform: translate(20px, 7px);
  transform: translate(20px, 7px);
}
.headerTHEN .burgerTwo.burgerHover:not(.open):hover .burgerLine:nth-of-type(4) {
  opacity: 1;
  -webkit-transform: translate(0px, -7px);
  transform: translate(0px, -7px);
}
.headerTHEN .burgerTwo.burgerHover:not(.open):hover .burgerLine:nth-of-type(5) {
  opacity: 1;
  -webkit-transform: translate(0px, 0);
  transform: translate(0px, 0);
}
.headerTHEN .burgerTwo.burgerHover:not(.open):hover .burgerLine:nth-of-type(6) {
  opacity: 1;
  -webkit-transform: translate(0px, 7px);
  transform: translate(0px, 7px);
}
.headerTHEN .burgerTwo.open .burgerLine:nth-of-type(1) {
  -webkit-transform: translate(20px, -7px);
  transform: translate(20px, -7px);
}
.headerTHEN .burgerTwo.open .burgerLine:nth-of-type(2) {
  -webkit-transform: translate(20px, 0);
  transform: translate(20px, 0);
}
.headerTHEN .burgerTwo.open .burgerLine:nth-of-type(3) {
  -webkit-transform: translate(20px, 7px);
  transform: translate(20px, 7px);
}
.headerTHEN .burgerTwo.open .burgerLine:nth-of-type(4) {
  opacity: 0;
  -webkit-transform: translate(20px, -7px);
  transform: translate(20px, -7px);
}
.headerTHEN .burgerTwo.open .burgerLine:nth-of-type(5) {
  opacity: 0;
  -webkit-transform: translate(20px, 0);
  transform: translate(20px, 0);
}
.headerTHEN .burgerTwo.open .burgerLine:nth-of-type(6) {
  opacity: 0;
  -webkit-transform: translate(20px, 7px);
  transform: translate(20px, 7px);
}
.headerTHEN .burgerTwo.open .burgerSlash:nth-of-type(1) {
  -webkit-transform: translate(0, 0) rotate(45deg);
  transform: translate(0, 0) rotate(45deg);
  opacity: 1;
}
.headerTHEN .burgerTwo.open .burgerSlash:nth-of-type(2) {
  -webkit-transform: translate(0, 0) rotate(-45deg);
  transform: translate(0, 0) rotate(-45deg);
  opacity: 1;
}
.headerTHEN .burgerTwo.open.burgerHover:hover .burgerSlash:nth-of-type(1) {
  -webkit-transform: translate(45px, 45px) rotate(45deg);
  transform: translate(45px, 45px) rotate(45deg);
  opacity: 0;
}
.headerTHEN .burgerTwo.open.burgerHover:hover .burgerSlash:nth-of-type(2) {
  -webkit-transform: translate(-45px, 45px) rotate(-45deg);
  transform: translate(-45px, 45px) rotate(-45deg);
  opacity: 0;
}
.headerTHEN .burgerTwo.open.burgerHover:hover .burgerSlash:nth-of-type(3) {
  -webkit-transform: translate(0, 0) rotate(45deg);
  transform: translate(0, 0) rotate(45deg);
  opacity: 1;
}
.headerTHEN .burgerTwo.open.burgerHover:hover .burgerSlash:nth-of-type(4) {
  -webkit-transform: translate(0, 0) rotate(-45deg);
  transform: translate(0, 0) rotate(-45deg);
  opacity: 1;
}
.headerTHEN .burgerThree .burgerLine:nth-of-type(1) {
  width: 20px;
  -webkit-transform: translate(0px, -7px);
  transform: translate(0px, -7px);
  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 0ms;
}
.headerTHEN .burgerThree .burgerLine:nth-of-type(2) {
  width: 20px;
  -webkit-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 100ms;
}
.headerTHEN .burgerThree .burgerLine:nth-of-type(3) {
  width: 14px;
  -webkit-transform: translate(0px, 7px);
  transform: translate(0px, 7px);
  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 200ms;
}
.headerTHEN .burgerThree .burgerLine:nth-of-type(4) {
  opacity: 0;
  width: 20px;
  -webkit-transform: translate(-20px, -7px);
  transform: translate(-20px, -7px);
  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 50ms;
}
.headerTHEN .burgerThree .burgerLine:nth-of-type(5) {
  opacity: 0;
  width: 20px;
  -webkit-transform: translate(-20px, 0px);
  transform: translate(-20px, 0px);
  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 150ms;
}
.headerTHEN .burgerThree .burgerLine:nth-of-type(6) {
  opacity: 0;
  width: 14px;
  -webkit-transform: translate(-20px, 7px);
  transform: translate(-20px, 7px);
  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 250ms;
}
.headerTHEN .burgerThree .burgerSlash:nth-of-type(1) {
  -webkit-transform: rotate(45deg) translate(-40px, 0);
  transform: rotate(45deg) translate(-40px, 0);
}
.headerTHEN .burgerThree .burgerSlash:nth-of-type(2) {
  -webkit-transform: rotate(-45deg) translate(40px, 0);
  transform: rotate(-45deg) translate(40px, 0);
}
.headerTHEN .burgerThree .burgerSlash:nth-of-type(3) {
  -webkit-transform: rotate(45deg) translate(-40px, 0);
  transform: rotate(45deg) translate(-40px, 0);
}
.headerTHEN .burgerThree .burgerSlash:nth-of-type(4) {
  -webkit-transform: rotate(-45deg) translate(40px, 0);
  transform: rotate(-45deg) translate(40px, 0);
}
.headerTHEN .burgerThree.burgerHover:not(.open):hover .burgerLine:nth-of-type(1) {
  opacity: 0;
  -webkit-transform: translate(20px, -7px);
  transform: translate(20px, -7px);
}
.headerTHEN .burgerThree.burgerHover:not(.open):hover .burgerLine:nth-of-type(2) {
  opacity: 0;
  -webkit-transform: translate(20px, 0);
  transform: translate(20px, 0);
}
.headerTHEN .burgerThree.burgerHover:not(.open):hover .burgerLine:nth-of-type(3) {
  opacity: 0;
  -webkit-transform: translate(20px, 7px);
  transform: translate(20px, 7px);
}
.headerTHEN .burgerThree.burgerHover:not(.open):hover .burgerLine:nth-of-type(4) {
  opacity: 1;
  -webkit-transform: translate(0px, -7px);
  transform: translate(0px, -7px);
}
.headerTHEN .burgerThree.burgerHover:not(.open):hover .burgerLine:nth-of-type(5) {
  opacity: 1;
  -webkit-transform: translate(0px, 0);
  transform: translate(0px, 0);
}
.headerTHEN .burgerThree.burgerHover:not(.open):hover .burgerLine:nth-of-type(6) {
  opacity: 1;
  -webkit-transform: translate(0px, 7px);
  transform: translate(0px, 7px);
}
.headerTHEN .burgerThree.open .burgerLine:nth-of-type(1) {
  -webkit-transform: translate(20px, -7px);
  transform: translate(20px, -7px);
}
.headerTHEN .burgerThree.open .burgerLine:nth-of-type(2) {
  -webkit-transform: translate(20px, 0);
  transform: translate(20px, 0);
}
.headerTHEN .burgerThree.open .burgerLine:nth-of-type(3) {
  -webkit-transform: translate(20px, 7px);
  transform: translate(20px, 7px);
}
.headerTHEN .burgerThree.open .burgerLine:nth-of-type(4) {
  opacity: 0;
  -webkit-transform: translate(20px, -7px);
  transform: translate(20px, -7px);
}
.headerTHEN .burgerThree.open .burgerLine:nth-of-type(5) {
  opacity: 0;
  -webkit-transform: translate(20px, 0);
  transform: translate(20px, 0);
}
.headerTHEN .burgerThree.open .burgerLine:nth-of-type(6) {
  opacity: 0;
  -webkit-transform: translate(20px, 7px);
  transform: translate(20px, 7px);
}
.headerTHEN .burgerThree.open .burgerSlash:nth-of-type(1) {
  -webkit-transform: translate(0, 0) rotate(45deg);
  transform: translate(0, 0) rotate(45deg);
  opacity: 1;
}
.headerTHEN .burgerThree.open .burgerSlash:nth-of-type(2) {
  -webkit-transform: translate(0, 0) rotate(-45deg);
  transform: translate(0, 0) rotate(-45deg);
  opacity: 1;
}
.headerTHEN .burgerThree.open.burgerHover:hover .burgerSlash:nth-of-type(1) {
  -webkit-transform: translate(45px, 45px) rotate(45deg);
  transform: translate(45px, 45px) rotate(45deg);
  opacity: 0;
}
.headerTHEN .burgerThree.open.burgerHover:hover .burgerSlash:nth-of-type(2) {
  -webkit-transform: translate(-45px, 45px) rotate(-45deg);
  transform: translate(-45px, 45px) rotate(-45deg);
  opacity: 0;
}
.headerTHEN .burgerThree.open.burgerHover:hover .burgerSlash:nth-of-type(3) {
  -webkit-transform: translate(0, 0) rotate(45deg);
  transform: translate(0, 0) rotate(45deg);
  opacity: 1;
}
.headerTHEN .burgerThree.open.burgerHover:hover .burgerSlash:nth-of-type(4) {
  -webkit-transform: translate(0, 0) rotate(-45deg);
  transform: translate(0, 0) rotate(-45deg);
  opacity: 1;
}
.headerTHEN .burgerFour .burgerLines {
  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms;
}
.headerTHEN .burgerFour .burgerLine {
  width: 20px;
}
.headerTHEN .burgerFour .burgerLine:nth-of-type(1) {
  -webkit-transform: translate(0px, -7px);
  transform: translate(0px, -7px);
  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 0ms;
}
.headerTHEN .burgerFour .burgerLine:nth-of-type(2) {
  -webkit-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 100ms;
}
.headerTHEN .burgerFour .burgerLine:nth-of-type(3) {
  -webkit-transform: translate(0px, 7px);
  transform: translate(0px, 7px);
  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 200ms;
}
.headerTHEN .burgerFour .burgerLine:nth-of-type(4) {
  opacity: 0;
  -webkit-transform: translate(-20px, -7px);
  transform: translate(-20px, -7px);
  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 50ms;
}
.headerTHEN .burgerFour .burgerLine:nth-of-type(5) {
  opacity: 0;
  -webkit-transform: translate(-20px, 0px);
  transform: translate(-20px, 0px);
  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 150ms;
}
.headerTHEN .burgerFour .burgerLine:nth-of-type(6) {
  opacity: 0;
  -webkit-transform: translate(-20px, 7px);
  transform: translate(-20px, 7px);
  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 250ms;
}
.headerTHEN .burgerFour .burgerSlashes {
  display: none;
}
.headerTHEN .burgerFour.burgerHover:hover .burgerLine:nth-of-type(1) {
  opacity: 0;
  -webkit-transform: translate(20px, -7px);
  transform: translate(20px, -7px);
}
.headerTHEN .burgerFour.burgerHover:hover .burgerLine:nth-of-type(2) {
  opacity: 0;
  -webkit-transform: translate(20px, 0);
  transform: translate(20px, 0);
}
.headerTHEN .burgerFour.burgerHover:hover .burgerLine:nth-of-type(3) {
  opacity: 0;
  -webkit-transform: translate(20px, 7px);
  transform: translate(20px, 7px);
}
.headerTHEN .burgerFour.burgerHover:hover .burgerLine:nth-of-type(4) {
  opacity: 1;
  -webkit-transform: translate(0px, -7px);
  transform: translate(0px, -7px);
}
.headerTHEN .burgerFour.burgerHover:hover .burgerLine:nth-of-type(5) {
  opacity: 1;
  -webkit-transform: translate(0px, 0);
  transform: translate(0px, 0);
}
.headerTHEN .burgerFour.burgerHover:hover .burgerLine:nth-of-type(6) {
  opacity: 1;
  -webkit-transform: translate(0px, 7px);
  transform: translate(0px, 7px);
}
.headerTHEN .burgerFour.open .burgerLines {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.headerTHEN .desktopNavigationMenu .mobileMenuAndCTA {
  height: 100%;
  display: flex;
}
.headerTHEN .desktopNavigationMenu .headerMobileMenu {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 1200px) {
  .headerTHEN .desktopNavigationMenu .headerMobileMenu {
    display: none;
  }
}
.headerTHEN .desktopNavigationMenu .headerCTAMobile {
  margin: 0 30px 0 0;
  align-items: center;
  display: none;
  height: inherit;
}
@media screen and (min-width: 676px) {
  .headerTHEN .desktopNavigationMenu .headerCTAMobile {
    display: flex;
  }
}
@media screen and (min-width: 1200px) {
  .headerTHEN .desktopNavigationMenu .headerCTAMobile {
    display: none;
  }
}
.headerTHEN .desktopNavigationMenu .headerCTAMobile a {
  color: var(--color-primary);
}
.headerTHEN .desktopNavigationMenu .headerCTAMobile a:hover {
  color: var(--color-white);
}
.headerTHEN .desktopNavigationMenu .headerCTA {
  display: none;
  flex-direction: column;
  justify-content: center;
  height: inherit;
}
@media screen and (min-width: 1200px) {
  .headerTHEN .desktopNavigationMenu .headerCTA {
    display: flex;
  }
}
.headerTHEN .desktopNavigationMenu .headerCTA .Button,
.headerTHEN .desktopNavigationMenu .headerCTA .blockContents,
.headerTHEN .desktopNavigationMenu .headerCTA .blockContents > div,
.headerTHEN .desktopNavigationMenu .headerCTA .blockContents .btn,
.headerTHEN .desktopNavigationMenu .headerCTA .blockContents p {
  height: inherit;
}
.headerTHEN .desktopNavigationMenu .headerCTA a {
  width: 100%;
  box-shadow: 0 3px 26px var(--box-shadow-color);
  color: var(--color-primary);
  padding: 16px 20px;
  line-height: 21px;
  height: inherit;
  min-width: 230px;
  font-size: var(--font-size-xx-small);
}
@media screen and (min-width: 1200px) {
  .headerTHEN .desktopNavigationMenu .headerCTA a {
    padding: 16px 23px;
    min-width: 242px;
    font-size: var(--font-size-x-small);
  }
}
@media screen and (min-width: 1500px) {
  .headerTHEN .desktopNavigationMenu .headerCTA a {
    padding: 16px 28px;
    min-width: 262px;
  }
}
.headerTHEN .desktopNavigationMenu .headerCTA a:hover {
  color: var(--color-white);
}
.headerTHEN .desktopNavigationMenu .headerCTA .btnSecondary a:hover {
  background-color: var(--color-secondary-darkened);
  border-color: var(--color-secondary-darkened);
}
.headerTHEN .desktopNavigationMenu .headerCTA .btnWhite p > a {
  color: var(--color-secondary);
}
.headerTHEN .desktopNavigationMenu .headerCTA .btnWhite p > a:hover {
  color: var(--color-white);
}
.headerTHEN .mobileNavigationMenu .mobileNavigationMenuHeader {
  max-width: 1110px;
  margin: 0 auto 40px auto;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  box-sizing: content-box;
}
.headerTHEN .mobileNavigationMenu .mobileNavigationMenuHeader .burger .burgerLine,
.headerTHEN .mobileNavigationMenu .mobileNavigationMenuHeader .burger .burgerSlash {
  background-color: var(--color-white);
}
.headerTHEN .mobileNavigationMenu .mobileNavigationMenuHeader .burger:hover .burgerLine,
.headerTHEN .mobileNavigationMenu .mobileNavigationMenuHeader .burger:hover .burgerSlash {
  background-color: var(--color-secondary);
}
@media screen and (min-width: 767px) {
  .headerTHEN .mobileNavigationMenu .mobileNavigationMenuHeader {
    height: 110px;
  }
}
.headerTHEN .mobileNavigationMenu {
  position: fixed;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background-color: var(--color-primary);
  z-index: 999999;
  opacity: 0;
  visibility: hidden;
  transition: var(--transition);
  overflow-y: auto;
}
.headerTHEN .mobileNavigationMenu.open {
  opacity: 1;
  visibility: visible;
}
.headerTHEN .mobileNavigationMenuHeader {
  height: var(--mobile-header-height);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  margin: 0 0 30px 0;
}
@media screen and (min-width: 991px) {
  .headerTHEN .mobileNavigationMenuHeader {
    height: var(--desktop-header-height);
  }
}
.headerTHEN .mobileNavigationMenuHeader .burger .burgerLine,
.headerTHEN .mobileNavigationMenuHeader .burger .burgerSlash {
  background-color: var(--color-white);
}
.headerTHEN .mobileNavigationMenuHeader .burger:hover .burgerLine,
.headerTHEN .mobileNavigationMenuHeader .burger:hover .burgerSlash {
  background-color: var(--color-white);
}
.headerTHEN .mobileNavigationMenu .headerCTA {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.headerTHEN .mobileNavigationMenu .headerCTA > div:not(:last-child) {
  margin: 0 10px 0 0;
}
.headerTHEN .mobileNavigationMenu .mobileNavigationMenuContent {
  max-width: 1110px;
  margin: 0 auto;
}
.headerTHEN .mobileNavigationMenu .mainMenu {
  margin: 0 0 30px 0;
}
.headerTHEN .mobileNavigationMenu .mainMenu a {
  color: var(--color-white);
  text-decoration: none;
}
.headerTHEN .mobileNavigationMenu .mainMenu a:hover {
  color: var(--color-secondary);
}
.headerTHEN .mobileNavigationMenu .mainMenu > .Menu > .blockContents > ul > li {
  padding: 0 0 5px 0;
}
.headerTHEN .mobileNavigationMenu .mainMenu > .Menu > .blockContents > ul > li > a {
  font-size: var(--font-size-x-large);
  font-family: var(--font-primary);
}
@media screen and (min-width: 576px) {
  .headerTHEN .mobileNavigationMenu .mainMenu > .Menu > .blockContents > ul > li > a {
    font-size: var(--font-size-xx-large);
  }
}
.headerTHEN .mobileNavigationMenu .mainMenu > .Menu > .blockContents > ul > li > a * {
  transition: none;
}
.headerTHEN .mobileNavigationMenu .mainMenu > .Menu > .blockContents > ul > li ul::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background-color: #DE741A;
}
.headerTHEN .mobileNavigationMenu .mainMenu > .Menu > .blockContents > ul > li ul li {
  padding: 0 0 10px 0;
}
.headerTHEN .mobileNavigationMenu .mainMenu > .Menu > .blockContents > ul > li ul li:last-child {
  padding: 0;
}
.headerTHEN .mobileNavigationMenu .mainMenu > .Menu li > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.headerTHEN .mobileNavigationMenu .mainMenu > .Menu li > a * {
  transition: none;
}
.headerTHEN .mobileNavigationMenu .mainMenu > .Menu li.has-children > ul {
  position: relative;
  visibility: hidden;
  height: 0;
  padding: 0;
  -webkit-transition: height 0.3s ease-out, visibility 0s ease-out;
  transition: height 0.3s ease-out, visibility 0s ease-out;
  opacity: 0;
}
.headerTHEN .mobileNavigationMenu .mainMenu > .Menu li.has-children > a span {
  margin: 0 30px 0 0;
}
.headerTHEN .mobileNavigationMenu .mainMenu > .Menu li.has-children > a .expandCollapseBtn {
  position: relative;
  width: 21px;
  height: 21px;
}
.headerTHEN .mobileNavigationMenu .mainMenu > .Menu li.has-children > a img[alt="Collapse Icon"] {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.headerTHEN .mobileNavigationMenu .mainMenu > .Menu li.has-children > a img[alt="Expand Icon"] {
  opacity: 1;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.headerTHEN .mobileNavigationMenu .mainMenu > .Menu li.has-children.active > a img[alt="Collapse Icon"] {
  opacity: 1;
}
.headerTHEN .mobileNavigationMenu .mainMenu > .Menu li.has-children.active > a img[alt="Expand Icon"] {
  opacity: 0;
}
.headerTHEN .mobileNavigationMenu .mainMenu > .Menu li.has-children.active > ul {
  padding: 10px 15px;
  height: initial;
  visibility: visible;
  opacity: 1;
}
.headerTHEN .mobileNavigationMenu .mainMenu > .Menu > .blockContents > ul > li ul a {
  font-size: var(--font-size-large);
}
.headerTHEN .mobileNavigationMenu .mobileNavigationMenuFooter {
  max-width: 1110px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 0 auto 40px auto;
}
.headerTHEN .mobileNavigationMenu .mobileNavigationMenuFooter > *:not(:last-child) {
  margin: 0 0 15px 0;
}
.headerTHEN .mobileNavigationMenu .headerSearchBar {
  width: 100%;
}
.headerTHEN .mobileNavigationMenu .searchBtn {
  color: var(--color-white);
}
.headerTHEN .mobileNavigationMenu .searchBtn:hover {
  color: var(--color-secondary);
}
.headerTHEN .mobileNavigationMenu .searchBtn * {
  transition: none;
}
.headerTHEN .mobileNavigationMenu .searchBar {
  position: absolute;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s linear;
  display: none;
  position: relative;
  margin: 15px 0 0 0;
  max-width: 100%;
}
.headerTHEN .mobileNavigationMenu .searchBar .searchBarBackground {
  background-color: var(--color-primary);
  opacity: 0.6;
  backdrop-filter: blur(15px);
  border-radius: 6px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.headerTHEN .mobileNavigationMenu .searchBar .searchBarWrap {
  position: relative;
  z-index: 2;
}
.headerTHEN .mobileNavigationMenu .searchBar .searchBarWrap::after {
  content: "";
  display: block;
  height: 1px;
  width: 100%;
  background-color: var(--color-white);
}
.headerTHEN .mobileNavigationMenu .searchBar .searchBarForm {
  margin: 0 0 10px 0;
}
.headerTHEN .mobileNavigationMenu .searchBar .searchBarForm form {
  display: flex;
}
.headerTHEN .mobileNavigationMenu .searchBar .searchBarForm input {
  flex-grow: 1;
  background-color: transparent;
  border: none;
  color: var(--color-white);
}
.headerTHEN .mobileNavigationMenu .searchBar .searchBarForm button {
  color: var(--color-white);
}
.headerTHEN .mobileNavigationMenu .searchBar .searchBarForm button:hover {
  color: var(--color-secondary);
}
.headerTHEN .mobileNavigationMenu .searchBar .searchBarForm button * {
  transition: none;
}
.headerTHEN .mobileNavigationMenu .searchBar .searchBarForm input::placeholder {
  color: var(--color-white);
  font-weight: bold;
}
.headerTHEN.search-bar-mobile-open .mobileNavigationMenu .searchBar {
  visibility: visible;
  opacity: 1;
  display: block;
}
.headerTHEN .mobileNavigationMenu .button {
  width: 100%;
}
.headerTHEN .mobileNavigationMenu .button p > a {
  padding: 8px 20px;
  font-size: 12px;
  width: 100%;
}
@media screen and (min-width: 425px) {
  .headerTHEN .mobileNavigationMenu .button p > a {
    padding: 12px 31px;
    font-size: 16px;
  }
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Header - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Layout - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.contentAreaCoreConepts {
  position: relative;
  background-image: url("../images/background-core-concept.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 600px;
  height: 100%;
  display: flex;
  overflow: hidden;
  color: var(--color-white);
}
@media screen and (min-width: 991px) {
  .contentAreaCoreConepts {
    align-items: center;
  }
}
.contentAreaCoreConepts > .image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}
@media screen and (min-width: 991px) {
  .contentAreaCoreConepts > .image {
    display: block;
  }
}
.contentAreaCoreConepts > .image .container {
  position: relative;
  height: 100%;
  display: grid;
  grid-template-columns: 1fr;
  column-gap: 30px;
}
@media screen and (min-width: 991px) {
  .contentAreaCoreConepts > .image .container {
    grid-template-columns: 4.5fr 5.5fr;
  }
}
.contentAreaCoreConepts > .image .dottedBackground {
  position: absolute;
  right: -85px;
  top: 50%;
  transform: translate(0, -50%);
}
.contentAreaCoreConepts > .image .coreConceptImage {
  position: absolute;
  right: 0;
  top: 170px;
  width: 550px;
  padding: 0 var(--container-padding) 0 0;
}
@media screen and (min-width: 1200px) {
  .contentAreaCoreConepts > .image .coreConceptImage {
    right: -50px;
    width: 620px;
    padding: 0;
  }
}
.contentAreaCoreConepts .contentAreaWrap {
  width: 100%;
  padding-bottom: 0;
}
@media screen and (min-width: 991px) {
  .contentAreaCoreConepts .contentAreaWrap {
    width: 100%;
    padding-bottom: 90px;
  }
}
.contentAreaCoreConepts .containerWrapper {
  display: grid;
  grid-template-columns: 1fr;
  column-gap: 30px;
  row-gap: 100px;
}
@media screen and (min-width: 991px) {
  .contentAreaCoreConepts .containerWrapper {
    grid-template-areas: ". main";
    grid-template-columns: 4.5fr 5.5fr;
  }
}
.contentAreaCoreConepts .contentHeader {
  margin: 0 0 100px 0;
}
@media screen and (min-width: 991px) {
  .contentAreaCoreConepts .contentHeader {
    margin: 0 0 140px 0;
  }
}
.contentAreaCoreConepts .Content h1,
.contentAreaCoreConepts .Content h2,
.contentAreaCoreConepts .Content h3,
.contentAreaCoreConepts .Content h4,
.contentAreaCoreConepts .Content h5,
.contentAreaCoreConepts .Content h6 {
  color: var(--color-white);
}
.contentAreaCoreConepts .contentAreaWrap .image {
  display: block;
  position: relative;
  margin: 0 0 90px 0;
}
@media screen and (min-width: 991px) {
  .contentAreaCoreConepts .contentAreaWrap .image {
    display: none;
    margin: 0;
  }
}
.contentAreaCoreConepts .contentAreaWrap .dottedBackground {
  width: 100%;
}
.contentAreaCoreConepts .contentAreaWrap .coreConceptImage {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 800px;
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Layout - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Layout Modifiers - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*Header With Vertical Decoration Bar*/
.headerWithVerticalBar h1, .headerWithVerticalBar h2, .headerWithVerticalBar h3, .headerWithVerticalBar h4, .headerWithVerticalBar h5, .headerWithVerticalBar h6 {
  display: flex;
  align-items: center;
}
.headerWithVerticalBar h1::before, .headerWithVerticalBar h2::before, .headerWithVerticalBar h3::before, .headerWithVerticalBar h4::before, .headerWithVerticalBar h5::before, .headerWithVerticalBar h6::before {
  content: "";
  display: block;
  height: 80px;
  width: 4px;
  background-color: var(--color-secondary);
  margin: 0 20px 0 0;
}

/*Header With Horizontal Decoration Bar*/
.headerWithHorizontalBar h1::after, .headerWithHorizontalBar h2::after, .headerWithHorizontalBar h3::after, .headerWithHorizontalBar h4::after, .headerWithHorizontalBar h5::after, .headerWithHorizontalBar h6::after {
  content: "";
  display: block;
  width: 80px;
  height: 4px;
  background-color: var(--color-secondary);
  margin: 10px 0 0 0;
}

/*Center Title and Horizontal Bar Mobile*/
@media screen and (max-width: 990px) {
  .centerTitleAndHorizontalBarMobile {
    text-align: center;
  }
  .centerTitleAndHorizontalBarMobile::after {
    margin: 10px auto 0 auto !important;
  }
}

/*Center Text Mobile*/
@media screen and (max-width: 990px) {
  .centerTextMobile .Content .blockContents * {
    text-align: center !important;
  }
}

/*Default font weight 500*/
.defaultFontWeight500 .Content .blockContents *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
  font-weight: 500;
}

/*Show Desktop Only*/
.showDesktopOnly {
  display: none;
}
@media screen and (min-width: 991px) {
  .showDesktopOnly {
    display: initial;
  }
}

.liveEdBlock .showDesktopOnly {
  display: initial !important;
}

/*Show Mobile Only*/
.showMobileOnly {
  display: initial;
}
@media screen and (min-width: 991px) {
  .showMobileOnly {
    display: none;
  }
}

.liveEdBlock .showMobileOnly {
  display: initial !important;
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Layout Modifiers - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Accomplishment - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.accomplishment .accomplishmentHeader {
  margin: 0 0 60px 0;
}
.accomplishment .accomplishmentMain {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 60px;
  column-gap: 80px;
  margin: 0 0 30px 0;
}
.accomplishment .accomplishmentColumn {
  position: relative;
}
.accomplishment .accomplishmentColumn::after {
  display: block;
  width: 50%;
  height: 2px;
  background-color: var(--color-primary-xxxx-lightened);
  position: absolute;
  top: calc(100% + 30px);
  right: 50%;
  transform: translate(50%, 0);
}
.accomplishment .accomplishmentColumn:not(:last-child)::after {
  content: "";
}
.accomplishment .accomplishmentColumn:last-child::after {
  content: none;
}

@media screen and (min-width: 767px) {
  .accomplishment .accomplishmentMain {
    grid-template-columns: repeat(2, 1fr);
  }
  .accomplishment .accomplishmentColumn::after {
    width: 2px;
    height: 100%;
    top: 0;
    right: -40px;
    transform: none;
  }
  .accomplishment .accomplishmentColumn:nth-child(odd)::after {
    content: "";
  }
  .accomplishment .accomplishmentColumn:nth-child(even)::after {
    content: none;
  }
}
@media screen and (min-width: 1200px) {
  .accomplishment .accomplishmentMain {
    grid-template-columns: repeat(4, 1fr);
  }
  .accomplishment .accomplishmentColumn:not(:last-child)::after {
    content: "";
  }
  .accomplishment .accomplishmentColumn:last-child::after {
    content: none;
  }
}
.accomplishment .accomplishmentItem .accomplishmentItemAmount {
  color: var(--color-white);
  text-align: center;
  font-family: var(--font-secondary);
  font-weight: bold;
  margin: 0 0 60px 0;
  position: relative;
}
.accomplishment .accomplishmentItem .accomplishmentItemAmount::after {
  content: "";
  display: block;
  width: 25%;
  margin: 0 auto;
  height: 2px;
  background-color: var(--color-primary-lightened);
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translate(-50%, 0);
}
.accomplishment .accomplishmentItem .number, .accomplishment .accomplishmentItem .year {
  display: inline !important;
}
.accomplishment .accomplishmentItem .accomplishmentItemTitle {
  font-family: var(--font-secondary);
  font-weight: 100;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: 0;
}

.accomplishment.triggerAnimation .accomplishmentItem .number {
  color: var(--color-secondary);
  text-align: center;
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Accomplishment - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Buttons - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.btn p {
  margin: 0;
}
.btn p > a,
.btn p > button,
.btn p > span {
  text-transform: uppercase;
  cursor: pointer;
  text-align: center;
  display: inline-block;
  text-decoration: none;
  font-size: var(--font-size-x-small);
  font-weight: 700;
  letter-spacing: 0;
  padding: 10px 35px;
  transition: var(--transition);
  font-family: var(--font-primary);
  font-weight: bold;
}
.btn p > a.small,
.btn p > button.small,
.btn p > span.small {
  padding: 8px 15px;
}
.btn p > a.medium,
.btn p > button.medium,
.btn p > span.medium {
  padding: 24px 56px;
}
.btn p > a.large,
.btn p > button.large,
.btn p > span.large {
  padding: 15px 40px;
  font-size: var(--font-size-medium);
}
@media screen and (min-width: 1200px) {
  .btn p > a.large,
.btn p > button.large,
.btn p > span.large {
    font-size: var(--font-size-large);
  }
}
.btn p > a:hover,
.btn p > button:hover,
.btn p > span:hover {
  text-decoration: none;
}
.btn p > a:disabled,
.btn p > button:disabled,
.btn p > span:disabled {
  cursor: not-allowed;
}

.btnOutline p > a,
.btnOutline p > button,
.btnOutline p > span {
  border-width: 1px;
  border-style: solid;
}

/*Button Text*/
.btnText p {
  margin: 0;
}
.btnText a,
.btnText span,
.btnText button {
  color: inherit;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
}
.btnText a:hover,
.btnText span:hover,
.btnText button:hover {
  color: var(--color-secondary);
}

/*Button White*/
.btnWhite p > a,
.btnWhite p > button,
.btnWhite p > span {
  color: var(--color-primary);
  border-color: var(--color-white);
  background: var(--color-white);
}
.btnWhite p > a:hover,
.btnWhite p > button:hover,
.btnWhite p > span:hover {
  color: var(--color-white);
  border-color: var(--color-primary);
  background: var(--color-primary);
}

/*Button Secondary*/
.btnSecondary p > a,
.btnSecondary p > button,
.btnSecondary p > span {
  color: var(--color-white);
  border-color: var(--color-secondary);
  background: var(--color-secondary);
}
.btnSecondary p > a:hover,
.btnSecondary p > button:hover,
.btnSecondary p > span:hover {
  color: var(--color-secondary);
  border-color: var(--color-white);
  background: var(--color-white);
}

/*Button Secondary*/
.btnTeritary p > a,
.btnTeritary p > button,
.btnTeritary p > span {
  color: var(--color-white);
  border-color: var(--color-teritary);
  background: var(--color-teritary);
}
.btnTeritary p > a:hover,
.btnTeritary p > button:hover,
.btnTeritary p > span:hover {
  color: var(--color-white);
  border-color: var(--color-primary);
  background: var(--color-primary);
}

/*Button Primary*/
.btnPrimary p > a,
.btnPrimary p > button,
.btnPrimary p > span {
  color: var(--color-white);
  border-color: var(--color-primary);
  background: var(--color-primary);
}
.btnPrimary p > a:hover,
.btnPrimary p > button:hover,
.btnPrimary p > span:hover {
  color: var(--color-primary);
  border-color: var(--color-white);
  background: var(--color-white);
}

/*Button Primary Lightened*/
.btnPrimaryLightened p > a,
.btnPrimaryLightened p > button,
.btnPrimaryLightened p > span {
  color: var(--color-white);
  border-color: var(--color-primary-lightened);
  background: var(--color-primary-lightened);
}
.btnPrimaryLightened p > a:hover,
.btnPrimaryLightened p > button:hover,
.btnPrimaryLightened p > span:hover {
  color: var(--color-white);
  border-color: var(--color-primary);
  background: var(--color-primary);
}

/*Button Grey*/
.btnGray p > a,
.btnGray p > button,
.btnGray p > span {
  color: var(--color-white);
  border-color: #6c757d;
  background: #6c757d;
}

.btnGray p > a:hover,
.btnGray p > button:hover,
.btnGray p > span:hover {
  color: var(--color-white);
  border-color: var(--color-primary);
  background: var(--color-primary);
}

.btnLightGray p > a,
.btnLightGray p > button,
.btnLightGray p > span {
  color: var(--color-black);
  border-color: #dee2e6;
  background: #dee2e6;
}

.btnLightGray p > a:hover,
.btnLightGray p > button:hover,
.btnLightGray p > span:hover {
  color: var(--color-white);
  border-color: var(--color-primary);
  background: var(--color-primary);
}

.btnDark p > a,
.btnDark p > button,
.btnDark p > span {
  color: var(--color-white);
  border-color: #181818;
  background: #181818;
}

.btnDark p > a:hover,
.btnDark p > button:hover,
.btnDark p > span:hover {
  color: var(--color-white);
  border-color: var(--color-primary);
  background: var(--color-primary);
}

.btnOutline.btnGray p > a,
.btnOutline.btnGray p > button,
.btnOutline.btnGray p > span {
  color: #6c757d;
  border-color: #6c757d;
  background: transparent;
}

.btnOutline.btnGray p > a:hover,
.btnOutline.btnGray p > button:hover,
.btnOutline.btnGray p > span:hover {
  color: var(--color-white);
  border-color: #6c757d;
  background: #6c757d;
}

.btnOutline.btnLightGray p > a,
.btnOutline.btnLightGray p > button,
.btnOutline.btnLightGray p > span {
  color: var(--color-black);
  border-color: #dee2e6;
  background: transparent;
}

.btnOutline.btnLightGray p > a:hover,
.btnOutline.btnLightGray p > button:hover,
.btnOutline.btnLightGray p > span:hover {
  color: var(--color-black);
  border-color: #dee2e6;
  background: #dee2e6;
}

.btnOutline.btnDark p > a,
.btnOutline.btnDark p > button,
.btnOutline.btnDark p > span {
  color: #181818;
  border-color: #181818;
  background: transparent;
}

.btnOutline.btnDark p > a:hover,
.btnOutline.btnDark p > button:hover,
.btnOutline.btnDark p > span:hover {
  color: var(--color-white);
  border-color: #181818;
  background: #181818;
}

.btnOutline.btnPrimary p > a,
.btnOutline.btnPrimary p > button,
.btnOutline.btnPrimary p > span {
  color: var(--color-primary);
  border-color: var(--color-primary);
  background: transparent;
}

.btnOutline.btnPrimary p > a:hover,
.btnOutline.btnPrimary p > button:hover,
.btnOutline.btnPrimary p > span:hover {
  color: var(--color-white);
  border-color: var(--color-primary);
  background: var(--color-primary);
}

.btnOutline.btnSecondary p > a,
.btnOutline.btnSecondary p > button,
.btnOutline.btnSecondary p > span {
  color: var(--color-secondary);
  border-color: var(--color-secondary);
  background: transparent;
}

.btnOutline.btnSecondary p > a:hover,
.btnOutline.btnSecondary p > button:hover,
.btnOutline.btnSecondary p > span:hover {
  color: var(--color-white);
  border-color: var(--color-secondary);
  background: var(--color-secondary);
}

/*Button Quaternary*/
.btnQuaternary p {
  margin: 0;
}
.btnQuaternary p > a,
.btnQuaternary p > button,
.btnQuaternary p > span {
  color: var(--color-white);
  border-color: var(--color-quaternary);
  background-color: var(--color-quaternary);
}
.btnQuaternary p > a:hover,
.btnQuaternary p > button:hover,
.btnQuaternary p > span:hover {
  color: var(--color-white);
  border-color: var(--color-primary-lightened-2);
  background-color: var(--color-primary-lightened-2);
}

/*Button Quinary*/
.btnQuinary p {
  margin: 0;
}
.btnQuinary p > a,
.btnQuinary p > button,
.btnQuinary p > span {
  color: var(--color-white);
  border-color: var(--color-quinary);
  background-color: var(--color-quinary);
}
.btnQuinary p > a:hover,
.btnQuinary p > button:hover,
.btnQuinary p > span:hover {
  color: var(--color-white);
  border-color: var(--color-primary);
  background-color: var(--color-primary);
}

.mwBtnLeft {
  text-align: left;
}

.mwBtnRight {
  text-align: right;
}

.mwBtnCenter {
  text-align: center;
}

.resetBtn {
  color: #495057;
  text-decoration: underline;
}

.resetBtn:hover {
  color: var(--color-primary);
  text-decoration: underline;
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Buttons - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.Content .blockContents *:last-child {
  margin: 0;
}

.Content .blockContents a {
  color: var(--color-primary-lightened);
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Boxes - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*Content Box Grey THEN*/
.contentBoxGreyTHEN {
  background-color: var(--color-grey);
  padding: 30px;
  min-height: 280px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 991px) {
  .contentBoxGreyTHEN {
    min-height: 325px;
    display: block;
  }
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Boxes - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Files - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*Core Concepts THEN*/
.coreConceptsTHEN {
  --font-size-core-concept: 18px;
  --font-size-core-concept-mobile: 16px;
}
.coreConceptsTHEN .coreConceptsWrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 40px;
  column-gap: 30px;
}
@media screen and (min-width: 991px) {
  .coreConceptsTHEN .coreConceptsWrapper {
    grid-template-columns: 1fr 1.5fr 1fr;
    column-gap: 0;
  }
}
.coreConceptsTHEN .coreConceptsNavLeft,
.coreConceptsTHEN .coreConceptsNavRight {
  display: grid;
  row-gap: 50px;
  align-self: center;
  grid-column: span 2;
}
@media screen and (min-width: 567px) {
  .coreConceptsTHEN .coreConceptsNavLeft,
.coreConceptsTHEN .coreConceptsNavRight {
    grid-column: span 1;
  }
}
.coreConceptsTHEN .coreConceptsNavItem {
  text-decoration: none;
}
.coreConceptsTHEN .coreConceptsNavLeft .coreConceptsNavItem {
  text-align: right;
  position: relative;
}
.coreConceptsTHEN .coreConceptsNavLeft .coreConceptsNavItem::after {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background-color: var(--color-quaternary);
  position: absolute;
  right: 0;
  top: 0;
}
.coreConceptsTHEN .coreConceptsNavLeft .coreConceptsNavItem::before {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background-color: var(--color-quaternary);
  position: absolute;
  left: 0;
  top: 0;
}
@media screen and (min-width: 991px) {
  .coreConceptsTHEN .coreConceptsNavLeft .coreConceptsNavItem::before {
    content: none;
  }
}
.coreConceptsTHEN .coreConceptsNavRight .coreConceptsNavItem {
  position: relative;
}
.coreConceptsTHEN .coreConceptsNavRight .coreConceptsNavItem::after {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background-color: var(--color-quaternary);
  position: absolute;
  right: 0;
  top: 0;
}
@media screen and (min-width: 991px) {
  .coreConceptsTHEN .coreConceptsNavRight .coreConceptsNavItem::after {
    content: none;
  }
}
.coreConceptsTHEN .coreConceptsNavRight .coreConceptsNavItem::before {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background-color: var(--color-quaternary);
  position: absolute;
  left: 0;
  top: 0;
}
.coreConceptsTHEN .coreConceptsNavItemTitle {
  display: block;
  font-size: var(--font-size-core-concept-mobile);
  padding: 8.7px 20px;
  margin: 0;
  border-bottom: 1px solid var(--color-quaternary);
  transition: var(--transition);
  text-align: center;
}
@media screen and (min-width: 991px) {
  .coreConceptsTHEN .coreConceptsNavItemTitle {
    font-size: var(--font-size-core-concept);
  }
}
.coreConceptsTHEN .coreConceptsNavItemTitle * {
  transition: none;
}
.coreConceptsTHEN .coreConceptsNavItem:hover .coreConceptsNavItemTitle {
  color: var(--color-secondary);
}
@media screen and (min-width: 991px) {
  .coreConceptsTHEN .coreConceptsNavLeft .coreConceptsNavItemTitle {
    text-align: right;
  }
}
@media screen and (min-width: 991px) {
  .coreConceptsTHEN .coreConceptsNavRight .coreConceptsNavItemTitle {
    text-align: left;
  }
}
.coreConceptsTHEN .itemIndex,
.coreConceptsTHEN .itemIndexMobile {
  color: var(--color-secondary);
}
.coreConceptsTHEN .coreConceptsNavLeft .itemIndex {
  display: none;
}
@media screen and (min-width: 991px) {
  .coreConceptsTHEN .coreConceptsNavLeft .itemIndex {
    display: inline-block;
  }
}
.coreConceptsTHEN .coreConceptsNavLeft .itemIndexMobile {
  display: inline-block;
}
@media screen and (min-width: 991px) {
  .coreConceptsTHEN .coreConceptsNavLeft .itemIndexMobile {
    display: none;
  }
}
.coreConceptsTHEN .coreConceptsNavItemBtn {
  display: block;
  padding: 8.7px 20px;
  text-decoration: none;
  color: var(--color-quaternary);
  text-transform: uppercase;
  font-weight: bold;
  font-size: var(--font-size-core-concept-mobile);
  transition: var(--transition);
  text-align: center;
}
@media screen and (min-width: 991px) {
  .coreConceptsTHEN .coreConceptsNavItemBtn {
    font-size: var(--font-size-core-concept);
  }
}
.coreConceptsTHEN .coreConceptsNavItem:hover .coreConceptsNavItemBtn {
  color: var(--color-secondary);
}
@media screen and (min-width: 991px) {
  .coreConceptsTHEN .coreConceptsNavLeft .coreConceptsNavItemBtn {
    text-align: right;
  }
}
@media screen and (min-width: 991px) {
  .coreConceptsTHEN .coreConceptsNavRight .coreConceptsNavItemBtn {
    text-align: left;
  }
}
.coreConceptsTHEN .coreConceptsIllustration {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  grid-column: span 2;
  order: 1;
}
@media screen and (min-width: 991px) {
  .coreConceptsTHEN .coreConceptsIllustration {
    grid-column: initial;
    order: initial;
  }
}
.coreConceptsTHEN .coreConceptsIllustrationOuter {
  animation: rotating 60s linear infinite;
  width: 100%;
}
@media screen and (min-width: 400px) {
  .coreConceptsTHEN .coreConceptsIllustrationOuter {
    padding: 17px;
    width: initial;
  }
}
.coreConceptsTHEN .coreConceptsIllustrationInner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 23px;
  width: 100%;
}
@media screen and (min-width: 400px) {
  .coreConceptsTHEN .coreConceptsIllustrationInner {
    padding: 17px;
    width: initial;
  }
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Files - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Files - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*Page Banner THEN*/
.pageBannerTHEN {
  position: relative;
}
.pageBannerTHEN .pageBannerOverlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(var(--color-black-rgb), 0.3);
}
.pageBannerTHEN .pageBannerImg {
  height: 320px;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media screen and (min-width: 767px) {
  .pageBannerTHEN .pageBannerImg {
    height: 400px;
  }
}
@media screen and (min-width: 991px) {
  .pageBannerTHEN .pageBannerImg {
    height: 475px;
  }
}
.pageBannerTHEN .pageBannerContent {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  width: 100%;
}
@media screen and (min-width: 991px) {
  .pageBannerTHEN .pageBannerContent {
    bottom: 0;
    top: initial;
    transform: none;
  }
}
.pageBannerTHEN .pageBannerTitle {
  color: var(--color-white);
  text-align: center;
  margin: 0 0 40px 0;
  font-size: var(--font-size-xxxx-large-mobile);
  /* font-size: 54px; */
}
@media screen and (min-width: 991px) {
  .pageBannerTHEN .pageBannerTitle {
    text-align: left;
    margin: 0 0 75px 0;
    font-size: var(--font-size-xxxx-large);
    /* font-size: 54px; */
  }
}

/*Team Member THEN*/
.teamMemberTHEN .teamMemberMain {
  display: grid;
  column-gap: 30px;
  row-gap: 30px;
  grid-template-columns: 1fr;
}
@media screen and (min-width: 991px) {
  .teamMemberTHEN .teamMemberMain {
    grid-template-columns: 153px 1fr;
  }
}
.teamMemberTHEN .teamMemberImg {
  width: 100%;
  max-width: 255px;
  margin: 0 auto;
}
@media screen and (min-width: 991px) {
  .teamMemberTHEN .teamMemberImg {
    max-width: 100%;
  }
}
.teamMemberTHEN .teamMemberHeader {
  margin: 0 0 40px 0;
}
.teamMemberTHEN .teamMemberTitle {
  margin: 0 0 20px 0;
}
.teamMemberTHEN .teamMemberHighlight .blockContents *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
  font-weight: 500 !important;
}

/*Book THEN*/
.bookTHEN .bookMain {
  display: grid;
  column-gap: 30px;
  row-gap: 30px;
  grid-template-columns: 1fr;
}
@media screen and (min-width: 991px) {
  .bookTHEN .bookMain {
    grid-template-columns: 153px 1fr;
  }
}
.bookTHEN .bookImg {
  width: 100%;
  max-width: 255px;
  margin: 0 auto;
}
@media screen and (min-width: 991px) {
  .bookTHEN .bookImg {
    max-width: 100%;
  }
}
.bookTHEN .bookHeader {
  margin: 0 0 40px 0;
}
.bookTHEN .bookTitle {
  margin: 0 0 20px 0;
}
@media screen and (max-width: 990px) {
  .bookTHEN .bookCTA p {
    text-align: left;
  }
}
.bookTHEN .bookCTA p > a,
.bookTHEN .bookCTA p > span,
.bookTHEN .bookCTA p > button {
  font-weight: 500;
  text-decoration: underline;
  text-transform: initial;
}

/*Image THEN*/
.imageTHEN {
  --image-max-height-desktop: initial;
  --image-max-height-tablet: 400px;
  --image-max-height-mobile: 320px;
  width: 100%;
  max-height: var(--image-max-height-mobile);
  object-fit: cover;
}
@media screen and (min-width: 767px) {
  .imageTHEN {
    max-height: var(--image-max-height-tablet);
  }
}
@media screen and (min-width: 991px) {
  .imageTHEN {
    max-height: var(--image-max-height-desktop);
  }
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Files - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Footer Banners - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Footer Banners - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Galleries - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.sliderTHEN .sliderItem {
  display: flex;
  align-items: center;
  position: relative;
  height: 480px;
}
@media (min-width: 991px) {
  .sliderTHEN .sliderItem {
    height: 750px;
  }
}
@media (min-width: 1200px) {
  .sliderTHEN .sliderItem {
    height: 820px;
  }
}
.sliderTHEN .sliderImg,
.sliderTHEN .sliderOverlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.sliderTHEN .sliderOverlay {
  background: linear-gradient(to top, transparent 0%, var(--color-black) 140%);
  z-index: 1;
}
.sliderTHEN .sliderImg {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.sliderTHEN .sliderInner {
  position: relative;
  text-align: center;
  margin: 0 auto;
}
.sliderTHEN .sliderTitle {
  color: var(--color-white);
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  margin: 0 0 25px 0;
}
@media screen and (max-width: 990px) {
  .sliderTHEN .sliderTitle {
    font-size: var(--font-size-xxx-large);
  }
}
.sliderTHEN .slick-prev,
.sliderTHEN .slick-next {
  z-index: 1;
  width: 36px;
  height: 36px;
}
.sliderTHEN .slick-prev svg,
.sliderTHEN .slick-next svg {
  width: 36px;
  height: 36px;
}
.sliderTHEN .slick-prev svg path,
.sliderTHEN .slick-next svg path {
  fill: none;
  stroke: var(--color-white);
}
.sliderTHEN .slick-prev.slick-disabled,
.sliderTHEN .slick-next.slick-disabled {
  cursor: not-allowed;
}
.sliderTHEN .slick-prev.slick-disabled svg path,
.sliderTHEN .slick-next.slick-disabled svg path {
  fill: none;
  stroke: rgba(255, 255, 255, 0.5);
}
.sliderTHEN .slick-prev:before,
.sliderTHEN .slick-next:before {
  display: none;
}
.sliderTHEN .slick-prev {
  left: 36px;
}
.sliderTHEN .slick-next {
  right: 36px;
}
.sliderTHEN .sliderImg {
  transform: translateY(-100%);
  transition: ease-in-out 600ms;
  transition-delay: 600ms;
}
.sliderTHEN .container {
  position: relative;
  z-index: 2;
}
.sliderTHEN .sliderInner {
  max-width: 730px;
}
.sliderTHEN .sliderTitle,
.sliderTHEN .sliderDescription,
.sliderTHEN .sliderItem .slickDots,
.sliderTHEN .sliderBtn {
  opacity: 0;
  transform: translateY(50px);
  transition: ease-in-out 360ms;
}
.sliderTHEN .slick-current .sliderImg {
  transform: translateY(0);
  transition-delay: 100ms;
}
.sliderTHEN .slick-current .sliderTitle,
.sliderTHEN .slick-current .sliderDescription,
.sliderTHEN .slick-current .slickDots,
.sliderTHEN .slick-current .sliderBtn {
  opacity: 1;
  transform: translateY(0);
}
.sliderTHEN .slick-current .sliderTitle {
  -webkit-transition-delay: 300ms;
  transition-delay: 300ms;
}
.sliderTHEN .slick-current .sliderDescription {
  -webkit-transition-delay: 500ms;
  transition-delay: 500ms;
}
.sliderTHEN .slick-current .sliderBtn {
  -webkit-transition-delay: 700ms;
  transition-delay: 700ms;
}
.sliderTHEN .sliderItem.slick-active .sliderInner .slickDots {
  -webkit-transition-delay: 900ms;
  transition-delay: 900ms;
}
.sliderTHEN .slick-current .sliderBtn p {
  margin: 0;
}
@media (min-width: 992px) {
  .sliderTHEN .slick-prev,
.sliderTHEN .slick-next {
    left: 50px;
    right: auto;
    width: 20px;
    height: 20px;
  }
  .sliderTHEN .slick-prev svg,
.sliderTHEN .slick-next svg {
    width: 20px;
    height: 20px;
  }
  .sliderTHEN .slick-prev svg path,
.sliderTHEN .slick-next svg path {
    stroke-width: 2;
  }
  .sliderTHEN .slick-prev {
    -webkit-transform: rotate(90deg) translateX(calc(-50% - 20px));
    transform: rotate(90deg) translateX(calc(-50% - 20px));
  }
  .sliderTHEN .is-ie .slick-prev {
    -webkit-transform: rotate(90deg) translateX(-50%) translateX(-20px);
    transform: rotate(90deg) translateX(-50%) translateX(-20px);
  }
  .sliderTHEN .slick-next {
    -webkit-transform: rotate(90deg) translateX(calc(-50% + 20px));
    transform: rotate(90deg) translateX(calc(-50% + 20px));
  }
  .sliderTHEN .is-ie .slick-next {
    -webkit-transform: rotate(90deg) translateX(-50%) translateX(20px);
    transform: rotate(90deg) translateX(-50%) translateX(20px);
  }
}
@media (max-width: 1199px) {
  .sliderTHEN .sliderInner {
    margin: 0 auto;
    text-align: center;
  }
}
@media (max-width: 991px) {
  .sliderTHEN .sliderInner {
    padding-left: 10px;
    padding-right: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .sliderTHEN .sliderTitle {
    margin: 0 0 15px 0;
  }
}
.sliderTHEN .sliderDescription p {
  color: var(--color-white);
  font-size: var(--font-size-medium);
  font-family: var(--font-teritary);
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  margin: 0;
}
@media screen and (min-width: 991px) {
  .sliderTHEN .sliderDescription p {
    font-size: var(--font-size-large);
  }
}
.sliderTHEN .sliderBtn {
  margin: 0 0 30px 0;
}
.sliderTHEN .sliderBtn p a {
  font-size: var(--font-size-small);
  font-family: var(--font-primary);
  text-decoration: none;
  padding: 5px 15px;
  display: inline-block;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  font-weight: bold;
  font-size: var(--font-size-small-mobile);
  background-color: var(--color-quaternary);
  border: 1px solid var(--color-quaternary);
}
@media screen and (min-width: 991px) {
  .sliderTHEN .sliderBtn p a {
    font-size: var(--font-size-medium);
    padding: 12px 30px;
  }
}
.sliderTHEN .sliderBtn p a:hover {
  background-color: var(--color-primary-lightened-2);
  border: 1px solid var(--color-primary-lightened-2);
}
.sliderTHEN .decorations > .container {
  position: relative;
}
.sliderTHEN .slickDots {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 991px) {
  .sliderTHEN .slickDots {
    flex-direction: column;
    margin: 0 80px 0 0;
  }
}
.sliderTHEN .sliderInner .slickDots {
  margin: 0 auto 15px auto;
}
@media screen and (min-width: 991px) {
  .sliderTHEN .sliderInner .slickDots {
    display: none;
  }
}
.sliderTHEN .decorations .slickDots {
  position: absolute;
  top: 43%;
  right: 0;
  visibility: hidden;
  opacity: 0;
}
@media screen and (min-width: 991px) {
  .sliderTHEN .decorations .slickDots {
    visibility: visible;
    opacity: 1;
  }
}
.sliderTHEN .slick-prev-custom,
.sliderTHEN .slick-next-custom {
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: rotate(-90deg);
  color: var(--color-white);
}
@media screen and (min-width: 991px) {
  .sliderTHEN .slick-prev-custom,
.sliderTHEN .slick-next-custom {
    transform: none;
    height: initial;
  }
}
.sliderTHEN .slick-prev-custom svg,
.sliderTHEN .slick-next-custom svg {
  width: 17.61px;
}
.sliderTHEN .slick-dots {
  position: static;
  width: initial;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (min-width: 991px) {
  .sliderTHEN .slick-dots {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.sliderTHEN .slickDots ul li {
  padding: 0;
  margin: 0;
  width: initial;
  height: initial;
}
.sliderTHEN .slickDots ul li::before {
  content: none;
}
.sliderTHEN .slickDots ul li button {
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0;
}
@media screen and (min-width: 991px) {
  .sliderTHEN .slickDots ul li button {
    font-size: var(--font-size-small);
    color: var(--color-white);
    opacity: 0.44;
    font-weight: bold;
    line-height: 22px;
    width: initial;
    height: initial;
    padding: 7.35px 0;
    display: initial;
  }
}
.sliderTHEN .slickDots ul li button::before {
  background-color: var(--color-white);
  width: 8px;
  height: 8px;
  opacity: 0.44;
  position: static;
  transform: none;
}
@media screen and (min-width: 991px) {
  .sliderTHEN .slickDots ul li button::before {
    content: none;
    color: var(--color-white);
    font-size: 10px;
    opacity: 0.44;
  }
}
@media screen and (min-width: 991px) {
  .sliderTHEN .slickDots ul li:first-child button {
    padding: 6.79px 0 7.35px 0;
  }
}
@media screen and (min-width: 991px) {
  .sliderTHEN .slickDots ul li:last-child button {
    padding: 7.35px 0 6.79px 0;
  }
}
.sliderTHEN .slickDots li.slick-active-custom button {
  opacity: 1;
}
.sliderTHEN .slickDots li.slick-active-custom button::before {
  background-color: var(--color-white);
  opacity: 1;
}
@media screen and (min-width: 991px) {
  .sliderTHEN .slickDots li.slick-active-custom button::after {
    content: "";
    display: block;
    height: 3px;
    background-color: var(--color-white);
    width: 100%;
    margin: 1.5px 0 0 0;
  }
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Galleries - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Icons - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.iconMiddle {
  display: flex !important;
  justify-content: center;
}

.iconTitle {
  margin: 15px 0 !important;
  text-align: center;
  /*test*/
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Icons - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Icon Blocks - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.iconBlocksTHEN .contentAreaWrap {
  padding-top: 30px;
  padding-bottom: 30px;
}
@media screen and (min-width: 991px) {
  .iconBlocksTHEN .contentAreaWrap {
    padding-top: 0;
    padding-bottom: 0;
  }
}
.iconBlocksTHEN .container {
  position: relative;
}
@media screen and (min-width: 991px) {
  .iconBlocksTHEN .container {
    min-height: 245px;
  }
}
.iconBlocksTHEN .iconBlocksWrap {
  box-shadow: 0px 0px 20px rgba(var(--color-black-rgb), 0.16);
  display: grid;
  grid-template-columns: 1fr;
  width: 100%;
  z-index: 2;
}
@media screen and (min-width: 767px) {
  .iconBlocksTHEN .iconBlocksWrap {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 991px) {
  .iconBlocksTHEN .iconBlocksWrap {
    position: absolute;
    top: -100px;
    grid-template-columns: repeat(4, 1fr);
    max-width: initial;
    left: 50%;
    transform: translate(-50%, 0);
  }
}
.iconBlocksTHEN .Button {
  height: 255px;
  width: 100%;
  z-index: 2;
}
.iconBlocksTHEN .Button:nth-child(1) {
  background-color: var(--color-white);
}
.iconBlocksTHEN .Button:nth-child(2) {
  background-color: var(--color-grey);
}
.iconBlocksTHEN .Button:nth-child(3) {
  background-color: var(--color-white);
}
@media screen and (min-width: 767px) {
  .iconBlocksTHEN .Button:nth-child(3) {
    background-color: var(--color-grey);
  }
}
@media screen and (min-width: 991px) {
  .iconBlocksTHEN .Button:nth-child(3) {
    background-color: var(--color-white);
  }
}
.iconBlocksTHEN .Button:nth-child(4) {
  background-color: var(--color-grey);
}
@media screen and (min-width: 767px) {
  .iconBlocksTHEN .Button:nth-child(4) {
    background-color: var(--color-white);
  }
}
@media screen and (min-width: 991px) {
  .iconBlocksTHEN .Button:nth-child(4) {
    background-color: var(--color-grey);
  }
}
@media screen and (min-width: 767px) {
  .iconBlocksTHEN .Button {
    height: 282.5px;
  }
}
.iconBlocksTHEN .blockContents {
  height: inherit;
  width: inherit;
}
.iconBlocksTHEN .iconBlockItem {
  transition: var(--transition);
  height: inherit;
  width: inherit;
  display: block;
}
.iconBlocksTHEN .iconBlockItem:hover {
  background-color: var(--color-quaternary);
}
.iconBlocksTHEN .iconBlockIcon {
  position: absolute;
  top: 25.7%;
  left: 50%;
  transform: translate(-50%, 0);
  transition: var(--transition);
}
.iconBlocksTHEN .iconBlockItem:hover .iconBlockIcon {
  top: 12.2%;
}
.iconBlocksTHEN .iconBlockTitle {
  margin: 0;
  padding: 0 24.5px 24.5px 24.5px;
  position: absolute;
  top: 70.2%;
  left: 50%;
  transform: translate(-50%, 0);
  text-align: center;
  width: 100%;
  max-width: 200px;
  margin: 0 auto;
  transition: var(--transition);
  text-transform: uppercase;
}
.iconBlocksTHEN .iconBlockItem:hover .iconBlockTitle {
  top: 44.1%;
  color: var(--color-white);
}
.iconBlocksTHEN .learnMoreButton {
  position: absolute;
  top: 76.1%;
  left: 50%;
  transform: translate(-50%, 0);
  opacity: 0;
  visibility: hidden;
  display: block;
  text-transform: uppercase;
  font-weight: bold;
  color: var(--color-white);
  transition: var(--transition);
}
.iconBlocksTHEN .iconBlockItem:hover .learnMoreButton {
  opacity: 1;
  visibility: visible;
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Icon Blocks - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Image Card - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*Image Card THEN*/
.imageCardTHEN {
  --imagecard-body-width-desktop: 373px;
  --imagecard-body-height-desktop: 92px;
  height: 350px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  overflow: hidden;
  position: relative;
}
.imageCardTHEN .imageCardOverlay {
  background-color: var(--color-primary-lightened);
  opacity: 0.9;
  transition: var(--transition);
  position: absolute;
  bottom: 0;
  left: 50%;
  width: var(--imagecard-body-width-desktop);
  height: var(--imagecard-body-height-desktop);
  transform: translate(-50%, 0) scaleX(1);
}
.imageCardTHEN .imageCardTitle {
  padding: 35px 15px;
  position: absolute;
  width: var(--imagecard-body-width-desktop);
  height: var(--imagecard-body-height-desktop);
  top: calc(100% - var(--imagecard-body-height-desktop));
  left: 50%;
  transform: translate(-50%, 0);
  transition: var(--transition);
}
.imageCardTHEN .imageCardTitle > * {
  margin: 0;
  width: 100%;
  color: var(--color-white) !important;
  text-align: center;
}
.imageCardTHEN .imageCardBody {
  padding: 50px 65px;
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.imageCardTHEN .imageCardTitlePlaceholder {
  opacity: 0;
}
.imageCardTHEN .imageCardDescription {
  opacity: 0;
  transition: var(--transition);
  text-align: center;
  margin: 0 0 60px 0;
}
.imageCardTHEN.hovered .imageCardDescription {
  opacity: 1;
}
.imageCardTHEN .imageCardDescription > *:last-child {
  margin: 0;
}
.imageCardTHEN .imageCardLink {
  opacity: 0;
  transition: var(--transition);
  text-align: center;
}
.imageCardTHEN.hovered .imageCardLink {
  opacity: 1;
}
.imageCardTHEN .imageCardLink > a {
  color: var(--color-white);
  text-decoration: none;
  font-weight: bold;
  text-transform: uppercase;
}
.imageCardTHEN .imageCardLink > a:hover {
  color: var(--color-secondary);
}

.imageCardTHENPrimary .imageCardLink > * {
  color: var(--color-white) !important;
}
.imageCardTHENPrimary .imageCardLink > *:hover {
  color: var(--color-secondary) !important;
}

.imageCardTHENQuaternary .imageCardOverlay {
  background: var(--color-quaternary);
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Image Card - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Image Placeholder - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
._img-placeholder-custom {
  --image-placeholder-url: url("../images/logo/then-logo-header.svg");
  background-image: var(--image-placeholder-url);
  background-repeat: no-repeat;
  background-size: 40% auto;
  background-position: center;
  background-color: var(--color-grey);
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Image Placeholder - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Maps - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*Contact Map*/
.contactMap {
  height: 390px;
  width: 100%;
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Maps - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | newsletters - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.newsletterTHEN {
  padding: 35px 45px;
  color: var(--color-white);
  background-color: var(--color-quaternary);
}
@media screen and (min-width: 991px) {
  .newsletterTHEN {
    padding: 35px 95px;
  }
}
.newsletterTHEN a {
  color: var(--color-primary);
}
.newsletterTHEN a:hover {
  color: var(--color-secondary);
}
.newsletterTHEN .newsletterWrap {
  display: grid;
  grid-template-columns: 1fr;
  column-gap: 60px;
  row-gap: 30px;
}
@media screen and (min-width: 991px) {
  .newsletterTHEN .newsletterWrap {
    grid-template-columns: 5.5fr 4.5fr;
  }
}
@media screen and (min-width: 1200px) {
  .newsletterTHEN .newsletterWrap {
    column-gap: 160px;
    grid-template-columns: repeat(2, 1fr);
  }
}
.newsletterTHEN .column {
  align-items: center;
  display: flex;
}
.newsletterTHEN .newsletterTitle {
  color: var(--color-white);
  margin: 0;
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | newsletters - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Offices - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*Offices Content Block CAPFSC*/
.officesContentBlockCAPFSC .blockContents p {
  font-size: var(--font-size-xxx-small);
}

/*Offices Layout CAPFSC*/
.officesLayoutCAPFSC > div {
  display: grid !important;
  grid-template-columns: 1fr;
  column-gap: 60px;
  row-gap: 50px;
}
.officesLayoutCAPFSC .mwPageArea > div:not(.leAreaBorder):not(.liveEdDummyBlock.ui-droppable):not(.Clear) {
  position: relative;
}
.officesLayoutCAPFSC .mwPageArea > div:not(.leAreaBorder):not(.liveEdDummyBlock.ui-droppable):not(.Clear)::before {
  position: absolute;
  content: "";
  display: block;
  height: 1px;
  width: 100%;
  background-color: var(--color-primary-xx-lightened);
  top: -25px;
}
.officesLayoutCAPFSC .mwPageArea:not(.liveEdArea) > div:nth-of-type(1)::before {
  content: none !important;
}
.officesLayoutCAPFSC .mwPageArea.liveEdArea > div:nth-of-type(3)::before {
  content: none !important;
}

@media screen and (min-width: 797px) {
  .officesLayoutCAPFSC > div {
    grid-template-columns: 1fr 1fr;
  }
  .officesLayoutCAPFSC .mwPageArea:not(.liveEdArea) > div:nth-of-type(1)::before,
.officesLayoutCAPFSC .mwPageArea:not(.liveEdArea) > div:nth-of-type(2)::before {
    content: none !important;
  }
  .officesLayoutCAPFSC .mwPageArea.liveEdArea > div:nth-of-type(3)::before,
.officesLayoutCAPFSC .mwPageArea.liveEdArea > div:nth-of-type(4)::before {
    content: none !important;
  }
}
@media screen and (min-width: 991px) {
  .officesLayoutCAPFSC > div {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .officesLayoutCAPFSC .mwPageArea:not(.liveEdArea) > div:nth-of-type(1)::before,
.officesLayoutCAPFSC .mwPageArea:not(.liveEdArea) > div:nth-of-type(2)::before,
.officesLayoutCAPFSC .mwPageArea:not(.liveEdArea) > div:nth-of-type(3)::before {
    content: none !important;
  }
  .officesLayoutCAPFSC .mwPageArea.liveEdArea > div:nth-of-type(3)::before,
.officesLayoutCAPFSC .mwPageArea.liveEdArea > div:nth-of-type(4)::before,
.officesLayoutCAPFSC .mwPageArea.liveEdArea > div:nth-of-type(5)::before {
    content: none !important;
  }
}
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Offices - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Posts List - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*Posts Details THEN*/
.postsDetailsTHEN .postDetailsHeaderWrapper,
.postsDetailsTHEN .postDetailsSubHeaderWrapper,
.postsDetailsTHEN .postDetailsBannerWrapper,
.postsDetailsTHEN .postDetailsBodyWrapper {
  margin: 0 auto;
  max-width: 770px;
}
.postsDetailsTHEN .postDetailsMetas {
  display: flex;
  margin: 0 0 20px 0;
  font-size: var(--font-size-x-small-mobile);
}
@media screen and (min-width: 991px) {
  .postsDetailsTHEN .postDetailsMetas {
    font-size: var(--font-size-x-small);
  }
}
.postsDetailsTHEN .postsItemCategories {
  margin: 0 20px 0 0;
  padding: 0;
  position: relative;
}
.postsDetailsTHEN .postsItemCategories::after {
  content: "|";
  display: block;
  position: absolute;
  top: 0;
  right: -10px;
}
.postsDetailsTHEN .postsItemCategories li {
  margin: 0;
  padding: 0;
  display: inline-block;
}
.postsDetailsTHEN .postsItemCategories li::before {
  content: none;
}
.postsDetailsTHEN .postsItemCategories li:not(:last-child)::after {
  content: ", ";
}
.postsDetailsTHEN .postDetailsHeader {
  margin: 0 0 35px 0;
}
.postsDetailsTHEN .postDetailsTitle {
  font-size: var(--font-size-x-large-mobile);
  text-transform: uppercase;
  letter-spacing: 0.01em;
  margin: 0 0 25px 0;
}
@media screen and (min-width: 991px) {
  .postsDetailsTHEN .postDetailsTitle {
    font-size: var(--font-size-x-large);
  }
}
.postsDetailsTHEN .postDetailsAuthor {
  font-size: var(--font-size-x-small-mobile);
}
@media screen and (min-width: 991px) {
  .postsDetailsTHEN .postDetailsAuthor {
    font-size: var(--font-size-x-small);
  }
}
.postsDetailsTHEN .postDetailsSubHeader {
  margin: 0 0 20px 0;
  color: var(--color-primary);
}
.postsDetailsTHEN .postDetailsSubheading {
  margin: 0;
}
.postsDetailsTHEN .postDetailsBanner {
  margin: 0 0 35px 0;
}
.postsDetailsTHEN .postDetailsBannerImg {
  width: 100%;
}
.postsDetailsTHEN .postDetailsContent {
  color: var(--color-primary);
}
.postsDetailsTHEN .postDetailsContent a {
  color: var(--color-primary-lightened);
  font-weight: 500;
  transition: var(--transition);
}
.postsDetailsTHEN .postDetailsContent a:hover {
  color: var(--color-secondary);
}

/*Posts List THEN*/
.postsListTHEN {
  --postsItem-small-col-gap-mobile: 20%;
  --postsItem-small-col-gap: 44%;
}
.postsListTHEN * {
  transition: none;
}
.postsListTHEN .postsListWrap {
  display: grid;
  grid-template-columns: repeat(100, 1%);
  row-gap: 60px;
  margin: 0 auto;
}
@media screen and (min-width: 567px) {
  .postsListTHEN .postsListWrap {
    row-gap: 80px;
  }
}
@media screen and (min-width: 991px) {
  .postsListTHEN .postsListWrap {
    row-gap: 100px;
  }
}
.postsListTHEN .postsItem {
  display: block;
  text-decoration: none;
  position: relative;
  grid-column: span 100;
  color: var(--color-primary-lightened);
  transition: var(--transition);
}
.postsListTHEN .postsItem:hover {
  color: var(--color-secondary);
}
.postsListTHEN .postsItem::before {
  content: "";
  display: block;
  height: 1px;
  width: 100%;
  background-color: var(--color-primary-lightened);
  bottom: -30px;
  position: absolute;
}
@media screen and (min-width: 567px) {
  .postsListTHEN .postsItem::before {
    bottom: -40px;
  }
}
@media screen and (min-width: 991px) {
  .postsListTHEN .postsItem::before {
    content: none;
  }
}
@media screen and (min-width: 567px) {
  .postsListTHEN .postsItem:nth-child(2n+1) {
    grid-column: span 46;
  }
}
@media screen and (min-width: 567px) and (max-width: 991px) {
  .postsListTHEN .postsItem:nth-child(2n+1)::after {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--color-quaternary);
    position: absolute;
    right: calc(-1 * var(--postsItem-small-col-gap-mobile) / 2);
    top: 0;
  }
}
@media screen and (min-width: 567px) {
  .postsListTHEN .postsItem:nth-child(2n+2) {
    grid-column: 55/span 46;
  }
}
@media screen and (min-width: 991px) {
  .postsListTHEN .postsItem:nth-child(1) {
    grid-column: span 45;
  }
}
@media screen and (min-width: 991px) {
  .postsListTHEN .postsItem:nth-child(2) {
    grid-column: 56/span 45;
  }
}
@media screen and (min-width: 567px) {
  .postsListTHEN .postsItem:nth-child(5)::before {
    content: none;
  }
}
@media screen and (min-width: 991px) {
  .postsListTHEN .postsItem:nth-child(6) {
    display: none;
  }
}
.postsListTHEN .postsItem:nth-child(6)::before {
  content: none;
}
@media screen and (min-width: 991px) {
  .postsListTHEN .postsItem:nth-child(3n) {
    grid-column: span 26;
    position: relative;
  }
}
@media screen and (min-width: 991px) {
  .postsListTHEN .postsItem:nth-child(3n)::after {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--color-quaternary);
    position: absolute;
    right: calc(-1 * var(--postsItem-small-col-gap) / 2);
    top: 0;
  }
}
@media screen and (min-width: 991px) {
  .postsListTHEN .postsItem:nth-child(3n+4) {
    grid-column: 38/span 26;
  }
}
@media screen and (min-width: 991px) {
  .postsListTHEN .postsItem:nth-child(3n+4)::after {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--color-quaternary);
    position: absolute;
    right: calc(-1 * var(--postsItem-small-col-gap) / 2);
    top: 0;
  }
}
@media screen and (min-width: 991px) {
  .postsListTHEN .postsItem:not(:nth-child(2)):nth-child(3n+2) {
    grid-column: 75/span 26;
  }
}
.postsListTHEN .postsItemHeader {
  margin: 0 0 20px 0;
}
.postsListTHEN .postsItem:not(:nth-child(1)):not(:nth-child(2)) .postsItemHeader {
  display: none;
}
.postsListTHEN .postsItemImgHolder {
  overflow: hidden;
}
.postsListTHEN .postsItemImg {
  padding: 56.1% 0 0 0;
  transition: var(--transition);
  transform: scale(1);
}
.postsListTHEN .postsItem:hover .postsItemImg {
  transform: scale(1.05);
}
.postsListTHEN .postItemCategoryAndDatePublished {
  display: flex;
  margin: 0 0 20px 0;
}
.postsListTHEN .postItemCategories {
  margin: 0 24px 0 0;
  position: relative;
}
.postsListTHEN .postItemCategories::after {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  position: absolute;
  right: -12px;
  background-color: var(--color-primary-lightened);
  top: 0;
}
.postsListTHEN .postItemCategories::after {
  content: none;
}
@media screen and (min-width: 991px) {
  .postsListTHEN .postItemCategories::after {
    content: "";
  }
}
@media screen and (min-width: 991px) {
  .postsListTHEN .postsItem:not(:nth-child(1)):not(:nth-child(2)) .postItemCategories {
    margin: 0;
  }
  .postsListTHEN .postsItem:not(:nth-child(1)):not(:nth-child(2)) .postItemCategories::after {
    content: none;
  }
}
.postsListTHEN .postItemCategories li {
  display: inline-block;
  padding: 0;
  margin: 0;
}
.postsListTHEN .postItemCategories li::before {
  content: none;
}
.postsListTHEN .postItemCategories li:not(:last-child)::after {
  content: ",";
}
.postsListTHEN .postsItemDate {
  display: none;
}
@media screen and (min-width: 991px) {
  .postsListTHEN .postsItemDate {
    display: block;
  }
}
@media screen and (min-width: 991px) {
  .postsListTHEN .postsItem:not(:nth-child(1)):not(:nth-child(2)) .postsItemDate {
    display: none;
  }
}
.postsListTHEN .postsItemTitle {
  margin: 0 0 45px 0;
  transition: var(--transition);
}
.postsListTHEN .postsItem:hover .postsItemTitle {
  color: var(--color-secondary);
}
.postsListTHEN .postsItemBtn {
  display: block;
  text-transform: uppercase;
  font-weight: bold;
}

/*Posts List Three Column THEN*/
.postsListTwoColTHEN a {
  text-decoration: none;
}
.postsListTwoColTHEN .postsListWrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 30px;
  row-gap: 30px;
}
.postsListTwoColTHEN .postsItemImgHolder {
  overflow: hidden;
}
.postsListTwoColTHEN .postsItemImg {
  transform: scale(1);
  transition: var(--transition);
}
.postsListTwoColTHEN .postsItem:hover .postsItemImg {
  transform: scale(1.05);
}
.postsListTwoColTHEN .postsItemBody {
  padding: 20px;
  background-color: var(--color-white);
}
.postsListTwoColTHEN .postsItemTitle {
  color: var(--color-primary-lightened);
  font-weight: bold;
  text-transform: uppercase;
  transition: var(--transition);
}
.postsListTwoColTHEN .postsItem:hover .postsItemTitle {
  color: var(--color-secondary);
}
.postsListTwoColTHEN .postsItemDate,
.postsListTwoColTHEN .postsItemPreview {
  color: var(--color-primary);
}
.postsListTwoColTHEN .postsItemBtn {
  color: var(--color-quaternary);
  transition: var(--transition);
  text-transform: uppercase;
  display: block;
  font-weight: bold;
}
.postsListTwoColTHEN .postsItem:hover .postsItemBtn {
  color: var(--color-secondary);
}
.postsListTwoColTHEN .postsListLoader {
  text-align: center;
}

/*Categories List THEN*/
.categoriesListTHEN .categoriesListDesktop {
  display: none;
}
@media screen and (min-width: 991px) {
  .categoriesListTHEN .categoriesListDesktop {
    display: block;
  }
}
.categoriesListTHEN .categoriesListMain {
  margin: 0;
}
.categoriesListTHEN .categoriesListMain li {
  margin: 0;
  padding: 0;
}
.categoriesListTHEN .categoriesListMain li::before {
  content: none;
}
.categoriesListTHEN .categoriesListMain li > a {
  text-decoration: none;
}
.categoriesListTHEN .categoriesListMain > li {
  padding: 15px 30px;
  width: 100%;
  background-color: var(--color-grey);
  margin: 0 0 10px 0;
}
.categoriesListTHEN .categoriesListMain > li:last-child {
  margin: 0;
}
.categoriesListTHEN .categoriesListMain > li > a {
  font-size: var(--font-size-medium);
  font-weight: bold;
  color: var(--color-primary-lightened);
  width: 100%;
  position: relative;
  display: block;
}
.categoriesListTHEN .categoriesListMain > li > a:hover {
  color: var(--color-secondary);
}
.categoriesListTHEN .categoriesListMain > li > a::after {
  position: absolute;
  content: "";
  background-image: url("../images/icons/arrow-right.svg");
  width: 6px;
  height: 12px;
  display: block;
  right: -15px;
  top: 50%;
  transform: translate(-50%, -50%);
  transform-origin: center;
  transition: var(--transition);
}
.categoriesListTHEN .categoriesListMain > li > a * {
  transition: none;
}
.categoriesListTHEN .categoriesListMain > li.active > a::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.categoriesListTHEN .categoriesListMain li ul {
  margin: 40px 0 20px 0;
  display: none;
}
.categoriesListTHEN .categoriesListMain li li {
  padding: 0 0 0 16px;
  margin: 0 0 10px 0;
}
.categoriesListTHEN .categoriesListMain li li:last-child {
  margin: 0;
}
.categoriesListTHEN .categoriesListMain li li > a {
  color: var(--color-primary);
}
.categoriesListTHEN .categoriesListMain li li > a:hover {
  color: var(--color-secondary);
}
.categoriesListTHEN .categoriesListMain li li > a::after {
  position: absolute;
  content: "";
  background-image: url("../images/icons/arrow-right.svg");
  width: 6px;
  height: 12px;
  display: block;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  transform-origin: center;
  transition: var(--transition);
}
.categoriesListTHEN .categoriesListMain li li.active > a::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.categoriesListTHEN .categoriesListMobile {
  display: block;
}
@media screen and (min-width: 991px) {
  .categoriesListTHEN .categoriesListMobile {
    display: none;
  }
}
.categoriesListTHEN .sidebarMenuBtn {
  color: var(--color-primary);
  background-color: var(--color-quaternary);
  padding: 15px 20px;
  width: 100%;
  font-weight: bold;
  text-transform: uppercase;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.categoriesListTHEN .sidebarMenuBtn:hover {
  background-color: var(--color-primary-lightened-2);
  color: var(--color-white);
}
.categoriesListTHEN .burgerLines {
  display: block;
  overflow: hidden;
  width: 20px;
  height: 16px;
  position: relative;
  margin: 0 0 0 15px;
}
.categoriesListTHEN .burgerLine {
  display: block;
  position: absolute;
  top: 7px;
  height: 2px;
  border-radius: 0;
  background-color: var(--color-primary);
  width: 100%;
}
.categoriesListTHEN .burgerLine:nth-of-type(1) {
  transform: translate(0px, -7px);
  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 0ms;
}
.categoriesListTHEN .burgerLine:nth-of-type(2) {
  transform: translate(0px, 0px);
  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 100ms;
}
.categoriesListTHEN .burgerLine:nth-of-type(3) {
  transform: translate(0px, 7px);
  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 200ms;
}
.categoriesListTHEN .sidebarMenuBtn:hover .burgerLine {
  background-color: var(--color-white);
}
.categoriesListTHEN .categoriesListMobile .categoriesListMain {
  display: none;
  margin: 10px 0 0 0;
}
.categoriesListTHEN .categoriesListTemp {
  display: none;
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Posts List - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Post Details - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*Post Details THEN*/
.postDetailsTHEN .postDetailsHeaderWrapper,
.postDetailsTHEN .postDetailsSubHeaderWrapper,
.postDetailsTHEN .postDetailsBannerWrapper,
.postDetailsTHEN .postDetailsBodyWrapper {
  margin: 0 auto;
  max-width: 770px;
}
.postDetailsTHEN .postDetailsMetas {
  display: flex;
  margin: 0 0 20px 0;
  font-size: var(--font-size-x-small-mobile);
}
@media screen and (min-width: 991px) {
  .postDetailsTHEN .postDetailsMetas {
    font-size: var(--font-size-x-small);
  }
}
.postDetailsTHEN .postsItemCategories {
  margin: 0 20px 0 0;
  padding: 0;
  position: relative;
}
.postDetailsTHEN .postsItemCategories::after {
  content: "|";
  display: block;
  position: absolute;
  top: 0;
  right: -10px;
}
.postDetailsTHEN .postsItemCategories li {
  margin: 0;
  padding: 0;
  display: inline-block;
}
.postDetailsTHEN .postsItemCategories li::before {
  content: none;
}
.postDetailsTHEN .postsItemCategories li:not(:last-child)::after {
  content: ", ";
}
.postDetailsTHEN .postDetailsHeader {
  margin: 0 0 35px 0;
}
.postDetailsTHEN .postDetailsTitle {
  font-size: var(--font-size-x-large-mobile);
  text-transform: uppercase;
  letter-spacing: 0.01em;
  margin: 0 0 25px 0;
}
@media screen and (min-width: 991px) {
  .postDetailsTHEN .postDetailsTitle {
    font-size: var(--font-size-x-large);
  }
}
.postDetailsTHEN .postDetailsAuthor {
  font-size: var(--font-size-x-small-mobile);
}
@media screen and (min-width: 991px) {
  .postDetailsTHEN .postDetailsAuthor {
    font-size: var(--font-size-x-small);
  }
}
.postDetailsTHEN .postDetailsSubHeader {
  margin: 0 0 20px 0;
  color: var(--color-primary);
}
.postDetailsTHEN .postDetailsSubheading {
  margin: 0;
}
.postDetailsTHEN .postDetailsBanner {
  margin: 0 0 35px 0;
}
.postDetailsTHEN .postDetailsBannerImg {
  width: 100%;
}
.postDetailsTHEN .postDetailsContent {
  color: var(--color-primary);
}
.postDetailsTHEN .postDetailsContent a {
  color: var(--color-primary-lightened);
  font-weight: 500;
  transition: var(--transition);
}
.postDetailsTHEN .postDetailsContent a:hover {
  color: var(--color-secondary);
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Post Details - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Sidebar Menu - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.sidebarMenuTHEN .Menu li {
  margin: 0;
  padding: 0;
}
.sidebarMenuTHEN .Menu li::before {
  content: none;
}
.sidebarMenuTHEN .Menu li > a {
  text-decoration: none;
}
.sidebarMenuTHEN .Menu .blockContents > ul > li {
  padding: 15px 30px;
  width: 100%;
  background-color: var(--color-grey);
  margin: 0 0 10px 0;
}
.sidebarMenuTHEN .Menu .blockContents > ul > li:last-child {
  margin: 0;
}
.sidebarMenuTHEN .Menu .blockContents > ul > li > a {
  font-size: var(--font-size-medium);
  font-weight: bold;
  color: var(--color-primary-lightened);
  width: 100%;
  position: relative;
  display: block;
}
.sidebarMenuTHEN .Menu .blockContents > ul > li > a:hover {
  color: var(--color-secondary);
}
.sidebarMenuTHEN .Menu .blockContents > ul > li > a::after {
  position: absolute;
  content: "";
  background-image: url("../images/icons/arrow-right.svg");
  width: 6px;
  height: 12px;
  display: block;
  right: -15px;
  top: 50%;
  transform: translate(-50%, -50%);
  transform-origin: center;
  transition: var(--transition);
}
.sidebarMenuTHEN .Menu .blockContents > ul > li > a * {
  transition: none;
}
.sidebarMenuTHEN .Menu .blockContents > ul > li.active > a::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.sidebarMenuTHEN .Menu .blockContents > ul li ul {
  margin: 40px 0 20px 0;
  display: none;
}
.sidebarMenuTHEN .Menu .blockContents > ul li li {
  padding: 0 0 0 16px;
  margin: 0 0 10px 0;
}
.sidebarMenuTHEN .Menu .blockContents > ul li li:last-child {
  margin: 0;
}
.sidebarMenuTHEN .Menu .blockContents > ul li li > a {
  color: var(--color-primary);
}
.sidebarMenuTHEN .Menu .blockContents > ul li li > a:hover {
  color: var(--color-secondary);
}
.sidebarMenuTHEN .Menu .blockContents > ul li li > a::after {
  position: absolute;
  content: "";
  background-image: url("../images/icons/arrow-right.svg");
  width: 6px;
  height: 12px;
  display: block;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  transform-origin: center;
  transition: var(--transition);
}
.sidebarMenuTHEN .Menu .blockContents > ul li li.active > a::after {
  transform: translate(-50%, -50%) rotate(90deg);
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Sidebar Menu - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Spacers - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*MW Spacers*/
.Spacer .mwSpacer.medium {
  height: 60px !important;
}
.Spacer .mwSpacer.large {
  height: 90px !important;
}

/*Spacer Left*/
.spacer hr {
  background-color: var(--color-primary-lightened);
  width: 25%;
  max-width: 100px;
  height: 2px;
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Spacers - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Subfooters - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*subfooterCAPFSC*/
.subfooterCAPFSC {
  background-image: url("../images/subfooter.html");
  background-position: center top;
  position: relative;
  height: 700px;
}
.subfooterCAPFSC::before {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "";
  display: block;
  width: 1px;
  height: 40px;
  background-color: var(--color-secondary);
}

@media screen and (min-width: 991px) {
  .subfooterCAPFSC {
    height: 850px;
  }
  .subfooterCAPFSC::before {
    height: 100px;
  }
}
.subfooterCAPFSC .subfooterCAPFSCHeader {
  margin: 0 0 40px 0;
}

.subfooterCAPFSC .subfooterCAPFSCButtons {
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  column-gap: 30px;
  row-gap: 15px;
}

@media screen and (min-width: 576px) {
  .subfooterCAPFSC .subfooterCAPFSCButtons {
    grid-template-columns: repeat(2, 1fr);
    max-width: 240px;
  }
}
.subfooterCAPFSC .button a {
  min-width: 100%;
}

@media screen and (min-width: 576px) {
  .subfooterCAPFSC .button a {
    min-width: 108px;
  }
}
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Subfooters - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Videos - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
body.videoPlayerOpened {
  overflow: hidden;
}

.videoPlayerTHEN {
  --video-height-mobile: 287px;
  --video-height-tablet: 400px;
  --video-height-desktop: 350px;
  width: 100%;
}
.videoPlayerTHEN .videoCover {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-white);
  transition: var(--transition);
  cursor: pointer;
  height: var(--video-height-mobile);
  z-index: 1;
}
@media screen and (min-width: 767px) {
  .videoPlayerTHEN .videoCover {
    height: var(--video-height-tablet);
  }
}
@media screen and (min-width: 991px) {
  .videoPlayerTHEN .videoCover {
    height: var(--video-height-desktop);
  }
}
.videoPlayerTHEN .videoCover:hover {
  color: var(--color-secondary);
}
.videoPlayerTHEN .videoCover * {
  transition: none;
}
.videoPlayerTHEN .videoOverlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(var(--color-black-rgb), 0.1);
  z-index: -1;
}
.videoPlayerTHEN .videoCoverBg {
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  transform: scale(1);
  top: 0;
  left: 0;
  transition: var(--transition);
  z-index: -2;
}
.videoPlayerTHEN .videoCover:hover .videoCoverBg {
  transform: scale(1.05);
}
.videoPlayerTHEN .videoPopup {
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(var(--color-black-rgb), 0.6);
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  visibility: hidden;
  opacity: 0;
  transition: var(--transition);
}
.videoPlayerTHEN.opened .videoPopup {
  visibility: visible;
  opacity: 1;
}
.videoPlayerTHEN .videoPopupHeader {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
}
.videoPlayerTHEN .videoPopupHeaderWrap {
  display: flex;
  justify-content: flex-end;
  margin: 15px 15px 0 0;
}
.videoPlayerTHEN .burger .burgerSlash {
  background-color: var(--color-white);
}
.videoPlayerTHEN .burger:hover .burgerSlash {
  background-color: var(--color-secondary);
}
.videoPlayerTHEN .videoPopup .container {
  padding: 0;
}
.videoPlayerTHEN video {
  width: 100%;
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Videos - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/