@font-face {
  font-family: "Montserrat Light";
  font-style: normal;
  font-weight: normal;
  src: local("montserrat-light-webfont.woff"),
    url("../assets/fonts/montserrat-light-webfont.woff") format("woff");
}
@font-face {
  font-family: "Montserrat Regular";
  font-style: normal;
  font-weight: normal;
  src: local("montserrat-regular-webfont.woff"),
    url("../assets/fonts/montserrat-regular-webfont.woff") format("woff");
}
@font-face {
  font-family: "Montserrat Semibold";
  font-style: normal;
  font-weight: normal;
  src: local("montserrat-semibold-webfont.woff"),
    url("../assets/fonts/montserrat-semibold-webfont.woff") format("woff");
}
@font-face {
  font-family: "Montserrat Bold";
  font-style: normal;
  font-weight: normal;
  src: local("montserrat-bold-webfont.woff"),
    url("../assets/fonts/montserrat-bold-webfont.woff") format("woff");
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
html,
body {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}
html {
  font-size: 100%;
}
body {
  background: #fff;
  color: #000;
  font-family: "Montserrat", arial, helvetica, sans-serif !important;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5;
}
body.pushable {
  background: #004070;
}
p,
div {
  word-wrap: break-word;
  hyphens: manual;
  -webkit-hyphens: manual;
  -moz-hyphens: manual;
}
.big {
  font-size: 150%;
}
hr.tiny {
  width: 30px;
  border: solid 3px #ee2a7b;
  margin: 2rem 0 3rem;
}
@media (max-width: 1279px) {
  hr.tiny {
    margin: 2rem auto 3rem;
  }
}
.hidden {
  display: none;
}
.primary {
  color: #004070;
}
.secondary {
  color: #ee2a7b;
}
.floatright {
  float: right;
  margin-left: 2rem;
  max-width: 30%;
}
.floatleft {
  float: left;
  margin-right: 2rem;
  max-width: 30%;
}
.mt0 {
  margin-top: 0 !important;
}
.mt2 {
  margin-top: 2rem !important;
}
.mt3 {
  margin-top: 3rem !important;
}
.mt4 {
  margin-top: 4rem !important;
}
.mb0 {
  margin-bottom: 0 !important;
}
.pt0 {
  padding-top: 0 !important;
}
.pb0 {
  padding-bottom: 0 !important;
}
img.w100 {
  max-width: 100%;
}
ul.numbers {
  list-style: none;
  counter-reset: li;
}
ul.numbers li {
  counter-increment: li;
}
ul.numbers li::before {
  content: counter(li) ".";
  color: #004070;
  display: inline-block;
  width: 2em;
  margin-left: -2em;
}
ul.space li {
  padding-bottom: 1rem;
}
.desktoponly {
  display: block;
}
@media (max-width: 859px) {
  .desktoponly {
    display: none;
  }
}
.mobileonly {
  display: none;
}
@media (max-width: 859px) {
  .mobileonly {
    display: block;
  }
}
.ui.container {
  width: 1400px !important;
}
@media (max-width: 1439px) {
  .ui.container {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
}
@media (max-width: 1023px) {
  .ui.container {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
    margin: 0 !important;
  }
}
@media (max-width: 499px) {
  .ui.container {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
}
@media (max-width: 399px) {
  .ui.container {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
}
body {
  font-size: 18px;
}
@media (max-width: 1023px) {
  body {
    font-size: 16px;
  }
}
h1 {
  font-size: 2.8rem;
  font-weight: normal;
  font-family: "Montserrat Semibold", helvetica, arial, sans-serif;
  text-align: left;
  color: #ee2a7b;
  margin-bottom: 1rem;
  line-height: 1.15;
}
@media (max-width: 1023px) {
  h1 {
    font-size: 2.5rem;
  }
}
@media (max-width: 499px) {
  h1 {
    font-size: 2.2rem;
    text-align: center;
  }
}
@media (max-width: 399px) {
  h1 {
    font-size: 1.8rem;
  }
}
h1.sub {
  font-size: 140%;
  font-family: "Montserrat Light", helvetica, arial, sans-serif;
  color: #00a8cd;
}
h2 {
  font-size: 2.6rem;
  line-height: 1.15;
  font-weight: normal;
  font-family: "Montserrat Light", helvetica, arial, sans-serif;
  text-align: center;
  color: #ee2a7b;
  margin-bottom: 3rem;
}
@media (max-width: 1023px) {
  h2 {
    font-size: 2.4rem;
  }
}
@media (max-width: 499px) {
  h2 {
    font-size: 2rem;
    margin-bottom: 1.5rem;
  }
}
@media (max-width: 399px) {
  h2 {
    font-size: 1.7rem;
    margin-bottom: 1.25rem;
  }
}
h3 {
  font-size: 1.7rem;
  line-height: 1.15;
  font-weight: normal;
  font-family: "Montserrat Bold", helvetica, arial, sans-serif;
  text-align: center;
  color: #00a8cd;
  margin-bottom: 1.5rem;
}
@media (max-width: 1023px) {
  h3 {
    font-size: 1.35rem;
  }
}
@media (max-width: 399px) {
  h3 {
    font-size: 1.15rem;
  }
}
h4 {
  font-size: 1.7rem;
  line-height: 1.35;
  font-weight: normal;
  font-family: "Montserrat Light", helvetica, arial, sans-serif;
  color: #004070;
  margin-bottom: 1.3rem;
}
@media (max-width: 1023px) {
  h4 {
    font-size: 1.35rem;
  }
}
@media (max-width: 399px) {
  h4 {
    font-size: 1.15rem;
  }
}
h5 {
  font-size: 1.4rem;
  line-height: 1.15;
  font-weight: normal;
  font-family: "Montserrat Light", helvetica, arial, sans-serif;
  color: #ee2a7b;
  margin: 3rem 0 0.5rem;
}
@media (max-width: 1023px) {
  h5 {
    font-size: 1.2rem;
  }
}
@media (max-width: 399px) {
  h5 {
    font-size: 1rem;
  }
}
body,
p,
ul,
a,
div,
button,
input {
  font-family: "Montserrat Light", helvetica, arial, sans-serif;
  font-weight: normal;
}
button,
input,
.ui.button {
  font-family: "Montserrat Light", helvetica, arial, sans-serif;
  font-weight: normal;

}
b,
strong,
label {
  font-weight: normal !important;
  font-family: "Montserrat Semibold", helvetica, arial, sans-serif;
}
a {
  color: #ee2a7b;
}
a:hover {
  color: #760936;
}
.tertiary a {
  color: #004070;
}
.tertiary a:hover {
  color: #000;
}
.alignleft {
  text-align: left;
}
.alignright {
  text-align: right;
}
.aligncenter {
  text-align: center;
}
a.btn,
button {
  padding: 1rem 1.5rem 0.8rem 1.5rem !important;
  margin: 1rem 1rem 1rem 0;
  display: inline-block;
  border-radius: 0.25rem;
  font-family: "Montserrat Semibold", helvetica, arial, sans-serif !important;
  text-transform: uppercase !important;
}
@media (max-width: 399px) {
  a.btn,
  button {
    margin: 0.5rem;
  }
}
a.btn.outline,
button.outline {
  border-width: 1px;
  border-style: solid;
  -webkit-transition: all 0.5s ease-out !important;
  -moz-transition: all 0.5s ease-out !important;
  -o-transition: all 0.5s ease-out !important;
  transition: all 0.5s ease-out !important;
}
a.btn.outline.primary,
button.outline.primary {
  border-color: #004070;
  color: #004070;
}
a.btn.outline.primary:hover,
button.outline.primary:hover {
  border-color: #ee2a7b;
  color: #ee2a7b;
}
a.btn.outline.secondary,
button.outline.secondary {
  border-color: #ee2a7b;
  color: #ee2a7b;
}
a.btn.outline.secondary:hover,
button.outline.secondary:hover {
  border-color: #004070;
  color: #004070;
}
a.btn.outline.tertiary,
button.outline.tertiary {
  border-color: #00a8cd;
  color: #00a8cd;
}
a.btn.outline.tertiary:hover,
button.outline.tertiary:hover {
  border-color: #ee2a7b;
  color: #ee2a7b;
}
a.btn.outline.white,
button.outline.white {
  border-color: #fff;
  color: #fff;
}
a.btn.outline.white:hover,
button.outline.white:hover {
  border-color: #ee2a7b;
  color: #ee2a7b;
}
a.btn.solid,
button.solid {
  border-width: 1px;
  border-style: solid;
  -webkit-transition: all 0.5s ease-out !important;
  -moz-transition: all 0.5s ease-out !important;
  -o-transition: all 0.5s ease-out !important;
  transition: all 0.5s ease-out !important;
}
a.btn.solid.primary,
button.solid.primary {
  background-color: #004070;
  border-color: #004070;
  color: #fff;
}
a.btn.solid.primary:hover,
button.solid.primary:hover {
  background-color: #00a8cd;
  border-color: #00a8cd;
  color: #fff;
}
a.btn.solid.secondary,
button.solid.secondary {
  background-color: #002038 !important;
  border-color: #002038 !important;
  color: #fff !important;
}
a.btn.solid.secondary:hover,
button.solid.secondary:hover {
  background-color: #00a8cd !important;
  border-color: #00a8cd !important;
  color: #fff !important;
}
a.btn.solid.tertiary,
button.solid.tertiary {
  background-color: #00a8cd;
  border-color: #00a8cd;
  color: #fff;
}
a.btn.solid.tertiary:hover,
button.solid.tertiary:hover {
  background-color: #004070;
  border-color: #004070;
  color: #ee2a7b;
}
a.btn.solid.white,
button.solid.white {
  background-color: #fff;
  border-color: #fff;
  color: #004070;
}
a.btn.solid.white:hover,
button.solid.white:hover {
  background-color: #004070;
  border-color: #004070;
  color: #fff;
}
a.btn.mt5,
button.mt5 {
  margin-top: 5rem;
}
@media (max-width: 1279px) {
  a.btn.mt5,
  button.mt5 {
    margin-top: 2rem;
  }
}
button {
  padding: 1.38rem 1.5rem 1.15rem 1.5rem !important;
}
#page_core_solutionsccmodules .boxmod .btn {
  margin-bottom: 0 !important;
}
.ui.menu {
  min-height: 0 !important;
}
#topmenu {
  background-color: #fff000;
  text-align: right;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 101;
}
@media (max-width: 1279px) {
  #topmenu {
    display: none;
  }
}
#topmenu a,
#topmenu .item {
  color: #004070;
  text-transform: uppercase;
  font-size: 15px;
  padding-top: 1em;
  padding-bottom: 0.9em;
}
#topmenu a.nopadding,
#topmenu .item.nopadding {
  padding: 0;
}
#topmenu a:hover,
#topmenu a.active,
#topmenu .item:hover,
#topmenu .item.active {
  background-color: transparent !important;
  color: #fff;
  font-family: "Montserrat Semibold", helvetica, arial, sans-serif;
}
#topmenu .button {
  background-color: #ee2a7b;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  text-transform: uppercase;
  font-size: 15px;
  padding-top: 1em;
  padding-bottom: 0.9em;
}
#topmenu .button:hover {
  background-color: #00a8cd;
  color: #fff;
  font-family: "Montserrat Semibold", helvetica, arial, sans-serif;
}
#topmenu .dropdown.item .menu {
  border-radius: 0.5rem;
  background-color: #004070;
}
#topmenu .dropdown.item .menu a,
#topmenu .dropdown.item .menu .item {
  color: #fff !important;
}
#topmenu .dropdown.item .menu a:hover,
#topmenu .dropdown.item .menu a.active,
#topmenu .dropdown.item .menu .item:hover,
#topmenu .dropdown.item .menu .item.active {
  color: #ee2a7b !important;
}
#mainmenu {
  min-height: 100px;
  padding: 2rem 0 1.5rem;
  background-color: rgba(255, 255, 255, 0.9);
  display: flex;
  position: fixed;
  width: 100%;
  top: 0;
  margin-top: 44px;
  z-index: 100;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
@media (max-width: 1279px) {
  #mainmenu {
    display: none;
  }
}
@media (max-height: 1023px) {
  #mainmenu {
    padding: 1rem 0 0.5rem;
  }
}
#mainmenu .logo {
  width: 30%;
  float: left;
}
@media (max-height: 1023px) {
  #mainmenu .logo {
    width: 25%;
  }
}
#mainmenu .logo img {
  max-width: 400px;
  width: 100%;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
#mainmenu .menu {
  background: transparent;
  border: none;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
#mainmenu .menu .item {
  color: #004070 !important;
  text-transform: uppercase;
  font-family: "Montserrat Semibold", helvetica, arial, sans-serif;
}
#mainmenu .menu .item:hover,
#mainmenu .menu .item.active {
  background-color: transparent !important;
  color: #ee2a7b !important;
}
#mainmenu .menu .item:before {
  display: none;
}
#mainmenu .menu .item.subitem {
  padding-left: 2rem !important;
}
#mainmenu .menu .item.subitem:before {
  display: inline-block;
  content: "- ";
  position: relative;
  width: 1rem;
}
#mainmenu .menu .dropdown.item {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
#mainmenu .menu .dropdown .menu {
  background-color: #004070;
  padding: 1rem;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  border-radius: 0.5rem;
}
#mainmenu .menu .dropdown .menu .item {
  font-family: "Montserrat Light", helvetica, arial, sans-serif;
  font-weight: normal;
  color: #fff !important;
}
#mainmenu .menu .dropdown .menu .item:hover {
  color: #ee2a7b !important;
}
#mainmenu .menu .megamenu {
  left: 0 !important;
  top: 129px !important;
  width: 100% !important;
  border: none !important;
  border-radius: 0;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  padding: 2rem;
  max-height: calc(100vh - 144px);
  overflow-y: auto;
}
@media (max-height: 1023px) {
  #mainmenu .menu .megamenu {
    top: 89px !important;
  }
}
#mainmenu .menu .megamenu::before {
  display: none !important;
}
#mainmenu .menu .megamenu h4 {
  font-family: "Montserrat Bold", helvetica, arial, sans-serif;
  font-weight: normal;
  color: #004070;
  font-size: 140%;
}
#mainmenu .menu .megamenu .item {
  font-family: "Montserrat Light", helvetica, arial, sans-serif;
  font-weight: normal;
  text-transform: initial;
  padding: 0.5rem 0;
}
#mainmenu .menu .megamenu .column {
  padding: 1rem 2rem 1rem 1rem;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
#mainmenu .menu .megamenu .column.plmore {
  padding-left: 6rem;
}
#mainmenu .menu .megamenu .lowerpart .column {
  padding-top: 0;
}
#mainmenu .menu .megamenu .lowerpart .column a {
  margin-top: 0;
}
#mainmenu .menu .button {
  background-color: #00a8cd;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  text-transform: uppercase;
  font-size: 15px;
  font-family: "Montserrat Semibold", helvetica, arial, sans-serif;
  padding-top: 1em;
  padding-bottom: 0.9em;
}
#mainmenu .menu .button:hover {
  background-color: #ee2a7b;
  color: #004070;
}
#mainmenu.stick {
  padding: 0.3rem 0 0;
}
#mainmenu.stick .logo img {
  max-width: 250px;
  margin-top: 1.2rem;
}
#mainmenuresp {
  min-height: 100px;
  padding: 2rem 0 1.5rem;
  background-color: rgba(255, 255, 255, 0.9);
  display: flex;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 100;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
@media (min-width: 1280px) {
  #mainmenuresp {
    display: none;
  }
}
@media (max-width: 499px) {
  #mainmenuresp {
    padding: 1.5rem 0 1rem;
  }
}
#mainmenuresp .logo {
  width: 30%;
  float: left;
}
@media (max-width: 499px) {
  #mainmenuresp .logo {
    width: 100%;
  }
}
#mainmenuresp .logo img {
  min-width: 350px;
  width: 100%;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
@media (max-width: 499px) {
  #mainmenuresp .logo img {
    max-width: 80%;
    min-width: 200px;
  }
}
#mainmenuresp .menu {
  background: transparent;
  border: none;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
#mainmenuresp .menu .item {
  color: #004070 !important;
  text-transform: uppercase;
  font-family: "Montserrat Semibold", helvetica, arial, sans-serif;
  padding: 0;
}
#mainmenuresp .menu .item:hover,
#mainmenuresp .menu .item.active {
  background-color: transparent !important;
  color: #ee2a7b !important;
}
#mainmenuresp .menu .item:before {
  display: none;
}
#mainmenuresp .menu .item i.icon {
  font-size: 2rem;
}
@media (max-width: 499px) {
  #mainmenuresp .menu .item i.icon {
    margin: 0 0 0.5rem 0;
  }
}
#mainmenuresp.stick {
  padding: 0.3rem 0 0;
}
#mainmenuresp.stick .logo img {
  max-width: 250px;
  min-width: 250px;
  margin-top: 1.2rem;
}
.vertical.sidebar {
  width: 30% !important;
  min-width: 300px;
  border: 0 !important;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  z-index: 102 !important;
}
.vertical.sidebar::-webkit-scrollbar {
  display: none;
}
@media (min-width: 1280px) {
  .vertical.sidebar {
    display: none;
  }
}
@media (max-width: 1023px) {
  .vertical.sidebar {
    width: 50% !important;
  }
}
@media (max-width: 609px) {
  .vertical.sidebar {
    width: 90% !important;
  }
}
.vertical.sidebar .toggle {
  background-color: #004070;
  text-align: right;
  padding: 1rem 1rem 0 1rem;
}
.vertical.sidebar .toggle a {
  color: #fff;
  font-size: 1.5rem;
  font-family: "Montserrat Light", helvetica, arial, sans-serif;
  cursor: pointer;
}
.vertical.sidebar .toggle a:hover {
  color: #ee2a7b;
}
.vertical.sidebar .topmenuresp {
  background-color: #004070;
  padding: 0 0 1rem 0;
}
.vertical.sidebar .topmenuresp .item {
  color: #fff !important;
  text-transform: uppercase;
  font-family: "Montserrat Semibold", helvetica, arial, sans-serif;
}
.vertical.sidebar .topmenuresp .item:hover,
.vertical.sidebar .topmenuresp .item.active {
  background-color: transparent !important;
  color: #ee2a7b !important;
}
.vertical.sidebar .topmenuresp .item:before {
  display: none;
}
.vertical.sidebar .topmenuresp .button {
  background-color: #ee2a7b;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  text-transform: uppercase;
  font-size: 15px;
  padding-top: 1em;
  padding-bottom: 0.9em;
}
.vertical.sidebar .topmenuresp .button:hover {
  background-color: #00a8cd;
  color: #004070;
  font-family: "Montserrat Semibold", helvetica, arial, sans-serif;
}
.vertical.sidebar .topmenuresp .title {
  padding: 0 !important;
}
.vertical.sidebar .topmenuresp .title.active .item {
  background-color: transparent !important;
  color: #ee2a7b !important;
}
.vertical.sidebar .topmenuresp .content .item {
  font-family: "Montserrat Light", helvetica, arial, sans-serif;
  font-size: 0.8rem !important;
}
.vertical.sidebar .menuresp {
  padding: 0.2rem 0;
}
.vertical.sidebar .menuresp .title {
  padding: 0 !important;
}
.vertical.sidebar .menuresp .title.active .item {
  background-color: transparent !important;
  color: #ee2a7b !important;
}
.vertical.sidebar .menuresp .accordion.line {
  border-top: solid 1px #ededed;
}
.vertical.sidebar .menuresp .item {
  color: #004070 !important;
  text-transform: uppercase;
  font-family: "Montserrat Semibold", helvetica, arial, sans-serif;
  border-top: solid 1px #ededed;
  padding: 1rem 1rem 0.8rem 1rem;
}
.vertical.sidebar .menuresp .item:first-child {
  border-top: none;
}
.vertical.sidebar .menuresp .item:hover,
.vertical.sidebar .menuresp .item.active {
  background-color: transparent !important;
  color: #ee2a7b !important;
}
.vertical.sidebar .menuresp .item:before {
  display: none;
}
.vertical.sidebar .menuresp .button {
  background-color: #00a8cd;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  text-transform: uppercase;
  font-size: 15px;
  font-family: "Montserrat Semibold", helvetica, arial, sans-serif;
  padding-top: 1em;
  padding-bottom: 0.9em;
}
.vertical.sidebar .menuresp .button:hover {
  background-color: #ee2a7b;
  color: #004070;
}
.vertical.sidebar .menuresp .content {
  padding: 0 !important;
}
.vertical.sidebar .menuresp .content .item {
  text-transform: none;
  border-top: solid 1px #f7f7f7;
}
.vertical.sidebar .menuresp .content .accordion {
  margin: 0 !important;
}
.vertical.sidebar .menuresp .content .accordion .item {
  text-transform: none;
  border-top: solid 1px #f7f7f7;
}
.vertical.sidebar .menuresp .content .accordion .item i {
  float: right !important;
  margin-right: 0 !important;
}
.vertical.sidebar .menuresp .content .content .item {
  font-family: "Montserrat Light", helvetica, arial, sans-serif;
  line-height: 1.4;
}
.vertical.sidebar .menuresp .content .content a.btn {
  margin-left: 1rem;
}
#page_core_solutionsfreedelityfile .hero .grid,
#page_core_solutionsfreedelityfile.hero .grid,
#page_core_solutionsccmodules .hero .grid,
#page_core_solutionsccmodules.hero .grid,
#page_core_solutionsmyfreedelity .hero .grid,
#page_core_solutionsmyfreedelity.hero .grid,
#page_core_solutionscollect .hero .grid,
#page_core_solutionscollect.hero .grid,
#page_core_solutionscollectqr .hero .grid,
#page_core_solutionscollectqr.hero .grid,
#page_core_solutionscollectkiosks .hero .grid,
#page_core_solutionscollectkiosks.hero .grid,
.functionalities .hero .grid,
.functionalities.hero .grid {
  min-height: 600px;
}
@media (max-width: 1023px) {
  #page_core_solutionsfreedelityfile .hero .grid,
  #page_core_solutionsfreedelityfile.hero .grid,
  #page_core_solutionsccmodules .hero .grid,
  #page_core_solutionsccmodules.hero .grid,
  #page_core_solutionsmyfreedelity .hero .grid,
  #page_core_solutionsmyfreedelity.hero .grid,
  #page_core_solutionscollect .hero .grid,
  #page_core_solutionscollect.hero .grid,
  #page_core_solutionscollectqr .hero .grid,
  #page_core_solutionscollectqr.hero .grid,
  #page_core_solutionscollectkiosks .hero .grid,
  #page_core_solutionscollectkiosks.hero .grid,
  .functionalities .hero .grid,
  .functionalities.hero .grid {
    min-height: 0;
  }
}
.modals.dimmer {
  background: rgba(0, 64, 112, 0.95);
}
.modals.dimmer .ui.modal {
  background: transparent !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}
.modals.dimmer .ui.modal > .content {
  background: transparent !important;
  color: #fff !important;
}
.modals.dimmer .ui.modal > .content .videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}
.modals.dimmer .ui.modal > .content .videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: solid #fff 2rem;
}
.modals.dimmer .ui.modal > .content .videoWrapper video {
  background-color: #fff;
  border: solid #fff 2rem;
  margin-bottom: 2rem;
  float: left;
  width: 100%;
}
.modals.dimmer .ui.modal > .content .textWrapper {
  background-color: #fff;
  border: solid #fff 2rem;
  float: left;
  height: auto;
  padding-bottom: 0;
  position: relative;
}
.modals.dimmer .ui.modal > .content .textWrapper p,
.modals.dimmer .ui.modal > .content .textWrapper ul,
.modals.dimmer .ui.modal > .content .textWrapper li {
  color: #004070;
}
.modals.dimmer .ui.modal > .content p:first-of-type {
  margin-top: 2rem;
  color: #ee2a7b;
  font-size: 140%;
}
.modals.dimmer .ui.modal > .content p.white:first-of-type {
  color: #fff;
}
#page_core_stepbystep .modals {
  background-image: url("../assets/crosswhite.svg");
  background-position: right 30px top 20px;
  background-size: 30px auto;
  background-repeat: no-repeat;
}
#page_core_stepbystep .modals h2 {
  text-align: left;
  font-size: 2rem;
}
#page_core_stepbystep .modals h4 {
  text-align: left;
  font-size: 1.4rem;
}
#page_core_stepbystep .modals p:first-of-type {
  margin-top: 2rem;
  color: #004070;
  font-size: 100%;
}
.wrapper {
  min-height: 500px !important;
}
@media (max-width: 1439px) {
  .wrapper .two.column .column {
    width: 50% !important;
  }
}
@media (max-width: 859px) {
  .wrapper .two.column .column {
    width: 100% !important;
  }
}
@media (max-width: 1279px) {
  .wrapper .three.column .column {
    width: 50% !important;
  }
}
@media (max-width: 609px) {
  .wrapper .three.column .column {
    width: 100% !important;
  }
}
@media (max-width: 1023px) {
  .wrapper .five.column .column {
    width: 33% !important;
  }
}
@media (max-width: 609px) {
  .wrapper .five.column .column {
    width: 50% !important;
  }
}
@media (max-width: 399px) {
  .wrapper .five.column .column {
    width: 100% !important;
  }
}
.wrapper .section {
  padding: 4rem 0;
}
@media (max-width: 1023px) {
  .wrapper .section {
    padding: 3rem 0;
  }
}
@media (max-width: 399px) {
  .wrapper .section {
    padding: 2rem 0;
  }
}
.wrapper .section .intro {
  width: 70%;
  font-size: 120%;
  color: #888;
  text-align: center;
  margin: 0 auto 4rem auto;
}
@media (max-width: 1023px) {
  .wrapper .section .intro {
    width: 100%;
  }
}
@media (max-width: 499px) {
  .wrapper .section .intro {
    font-size: 100%;
    margin: 0 auto 2rem auto;
  }
}
.wrapper #functionality.section .column .column {
  display: grid;
}
@media (max-width: 1279px) {
  .wrapper #functionality.section .column .column {
    width: 50% !important;
  }
}
@media (max-width: 1023px) {
  .wrapper #functionality.section .column .column {
    width: 100% !important;
  }
}
.wrapper #functionality.section .column .column .box {
  background-color: #fff;
  border-radius: 0.5rem;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  height: 100%;
}
@media (max-width: 499px) {
  .wrapper #functionality.section .column .column .box {
    margin-bottom: 1rem;
  }
}
.wrapper #functionality.section .column .column .box .num {
  background-color: #000;
  color: #fff;
  width: 3rem;
  padding: 0.5rem 1rem 0.3rem;
  font-size: 160%;
  font-family: "Montserrat Bold", helvetica, arial, sans-serif;
  text-align: center;
  border-top-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  -webkit-transition: all 0.5s ease-out !important;
  -moz-transition: all 0.5s ease-out !important;
  -o-transition: all 0.5s ease-out !important;
  transition: all 0.5s ease-out !important;
}
.wrapper #functionality.section .column .column .box .content {
  text-align: center;
  padding: 0 2rem 2rem;
  font-size: 90%;
  color: #fff;
}
@media (max-width: 1023px) {
  .wrapper #functionality.section .column .column .box .content {
    font-size: 100%;
  }
}
.wrapper #functionality.section .column .column .box .content h3 {
  color: #fff;
}
.wrapper #functionality.section .column .column .box .content .readmore {
  font-family: "Montserrat Semibold", helvetica, arial, sans-serif;
  text-decoration: underline;
}
.wrapper #functionality.section .column .column .box.myfreedelity .num {
  width: 5rem;
}
.wrapper #functionality.section .column .column .box:hover .readmore {
  color: #000;
}
.wrapper #functionality.section .column .column .box:hover .num {
  background-color: #ee2a7b;
}
.wrapper #functionality.section .column .column:nth-child(1) .box,
.wrapper #functionality.section .column .column:nth-child(7) .box {
  background: linear-gradient(90deg, #004070 0%, #2f739a 100%);
}
.wrapper #functionality.section .column .column:nth-child(1) .box:hover,
.wrapper #functionality.section .column .column:nth-child(7) .box:hover {
  background: linear-gradient(90deg, #2f739a 0%, #004070 100%);
}
.wrapper #functionality.section .column .column:nth-child(2) .box,
.wrapper #functionality.section .column .column:nth-child(8) .box {
  background: linear-gradient(90deg, #2f739a 0%, #ee2a7b 100%);
}
.wrapper #functionality.section .column .column:nth-child(2) .box:hover,
.wrapper #functionality.section .column .column:nth-child(8) .box:hover {
  background: linear-gradient(90deg, #ee2a7b 0%, #2f739a 100%);
}
.wrapper #functionality.section .column .column:nth-child(3) .box,
.wrapper #functionality.section .column .column:nth-child(9) .box {
  background: linear-gradient(90deg, #ee2a7b 0%, #9b3679 100%);
}
.wrapper #functionality.section .column .column:nth-child(3) .box:hover,
.wrapper #functionality.section .column .column:nth-child(9) .box:hover {
  background: linear-gradient(90deg, #9b3679 0%, #ee2a7b 100%);
}
.wrapper #functionality.section .column .column:nth-child(4) .box,
.wrapper #functionality.section .column .column:nth-child(10) .box {
  background: linear-gradient(90deg, #9b3679 0%, #00a8cd 100%);
}
.wrapper #functionality.section .column .column:nth-child(4) .box:hover,
.wrapper #functionality.section .column .column:nth-child(10) .box:hover {
  background: linear-gradient(90deg, #00a8cd 0%, #9b3679 100%);
}
.wrapper #functionality.section .column .column:nth-child(5) .box {
  background: linear-gradient(90deg, #00a8cd 0%, #4781b1 100%);
}
.wrapper #functionality.section .column .column:nth-child(5) .box:hover {
  background: linear-gradient(90deg, #4781b1 0%, #00a8cd 100%);
}
.wrapper #functionality.section .column .column:nth-child(6) .box {
  background: linear-gradient(90deg, #4781b1 0%, #004070 100%);
}
.wrapper #functionality.section .column .column:nth-child(6) .box:hover {
  background: linear-gradient(90deg, #004070 0%, #4781b1 100%);
}
.wrapper #clientslovebest.section {
  background-color: #f7f7f7;
  padding-top: 2rem;
}
.wrapper #clientslovebest.section .box {
  background-color: #fff;
  border-radius: 0.5rem;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  padding: 1.5rem 1.5rem 1.25rem 1.5rem;
  text-align: center;
  width: 100%;
  position: relative;
}
@media (max-width: 349px) {
  .wrapper #clientslovebest.section .box {
    padding: 1rem 1.3rem 0.9rem 1rem;
  }
}
.wrapper #clientslovebest.section .box img {
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  width: 80px;
}
@media (max-width: 1023px) {
  .wrapper #clientslovebest.section .box img {
    width: 65px;
  }
}
@media (max-width: 1023px) {
  .wrapper #clientslovebest.section .box img {
    width: 50px;
  }
}
@media (max-width: 349px) {
  .wrapper #clientslovebest.section .box img {
    width: 40px;
  }
}
.wrapper #clientslovebest.section .box p.loves {
  font-size: 110%;
  color: #004070;
  text-transform: uppercase;
  font-family: "Montserrat Bold", helvetica, arial, sans-serif;
  vertical-align: middle;
  margin-bottom: 0.25rem;
}
@media (max-width: 1023px) {
  .wrapper #clientslovebest.section .box p.loves {
    font-size: 100%;
  }
}
@media (max-width: 349px) {
  .wrapper #clientslovebest.section .box p.loves {
    font-size: 90%;
  }
}
.wrapper #clientslovebest.section .box p.testimonials {
  font-size: 90%;
  color: #888;
  font-family: "Montserrat Light", helvetica, arial, sans-serif;
  vertical-align: middle;
  margin-top: 0;
}
.wrapper #clientslovebest.section .box .more {
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  background-color: #004070;
  color: #fff;
  font-size: 180%;
  font-family: "Montserrat Semibold", helvetica, arial, sans-serif;
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 0.2rem 0.5rem 0.15rem 0.5rem;
  border-bottom-right-radius: 0.5rem;
  border-top-left-radius: 0.5rem;
}
@media (max-width: 349px) {
  .wrapper #clientslovebest.section .box .more {
    font-size: 150%;
    padding: 0.1rem 0.2rem 0.05rem 0.2rem;
  }
}
.wrapper #clientslovebest.section .box:hover {
  background-color: #ededed;
}
.wrapper #clientslovebest.section .box:hover p {
  color: #ee2a7b;
}
.wrapper #clientslovebest.section .box:hover img {
  transform: scale(1.1);
}
.wrapper #clientslovebest.section .box:hover .more {
  background-color: #ee2a7b;
}
@media (max-width: 1279px) {
  .wrapper #clientslovebest.section .linetwo {
    padding: 0 !important;
  }
}
@media (max-width: 1279px) {
  .wrapper #clientslovebest.section .linetwo .column {
    width: 75% !important;
    margin: 0 12.5%;
    margin-bottom: 1rem;
  }
}
@media (max-width: 1023px) {
  .wrapper #clientslovebest.section .linetwo .column {
    width: 100% !important;
    margin-left: 0;
    margin-right: 0;
  }
}
.wrapper #clientslovebest.section .linetwo .column .box .ui.grid {
  min-height: 160px;
}
@media (max-width: 1439px) {
  .wrapper #clientslovebest.section .linetwo .column .box .ui.grid {
    min-height: 180px;
  }
}
@media (max-width: 1279px) {
  .wrapper #clientslovebest.section .linetwo .column .box .ui.grid {
    min-height: 90px;
  }
}
@media (max-width: 349px) {
  .wrapper #clientslovebest.section .linetwo .column .box .ui.grid {
    min-height: 0;
  }
}
@media (max-width: 1279px) {
  .wrapper #clientslovebest.section .linetwo .column .box .ui.grid .four.wide {
    width: 18.75% !important;
    margin: 0;
  }
}
@media (max-width: 1279px) {
  .wrapper
    #clientslovebest.section
    .linetwo
    .column
    .box
    .ui.grid
    .twelve.wide {
    width: 81.25% !important;
    margin: 0;
  }
}
.wrapper #clientslovebest.section .slideLogos {
  margin-bottom: 8rem;
}
@media (max-width: 349px) {
  .wrapper #clientslovebest.section .slideLogos {
    margin-top: 2rem;
  }
}
.wrapper #clientslovebest.section .slideLogos .slick-slide {
  background-color: #f7f7f7;
}
.wrapper #clientslovebest.section .slideLogos .slick-slide img {
  filter: grayscale(0);
  mix-blend-mode: darken;
  margin: 0 auto;
  max-height: 90px;
}
.wrapper #clientslovebest.section .slideLogos .slick-slide img:hover {
  filter: grayscale(1);
  opacity: 1;
}
.wrapper #clientslovebest.section .slideLogos .slick-dots {
  bottom: -50px;
}
.wrapper #clientslovebest.section .slideLogos .slick-dots li button:before {
  font-size: 12px;
}
.wrapper
  #clientslovebest.section
  .slideLogos
  .slick-dots
  li.slick-active
  button:before {
  color: #004070;
  opacity: 1;
}
.wrapper #clientslovebest.section h2.testimonials {
  color: #004070;
  margin-top: 6rem;
}
.wrapper #clientslovebest.section .testimonials.grid .box {
  padding-bottom: 1.5rem;
  height: 100%;
}
.wrapper #clientslovebest.section .testimonials.grid .box.testihairdis {
  background: #ac2724;
  background: linear-gradient(158deg, #ac2724 0%, #781b19 100%);
}
.wrapper #clientslovebest.section .testimonials.grid .box.testibroze {
  background: #ff4947;
  background: linear-gradient(158deg, #ff4947 0%, #912b12 100%);
}
.wrapper #clientslovebest.section .testimonials.grid .box img {
  max-width: 150px;
  max-height: 80px;
  width: 80%;
  margin-bottom: 1.5rem;
}
.wrapper #clientslovebest.section .testimonials.grid .box .more {
  background-color: #000;
}
.wrapper #clientslovebest.section .testimonials.grid .box p {
  color: #fff;
  width: 80%;
  text-align: center;
  margin: 0 auto;
}
.wrapper #clientslovebest.section .testimonials.grid .box:hover .more {
  background-color: #fff;
  color: #000;
}
.wrapper #casestudy.section {
  background: linear-gradient(-45deg, #004070, #2f739a, #00a8cd, #4781b1);
  background-size: 400% 400%;
  animation: gradientcs 15s ease infinite;
  color: #fff;
}
@media (max-width: 1279px) {
  .wrapper #casestudy.section {
    animation: none !important;
  }
}
.wrapper #casestudy.section h2 {
  color: #fff;
  margin-top: 0;
}
@media (max-width: 1279px) {
  .wrapper #casestudy.section .eight.wide.column {
    width: 100% !important;
    margin-bottom: 2rem;
  }
}
@media (max-width: 399px) {
  .wrapper #casestudy.section .eight.wide.column {
    margin-bottom: 0rem;
  }
}
@media (max-width: 399px) {
  .wrapper #casestudy.section .eight.wide.column .cslink .cslogo {
    width: 100% !important;
  }
}
.wrapper #casestudy.section .eight.wide.column .cslink .cslogo .box {
  background-color: #fff;
  border-radius: 0.5rem;
  text-align: center;
  padding: 2rem 0;
}
@media (max-width: 859px) {
  .wrapper #casestudy.section .eight.wide.column .cslink .cslogo .box img {
    width: 100%;
  }
}
@media (max-width: 399px) {
  .wrapper #casestudy.section .eight.wide.column .cslink .cslogo .box img {
    max-width: 150px !important;
  }
}
.wrapper #casestudy.section .eight.wide.column .cslink .date {
  color: #87d8ea;
  text-transform: uppercase;
  font-family: "Montserrat Bold", helvetica, arial, sans-serif;
  font-size: 130%;
  margin-bottom: 0;
}
.wrapper #casestudy.section .eight.wide.column .cslink h3 {
  color: #fff;
  text-align: left;
  margin: 0.25rem 0 1rem;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.wrapper #casestudy.section .eight.wide.column .cslink p {
  color: #fff;
  margin-bottom: 2rem;
}
@media (max-width: 1023px) {
  .wrapper #casestudy.section .eight.wide.column .cslink p {
    margin-bottom: 0;
  }
}
.wrapper #casestudy.section .eight.wide.column .cslink:hover .cslogo .box {
  animation: roll 0.5s;
}
.wrapper #casestudy.section .eight.wide.column .cslink:hover .date {
  color: #fff;
}
.wrapper #casestudy.section .eight.wide.column .cslink:hover h3 {
  color: #000;
}
@media (max-width: 399px) {
  .wrapper #casestudy.section .eight.wide.column .cslink .ten.wide {
    width: 100% !important;
  }
}
@media (max-width: 399px) {
  .wrapper #casestudy.section .eight.wide.column .tagsbox .six.wide {
    display: none !important;
  }
}
@media (max-width: 399px) {
  .wrapper #casestudy.section .eight.wide.column .tagsbox .ten.wide {
    width: 100% !important;
  }
}
.wrapper #casestudy.section .eight.wide.column .tagsbox .tags .singletag {
  font-style: italic;
  background-color: rgba(255, 255, 255, 0.2);
  color: #fff;
  cursor: pointer;
  padding: 0.4rem 0.6rem 0.2rem 0.6rem;
  display: inline-block;
  margin-bottom: 0.5rem;
  margin-right: 0.5rem;
}
.wrapper #casestudy.section .eight.wide.column .tagsbox .tags .singletag:hover {
  color: #004070;
  background-color: rgba(255, 255, 255, 0.7);
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.wrapper #modular.section {
  position: relative;
  padding-top: 0;
}
@media (max-width: 1279px) {
  .wrapper #modular.section .column .column {
    width: 50% !important;
  }
}
@media (max-width: 859px) {
  .wrapper #modular.section .column .column {
    width: 100% !important;
  }
}
.wrapper #modular.section .column .column .box {
  background-color: #ededed;
  border-radius: 0.5rem;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  padding: 2rem;
  min-height: 160px;
  display: table;
  width: 100%;
  padding-left: 22%;
  margin-bottom: 1rem;
}
@media (max-width: 1023px) {
  .wrapper #modular.section .column .column .box {
    min-height: 120px;
  }
}
@media (max-width: 859px) {
  .wrapper #modular.section .column .column .box {
    min-height: 90px;
  }
}
@media (max-width: 399px) {
  .wrapper #modular.section .column .column .box {
    padding: 1rem;
    padding-left: 22%;
    min-height: 70px;
    margin-bottom: 0.5rem;
  }
}
.wrapper #modular.section .column .column .box p {
  color: #888;
  font-family: "Montserrat Light", helvetica, arial, sans-serif;
  display: table-cell;
  vertical-align: middle;
  font-size: 120%;
}
@media (max-width: 399px) {
  .wrapper #modular.section .column .column .box p {
    font-size: 100%;
  }
}
.wrapper #modular.section .column .column .box:hover,
.wrapper #modular.section .column .column .box.selected {
  background-color: #004070;
}
.wrapper #modular.section .column .column .box:hover p,
.wrapper #modular.section .column .column .box.selected p {
  color: #fff;
}
.wrapper #modular.section .column .column .box.sendselection {
  background-color: #ee2a7b;
  text-align: center;
  padding-left: 2rem;
}
.wrapper #modular.section .column .column .box.sendselection p {
  color: #fff;
}
.wrapper #modular.section .column .column .box.sendselection:hover {
  background-color: #9b3679;
}
.wrapper #modular.section canvas {
  position: absolute;
  z-index: -10;
  bottom: 0;
}
.wrapper #kiosks.section {
  background: linear-gradient(-45deg, #ee2a7b, #9b3679, #ee2a7b);
  background-size: 400% 400%;
  animation: gradientcs 15s ease infinite;
  color: #fff;
  padding: 0;
}
@media (max-width: 1279px) {
  .wrapper #kiosks.section {
    animation: none !important;
  }
}
@media (max-width: 1023px) {
  .wrapper #kiosks.section {
    text-align: center;
  }
}
.wrapper #kiosks.section .container {
  padding: 2rem 0;
}
@media (max-width: 1023px) {
  .wrapper #kiosks.section .container {
    padding: 4rem 0;
  }
}
@media (max-width: 399px) {
  .wrapper #kiosks.section .container {
    padding: 2rem 0;
  }
}
@media (max-width: 1023px) {
  .wrapper #kiosks.section .container .column {
    width: 100% !important;
  }
}
.wrapper #kiosks.section .container .column p {
  font-size: 140%;
  padding-right: 4rem;
}
@media (max-width: 1439px) {
  .wrapper #kiosks.section .container .column p {
    font-size: 120%;
  }
}
@media (max-width: 1023px) {
  .wrapper #kiosks.section .container .column p {
    font-size: 120%;
    padding-right: 0rem;
  }
}
@media (max-width: 399px) {
  .wrapper #kiosks.section .container .column p {
    font-size: 110%;
  }
}
.wrapper #kiosks.section .container .column img {
  width: 100%;
}
@media (max-width: 1023px) {
  .wrapper #kiosks.section .container .column img {
    max-width: 600px !important;
  }
}
.wrapper #speed.section {
  background-image: linear-gradient(90deg, #ee2a7b 0%, #004070 100%);
  color: #fff;
  padding: 0 !important;
}
@media (max-width: 1023px) {
  .wrapper #speed.section {
    text-align: center;
  }
}
.wrapper #speed.section .container {
  padding: 6rem 0;
}
@media (max-width: 1279px) {
  .wrapper #speed.section .container {
    padding: 4rem 0 3rem 0;
  }
}
@media (max-width: 399px) {
  .wrapper #speed.section .container {
    padding: 2rem 0 1rem 0;
  }
}
@media (max-width: 1023px) {
  .wrapper #speed.section .container .column.six {
    width: 20% !important;
  }
}
@media (max-width: 859px) {
  .wrapper #speed.section .container .column.six {
    width: 100% !important;
    text-align: center !important;
  }
}
.wrapper #speed.section .container .column.six img {
  width: 100%;
  max-width: 50%;
}
@media (max-width: 1023px) {
  .wrapper #speed.section .container .column.six img {
    width: 100% !important;
    max-width: 350px;
  }
}
@media (max-width: 859px) {
  .wrapper #speed.section .container .column.six img {
    width: 20% !important;
    min-width: 100px;
  }
}
@media (max-width: 1023px) {
  .wrapper #speed.section .container .column.ten {
    width: 80% !important;
  }
}
@media (max-width: 859px) {
  .wrapper #speed.section .container .column.ten {
    width: 100% !important;
  }
}
.wrapper #speed.section .container .column.ten p {
  font-size: 180%;
}
@media (max-width: 1439px) {
  .wrapper #speed.section .container .column.ten p {
    font-size: 150%;
  }
}
@media (max-width: 399px) {
  .wrapper #speed.section .container .column.ten p {
    font-size: 130%;
  }
}
.wrapper #activitymap.section {
  background-color: #004070;
  padding: 0;
}
.wrapper #activitymap.section .grid {
  margin-bottom: 0;
}
.wrapper #activitymap.section .grid .eight.wide {
  padding: 0;
}
.wrapper #activitymap.section .grid .text.wide {
  padding: 0 8rem;
  text-align: center;
}
@media (max-width: 1439px) {
  .wrapper #activitymap.section .grid .text.wide {
    padding: 0 4rem;
  }
}
@media (max-width: 859px) {
  .wrapper #activitymap.section .grid .text.wide {
    padding: 4rem 2rem;
  }
}
.wrapper #activitymap.section .grid .text.wide p {
  font-size: 140%;
  color: #fff;
}
@media (max-width: 1439px) {
  .wrapper #activitymap.section .grid .text.wide p {
    font-size: 120%;
  }
}
@media (max-width: 399px) {
  .wrapper #activitymap.section .grid .text.wide p {
    font-size: 110%;
  }
}
.wrapper .section .bgx {
  background-image: url("../assets/custoxfooter.png");
  background-position: center right;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.wrapper .section.pbbig {
  padding-bottom: 8rem;
}
.wrapper .section.pt0 {
  padding-top: 0;
}
@keyframes roll {
  0% {
    transform: rotate(0);
  }
  70% {
    transform: rotate(-2deg);
  }
  100% {
    transform: rotate(0);
  }
}
@keyframes gradientcs {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.cookie-warning {
  width: 100%;
  position: fixed;
  bottom: 0;
  right: 0;
  padding: 1.5rem;
  background-color: rgba(0, 168, 205, 0.9);
  z-index: 5000;
  color: #fff;
  text-align: center;
}
.cookie-warning a {
  color: #004070;
}
.cookie-warning button {
  border: none;
  cursor: pointer;
  background-color: transparent !important;
  border: solid 1px #fff !important;
  margin-top: 1rem !important;
}
.cookie-warning button:hover {
  background-color: #fff !important;
  color: #00a8cd;
}
.wrapper .videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}
.wrapper .videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.wrapper .section .formconfirm {
  text-align: center;
}
.wrapper .section.bghead {
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 150%;
  background-image: url("../assets/custoheroinside.jpg");
}
.wrapper .section.bghead:not(#videos) .container {
  width: 1170px !important;
  max-width: 100% !important;
}
.wrapper .section.bghead:not(#videos) .container p,
.wrapper .section.bghead:not(#videos) .container li {
  font-size: 90%;
}
.wrapper .section.bghead:not(#videos) .container h4 {
  font-size: 120%;
  margin-top: 3rem;
}
.wrapper .section .framed {
  border-radius: 0.5rem;
  padding: 2rem;
  margin: 3rem 0;
}
@media (max-width: 859px) {
  .wrapper .section .framed {
    margin: 1rem 0;
  }
}
.wrapper .section .framed.primary {
  background-color: #004070;
  color: #fff;
}
.wrapper .section .framed.secondary {
  background-color: #ee2a7b;
  color: #fff;
}
.wrapper .section .framed.tertiary {
  background-color: #00a8cd;
  color: #fff;
}
.wrapper .section .framed h4 {
  color: #fff;
}
@media (max-width: 859px) {
  .wrapper .section .ten.wide,
  .wrapper .section .six.wide,
  .wrapper .section .eight.wide {
    width: 100% !important;
  }
}
.wrapper .section .illuborder {
  width: 100%;
  border: solid #004070 15px;
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
@media (max-width: 859px) {
  .wrapper .section .illuborder {
    border-size: 5px;
  }
}
.wrapper .section h2.nomargintop {
  margin-top: 0 !important;
}
@media (max-width: 1279px) {
  .wrapper .section .smfull .column {
    width: 100% !important;
  }
}
@media (max-width: 1023px) {
  .wrapper .section .xsfull .column {
    width: 100% !important;
  }
}
@media (max-width: 859px) {
  .wrapper .section .xxsfull .column,
  .wrapper .section .kiosks .column,
  .wrapper .section .techs .column {
    width: 100% !important;
  }
}
@media (max-width: 609px) {
  .wrapper .section .subleft .column,
  .wrapper .section .subright .column {
    width: 100% !important;
  }
}
@media (max-width: 609px) {
  .wrapper .section .subleft .column.four,
  .wrapper .section .subright .column.four {
    order: 1;
  }
}
@media (max-width: 609px) {
  .wrapper .section .subleft .column.twelve,
  .wrapper .section .subright .column.twelve {
    order: 2;
  }
}
@media (max-width: 609px) {
  .wrapper .section .subleft .column img,
  .wrapper .section .subright .column img {
    margin: 0 auto;
    display: block;
  }
}
.wrapper .section .framed + .subleft,
.wrapper .section .framed + .subright {
  margin-bottom: 0;
}
.wrapper .section img.max300 {
  max-width: 300px;
  margin: 0 auto;
  display: block;
}
.wrapper #clientslovecontent.section .title,
.wrapper #faqs.section .title,
.wrapper #yumi.section .content .title {
  background-color: #fff;
  border-radius: 0.5rem;
  padding: 2rem 4rem 2rem 2rem;
}
@media (max-width: 609px) {
  .wrapper #clientslovecontent.section .title,
  .wrapper #faqs.section .title,
  .wrapper #yumi.section .content .title {
    padding: 2rem;
  }
}
.wrapper #clientslovecontent.section .title .image,
.wrapper #faqs.section .title .image,
.wrapper #yumi.section .content .title .image {
  text-align: center;
}
.wrapper #clientslovecontent.section .title .image img,
.wrapper #faqs.section .title .image img,
.wrapper #yumi.section .content .title .image img {
  max-width: 80px;
  width: 100%;
}
.wrapper #clientslovecontent.section .title h2,
.wrapper #faqs.section .title h2,
.wrapper #yumi.section .content .title h2 {
  font-family: "Montserrat Light", helvetica, arial, sans-serif !important;
  text-align: left !important;
  margin: 0 0 0.5rem 0 !important;
  color: #004070;
  font-size: 1.5rem;
  line-height: 1.3;
}
@media (max-width: 609px) {
  .wrapper #clientslovecontent.section .title h2,
  .wrapper #faqs.section .title h2,
  .wrapper #yumi.section .content .title h2 {
    text-align: center !important;
    margin: 0 0 1rem 0 !important;
  }
}
.wrapper #clientslovecontent.section .title p,
.wrapper #faqs.section .title p,
.wrapper #yumi.section .content .title p {
  font-size: 90%;
  color: #888;
  font-family: "Montserrat Light", helvetica, arial, sans-serif;
  margin-top: 0;
}
.wrapper #clientslovecontent.section .title:hover,
.wrapper #faqs.section .title:hover,
.wrapper #yumi.section .content .title:hover {
  background-color: #ededed;
}
.wrapper #clientslovecontent.section .title:hover h2,
.wrapper #faqs.section .title:hover h2,
.wrapper #yumi.section .content .title:hover h2 {
  color: #ee2a7b;
}
.wrapper #clientslovecontent.section .title.active,
.wrapper #faqs.section .title.active,
.wrapper #yumi.section .content .title.active {
  margin-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-color: #ededed;
}
.wrapper #clientslovecontent.section .title.active h2,
.wrapper #faqs.section .title.active h2,
.wrapper #yumi.section .content .title.active h2 {
  color: #ee2a7b;
}
@media (max-width: 609px) {
  .wrapper #clientslovecontent.section .title .three.wide,
  .wrapper #clientslovecontent.section .title .thirteen.wide,
  .wrapper #faqs.section .title .three.wide,
  .wrapper #faqs.section .title .thirteen.wide,
  .wrapper #yumi.section .content .title .three.wide,
  .wrapper #yumi.section .content .title .thirteen.wide {
    width: 100% !important;
    text-align: center;
  }
}
.wrapper #clientslovecontent.section .content,
.wrapper #faqs.section .content,
.wrapper #yumi.section .content .content {
  background-color: #ededed;
  border-radius: 0.5rem;
  padding: 3rem;
  border-top: solid 1px #fff;
}
@media (max-width: 609px) {
  .wrapper #clientslovecontent.section .content,
  .wrapper #faqs.section .content,
  .wrapper #yumi.section .content .content {
    padding: 1rem;
  }
}

.wrapper #info.section .four.wide {
  /*text-align: center;
  color: #ee2a7b;
  font-size: 90%;*/
}

.wrapper #clientslovecontent.section .content.active,
.wrapper #faqs.section .content.active,
.wrapper #yumi.section .content .content.active {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-color: #ededed;
}
.wrapper #clientslovecontent.section .four.wide,
.wrapper #faqs.section .four.wide,
.wrapper #yumi.section .content .four.wide {
  text-align: center;
  color: #ee2a7b;
  font-size: 90%;
}

.wrapper #clientslovecontent.section .four.wide img,
.wrapper #faqs.section .four.wide img,
.wrapper #yumi.section .content .four.wide img {
  max-width: 80px;
  border-radius: 50%;
  margin-bottom: 0.8rem;
}
.wrapper #clientslovecontent.section .four.wide .icon,
.wrapper #faqs.section .four.wide .icon,
.wrapper #yumi.section .content .four.wide .icon {
  max-width: 80px;
  border-radius: 50%;
  background-color: #f7f7f7;
  padding: 1rem;
  margin: 0 auto 1.75rem;
}
.wrapper #clientslovecontent.section .four.wide .icon img,
.wrapper #faqs.section .four.wide .icon img,
.wrapper #yumi.section .content .four.wide .icon img {
  width: 100%;
  border-radius: 0;
  margin-bottom: 0;
}
@media (max-width: 499px) {
  .wrapper #clientslovecontent.section .four.wide,
  .wrapper #faqs.section .four.wide,
  .wrapper #yumi.section .content .four.wide {
    width: 100% !important;
    order: 2;
  }
}
@media (max-width: 499px) {
  .wrapper #clientslovecontent.section .twelve.wide,
  .wrapper #faqs.section .twelve.wide,
  .wrapper #yumi.section .content .twelve.wide {
    width: 100% !important;
    order: 1;
  }
}
.wrapper #clientslovecontent.section .quote,
.wrapper #faqs.section .quote,
.wrapper #yumi.section .content .quote {
  background-color: #f7f7f7;
  font-size: 90%;
  padding: 2rem;
  color: #000;
}
.wrapper #clientslovecontent.section .quote p,
.wrapper #faqs.section .quote p,
.wrapper #yumi.section .content .quote p {
  text-align: center;
}
.wrapper #clientslovecontent.section .quote p:before,
.wrapper #clientslovecontent.section .quote p:after,
.wrapper #faqs.section .quote p:before,
.wrapper #faqs.section .quote p:after,
.wrapper #yumi.section .content .quote p:before,
.wrapper #yumi.section .content .quote p:after {
  position: absolute;
  font-size: 3em;
  color: #ee2a7b;
  font-family: "Montserrat Bold", helvetica, arial, sans-serif;
  line-height: 1;
}
.wrapper #clientslovecontent.section .quote p:before,
.wrapper #faqs.section .quote p:before,
.wrapper #yumi.section .content .quote p:before {
  content: "“";
  left: 1.5rem;
  top: 1.5rem;
}
.wrapper #clientslovecontent.section .quote p:after,
.wrapper #faqs.section .quote p:after,
.wrapper #yumi.section .content .quote p:after {
  content: "”";
  right: 2rem;
  bottom: 0rem;
}
.wrapper #clientslovecontent.section .quote.signature,
.wrapper #faqs.section .quote.signature,
.wrapper #yumi.section .content .quote.signature {
  background-color: #ee2a7b;
  color: #fff;
  font-size: 100%;
}
.wrapper #clientslovecontent.section .quote.signature :before,
.wrapper #clientslovecontent.section .quote.signature :after,
.wrapper #faqs.section .quote.signature :before,
.wrapper #faqs.section .quote.signature :after,
.wrapper #yumi.section .content .quote.signature :before,
.wrapper #yumi.section .content .quote.signature :after {
  color: #fff;
}
.wrapper #clientslovecontent.section .eight.wide.column,
.wrapper #faqs.section .eight.wide.column,
.wrapper #yumi.section .content .eight.wide.column {
  margin-bottom: 4rem;
}
@media (max-width: 1023px) {
  .wrapper #clientslovecontent.section .eight.wide.column,
  .wrapper #faqs.section .eight.wide.column,
  .wrapper #yumi.section .content .eight.wide.column {
    margin-bottom: 0;
  }
}
.wrapper
  #clientslovecontent.section
  .eight.wide.column:nth-child(odd)
  .ui.grid.bottom.aligned:nth-child(odd)
  .quote,
.wrapper
  #clientslovecontent.section
  .eight.wide.column:nth-child(even)
  .ui.grid.bottom.aligned:nth-child(even)
  .quote,
.wrapper #clientslovecontent.section .sixteen.wide .quote,
.wrapper
  #faqs.section
  .eight.wide.column:nth-child(odd)
  .ui.grid.bottom.aligned:nth-child(odd)
  .quote,
.wrapper
  #faqs.section
  .eight.wide.column:nth-child(even)
  .ui.grid.bottom.aligned:nth-child(even)
  .quote,
.wrapper #faqs.section .sixteen.wide .quote,
.wrapper
  #yumi.section
  .content
  .eight.wide.column:nth-child(odd)
  .ui.grid.bottom.aligned:nth-child(odd)
  .quote,
.wrapper
  #yumi.section
  .content
  .eight.wide.column:nth-child(even)
  .ui.grid.bottom.aligned:nth-child(even)
  .quote,
.wrapper #yumi.section .content .sixteen.wide .quote {
  border-radius: 0.5rem;
}
.wrapper
  #clientslovecontent.section
  .eight.wide.column:nth-child(odd)
  .ui.grid.bottom.aligned:nth-child(odd)
  .quote:after,
.wrapper
  #clientslovecontent.section
  .eight.wide.column:nth-child(even)
  .ui.grid.bottom.aligned:nth-child(even)
  .quote:after,
.wrapper #clientslovecontent.section .sixteen.wide .quote:after,
.wrapper
  #faqs.section
  .eight.wide.column:nth-child(odd)
  .ui.grid.bottom.aligned:nth-child(odd)
  .quote:after,
.wrapper
  #faqs.section
  .eight.wide.column:nth-child(even)
  .ui.grid.bottom.aligned:nth-child(even)
  .quote:after,
.wrapper #faqs.section .sixteen.wide .quote:after,
.wrapper
  #yumi.section
  .content
  .eight.wide.column:nth-child(odd)
  .ui.grid.bottom.aligned:nth-child(odd)
  .quote:after,
.wrapper
  #yumi.section
  .content
  .eight.wide.column:nth-child(even)
  .ui.grid.bottom.aligned:nth-child(even)
  .quote:after,
.wrapper #yumi.section .content .sixteen.wide .quote:after {
  background-image: URL("../assets/quotespeechgreyleft.svg");
  background-repeat: no-repeat;
  position: absolute;
  left: -0.5rem;
  bottom: 2rem;
  content: "";
  width: 25px;
  height: 100px;
}
.wrapper
  #clientslovecontent.section
  .eight.wide.column:nth-child(odd)
  .ui.grid.bottom.aligned:nth-child(odd)
  .quote.signature:after,
.wrapper
  #clientslovecontent.section
  .eight.wide.column:nth-child(even)
  .ui.grid.bottom.aligned:nth-child(even)
  .quote.signature:after,
.wrapper #clientslovecontent.section .sixteen.wide .quote.signature:after,
.wrapper
  #faqs.section
  .eight.wide.column:nth-child(odd)
  .ui.grid.bottom.aligned:nth-child(odd)
  .quote.signature:after,
.wrapper
  #faqs.section
  .eight.wide.column:nth-child(even)
  .ui.grid.bottom.aligned:nth-child(even)
  .quote.signature:after,
.wrapper #faqs.section .sixteen.wide .quote.signature:after,
.wrapper
  #yumi.section
  .content
  .eight.wide.column:nth-child(odd)
  .ui.grid.bottom.aligned:nth-child(odd)
  .quote.signature:after,
.wrapper
  #yumi.section
  .content
  .eight.wide.column:nth-child(even)
  .ui.grid.bottom.aligned:nth-child(even)
  .quote.signature:after,
.wrapper #yumi.section .content .sixteen.wide .quote.signature:after {
  background-image: URL("../assets/quotespeechsecondaryleft.svg");
}
@media (max-width: 499px) {
  .wrapper
    #clientslovecontent.section
    .eight.wide.column:nth-child(odd)
    .ui.grid.bottom.aligned:nth-child(odd)
    .quote:after,
  .wrapper
    #clientslovecontent.section
    .eight.wide.column:nth-child(even)
    .ui.grid.bottom.aligned:nth-child(even)
    .quote:after,
  .wrapper #clientslovecontent.section .sixteen.wide .quote:after,
  .wrapper
    #faqs.section
    .eight.wide.column:nth-child(odd)
    .ui.grid.bottom.aligned:nth-child(odd)
    .quote:after,
  .wrapper
    #faqs.section
    .eight.wide.column:nth-child(even)
    .ui.grid.bottom.aligned:nth-child(even)
    .quote:after,
  .wrapper #faqs.section .sixteen.wide .quote:after,
  .wrapper
    #yumi.section
    .content
    .eight.wide.column:nth-child(odd)
    .ui.grid.bottom.aligned:nth-child(odd)
    .quote:after,
  .wrapper
    #yumi.section
    .content
    .eight.wide.column:nth-child(even)
    .ui.grid.bottom.aligned:nth-child(even)
    .quote:after,
  .wrapper #yumi.section .content .sixteen.wide .quote:after {
    width: 100px;
    height: 25px;
    background-image: URL("../assets/quotespeechgreybottom.svg");
    left: calc(50% - 47px);
    bottom: -0.5rem;
  }
}
.wrapper
  #clientslovecontent.section
  .eight.wide.column:nth-child(odd)
  .ui.grid.bottom.aligned:nth-child(even)
  .quote,
.wrapper
  #clientslovecontent.section
  .eight.wide.column:nth-child(even)
  .ui.grid.bottom.aligned:nth-child(odd)
  .quote,
.wrapper
  #faqs.section
  .eight.wide.column:nth-child(odd)
  .ui.grid.bottom.aligned:nth-child(even)
  .quote,
.wrapper
  #faqs.section
  .eight.wide.column:nth-child(even)
  .ui.grid.bottom.aligned:nth-child(odd)
  .quote,
.wrapper
  #yumi.section
  .content
  .eight.wide.column:nth-child(odd)
  .ui.grid.bottom.aligned:nth-child(even)
  .quote,
.wrapper
  #yumi.section
  .content
  .eight.wide.column:nth-child(even)
  .ui.grid.bottom.aligned:nth-child(odd)
  .quote {
  border-radius: 0.5rem;
}
.wrapper
  #clientslovecontent.section
  .eight.wide.column:nth-child(odd)
  .ui.grid.bottom.aligned:nth-child(even)
  .quote:after,
.wrapper
  #clientslovecontent.section
  .eight.wide.column:nth-child(even)
  .ui.grid.bottom.aligned:nth-child(odd)
  .quote:after,
.wrapper
  #faqs.section
  .eight.wide.column:nth-child(odd)
  .ui.grid.bottom.aligned:nth-child(even)
  .quote:after,
.wrapper
  #faqs.section
  .eight.wide.column:nth-child(even)
  .ui.grid.bottom.aligned:nth-child(odd)
  .quote:after,
.wrapper
  #yumi.section
  .content
  .eight.wide.column:nth-child(odd)
  .ui.grid.bottom.aligned:nth-child(even)
  .quote:after,
.wrapper
  #yumi.section
  .content
  .eight.wide.column:nth-child(even)
  .ui.grid.bottom.aligned:nth-child(odd)
  .quote:after {
  background-image: URL("../assets/quotespeechgreyright.svg");
  background-repeat: no-repeat;
  position: absolute;
  right: -0.5rem;
  left: initial;
  bottom: 2rem;
  content: "";
  width: 25px;
  height: 100px;
}
.wrapper
  #clientslovecontent.section
  .eight.wide.column:nth-child(odd)
  .ui.grid.bottom.aligned:nth-child(even)
  .quote.signature:after,
.wrapper
  #clientslovecontent.section
  .eight.wide.column:nth-child(even)
  .ui.grid.bottom.aligned:nth-child(odd)
  .quote.signature:after,
.wrapper
  #faqs.section
  .eight.wide.column:nth-child(odd)
  .ui.grid.bottom.aligned:nth-child(even)
  .quote.signature:after,
.wrapper
  #faqs.section
  .eight.wide.column:nth-child(even)
  .ui.grid.bottom.aligned:nth-child(odd)
  .quote.signature:after,
.wrapper
  #yumi.section
  .content
  .eight.wide.column:nth-child(odd)
  .ui.grid.bottom.aligned:nth-child(even)
  .quote.signature:after,
.wrapper
  #yumi.section
  .content
  .eight.wide.column:nth-child(even)
  .ui.grid.bottom.aligned:nth-child(odd)
  .quote.signature:after {
  background-image: URL("../assets/quotespeechsecondaryright.svg");
}
@media (max-width: 499px) {
  .wrapper
    #clientslovecontent.section
    .eight.wide.column:nth-child(odd)
    .ui.grid.bottom.aligned:nth-child(even)
    .quote:after,
  .wrapper
    #clientslovecontent.section
    .eight.wide.column:nth-child(even)
    .ui.grid.bottom.aligned:nth-child(odd)
    .quote:after,
  .wrapper
    #faqs.section
    .eight.wide.column:nth-child(odd)
    .ui.grid.bottom.aligned:nth-child(even)
    .quote:after,
  .wrapper
    #faqs.section
    .eight.wide.column:nth-child(even)
    .ui.grid.bottom.aligned:nth-child(odd)
    .quote:after,
  .wrapper
    #yumi.section
    .content
    .eight.wide.column:nth-child(odd)
    .ui.grid.bottom.aligned:nth-child(even)
    .quote:after,
  .wrapper
    #yumi.section
    .content
    .eight.wide.column:nth-child(even)
    .ui.grid.bottom.aligned:nth-child(odd)
    .quote:after {
    width: 100px;
    height: 25px;
    background-image: URL("../assets/quotespeechgreybottom.svg");
    left: calc(50% - 47px);
    bottom: -0.5rem;
  }
}
.wrapper #faqs.section .title {
  padding: 2rem 3rem;
}
.wrapper #faqs.section .title h2 {
  margin: 0;
}
.wrapper #faqs.section .content p,
.wrapper #faqs.section .content ul,
.wrapper #faqs.section .content li,
.wrapper #faqs.section .content ol {
  font-size: 1rem;
}
.wrapper #faqs.section .content .framed {
  margin: 2rem 0 0;
}
.wrapper #faqs.section .content a.btn {
  font-size: 1rem;
  margin: 0.5rem 1rem 0 0;
}
@media (max-width: 1023px) {
  .wrapper #faqs.section .eight.column {
    width: 100% !important;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media (max-width: 1023px) {
  .wrapper #faqs.section .eight.column .faq6 {
    margin-bottom: 0;
  }
}
.wrapper #yumi.section {
  padding-top: 0;
}
.wrapper #yumi.section .yumipres img.terminal {
  width: 80%;
  margin: 0 auto;
  display: block;
}
.wrapper #yumi.section .yumipres h2 {
  margin-top: 0;
}
.wrapper #yumi.section .yumipres .eight.wide.column {
  margin-bottom: 2rem;
}
.wrapper #yumi.section .yumipres .content {
  background-color: #fff;
  padding: 0;
}
.wrapper #yumi.section .yumipres .content .wordline .four.wide,
.wrapper #yumi.section .yumipres .content .wordline .quote p:before,
.wrapper #yumi.section .yumipres .content .wordline .quote p:after {
  color: #00bfab;
}
.wrapper #yumi.section h3 {
  font-size: 3rem;
}
.wrapper #yumi.section h4 {
  margin-top: 3rem;
}
.wrapper #yumi.section .slideryumi .five.column {
  text-align: right;
}
.wrapper #yumi.section .slideryumi .five.column img {
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
}
.wrapper #yumi.section .question .three.column {
  margin-top: 1rem;
}
.wrapper #yumi.section .question .three.column .column {
  display: grid;
}
.wrapper #yumi.section .question .three.column .column .box {
  background-color: #f7f7f7;
  padding: 2rem;
  text-align: center;
  border-radius: 0.5rem;
  margin-bottom: 2rem;
}
.wrapper #yumi.section .question .highlightyumi .four.wide {
  text-align: center;
}
.wrapper #yumi.section .question .highlightyumi .four.wide img {
  width: 100%;
  max-width: 100px;
}
.wrapper #yumi.section .question .highlightyumi h4 {
  margin-top: 0;
}
.wrapper #yumi.section .videos img {
  width: 100%;
  margin-bottom: 1.5rem;
}
.wrapper #contact.section #map {
  height: 550px;
}
.wrapper #videos.section h1 {
  margin-bottom: 4rem;
}
.wrapper #videos.section h4 {
  margin-bottom: 2rem;
}
.wrapper #videos.section .column img {
  width: 100%;
  margin-bottom: 2rem;
  cursor: pointer;
}
.wrapper #newsletter.section .column img {
  width: 100%;
  margin-bottom: 2rem;
  cursor: pointer;
}
.wrapper #newsletter.section .column .date {
  color: #888;
}
.wrapper #references.section .column .column {
  text-align: center;
}
@media (max-width: 859px) {
  .wrapper #references.section .column .column {
    width: 33%;
  }
}
@media (max-width: 499px) {
  .wrapper #references.section .column .column {
    width: 50%;
  }
}
@media (max-width: 399px) {
  .wrapper #references.section .column .column {
    width: 100%;
  }
}
.wrapper #references.section .column .column img {
  max-width: 100%;
  margin: 2rem 0;
  cursor: pointer;
  text-align: center;
}
@media (max-width: 1023px) {
  .wrapper #references.section .column .column img {
    width: 80% !important;
  }
}
@media (max-width: 859px) {
  .wrapper #references.section .column .column img {
    width: 100%;
    max-width: 150px;
  }
}
@media (max-width: 609px) {
  .wrapper #references.section .column .column img {
    margin-bottom: 0;
  }
}
.wrapper #references.section .column .column .date {
  color: #888;
}
.wrapper #references.section .column .column p {
  font-size: 90%;
  color: #aaa;
}
.wrapper #references.section .column .column p.support {
  font-size: 100%;
}
.wrapper #references.section .column .column p.support i {
  color: #ccc;
  margin: 0 1rem 1rem;
}
.wrapper #references.section .column .column p.support i.on {
  color: #004070;
}
.wrapper #references.section .integrators .column .box {
  border: solid 1px #ededed;
  border-radius: 0.5rem;
}
@media (max-width: 859px) {
  .wrapper #references.section .integrators .column {
    width: 50%;
  }
}
@media (max-width: 499px) {
  .wrapper #references.section .integrators .column {
    width: 100%;
  }
}
@media (max-width: 1023px) {
  .wrapper #references.section .integrators .column img {
    width: 100% !important;
    max-width: 200px;
  }
}
@media (max-width: 609px) {
  .wrapper #references.section .integrators .column img {
    margin-bottom: 0;
  }
}
.wrapper #references.section .integrators .column p:not(.support) {
  border-top: solid 1px #ededed;
  padding: 1rem 1rem 0 1rem;
}
.wrapper #pricing.section {
  text-align: center;
}
.wrapper #pricing.section h2 {
  margin-top: 0;
}
.wrapper #pricing.section .allsteps {
  width: 80%;
  border-radius: 1rem;
  border: solid 10px #ededed;
  text-align: center;
  padding: 3rem 4rem 4rem 4rem;
  margin: 3rem auto 0 auto;
  position: relative;
}
@media (max-width: 1023px) {
  .wrapper #pricing.section .allsteps {
    width: 100% !important;
  }
}
@media (max-width: 609px) {
  .wrapper #pricing.section .allsteps {
    padding: 1rem 2rem 2rem 2rem;
  }
}
@media (max-width: 499px) {
  .wrapper #pricing.section .allsteps {
    padding: 1rem;
  }
}
@media (max-width: 399px) {
  .wrapper #pricing.section .allsteps {
    padding: 0.5rem;
  }
}
.wrapper #pricing.section .allsteps .step {
  background-color: #ee2a7b;
  padding: 0.55rem 0.5rem 0.45rem;
  border-radius: 50%;
  color: #fff;
  font-family: "Montserrat Bold", helvetica, arial, sans-serif;
  font-size: 140%;
  position: absolute;
  top: -1.9rem;
  right: -1.9rem;
  width: 53px;
}
.wrapper #pricing.section .allsteps input.big {
  max-width: 500px;
  font-size: 3rem;
  font-family: "Montserrat Bold", helvetica, arial, sans-serif;
  text-align: center;
  color: #004070;
  margin: 0 auto;
  padding: 1rem 0.75rem 0.75rem 0.75rem;
}
@media (max-width: 859px) {
  .wrapper #pricing.section .allsteps input.big {
    width: 100% !important;
  }
}
@media (max-width: 609px) {
  .wrapper #pricing.section .allsteps input.big {
    font-size: 2rem;
  }
}
@media (max-width: 499px) {
  .wrapper #pricing.section .allsteps input.big {
    font-size: 1.5rem;
  }
}
.wrapper #pricing.section .allsteps table.pricing {
  margin: 2rem auto;
  border: solid 20px #004070;
  border-radius: 0.5rem;
  background-color: #004070;
  color: #fff;
  border-spacing: 0;
  min-width: 70%;
}
@media (max-width: 609px) {
  .wrapper #pricing.section .allsteps table.pricing {
    text-align: left;
  }
}
.wrapper #pricing.section .allsteps table.pricing td {
  padding: 0 0.5rem 1rem 0.5rem;
}
@media (max-width: 609px) {
  .wrapper #pricing.section .allsteps table.pricing td {
    float: left;
    width: 100%;
    padding-bottom: 0.5rem;
  }
}
@media (max-width: 609px) {
  .wrapper #pricing.section .allsteps table.pricing td:nth-child(2) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    margin-bottom: 0.5rem;
  }
}
.wrapper #pricing.section .allsteps table.pricing tr:first-child td {
  padding-top: 0.5rem;
}
@media (max-width: 609px) {
  .wrapper #pricing.section .allsteps table.pricing tr:first-child td {
    padding-top: 0;
  }
}
.wrapper #pricing.section .allsteps table.pricing tr.total td {
  font-size: 120%;
  font-family: "Montserrat Bold", helvetica, arial, sans-serif;
  color: #ee2a7b;
  border-top: solid 1px #fff;
  padding-top: 1.5rem;
}
@media (max-width: 609px) {
  .wrapper #pricing.section .allsteps table.pricing tr.total td {
    padding-top: 0.5rem;
  }
}
@media (max-width: 609px) {
  .wrapper #pricing.section .allsteps table.pricing tr.total td:nth-child(2) {
    padding-top: 0;
    border-top: none;
  }
}
@media (max-width: 609px) {
  .wrapper #pricing.section .allsteps table.pricing tr:nth-last-child(1) td,
  .wrapper #pricing.section .allsteps table.pricing tr:nth-last-child(2) td {
    border-bottom: none;
    margin-bottom: 0;
  }
}
.wrapper #pricing.section .allsteps form {
  margin-top: 3rem;
}
.wrapper #pricing.section .allsteps form label {
  text-align: left;
}
@media (max-width: 1279px) {
  .wrapper #blog.section .column .column {
    width: 50% !important;
  }
}
@media (max-width: 1023px) {
  .wrapper #blog.section .column .column {
    width: 100% !important;
  }
}
.wrapper #blog.section .column .column .blog-message-image {
  text-align: center;
  border: solid 1px #f7f7f7;
  margin-bottom: 2rem;
}
.wrapper #blog.section .column .column .blog-message-image img {
  max-width: 100%;
  cursor: pointer;
}
.wrapper #blog.section .column .column .blog-message-text {
  margin-bottom: 3rem;
}
.wrapper #blog.section .column .column .blog-message-text .message-title a {
  color: #000;
  font-family: "Montserrat Bold", helvetica, arial, sans-serif;
}
.wrapper #blog.section .column .column .blog-message-text .message-details {
  color: #888;
  padding: 1em 0;
  font-size: 85%;
}
.wrapper #blog.section .column .column .blog-message-text .message-summary {
  font-size: 85%;
}
.wrapper #blog.section .column .column .blog-message-text .message-actions a {
  text-align: center;
  padding: 0.5rem 0.6rem;
  background-color: #ee2a7b;
  color: #fff;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  -webkit-transition: all 0.5s ease-out !important;
  -moz-transition: all 0.5s ease-out !important;
  -o-transition: all 0.5s ease-out !important;
  transition: all 0.5s ease-out !important;
  display: inline-block;
  margin-right: 0.25rem;
}
.wrapper
  #blog.section
  .column
  .column
  .blog-message-text
  .message-actions
  a:hover {
  background-color: #004070;
  color: #fff;
}
.wrapper #blog.section .column .column .blog-message-text .message-readmore {
  margin-bottom: 0.9rem;
}
.wrapper .section.grey {
  background-color: #f7f7f7;
}

.wrapper .section.blue {
  background-color: #0FA8CD;
}
.wrapper .section.primary {
  background-color: #004070;
}
.wrapper .section.primary p,
.wrapper .section.primary h2,
.wrapper .section.primary ul,
.wrapper .section.primary h4 {
  color: #fff;
}
.wrapper .section.secondary {
  background-color: #ee2a7b;
}
.wrapper .section.secondary p,
.wrapper .section.secondary h2,
.wrapper .section.secondary ul,
.wrapper .section.secondary h4 {
  color: #fff;
}
.wrapper .section.tertiary {
  background-color: #00a8cd;
}
.wrapper .section.tertiary p,
.wrapper .section.tertiary h2,
.wrapper .section.tertiary ul,
.wrapper .section.tertiary h4 {
  color: #fff;
}
.wrapper .section.activitymaptitle {
  background-color: #ee2a7b;
  padding: 2rem 0;
}
.wrapper .section.activitymaptitle h2 {
  margin: 0 auto !important;
  font-size: 2rem;
  color: #fff;
  max-width: 70%;
}
@media (max-width: 1439px) {
  .wrapper .section.activitymaptitle h2 {
    font-size: 1.5rem;
  }
}
.wrapper .section.activitymap {
  padding: 0;
}
.wrapper #yumimore {
  background-image: linear-gradient(90deg, #9fd091 0%, #6768e1 100%);
  color: #fff;
  padding: 0;
}
.wrapper #yumimore .ui.grid {
  padding: 4rem 0;
}
.wrapper #yumimore .ui.grid .ui.grid {
  padding: 0;
}
.wrapper #yumimore .ui.grid h4 {
  color: #fff;
}
.wrapper #yumimore .ui.grid img {
  max-width: 200px;
  width: 100%;
}
.wrapper #yumimore .ui.grid .btn {
  margin-bottom: 0;
}
.wrapper #yumimore .ui.grid .btn.outline:hover {
  color: #004070;
  border-color: #004070;
}
.wrapper #yumimore .ui.grid .btn.solid:hover {
  background-color: #fff !important;
  color: #004070 !important;
  border-color: #fff !important;
}
@media (max-width: 1023px) {
  .wrapper #yumimore {
    text-align: center;
  }
}
#page_core_forwho .section:not(#speed) {
  text-align: center;
  display: block;
  position: relative;
}
#page_core_forwho #marketeers.section:not(#speed) {
  padding-top: 0;
}
#page_core_forwho .section:not(#speed) h2 {
  margin-top: 0 !important;
}
#page_core_forwho .section:not(#speed) .title {
  text-align: left;
}
#page_core_forwho .section:not(#speed) .title h2 {
  margin-bottom: 1rem !important;
  text-align: left !important;
}
#page_core_forwho .section:not(#speed) .titleimg img {
  width: 100%;
  max-width: 350px;
  margin: 0 auto;
}
@media (max-width: 859px) {
  #page_core_forwho .section:not(#speed) .titleimg img {
    max-width: 200px;
  }
}
#page_core_forwho .section:not(#speed) .grid {
  margin-bottom: 2rem;
}
@media (max-width: 859px) {
  #page_core_forwho .section:not(#speed) .grid .column.five.wide {
    width: 100% !important;
    order: 1;
  }
}
@media (max-width: 859px) {
  #page_core_forwho .section:not(#speed) .grid .column.eleven.wide {
    width: 100% !important;
    order: 2;
  }
}
@media (max-width: 1023px) {
  #page_core_forwho .section:not(#speed) .grid .column.eight.wide,
  #page_core_forwho .section:not(#speed) .grid .column.four.wide {
    width: 50% !important;
  }
}
@media (max-width: 609px) {
  #page_core_forwho .section:not(#speed) .grid .column.eight.wide,
  #page_core_forwho .section:not(#speed) .grid .column.four.wide {
    width: 100% !important;
  }
}
#page_core_forwho .section:not(#speed) .grid .column .box {
  background-color: #f7f7f7;
  border-radius: 0.5rem;
  text-align: center;
  padding: 2rem 3rem;
  color: #004070 !important;
  -webkit-transition: all 0.5s ease-out !important;
  -moz-transition: all 0.5s ease-out !important;
  -o-transition: all 0.5s ease-out !important;
  transition: all 0.5s ease-out !important;
}
@media (max-width: 1279px) {
  #page_core_forwho .section:not(#speed) .grid .column .box {
    padding: 2rem 1rem;
  }
}
#page_core_forwho .section:not(#speed) .grid .column .box .more {
  position: absolute;
  right: 2rem;
  bottom: 2rem;
  color: #ee2a7b !important;
}
#page_core_forwho .section:not(#speed) .grid .column .box:hover {
  background-color: #ee2a7b;
  color: #fff !important;
}
#page_core_forwho .section:not(#speed) .grid .column .box:hover .more {
  color: #fff !important;
}
#page_core_forwho .section.secondary:not(#speed) .box:hover {
  background-color: #004070;
}
#page_core_solutionsfreedelityfile .staticillu,
#page_core_solutionsccmodules .staticillu,
#page_core_solutionsmyfreedelity .staticillu,
#page_core_solutionscollect .staticillu,
#page_core_solutionscollectqr .staticillu,
#page_core_solutionscollectkiosks .staticillu,
#page_core_solutionscollectyumi .staticillu,
.functionalities .staticillu {
  text-align: center;
  padding-top: 0rem;
}
#page_core_solutionsfreedelityfile .staticillu img,
#page_core_solutionsccmodules .staticillu img,
#page_core_solutionsmyfreedelity .staticillu img,
#page_core_solutionscollect .staticillu img,
#page_core_solutionscollectqr .staticillu img,
#page_core_solutionscollectkiosks .staticillu img,
#page_core_solutionscollectyumi .staticillu img,
.functionalities .staticillu img {
  max-width: 400px;
}
@media (max-width: 1023px) {
  #page_core_solutionsfreedelityfile .staticillu img,
  #page_core_solutionsccmodules .staticillu img,
  #page_core_solutionsmyfreedelity .staticillu img,
  #page_core_solutionscollect .staticillu img,
  #page_core_solutionscollectqr .staticillu img,
  #page_core_solutionscollectkiosks .staticillu img,
  #page_core_solutionscollectyumi .staticillu img,
  .functionalities .staticillu img {
    max-width: 250px !important;
    margin-bottom: 2rem;
  }
}
#page_core_solutionsfreedelityfile.section:not(:first-of-type) h2,
#page_core_solutionsccmodules.section:not(:first-of-type) h2,
#page_core_solutionsmyfreedelity.section:not(:first-of-type) h2,
#page_core_solutionscollect.section:not(:first-of-type) h2,
#page_core_solutionscollectqr.section:not(:first-of-type) h2,
#page_core_solutionscollectkiosks.section:not(:first-of-type) h2,
#page_core_solutionscollectyumi.section:not(:first-of-type) h2,
.functionalities.section:not(:first-of-type) h2 {
  margin-top: 0 !important;
}
#page_core_solutionsfreedelityfile .mfillu img,
#page_core_solutionsccmodules .mfillu img,
#page_core_solutionsmyfreedelity .mfillu img,
#page_core_solutionscollect .mfillu img,
#page_core_solutionscollectqr .mfillu img,
#page_core_solutionscollectkiosks .mfillu img,
#page_core_solutionscollectyumi .mfillu img,
.functionalities .mfillu img {
  width: 100%;
}
#page_core_solutionsfreedelityfile #myfreedelity .btn.outline.primary:hover,
#page_core_solutionsccmodules #myfreedelity .btn.outline.primary:hover,
#page_core_solutionsmyfreedelity #myfreedelity .btn.outline.primary:hover,
#page_core_solutionscollect #myfreedelity .btn.outline.primary:hover,
#page_core_solutionscollectqr #myfreedelity .btn.outline.primary:hover,
#page_core_solutionscollectkiosks #myfreedelity .btn.outline.primary:hover,
#page_core_solutionscollectyumi #myfreedelity .btn.outline.primary:hover,
.functionalities #myfreedelity .btn.outline.primary:hover {
  color: #fff;
  border-color: #fff;
}
#page_core_solutionsfreedelityfile #myfreedelity .download,
#page_core_solutionsccmodules #myfreedelity .download,
#page_core_solutionsmyfreedelity #myfreedelity .download,
#page_core_solutionscollect #myfreedelity .download,
#page_core_solutionscollectqr #myfreedelity .download,
#page_core_solutionscollectkiosks #myfreedelity .download,
#page_core_solutionscollectyumi #myfreedelity .download,
.functionalities #myfreedelity .download {
  margin: 2rem 0;
  color: #fff;
}
@media (max-width: 1023px) {
  #page_core_solutionsfreedelityfile #myfreedelity .six.wide,
  #page_core_solutionsccmodules #myfreedelity .six.wide,
  #page_core_solutionsmyfreedelity #myfreedelity .six.wide,
  #page_core_solutionscollect #myfreedelity .six.wide,
  #page_core_solutionscollectqr #myfreedelity .six.wide,
  #page_core_solutionscollectkiosks #myfreedelity .six.wide,
  #page_core_solutionscollectyumi #myfreedelity .six.wide,
  .functionalities #myfreedelity .six.wide {
    text-align: center;
  }
}
@media (max-width: 1279px) {
  #page_core_solutionsfreedelityfile
    #myfreedelity
    .six.wide
    .appdownload
    .column,
  #page_core_solutionsccmodules #myfreedelity .six.wide .appdownload .column,
  #page_core_solutionsmyfreedelity #myfreedelity .six.wide .appdownload .column,
  #page_core_solutionscollect #myfreedelity .six.wide .appdownload .column,
  #page_core_solutionscollectqr #myfreedelity .six.wide .appdownload .column,
  #page_core_solutionscollectkiosks
    #myfreedelity
    .six.wide
    .appdownload
    .column,
  #page_core_solutionscollectyumi #myfreedelity .six.wide .appdownload .column,
  .functionalities #myfreedelity .six.wide .appdownload .column {
    width: 100% !important;
  }
}
#page_core_solutionsfreedelityfile
  #myfreedelity
  .six.wide
  .appdownload
  .column
  img,
#page_core_solutionsccmodules #myfreedelity .six.wide .appdownload .column img,
#page_core_solutionsmyfreedelity
  #myfreedelity
  .six.wide
  .appdownload
  .column
  img,
#page_core_solutionscollect #myfreedelity .six.wide .appdownload .column img,
#page_core_solutionscollectqr #myfreedelity .six.wide .appdownload .column img,
#page_core_solutionscollectkiosks
  #myfreedelity
  .six.wide
  .appdownload
  .column
  img,
#page_core_solutionscollectyumi
  #myfreedelity
  .six.wide
  .appdownload
  .column
  img,
.functionalities #myfreedelity .six.wide .appdownload .column img {
  max-width: 250px;
}
@media (max-width: 1439px) {
  #page_core_solutionsfreedelityfile .ccmodulessubitem,
  #page_core_solutionsccmodules .ccmodulessubitem,
  #page_core_solutionsmyfreedelity .ccmodulessubitem,
  #page_core_solutionscollect .ccmodulessubitem,
  #page_core_solutionscollectqr .ccmodulessubitem,
  #page_core_solutionscollectkiosks .ccmodulessubitem,
  #page_core_solutionscollectyumi .ccmodulessubitem,
  .functionalities .ccmodulessubitem {
    padding-top: 0 !important;
    margin-bottom: 0 !important;
  }
}
#page_core_solutionsfreedelityfile .ccmodulessubitem .column,
#page_core_solutionsccmodules .ccmodulessubitem .column,
#page_core_solutionsmyfreedelity .ccmodulessubitem .column,
#page_core_solutionscollect .ccmodulessubitem .column,
#page_core_solutionscollectqr .ccmodulessubitem .column,
#page_core_solutionscollectkiosks .ccmodulessubitem .column,
#page_core_solutionscollectyumi .ccmodulessubitem .column,
.functionalities .ccmodulessubitem .column {
  display: grid !important;
}
#page_core_solutionsfreedelityfile .ccmodulessubitem h4,
#page_core_solutionsccmodules .ccmodulessubitem h4,
#page_core_solutionsmyfreedelity .ccmodulessubitem h4,
#page_core_solutionscollect .ccmodulessubitem h4,
#page_core_solutionscollectqr .ccmodulessubitem h4,
#page_core_solutionscollectkiosks .ccmodulessubitem h4,
#page_core_solutionscollectyumi .ccmodulessubitem h4,
.functionalities .ccmodulessubitem h4 {
  color: #fff;
}
#page_core_solutionsfreedelityfile .subright,
#page_core_solutionsfreedelityfile .subleft,
#page_core_solutionsccmodules .subright,
#page_core_solutionsccmodules .subleft,
#page_core_solutionsmyfreedelity .subright,
#page_core_solutionsmyfreedelity .subleft,
#page_core_solutionscollect .subright,
#page_core_solutionscollect .subleft,
#page_core_solutionscollectqr .subright,
#page_core_solutionscollectqr .subleft,
#page_core_solutionscollectkiosks .subright,
#page_core_solutionscollectkiosks .subleft,
#page_core_solutionscollectyumi .subright,
#page_core_solutionscollectyumi .subleft,
.functionalities .subright,
.functionalities .subleft {
  margin-bottom: 2rem;
  padding-top: 3rem;
}
@media (max-width: 609px) {
  #page_core_solutionsfreedelityfile .subright,
  #page_core_solutionsfreedelityfile .subleft,
  #page_core_solutionsccmodules .subright,
  #page_core_solutionsccmodules .subleft,
  #page_core_solutionsmyfreedelity .subright,
  #page_core_solutionsmyfreedelity .subleft,
  #page_core_solutionscollect .subright,
  #page_core_solutionscollect .subleft,
  #page_core_solutionscollectqr .subright,
  #page_core_solutionscollectqr .subleft,
  #page_core_solutionscollectkiosks .subright,
  #page_core_solutionscollectkiosks .subleft,
  #page_core_solutionscollectyumi .subright,
  #page_core_solutionscollectyumi .subleft,
  .functionalities .subright,
  .functionalities .subleft {
    margin-bottom: -2rem;
  }
}
#page_core_solutionsfreedelityfile .subright h2,
#page_core_solutionsfreedelityfile .subleft h2,
#page_core_solutionsccmodules .subright h2,
#page_core_solutionsccmodules .subleft h2,
#page_core_solutionsmyfreedelity .subright h2,
#page_core_solutionsmyfreedelity .subleft h2,
#page_core_solutionscollect .subright h2,
#page_core_solutionscollect .subleft h2,
#page_core_solutionscollectqr .subright h2,
#page_core_solutionscollectqr .subleft h2,
#page_core_solutionscollectkiosks .subright h2,
#page_core_solutionscollectkiosks .subleft h2,
#page_core_solutionscollectyumi .subright h2,
#page_core_solutionscollectyumi .subleft h2,
.functionalities .subright h2,
.functionalities .subleft h2 {
  text-align: left;
  margin-top: 0;
}
#page_core_solutionsfreedelityfile .subright:not(.firstitem) p,
#page_core_solutionsfreedelityfile .subright:not(.firstitem) ul,
#page_core_solutionsfreedelityfile .subleft:not(.firstitem) p,
#page_core_solutionsfreedelityfile .subleft:not(.firstitem) ul,
#page_core_solutionsccmodules .subright:not(.firstitem) p,
#page_core_solutionsccmodules .subright:not(.firstitem) ul,
#page_core_solutionsccmodules .subleft:not(.firstitem) p,
#page_core_solutionsccmodules .subleft:not(.firstitem) ul,
#page_core_solutionsmyfreedelity .subright:not(.firstitem) p,
#page_core_solutionsmyfreedelity .subright:not(.firstitem) ul,
#page_core_solutionsmyfreedelity .subleft:not(.firstitem) p,
#page_core_solutionsmyfreedelity .subleft:not(.firstitem) ul,
#page_core_solutionscollect .subright:not(.firstitem) p,
#page_core_solutionscollect .subright:not(.firstitem) ul,
#page_core_solutionscollect .subleft:not(.firstitem) p,
#page_core_solutionscollect .subleft:not(.firstitem) ul,
#page_core_solutionscollectqr .subright:not(.firstitem) p,
#page_core_solutionscollectqr .subright:not(.firstitem) ul,
#page_core_solutionscollectqr .subleft:not(.firstitem) p,
#page_core_solutionscollectqr .subleft:not(.firstitem) ul,
#page_core_solutionscollectkiosks .subright:not(.firstitem) p,
#page_core_solutionscollectkiosks .subright:not(.firstitem) ul,
#page_core_solutionscollectkiosks .subleft:not(.firstitem) p,
#page_core_solutionscollectkiosks .subleft:not(.firstitem) ul,
#page_core_solutionscollectyumi .subright:not(.firstitem) p,
#page_core_solutionscollectyumi .subright:not(.firstitem) ul,
#page_core_solutionscollectyumi .subleft:not(.firstitem) p,
#page_core_solutionscollectyumi .subleft:not(.firstitem) ul,
.functionalities .subright:not(.firstitem) p,
.functionalities .subright:not(.firstitem) ul,
.functionalities .subleft:not(.firstitem) p,
.functionalities .subleft:not(.firstitem) ul {
  font-size: 90%;
}
#page_core_solutionsfreedelityfile .subright .illu,
#page_core_solutionsfreedelityfile .subleft .illu,
#page_core_solutionsccmodules .subright .illu,
#page_core_solutionsccmodules .subleft .illu,
#page_core_solutionsmyfreedelity .subright .illu,
#page_core_solutionsmyfreedelity .subleft .illu,
#page_core_solutionscollect .subright .illu,
#page_core_solutionscollect .subleft .illu,
#page_core_solutionscollectqr .subright .illu,
#page_core_solutionscollectqr .subleft .illu,
#page_core_solutionscollectkiosks .subright .illu,
#page_core_solutionscollectkiosks .subleft .illu,
#page_core_solutionscollectyumi .subright .illu,
#page_core_solutionscollectyumi .subleft .illu,
.functionalities .subright .illu,
.functionalities .subleft .illu {
  text-align: center;
}
#page_core_solutionsfreedelityfile .subright .illu img,
#page_core_solutionsfreedelityfile .subleft .illu img,
#page_core_solutionsccmodules .subright .illu img,
#page_core_solutionsccmodules .subleft .illu img,
#page_core_solutionsmyfreedelity .subright .illu img,
#page_core_solutionsmyfreedelity .subleft .illu img,
#page_core_solutionscollect .subright .illu img,
#page_core_solutionscollect .subleft .illu img,
#page_core_solutionscollectqr .subright .illu img,
#page_core_solutionscollectqr .subleft .illu img,
#page_core_solutionscollectkiosks .subright .illu img,
#page_core_solutionscollectkiosks .subleft .illu img,
#page_core_solutionscollectyumi .subright .illu img,
#page_core_solutionscollectyumi .subleft .illu img,
.functionalities .subright .illu img,
.functionalities .subleft .illu img {
  max-width: 125px;
}
@media (max-width: 609px) {
  #page_core_solutionsfreedelityfile .subright .illu img,
  #page_core_solutionsfreedelityfile .subleft .illu img,
  #page_core_solutionsccmodules .subright .illu img,
  #page_core_solutionsccmodules .subleft .illu img,
  #page_core_solutionsmyfreedelity .subright .illu img,
  #page_core_solutionsmyfreedelity .subleft .illu img,
  #page_core_solutionscollect .subright .illu img,
  #page_core_solutionscollect .subleft .illu img,
  #page_core_solutionscollectqr .subright .illu img,
  #page_core_solutionscollectqr .subleft .illu img,
  #page_core_solutionscollectkiosks .subright .illu img,
  #page_core_solutionscollectkiosks .subleft .illu img,
  #page_core_solutionscollectyumi .subright .illu img,
  #page_core_solutionscollectyumi .subleft .illu img,
  .functionalities .subright .illu img,
  .functionalities .subleft .illu img {
    max-width: 80px;
  }
}
#page_core_solutionsfreedelityfile .subright.firstitem,
#page_core_solutionsfreedelityfile .subleft.firstitem,
#page_core_solutionsccmodules .subright.firstitem,
#page_core_solutionsccmodules .subleft.firstitem,
#page_core_solutionsmyfreedelity .subright.firstitem,
#page_core_solutionsmyfreedelity .subleft.firstitem,
#page_core_solutionscollect .subright.firstitem,
#page_core_solutionscollect .subleft.firstitem,
#page_core_solutionscollectqr .subright.firstitem,
#page_core_solutionscollectqr .subleft.firstitem,
#page_core_solutionscollectkiosks .subright.firstitem,
#page_core_solutionscollectkiosks .subleft.firstitem,
#page_core_solutionscollectyumi .subright.firstitem,
#page_core_solutionscollectyumi .subleft.firstitem,
.functionalities .subright.firstitem,
.functionalities .subleft.firstitem {
  border-top: none;
  padding-top: 0;
  margin-bottom: 0;
}
#page_core_solutionsfreedelityfile .subright.firstitem .illu img,
#page_core_solutionsfreedelityfile .subleft.firstitem .illu img,
#page_core_solutionsccmodules .subright.firstitem .illu img,
#page_core_solutionsccmodules .subleft.firstitem .illu img,
#page_core_solutionsmyfreedelity .subright.firstitem .illu img,
#page_core_solutionsmyfreedelity .subleft.firstitem .illu img,
#page_core_solutionscollect .subright.firstitem .illu img,
#page_core_solutionscollect .subleft.firstitem .illu img,
#page_core_solutionscollectqr .subright.firstitem .illu img,
#page_core_solutionscollectqr .subleft.firstitem .illu img,
#page_core_solutionscollectkiosks .subright.firstitem .illu img,
#page_core_solutionscollectkiosks .subleft.firstitem .illu img,
#page_core_solutionscollectyumi .subright.firstitem .illu img,
#page_core_solutionscollectyumi .subleft.firstitem .illu img,
.functionalities .subright.firstitem .illu img,
.functionalities .subleft.firstitem .illu img {
  max-width: 300px;
}
#page_core_solutionsfreedelityfile .subright .boxmod,
#page_core_solutionsfreedelityfile .subleft .boxmod,
#page_core_solutionsccmodules .subright .boxmod,
#page_core_solutionsccmodules .subleft .boxmod,
#page_core_solutionsmyfreedelity .subright .boxmod,
#page_core_solutionsmyfreedelity .subleft .boxmod,
#page_core_solutionscollect .subright .boxmod,
#page_core_solutionscollect .subleft .boxmod,
#page_core_solutionscollectqr .subright .boxmod,
#page_core_solutionscollectqr .subleft .boxmod,
#page_core_solutionscollectkiosks .subright .boxmod,
#page_core_solutionscollectkiosks .subleft .boxmod,
#page_core_solutionscollectyumi .subright .boxmod,
#page_core_solutionscollectyumi .subleft .boxmod,
.functionalities .subright .boxmod,
.functionalities .subleft .boxmod {
  padding: 2rem;
  background-color: rgba(0, 64, 112, 0.2);
  border-radius: 0.5rem;
}
#page_core_solutionsfreedelityfile .subright table,
#page_core_solutionsfreedelityfile .subleft table,
#page_core_solutionsccmodules .subright table,
#page_core_solutionsccmodules .subleft table,
#page_core_solutionsmyfreedelity .subright table,
#page_core_solutionsmyfreedelity .subleft table,
#page_core_solutionscollect .subright table,
#page_core_solutionscollect .subleft table,
#page_core_solutionscollectqr .subright table,
#page_core_solutionscollectqr .subleft table,
#page_core_solutionscollectkiosks .subright table,
#page_core_solutionscollectkiosks .subleft table,
#page_core_solutionscollectyumi .subright table,
#page_core_solutionscollectyumi .subleft table,
.functionalities .subright table,
.functionalities .subleft table {
  color: #fff;
}
#page_core_solutionsfreedelityfile .subright .pricingconfig .column,
#page_core_solutionsfreedelityfile .subleft .pricingconfig .column,
#page_core_solutionsccmodules .subright .pricingconfig .column,
#page_core_solutionsccmodules .subleft .pricingconfig .column,
#page_core_solutionsmyfreedelity .subright .pricingconfig .column,
#page_core_solutionsmyfreedelity .subleft .pricingconfig .column,
#page_core_solutionscollect .subright .pricingconfig .column,
#page_core_solutionscollect .subleft .pricingconfig .column,
#page_core_solutionscollectqr .subright .pricingconfig .column,
#page_core_solutionscollectqr .subleft .pricingconfig .column,
#page_core_solutionscollectkiosks .subright .pricingconfig .column,
#page_core_solutionscollectkiosks .subleft .pricingconfig .column,
#page_core_solutionscollectyumi .subright .pricingconfig .column,
#page_core_solutionscollectyumi .subleft .pricingconfig .column,
.functionalities .subright .pricingconfig .column,
.functionalities .subleft .pricingconfig .column {
  text-align: center;
  display: block !important;
}
#page_core_solutionsfreedelityfile .subright .pricingconfig .seven.wide,
#page_core_solutionsfreedelityfile .subleft .pricingconfig .seven.wide,
#page_core_solutionsccmodules .subright .pricingconfig .seven.wide,
#page_core_solutionsccmodules .subleft .pricingconfig .seven.wide,
#page_core_solutionsmyfreedelity .subright .pricingconfig .seven.wide,
#page_core_solutionsmyfreedelity .subleft .pricingconfig .seven.wide,
#page_core_solutionscollect .subright .pricingconfig .seven.wide,
#page_core_solutionscollect .subleft .pricingconfig .seven.wide,
#page_core_solutionscollectqr .subright .pricingconfig .seven.wide,
#page_core_solutionscollectqr .subleft .pricingconfig .seven.wide,
#page_core_solutionscollectkiosks .subright .pricingconfig .seven.wide,
#page_core_solutionscollectkiosks .subleft .pricingconfig .seven.wide,
#page_core_solutionscollectyumi .subright .pricingconfig .seven.wide,
#page_core_solutionscollectyumi .subleft .pricingconfig .seven.wide,
.functionalities .subright .pricingconfig .seven.wide,
.functionalities .subleft .pricingconfig .seven.wide {
  width: 33.33333% !important;
}
@media (max-width: 1439px) {
  #page_core_solutionsfreedelityfile .subright .pricingconfig .seven.wide,
  #page_core_solutionsfreedelityfile .subleft .pricingconfig .seven.wide,
  #page_core_solutionsccmodules .subright .pricingconfig .seven.wide,
  #page_core_solutionsccmodules .subleft .pricingconfig .seven.wide,
  #page_core_solutionsmyfreedelity .subright .pricingconfig .seven.wide,
  #page_core_solutionsmyfreedelity .subleft .pricingconfig .seven.wide,
  #page_core_solutionscollect .subright .pricingconfig .seven.wide,
  #page_core_solutionscollect .subleft .pricingconfig .seven.wide,
  #page_core_solutionscollectqr .subright .pricingconfig .seven.wide,
  #page_core_solutionscollectqr .subleft .pricingconfig .seven.wide,
  #page_core_solutionscollectkiosks .subright .pricingconfig .seven.wide,
  #page_core_solutionscollectkiosks .subleft .pricingconfig .seven.wide,
  #page_core_solutionscollectyumi .subright .pricingconfig .seven.wide,
  #page_core_solutionscollectyumi .subleft .pricingconfig .seven.wide,
  .functionalities .subright .pricingconfig .seven.wide,
  .functionalities .subleft .pricingconfig .seven.wide {
    width: 100% !important;
  }
}
#page_core_solutionsfreedelityfile .subright .pricingconfig .seven.wide .fas,
#page_core_solutionsfreedelityfile .subleft .pricingconfig .seven.wide .fas,
#page_core_solutionsccmodules .subright .pricingconfig .seven.wide .fas,
#page_core_solutionsccmodules .subleft .pricingconfig .seven.wide .fas,
#page_core_solutionsmyfreedelity .subright .pricingconfig .seven.wide .fas,
#page_core_solutionsmyfreedelity .subleft .pricingconfig .seven.wide .fas,
#page_core_solutionscollect .subright .pricingconfig .seven.wide .fas,
#page_core_solutionscollect .subleft .pricingconfig .seven.wide .fas,
#page_core_solutionscollectqr .subright .pricingconfig .seven.wide .fas,
#page_core_solutionscollectqr .subleft .pricingconfig .seven.wide .fas,
#page_core_solutionscollectkiosks .subright .pricingconfig .seven.wide .fas,
#page_core_solutionscollectkiosks .subleft .pricingconfig .seven.wide .fas,
#page_core_solutionscollectyumi .subright .pricingconfig .seven.wide .fas,
#page_core_solutionscollectyumi .subleft .pricingconfig .seven.wide .fas,
.functionalities .subright .pricingconfig .seven.wide .fas,
.functionalities .subleft .pricingconfig .seven.wide .fas {
  font-size: 3rem;
  color: #00a8cd;
  margin-bottom: 1rem;
}
#page_core_solutionsfreedelityfile .subright .pricingconfig .seven.wide .btn,
#page_core_solutionsfreedelityfile .subleft .pricingconfig .seven.wide .btn,
#page_core_solutionsccmodules .subright .pricingconfig .seven.wide .btn,
#page_core_solutionsccmodules .subleft .pricingconfig .seven.wide .btn,
#page_core_solutionsmyfreedelity .subright .pricingconfig .seven.wide .btn,
#page_core_solutionsmyfreedelity .subleft .pricingconfig .seven.wide .btn,
#page_core_solutionscollect .subright .pricingconfig .seven.wide .btn,
#page_core_solutionscollect .subleft .pricingconfig .seven.wide .btn,
#page_core_solutionscollectqr .subright .pricingconfig .seven.wide .btn,
#page_core_solutionscollectqr .subleft .pricingconfig .seven.wide .btn,
#page_core_solutionscollectkiosks .subright .pricingconfig .seven.wide .btn,
#page_core_solutionscollectkiosks .subleft .pricingconfig .seven.wide .btn,
#page_core_solutionscollectyumi .subright .pricingconfig .seven.wide .btn,
#page_core_solutionscollectyumi .subleft .pricingconfig .seven.wide .btn,
.functionalities .subright .pricingconfig .seven.wide .btn,
.functionalities .subleft .pricingconfig .seven.wide .btn {
  margin-top: 2rem;
}
#page_core_solutionsfreedelityfile .subright .pricingconfig .nine.wide,
#page_core_solutionsfreedelityfile .subleft .pricingconfig .nine.wide,
#page_core_solutionsccmodules .subright .pricingconfig .nine.wide,
#page_core_solutionsccmodules .subleft .pricingconfig .nine.wide,
#page_core_solutionsmyfreedelity .subright .pricingconfig .nine.wide,
#page_core_solutionsmyfreedelity .subleft .pricingconfig .nine.wide,
#page_core_solutionscollect .subright .pricingconfig .nine.wide,
#page_core_solutionscollect .subleft .pricingconfig .nine.wide,
#page_core_solutionscollectqr .subright .pricingconfig .nine.wide,
#page_core_solutionscollectqr .subleft .pricingconfig .nine.wide,
#page_core_solutionscollectkiosks .subright .pricingconfig .nine.wide,
#page_core_solutionscollectkiosks .subleft .pricingconfig .nine.wide,
#page_core_solutionscollectyumi .subright .pricingconfig .nine.wide,
#page_core_solutionscollectyumi .subleft .pricingconfig .nine.wide,
.functionalities .subright .pricingconfig .nine.wide,
.functionalities .subleft .pricingconfig .nine.wide {
  width: 66.66666% !important;
}
@media (max-width: 1439px) {
  #page_core_solutionsfreedelityfile .subright .pricingconfig .nine.wide,
  #page_core_solutionsfreedelityfile .subleft .pricingconfig .nine.wide,
  #page_core_solutionsccmodules .subright .pricingconfig .nine.wide,
  #page_core_solutionsccmodules .subleft .pricingconfig .nine.wide,
  #page_core_solutionsmyfreedelity .subright .pricingconfig .nine.wide,
  #page_core_solutionsmyfreedelity .subleft .pricingconfig .nine.wide,
  #page_core_solutionscollect .subright .pricingconfig .nine.wide,
  #page_core_solutionscollect .subleft .pricingconfig .nine.wide,
  #page_core_solutionscollectqr .subright .pricingconfig .nine.wide,
  #page_core_solutionscollectqr .subleft .pricingconfig .nine.wide,
  #page_core_solutionscollectkiosks .subright .pricingconfig .nine.wide,
  #page_core_solutionscollectkiosks .subleft .pricingconfig .nine.wide,
  #page_core_solutionscollectyumi .subright .pricingconfig .nine.wide,
  #page_core_solutionscollectyumi .subleft .pricingconfig .nine.wide,
  .functionalities .subright .pricingconfig .nine.wide,
  .functionalities .subleft .pricingconfig .nine.wide {
    width: 100% !important;
    margin-top: 5rem;
  }
}
#page_core_solutionsfreedelityfile .subright table.compare,
#page_core_solutionsfreedelityfile .subleft table.compare,
#page_core_solutionsccmodules .subright table.compare,
#page_core_solutionsccmodules .subleft table.compare,
#page_core_solutionsmyfreedelity .subright table.compare,
#page_core_solutionsmyfreedelity .subleft table.compare,
#page_core_solutionscollect .subright table.compare,
#page_core_solutionscollect .subleft table.compare,
#page_core_solutionscollectqr .subright table.compare,
#page_core_solutionscollectqr .subleft table.compare,
#page_core_solutionscollectkiosks .subright table.compare,
#page_core_solutionscollectkiosks .subleft table.compare,
#page_core_solutionscollectyumi .subright table.compare,
#page_core_solutionscollectyumi .subleft table.compare,
.functionalities .subright table.compare,
.functionalities .subleft table.compare {
  width: 100%;
  margin-bottom: 2rem;
  border: solid 1px #fff;
  border-radius: 0.5rem;
  padding: 1rem;
  border-spacing: 0;
}
@media (max-width: 1439px) {
  #page_core_solutionsfreedelityfile .subright table.compare,
  #page_core_solutionsfreedelityfile .subleft table.compare,
  #page_core_solutionsccmodules .subright table.compare,
  #page_core_solutionsccmodules .subleft table.compare,
  #page_core_solutionsmyfreedelity .subright table.compare,
  #page_core_solutionsmyfreedelity .subleft table.compare,
  #page_core_solutionscollect .subright table.compare,
  #page_core_solutionscollect .subleft table.compare,
  #page_core_solutionscollectqr .subright table.compare,
  #page_core_solutionscollectqr .subleft table.compare,
  #page_core_solutionscollectkiosks .subright table.compare,
  #page_core_solutionscollectkiosks .subleft table.compare,
  #page_core_solutionscollectyumi .subright table.compare,
  #page_core_solutionscollectyumi .subleft table.compare,
  .functionalities .subright table.compare,
  .functionalities .subleft table.compare {
    margin-bottom: 0;
  }
}
@media (max-width: 859px) {
  #page_core_solutionsfreedelityfile .subright table.compare.mobileonly,
  #page_core_solutionsfreedelityfile .subleft table.compare.mobileonly,
  #page_core_solutionsccmodules .subright table.compare.mobileonly,
  #page_core_solutionsccmodules .subleft table.compare.mobileonly,
  #page_core_solutionsmyfreedelity .subright table.compare.mobileonly,
  #page_core_solutionsmyfreedelity .subleft table.compare.mobileonly,
  #page_core_solutionscollect .subright table.compare.mobileonly,
  #page_core_solutionscollect .subleft table.compare.mobileonly,
  #page_core_solutionscollectqr .subright table.compare.mobileonly,
  #page_core_solutionscollectqr .subleft table.compare.mobileonly,
  #page_core_solutionscollectkiosks .subright table.compare.mobileonly,
  #page_core_solutionscollectkiosks .subleft table.compare.mobileonly,
  #page_core_solutionscollectyumi .subright table.compare.mobileonly,
  #page_core_solutionscollectyumi .subleft table.compare.mobileonly,
  .functionalities .subright table.compare.mobileonly,
  .functionalities .subleft table.compare.mobileonly {
    display: inline-block;
    width: auto;
  }
}
@media (max-width: 399px) {
  #page_core_solutionsfreedelityfile .subright table.compare.mobileonly,
  #page_core_solutionsfreedelityfile .subleft table.compare.mobileonly,
  #page_core_solutionsccmodules .subright table.compare.mobileonly,
  #page_core_solutionsccmodules .subleft table.compare.mobileonly,
  #page_core_solutionsmyfreedelity .subright table.compare.mobileonly,
  #page_core_solutionsmyfreedelity .subleft table.compare.mobileonly,
  #page_core_solutionscollect .subright table.compare.mobileonly,
  #page_core_solutionscollect .subleft table.compare.mobileonly,
  #page_core_solutionscollectqr .subright table.compare.mobileonly,
  #page_core_solutionscollectqr .subleft table.compare.mobileonly,
  #page_core_solutionscollectkiosks .subright table.compare.mobileonly,
  #page_core_solutionscollectkiosks .subleft table.compare.mobileonly,
  #page_core_solutionscollectyumi .subright table.compare.mobileonly,
  #page_core_solutionscollectyumi .subleft table.compare.mobileonly,
  .functionalities .subright table.compare.mobileonly,
  .functionalities .subleft table.compare.mobileonly {
    padding: 1rem 0;
  }
}
#page_core_solutionsfreedelityfile .subright table.compare .head td,
#page_core_solutionsfreedelityfile .subleft table.compare .head td,
#page_core_solutionsccmodules .subright table.compare .head td,
#page_core_solutionsccmodules .subleft table.compare .head td,
#page_core_solutionsmyfreedelity .subright table.compare .head td,
#page_core_solutionsmyfreedelity .subleft table.compare .head td,
#page_core_solutionscollect .subright table.compare .head td,
#page_core_solutionscollect .subleft table.compare .head td,
#page_core_solutionscollectqr .subright table.compare .head td,
#page_core_solutionscollectqr .subleft table.compare .head td,
#page_core_solutionscollectkiosks .subright table.compare .head td,
#page_core_solutionscollectkiosks .subleft table.compare .head td,
#page_core_solutionscollectyumi .subright table.compare .head td,
#page_core_solutionscollectyumi .subleft table.compare .head td,
.functionalities .subright table.compare .head td,
.functionalities .subleft table.compare .head td {
  border-bottom: solid 1px #fff;
}
@media (max-width: 859px) {
  #page_core_solutionsfreedelityfile .subright table.compare .head td,
  #page_core_solutionsfreedelityfile .subleft table.compare .head td,
  #page_core_solutionsccmodules .subright table.compare .head td,
  #page_core_solutionsccmodules .subleft table.compare .head td,
  #page_core_solutionsmyfreedelity .subright table.compare .head td,
  #page_core_solutionsmyfreedelity .subleft table.compare .head td,
  #page_core_solutionscollect .subright table.compare .head td,
  #page_core_solutionscollect .subleft table.compare .head td,
  #page_core_solutionscollectqr .subright table.compare .head td,
  #page_core_solutionscollectqr .subleft table.compare .head td,
  #page_core_solutionscollectkiosks .subright table.compare .head td,
  #page_core_solutionscollectkiosks .subleft table.compare .head td,
  #page_core_solutionscollectyumi .subright table.compare .head td,
  #page_core_solutionscollectyumi .subleft table.compare .head td,
  .functionalities .subright table.compare .head td,
  .functionalities .subleft table.compare .head td {
    padding-top: 1.25rem;
    padding-bottom: 2rem;
  }
}
@media (max-width: 399px) {
  #page_core_solutionsfreedelityfile .subright table.compare .head td,
  #page_core_solutionsfreedelityfile .subleft table.compare .head td,
  #page_core_solutionsccmodules .subright table.compare .head td,
  #page_core_solutionsccmodules .subleft table.compare .head td,
  #page_core_solutionsmyfreedelity .subright table.compare .head td,
  #page_core_solutionsmyfreedelity .subleft table.compare .head td,
  #page_core_solutionscollect .subright table.compare .head td,
  #page_core_solutionscollect .subleft table.compare .head td,
  #page_core_solutionscollectqr .subright table.compare .head td,
  #page_core_solutionscollectqr .subleft table.compare .head td,
  #page_core_solutionscollectkiosks .subright table.compare .head td,
  #page_core_solutionscollectkiosks .subleft table.compare .head td,
  #page_core_solutionscollectyumi .subright table.compare .head td,
  #page_core_solutionscollectyumi .subleft table.compare .head td,
  .functionalities .subright table.compare .head td,
  .functionalities .subleft table.compare .head td {
    padding-right: 0;
    padding-left: 0;
  }
}
#page_core_solutionsfreedelityfile .subright table.compare td,
#page_core_solutionsfreedelityfile .subleft table.compare td,
#page_core_solutionsccmodules .subright table.compare td,
#page_core_solutionsccmodules .subleft table.compare td,
#page_core_solutionsmyfreedelity .subright table.compare td,
#page_core_solutionsmyfreedelity .subleft table.compare td,
#page_core_solutionscollect .subright table.compare td,
#page_core_solutionscollect .subleft table.compare td,
#page_core_solutionscollectqr .subright table.compare td,
#page_core_solutionscollectqr .subleft table.compare td,
#page_core_solutionscollectkiosks .subright table.compare td,
#page_core_solutionscollectkiosks .subleft table.compare td,
#page_core_solutionscollectyumi .subright table.compare td,
#page_core_solutionscollectyumi .subleft table.compare td,
.functionalities .subright table.compare td,
.functionalities .subleft table.compare td {
  padding: 0.5rem;
  text-align: center;
  line-height: 1.25;
}
#page_core_solutionsfreedelityfile .subright table.compare td i.fas,
#page_core_solutionsfreedelityfile .subleft table.compare td i.fas,
#page_core_solutionsccmodules .subright table.compare td i.fas,
#page_core_solutionsccmodules .subleft table.compare td i.fas,
#page_core_solutionsmyfreedelity .subright table.compare td i.fas,
#page_core_solutionsmyfreedelity .subleft table.compare td i.fas,
#page_core_solutionscollect .subright table.compare td i.fas,
#page_core_solutionscollect .subleft table.compare td i.fas,
#page_core_solutionscollectqr .subright table.compare td i.fas,
#page_core_solutionscollectqr .subleft table.compare td i.fas,
#page_core_solutionscollectkiosks .subright table.compare td i.fas,
#page_core_solutionscollectkiosks .subleft table.compare td i.fas,
#page_core_solutionscollectyumi .subright table.compare td i.fas,
#page_core_solutionscollectyumi .subleft table.compare td i.fas,
.functionalities .subright table.compare td i.fas,
.functionalities .subleft table.compare td i.fas {
  color: #effe3d;
  font-size: 1.3rem;
}
#page_core_solutionsfreedelityfile .subright table.compare td p.verticalhead,
#page_core_solutionsfreedelityfile .subleft table.compare td p.verticalhead,
#page_core_solutionsccmodules .subright table.compare td p.verticalhead,
#page_core_solutionsccmodules .subleft table.compare td p.verticalhead,
#page_core_solutionsmyfreedelity .subright table.compare td p.verticalhead,
#page_core_solutionsmyfreedelity .subleft table.compare td p.verticalhead,
#page_core_solutionscollect .subright table.compare td p.verticalhead,
#page_core_solutionscollect .subleft table.compare td p.verticalhead,
#page_core_solutionscollectqr .subright table.compare td p.verticalhead,
#page_core_solutionscollectqr .subleft table.compare td p.verticalhead,
#page_core_solutionscollectkiosks .subright table.compare td p.verticalhead,
#page_core_solutionscollectkiosks .subleft table.compare td p.verticalhead,
#page_core_solutionscollectyumi .subright table.compare td p.verticalhead,
#page_core_solutionscollectyumi .subleft table.compare td p.verticalhead,
.functionalities .subright table.compare td p.verticalhead,
.functionalities .subleft table.compare td p.verticalhead {
  transform: rotate(-90deg);
}
#page_core_solutionsfreedelityfile .summary h4,
#page_core_solutionsccmodules .summary h4,
#page_core_solutionsmyfreedelity .summary h4,
#page_core_solutionscollect .summary h4,
#page_core_solutionscollectqr .summary h4,
#page_core_solutionscollectkiosks .summary h4,
#page_core_solutionscollectyumi .summary h4,
.functionalities .summary h4 {
  font-family: "Montserrat Bold", helvetica, arial, sans-serif;
  color: #ee2a7b;
  margin-top: 4rem;
  text-align: center;
}
#page_core_solutionsfreedelityfile .summary .grid .column,
#page_core_solutionsccmodules .summary .grid .column,
#page_core_solutionsmyfreedelity .summary .grid .column,
#page_core_solutionscollect .summary .grid .column,
#page_core_solutionscollectqr .summary .grid .column,
#page_core_solutionscollectkiosks .summary .grid .column,
#page_core_solutionscollectyumi .summary .grid .column,
.functionalities .summary .grid .column {
  display: grid;
}
#page_core_solutionsfreedelityfile .summary .grid .column .box,
#page_core_solutionsccmodules .summary .grid .column .box,
#page_core_solutionsmyfreedelity .summary .grid .column .box,
#page_core_solutionscollect .summary .grid .column .box,
#page_core_solutionscollectqr .summary .grid .column .box,
#page_core_solutionscollectkiosks .summary .grid .column .box,
#page_core_solutionscollectyumi .summary .grid .column .box,
.functionalities .summary .grid .column .box {
  background-color: #f7f7f7;
  border-radius: 0.5rem;
  text-align: center;
  padding: 2rem 6rem;
}
@media (max-width: 1023px) {
  #page_core_solutionsfreedelityfile .summary .grid .column .box,
  #page_core_solutionsccmodules .summary .grid .column .box,
  #page_core_solutionsmyfreedelity .summary .grid .column .box,
  #page_core_solutionscollect .summary .grid .column .box,
  #page_core_solutionscollectqr .summary .grid .column .box,
  #page_core_solutionscollectkiosks .summary .grid .column .box,
  #page_core_solutionscollectyumi .summary .grid .column .box,
  .functionalities .summary .grid .column .box {
    padding: 2rem 3rem;
  }
}
#page_core_solutionsfreedelityfile .summary .grid .column .box p,
#page_core_solutionsccmodules .summary .grid .column .box p,
#page_core_solutionsmyfreedelity .summary .grid .column .box p,
#page_core_solutionscollect .summary .grid .column .box p,
#page_core_solutionscollectqr .summary .grid .column .box p,
#page_core_solutionscollectkiosks .summary .grid .column .box p,
#page_core_solutionscollectyumi .summary .grid .column .box p,
.functionalities .summary .grid .column .box p {
  color: #004070;
}
#page_core_solutionsfreedelityfile .summary .grid .column .box .numbers,
#page_core_solutionsccmodules .summary .grid .column .box .numbers,
#page_core_solutionsmyfreedelity .summary .grid .column .box .numbers,
#page_core_solutionscollect .summary .grid .column .box .numbers,
#page_core_solutionscollectqr .summary .grid .column .box .numbers,
#page_core_solutionscollectkiosks .summary .grid .column .box .numbers,
#page_core_solutionscollectyumi .summary .grid .column .box .numbers,
.functionalities .summary .grid .column .box .numbers {
  position: absolute;
  top: 1rem;
  left: 1rem;
  background-color: #004070;
  color: #fff;
  text-align: center;
  width: 57px;
  border-bottom-right-radius: 0.5rem;
  border-top-left-radius: 0.5rem;
  padding: 0.35em 0.5rem 0.45rem;
  font-size: 150%;
}
#page_core_solutionsfreedelityfile .summary .grid .column .box img,
#page_core_solutionsccmodules .summary .grid .column .box img,
#page_core_solutionsmyfreedelity .summary .grid .column .box img,
#page_core_solutionscollect .summary .grid .column .box img,
#page_core_solutionscollectqr .summary .grid .column .box img,
#page_core_solutionscollectkiosks .summary .grid .column .box img,
#page_core_solutionscollectyumi .summary .grid .column .box img,
.functionalities .summary .grid .column .box img {
  max-width: 40px;
  margin-bottom: 1rem;
}
#page_core_solutionsfreedelityfile .qrcode,
#page_core_solutionsccmodules .qrcode,
#page_core_solutionsmyfreedelity .qrcode,
#page_core_solutionscollect .qrcode,
#page_core_solutionscollectqr .qrcode,
#page_core_solutionscollectkiosks .qrcode,
#page_core_solutionscollectyumi .qrcode,
.functionalities .qrcode {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
#page_core_solutionsfreedelityfile .qrcode .column,
#page_core_solutionsccmodules .qrcode .column,
#page_core_solutionsmyfreedelity .qrcode .column,
#page_core_solutionscollect .qrcode .column,
#page_core_solutionscollectqr .qrcode .column,
#page_core_solutionscollectkiosks .qrcode .column,
#page_core_solutionscollectyumi .qrcode .column,
.functionalities .qrcode .column {
  display: grid;
}
#page_core_solutionsfreedelityfile .qrcode .column .box,
#page_core_solutionsccmodules .qrcode .column .box,
#page_core_solutionsmyfreedelity .qrcode .column .box,
#page_core_solutionscollect .qrcode .column .box,
#page_core_solutionscollectqr .qrcode .column .box,
#page_core_solutionscollectkiosks .qrcode .column .box,
#page_core_solutionscollectyumi .qrcode .column .box,
.functionalities .qrcode .column .box {
  background-color: #f7f7f7;
  padding: 2rem;
  text-align: center;
  border-radius: 0.5rem;
}
#page_core_solutionsfreedelityfile video,
#page_core_solutionsccmodules video,
#page_core_solutionsmyfreedelity video,
#page_core_solutionscollect video,
#page_core_solutionscollectqr video,
#page_core_solutionscollectkiosks video,
#page_core_solutionscollectyumi video,
.functionalities video {
  margin-bottom: 2rem;
  width: 100%;
}
#page_core_solutionsfreedelityfile img.showmodal,
#page_core_solutionsccmodules img.showmodal,
#page_core_solutionsmyfreedelity img.showmodal,
#page_core_solutionscollect img.showmodal,
#page_core_solutionscollectqr img.showmodal,
#page_core_solutionscollectkiosks img.showmodal,
#page_core_solutionscollectyumi img.showmodal,
.functionalities img.showmodal {
  width: 100%;
  cursor: pointer;
  margin-bottom: 2rem;
}
#moresolutions h2,
#morefunctionalities h2 {
  margin-top: 0;
}
#moresolutions .grid .column,
#morefunctionalities .grid .column {
  display: grid;
}
#moresolutions .grid .column .box,
#morefunctionalities .grid .column .box {
  background-color: #fff;
  -webkit-transition: all 0.5s ease-out !important;
  -moz-transition: all 0.5s ease-out !important;
  -o-transition: all 0.5s ease-out !important;
  transition: all 0.5s ease-out !important;
  padding: 1rem 2rem 1.5rem;
  border-radius: 0.5rem;
  height: 100%;
}
#moresolutions .grid .column .box img,
#morefunctionalities .grid .column .box img {
  max-height: 180px;
}
#moresolutions .grid .column .box h4,
#morefunctionalities .grid .column .box h4 {
  font-size: 1.5rem;
  margin-top: 0;
}
#moresolutions .grid .column a:hover .box,
#morefunctionalities .grid .column a:hover .box {
  background-color: #ededed;
}
#moresolutions .grid .column a:hover .box h4,
#morefunctionalities .grid .column a:hover .box h4 {
  color: #ee2a7b;
}
#page_core_solutionsfreedelityfile .freedelityfile,
#page_core_solutionsccmodules .ccmodules,
#page_core_solutionsmyfreedelity .myfreedelity,
#page_core_solutionscollect .collect,
#page_core_functionalitiescdh #morefunctionalities .functionalitiescdh,
#page_core_functionalitiesconsents
  #morefunctionalities
  .functionalitiesconsents,
#page_core_functionalitiescdp #morefunctionalities .functionalitiescdp,
#page_core_functionalitiesloyalty #morefunctionalities .functionalitiesloyalty,
#page_core_functionalitiesmarkcom #morefunctionalities .functionalitiesmarkcom,
#page_core_functionalitiesroi #morefunctionalities .functionalitiesroi,
#page_core_functionalitiescockpit #morefunctionalities .functionalitiescockpit,
#page_core_functionalitiesgeomarketing
  #morefunctionalities
  .functionalitiesgeomarketing,
#page_core_functionalitiesbrands #morefunctionalities .functionalitiesbrands,
#page_core_functionalitiesdatasource
  #morefunctionalities
  .functionalitiesdatasource {
  display: none !important;
}
#page_core_about .section,
#page_core_newsletter .section {
  padding-top: 2rem !important;
}
#page_core_functionalitiesgeomarketing .framed .grid .column,
#page_core_functionalitiescockpit .framed .grid .column {
  margin: 2rem 0;
}
@media (max-width: 1279px) {
  #page_core_functionalitiesgeomarketing .framed .grid .column,
  #page_core_functionalitiescockpit .framed .grid .column {
    width: 50% !important;
    margin-bottom: 0;
    margin-top: 0;
  }
}
@media (max-width: 859px) {
  #page_core_functionalitiesgeomarketing .framed .grid .column,
  #page_core_functionalitiescockpit .framed .grid .column {
    width: 100% !important;
  }
}
#page_core_functionalitiesgeomarketing .framed .grid .column .question,
#page_core_functionalitiescockpit .framed .grid .column .question {
  background-color: #fff;
  padding: 2rem;
  color: #000;
  border-radius: 0.5rem;
  position: relative;
}
#page_core_functionalitiesgeomarketing .framed .grid .column .question p,
#page_core_functionalitiescockpit .framed .grid .column .question p {
  text-align: center;
}
#page_core_functionalitiesgeomarketing .framed .grid .column .question p:after,
#page_core_functionalitiescockpit .framed .grid .column .question p:after {
  background-image: URL("../assets/quotespeechwhitebottom.svg");
  position: absolute;
  bottom: -1.5rem;
  left: 2rem;
  content: "";
  width: 100px;
  height: 25px;
}
#page_core_functionalitiesgeomarketing
  .framed
  .grid
  .column
  .question
  p.lower:after,
#page_core_functionalitiescockpit
  .framed
  .grid
  .column
  .question
  p.lower:after {
  background-image: URL("../assets/quotespeechwhitetop.svg");
  top: -1.5rem;
  left: 2rem;
}
#page_core_functionalitiesgeomarketing .framed .screens,
#page_core_functionalitiescockpit .framed .screens {
  margin-top: -1rem;
}
#page_core_functionalitiesgeomarketing .framed .screens .column,
#page_core_functionalitiescockpit .framed .screens .column {
  margin: 1rem 0;
}
@media (max-width: 1279px) {
  #page_core_functionalitiesgeomarketing .framed .screens .column,
  #page_core_functionalitiescockpit .framed .screens .column {
    width: 100% !important;
  }
}
#page_core_functionalitiesgeomarketing .framed .screens .column .geomarketing,
#page_core_functionalitiescockpit .framed .screens .column .geomarketing {
  border: solid 15px #004070;
  border-radius: 0.5rem;
  background-color: #004070;
}
#page_core_functionalitiesgeomarketing
  .framed
  .screens
  .column
  .geomarketing
  img,
#page_core_functionalitiescockpit .framed .screens .column .geomarketing img {
  width: 100%;
}
#page_core_solutionscollectkiosks .wrapper .section:first-of-type img {
  margin: 2rem auto;
  display: block;
}
#page_core_solutionscollectkiosks .wrapper .info {
  padding: 2rem 0;
}
#page_core_solutionscollectkiosks .wrapper .kiosks {
  border-top: solid 5px #f7f7f7;
  margin-top: 3rem;
  padding-top: 3rem;
}
#page_core_solutionscollectkiosks .wrapper .kiosks.first {
  border-top: 0;
  margin-top: 0;
  padding-top: 0;
}
#page_core_solutionscollectkiosks .wrapper .kiosks .image img {
  margin: 0 auto;
  max-width: 400px;
  width: 100%;
}
@media (max-width: 1279px) {
  #page_core_solutionscollectkiosks .wrapper .kiosks .image img {
    max-width: 300px;
  }
}
@media (max-width: 859px) {
  #page_core_solutionscollectkiosks .wrapper .kiosks .column {
    order: 2;
  }
}
@media (max-width: 859px) {
  #page_core_solutionscollectkiosks .wrapper .kiosks .column.image {
    order: 1;
    text-align: center;
  }
}
@media (max-width: 859px) {
  #page_core_solutionscollectkiosks .wrapper .kiosks .column.image img {
    max-width: 250px;
  }
}
#page_core_solutionscollectkiosks .wrapper .techs {
  margin-top: 3rem;
}
@media (max-width: 859px) {
  #page_core_solutionscollectkiosks .wrapper .techs {
    margin-top: 0;
  }
}
#page_core_solutionscollectkiosks .wrapper .techs .techssub {
  margin-top: 3rem;
}
@media (max-width: 859px) {
  #page_core_solutionscollectkiosks .wrapper .techs .techssub {
    margin-top: 1rem;
  }
}
#page_core_solutionscollectkiosks .wrapper .techs .techssub h5 {
  margin-bottom: 1rem;
}
#page_core_solutionscollectkiosks .wrapper .techs .techssub table.specs {
  width: 100%;
  border: solid 1px #ededed;
  border-spacing: 0;
}
#page_core_solutionscollectkiosks .wrapper .techs .techssub table.specs td {
  padding: 0.5rem 1rem;
  border-top: solid 1px #ededed;
  font-size: 90%;
  background-color: #f7f7f7;
}
#page_core_solutionscollectkiosks .wrapper .techs .techssub table.specs td.bd {
  font-family: "Montserrat Semibold", helvetica, arial, sans-serif;
  background-color: #fff;
}
#page_core_solutionscollectkiosks .wrapper .techs .techssub table.specs td ul {
  margin: 0;
}
#page_core_solutionscollectkiosks
  .wrapper
  .techs
  .techssub
  table.specs
  tr.heading
  td {
  font-family: "Montserrat Semibold", helvetica, arial, sans-serif;
  background-color: #fff;
}
#page_core_solutionscollectkiosks
  .wrapper
  .techs
  .techssub
  table.specs
  tr:first-of-type
  td {
  border-top: 0;
}
#page_core_solutionscollectkiosks .wrapper #kioskslayouts {
  background-image: linear-gradient(90deg, #00a8cd 0%, #004070 100%);
  color: #fff;
  padding: 0 !important;
  margin-top: 2rem;
}
#page_core_solutionscollectkiosks .wrapper #kioskslayouts h2,
#page_core_solutionscollectkiosks .wrapper #kioskslayouts p {
  color: #fff;
  margin-top: 0;
  margin-bottom: 1rem;
  text-align: center;
}
#page_core_solutionscollectkiosks .wrapper #kioskslayouts p {
  font-size: 130%;
  margin-top: 0;
}
#page_core_solutionscollectkiosks .wrapper #kioskslayouts img {
  width: 100%;
  max-width: 450px;
  margin: 0 auto;
}
#page_core_demo h2:first-of-type {
  margin-top: 3rem;
}
#page_core_demo .democusto,
#page_core_demo .demobrands,
#page_core_demo .demoqr {
  border: solid 15px #004070;
  border-radius: 0.5rem;
  background-color: #004070;
}
#page_core_demo .democusto img,
#page_core_demo .demobrands img,
#page_core_demo .demoqr img {
  width: 100%;
}
#page_core_demo .democusto-nav,
#page_core_demo .demobrands-nav,
#page_core_demo .demoqr-nav {
  background-color: #f7f7f7;
  border: solid 15px #f7f7f7;
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
#page_core_demo .democusto-nav .slick-slide,
#page_core_demo .demobrands-nav .slick-slide,
#page_core_demo .demoqr-nav .slick-slide {
  margin: 0 10px;
}
#page_core_demo .democusto-nav .slick-slide img,
#page_core_demo .demobrands-nav .slick-slide img,
#page_core_demo .demoqr-nav .slick-slide img {
  width: 100%;
  border: solid 1px #aaa;
}
#page_core_demo .democusto-nav .slick-slide.slick-center img,
#page_core_demo .democusto-nav .slick-slide.slick-current img,
#page_core_demo .demobrands-nav .slick-slide.slick-center img,
#page_core_demo .demobrands-nav .slick-slide.slick-current img,
#page_core_demo .demoqr-nav .slick-slide.slick-center img,
#page_core_demo .demoqr-nav .slick-slide.slick-current img {
  border: solid 3px #ee2a7b;
}
#page_core_stepbystep .wrapper {
  text-align: center;
}
#page_core_stepbystep .wrapper .box {
  background-color: #fff;
  border-radius: 1.5rem;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
@media (max-width: 859px) {
  #page_core_stepbystep .wrapper .box {
    border-radius: 0.5rem;
  }
}
#page_core_stepbystep .wrapper .box .num {
  background-color: #000;
  color: #fff;
  width: 5rem;
  padding: 0.5rem 1rem 0.3rem;
  font-size: 160%;
  font-family: "Montserrat Bold", helvetica, arial, sans-serif;
  text-align: center;
  border-top-left-radius: 1.5rem;
  border-bottom-right-radius: 0.5rem;
  -webkit-transition: all 0.5s ease-out !important;
  -moz-transition: all 0.5s ease-out !important;
  -o-transition: all 0.5s ease-out !important;
  transition: all 0.5s ease-out !important;
}
@media (max-width: 1279px) {
  #page_core_stepbystep .wrapper .box .num {
    width: 3.5rem;
    padding: 0.25rem 0.5rem 0.15rem;
    font-size: 120%;
  }
}
@media (max-width: 859px) {
  #page_core_stepbystep .wrapper .box .num {
    position: absolute;
    border-top-left-radius: 0.5rem;
  }
}
@media (max-width: 609px) {
  #page_core_stepbystep .wrapper .box .num {
    font-size: 100%;
    width: 2.5rem;
  }
}
#page_core_stepbystep .wrapper .box .column {
  padding: 0;
}
#page_core_stepbystep .wrapper .box .column.title h5 {
  color: #fff;
  margin: 2rem 4rem;
}
@media (max-width: 1279px) {
  #page_core_stepbystep .wrapper .box .column.title h5 {
    font-size: 1rem;
    margin: 2rem 1rem 1rem 1rem;
  }
}
@media (max-width: 1023px) {
  #page_core_stepbystep .wrapper .box .column.title h5 {
    font-size: 1rem;
    margin: 1rem 1rem 0.5rem 1rem;
  }
}
@media (max-width: 859px) {
  #page_core_stepbystep .wrapper .box .column.title h5 {
    display: none;
  }
}
@media (max-width: 859px) {
  #page_core_stepbystep .wrapper .box .column.title a {
    display: none;
  }
}
#page_core_stepbystep .wrapper .box .column a {
  background-image: URL("../assets/bigpicture/link.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  display: block;
  margin: 0 auto;
}
#page_core_stepbystep .wrapper .box .column a:hover {
  transform: scale(1.1);
}
@media (max-width: 1279px) {
  #page_core_stepbystep .wrapper .box .column a {
    width: 30px;
    height: 30px;
  }
}
@media (max-width: 499px) {
  #page_core_stepbystep .wrapper .box .column a {
    width: 20px;
    height: 20px;
  }
}
#page_core_stepbystep .wrapper .box:hover .num {
  background-color: #ee2a7b;
}
#page_core_stepbystep .wrapper .box:nth-child(2),
#page_core_stepbystep .wrapper .box:nth-child(8) {
  background: linear-gradient(90deg, #004070 0%, #2f739a 100%);
}
#page_core_stepbystep .wrapper .box:nth-child(2):hover,
#page_core_stepbystep .wrapper .box:nth-child(8):hover {
  background: linear-gradient(90deg, #2f739a 0%, #004070 100%);
}
#page_core_stepbystep .wrapper .box:nth-child(3),
#page_core_stepbystep .wrapper .box:nth-child(9) {
  background: linear-gradient(90deg, #2f739a 0%, #ee2a7b 100%);
}
#page_core_stepbystep .wrapper .box:nth-child(3):hover,
#page_core_stepbystep .wrapper .box:nth-child(9):hover {
  background: linear-gradient(90deg, #ee2a7b 0%, #2f739a 100%);
}
#page_core_stepbystep .wrapper .box:nth-child(4),
#page_core_stepbystep .wrapper .box:nth-child(10) {
  background: linear-gradient(90deg, #ee2a7b 0%, #9b3679 100%);
}
#page_core_stepbystep .wrapper .box:nth-child(4):hover,
#page_core_stepbystep .wrapper .box:nth-child(10):hover {
  background: linear-gradient(90deg, #9b3679 0%, #ee2a7b 100%);
}
#page_core_stepbystep .wrapper .box:nth-child(5),
#page_core_stepbystep .wrapper .box:nth-child(11) {
  background: linear-gradient(90deg, #9b3679 0%, #00a8cd 100%);
}
#page_core_stepbystep .wrapper .box:nth-child(5):hover,
#page_core_stepbystep .wrapper .box:nth-child(11):hover {
  background: linear-gradient(90deg, #00a8cd 0%, #9b3679 100%);
}
#page_core_stepbystep .wrapper .box:nth-child(6) {
  background: linear-gradient(90deg, #00a8cd 0%, #4781b1 100%);
}
#page_core_stepbystep .wrapper .box:nth-child(6):hover {
  background: linear-gradient(90deg, #4781b1 0%, #00a8cd 100%);
}
#page_core_stepbystep .wrapper .box:nth-child(7) {
  background: linear-gradient(90deg, #4781b1 0%, #004070 100%);
}
#page_core_stepbystep .wrapper .box:nth-child(7):hover {
  background: linear-gradient(90deg, #004070 0%, #4781b1 100%);
}
#page_core_stepbystep .wrapper .box .column.content img {
  position: absolute;
  right: 0;
  top: 0;
}
#page_core_stepbystep .wrapper .box .column.content a {
  position: absolute;
  z-index: 10;
}
#page_core_stepbystep .wrapper .box .column.content a.freedelityfile {
  top: 46%;
  right: 2%;
}
@media (max-width: 609px) {
  #page_core_stepbystep .wrapper .box .column.content a.freedelityfile {
    top: 27%;
  }
}
#page_core_stepbystep .wrapper .box .column.content a.cockpit {
  top: 26%;
  left: 27%;
}
@media (max-width: 609px) {
  #page_core_stepbystep .wrapper .box .column.content a.cockpit {
    top: 12%;
  }
}
#page_core_stepbystep .wrapper .box .column.content a.geomarketing {
  top: 42%;
  left: 27%;
}
@media (max-width: 609px) {
  #page_core_stepbystep .wrapper .box .column.content a.geomarketing {
    top: 37%;
  }
}
#page_core_stepbystep .wrapper .box .column.content a.zdc {
  top: 58%;
  left: 27%;
}
@media (max-width: 609px) {
  #page_core_stepbystep .wrapper .box .column.content a.zdc {
    top: 61%;
  }
}
@media (max-width: 859px) {
  #page_core_stepbystep .wrapper .box .column.content {
    width: 100% !important;
  }
}
#page_core_stepbystep .wrapper .mobileonly {
  margin-bottom: 3rem;
  text-align: left;
}
#page_core_stepbystep .wrapper .mobileonly a {
  background-image: URL("../assets/bigpicture/link.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  display: inline-block;
  margin: 0 auto;
}
#page_core_stepbystep .wrapper .mobileonly a:hover {
  transform: scale(1.1);
}
@media (max-width: 1279px) {
  #page_core_stepbystep .wrapper .mobileonly a {
    width: 30px;
    height: 30px;
  }
}
#page_core_stepbystep .wrapper .mobileonly .fakelink {
  width: 30px;
  height: 30px;
  display: inline-block;
}
#page_core_stepbystep .wrapper .mobileonly li::before {
  content: counter(li) "";
  background: #000;
  padding: 0.15rem;
  border-radius: 0.5rem;
  color: #fff;
  text-align: center;
  width: 3rem;
  margin-right: 1rem;
  margin-left: -3rem;
}
#page_core_blogs h1 {
  margin-bottom: 2rem;
}
#page_core_blogs .XPages {
  width: 100%;
  margin-top: 2rem;
  text-align: center;
}
#page_core_blogs .XPages span,
#page_core_blogs .XPages a:not(.XPagesNext, .XPagesPrev) {
  margin: 0.5rem;
  border: 1px #ee2a7b solid;
  color: #ee2a7b;
  padding: 1rem;
  border-radius: 0.5rem;
  width: 60px;
  display: inline-block;
}
#page_core_blogs .XPages span.XPagesCurrent,
#page_core_blogs .XPages span:hover,
#page_core_blogs .XPages a.XPagesCurrent:not(.XPagesNext, .XPagesPrev),
#page_core_blogs .XPages a:not(.XPagesNext, .XPagesPrev):hover {
  background-color: #004070;
  border: 1px #004070 solid;
  color: #fff;
}
#page_core_blogs .XPages a.XPagesNext,
#page_core_blogs .XPages a.XPagesPrev {
  margin: 0.5rem;
}
#page_core_blogmessage {
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 160%;
  background-image: url("../assets/custoheroinside.jpg");
  background-color: #fff;
}
#page_core_blogmessage header,
#page_core_blogmessage .wrapper.pusher {
  background-image: none;
  background-color: transparent;
}
#page_core_map h5 {
  margin-bottom: 3rem;
}
#page_core_map .activitymap {
  min-height: 300px;
  background-color: #004070;
}
#page_core_map .activitymap .container {
  position: relative;
}
#page_core_map .activitymap .container .time-iframe {
  position: absolute;
  min-width: 265px;
  z-index: 5;
  top: 0;
  right: 0;
  padding: 10px;
  font-size: 1.4rem;
  color: #fff;
  background-color: #ee2a7b;
  font-family: "Montserrat Bold", helvetica, arial, sans-serif;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
#page_core_retailcentrix .wrapper .ui.menu {
  -webkit-box-shadow: 6px 10px 30px rgba(0, 0, 0, 0.1);
  box-shadow: 6px 10px 30px rgba(0, 0, 0, 0.1);
  /*border-color: #004070;*/
}
#page_core_retailcentrix .wrapper .ui.menu .item {
  color: #004070;
}
#page_core_retailcentrix .wrapper .ui.menu .item:before {
  /*background: #004070;*/
}
#page_core_retailcentrix .wrapper .ui.menu .item:hover {
  background: rgba(15, 168, 205, 1.0);
  color:#fff;
}

#page_core_retailcentrix .wrapper .speaker {
  border-radius: 30px;
  background:#fff;
  padding: 32px 16px;
  margin: 16px;
  min-height:420px;
  -webkit-box-shadow: 6px 6px 30px rgba(0, 0, 0, 0.1);
  box-shadow: 6px 6px 30px rgba(0, 0, 0, 0.1);
}
#page_core_retailcentrix .wrapper .speaker p {
  color:#004070;
  font-size: 15px;
  line-height: 18px;
  letter-spacing: -0.1px;
  padding: 0;
}

#page_core_retailcentrix .wrapper .speaker h4 {
text-transform: uppercase;
font-size:18px;
padding: 0px 0px 10px 0px;
}

#page_core_retailcentrix .wrapper .rcspeaker {
  border-radius: 50%;
  /*border: 5px #ee2a7b solid;*/
  margin: 0 auto;
  max-width: 150px;
}

#page_core_retailcentrix .wrapper .company {
  margin: 1rem auto 0 auto;
  max-width: 60%;

}
#page_core_retailcentrix .wrapper .speakerrow:nth-of-type(2) {
  border-top: solid 1px #ededed;
  border-bottom: solid 1px #ededed;
  margin: 3rem 0;
  padding: 2rem 0;
}
#page_core_retailcentrix .wrapper .section {
  margin-top: 0.5rem;
}
#page_core_retailcentrix .wrapper .section:not(.pt0) h2 {
  margin-top: 1rem;
}
#page_core_retailcentrix .wrapper .keybox {
  background-color: #fff;
  border-radius: 1rem;
  padding: 2rem 1rem 1rem 1rem;
  min-height: 200px;
  
}
#page_core_retailcentrix .wrapper .keybox i {
  font-size: 40px;
  color: #68D0EF;
}
#page_core_retailcentrix .wrapper .keybox h5 {
  color: #004070;
  margin-top: 1.5rem;
  font-size: 18px;

}
#page_core_retailcentrix .wrapper #partners .ui.grid {
  margin: 2rem 0;
}
#page_core_retailcentrix .wrapper #eventbrite-widget-container-309241388317 {
  border: solid 10px #f7f7f7;
}
#page_core_blogmessage .hero .smallcontainer {
  max-width: 1170px;
  margin: 0 auto;
}
#page_core_blogmessage .hero .smallcontainer .column {
  margin: 2rem 0;
  text-align: center;
}
@media (max-width: 1279px) {
  #page_core_blogmessage .hero .smallcontainer .column {
    margin-bottom: 0;
  }
}
#page_core_blogmessage .hero .smallcontainer .column h1 {
  text-align: center;
}
#page_core_blogmessage .wrapper .section {
  padding-top: 0;
}
@media (max-width: 1279px) {
  #page_core_blogmessage .wrapper .section {
    margin-top: 0;
  }
}
#page_core_blogmessage .wrapper .container {
  width: 1170px !important;
  max-width: 100% !important;
}
#page_core_blogmessage .wrapper .container .blog-post-details h3 {
  font-family: "Montserrat Semibold", helvetica, arial, sans-serif;
  font-weight: 100;
  font-size: 16px;
}
#page_core_blogmessage .wrapper .container .ccpink,
#page_core_blogmessage .wrapper .container .pink {
  color: #ee2a7b;
}
#page_core_blogmessage .wrapper .container .ccblue,
#page_core_blogmessage .wrapper .container .blue {
  color: #004070;
}
#page_core_blogmessage .wrapper .container h1 {
  font-size: 1.9rem;
  line-height: 1.3;
}
#page_core_blogmessage .wrapper .container h2 {
  color: #004070;
  font-size: 1.6rem;
  line-height: 1.3;
  text-align: left;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
@media (max-width: 1279px) {
  #page_core_blogmessage .wrapper .container h2 {
    font-size: 1.4rem;
  }
}
@media (max-width: 609px) {
  #page_core_blogmessage .wrapper .container h2 {
    font-size: 1rem;
  }
}
#page_core_blogmessage .wrapper .container h3 {
  color: #ee2a7b;
  text-transform: uppercase;
  font-size: 1.2rem;
  line-height: 1.3;
  font-family: "Montserrat Semibold", helvetica, arial, sans-serif;
  text-align: left;
}
#page_core_blogmessage .wrapper .container h4 {
  color: #004070;
  font-size: 18px;
  font-family: "Montserrat Semibold", helvetica, arial, sans-serif;
}
#page_core_blogmessage .wrapper .container hr {
  border: 0;
  height: 0;
  border-top: 1px solid #aaa;
}
#page_core_blogmessage .wrapper .container hr.dotted {
  border-top: 3px dotted #ee2a7b;
  margin: 3rem 0;
}
#page_core_blogmessage .wrapper .container hr.sepa {
  border-top: 5px solid #ee2a7b;
  width: 30px;
  border-radius: 5px;
  margin: 2rem 0;
  text-align: left;
}
#page_core_blogmessage .wrapper .container hr.sepa.second {
  border-top: 5px solid #004070;
  width: 10px;
}
#page_core_blogmessage .wrapper .container ul {
  font-size: 1em;
  margin-left: 3rem;
}
#page_core_blogmessage .wrapper .container .CTA {
  background-color: #ee2a7b;
  padding: 2rem;
  color: #fff;
  border-radius: 15px;
  display: inline-flex;
}
#page_core_blogmessage .wrapper .container .CTA.lkdin {
  background-color: #0965c2;
}
#page_core_blogmessage .wrapper .container .CTA img {
  width: 90px !important;
  height: intrinsic;
}
#page_core_blogmessage .wrapper .container .CTA a {
  color: #fff;
}
#page_core_blogmessage .wrapper .container .CTA a:not(.noborder) {
  color: #fff;
  border: 2px solid #fff;
  border-radius: 5px;
  padding: 10px;
  -webkit-transition: background-color 0.5s ease-out;
  -moz-transition: background-color 0.5s ease-out;
  -o-transition: background-color 0.5s ease-out;
  transition: background-color 0.5s ease-out;
  display: block;
  text-align: center;
}
#page_core_blogmessage .wrapper .container .CTA a:not(.noborder):hover {
  background-color: #004070;
  border: 2px solid #004070;
}
#page_core_blogmessage .wrapper .container .CTA h2 {
  color: #fff !important;
  margin-bottom: 0.5rem;
}
#page_core_blogmessage .wrapper .container .hightlightfloat {
  width: 30%;
  float: right;
  margin: 0 0 2rem 2rem;
  text-align: right;
  border: solid 1px #ee2a7b;
  padding: 1rem 2rem;
  border-radius: 0.5rem;
}
#page_core_blogmessage .wrapper .container .hightlightfloat p {
  font-size: 130%;
  font-style: italic;
  color: #ee2a7b;
}
#page_core_blogmessage .wrapper .container .num {
  font-size: 150%;
  font-weight: bold;
  padding: 0.5rem 1rem;
  background-color: #ee2a7b;
  color: #fff;
  border-radius: 50%;
  margin: 1rem 0;
  width: 50px;
  height: 50px;
  text-align: center;
}
#page_core_blogmessage .wrapper .container .clearboth {
  clear: both;
}
#page_core_blogmessage .wrapper .container .boxes {
  float: left;
  margin-bottom: 2rem;
}
#page_core_blogmessage .wrapper .container .boxes .last {
  float: right;
}
#page_core_blogmessage .wrapper .container .ui.grid .center {
  display: grid !important;
  text-align: center;
}
#page_core_blogmessage .wrapper .container .ui.grid .center .boxbg {
  background-color: #f7f7f7;
  padding: 1rem 3rem;
  border-radius: 15px;
}
#page_core_blogmessage .wrapper .container .ui.grid img.icon {
  width: 30%;
  margin-bottom: 2rem;
}
#page_core_blogmessage .wrapper .container .video {
  width: 48%;
  float: left;
  background-color: #f7f7f7;
  border-radius: 15px;
  padding: 2rem;
}
@media (max-width: 609px) {
  #page_core_blogmessage .wrapper .container .video {
    width: 100%;
    margin-bottom: 1rem;
  }
}
#page_core_blogmessage .wrapper .container .video p {
  margin-top: 1rem;
}
#page_core_blogmessage .wrapper .container .box-highlight {
  border-radius: 15px;
  padding: 2rem;
  border: solid 3px #004070;
  color: #004070;
  margin-bottom: 2rem;
}
#page_core_blogmessage .wrapper .container .imgcontentright {
  float: right;
  margin: 0 0 2rem 2rem;
  width: 400px;
}
@media (max-width: 859px) {
  #page_core_blogmessage .wrapper .container .imgcontentright {
    width: 100%;
    float: none;
    margin: 1rem 0 2rem;
  }
}
#page_core_blogmessage .wrapper .container .ytbox {
  background-color: #f7f7f7;
  border-radius: 15px;
  padding: 2rem;
  margin: 2rem 0;
}
#page_core_blogmessage .wrapper .container .ytbox hr {
  border: 0px;
  height: 1px;
  background-color: #fff;
  margin: 3rem 0 2rem;
}
#page_core_blogmessage .wrapper .container .embedresize {
  max-width: 600px;
  margin: auto;
}
#page_core_blogmessage .wrapper .container .embedresize div {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
}
#page_core_blogmessage .wrapper .container .embedresize iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#page_core_blogmessage .wrapper .container .embedresizesmall {
  max-width: 400px;
  margin: auto;
}
#page_core_blogmessage .wrapper .container .tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}
#page_core_blogmessage .wrapper .container .tooltip .tooltiptext {
  visibility: hidden;
  width: 400px;
  font-size: 14px;
  line-height: 18px;
  background-color: #004070;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 20px;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -200px;
  opacity: 0;
  transition: opacity 0.3s;
}
#page_core_blogmessage .wrapper .container .tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}
#page_core_blogmessage .wrapper .container .tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
#page_core_blogmessage .wrapper .container table {
  border: solid 20px #eee;
  width: 100%;
}
#page_core_blogmessage .wrapper .container table th {
  padding: 3px 10px;
  border-bottom: solid 1px #f7f7f7;
  text-align: left;
  border-right: solid 1px #f7f7f7;
}
#page_core_blogmessage .wrapper .container table th.center {
  text-align: center;
}
#page_core_blogmessage .wrapper .container table td {
  padding: 3px 10px;
  border-bottom: solid 1px #f7f7f7;
  border-right: solid 1px #f7f7f7;
}
#page_core_blogmessage .wrapper .container .floatright {
  float: right;
  margin: 0 0 2rem 2rem;
}
#page_core_blogmessage .wrapper .container .floatleft {
  float: left;
  margin: 0 2rem 2rem 0;
}
#page_core_blogmessage .wrapper .container .per30 {
  width: 30%;
  max-width: 30%;
}
@media (max-width: 859px) {
  #page_core_blogmessage .wrapper .container .per30 {
    width: 100%;
    max-width: 100%;
    margin: auto 0;
  }
}
#page_core_blogmessage .wrapper .container .per40 {
  width: 40%;
  max-width: 40%;
}
@media (max-width: 859px) {
  #page_core_blogmessage .wrapper .container .per40 {
    width: 100%;
    max-width: 100%;
    margin: auto 0;
  }
}
#page_core_blogmessage .wrapper .container .per50 {
  width: 50%;
  max-width: 50%;
}
@media (max-width: 859px) {
  #page_core_blogmessage .wrapper .container .per50 {
    width: 100%;
    max-width: 100%;
    margin: auto 0;
  }
}
#page_core_blogmessage .wrapper .container .hightlightfloat {
  margin-bottom: 2rem;
}
#page_core_blogmessage .wrapper .container .legend {
  font-size: 80%;
  color: #aaa;
}
#page_core_blogmessage .wrapper .container .graphs img {
  width: 100%;
}
#page_core_blogmessage .wrapper .container .statements {
  font-family: "Montserrat Bold", helvetica, arial, sans-serif;
  text-transform: uppercase;
  color: #ee2a7b;
}
#page_core_blogmessage .wrapper .container fieldset {
  padding: 2rem 4rem;
  border: #004070 2px solid;
  border-radius: 1rem;
  margin: 3rem 0;
}
#page_core_blogmessage .wrapper .container fieldset legend {
  padding: 0 2rem;
  text-align: center;
  color: #004070;
}
#page_core_blogmessage .wrapper .container .blogmanager {
  margin: 0 auto;
  border: solid 15px #004070;
  border-radius: 0.5rem;
  background-color: #004070;
  max-width: 800px;
}
#page_core_blogmessage .wrapper .container .blogmanager img {
  width: 100%;
  max-width: 800px;
}
form .customcheck {
  display: block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
form .customcheck input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
form .field {
  margin-bottom: 1em !important;
}
.checkmark {
  position: absolute;
  top: 50%;
  left: 1.7rem;
  height: 3rem;
  width: 3rem;
  background-color: #fff;
  border-radius: 50%;
  margin-top: -1.5rem;
}
@media (max-width: 859px) {
  .checkmark {
    height: 2.5rem;
    width: 2.5rem;
    margin-top: -1.25rem;
    left: 1rem;
  }
}
@media (max-width: 399px) {
  .checkmark {
    height: 2rem;
    width: 2rem;
    margin-top: -1rem;
    left: 1rem;
  }
}
.customcheck:hover input ~ .checkmark {
  background-color: #fff;
}
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.customcheck input:checked ~ .checkmark:after {
  display: block;
}
.customcheck .checkmark:after {
  left: 1rem;
  top: 5px;
  width: 1rem;
  height: 2rem;
  border: solid #ee2a7b;
  border-width: 0 6px 6px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
footer {
  width: 100%;
  background-color: #004070;
  color: #fff;
  padding: 4rem 0 8rem;
}
@media (max-width: 859px) {
  footer {
    padding: 2rem 0 4rem;
    text-align: center;
  }
}
footer .logo {
  /*width: 30%;
  margin:0 auto;
  text-align: center;*/
}


@media (max-width: 1279px) {
  footer .logo {
    width: 100%;
  }
}
footer .logo img {
  max-width: 300px;
  width: 100%;
}
@media (max-width: 1279px) {
  footer .logo img {
    min-width: 350px;
    width: 100%;
  }
}
@media (max-width: 399px) {
  footer .logo img {
    min-width: 200px;
    width: 100%;
  }
}
@media (max-width: 1279px) {
  footer .footermenu .column .column {
    width: 100% !important;
  }
}
@media (max-width: 1279px) {
  footer .footermenu .column .column:not(.contact) {
    display: none;
  }
}
footer .footermenu .item {
  color: #fff !important;
  font-family: "Montserrat Light", helvetica, arial, sans-serif !important;
  font-size: 85%;
  line-height: 1.4 !important;
  margin-bottom: 0.25rem;
}
@media (max-width: 1279px) {
  footer .footermenu .item {
    font-size: 70%;
  }
}
footer .footermenu .item:hover {
  color: #00a8cd !important;
}
footer .footermenu h4 {
  font-family: "Montserrat Bold", helvetica, arial, sans-serif !important;
  font-weight: normal !important;
  color: #fff !important;
  font-size: 110% !important;
}
@media (max-width: 1279px) {
  footer .footermenu .contact {
    font-size: 85%;
  }
}
footer .footermenu .contact .address {
  margin-bottom: 4rem;
}

footer .footermenu .contact .pink {
  color: #fff;
  font-size: 120%;
  font-family: "Montserrat Bold", helvetica, arial, sans-serif !important;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
footer .footermenu .contact .pink:hover {
  color: #00a8cd !important;
}
footer .footermenu .legal {
  margin-top: 4rem;
}
@media (max-width: 1279px) {
  footer .footermenu .legal a {
    font-size: 100%;
    margin-bottom: 1rem;
  }
}
header {
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../assets/custoheroinside.jpg");
}
header .hero {
  color: #004070;
  padding-top: 180px;
}
header .hero.empty {
  padding-top: 144px;
}
@media (max-width: 1279px) {
  header .hero {
    padding-top: 110px;
  }
}
@media (max-width: 399px) {
  header .hero {
    padding-top: 120px;
  }
}
header .hero .content,
header .hero .seven.wide.column,
header .hero .content.eight.wide.column {
  width: 50% !important;
  margin: 5rem 0;
}
@media (max-width: 1439px) {
  header .hero .content,
  header .hero .seven.wide.column,
  header .hero .content.eight.wide.column {
    margin: 4rem 0 3rem;
  }
}
@media (max-width: 1023px) {
  header .hero .content,
  header .hero .seven.wide.column,
  header .hero .content.eight.wide.column {
    width: 100% !important;
    margin-bottom: 0;
  }
}
@media (max-width: 499px) {
  header .hero .content,
  header .hero .seven.wide.column,
  header .hero .content.eight.wide.column {
    text-align: center;
  }
}
@media (max-width: 399px) {
  header .hero .content,
  header .hero .seven.wide.column,
  header .hero .content.eight.wide.column {
    margin: 2rem 0 0;
  }
}
header .hero .content p,
header .hero .seven.wide.column p,
header .hero .content.eight.wide.column p {
  font-family: "Montserrat Light", helvetica, arial, sans-serif;
}
header .hero .content a {
  text-align: center;
}

header .hero .animation,
header .hero .nine.wide.column,
header .hero .staticillu,
header .hero .staticillu.eight.wide.column {
  width: 50% !important;
  /*text-align: center;*/
}
header .hero .animation img,
header .hero .animation object,
header .hero .nine.wide.column img,
header .hero .nine.wide.column object,
header .hero .staticillu img,
header .hero .staticillu object,
header .hero .staticillu.eight.wide.column img,
header .hero .staticillu.eight.wide.column object {
  max-width: 600px;
}
@media (max-width: 1439px) {
  header .hero .animation img,
  header .hero .animation object,
  header .hero .nine.wide.column img,
  header .hero .nine.wide.column object,
  header .hero .staticillu img,
  header .hero .staticillu object,
  header .hero .staticillu.eight.wide.column img,
  header .hero .staticillu.eight.wide.column object {
    width: 100%;
  }
}
@media (max-width: 1023px) {
  header .hero .animation img,
  header .hero .animation object,
  header .hero .nine.wide.column img,
  header .hero .nine.wide.column object,
  header .hero .staticillu img,
  header .hero .staticillu object,
  header .hero .staticillu.eight.wide.column img,
  header .hero .staticillu.eight.wide.column object {
    width: 50%;
    margin: 0 auto;
    padding: 0;
  }
}
@media (max-width: 499px) {
  header .hero .animation img,
  header .hero .animation object,
  header .hero .nine.wide.column img,
  header .hero .nine.wide.column object,
  header .hero .staticillu img,
  header .hero .staticillu object,
  header .hero .staticillu.eight.wide.column img,
  header .hero .staticillu.eight.wide.column object {
    width: 100%;
  }
}
@media (max-width: 1023px) {
  header .hero .animation,
  header .hero .nine.wide.column,
  header .hero .staticillu,
  header .hero .staticillu.eight.wide.column {
    width: 100% !important;
  }
}
@media (max-width: 499px) {
  header .hero .animation,
  header .hero .nine.wide.column,
  header .hero .staticillu,
  header .hero .staticillu.eight.wide.column {
    text-align: center;
  }
}
.wrapper .ui.accordion .title:not(.ui) {
  font-family: "Montserrat Semibold", helvetica, arial, sans-serif;
  color: #004070;
  margin: 1rem 0;
  font-size: 110%;
}
.wrapper .ui.accordion .title:not(.ui):hover,
.wrapper .ui.accordion .title.active:not(.ui) {
  color: #00a8cd;
}
.wrapper .ui.accordion .content {
  color: #333;
}
.section h2 {
  margin: 6rem 0 4rem 0;
}
@media (max-width: 1023px) {
  .section h2 {
    margin: 3rem 0 2rem 0 !important;
  }
}
#page_core_legalprivacy header,
#page_core_legalcookie header,
#page_core_legalconditions header {
  background-image: none;
  background-color: #fff;
}
#page_core_stepbystep .hero .content {
  margin-bottom: 2rem;
}
#page_core_testimonialshairdis header .hero img,
#page_core_testimonialsbroze header .hero img {
  max-width: 230px;
}
#page_core_testimonialshairdis header .hero h1,
#page_core_testimonialsbroze header .hero h1 {
  color: #fff;
  font-size: 2.3rem;
  margin-top: 4rem;
}
#page_core_testimonialshairdis header .hero a.btn,
#page_core_testimonialsbroze header .hero a.btn {
  background-color: #000 !important;
  border-color: #000 !important;
  color: #fff !important;
}
#page_core_testimonialshairdis header .hero a.btn:hover,
#page_core_testimonialsbroze header .hero a.btn:hover {
  background-color: #fff !important;
  border-color: #fff !important;
  color: #000 !important;
}
#page_core_testimonialshairdis h2,
#page_core_testimonialsbroze h2 {
  font-size: 2rem;
  color: #d93a3a;
  margin-top: 0;
}
#page_core_testimonialshairdis .black,
#page_core_testimonialsbroze .black {
  color: #000;
}
#page_core_testimonialshairdis .legend,
#page_core_testimonialsbroze .legend {
  font-size: 14px;
  color: #aaa;
}
#page_core_testimonialshairdis img.store,
#page_core_testimonialsbroze img.store {
  width: 95%;
  border-radius: 1.5rem;
  margin-bottom: 1rem;
}
#page_core_testimonialshairdis img.fullwidth,
#page_core_testimonialsbroze img.fullwidth {
  width: 100%;
  margin-top: 2rem;
  margin-bottom: 1rem;
}
#page_core_testimonialshairdis .crewgroup,
#page_core_testimonialsbroze .crewgroup {
  margin-bottom: 4rem;
}
#page_core_testimonialshairdis .crewgroup img.crew,
#page_core_testimonialsbroze .crewgroup img.crew {
  width: 150px;
  border-radius: 50%;
}
@media (max-width: 1439px) {
  #page_core_testimonialshairdis .crewgroup .eight.wide,
  #page_core_testimonialsbroze .crewgroup .eight.wide {
    width: 100% !important;
    text-align: center;
  }
  #page_core_testimonialshairdis .crewgroup .eight.wide .column,
  #page_core_testimonialsbroze .crewgroup .eight.wide .column {
    width: 100% !important;
    text-align: center;
  }
}
#page_core_testimonialshairdis hr,
#page_core_testimonialsbroze hr {
  border: 0;
  border-top: solid 5px #ededed;
  margin: 3rem 0;
}
#page_core_testimonialshairdis a.btn.outline.primary,
#page_core_testimonialsbroze a.btn.outline.primary {
  background-color: transparent !important;
  border-color: #d93a3a !important;
  color: #d93a3a !important;
  margin: 1rem 0 4rem;
}
#page_core_testimonialshairdis a.btn.outline.primary:hover,
#page_core_testimonialsbroze a.btn.outline.primary:hover {
  background-color: transparent !important;
  border-color: #000 !important;
  color: #000 !important;
}
#page_core_testimonialshairdis img.video,
#page_core_testimonialsbroze img.video {
  width: 100%;
}
#page_core_testimonialshairdis .screens,
#page_core_testimonialsbroze .screens {
  background-color: #ededed;
  margin: 3rem 0;
}
#page_core_testimonialshairdis .screens .legend,
#page_core_testimonialsbroze .screens .legend {
  color: #000;
  margin-top: 0.75rem;
}
#page_core_testimonialshairdis .screens img,
#page_core_testimonialsbroze .screens img {
  margin: 0;
}
#page_core_testimonialshairdis .quote,
#page_core_testimonialsbroze .quote {
  background-color: #fff;
  padding: 1.5rem 4rem;
  width: 80%;
  text-align: center;
  margin-bottom: 1.5rem;
  border-radius: 1rem;
  float: left;
}
#page_core_testimonialshairdis .quote.right,
#page_core_testimonialsbroze .quote.right {
  float: right;
}
#page_core_testimonialshairdis .quote p:before,
#page_core_testimonialshairdis .quote p:after,
#page_core_testimonialsbroze .quote p:before,
#page_core_testimonialsbroze .quote p:after {
  position: absolute;
  font-size: 3em;
  color: #d93a3a;
  font-family: "Montserrat Bold", helvetica, arial, sans-serif;
  line-height: 1;
}
#page_core_testimonialshairdis .quote p:before,
#page_core_testimonialsbroze .quote p:before {
  content: "“";
  left: 0.75rem;
  top: 0.5rem;
}
#page_core_testimonialshairdis .quote p:after,
#page_core_testimonialsbroze .quote p:after {
  content: "”";
  right: 0.75rem;
  bottom: -1.25rem;
}
#page_core_testimonialshairdis .section.primary,
#page_core_testimonialsbroze .section.primary {
  background-color: #d93a3a;
}
#page_core_testimonialshairdis .section.mainquote,
#page_core_testimonialsbroze .section.mainquote {
  padding: 0;
  text-align: center;
}
#page_core_testimonialshairdis .section.mainquote .wide.column,
#page_core_testimonialsbroze .section.mainquote .wide.column {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
#page_core_testimonialshairdis .section.mainquote .quotehighlight,
#page_core_testimonialsbroze .section.mainquote .quotehighlight {
  width: 90%;
  margin: 0 auto;
}
#page_core_testimonialshairdis .section.mainquote .quotehighlight p,
#page_core_testimonialsbroze .section.mainquote .quotehighlight p {
  padding: 2rem;
}
#page_core_testimonialshairdis .section.mainquote .quotehighlight p:before,
#page_core_testimonialshairdis .section.mainquote .quotehighlight p:after,
#page_core_testimonialsbroze .section.mainquote .quotehighlight p:before,
#page_core_testimonialsbroze .section.mainquote .quotehighlight p:after {
  position: absolute;
  font-size: 3em;
  color: #000;
  font-family: "Montserrat Bold", helvetica, arial, sans-serif;
  line-height: 1;
}
#page_core_testimonialshairdis .section.mainquote .quotehighlight p:before,
#page_core_testimonialsbroze .section.mainquote .quotehighlight p:before {
  content: "“";
  left: 0.75rem;
  top: 0.5rem;
}
#page_core_testimonialshairdis .section.mainquote .quotehighlight p:after,
#page_core_testimonialsbroze .section.mainquote .quotehighlight p:after {
  content: "”";
  right: 0.75rem;
  bottom: -1.25rem;
}
#page_core_testimonialshairdis .section.mainquote img,
#page_core_testimonialsbroze .section.mainquote img {
  width: 100%;
}
#page_core_testimonialshairdis .section.figures,
#page_core_testimonialsbroze .section.figures {
  text-align: center;
}
#page_core_testimonialshairdis .section.figures .figuresgroup,
#page_core_testimonialsbroze .section.figures .figuresgroup {
  margin: 2rem 0;
}
#page_core_testimonialshairdis .section.figures .figuresgroup .bigfigures,
#page_core_testimonialsbroze .section.figures .figuresgroup .bigfigures {
  font-size: 240%;
  color: #d93a3a;
  margin-bottom: 1rem;
}
#page_core_testimonialshairdis .section.figures .figuresgroup .icon,
#page_core_testimonialsbroze .section.figures .figuresgroup .icon {
  width: 50px;
  margin-bottom: 1rem;
}
#page_core_testimonialshairdis .section.figures .figuresgroup .strikethrough,
#page_core_testimonialsbroze .section.figures .figuresgroup .strikethrough {
  text-decoration: line-through;
}
#page_core_testimonialshairdis .section.projects,
#page_core_testimonialsbroze .section.projects {
  background-color: #d93a3a;
  color: #fff;
  text-align: center;
}
#page_core_testimonialshairdis .section.projects h2,
#page_core_testimonialsbroze .section.projects h2 {
  color: #fff;
}
#page_core_testimonialshairdis .section.projects .icon,
#page_core_testimonialsbroze .section.projects .icon {
  width: 80px;
  margin-bottom: 1rem;
}
#page_core_testimonialshairdis .section.steps,
#page_core_testimonialsbroze .section.steps {
  text-align: center;
}
#page_core_testimonialshairdis .section.steps .three.column,
#page_core_testimonialsbroze .section.steps .three.column {
  margin-top: 3rem;
}
#page_core_testimonialshairdis .section.steps .three.column .column,
#page_core_testimonialsbroze .section.steps .three.column .column {
  display: grid;
}
#page_core_testimonialshairdis .section.steps .three.column .column .box,
#page_core_testimonialsbroze .section.steps .three.column .column .box {
  background-color: #f7f7f7;
  border-radius: 1rem;
}
#page_core_testimonialshairdis .section.steps .three.column .column .box .num,
#page_core_testimonialsbroze .section.steps .three.column .column .box .num {
  background-color: #d93a3a;
  color: #fff;
  width: 3rem;
  padding: 0.5rem 1rem 0.3rem;
  font-size: 160%;
  font-family: "Montserrat Bold", helvetica, arial, sans-serif;
  text-align: center;
  border-top-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  margin: 0 auto;
}
#page_core_testimonialshairdis
  .section.steps
  .three.column
  .column
  .box
  .content,
#page_core_testimonialsbroze
  .section.steps
  .three.column
  .column
  .box
  .content {
  padding: 3rem;
}
#page_core_testimonialshairdis .section.reasons,
#page_core_testimonialsbroze .section.reasons {
  text-align: center;
}
#page_core_testimonialshairdis .section.reasons .column .column,
#page_core_testimonialsbroze .section.reasons .column .column {
  display: grid;
  text-align: center;
}
#page_core_testimonialshairdis .section.reasons .column .column .box,
#page_core_testimonialsbroze .section.reasons .column .column .box {
  background-color: #fff;
  border-radius: 1rem;
  padding: 2rem;
}
#page_core_testimonialshairdis .section.reasons .column .column .box img.icon,
#page_core_testimonialsbroze .section.reasons .column .column .box img.icon {
  width: 50px;
}
#page_core_testimonialshairdis .section.reasons .column .column .box h4,
#page_core_testimonialsbroze .section.reasons .column .column .box h4 {
  font-size: 1.2rem;
  font-family: "Montserrat Bold", helvetica, arial, sans-serif;
  text-transform: uppercase;
}
#page_core_testimonialshairdis header {
  background-image: url("/assets/testimonials/hairdis/bghero.jpg");
}
@media (max-width: 1023px) {
  #page_core_testimonialshairdis header {
    background-image: none;
    background: #ac2724;
    background: linear-gradient(158deg, #ac2724 0%, #781b19 100%);
  }
  #page_core_testimonialshairdis header .hero .grid .column {
    margin: 5rem 0 2rem;
  }
  #page_core_testimonialshairdis header .hero .grid .column:first-of-type {
    display: none;
  }
}
#page_core_testimonialsbroze header {
  background-image: url("/assets/testimonials/broze/bghero.jpg");
}
@media (max-width: 1023px) {
  #page_core_testimonialsbroze header {
    background-image: none;
    background: #ff4947;
    background: linear-gradient(158deg, #ff4947 0%, #912b12 100%);
  }
}
#page_core_testimonialsbroze header .hero img {
  max-width: 160px;
}
@media (max-width: 1023px) {
  #page_core_testimonialsbroze header .hero .grid .column {
    margin: 5rem 0 2rem;
  }
  #page_core_testimonialsbroze header .hero .grid .column:first-of-type {
    display: none;
  }
}
#page_core_testimonialsbroze h2 {
  font-size: 1.8rem;
  line-height: 1.3;
  text-align: left;
  margin-bottom: 4rem;
}

.confirm-container {
  font-size: 1.3rem;
  line-height: 2;
  text-align: center;
  color:#ffffff;
}