@import url("https://www.acsgroup.co.uk/-global-/footer.css");
@font-face {
  font-family: "Euclid";
  src: url("/fonts/Euclid/Euclid-Circular-B-Light.ttf");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Euclid";
  src: url("/fonts/Euclid/Euclid-Circular-B-Regular.ttf");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Euclid";
  src: url("/fonts/Euclid/Euclid-Circular-B-Medium.ttf");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Euclid";
  src: url("/fonts/Euclid/Euclid-Circular-B-Bold.ttf");
  font-weight: 700;
  font-style: normal;
}

#fonts-euclid {
  font-weight: 100;
  font-weight: 300;
  font-weight: 400;
  font-weight: 700;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -webkit-appearance: none;
  text-rendering: optimizeLegibility;
  vertical-align: top;
}
h1,
h2,
h3,
h4,
p,
a,
div {
  backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
h1,
h2,
h3,
h4,
p,
a,
select,
input[type="text"] {
  line-height: 1.3;
}
input[type="checkbox"] {
  -webkit-appearance: checkbox;
}
input[type="radio"] {
  -webkit-appearance: radio;
}

html,
body {
  margin: 0;
  padding: 0;
  height: auto;
  overflow: auto;
  background-color: #ffffff;
}
body > .body {
  position: relative;
  display: inline-block;
  float: left;
  width: 100%;
  min-height: 100vh;
  text-align: center;
  background-color: #ffffff;
  z-index: 100;
}

body > .body .inline {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 1200px;
  min-height: 100%;
  padding: 0px 20px;
  margin: 0;
  vertical-align: top;
}

body > .body > .header-large {
  position: fixed;
  display: inline-block;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 110;
  background-color: rgb(0 0 0 / 30%);
  transition: background-color 0.3s ease;
}
body > .body.on-scroll > .header-large {
  box-shadow: 0px 20px 50px rgba(30, 68, 81, 0.25);
  background-color: #ffffff;
}
body > .body[data-header-type="light"] > .header-large {
  box-shadow: 0px 20px 50px rgba(30, 68, 81, 0.25);
  background-color: #ffffff;
}
body > .body > .header-large > .header-contact-us {
  position: relative;
  display: inline-block;
  width: 100%;
  max-height: 100px;
  float: left;
  padding: 10px 0px;
  overflow: hidden;
  background: rgb(123, 5, 115);
  background: linear-gradient(
    90deg,
    hsl(57deg 100% 95% / 60%) 10%,
    #c040d4 50%
  );
  transition: all 0.3s ease;
}
body > .body.on-scroll > .header-large > .header-contact-us {
  max-height: 0px;
  padding: 0px 0px;
}
body > .body > .header-large > .header-contact-us > .inline > .text-container {
  position: relative;
  display: inline-block;
  float: right;
}
body
  > .body
  > .header-large
  > .header-contact-us
  > .inline
  > .text-container
  > .button {
  position: relative;
  display: inline-block;
  float: left;
  margin: 0px 20px;
  color: #ffffff;
  font-family: "Euclid", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  text-align: left;
  text-decoration: none;
  transition: all 0.3s ease;
}
body
  > .body
  > .header-large
  > .header-contact-us
  > .inline
  > .text-container
  > .button[data-number="2"] {
  margin-right: 0px;
}
body > .body > .header-large > .header-main {
  position: relative;
  display: inline-block;
  width: 100%;
  float: left;
  padding: 30px 0px;
}
body > .body.on-scroll > .header-large > .header-main {
  padding: 10px 0px;
}
body > .body > .header-large > .header-main > .inline > .logo-container {
  position: absolute;
  display: inline-block;
  width: 120px;
  top: -2px;
  left: 0;
  opacity: 0;
}
body > .body > .header-large > .header-main > .inline > .logo-container.white {
  opacity: 1;
}
body > .body > .header-large > .header-main > .inline > .logo-container.black {
  opacity: 0;
}
body
  > .body[data-header-type="light"]
  > .header-large
  > .header-main
  > .inline
  > .logo-container.white {
  opacity: 0;
}
body
  > .body[data-header-type="light"]
  > .header-large
  > .header-main
  > .inline
  > .logo-container.black {
  opacity: 1;
}
body
  > .body.on-scroll
  > .header-large
  > .header-main
  > .inline
  > .logo-container.white {
  opacity: 0;
}
body
  > .body.on-scroll
  > .header-large
  > .header-main
  > .inline
  > .logo-container.black {
  opacity: 1;
}
body
  > .body
  > .header-large
  > .header-main
  > .inline
  > .logo-container
  > .image {
  position: relative;
  display: inline-block;
  width: 100%;
  float: left;
}
body > .body > .header-large > .header-main > .inline > .navigation-container {
  position: relative;
  display: inline-block;
  float: right;
}
body
  > .body
  > .header-large
  > .header-main
  > .inline
  > .navigation-container
  > .navigation {
  position: relative;
  display: inline-block;
  width: 100%;
  float: left;
  margin-top: 6px;
  transition: all 0.3s ease;
}
body
  > .body
  > .header-large
  > .header-main
  > .inline
  > .navigation-container
  > .navigation
  > .title {
  position: relative;
  display: inline-block;
  float: left;
  padding: 4px 20px 4px 20px;
  color: #ffffff;
  font-family: "Euclid", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 29px;
  text-align: left;
  text-decoration: none;
  transition: all 0.3s ease;
}
body
  > .body
  > .header-large
  > .header-main
  > .inline
  > .navigation-container
  > .navigation
  > .title:hover {
  font-weight: 700;
}
body
  > .body
  > .header-large
  > .header-main
  > .inline
  > .navigation-container
  > .navigation
  > .title.active {
  font-weight: 700;
}
body
  > .body.on-scroll
  > .header-large
  > .header-main
  > .inline
  > .navigation-container
  > .navigation
  > .title {
  color: #000000;
}
body
  > .body[data-header-type="light"]
  > .header-large
  > .header-main
  > .inline
  > .navigation-container
  > .navigation
  > .title {
  color: #000000;
}
body
  > .body
  > .header-large
  > .header-main
  > .inline
  > .navigation-container
  > .navigation
  > .title[data-number="4"] {
  font-weight: 700;
  margin-left: 20px;
}
body
  > .body
  > .header-large
  > .header-main
  > .inline
  > .navigation-container
  > .navigation
  > .title[data-number="4"]:before {
  content: "";
  position: absolute;
  display: inline-block;
  top: -2px;
  left: -10px;
  width: 3px;
  height: 38px;
  background-color: #ffffff;
}
body
  > .body[data-header-type="light"]
  > .header-large
  > .header-main
  > .inline
  > .navigation-container
  > .navigation
  > .title[data-number="4"]:before {
  background-color: #000000;
}
body
  > .body.on-scroll
  > .header-large
  > .header-main
  > .inline
  > .navigation-container
  > .navigation
  > .title[data-number="4"]:before {
  background-color: #000000;
  top: 2px;
  height: 28px;
}
body
  > .body
  > .header-large
  > .header-main
  > .inline
  > .navigation-container
  > .navigation
  > .title[data-number="5"] {
  margin-left: 20px;
  color: #ffffff;
  border-radius: 20px;
  background-color: #4ccc09;
}
body > .body > .header-large > .header-navigation {
  position: relative;
  display: inline-block;
  width: 100%;
  float: left;
  margin-top: 10px;
}
body
  > .body
  > .header-large
  > .header-navigation
  > .inline
  > .navigation-container {
  position: relative;
  display: inline-block;
  width: 100%;
  float: left;
  border-top: 2px solid #000000;
}
body
  > .body
  > .header-large
  > .header-navigation
  > .inline
  > .navigation-container
  > .navigation {
  position: relative;
  display: inline-block;
  width: 100%;
  float: left;
}
body
  > .body
  > .header-large
  > .header-navigation
  > .inline
  > .navigation-container
  > .navigation
  > .title {
  position: relative;
  display: inline-block;
  padding: 15px 3px 4px 3px;
  margin: 0px 20px;
  color: #fe5a02;
  font-family: "Euclid", sans-serif;
  font-weight: 100;
  font-size: 20px;
  line-height: 26px;
  text-align: left;
  text-decoration: none;
  transition: all 0.3s ease;
}
body
  > .body
  > .header-large
  > .header-navigation
  > .inline
  > .navigation-container
  > .navigation
  > .title.active {
  font-weight: 400;
}

body > .body > .header-mobile {
  position: fixed;
  display: none;
  width: 100%;
  height: 70px;
  top: 0;
  left: 0;
  padding: 10px 0;
  z-index: 110;
  background-color: #ffffff;
}
body > .body.on-mobile-header-open > .header-mobile {
  border-bottom: 2px solid #f1f1f1;
}
body > .body > .header-mobile > .logo-container {
  position: absolute;
  display: inline-block;
  top: 0;
  left: 0;
  width: 140px;
  padding: 16px 20px;
  z-index: 10;
}
body > .body > .header-mobile > .logo-container > .image {
  position: relative;
  display: inline-block;
  width: 100%;
  float: left;
}
body > .body > .header-mobile > .menu-icon-container {
  position: absolute;
  display: inline-block;
  top: 0;
  right: 0;
  width: 70px;
  height: 70px;
  padding: 16px;
  z-index: 10;
}
body > .body > .header-mobile > .menu-icon-container > .line {
  position: relative;
  display: inline-block;
  float: left;
  width: 100%;
  height: 4px;
  border: none;
  outline: none;
  border-radius: 5px;
  background-color: #fe5a02;
  transition: opacity 0.3s ease, transform 0.3s ease;
}
body > .body > .header-mobile > .menu-icon-container > .line[data-number="1"] {
  margin: 6px 0 0 0;
}
body > .body > .header-mobile > .menu-icon-container > .line[data-number="2"] {
  margin: 8px 0 0 0;
}
body > .body > .header-mobile > .menu-icon-container > .line[data-number="3"] {
  margin: 8px 0 0 0;
}
body
  > .body.on-mobile-header-open
  > .header-mobile
  > .menu-icon-container
  > .line[data-number="1"] {
  transform: translateY(11px) rotateZ(45deg);
}
body
  > .body.on-mobile-header-open
  > .header-mobile
  > .menu-icon-container
  > .line[data-number="2"] {
  opacity: 0;
  transform: translateX(-25px);
}
body
  > .body.on-mobile-header-open
  > .header-mobile
  > .menu-icon-container
  > .line[data-number="3"] {
  transform: translateY(-13px) rotateZ(-45deg);
}
body > .body > .header-mobile > .navigation-container {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding-top: 70px;
  overflow-y: scroll;
}
body > .body.on-mobile-header-open > .header-mobile > .navigation-container {
  display: inline-block;
}
body > .body > .header-mobile > .navigation-container > .navigation-dropdown {
  position: relative;
  display: inline-block;
  width: 100%;
  min-height: 100%;
  top: 0;
  left: 0;
  padding: 20px;
  background-color: #ffffff;
}
body
  > .body
  > .header-mobile
  > .navigation-container
  > .navigation-dropdown
  > .navigation {
  position: relative;
  display: inline-block;
  width: 100%;
  float: left;
}
body
  > .body
  > .header-mobile
  > .navigation-container
  > .navigation-dropdown
  > .navigation
  > .title {
  position: relative;
  display: inline-block;
  width: 100%;
  float: left;
  padding: 12px 0px;
  color: #7c7c7b;
  font-family: "Euclid", sans-serif;
  font-weight: 400;
  font-size: 22px;
  line-height: 26px;
  text-align: left;
  text-decoration: none;
}
body
  > .body
  > .header-mobile
  > .navigation-container
  > .navigation-dropdown
  > .navigation
  > .title[data-number="5"] {
  padding: 10px 20px 10px 50px;
  border: 2px solid #4ccc09;
  border-radius: 10px;
  background-image: url("https://www.acsprinting.co.uk/images/-global-/logo-extras/acs-sustainability-icon.png");
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: left 20px center;
}
body
  > .body
  > .header-mobile
  > .navigation-container
  > .navigation-dropdown
  > .navigation
  > .title:after {
  content: ">";
  position: absolute;
  display: inline-block;
  top: 50%;
  right: 0;
  color: #fe5a02;
  transform: translateY(-50%);
}
body
  > .body
  > .header-mobile
  > .navigation-container
  > .navigation-dropdown
  > .navigation
  > .title[data-number="5"]:after {
  right: 20px;
}

body > .body > .container {
  position: relative;
  display: inline-block;
  width: 100%;
  min-height: 100vh;
  float: left;
  padding-bottom: 80px;
  text-align: center;
  z-index: 50;
  overflow: hidden;
  background-color: #ffffff;
}

body > .body > .footer {
  position: relative;
  display: inline-block;
  width: 100%;
  float: left;
  padding: 30px 40px;
  background-color: #d3d8e0;
}
body > .body > .footer > .section {
  position: relative;
  display: inline-block;
  width: 100%;
  float: left;
}
body > .body > .footer > .section > .logo-container {
  position: absolute;
  display: inline-block;
  top: 0;
  left: 0;
  text-align: center;
}
body > .body > .footer > .section > .logo-container > .image {
  position: relative;
  display: inline-block;
  float: left;
  width: 120px;
}
body > .body > .footer > .section > .inline > .contact-container {
  position: relative;
  display: inline-block;
  width: 100%;
  padding: 8px 0px;
}
body
  > .body
  > .footer
  > .section
  > .inline
  > .contact-container
  > .body-container {
  position: relative;
  display: inline-block;
}
body
  > .body
  > .footer
  > .section
  > .inline
  > .contact-container
  > .body-container
  > .links {
  position: relative;
  display: inline-block;
  float: left;
  padding: 5px 0px;
  list-style-type: none;
}
body
  > .body
  > .footer
  > .section
  > .inline
  > .contact-container
  > .body-container
  > .links
  > .link {
  position: relative;
  display: inline-block;
  float: left;
}
body
  > .body
  > .footer
  > .section
  > .inline
  > .contact-container
  > .body-container
  > .links
  > .link[data-number="1"] {
  border-right: 1px solid #000000;
}
body
  > .body
  > .footer
  > .section
  > .inline
  > .contact-container
  > .body-container
  > .links
  > .link
  > a,
body
  > .body
  > .footer
  > .section
  > .inline
  > .contact-container
  > .body-container
  > .links
  > .link
  > p {
  position: relative;
  display: inline-block;
  float: left;
  padding: 0px 10px;
  color: #17212d;
  font-family: "Euclid", sans-serif;
  font-weight: 300;
  font-size: 14px;
  text-align: left;
  text-decoration: none;
  opacity: 1;
  transition: opacity 0.3s ease;
}
body
  > .body
  > .footer
  > .section
  > .inline
  > .contact-container
  > .body-container
  > .links
  > .link
  > a:hover {
  opacity: 0.5;
}
body
  > .body
  > .footer
  > .section
  > .inline
  > .contact-container
  > .body-container
  > .button-container {
  position: relative;
  display: inline-block;
  float: left;
  padding: 0px 5px;
}
body
  > .body
  > .footer
  > .section
  > .inline
  > .contact-container
  > .body-container
  > .button-container
  > .button {
  position: relative;
  display: inline-block;
  float: left;
  padding: 5px;
  opacity: 1;
  transition: opacity 0.3s ease;
}
body
  > .body
  > .footer
  > .section
  > .inline
  > .contact-container
  > .body-container
  > .button-container
  > .button:hover {
  opacity: 0.5;
}
body
  > .body
  > .footer
  > .section
  > .inline
  > .contact-container
  > .body-container
  > .button-container
  > .button
  > .image {
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
  float: left;
}
body > .body > .footer > .section > .inline > .bsi-container {
  position: relative;
  display: inline-block;
  padding: 20px 0;
  text-align: center;
}
body
  > .body
  > .footer
  > .section
  > .inline
  > .bsi-container
  > .image-container {
  position: relative;
  display: inline-block;
}
body
  > .body
  > .footer
  > .section
  > .inline
  > .bsi-container
  > .image-container
  > .image {
  position: relative;
  display: inline-block;
  width: 220px;
}
body > .body > .footer > .section > .inline > .policies-container {
  position: relative;
  display: inline-block;
  width: 100%;
  float: left;
  padding: 30px 10px 5px 10px;
  text-align: center;
}
body > .body > .footer > .section > .inline > .policies-container > .links {
  position: relative;
  display: inline-block;
}
body
  > .body
  > .footer
  > .section
  > .inline
  > .policies-container
  > .links
  > li {
  position: relative;
  display: inline-block;
  float: left;
}
body
  > .body
  > .footer
  > .section
  > .inline
  > .policies-container
  > .links
  > li
  > a,
body
  > .body
  > .footer
  > .section
  > .inline
  > .policies-container
  > .links
  > li
  > p {
  position: relative;
  display: inline-block;
  float: left;
  padding: 5px 15px;
  color: #17212d;
  font-family: "Euclid", sans-serif;
  font-weight: 300;
  font-size: 12px;
  text-align: left;
  text-decoration: none;
}
body > .body > .footer > .section > .inline > .company-information-container {
  position: relative;
  display: inline-block;
  width: 100%;
  float: left;
  text-align: center;
}
body
  > .body
  > .footer
  > .section
  > .inline
  > .company-information-container
  > .links {
  position: relative;
  display: inline-block;
}
body
  > .body
  > .footer
  > .section
  > .inline
  > .company-information-container
  > .links
  > li {
  position: relative;
  display: inline-block;
  float: left;
}
body
  > .body
  > .footer
  > .section
  > .inline
  > .company-information-container
  > .links
  > li
  > a,
body
  > .body
  > .footer
  > .section
  > .inline
  > .company-information-container
  > .links
  > li
  > p {
  position: relative;
  display: inline-block;
  width: 100%;
  float: left;
  padding: 5px 8px;
  color: #17212d;
  font-family: "Euclid", sans-serif;
  font-weight: 300;
  font-size: 12px;
  line-height: 18px;
  text-align: left;
  text-decoration: none;
}
body > .body > .footer > .section > .group-container {
  position: absolute;
  display: inline-block;
  width: 150px;
  bottom: 0px;
  right: 0px;
}
body > .body > .footer > .section > .group-container > .image-container {
  position: relative;
  display: inline-block;
  width: 100%;
  float: left;
}
body
  > .body
  > .footer
  > .section
  > .group-container
  > .image-container
  > .image {
  position: relative;
  display: inline-block;
  width: 100%;
  float: left;
}

/* ACS Print DEFAULTS (acsp) */

body > .body .acsp-title {
  position: relative;
  display: inline-block;
  width: 100%;
  color: #17212d;
  font-family: "filson-pro", sans-serif;
  font-weight: 700;
  font-size: 48px;
  line-height: 52px;
  text-align: left;
  text-decoration: none;
}
body > .body .acsp-sub-title {
  position: relative;
  display: inline-block;
  width: 100%;
  color: #17212d;
  font-family: "filson-pro", sans-serif;
  font-weight: 700;
  font-size: 30px;
  line-height: 34px;
  text-align: left;
  text-decoration: none;
}
body > .body .acsp-sub-sub-title {
  position: relative;
  display: inline-block;
  width: 100%;
  color: #17212d;
  font-family: "filson-pro", sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  text-align: left;
  text-decoration: none;
}
body > .body .acsp-sub-sub-sub-title {
  position: relative;
  display: inline-block;
  width: 100%;
  color: #17212d;
  font-family: "Euclid", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 26px;
  text-align: left;
  text-decoration: none;
}
body > .body .acsp-title > span.thin,
body > .body .acsp-sub-title > span.thin,
body > .body .acsp-sub-sub-title > span.thin {
  font-weight: 100;
}
body > .body .acsp-title > span.drawn,
body > .body .acsp-sub-title > span.drawn,
body > .body .acsp-sub-sub-title > span.drawn {
  font-weight: 100;
  font-family: "filmotype-lacrosse", sans-serif;
}

body > .body .acsp-description {
  position: relative;
  display: inline-block;
  width: 100%;
  margin-top: 20px;
  color: #17212d;
  font-family: "Euclid", sans-serif;
  font-weight: 100;
  font-size: 22px;
  line-height: 28px;
  text-align: left;
  text-decoration: none;
}
body > .body .acsp-sub-description {
  position: relative;
  display: inline-block;
  width: 100%;
  margin-top: 20px;
  color: #17212d;
  font-family: "Euclid", sans-serif;
  font-weight: 100;
  font-size: 18px;
  line-height: 24px;
  text-align: left;
  text-decoration: none;
}
body > .body .acsp-sub-sub-description {
  position: relative;
  display: inline-block;
  width: 100%;
  margin-top: 20px;
  color: #17212d;
  font-family: "Euclid", sans-serif;
  font-weight: 100;
  font-size: 14px;
  line-height: 18px;
  text-align: left;
  text-decoration: none;
}
body > .body .acsp-description a,
body > .body .acsp-sub-description a {
  text-decoration: none;
  color: #e72176;
  font-weight: 300;
  line-height: inherit;
}
body > .body .acsp-description a:hover,
body > .body .acsp-sub-description a:hover {
  text-decoration: underline;
}

body > .body .acsp-description > b,
body > .body .acsp-sub-description > b {
  font-weight: 400;
}

body > .body .acsp-list {
  position: relative;
  display: inline-block;
  width: 100%;
  list-style: none;
}
body > .body .acsp-list > li > .description {
  width: 100%;
  float: left;
  font-size: 0.9em;
}
body > .body .acsp-list > li > .acsp-list {
  width: 100%;
  float: left;
  padding-left: 40px;
}
body > .body .acsp-list[data-list-type="1"] > li > .description {
  padding-left: 20px;
  margin-top: 20px;
  text-transform: uppercase;
}
body > .body .acsp-list[data-list-type="1"] > li > .description:before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 2px;
  height: 2px;
  top: 12px;
  left: 0px;
  border-radius: 50%;
  background-color: #4c4c4c;
}
body > .body .acsp-list[data-list-type="2"] > li > .description {
  padding-left: 30px;
  margin-top: 20px;
  text-transform: uppercase;
}
body > .body .acsp-list[data-list-type="2"] > li > .description:before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 12px;
  height: 1px;
  top: 12px;
  left: 0px;
  background-color: #4c4c4c;
}
body > .body .acsp-list[data-list-type="3"] > li > .description {
  padding-left: 20px;
  margin-top: 30px;
}
body > .body .acsp-list[data-list-type="3"] > li > .description:before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 2px;
  height: 12px;
  top: 6px;
  left: 0px;
  background-color: #4c4c4c;
}
body > .body .acsp-list[data-list-type="4"] > li > .description {
  padding-left: 30px;
  margin-top: 20px;
}
body > .body .acsp-list[data-list-type="4"] > li > .description:before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 12px;
  height: 1px;
  top: 12px;
  left: 0px;
  background-color: #4c4c4c;
}

body > .body .acsp-radius-big {
  border-radius: 48px;
}
body > .body .acsp-radius-med {
  border-radius: 30px;
}

body > .body .acsp-shadow[data-shadow-type="1"] {
  box-shadow: 0px 20px 50px rgba(30, 68, 81, 0.16);
}

body > .body .acsp-border:after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 100%;
  height: 100%;
  top: -20px;
  right: -20px;
  z-index: 10;
  border-radius: 30px;
  pointer-events: none;
}
body > .body .acsp-border[data-border-type="1"]:after {
  border: 2px solid #fe5a02;
}
body > .body .acsp-border[data-border-type="2"]:after {
  border: 2px solid #4ecb09;
}

body > .body .acsp-nav-finder {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 1px;
  float: left;
}

body > .body .acsp-item-box {
  position: relative;
  display: inline-block;
  border-radius: 48px;
  box-shadow: 0px 20px 50px rgba(30, 68, 81, 0.25);
}
body > .body .acsp-item-box > .image-container {
  position: relative;
  display: inline-block;
  width: 100%;
  float: left;
  border-radius: 48px;
  overflow: hidden;
}
body > .body .acsp-item-box > .image-container > .image {
  position: relative;
  display: inline-block;
  width: 100%;
  float: left;
}
body > .body .acsp-item-box > .text-container {
  position: relative;
  display: inline-block;
  width: 100%;
  float: left;
  padding: 20px 20px 40px 20px;
}
body > .body .acsp-item-box > .text-container > .title {
  float: left;
  margin: 0;
  text-align: center;
}
body > .body .acsp-item-box > .text-container > .description {
  min-height: 140px;
  float: left;
  text-align: center;
}
body > .body .acsp-item-box > .text-container > .button {
  position: absolute;
  display: inline-block;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
}

body > .body .acsp-item-image-box {
  position: relative;
  display: inline-block;
  border-radius: 48px;
  box-shadow: 0px 20px 50px rgba(30, 68, 81, 0.25);
}
body > .body .acsp-item-image-box > .image-container {
  position: relative;
  display: inline-block;
  width: 100%;
  float: left;
  border-radius: 30px;
  overflow: hidden;
}
body > .body .acsp-item-image-box > .image-container > .image {
  position: relative;
  display: inline-block;
  width: 100%;
  float: left;
}
body > .body .acsp-item-image-box > .text-container {
  position: relative;
  display: inline-block;
  width: 100%;
  float: left;
}
body > .body .acsp-item-image-box > .text-container > .button {
  position: absolute;
  display: inline-block;
  width: 75%;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
}

body > .body .acsp-button[data-button-type="1"] {
  position: relative;
  display: inline-block;
  padding: 8px 20px;
  color: #383838;
  font-family: "Euclid", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 18px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: transparent;
  border: 2px solid #383838;
  transition: padding 0.2s ease, border 0.2s ease, box-shadow 0.2s ease,
    background-color 0.2s ease;
}
body > .body .acsp-button[data-button-type="1"]:after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 12px;
  height: 12px;
  top: 10px;
  right: 9px;
  opacity: 0;
  background-image: url("https://www.acsprinting.co.uk/images/-global-/acsp-button/svg-arrow-black-right.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  transform: translateX(20px);
  transition: opacity 0.2s ease, transform 0.2s ease;
}
body > .body .acsp-button[data-button-type="1"]:hover {
  color: #000000;
  padding: 8px 30px 8px 10px;
  background-color: #ffffff;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}
body > .body .acsp-button[data-button-type="1"]:hover:after {
  opacity: 1;
  transform: translateX(0px);
}
body > .body .acsp-button[data-button-type="2"] {
  position: relative;
  display: inline-block;
  padding: 8px 20px;
  color: #ffffff;
  font-family: "Euclid", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 18px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: transparent;
  border: 2px solid #ffffff;
  transition: padding 0.2s ease, border 0.2s ease, box-shadow 0.2s ease,
    background-color 0.2s ease;
}
body > .body .acsp-button[data-button-type="2"]:after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 12px;
  height: 12px;
  top: 10px;
  right: 9px;
  opacity: 0;
  background-image: url("https://www.acsprinting.co.uk/images/-global-/acsp-button/svg-arrow-black-right.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  transform: translateX(20px);
  transition: opacity 0.2s ease, transform 0.2s ease;
}
body > .body .acsp-button[data-button-type="2"]:hover {
  color: #000000;
  padding: 8px 30px 8px 10px;
  background-color: #ffffff;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}
body > .body .acsp-button[data-button-type="2"]:hover:after {
  opacity: 1;
  transform: translateX(0px);
}

body > .body .acsp-hero-container {
  position: relative;
  display: inline-block;
  width: 100%;
  float: left;
  padding: 120px 0px 0px;
  z-index: 10;
  box-shadow: 0px 20px 50px rgba(30, 68, 81, 0.16);
}
body > .body .acsp-hero-container > .image-container {
  position: relative;
  display: inline-block;
  width: 100%;
  float: left;
}
body > .body .acsp-hero-container > .image-container > .image {
  position: relative;
  display: inline-block;
  width: 100%;
  float: left;
}
body > .body .acsp-hero-container > .inline > .text-container {
  position: relative;
  display: inline-block;
  width: 100%;
  float: left;
  padding: 30px 0;
}
body > .body .acsp-hero-container > .inline > .text-container > .title {
  float: left;
  text-align: center;
}

body > .body .acsp-introduction-container {
  position: relative;
  display: inline-block;
  width: 100%;
  float: left;
  padding: 80px 240px;
  background-color: #f1f1f1;
}
body > .body .acsp-introduction-container > .background-image {
  position: absolute;
  display: inline-block;
  width: 400px;
  height: 130%;
}
body > .body .acsp-introduction-container > .background-image[data-number="1"] {
  top: -15%;
  left: 0;
}
body > .body .acsp-introduction-container > .background-image[data-number="2"] {
  top: -15%;
  right: 0;
}
body > .body .acsp-introduction-container > .background-image > .image {
  position: absolute;
  display: inline-block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
body > .body .acsp-introduction-container > .inline > .text-container {
  position: relative;
  display: inline-block;
  width: 100%;
}
body
  > .body
  .acsp-introduction-container
  > .inline
  > .text-container
  > .description {
  margin-top: 40px;
  text-align: center;
}
body
  > .body
  .acsp-introduction-container
  > .inline
  > .text-container
  > .description[data-number="1"] {
  margin: 0;
}

body > .body .acsp-article-container[data-article-type="1"] {
  position: relative;
  display: inline-block;
  width: 100%;
  float: left;
}
body
  > .body
  .acsp-article-container[data-article-type="1"]
  > .inline
  > .text-container {
  position: relative;
  display: inline-block;
  width: 48%;
  float: left;
}
body
  > .body
  .acsp-article-container[data-article-type="1"]
  > .inline
  > .text-container
  > .title {
  float: left;
}
body
  > .body
  .acsp-article-container[data-article-type="1"]
  > .inline
  > .text-container
  > .sub-title {
  float: left;
  margin-top: 20px;
}
body
  > .body
  .acsp-article-container[data-article-type="1"]
  > .inline
  > .text-container
  > .description {
  float: left;
}
body
  > .body
  .acsp-article-container[data-article-type="1"]
  > .inline
  > .text-container
  > .description[data-number="1"] {
  margin-top: 38px;
}
body
  > .body
  .acsp-article-container[data-article-type="1"].no-title
  > .inline
  > .text-container
  > .description[data-number="1"] {
  margin-top: 0px;
}
body
  > .body
  .acsp-article-container[data-article-type="1"]
  > .inline
  > .text-container
  > .list {
  float: left;
  margin-top: 20px;
}
body
  > .body
  .acsp-article-container[data-article-type="1"]
  > .inline
  > .text-container
  > .button {
  float: left;
  margin-top: 40px;
}
body
  > .body
  .acsp-article-container[data-article-type="1"]
  > .inline
  > .image-container {
  position: relative;
  display: inline-block;
  width: 48%;
  float: right;
}
body
  > .body
  .acsp-article-container[data-article-type="1"]
  > .inline
  > .image-container
  > .image {
  position: relative;
  display: inline-block;
  width: 100%;
  float: left;
  border-radius: 30px;
}

body > .body .acsp-article-container[data-article-type="2"] {
  position: relative;
  display: inline-block;
  width: 100%;
  float: left;
}
body
  > .body
  .acsp-article-container[data-article-type="2"]
  > .inline
  > .text-container {
  position: relative;
  display: inline-block;
  width: 48%;
  float: right;
}
body
  > .body
  .acsp-article-container[data-article-type="2"]
  > .inline
  > .text-container
  > .title {
  float: left;
}
body
  > .body
  .acsp-article-container[data-article-type="2"].no-title
  > .inline
  > .text-container
  > .description[data-number="1"] {
  margin-top: 0px;
}
body
  > .body
  .acsp-article-container[data-article-type="2"]
  > .inline
  > .text-container
  > .sub-title {
  float: left;
  margin-top: 20px;
}
body
  > .body
  .acsp-article-container[data-article-type="2"]
  > .inline
  > .text-container
  > .description {
  float: left;
  text-align: right;
}
body
  > .body
  .acsp-article-container[data-article-type="2"]
  > .inline
  > .text-container
  > .description[data-number="1"] {
  margin-top: 38px;
}
body
  > .body
  .acsp-article-container[data-article-type="2"]
  > .inline
  > .text-container
  > .list {
  float: left;
  margin-top: 20px;
}
body
  > .body
  .acsp-article-container[data-article-type="2"]
  > .inline
  > .text-container
  > .button {
  float: right;
  margin-top: 30px;
}
body
  > .body
  .acsp-article-container[data-article-type="2"]
  > .inline
  > .image-container {
  position: relative;
  display: inline-block;
  width: 48%;
  float: left;
}
body
  > .body
  .acsp-article-container[data-article-type="2"]
  > .inline
  > .image-container
  > .image {
  position: relative;
  display: inline-block;
  width: 100%;
  float: left;
  border-radius: 30px;
}

body > .body .acsp-form-container {
  position: relative;
  display: inline-block;
  width: 100%;
  float: left;
}
body > .body .acsp-form-container > .inline > .section-container {
  position: relative;
  display: inline-block;
  width: 100%;
  float: left;
  padding: 40px 50px 60px 50px;
  background-color: #ffffff;
  box-shadow: 0px 20px 50px rgba(30, 68, 81, 0.25);
}
body
  > .body
  .acsp-form-container
  > .inline
  > .section-container
  > .title-container {
  position: relative;
  display: inline-block;
  width: 100%;
  float: left;
}
body
  > .body
  .acsp-form-container
  > .inline
  > .section-container
  > .title-container
  > .title {
  float: left;
}
body
  > .body
  .acsp-form-container
  > .inline
  > .section-container
  > .title-container
  > .description {
  float: left;
}
body
  > .body
  .acsp-form-container
  > .inline
  > .section-container
  > .title-container
  > .description[data-number="1"] {
  margin-top: 38px;
}
body
  > .body
  .acsp-form-container.no-title
  > .inline
  > .section-container
  > .title-container
  > .description[data-number="1"] {
  margin-top: 0px;
}
body
  > .body
  .acsp-form-container
  > .inline
  > .section-container
  > .text-container
  > .button {
  float: left;
  margin-top: 30px;
}
body
  > .body
  .acsp-form-container
  > .inline
  > .section-container
  > .form-container {
  position: relative;
  display: inline-block;
  width: 100%;
  float: left;
  margin-top: 20px;
}

body .acsp-modal {
  position: fixed;
  display: inline-block;
  width: 100%;
  bottom: 0;
  left: 0;
  padding: 15px 0;
  font-family: "Euclid", sans-serif;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  z-index: 9999;
}
body .acsp-modal.success {
  color: #ffffff;
  background-color: #4667ff;
}
body .acsp-modal.error {
  color: #ffffff;
  background-color: #f44336;
}

/* Inputs */

body > .body .acsp-input-container {
  position: relative;
  display: inline-block;
  float: left;
  margin-top: 20px;
}
body > .body .acsp-input-container[data-number="1"] {
  margin-top: 0px;
}
body > .body .acsp-input-container.full {
  width: 100%;
}
body > .body .acsp-input-container.half-left {
  width: 50%;
  padding-right: 10px;
}
body > .body .acsp-input-container.half-right {
  width: 50%;
  padding-left: 10px;
}
body > .body .acsp-input-container[data-number="2"].half-right {
  margin-top: 0px;
}

body > .body .acsp-input-container > .acsp-input-label {
  position: relative;
  display: inline-block;
  float: left;
  margin-top: 4px;
  color: #4d4d4f;
  font-family: "Euclid", sans-serif;
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  line-height: 22px;
}
body > .body .acsp-input-container.full > .acsp-input-label {
  width: 100%;
}
body > .body .acsp-input-container.error > .acsp-input-label {
  color: #f44336;
}

body > .body .acsp-input-container > .acsp-input-sub-label {
  position: relative;
  display: inline-block;
  float: left;
  margin-top: 4px;
  color: #4d4d4f;
  font-family: "Euclid", sans-serif;
  font-size: 12px;
  font-weight: 200;
  text-align: left;
  line-height: 22px;
}
body > .body .acsp-input-container.full > .acsp-input-sub-label {
  width: 100%;
}
body > .body .acsp-input-container.error > .acsp-input-sub-label {
  color: #f44336;
}

body > .body .acsp-input-container > .acsp-input-input {
  position: relative;
  display: inline-block;
  width: 100%;
  float: left;
  padding: 14px 15px 14px 25px;
  color: #000000;
  font-family: "Euclid", sans-serif;
  font-size: 18px;
  font-weight: 400;
  text-align: left;
  line-height: 22px;
  border-radius: 40px;
  background-color: #ffffff;
}
body > .body .acsp-input-container > .acsp-input-input,
body > .body .acsp-input-container > .acsp-input-input:focus,
body > .body .acsp-input-container > .acsp-input-input:valid {
  border: 1px solid #959596;
  outline: none;
  box-shadow: none;
}
body > .body .acsp-input-container > .acsp-input-input::placeholder {
  color: #bfbfbf;
}
body > .body .acsp-input-container.error > .acsp-input-input,
body > .body .acsp-input-container.error > .acsp-input-input:focus,
body > .body .acsp-input-container.error > .acsp-input-input:valid {
  border: 1px solid #f44336;
}
body > .body .acsp-input-container.error > .acsp-input-input::placeholder {
  color: #f44336;
}

body > .body .acsp-input-container > .acsp-input-textarea {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 200px;
  float: left;
  padding: 15px 15px 15px 25px;
  color: #000000;
  resize: none;
  font-family: "Euclid", sans-serif;
  font-size: 18px;
  line-height: 22px;
  font-weight: 400;
  text-align: left;
  border-radius: 30px;
  background-color: #ffffff;
}
body > .body .acsp-input-container > .acsp-input-textarea,
body > .body .acsp-input-container > .acsp-input-textarea:focus,
body > .body .acsp-input-container > .acsp-input-textarea:valid {
  border: 1px solid #959596;
  outline: none;
  box-shadow: none;
}
body > .body .acsp-input-container > .acsp-input-textarea::placeholder {
  color: #bfbfbf;
}
body > .body .acsp-input-container.error > .acsp-input-textarea,
body > .body .acsp-input-container.error > .acsp-input-textarea:focus,
body > .body .acsp-input-container.error > .acsp-input-textarea:valid {
  border: 1px solid #f44336;
}
body > .body .acsp-input-container.error > .acsp-input-textarea::placeholder {
  color: #f44336;
}

body > .body .acsp-input-container > .acsp-input-select {
  position: relative;
  display: inline-block;
  width: 100%;
  float: left;
  padding: 14px 15px;
  color: #ffffff;
  font-family: "Euclid", sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  background-color: #e72176;
}
body > .body .acsp-input-container > .acsp-input-select,
body > .body .acsp-input-container > .acsp-input-select:focus,
body > .body .acsp-input-container > .acsp-input-select:valid {
  border: 1px solid #959596;
  outline: none;
  box-shadow: none;
}
body > .body .acsp-input-container > .acsp-input-select {
  color: #ffffff;
}
body > .body .acsp-input-container.error > .acsp-input-select,
body > .body .acsp-input-container.error > .acsp-input-select:focus,
body > .body .acsp-input-container.error > .acsp-input-select:valid {
  border: 1px solid #f44336;
}
body > .body .acsp-input-container.error > .acsp-input-select {
  color: #f44336;
}

body > .body .acsp-input-container > .acsp-input-checkbox {
  position: relative;
  display: inline-block;
  float: left;
  margin: 9px 25px 0px 8px;
}
body > .body .acsp-input-container.error > .acsp-input-checkbox,
body > .body .acsp-input-container.error > .acsp-input-checkbox:focus,
body > .body .acsp-input-container.error > .acsp-input-checkbox:valid {
  border: 1px solid #f44336;
}

body > .body .acsp-input-container > .acsp-input-radio {
  position: relative;
  display: inline-block;
  float: left;
  margin: 9px 25px 0px 8px;
}
body > .body .acsp-input-container.error > .acsp-input-radio,
body > .body .acsp-input-container.error > .acsp-input-radio:focus,
body > .body .acsp-input-container.error > .acsp-input-radio:valid {
  border: 1px solid #f44336;
}

body > .body .acsp-input-container > .acsp-input-upload {
  position: relative;
  display: inline-block;
  width: 100%;
  float: left;
  padding: 14px 15px;
  color: #000000;
  font-family: "Euclid", sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  background-color: #ffffff;
}
body > .body .acsp-input-container > .acsp-input-upload,
body > .body .acsp-input-container > .acsp-input-upload:focus,
body > .body .acsp-input-container > .acsp-input-upload:valid {
  border: 1px solid #959596;
  outline: none;
  box-shadow: none;
}
body > .body .acsp-input-container.error > .acsp-input-upload,
body > .body .acsp-input-container.error > .acsp-input-upload:focus,
body > .body .acsp-input-container.error > .acsp-input-upload:valid {
  color: #f44336;
  border: 1px solid #f44336;
}

body > .body .acsp-input-container > .acsp-input-submit {
  position: relative;
  display: inline-block;
  float: left;
  padding: 15px 40px;
  color: #ffffff;
  font-family: "Euclid", sans-serif;
  font-weight: 800;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  text-decoration: none;
  border-radius: 40px;
  background-color: #fe5a02;
}
body > .body .acsp-input-container > .acsp-input-submit,
body > .body .acsp-input-container > .acsp-input-submit:focus,
body > .body .acsp-input-container > .acsp-input-submit:valid {
  border: none;
  outline: none;
  box-shadow: none;
}

body > .body .acsp-input-container > .g-recaptcha {
  position: relative;
  display: inline-block;
  float: left;
  border: 1px solid #959596;
  outline: none;
  -webkit-box-shadow: 0px 1px 3px 0px rgba(62, 62, 62, 0.16);
  -moz-box-shadow: 0px 1px 3px 0px rgba(62, 62, 62, 0.16);
  box-shadow: 0px 1px 3px 0px rgba(62, 62, 62, 0.16);
}
body > .body .acsp-input-container.error > .g-recaptcha {
  border: 1px solid #f44336;
}

@keyframes acsp_fade_in {
  0% {
    opacity: 0;
    transform: translateY(40px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@-webkit-keyframes acsp_fade_in {
  0% {
    opacity: 0;
    transform: translateY(40px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}

@keyframes acsp_fade_out {
  0% {
    opacity: 1;
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    transform: translateY(40px);
  }
}
@-webkit-keyframes acsp_fade_out {
  0% {
    opacity: 1;
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    transform: translateY(40px);
  }
}

/* ----------------------------------------------------*/
/* Small Screens */
/* ----------------------------------------------------*/

@media only screen and (max-width: 1300px) {
}

/* ----------------------------------------------------*/
/* Smaller Screens */
/* ----------------------------------------------------*/

@media only screen and (max-width: 1100px) {
  body > .body > .header-small {
    display: none;
  }
  body > .body > .header-large {
    display: none;
  }
  body > .body > .header-mobile {
    display: inline-block;
  }

  body > .body > .footer > .section {
    position: relative;
    display: inline-block;
    width: 100%;
    float: left;
    left: unset;
    top: unset;
    padding: 0px;
    transform: unset;
  }
  body > .body > .footer > .section > .inline > .contact-container {
    padding: 20px 0px;
  }
  body
    > .body
    > .footer
    > .section
    > .inline
    > .contact-container
    > .body-container {
    padding-right: 0px;
  }
  body
    > .body
    > .footer
    > .section
    > .inline
    > .contact-container
    > .body-container[data-number="1"] {
    width: 100%;
  }
  body
    > .body
    > .footer
    > .section
    > .inline
    > .contact-container
    > .body-container[data-number="2"],
  body
    > .body
    > .footer
    > .section
    > .inline
    > .contact-container
    > .body-container[data-number="3"],
  body
    > .body
    > .footer
    > .section
    > .inline
    > .contact-container
    > .body-container[data-number="4"] {
    width: 100%;
    margin-top: 20px;
  }
  body
    > .body
    > .footer
    > .section
    > .inline
    > .contact-container
    > .body-container
    > .links
    > li
    > a,
  body
    > .body
    > .footer
    > .section
    > .inline
    > .contact-container
    > .body-container
    > .links
    > li
    > p {
    text-align: center;
  }
  body
    > .body
    > .footer
    > .section
    > .inline
    > .contact-container
    > .body-container
    > .button-container
    > .button {
    float: none;
  }
  body
    > .body
    > .footer
    > .section
    > .inline
    > .contact-container
    > .body-container
    > .bsi-logo-container {
    max-width: 100%;
    text-align: center;
  }
  body
    > .body
    > .footer
    > .section
    > .inline
    > .contact-container
    > .body-container
    > .bsi-logo-container
    > .image {
    float: none;
    max-width: 100px;
  }
  body > .body > .footer > .section > .inline > .policies-container {
    padding: 10px 0px;
    border: 2px solid #848484;
  }
  body > .body > .footer > .section > .inline > .policies-container > .links {
    width: 100%;
  }
  body
    > .body
    > .footer
    > .section
    > .inline
    > .policies-container
    > .links
    > li {
    float: unset;
  }
  body
    > .body
    > .footer
    > .section
    > .inline
    > .policies-container
    > .links
    > li
    > a,
  body
    > .body
    > .footer
    > .section
    > .inline
    > .policies-container
    > .links
    > li
    > p {
    padding: 10px 10px;
  }
  body > .body > .footer > .section > .inline > .company-information-container {
    padding: 0px;
  }
  body
    > .body
    > .footer
    > .section
    > .inline
    > .company-information-container
    > .links {
    width: 100%;
    padding: 20px 0px;
  }
  body
    > .body
    > .footer
    > .section
    > .inline
    > .company-information-container
    > .links
    > li {
    width: 100%;
    float: left;
  }
  body
    > .body
    > .footer
    > .section
    > .inline
    > .company-information-container
    > .links
    > li
    > p {
    padding: 8px 0px;
  }
  body > .body > .footer > .section > .inline > .group-container {
    bottom: 60px;
    right: 20px;
  }

  body > .body > .container {
    padding-bottom: 60px;
  }

  body > .body .acsp-title {
    font-size: 28px;
    line-height: 38px;
  }
  body > .body .acsp-sub-title {
    font-size: 28px;
    line-height: 38px;
  }
  body > .body .acsp-sub-sub-title {
    font-size: 16px;
    line-height: 22px;
  }
  body > .body .acsp-sub-sub-sub-title {
    font-size: 14px;
    line-height: 18px;
  }
  body > .body .acsp-description {
    font-size: 20px;
    line-height: 28px;
  }
  body > .body .acsp-sub-description {
    font-size: 16px;
    line-height: 24px;
  }
  body > .body .acsp-sub-sub-description {
    font-size: 14px;
    line-height: 20px;
  }

  body > .body .acsp-hero-container {
    padding: 70px 0px 0px;
  }
  body > .body .acsp-hero-container > .inline > .text-container {
    padding: 15px 0;
  }

  body > .body .acsp-introduction-container {
    padding: 80px 150px;
  }

  body
    > .body
    .acsp-article-container[data-article-type="1"]
    > .inline
    > .text-container {
    float: left;
  }
  body
    > .body
    .acsp-article-container[data-article-type="1"]
    > .inline
    > .image-container {
    float: right;
  }

  body
    > .body
    .acsp-article-container[data-article-type="2"]
    > .inline
    > .text-container {
    float: left;
  }
  body
    > .body
    .acsp-article-container[data-article-type="2"]
    > .inline
    > .image-container {
    float: right;
  }
}

/* ----------------------------------------------------*/
/* iPads and Tablets */
/* ----------------------------------------------------*/

@media only screen and (max-width: 750px) {
  body > .body > .footer > .section > .logo-container {
    position: relative;
    display: inline-block;
  }
  body > .body > .footer > .section > .inline > .group-container {
    position: relative;
    display: inline-block;
    width: 100%;
    float: left;
    bottom: unset;
    right: unset;
    padding: 20px 0px;
  }
  body
    > .body
    > .footer
    > .section
    > .inline
    > .group-container
    > .image-container {
    width: auto;
    height: 70px;
    float: unset;
  }
  body
    > .body
    > .footer
    > .section
    > .inline
    > .group-container
    > .image-container
    > .image {
    width: auto;
    height: 100%;
    float: unset;
  }

  body > .body .acsp-description {
    font-size: 16px;
    line-height: 22px;
  }
  body > .body .acsp-title {
    font-size: 24px;
    line-height: 32px;
  }
  body > .body .acsp-sub-title {
    font-size: 24px;
    line-height: 30px;
  }

  body > .body .acsp-hero-container > .inline > .text-container {
    max-width: 100%;
  }
  body > .body .acsp-hero-container > .inline > .image-container {
    display: none;
  }

  body > .body .acsp-introduction-container {
    padding: 40px 40px;
  }
  body
    > .body
    .acsp-introduction-container
    > .background-image[data-number="1"] {
    display: none;
  }
  body
    > .body
    .acsp-introduction-container
    > .background-image[data-number="2"] {
    display: none;
  }

  body
    > .body
    .acsp-article-container[data-article-type="1"]
    > .inline
    > .text-container {
    width: 100%;
  }
  body
    > .body
    .acsp-article-container[data-article-type="1"]
    > .inline
    > .text-container
    > .description[data-number="1"] {
    margin-top: 20px;
  }
  body
    > .body
    .acsp-article-container[data-article-type="1"]
    > .inline
    > .image-container {
    width: 100%;
    margin-top: 30px;
  }

  body
    > .body
    .acsp-article-container[data-article-type="2"]
    > .inline
    > .text-container {
    width: 100%;
  }
  body
    > .body
    .acsp-article-container[data-article-type="2"]
    > .inline
    > .text-container
    > .description {
    text-align: left;
  }
  body
    > .body
    .acsp-article-container[data-article-type="2"]
    > .inline
    > .text-container
    > .description[data-number="1"] {
    margin-top: 20px;
  }
  body
    > .body
    .acsp-article-container[data-article-type="2"]
    > .inline
    > .text-container
    > .button {
    float: left;
  }
  body
    > .body
    .acsp-article-container[data-article-type="2"]
    > .inline
    > .image-container {
    width: 100%;
    margin-top: 30px;
  }

  body > .body .acsp-item-box > .text-container > .description {
    min-height: auto;
  }

  body > .body .acsp-border:after {
    top: -10px;
    right: -10px;
  }

  body > .body .acsp-button[data-button-type="1"] {
    padding: 6px 24px;
    font-size: 12px;
    line-height: 16px;
  }
  body > .body .acsp-button[data-button-type="3"] {
    font-size: 12px;
  }

  body > .body .acsp-input-container.half-left {
    width: 100%;
    padding-right: 0px;
  }
  body > .body .acsp-input-container.half-right {
    width: 100%;
    padding-left: 0px;
  }
  body > .body .acsp-input-container[data-number="2"].half-right {
    margin-top: 20px;
  }
}

/* ----------------------------------------------------*/
/* Phones - Large */
/* ----------------------------------------------------*/

@media only screen and (max-width: 460px) {
  body
    > .body
    > .footer
    > .section
    > .inline
    > .contact-container
    > .body-container {
    width: 100%;
  }
  body
    > .body
    > .footer
    > .section
    > .inline
    > .contact-container
    > .body-container
    > .links {
    width: 100%;
  }
  body
    > .body
    > .footer
    > .section
    > .inline
    > .contact-container
    > .body-container
    > .links
    > .link {
    width: 100%;
    text-align: center;
  }
  body
    > .body
    > .footer
    > .section
    > .inline
    > .contact-container
    > .body-container
    > .links
    > .link
    > a {
    width: 100%;
    text-align: center;
  }
  body
    > .body
    > .footer
    > .section
    > .inline
    > .contact-container
    > .body-container
    > .links
    > .link[data-number="1"] {
    border: none;
  }
  body
    > .body
    > .footer
    > .section
    > .inline
    > .contact-container
    > .body-container
    > .button-container {
    width: 100%;
  }
  body
    > .body
    > .footer
    > .section
    > .inline
    > .contact-container
    > .body-container
    > .button-container
    > .button {
    float: none;
  }
  body
    > .body
    > .footer
    > .section
    > .inline
    > .company-information-container
    > .links {
    width: 100%;
    padding: 20px;
    margin-top: 20px;
    border: 2px solid #848484;
  }
  body > .body > .footer > .section > .group-container {
    position: relative;
    display: inline-block;
    width: 100%;
    float: left;
    margin-top: 20px;
    text-align: center;
  }
  body > .body > .footer > .section > .group-container > .image-container {
    width: 100%;
    max-width: 130px;
    float: none;
  }

  body > .body .acsp-description {
    font-size: 16px;
    line-height: 22px;
  }
  body > .body .acsp-title {
    font-size: 20px;
    line-height: 26px;
  }
  body > .body .acsp-sub-title {
    font-size: 22px;
    line-height: 26px;
  }
  body > .body .acsp-sub-description {
    font-size: 14px;
    line-height: 20px;
  }

  body > .body .acsp-input-container > .acsp-input-input {
    padding: 12px 15px 12px 20px;
    font-size: 16px;
  }

  body > .body .acsp-input-container > .acsp-input-textarea {
    height: 150px;
    padding: 12px 15px 12px 20px;
    font-size: 16px;
    line-height: 18px;
  }

  body > .body .acsp-input-container > .acsp-input-submit {
    padding: 12px 40px;
    font-size: 16px;
  }

  body > .body .acsp-hero-container > .inline > .text-container > .description {
    margin-top: 20px;
  }
  body > .body .acsp-hero-container > .inline > .summary-container {
    padding: 30px 30px;
  }

  body > .body .acsp-introduction-container {
    padding: 40px 0px;
  }

  body > .body .acsp-form-container > .inline > .section-container {
    padding: 30px 30px 40px 30px;
  }
}

/* ----------------------------------------------------*/
/* Phones - Small */
/* ----------------------------------------------------*/

@media only screen and (max-width: 320px) {
  body > .body .acsp-introduction-container {
    padding: 30px 0px;
  }

  body > .body .acsp-form-container > .inline > .section-container {
    padding: 30px 20px 40px 20px;
  }
}
.footercopy {
  color: #17212d;
  font-family: "Euclid", sans-serif;
  font-weight: 300;
  font-size: 12px;
  line-height: 18px;
}