@charset "UTF-8";
/**
 * Main CSS File
 */
/* Site specific mixins */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote {
  margin: 0;
  padding: 0;
}

fieldset, img {
  border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: inherit;
  font-weight: inherit;
}

ul {
  list-style: none;
}

caption, th {
  text-align: left;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: inherit;
}

q:before, q:after {
  content: "";
}

abbr, acronym {
  border: 0;
}

br {
  font-size: 0;
}

body, body * {
  line-height: 1.2em;
  box-sizing: border-box;
}

span, strong, em, a, b, i {
  line-height: inherit;
}

input, select, textarea {
  line-height: normal;
}

html, body {
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body * {
  max-height: 999999px;
}

h1 {
  font-size: 138.5%;
}

h2 {
  font-size: 123.1%;
}

h3 {
  font-size: 108%;
}

h1, h2, h3 {
  margin: 1em 0;
}

h1, h2, h3, h4, h5, h6, strong {
  font-weight: 600;
  font-style: inherit;
}

abbr, acronym {
  border-bottom: 1px dotted #000;
  cursor: help;
}

em {
  font-style: italic;
  font-weight: inherit;
}

blockquote, ul, ol, dl {
  margin: 1em;
}

ol, ul, dl {
  margin-left: 2em;
}

ul {
  list-style: disc outside;
  margin-left: 1.4em;
}

dl dd {
  margin-left: 1em;
}

th, td {
  /*border:1px solid #000;
  padding:.5em;*/
}

th {
  font-weight: 600;
  text-align: center;
}

caption {
  margin-bottom: 0.5em;
  text-align: center;
}

p, fieldset, table {
  margin-bottom: 1em;
}

img, iframe {
  vertical-align: bottom;
}

video {
  background-color: #000;
}

/* This causes some display issues, better not to bother unless actually needed
textarea,
input,
select {
  margin: 0;
  vertical-align: bottom;
}
*/
br {
  font-size: 0;
  line-height: 0;
}

*:focus {
  outline: none;
}

a {
  color: inherit;
  text-decoration: none;
}

.table-wrapper {
  max-width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  margin-bottom: 1em;
  padding: 1px 0;
}

.table-wrapper table {
  margin-bottom: 0;
}

ul.content-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.ErrorPage h1.none {
  display: block;
}

.urlSecurity h1.none {
  display: block;
}

.clear {
  clear: both;
}

.none {
  display: none;
}

.hidden {
  visibility: hidden;
}

ul.content-list,
.ss-uploadfield ul,
.WidgetHolder ul,
form .field ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.content-list > li,
.ss-uploadfield ul li,
.WidgetHolder ul li,
form .field ul li {
  list-style: none;
  padding-left: 0;
  width: auto;
}

ul.content-list > li:before,
.ss-uploadfield ul li:before,
.WidgetHolder ul li:before,
form .field ul li:before {
  display: none;
}

html, body {
  font-size: 20px;
}
@media (min-width: 719px) {
  html, body {
    font-size: 24px;
  }
}
@media (min-width: 1439px) {
  html, body {
    font-size: 26px;
  }
}
@media (min-width: 1919px) {
  html, body {
    font-size: 30px;
  }
}

body {
  margin: 0;
  padding: 0;
  font-family: "Titillium Web", Arial, Helvetica, sans-serif;
  color: #fff;
  background: #770000;
  font-weight: 300;
  box-sizing: border-box;
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  min-width: 320px;
}

a, button, input[type=submit], input[type=reset], input[type=button] {
  transition: all 0.3s ease;
}

a img, button img {
  transition: all 0.3s ease;
}
a svg text, a svg line, a svg polyline, a svg path, a svg ellipse, button svg text, button svg line, button svg polyline, button svg path, button svg ellipse {
  transition: all 0.3s ease;
}

/* Styles for content that can be edited in the CMS editor */
.typography > *:last-child, .typography > ul > li:last-child, .typography > ol > li:last-child {
  margin-bottom: 0 !important;
}
.typography > div.WordSection1:last-child {
  margin-bottom: 0 !important;
}
.typography > div.WordSection1:last-child > ul > li:last-child, .typography > div.WordSection1:last-child > ol > li:last-child {
  margin-bottom: 0 !important;
}
.typography .small {
  font-size: 0.9rem;
}
.typography .leadin, .typography .large {
  font-size: 1.5rem;
}
.typography .margin-bottom {
  margin-bottom: 1rem !important;
}
.typography .no-margins {
  margin: 0 !important;
}
.typography table {
  max-width: 100%;
  margin-top: 1rem;
}
.typography table td, .typography table th {
  vertical-align: top;
}
.typography table td[valign=bottom], .typography table th[valign=bottom] {
  vertical-align: bottom;
}
.typography table td[valign=middle], .typography table th[valign=middle] {
  vertical-align: middle;
}
.typography table tr:last-child td p {
  margin-bottom: 0;
}
.typography a {
  text-decoration: none;
  color: #FF5A00;
}
.typography a:hover {
  text-decoration: underline;
}
.typography a img {
  border: 0;
}
.typography a.btn {
  margin-top: 0.5em;
  font-weight: normal;
  color: #FF5A00;
  padding-right: 1em;
  background: transparent url(../images/chevron-right-orange.svg) right center/auto 1em no-repeat;
}
.typography h1 a,
.typography h2 a,
.typography h3 a,
.typography h4 a,
.typography h5 a,
.typography h6 a {
  color: inherit;
}
.typography ul, .typography ol {
  margin-top: 0;
}
.typography ul ul, .typography ol ol {
  margin-bottom: 0;
}
.typography ul.content-list > li > ul, .typography ol.content-list > li > ol,
.typography ul.content-list > li > article > ul, .typography ol.content-list > li > article > ol,
.typography ul.content-list > li > div > ul, .typography ol.content-list > li > div > ol {
  margin-bottom: 1rem;
}
.typography ul,
.typography ol {
  list-style: none;
  margin-left: 0;
}
.typography ul ul,
.typography ol ul {
  list-style: none;
  padding-left: 1.5rem;
  margin-left: 0;
}
.typography li {
  position: relative;
  padding-left: 0.75rem;
}
.typography li:before {
  content: "•";
  display: inline-block;
  position: absolute;
  left: 0;
  padding-right: 0.3rem;
}
.typography ol {
  counter-reset: ol;
}
.typography ol ol {
  counter-reset: ol2;
}
.typography ol ol,
.typography ul ol {
  padding-left: 1.5rem;
}
.typography ol > li {
  padding-left: 1.5rem;
}
.typography ol > li:before {
  counter-increment: ol;
  content: counter(ol) ". ";
  width: 1.2rem;
  text-align: right;
}
.typography ol ol > li:before {
  counter-increment: ol2;
  content: counter(ol2) ". ";
}
.typography .center li,
.typography .text-center li,
.typography [style*="text-align: center"] li,
.typography li.center,
.typography li.text-center,
.typography li[style*="text-align: center"] {
  margin: 0 auto;
}
.typography .center li:before,
.typography .text-center li:before,
.typography [style*="text-align: center"] li:before,
.typography li.center:before,
.typography li.text-center:before,
.typography li[style*="text-align: center"]:before {
  position: static;
}
.typography h1, .typography .h1-style {
  font-weight: 300;
  color: #E00087;
  font-size: 3rem;
  margin-top: 1em;
  margin-bottom: 0.3em;
  margin-left: -0.26666667rem;
}
.typography h1:first-child, .typography .h1-style:first-child {
  margin-top: 0;
}
.typography h1:last-child, .typography .h1-style:last-child {
  margin-bottom: 0;
}
@media (min-width: 719px) {
  .typography h1, .typography .h1-style {
    font-size: 4.26rem;
  }
}
.typography h2, .typography .h2-style {
  font-weight: 300;
  color: #FF5A00;
  font-size: 1.6rem;
  margin-top: 1em;
  margin-bottom: 0.3em;
  margin-left: 0;
}
.typography h2:first-child, .typography .h2-style:first-child {
  margin-top: 0;
}
.typography h2:last-child, .typography .h2-style:last-child {
  margin-bottom: 0;
}
@media (min-width: 719px) {
  .typography h2, .typography .h2-style {
    font-size: 1.6rem;
  }
}
.typography h3 {
  font-weight: 300;
  margin: 0;
}
.typography h4 {
  font-weight: 300;
  margin: 0;
}
.typography h5 {
  font-weight: 300;
  margin: 0;
}
.typography h6 {
  font-weight: 300;
  margin: 0;
}
.typography .left, .typography .text-left {
  text-align: left;
}
.typography .center, .typography .text-center {
  text-align: center;
}
.typography .right, .typography .text-right {
  text-align: right;
}
.typography img {
  /* border: 5px solid #d7d7d7;*/
  max-width: 100%; /* prevents width being wider than 100% */
  height: auto; /* resets the image height so that it maintains its aspect ratio when width is set */
  /*background: transparent url(../images/ajax-loader.gif) no-repeat center center;*/
}
.typography img.left {
  float: left;
  max-width: 50%;
  margin: 0.3rem 1rem 0.5rem 0;
}
.typography img.right {
  float: right;
  max-width: 50%; /* Responsive width */
  margin: 0.3rem 0 0.5rem 1rem;
}
.typography img.leftAlone {
  /*float: left;
  margin-right: 100%;
  margin-bottom: 10px;*/
  clear: both;
}
.typography img.center {
  float: none;
  margin-left: auto;
  margin-right: auto;
  display: block;
  margin-bottom: 0.5rem;
  clear: both;
}
.typography .captionImage {
  width: 100%;
  margin-top: 5px;
}
.typography .captionImage img {
  margin: 0;
}
.typography .captionImage.left {
  float: left;
  margin: 0.3rem 1.5rem 1rem 0;
}
.typography .captionImage.right {
  float: right;
  margin: 0.3rem 0 1rem 1.5rem;
}
.typography .captionImage.left[style],
.typography .captionImage.right[style] {
  max-width: 50%; /* Overides core width to make responsive */
}
.typography .captionImage.left img,
.typography .captionImage.right img {
  float: none;
  max-width: none;
  width: 100%;
}
.typography .captionImage.left img {
  margin-right: -0.5rem;
}
.typography .captionImage.right img {
  margin-left: -0.5rem;
}
.typography .captionImage.right p {
  margin-left: -0.5rem;
  text-align: left;
  margin-left: -0.5rem;
}
.typography .captionImage.leftAlone {
  float: none;
  margin: 0 1rem 1rem 0;
}
.typography .captionImage.center {
  margin: 0 auto 1rem;
}
.typography .captionImage p {
  clear: both;
  margin: 0.3rem 0;
  font-style: italic;
  color: #888;
}

form.ss-form {
  position: relative;
  margin-top: 2rem;
}
form.ss-form div.field {
  margin: 0 0 1rem 0;
}
form.ss-form div.field.text label, form.ss-form div.field.dropdown label, form.ss-form div.field.textarea label {
  display: none;
}
@media (min-width: 719px) {
  form.ss-form div.field:nth-last-child(2) {
    margin-bottom: 0;
  }
}
form.ss-form fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
form.ss-form input.text,
form.ss-form textarea,
form.ss-form select {
  width: 100%;
  padding: 0.1rem 0.4rem;
  background-color: #FF5A00;
  border: 0;
  font-family: inherit;
  font-size: inherit;
  box-sizing: border-box;
  color: inherit;
  border-radius: 0;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
form.ss-form select {
  background: #fff url("../images/forms/select.svg") right 1rem center/1rem auto no-repeat;
  padding-right: 3rem;
}
form.ss-form textarea {
  resize: vertical;
  vertical-align: top;
}
form.ss-form input.text:focus,
form.ss-form textarea:focus,
form.ss-form .textajaxuniquetext:focus,
form.ss-form select:focus {
  outline: none;
}
form.ss-form input[disabled], form.ss-form form textarea[disabled] {
  opacity: 0.5;
}
form.ss-form ::-moz-placeholder {
  color: inherit;
  opacity: 0.5;
}
form.ss-form ::placeholder {
  color: inherit;
  opacity: 0.5;
}
form.ss-form .optionset > label {
  display: block;
  margin-bottom: 0.5rem;
}
form.ss-form .optionset ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
form.ss-form .optionset li {
  display: inline-block;
  margin-right: 1rem;
}
form.ss-form .optionset.stacked li {
  display: block;
}
form.ss-form .optionset input {
  display: none;
}
form.ss-form .optionset input + label {
  display: inline-block;
  background: url("../images/forms/radio.svg") left 0.15rem/1rem 1rem no-repeat;
  padding-left: 1.5rem;
}
form.ss-form .optionset input:checked + label {
  background-image: url("../images/forms/radio-checked.svg");
}
form.ss-form .checkboxset input, form.ss-form .checkbox input {
  display: none;
}
form.ss-form .checkboxset input + label, form.ss-form .checkbox input + label {
  display: inline-block;
  background: url("../images/forms/checkbox.svg") left 0.15rem/1rem 1rem no-repeat;
  padding-left: 1.5rem;
}
form.ss-form .checkboxset input:checked + label, form.ss-form .checkbox input:checked + label {
  background-image: url("../images/forms/checkbox-checked.svg");
}
form.ss-form {
  /* Captcha */
}
form.ss-form #Form_ContactForm_Captcha_Holder {
  min-height: 78px;
}
form.ss-form #Form_ContactForm_Captcha_Holder .message {
  display: block;
}
@media (min-width: 719px) {
  form.ss-form #Form_ContactForm_Captcha_Holder .message {
    padding-right: 150px;
  }
}
form.ss-form.form-loading fieldset {
  opacity: 0.5;
}

/* Messages */
.message {
  display: block;
  font-weight: 600;
  margin-bottom: 1rem;
}
.field .message {
  margin-bottom: 0;
  margin-top: 0.5rem;
}
.message.good {
  color: green;
}
.message.error, .message.bad, .message.required, .message.validation {
  color: red;
}

/* ACTIONS */
.btn-toolbar {
  margin-bottom: 1rem;
}

a.btn, .btn-toolbar button, .btn-toolbar input[type=submit], .btn-toolbar .action {
  display: inline-block;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: 0;
  border-radius: 0;
  background: transparent;
  font-family: inherit;
  font-size: inherit;
  cursor: pointer;
  font-weight: normal;
  color: #FF5A00;
  padding-right: 1em;
  background: transparent url(../images/chevron-right-orange.svg) right center/auto 1em no-repeat;
}
form.form-loading a.btn, form.form-loading .btn-toolbar button, form.form-loading .btn-toolbar input[type=submit], form.form-loading .btn-toolbar .action {
  background-image: url(../images/loading/Rolling-1s-200px.svg);
  padding-right: 1.2em;
}
a.btn:hover, .btn-toolbar button:hover, .btn-toolbar input[type=submit]:hover, .btn-toolbar .action:hover {
  text-decoration: none;
  padding-right: 1.2em;
}
a.btn, .btn-toolbar button, .btn-toolbar input[type=submit], .btn-toolbar .action {
  transition: all 0.3s ease;
}
@media (min-width: 719px) {
  form.ss-form a.btn, form.ss-form .btn-toolbar button, form.ss-form .btn-toolbar input[type=submit], form.ss-form .btn-toolbar .action {
    position: absolute;
    bottom: 0;
    right: 0;
  }
}

body {
  padding-top: 1.3rem;
  padding-bottom: 2.13333333rem;
}
@media (min-width: 1439px) {
  body {
    padding-top: 4.38rem;
  }
}
@media (min-width: 1919px) {
  body {
    padding-top: 3.8rem;
  }
}

.container {
  max-width: 47rem;
  margin: 0 auto;
  padding: 0 1rem;
  box-sizing: content-box;
  position: relative;
}
@media (min-width: 1439px) {
  .container {
    padding: 0 6rem;
    max-width: 1920px;
  }
}

@media (min-width: 1439px) {
  .content-width {
    margin-right: 11.5rem;
  }
}

.header__logo {
  position: relative;
}
.header__logo a {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 8.7rem;
}
@media (min-width: 719px) {
  .header__logo a {
    width: 9.17rem;
  }
}
@media (min-width: 1439px) {
  .header__logo a {
    width: 10.92rem;
  }
}
@media (min-width: 1919px) {
  .header__logo a {
    width: 9.47rem;
  }
}
.header__logo a:hover {
  cursor: pointer;
  opacity: 0.8;
}
.header__logo a {
  z-index: 1;
}

.layout {
  padding-top: 4.75rem;
}
@media (min-width: 1439px) {
  .layout {
    padding-top: 0;
  }
}

.footer {
  font-weight: normal;
  font-size: 20px;
}
.footer a:hover {
  color: #FF5A00;
}
.footer .container:before {
  content: "";
  display: block;
  border-top: 1px solid #FF5A00;
  height: 1.45em;
}
.footer .container:after {
  content: "";
  display: block;
  border-bottom: 1px solid #FF5A00;
  height: 1.45em;
}
.footer ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.footer ul > li {
  list-style: none;
}
.footer__nav li:nth-child(n+2) {
  line-height: 3em;
  display: inline-block;
}
.footer__info {
  padding-top: 2.5rem;
}
.footer__info li {
  display: inline-block;
}
.footer__info li:not(:last-child):after {
  content: "/";
  color: #FF5A00;
  display: inline-block;
  padding-right: 0.6em;
  padding-left: 0.8em;
}
.footer__location {
  margin-top: 0.8em;
  text-align: right;
}

/* CSS Document */
.animate-in-view, .animate-load {
  overflow: hidden;
}
.animate-in-view .slide-in-left, .animate-in-view.slide-in-left, .animate-load .slide-in-left, .animate-load.slide-in-left {
  opacity: 0;
  transition: all 0.6s ease-out;
  transform: translateX(-100vw);
  transition-delay: 0s;
}
.animate-in-view .slide-in-right, .animate-in-view.slide-in-right, .animate-load .slide-in-right, .animate-load.slide-in-right {
  opacity: 0;
  transition: all 0.6s ease-out;
  transform: translateX(100vw);
  transition-delay: 0s;
}
.animate-in-view .slide-in-top, .animate-in-view.slide-in-top, .animate-load .slide-in-top, .animate-load.slide-in-top {
  opacity: 0;
  transition: all 0.6s ease-out;
  transform: translateY(-50vh);
  transition-delay: 0s;
}
.animate-in-view .slide-in-bottom, .animate-in-view.slide-in-bottom, .animate-load .slide-in-bottom, .animate-load.slide-in-bottom {
  opacity: 0;
  transition: all 1.2s ease-out;
  transform: translateY(50vh);
  transition-delay: 0s;
}
.animate-in-view .fade-in, .animate-in-view.fade-in, .animate-load .fade-in, .animate-load.fade-in {
  opacity: 0;
  transition: all 0.6s ease-out;
  transition-delay: 0.3s;
}
.animate-in-view .fade-up, .animate-in-view.fade-up, .animate-load .fade-up, .animate-load.fade-up {
  opacity: 0;
  transform: translateY(3rem);
  transition: all 0.6s ease-out;
  transition-delay: 0.3s;
}
.animate-in-view .fade-down, .animate-in-view.fade-down, .animate-load .fade-down, .animate-load.fade-down {
  opacity: 0;
  transform: translateY(-3rem);
  transition: all 0.6s ease-out;
  transition-delay: 0.3s;
}
.animate-in-view .fade-grow, .animate-in-view.fade-grow, .animate-load .fade-grow, .animate-load.fade-grow {
  opacity: 0;
  transform: scale(0.5);
  transition: all 0.6s ease-out;
  transition-delay: 0.3s;
}
.animate-in-view.in-view .slide-in-left, .animate-in-view.in-view .slide-in-right, .animate-in-view.in-view.slide-in-left, .animate-in-view.in-view.slide-in-right, .animate-in-view.in-view .slide-in-top, .animate-in-view.in-view.slide-in-top, .animate-in-view.in-view .slide-in-bottom, .animate-in-view.in-view.slide-in-bottom, .animate-in-view.in-view .fade-up, .animate-in-view.in-view.fade-up, .animate-in-view.in-view .fade-down, .animate-in-view.in-view.fade-down, .animate-in-view.in-view .fade-grow, .animate-in-view.in-view.fade-grow, .animate-load.in-view .slide-in-left, .animate-load.in-view .slide-in-right, .animate-load.in-view.slide-in-left, .animate-load.in-view.slide-in-right, .animate-load.in-view .slide-in-top, .animate-load.in-view.slide-in-top, .animate-load.in-view .slide-in-bottom, .animate-load.in-view.slide-in-bottom, .animate-load.in-view .fade-up, .animate-load.in-view.fade-up, .animate-load.in-view .fade-down, .animate-load.in-view.fade-down, .animate-load.in-view .fade-grow, .animate-load.in-view.fade-grow {
  transform: none;
  opacity: 1;
}
.animate-in-view.in-view .fade-in, .animate-in-view.in-view.fade-in, .animate-load.in-view .fade-in, .animate-load.in-view.fade-in {
  opacity: 1;
}

.transition-delay-0 {
  transition-delay: 0s;
}

.transition-delay-1 {
  transition-delay: 0s !important;
}

.transition-delay-2 {
  transition-delay: 0.3s !important;
}

.transition-delay-3 {
  transition-delay: 0.6s !important;
}

.transition-delay-4 {
  transition-delay: 0.9s !important;
}

.transition-delay-5 {
  transition-delay: 1.2s !important;
}

img.lazy-load {
  opacity: 0;
  transition: all 0.6s ease;
}
img.lazy-load.lazy-blur {
  filter: blur(8px);
}
img.lazy-load.lazy-loaded {
  opacity: 1;
  filter: none;
}

a img.lazy-loaded {
  transition: all 0.3s ease;
}

*[data-background-image].lazy-load {
  transition: all 0.6s ease;
  filter: blur(100px);
  opacity: 0;
}
*[data-background-image].lazy-load.lazy-loaded {
  filter: none;
  opacity: 1;
}

.modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  font-size: 20px;
}
.modal__window {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100vw - 2rem);
  max-width: 600px;
  background: #770000;
}
.modal__title {
  font-weight: normal;
  padding: 0.6em 1.2em;
  background: #770000;
  color: #FF5A00;
  position: relative;
  border-bottom: 1px solid #FF5A00;
}
.modal__close {
  position: absolute;
  right: 1em;
  top: 0.6em;
  height: 1.2em;
  width: 0.6em;
}
.modal__close:before, .modal__close:after {
  content: "";
  display: block;
  background: #FF5A00;
  border-radius: 2px;
  width: 4px;
  height: 100%;
  transform-origin: 50% 50%;
  position: absolute;
  top: 0;
  left: 0;
}
.modal__close:before {
  transform: rotate(45deg);
}
.modal__close:after {
  transform: rotate(-45deg);
}
.modal__content {
  padding: 1.2em 1.2em 1.5em 1.2em;
  font-size: 20px;
  max-height: calc(100vh - 4rem);
  overflow-y: auto;
}
.modal__content > *:last-child {
  margin-bottom: 0;
}

.layout {
  padding-bottom: 1em;
}

.accordion {
  padding-bottom: 0.8rem;
}
.accordion__title {
  margin-bottom: 0 !important;
  transition: all 0.3s ease;
  transform-origin: 0 0;
}
.accordion__title:hover {
  cursor: pointer;
  color: #FF1EA6;
}
.accordion__content {
  display: none;
  opacity: 0;
  transition: opacity 0.5s ease;
  padding-top: 1em;
}
.accordion__open .accordion__content {
  opacity: 1;
}

.AboutPage .layout {
  padding-bottom: 0;
}

.team-image {
  position: relative;
  text-align: right;
  margin-right: 1em;
}
.team-image__lines {
  position: absolute;
  bottom: 0;
  right: 0;
  overflow: hidden;
  height: 262px;
  width: 950px;
  display: flex;
}
.team-image__lines div {
  border-left: 1px solid #E00087;
  transform: rotate(-45deg);
  transform-origin: 0 0;
  width: 37px;
  height: 200%;
}
.team-image img {
  position: relative;
  z-index: 2;
  width: 465px;
  height: auto;
  max-width: 100%;
}

.ContactPage .layout {
  padding-bottom: 1em;
}

.contact-form__complete {
  margin-top: 2em;
  color: #FF5A00;
  display: none;
}

.ClientsPage .layout {
  padding-bottom: 2em;
}

.client-logos {
  margin-top: 2em;
  background: #fff;
  border-top: 8px solid #FF5A00;
  border-bottom: 8px solid #FF5A00;
  padding: 1em 0;
}
.client-logos ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.client-logos ul > li {
  list-style: none;
}
.client-logos ul {
  margin-left: -1em;
  margin-right: -1em;
  display: grid;
  row-gap: 0.5em;
  -moz-column-gap: 1em;
       column-gap: 1em;
  align-items: center;
  justify-content: space-between;
  grid-template-columns: 1fr 1fr;
}
@media (min-width: 1439px) {
  .client-logos ul {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
@media (min-width: 1919px) {
  .client-logos ul {
    margin-left: -3em;
    margin-right: -3em;
  }
}
.client-logos ul li {
  text-align: center;
}
.client-logos ul li img {
  width: 100%;
  max-width: 286px;
  height: auto;
}