@charset "UTF-8";
:root {
  --container-width: 1fr;
  --container-spacer: 15px;
  --margin-default: 15px;
  --block: 75px;
  --footer-padding: 25px;
  --padding-default: 15px;
}

@media (min-width: 1280px) {
  :root {
    --container-spacer: auto;
    --container-width: 1280px;
  }
}
.pageContainer h1,
.cke_editable h1,
.content h1 {
  font-family: "sofia-pro", sans-serif;
  line-height: 47px;
  font-size: 34px;
  color: #1c2226;
  font-weight: 900;
  font-style: normal;
  margin: 0 0 15px;
}

.pageContainer h2,
h2.mobile_read_more,
.cke_editable h2,
.content h2 {
  font-family: "sofia-pro", sans-serif;
  color: #1c2226;
  font-size: 24px;
  font-weight: 900;
  margin: 10px 0 15px;
  line-height: 32px;
}

.pageContainer h3,
.cke_editable h3,
.portal__text h3,
.content h3 {
  font-family: "sofia-pro", sans-serif;
  font-weight: 900;
  margin: 0;
  color: #1c2226;
  padding: 0;
  font-size: 18px;
}

.pageContainer h4,
.cke_editable h4,
.content h4 {
  font-family: "sofia-pro", sans-serif;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 800;
}

@media only screen and (max-width: 768px) {
  .pageContainer h1,
.cke_editable h1,
.content h1 {
    line-height: 30px;
    font-size: 24px;
  }

  .pageContainer h2,
h2.mobile_read_more,
.cke_editable h2,
.content h2 {
    font-size: 20px;
    line-height: 31px !important;
  }

  .pageContainer h3,
.cke_editable h3,
.portal__text h3,
.content h3 {
    font-size: 17px;
  }
}
:root {
  --container-width: 1fr;
  --container-spacer: 15px;
  --margin-default: 15px;
  --block: 75px;
  --footer-padding: 25px;
  --padding-default: 15px;
}

@media (min-width: 1280px) {
  :root {
    --container-spacer: auto;
    --container-width: 1280px;
  }
}
.pageContainer h1,
.cke_editable h1,
.content h1 {
  font-family: "sofia-pro", sans-serif;
  line-height: 47px;
  font-size: 34px;
  color: #1c2226;
  font-weight: 900;
  font-style: normal;
  margin: 0 0 15px;
}

.pageContainer h2,
h2.mobile_read_more,
.cke_editable h2,
.content h2 {
  font-family: "sofia-pro", sans-serif;
  color: #1c2226;
  font-size: 24px;
  font-weight: 900;
  margin: 10px 0 15px;
  line-height: 32px;
}

.pageContainer h3,
.cke_editable h3,
.portal__text h3,
.content h3 {
  font-family: "sofia-pro", sans-serif;
  font-weight: 900;
  margin: 0;
  color: #1c2226;
  padding: 0;
  font-size: 18px;
}

.pageContainer h4,
.cke_editable h4,
.content h4 {
  font-family: "sofia-pro", sans-serif;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 800;
}

@media only screen and (max-width: 768px) {
  .pageContainer h1,
.cke_editable h1,
.content h1 {
    line-height: 30px;
    font-size: 24px;
  }

  .pageContainer h2,
h2.mobile_read_more,
.cke_editable h2,
.content h2 {
    font-size: 20px;
    line-height: 31px !important;
  }

  .pageContainer h3,
.cke_editable h3,
.portal__text h3,
.content h3 {
    font-size: 17px;
  }
}
.topLogin__click {
  position: absolute;
  right: -60px;
  top: 100%;
  z-index: 50;
  margin-top: 19px;
  width: 482px;
  border: 1px solid #D1D1D1;
  background-color: white;
  padding: 1em;
}
.topLogin__click:before {
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #fff;
  position: absolute;
  top: -15px;
  content: "";
  display: block;
  right: 9%;
}
.topLogin__top {
  border-bottom: 1px solid #d2d2d2;
  background-color: #e3e3e3;
  height: 26px;
  line-height: 26px;
  padding-left: 10px;
}
.topLogin__line {
  margin: 0 0 0.8em;
}
.topLogin__line:after {
  content: "";
  display: table;
  clear: both;
}
.topLogin__line:last-child {
  margin-bottom: 0;
}
.topLogin__label {
  float: left;
  width: 33%;
  padding-right: 1em;
  box-sizing: border-box;
}
.topLogin__input {
  float: left;
  width: 67%;
  border: 1px solid #D1D1D1;
  background-color: white;
  padding: 3px 5px;
  box-sizing: border-box;
  height: 40px;
  margin-top: 10px;
}
.topLogin__inputHolder {
  float: left;
  width: 37%;
  display: flex;
  justify-content: space-between;
}
.topLogin__radio {
  display: block;
}
.topLogin__image {
  float: right;
}
.topLogin__link {
  color: #9F9F9F;
}
.topLogin__button--left {
  float: left;
}
.topLogin__button--right {
  float: right;
}
.topLogin__button--right:after {
  content: "";
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  border: 6px solid transparent;
  top: -1px;
  left: 4px;
  border-left: 8px solid #FFF;
  margin-left: 5px;
}

.account__icon .topLogin__click {
  right: -49px;
}

.topLogin__line img {
  display: none;
}

.buttonAces_link {
  padding: 15px 0px 0 0 !important;
  color: #1c2226;
}
.buttonAces_link i {
  font-size: 20px;
  position: relative;
  top: 1px;
  padding-right: 7px;
}

.button_orange {
  background: #ffcc00;
  border: none;
  box-shadow: none;
  color: #1c2226;
  border-radius: 50px;
  height: 45px;
  padding: 0 20px !important;
  font-weight: 800 !important;
  font-family: "sofia-pro", sans-serif;
}

.topLogin__button--right:after {
  display: none;
}

.topCart__click {
  position: absolute;
  right: 20px;
  top: calc(100% + 10px);
  z-index: 150;
  width: 615px;
  border: 1px solid #D1D1D1;
  background-color: white;
  margin-top: 0;
}
.topCart__click:before {
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #fff;
  position: absolute;
  top: -15px;
  content: "";
  display: block;
  right: -1px;
}
.topCart__footer {
  padding: 1em;
  text-align: right;
}
.topCart__footer:after {
  content: "";
  display: table;
  clear: both;
}
.topCart__footerPrice {
  display: block;
  margin: 0 0 1em;
  color: #1D2327;
}
.topCart__footerPriceTotal {
  line-height: 31px;
  margin-right: 3em;
  font-weight: 400;
}
.topCart__footerPriceValue {
  font-weight: 800;
  line-height: 31px;
  font-size: 1.1em;
}
.topCart__footerDelivery {
  float: left;
  margin-top: 8px;
  color: #51A118;
  font-weight: 400;
}
.topCart__footerButton {
  display: block;
}
.topCart__scroll {
  position: relative;
}
.topCart__scroll .thumb .end,
.topCart__scroll .thumb {
  background-color: #808080;
}
.topCart__scroll .scrollbar {
  position: absolute;
  right: 2px;
  top: 10px;
  width: 5px;
  z-index: 2;
}
.topCart__scroll .track {
  background-color: #e2e2e2;
  height: 100%;
  width: 2px;
  position: relative;
  padding: 0 1px;
}
.topCart__scroll .thumb {
  height: 20px;
  width: 2px;
  cursor: pointer;
  overflow: hidden;
  position: absolute;
  top: 0;
}
.topCart__scroll .thumb .end {
  overflow: hidden;
  height: 5px;
  width: 13px;
}
.topCart__scroll .disable {
  display: none;
}
.topCart__viewport {
  display: block;
  height: 270px;
  position: relative;
  overflow: hidden;
}
.topCart__content {
  list-style: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.topCart__line {
  position: relative;
  height: 60px;
  padding: 15px 25px 15px 15px;
  box-sizing: border-box;
}
.topCart__line:after {
  content: "";
  display: table;
  clear: both;
}
.topCart__line:nth-child(2n) {
  background: #EBEBEB;
}
.topCart__line .topCart__linePrice, .topCart__line .topCart__lineDescription, .topCart__line .topCart__lineAmount, .topCart__line .topCart__lineImage {
  float: left;
  line-height: 30px;
}
.topCart__lineImage {
  width: 40px;
  height: 40px;
  margin: -5px 0;
}
.topCart__lineImage img {
  max-width: 100%;
  height: auto;
}
.topCart__lineAmount {
  margin-left: 15px;
  width: 20px;
  font-weight: bold;
  text-align: right;
}
.topCart__lineDescription {
  float: none !important;
  margin: 0 160px 0 100px;
  white-space: nowrap;
  overflow: hidden;
  text-decoration: none;
  text-overflow: ellipsis;
  height: 30px;
}
.topCart__lineDescription a {
  color: #1846a2;
}
.topCart__lineDescription a:hover {
  text-decoration: underline;
}
.topCart__linePrice {
  float: right !important;
  text-align: right;
  width: 145px;
  white-space: nowrap;
  color: #1D2327;
  font-style: italic;
}
.topCart__loading {
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.9);
  line-height: 55px;
  display: none;
  top: 0;
}

.cart__icon .topCart__click {
  top: 43px;
  right: -2px;
}

/* - - - - - - - - - - - - - - - - - - - - -

Title : Lightbox CSS
Author : Kevin Hale
URL : http://particletree.com/features/lightbox-gone-wild/

Created : January 13, 2006
Modified : February 1, 2006

- - - - - - - - - - - - - - - - - - - - - */
#lightbox_container {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  overflow: auto;
}

#lightbox {
  /* For Safari 3.1 to 6.0 */
  transition: width 2s, height 4s;
  display: block;
  position: relative;
  z-index: 1;
  width: 80%;
  height: 490px;
  margin: 0 auto;
  border: 1px solid #fff;
  background: #ffffff;
  text-align: left;
}
@media only screen and (max-width: 1024px) {
  #lightbox {
    max-width: 100% !important;
  }
}

#overlay {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background-color: #000000;
  -moz-opacity: 0.7;
  opacity: 0.7;
  filter: alpha(opacity=70);
  width: 100%;
  height: 100%;
}

#lightbox.done #lbLoadMessage {
  display: none;
}

#lightbox.done #lbContent {
  display: block;
}

#lightbox.loading #lbContent {
  display: none;
}

#lightbox.loading #lbLoadMessage {
  display: block;
}

#lbContent:after {
  clear: both;
  display: table;
  content: "";
}

/* - - - - - - - - - - - - - - - - - - - - -

Extended by: Oscar Dunker
Modified : November 19, 2009

- - - - - - - - - - - - - - - - - - - - - */
#closelightbox {
  background-image: url("//cd.acesdirect.nl/site_images/template/lightboxbutton.png");
  cursor: pointer;
  height: 19px;
  width: 20px;
  position: absolute;
  right: -10px;
  top: -10px;
}

#lightbox.loading {
  background-color: #ffffff;
}

#lightbox.done {
  background-color: #ffffff;
}

#lightbox #lbLoadMessage {
  color: #293366;
  font-size: 13px;
  font-weight: bold;
  margin: -4px 0px 0px -6px;
}

#lightbox {
  border: 1px solid #222222;
  border-radius: 0;
  padding: 20px;
  min-height: 50px;
  height: auto;
}

#lightbox .title {
  color: #1D2327;
  font-size: 18px;
  font-weight: bold;
  line-height: 20px;
  margin: 0px 0px 10px 0px;
}

#lightbox .subtitle {
  color: #000000;
  font-size: 14px;
  font-weight: bold;
  margin: 0px 0px 10px 0px;
}

#lightbox.loading.loginsubscribe, #lightbox.done.loginsubscribe {
  height: 270px;
  margin: -135px 0px 0px -325px;
  width: 650px;
}

#lightbox.loading.popup, #lightbox.done.popup {
  height: 267px;
  margin: -135px 0px 0px -325px;
  width: 728px;
  padding: 0px;
}

.popup #closelightbox {
  margin: 0px;
}

#IMAGE_LIGHTBOX {
  min-height: 800px;
}

#LIGHTBOX_PRODUCT_TOP_CONTAINER_LEFT #LIGHTBOX_TOP_LEFT,
#LIGHTBOX_PRODUCT_TOP_CONTAINER_LEFT #LIGHTBOX_TOP_RIGHT {
  box-sizing: border-box;
  font-size: 1em;
}

#LIGHTBOX_PRODUCT_TOP_CONTAINER_LEFT #LIGHTBOX_TOP_LEFT {
  width: 45%;
}

#LIGHTBOX_PRODUCT_TOP_CONTAINER_LEFT #LIGHTBOX_TOP_RIGHT {
  width: 51%;
}

/** Warranty **/
.tbl_warranty {
  width: 95%;
}

.tbl_warranty_center {
  text-align: center;
}

.buttonPill,
a.buttonPill {
  display: inline-block;
  background-color: #ffcc00;
  font-family: "sofia-pro", sans-serif;
  font-size: 17px;
  font-weight: 800;
  line-height: 30px;
  border-radius: 23px;
  color: #1c2226;
  border: none;
  box-sizing: border-box;
  padding: 8px 20px;
  cursor: pointer;
  text-decoration: none !important;
}
.buttonPill--goTo,
a.buttonPill--goTo {
  color: white;
  background-color: #51A118;
}
.buttonPill--goTo:after,
a.buttonPill--goTo:after {
  content: "\f054";
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  font-size: 16px;
  margin-left: 0.8em;
}
.buttonPill--green,
a.buttonPill--green {
  color: white;
  background-color: #51A118;
}
.buttonPill--red,
a.buttonPill--red {
  color: white;
  background-color: #E50707;
}
.buttonPill--grey,
a.buttonPill--grey {
  background: #E4E4E4;
  color: #303030;
}

.roundButton,
a.roundButton {
  display: inline-block;
  box-sizing: border-box;
  padding: 9px 20px 9px 42px;
  font-size: 18px;
  font-weight: 800;
  border-radius: 23px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  z-index: 1;
  color: #1c2226;
  text-decoration: none;
}
.roundButton:before,
a.roundButton:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 23px;
  border: 2px solid #1c2226;
  z-index: -1;
  box-sizing: border-box;
  transition: visibility 0.1s linear 0.5s;
}
.roundButton:after,
a.roundButton:after {
  content: "";
  position: absolute;
  background-color: #ffcc00;
  border-radius: 23px;
  width: 8px;
  height: 8px;
  left: 19px;
  top: calc(50% - 4px);
  z-index: -1;
}
.roundButton span,
a.roundButton span {
  display: none;
  position: absolute;
  background-color: #FFF;
  border-radius: 23px;
  width: 8px;
  height: 8px;
  left: 19px;
  top: calc(50% - 4px);
}
.roundButton--inverted:after,
a.roundButton--inverted:after {
  background-color: #FFF;
}
.roundButton--inverted span,
a.roundButton--inverted span {
  background-color: #ffcc00;
}
.roundButton:hover:before,
a.roundButton:hover:before {
  animation: roundButtonBorder 0.1s ease-in 0.5s forwards;
}
.roundButton:hover:after,
a.roundButton:hover:after {
  animation: roundButtonFill 0.5s ease-in forwards;
}
.roundButton:hover span,
a.roundButton:hover span {
  display: block;
}

.button,
a.button {
  display: inline-block;
  box-sizing: border-box;
  border-radius: 50px;
  border: 1px solid #d2d2d2;
  background: #FFF;
  padding: 0.8em 1.2em;
  color: #1D2327;
  cursor: pointer;
  font-family: "sofia-pro", sans-serif;
  font-size: 1em;
  line-height: 1.25;
  text-align: center;
  text-decoration: none;
}
.button--success,
a.button--success {
  border: 0;
  background: #51A118;
  color: #FFF;
}
.button--rounded,
a.button--rounded {
  border-radius: 50px;
}
.button--cta,
a.button--cta {
  border: 0;
  background: #ffcc00;
  color: #FFF;
}
.button--small,
a.button--small {
  font-size: 0.9em;
}
.button--arrowRight,
a.button--arrowRight {
  padding-right: 2.4em;
  position: relative;
}
.button--arrowRight:after,
a.button--arrowRight:after {
  position: absolute;
  right: 1em;
  top: 50%;
  margin-top: -5px;
  content: "";
  display: inline-block;
  height: 8px;
  width: 8px;
  border-right: 2px solid #1D2327;
  border-top: 2px solid #1D2327;
  letter-spacing: 1px;
  transform: rotate(45deg);
}
.button--arrowLeft,
a.button--arrowLeft {
  padding-left: 2.4em;
  position: relative;
}
.button--arrowLeft:before,
a.button--arrowLeft:before {
  position: absolute;
  left: 1em;
  top: 50%;
  margin-top: -5px;
  content: "";
  display: inline-block;
  height: 8px;
  width: 8px;
  border-right: 2px solid #1D2327;
  border-top: 2px solid #1D2327;
  letter-spacing: 1px;
  transform: rotate(45deg);
}
.button--arrowBack,
a.button--arrowBack {
  padding-left: 2.4em;
  position: relative;
}
.button--arrowBack:before,
a.button--arrowBack:before {
  position: absolute;
  left: 1em;
  top: 50%;
  margin-top: -5px;
  content: "";
  display: inline-block;
  height: 8px;
  width: 8px;
  border-right: 2px solid #1D2327;
  border-top: 2px solid #1D2327;
  letter-spacing: 1px;
  transform: rotate(-135deg);
}
.button--fullWidth,
a.button--fullWidth {
  display: block;
  width: 100%;
}
.button i,
a.button i {
  margin-right: 0.5em;
  font-size: 1.2em;
  vertical-align: middle;
}
.button--notext i,
a.button--notext i {
  margin-right: 0;
}

.shoppingcart_image {
  display: inline-block;
}
.shoppingcart_image:before {
  content: "\f07a";
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  font-size: 20px;
}

.authorize_image {
  display: inline-block;
}
.authorize_image:before {
  content: "\e5c5";
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  font-size: 20px;
}

.authorized_image {
  display: inline-block;
}
.authorized_image:before {
  content: "\f068";
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  font-size: 20px;
}

.myaccount_image {
  background: url("https://cd.acesdirect.nl/site_images/template/mijnaccountmobiel.png") no-repeat top center;
  background-size: 15px 21px;
  width: 21px;
  height: 21px;
  display: inline-block;
}

.mobileMenuIcon {
  background: url("https://cd.acesdirect.nl/site_images/template/hamburgermenu_wit.png") no-repeat top center;
  background-size: 30px 23px;
  width: 30px;
  height: 23px;
  display: inline-block;
}

.cta__button {
  position: relative;
  text-align: center;
  border: 1px solid #ffa409;
  background: #f9b322;
  color: #FFF;
  padding: 5px 20px;
  cursor: pointer;
  box-shadow: 1px 1px #ffa409;
  font-size: 1.1em;
}

.cta__button:active {
  top: 1px;
  left: 1px;
  box-shadow: 0px 0px #ffa409;
}

.cta__button--small {
  font-size: 0.8em;
}

.ctaTextButton {
  position: relative;
  display: inline-block;
  background: #ffcc00;
  line-height: 1.4em;
  padding: 1.4em 1em;
  vertical-align: middle;
  overflow: hidden;
  box-sizing: border-box;
  height: 55px;
  width: 55px;
}
.ctaTextButton:before {
  position: absolute;
  top: 30%;
  left: 40%;
  content: "\f105";
  font-weight: 900;
  font-family: "Font Awesome 6 Pro";
  font-size: 30px;
  color: #fff;
}

.showMoreInfo,
.aces_block_button {
  height: 45px;
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  border-radius: 50px;
  background: #ffcc00;
  padding: 1em 1.5em;
  color: #1c2226;
  font-weight: 600;
  cursor: pointer;
  line-height: 0.5em;
  text-align: center;
  font-size: 17px;
  border: 0;
}

.buttonAces {
  box-sizing: border-box;
  cursor: pointer;
  font-size: 1em;
  font-weight: normal;
  line-height: normal;
  margin: 0;
  padding: 8px 10px;
  position: relative;
  text-align: left;
  text-decoration: none;
}
.buttonAces--small {
  padding: 4px;
}
.buttonAces--wide {
  padding-left: 2em;
  padding-right: 2em;
}
.buttonAces:active {
  box-shadow: 0 0 rgba(255, 255, 255, 0);
  top: 1px;
  left: 1px;
}
.buttonAces--green {
  background: #007f00;
  border: 1px solid #009500;
  box-shadow: 1px 1px #009500;
  color: #fff;
}
.buttonAces--grey {
  background: #E4E4E4;
  border: 1px solid #C6C6C6;
  box-shadow: 1px 1px #C6C6C6;
  color: #303030;
}
.buttonAces--shoppingcart {
  color: #fff;
  border: 1px solid #D5D5D5;
  background: #1fbb4e;
  background: linear-gradient(to bottom, #1fbb4e 0%, #1f9d4e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#1fbb4e", endColorstr="#1f9d4e",GradientType=0 );
}
.buttonAces--shoppingcart .shoppingcart_image {
  margin-top: -3px;
  vertical-align: middle;
}
.buttonAces--shoppingcart-new {
  color: #fff;
  background: #1fbb4e;
  background: linear-gradient(to bottom, #1fbb4e 0%, #1f9d4e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#1fbb4e", endColorstr="#1f9d4e",GradientType=0 );
  font-weight: bold;
  font-size: 1.1em;
  letter-spacing: 1px;
  padding: 10px 14px;
  border-radius: 1.3px;
  display: inline-block;
  vertical-align: middle;
}
.buttonAces--blue {
  background: #112151;
  border: 1px solid #0d1941;
  box-shadow: 1px 1px #0d1941;
  color: #fff;
}
.buttonAces--yellow {
  background: #f9b322;
  border: 1px solid #ffa409;
  box-shadow: 1px 1px #ffa409;
  color: #fff;
}
.buttonAces--ad-yellow {
  background: #ffcb00;
  border: 1px solid #ffcb00;
  box-shadow: 1px 1px #ffcb00;
  color: #000;
}
.buttonAces--arrowRight {
  padding-right: 25px;
  text-align: right;
}
.buttonAces--arrowRight:after {
  position: absolute;
  content: "";
  top: 100%;
  right: 3px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-left-width: 6px;
  border-right-width: 6px;
  border-left-color: #fff;
  margin-top: -22px;
}
.buttonAces--arrowLeft {
  padding-left: 25px;
}
.buttonAces--arrowLeft:after {
  position: absolute;
  content: "";
  top: 100%;
  left: 3px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-left-width: 6px;
  border-right-width: 6px;
  border-right-color: #fff;
  margin-top: -22px;
}
.buttonAces--loading {
  background: #ededed;
  border: 1px solid #e3e3e3;
  box-shadow: 1px 1px #e3e3e3;
  color: #575756;
  cursor: default;
}
.buttonAces--loading:hover {
  text-decoration: none;
}
.buttonAces--loading .buttonAces__content {
  display: none;
}
.buttonAces--loading .buttonAces__loading {
  display: block;
}
.buttonAces--loading img.buttonAces__loading {
  display: inline;
  height: 14px !important;
}
.buttonAces[disabled] {
  opacity: 0.7;
  cursor: default;
}

a.buttonAces--blue, a.buttonAces--yellow, a.buttonAces--green {
  color: #FFF;
  text-decoration: none;
}
a.buttonAces--grey {
  color: #303030;
  text-decoration: none;
}

.aces_block_button_pointer {
  cursor: pointer;
}

/*.aces_block_button {
    height: 29px;
}*/
.showMoreInfo {
  float: left;
}

.showMoreInfo.showMoreInfoAlter {
  display: block;
  float: none;
}

.showMoreInfo:hover,
.aces_block_button:hover {
  text-decoration: none !important;
}

.aces_block_button--right {
  float: right;
  margin-right: 0;
}

.showMoreInfo--flipped {
  padding: 1px 7px 1px 26px;
}

.showMoreInfo--flipped:after {
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
  left: 5px;
}

.readmore {
  display: block;
  color: #4f5c85;
  margin: 20px 0 0;
  font-weight: bold;
}

.readmore:hover {
  text-decoration: none;
}

.readmore:after {
  content: " »";
  color: #fab323;
  font-weight: bold;
  font-size: 18px;
  line-height: 18px;
  position: relative;
  top: 1px;
}

.winkelwagenbutton {
  display: block;
}

.amount {
  border: 1px solid #D5D5D5;
  text-align: center;
  background: #F4F4F4;
  color: #112151;
  padding: 9px 4px;
  width: 20px;
  line-height: 20px;
  margin: 0;
  -webkit-appearance: none;
  border-radius: 0;
  height: 20px;
  padding-left: 20px;
}

.amount_tools {
  display: block;
  float: left;
  border: 1px solid #D5D5D5;
  border-left: 0;
  background: #F4F4F4;
  color: #112151;
  width: 10px;
  margin-right: 5px;
  height: 38px;
}

.amount_tools span {
  display: block;
  height: 50%;
  width: 100%;
  cursor: pointer;
  box-sizing: border-box;
  text-align: center;
  line-height: 4px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  font-size: 8px;
  padding: 0 0 0 1px;
}

.amount_tools span:hover {
  background: #D5D5D5;
}

.amount_tools .amount_add {
  padding-top: 14px;
}

.amount_tools .amount_subtract {
  padding-top: 3px;
}

.product_in_shoppingcart {
  position: relative;
  display: block;
  color: #FFF;
  vertical-align: middle;
  text-align: center;
  background: #ffcc00;
  outline: 0;
  width: 203px;
  font-size: 17px;
  cursor: pointer;
  line-height: 21px;
  overflow: hidden;
}
@media only screen and (max-width: 1024px) {
  .product_in_shoppingcart {
    width: auto;
  }
}

::placeholder {
  color: #9F9F9F;
  font-size: 15px;
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #9F9F9F;
  font-size: 15px;
}

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #9F9F9F;
  font-size: 15px;
}

.product_in_shoppingcart.animated {
  padding: 8px 44px 8px 8px;
  transition: padding 0.5s;
}

.product_in_shoppingcart.animated:hover {
  padding-right: 54px;
}

.product_in_shoppingcart.animated:after {
  position: absolute;
  content: "";
  top: 50%;
  background: url("https://cd.acesdirect.nl/site_images/template/shoppingcart_animated.png");
  width: 24px;
  height: 21px;
  margin: -10px 0 0 0;
  right: 20px;
  transition: right 0.5s;
  z-index: 2;
}

.product_in_shoppingcart.animated:active:after {
  right: 30px;
}

.product_in_shoppingcart .shoppingcart_image {
  vertical-align: middle;
}

.product_in_shoppingcart.animated .shoppingcart_image {
  display: none;
}

.product_in_shoppingcart.animated:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: #fcfcfc;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
}

.product_in_shoppingcart.animated.clicked:before {
  animation: shoppingCartClickedBefore 1.5s ease 1 forwards;
}

.product_in_shoppingcart.animated.clicked:after {
  animation: shoppingCartClickedAfter 1.5s ease 1 forwards;
}

.inShoppingCart {
  border: 1px solid #006622;
  background: #1fbb4e;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #1fbb4e 0%, #1f9d4e 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#1fbb4e", endColorstr="#1f9d4e",GradientType=0 );
  /* IE6-9 */
  float: left;
  width: 28px;
  height: 28px;
}

.inShoppingCart .shoppingcart_image {
  margin: 2px;
}
@keyframes roundButtonFill {
  40% {
    width: 45px;
    height: 45px;
    left: 0;
    top: 0;
  }
  100% {
    width: 100%;
    height: 45px;
    left: 0;
    top: 0;
  }
}
@keyframes roundButtonBorder {
  100% {
    visibility: hidden;
  }
}
@keyframes shoppingCartClickedBefore {
  25% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes shoppingCartClickedAfter {
  0% {
    right: 30px;
    opacity: 1;
  }
  50% {
    right: -24px;
    opacity: 1;
    background-position: 0 0;
  }
  51% {
    right: -24px;
    opacity: 0;
    background-position: -31px 0;
  }
  59% {
    opacity: 0;
    right: 50%;
  }
  60% {
    opacity: 0;
    right: 50%;
    margin: -9px -8px 0 0;
    width: 17px;
    height: 18px;
  }
  100% {
    opacity: 1;
    right: 50%;
    margin: -9px -8px 0 0;
    width: 17px;
    height: 18px;
    background-position: -31px 0;
  }
}
@media only screen and (max-width: 768px) {
  .shoppingcart .winkelwagenbutton .amount {
    padding-left: 5px;
    width: 30px;
  }

  .winkelwagenbutton .amount_tools {
    width: 19px;
  }

  .winkelwagenbutton .amount_tools span {
    font-size: 12px;
  }

  .winkelwagenbutton .amount_tools .amount_add {
    padding-top: 12px;
  }

  .winkelwagenbutton .amount_tools .amount_subtract {
    padding-top: 3px;
  }
}
.productBlock {
  float: left;
  display: block;
  width: 80%;
  padding: 0 1em;
  box-sizing: border-box;
}
.productBlock--full {
  padding: 0;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .productBlock {
    float: none;
    width: auto;
    padding: 0;
  }
}
.productBlock__product {
  border: 1px solid #e3e3e3;
  position: relative;
}
.productBlock__product:after {
  content: "";
  display: table;
  clear: both;
}
.productBlock--tiles .productBlock__product {
  padding: 1em;
}
@media only screen and (max-width: 768px) {
  .productBlock .productBlock__product {
    padding: 0;
  }
}
.productBlock__compare {
  top: 1em;
  left: 1em;
  position: absolute;
  z-index: 2;
  color: #505050;
  font-size: 0.8em;
  margin-left: 3px;
  margin-top: -1px;
}
@media only screen and (max-width: 768px) {
  .productBlock__compare {
    display: none;
  }
}
.productBlock__figure {
  display: block;
  margin: 0;
  width: 100%;
  padding-top: 100%;
  position: relative;
  cursor: pointer;
}
.productBlock--lines .productBlock__figure {
  display: table-cell;
  width: 30%;
  padding: 1em;
  vertical-align: top;
  box-sizing: border-box;
}
@media only screen and (max-width: 768px) {
  .productBlock .productBlock__figure {
    display: block;
    width: 100%;
    padding: 1em;
    vertical-align: top;
    box-sizing: border-box;
  }
}
.productBlock__figure .product__sticker {
  z-index: 2;
}
.productBlock__image {
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
}
.productBlock--lines .productBlock__image {
  position: relative;
  width: auto;
}
@media only screen and (max-width: 768px) {
  .productBlock .productBlock__image {
    position: relative;
    width: auto;
  }
}
.productBlock__score {
  position: absolute;
  left: 0;
  bottom: 1em;
}
.productBlock--lines .productBlock__score {
  left: 1em;
}
@media only screen and (max-width: 1024px) {
  .productBlock--lines .productBlock__score {
    position: relative;
    left: 0;
  }
}
@media only screen and (max-width: 768px) {
  .productBlock .productBlock__score {
    position: relative;
    left: 0;
  }
}
.productBlock__divider {
  border: 1px solid #e3e3e3;
  background: #f9f9f9;
}
.productBlock--tiles .productBlock__divider {
  border-left: 0;
  border-right: 0;
  height: 5px;
  margin: 0 -1em 1em;
}
.productBlock--lines .productBlock__divider {
  display: table-cell;
  border-top: 0;
  border-bottom: 0;
  width: 5px;
  height: 100%;
  margin: -1em 1em;
  vertical-align: top;
}
@media only screen and (max-width: 768px) {
  .productBlock .productBlock__divider {
    display: table-cell;
    border: 1px solid #e3e3e3;
    border-top: 0;
    border-bottom: 0;
    width: 5px;
    height: 100%;
    margin: -1em 1em;
    vertical-align: top;
  }
}
.productBlock__content:after {
  content: "";
  display: table;
  clear: both;
}
.productBlock--lines .productBlock__content {
  display: table-cell;
  padding: 1em;
  vertical-align: top;
}
@media only screen and (max-width: 768px) {
  .productBlock .productBlock__content {
    display: table-cell;
    padding: 1em;
    vertical-align: top;
  }
}
.productBlock__title {
  color: #505050;
  cursor: pointer;
  display: block;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 1.2em;
  margin: 0 0 0.7em;
  min-height: 2.4em;
  max-height: 2.4em;
  overflow: hidden;
  text-decoration: none;
}
.productBlock--lines .productBlock__info {
  float: left;
  width: 60%;
}
@media only screen and (max-width: 1024px) {
  .productBlock--lines .productBlock__info {
    float: none;
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  .productBlock .productBlock__info {
    float: none;
    width: 100%;
  }
}
.productBlock__text {
  display: block;
  color: #777777;
  line-height: 1.4em;
}
.productBlock__text--line {
  white-space: nowrap;
}
.productBlock__text--stock {
  font-weight: bold;
  color: #505050;
  margin: 0 0 1em;
}
.productBlock__text--stock:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("//cd.acesdirect.nl/site_images/template/product_stock.png");
  margin-right: 2px;
  position: relative;
  top: 4px;
}
.productBlock--lines .productBlock__text--stock {
  margin-bottom: 2em;
}
@media only screen and (max-width: 1024px) {
  .productBlock--lines .productBlock__text--stock {
    display: block;
    margin-bottom: 1em;
  }
}
@media only screen and (max-width: 768px) {
  .productBlock .productBlock__text--stock {
    display: block;
    margin-bottom: 1em;
  }
}
.productBlock__text--stock-no {
  color: #505050;
}
.productBlock__text--stock-no:before {
  background: url("//cd.acesdirect.nl/site_images/template/product_no_stock.png");
}
.productBlock__features {
  padding: 0 0 0 1.5em;
  margin: 1em 0;
  min-height: 135px;
  list-style: none;
}
.productBlock__features li {
  color: #777777;
  position: relative;
}
.productBlock__features li:before {
  content: "";
  position: absolute;
  left: -1em;
  top: 7px;
  border: 5px solid transparent;
  border-left-color: #505050;
}
.productBlock__features li span {
  color: #505050;
}
.productBlock__price {
  float: left;
  font-weight: bold;
  color: #1D2327;
  font-size: 1.6em;
  line-height: 40px;
}
.productBlock--lines .productBlock__price {
  float: none;
  display: block;
  margin: 0 0 1em;
}
@media only screen and (max-width: 1024px) {
  .productBlock--lines .productBlock__price {
    float: left;
  }
}
@media only screen and (max-width: 1024px) {
  .productBlock__price {
    line-height: 22px;
  }
}
@media only screen and (max-width: 768px) {
  .productBlock .productBlock__price {
    float: left;
    display: block;
    margin: 0 0 1em;
  }
}
.productBlock__price span {
  color: #B1B1B1;
  font-size: 0.6em;
  font-weight: normal;
}
.productBlock--lines .productBlock__order {
  float: right;
  text-align: right;
}
@media only screen and (max-width: 1024px) {
  .productBlock--lines .productBlock__order {
    float: none;
    text-align: left;
  }
}
@media only screen and (max-width: 768px) {
  .productBlock .productBlock__order {
    float: none;
    text-align: left;
  }
}
.productBlock__button {
  float: right;
  margin: -6px -1em 0 0;
}
.productBlock--lines .productBlock__button {
  float: none;
  display: block;
}
@media only screen and (max-width: 1024px) {
  .productBlock--lines .productBlock__button {
    text-align: right;
  }
}
@media only screen and (max-width: 768px) {
  .productBlock .productBlock__button {
    float: none;
    display: block;
    text-align: right;
  }
}
.productBlock__buttonButton, .productBlock__buttonAmount {
  border: 0;
  cursor: pointer;
  outline: 0;
  height: 40px;
}
.productBlock__buttonButton {
  width: 50px;
}
.productBlock__buttonButton .shoppingcart_image {
  margin: 9px 6px;
}
.productBlock__product--added .productBlock__buttonButton {
  display: none;
}
@media only screen and (max-width: 768px) {
  .productBlock__product--added .productBlock__buttonButton {
    display: inline;
  }
}
.productBlock--lines .productBlock__buttonButton {
  float: none;
}
@media only screen and (max-width: 768px) {
  .productBlock .productBlock__buttonButton {
    float: none;
  }
}
.productBlock__buttonAmount, .productBlock__buttonCounter {
  display: none;
  width: 40px;
  height: 40px;
  float: none;
  vertical-align: middle;
}
.productBlock__product--added .productBlock__buttonAmount, .productBlock__product--added .productBlock__buttonCounter {
  display: inline-block;
}
@media only screen and (max-width: 768px) {
  .productBlock__product--added .productBlock__buttonAmount, .productBlock__product--added .productBlock__buttonCounter {
    display: none;
  }
}
.productBlock__buttonAmount {
  color: #FFF;
  font-size: 1.4em;
  font-weight: bold;
}
.productBlock__buttonCounter {
  border: 1px solid #e3e3e3;
  box-sizing: border-box;
  padding: 4px 10px;
  color: #505050;
}
.productBlock__buttonMore {
  background: #FAB322;
  display: block;
  height: 55px;
  position: relative;
  overflow: hidden;
  width: 46px;
}
@media only screen and (max-width: 768px) {
  .productBlock__buttonMore {
    position: absolute;
    right: 0;
    bottom: 1.5em;
  }
}
.productBlock__buttonMore:before {
  content: "";
  position: absolute;
  left: 21px;
  top: 21px;
  border: 6px solid transparent;
  border-left: 9px solid #fff;
  z-index: 2;
}
.productBlock__buttonMore:after {
  background: #FFBB2C;
  content: " ";
  display: block;
  height: 59px;
  position: absolute;
  right: -17px;
  width: 40px;
  transform: rotate(5deg);
}
.productBlock__buttonMore--info:before {
  background: url("//cd.acesdirect.nl/site_images/product/product_button_more_info.png") no-repeat center;
  height: 33px;
  width: 12px;
  left: 18px;
  top: 10px;
  border: 0;
  border-left: 0;
}
.productBlock--noContent .productBlock__content {
  position: relative;
}
.productBlock--noContent .productBlock__button {
  float: none;
  margin: 0;
  position: absolute;
  right: -1em;
  top: 0;
}

.product__order .button--success, a.button--success {
  border: 0;
  background: #51A118;
  color: #FFF;
  border-radius: 50px;
  height: 52px;
  font-size: 17px;
}

.product__price {
  color: #1c2226;
  font-weight: 800;
  font-size: 24px;
  font-family: "sofia-pro", sans-serif;
}
.product__price sup {
  font-size: 0.5em;
}
.product__price--small {
  color: #9F9F9F;
  font-size: 14px;
  font-weight: 400;
  margin-left: 0.5em;
}
.product__price--small sup {
  vertical-align: unset;
  font-size: 1em;
}
.product__stock {
  display: block;
}
.product__stock span {
  font-weight: normal;
}
.product__stock span.product__stockLink {
  color: #303030;
  font-weight: normal;
  cursor: pointer;
  float: right;
  text-decoration: underline;
}
.product__stock--none span {
  color: #D0021B;
}
.product__stock--soon span {
  color: #f19c09;
}
.product__stock--limited span {
  color: #f19c09;
}
.product__stock--stocky span {
  color: #51A118;
  font-weight: 300;
}
.product__amount {
  box-sizing: border-box;
  background: #FFF;
  border: 1px solid #D1D1D1;
  border-radius: 0px !important;
  position: relative;
  flex: 1 1 20%;
  height: 52px;
}
.product__amount input {
  border: 0;
  background: transparent;
  text-align: center;
  line-height: 48px;
  font-family: "sofia-pro", sans-serif;
  padding-right: 25px;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  display: block;
}
.product__amount input[type=number] {
  -moz-appearance: textfield;
}
.product__amount input[type=number]::-webkit-outer-spin-button, .product__amount input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.product__amountEdit {
  position: absolute;
  background: #d2d2d2;
  color: #FFF;
  cursor: pointer;
  width: 25px;
  height: 24.5px;
  text-align: center;
  right: 0;
}
.product__amountEdit--add {
  top: 0;
}
.product__amountEdit--add:after {
  content: "";
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  border: 6px solid transparent;
  top: -4px;
  border-bottom: 8px solid #FFF;
  margin-left: 5px;
}
.product__amountEdit--add:after {
  border-width: 4px;
  border-bottom-width: 6px;
  position: absolute;
  left: 50%;
  margin-left: -3.5px;
  bottom: 9px;
}
.product__amountEdit--subtract {
  bottom: 0;
}
.product__amountEdit--subtract:after {
  content: "";
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  border: 6px solid transparent;
  top: 2px;
  border-top: 8px solid #FFF;
  margin-left: 5px;
}
.product__amountEdit--subtract:after {
  border-width: 4px;
  border-top-width: 6px;
  position: absolute;
  left: 50%;
  margin-left: -3.5px;
  top: 9px;
}

span.warentypricespan {
  color: #9F9F9F;
}

.orderedProduct__message.orderedProduct__message--success {
  padding-left: 30px;
}

.orderedProduct__message.orderedProduct__message--success .fas {
  position: absolute;
  left: 22px;
  padding-top: 3px;
}

.orderedProduct__message {
  margin: 0 0 1em;
}
.orderedProduct__message--success {
  color: #51A118;
}
.orderedProduct__main {
  display: grid;
  grid-template-columns: 150px auto;
  grid-template-rows: auto 1fr;
  grid-template-areas: "image title" "image warranty";
  grid-row-gap: 1em;
  grid-column-gap: 1em;
  margin: 0 0 1em;
}
.orderedProduct__main figure {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 1;
  grid-area: image;
  margin: 0;
}
.orderedProduct__main figure img {
  max-width: 100%;
  height: auto;
}
.orderedProduct__title {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: title;
  font-family: "sofia-pro", sans-serif;
  font-weight: 800;
  font-size: 24px;
  color: #1D2327;
  max-height: 100%;
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.orderedProduct__accessory > .orderedProduct__title {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.productSummary > .orderedProduct__title {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.orderedProduct__accessory > .orderedProduct__title {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.productSummary > .orderedProduct__title {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.orderedProduct__warranty {
  margin: 0 0 0.1em;
}
.orderedProduct__warrantyOptions {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
  -ms-grid-row: 3;
  -ms-grid-column: 3;
  grid-area: warranty;
}
.orderedProduct__warranty label {
  cursor: pointer;
  color: #1c2226;
}
.orderedProduct__warranty input {
  display: none;
}
.orderedProduct__warranty sup {
  font-size: 0.6em;
}
.orderedProduct__warranty i {
  color: #ffcc00;
  font-size: 0.9em;
  cursor: pointer;
}
.orderedProduct__warrantyInput {
  width: 15px;
  height: 15px;
  border-radius: 15px;
  border: 1px solid #d2d2d2;
  background: #FFF;
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  vertical-align: middle;
  top: -2px;
  margin-right: 5px;
  box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.1);
}
input:checked + .orderedProduct__warrantyInput {
  box-shadow: none;
}
input:checked + .orderedProduct__warrantyInput:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: #ffcc00;
  width: 7px;
  height: 7px;
  margin: 3px;
  border-radius: 7px;
  border: 0;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
}
.orderedProduct__recommendations {
  font-family: "sofia-pro", sans-serif;
  font-weight: bold;
  font-size: 18px;
  margin: 0 0 0.5em;
  color: #1c2226;
}
.orderedProduct__accessory {
  border: 1px solid #d2d2d2;
  padding: 0.5em 0.8em;
  margin: 0 0 0.5em;
  display: grid;
  grid-template-columns: 50px 1fr auto auto;
  grid-template-areas: "figure title price button";
  grid-column-gap: 1em;
}
.orderedProduct__accessory figure {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: figure;
  margin: 0;
}
.orderedProduct__accessory figure img {
  max-width: 100%;
  height: auto;
}
.orderedProduct__accessoryTitle {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: title;
  align-self: center;
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  color: #1c2226;
}
.orderedProduct__accessory > .orderedProduct__accessoryTitle {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.productSummary > .orderedProduct__accessoryTitle {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.orderedProduct__accessory > .orderedProduct__accessoryTitle {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.productSummary > .orderedProduct__accessoryTitle {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.orderedProduct__accessory .product__price {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
  -ms-grid-row: 1;
  -ms-grid-column: 5;
  grid-area: price;
  font-size: 18px;
  align-self: center;
  -ms-grid-row: 1;
  -ms-grid-column: 5;
}
.orderedProduct__button {
  -ms-grid-row: 1;
  -ms-grid-column: 7;
  -ms-grid-row: 1;
  -ms-grid-column: 7;
  grid-area: button;
  -ms-grid-row: 1;
  -ms-grid-column: 7;
}
.productSummary > .orderedProduct__button {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
}
.productSummary > .orderedProduct__button {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
}
.orderedProduct__button .button {
  border-radius: 50px;
}
.orderedProduct__controls {
  display: grid;
  grid-template-columns: 1fr 35%;
  grid-template-areas: "back cart";
}
.orderedProduct__controls .button {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: cart;
  justify-self: end;
}
.orderedProduct__back {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: back;
  align-self: center;
  color: #1c2226;
  cursor: pointer;
  text-decoration: none;
}
.orderedProduct__back i {
  color: #ffcc00;
  margin-right: 0.5em;
}

.productSummary {
  display: grid;
  padding: 1em 1.2em;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto auto;
  grid-template-areas: "image title" "image features" "availability button";
  grid-column-gap: 2.4em;
  font-family: "sofia-pro", sans-serif;
  font-size: 16px;
  line-height: 1.25;
}
@media only screen and (max-width: 768px) {
  .productSummary {
    grid-template-columns: 100%;
    grid-template-rows: auto auto 1fr auto;
    grid-template-areas: "title" "image" "features" "button";
  }
  .productSummary > figure {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
  }
  .productSummary > .orderedProduct__title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .productSummary > .orderedProduct__accessoryTitle {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .productSummary > .orderedProduct__button {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
  }
}
.productSummary__image {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 1;
  grid-area: image;
}
.productSummary > .productSummary__image {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 1;
}
.productSummary > .productSummary__image {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 1;
}
.productSummary__image figure {
  margin: 0;
}
.productSummary__image figure img {
  max-width: 300px;
  margin: 0 auto;
  width: 100%;
}
.productSummary__availability {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: availability;
}
.productSummary__availability .product__price {
  font-size: 18px;
}
@media only screen and (max-width: 768px) {
  .productSummary__availability {
    display: none;
  }
}
.productSummary__button {
  -ms-grid-row: 1;
  -ms-grid-column: 7;
  -ms-grid-row: 1;
  -ms-grid-column: 7;
  grid-area: button;
}
.productSummary > .productSummary__button {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
}
.productSummary > .productSummary__button {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
}
@media only screen and (min-width: 769px) {
  .productSummary__button .product__price {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .productSummary__button {
    border-top: 4px solid #f19c09;
    box-shadow: 0px -2px 3px rgba(0, 0, 0, 0.15);
    padding: 0.5em 20px 1em;
    margin: 0 -1.2em -1em;
  }
  .productSummary__button .product__price {
    margin: 0 0 0.3em;
  }
}
.productSummary__title {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: title;
}
.orderedProduct__accessory > .productSummary__title {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.productSummary > .productSummary__title {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.orderedProduct__accessory > .productSummary__title {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.productSummary > .productSummary__title {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.productSummary__title a {
  font-family: "sofia-pro", sans-serif;
  font-weight: bold;
  font-size: 18px;
  color: #1D2327;
}
.productSummary__productInfo {
  color: #9F9F9F;
  font-weight: normal;
}
.productSummary__productInfo:after {
  content: "";
  display: table;
  clear: both;
}
.productSummary__productInfo div {
  float: left;
  padding-right: 0.7em;
  margin-right: 0.7em;
  border-right: 2px solid #d2d2d2;
  font-size: 14px;
  color: #9F9F9F;
  font-weight: 300;
  margin-top: 10px;
}
.productSummary__productInfo div:last-child {
  padding-right: 0;
  margin-right: 0;
  border-right: 0;
}
.productSummary__features {
  -ms-grid-row: 2;
  -ms-grid-column: 3;
  -ms-grid-row: 2;
  -ms-grid-column: 3;
  grid-area: features;
  background: #F3F3F3;
  margin: 1em -1.2em;
  padding: 0px 0px 0px 10px;
  font-size: 14px;
  color: #9F9F9F;
  height: 145px;
}
.productSummary__features ul {
  list-style: none;
  margin-left: 15px;
  padding-left: 0;
}
.productSummary__features ul li {
  position: relative;
  font-size: 14px;
  font-weight: 300;
  color: #1c2226;
  line-height: 22px;
}
@media only screen and (max-width: 768px) {
  .productSummary__features {
    background: transparent;
    margin: 0;
    padding: 0;
  }
  .productSummary__features ul {
    margin: 0.5em 0;
  }
}
@media only screen and (min-width: 769px) {
  .productSummary__features .product__stock {
    display: none;
  }
}
.productSummary__featureValue {
  font-weight: 600;
}

@media only screen and (max-width: 768px) {
  .product__lastViewed {
    display: none;
  }
}
.product__lastViewed h3 {
  border-bottom: 1px solid #D8D8D8;
  color: #1D2327;
  font-weight: normal;
  font-size: 1em;
  margin-bottom: 1em;
  padding-bottom: 0.5em;
}
.product__lastViewed .productBlock__price {
  line-height: normal;
  margin-right: 1em;
  float: none;
  display: inline-block;
  vertical-align: middle;
}
.product__lastViewed .productBlock__price span {
  display: block;
}
.product__lastViewed .product_in_shoppingcart {
  display: inline-block;
  width: auto;
}
@media only screen and (max-width: 768px) {
  .product__lastViewed .product_in_shoppingcart {
    float: right;
  }
}
.product__lastViewed .productBlock__title {
  font-size: 1em;
  padding-right: 2.5em;
}

#lightbox.warranty_lightbox {
  width: 980px;
  border-color: #d5d5d5;
  background: #f4f4f4;
}

#lightbox.warranty_lightbox_product {
  width: 630px;
}

#lightbox.warranty_lightbox #closelightbox {
  background: transparent !important;
  right: 10px;
  top: 10px;
  font-size: 25px;
  line-height: 23px;
}

#lightbox.warranty_lightbox #closelightbox:after {
  content: "X";
  color: #FFF;
}

.warranty_lightbox .warranty_head {
  background: #112151;
  padding: 10px 21px;
  margin: -21px -21px 20px;
}

.warranty_lightbox .warranty_head h2 {
  color: #FFF;
  margin: 0;
  font-weight: normal;
  line-height: 24px;
}

.warranty_lightbox * {
  color: #4c4c4c;
  line-height: 20px;
}

.warranty_lightbox table {
  width: 100%;
}

.warranty_lightbox table td,
.warranty_lightbox table th {
  text-align: center;
  padding: 5px 5px 5px 0;
}

.warranty_lightbox table th {
  padding-bottom: 20px;
}

.warranty_lightbox table .first {
  text-align: left;
}

.warranty_lightbox p {
  margin-bottom: 0;
}

.warranty_lightbox ul {
  list-style: none;
  margin-top: 7px;
}

.warranty_lightbox li {
  padding: 5px 0;
  position: relative;
}

.warranty_lightbox li:before {
  position: absolute;
  left: -20px;
  top: 50%;
  content: "";
  border: 8px solid transparent;
  border-top-width: 6px;
  border-bottom-width: 6px;
  border-left-color: #f9b323;
  margin-top: -6px;
}

#product_compare {
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.35);
  background: #fff;
  bottom: 0;
  display: none;
  height: 265px;
  margin-left: -372.5px;
  left: 50%;
  position: fixed;
  width: 745px;
  z-index: 999;
}
#product_compare .product_compare_title {
  background: #1D2327;
  padding: 8px;
  position: relative;
}
#product_compare .product_compare_title strong {
  color: #fff;
  cursor: pointer;
}
#product_compare .product_compare_title .product_compare_close {
  color: #ffcc00;
  cursor: pointer;
  position: absolute;
  right: 15px;
  top: 8px;
}
#product_compare .product_compare_content ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#product_compare .product_compare_content ul li {
  box-sizing: border-box;
  display: none;
  float: left;
  padding: 0 10px;
  position: relative;
  width: 33%;
}
#product_compare .product_compare_content ul li .product_compare_remove {
  border-radius: 5px;
  background: #ffcc00;
  color: #fff;
  cursor: pointer;
  padding: 5px 15px;
  position: absolute;
  right: 15px;
  top: 15px;
}
#product_compare .product_compare_content ul li a {
  color: #1D2327;
}
#product_compare .product_compare_content ul li .product_compare_productimg {
  text-align: center;
  overflow: hidden;
  height: 100px;
}
#product_compare .product_compare_content ul li .product_compare_productimg img {
  max-height: 100%;
  max-width: none;
}
#product_compare .product_compare_content ul li .product_compare_productdesc {
  font-size: 0.8em;
  line-height: 1.6em;
  max-height: 5.1em;
  overflow: hidden;
}
#product_compare .product_compare_button {
  box-sizing: border-box;
  position: absolute;
  right: 10px;
  bottom: 10px;
}
#product_compare .product_compare_button button {
  cursor: pointer;
}

.product_compare_toggle {
  cursor: pointer;
  position: absolute;
  right: 40px;
  top: 7px;
  content: "";
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-left-width: 6px;
  border-right-width: 6px;
  border-bottom-color: #ffcc00;
}
.product_compare--open .product_compare_toggle {
  border-bottom-color: transparent;
  border-top-color: #ffcc00;
  top: 16px;
}

.compare.compareAlter input[type=checkbox] {
  margin: 0;
}

.notification_popup .start_new_compare {
  display: block;
  margin-top: 15px;
}

.notification_popup {
  border: 1px solid #e4e4e4;
  box-sizing: border-box;
  background: #f4f4f4;
  display: none;
  margin-left: -135px;
  padding: 20px;
  position: absolute;
  width: 270px;
  z-index: 10;
}

.notification_popup.notification_popup_bottom:before {
  position: absolute;
  content: "";
  bottom: 100%;
  left: 50%;
  margin-left: -8px;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-left-width: 8px;
  border-right-width: 8px;
  border-bottom-color: #112151;
}

.notification_popup.notification_popup_top:after {
  position: absolute;
  content: "";
  top: 100%;
  left: 50%;
  margin: 1px 0 0 -8px;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-left-width: 8px;
  border-right-width: 8px;
  border-top-color: #e4e4e4;
}

.notification_popup .title {
  display: block;
  background: #1D2327;
  color: #FFF;
  margin: -20px -20px 20px;
  padding: 10px 20px;
}

.notification_popup .close {
  position: absolute;
  right: 20px;
  top: 10px;
  color: #FFCB00;
  cursor: pointer;
}

.feedback__button {
  box-shadow: -3px 2px 0 0 rgba(0, 0, 0, 0.1);
  transform: rotate(-90deg);
  transform-origin: right bottom;
  background: #ffcc00 url("//cd.acesdirect.nl/site_images/template/icon-balloons.png") no-repeat 10px 10px;
  color: #fff;
  font-size: 1.4em;
  height: 45px;
  line-height: 45px;
  margin-top: -125px;
  position: fixed;
  right: 0;
  text-decoration: none;
  top: 50%;
  width: 171px;
  z-index: 2;
}
@media only screen and (max-width: 1268px) {
  .feedback__button {
    display: none;
  }
}
.feedback__button:hover {
  background-color: #ffa409;
  text-decoration: none;
}
.feedback__button span {
  border-left: 1px solid rgba(255, 255, 255, 0.75);
  margin-left: 45px;
  padding-left: 11px;
}

#feedbackContent {
  padding: 10px;
}

.popup__no-padding {
  padding: 0 !important;
}
.popup__shoppingcart {
  padding: 0 !important;
  width: 500px;
}
.popup__title {
  background: #1D2327;
  padding: 0.6em 1.5em;
  position: relative;
  font-weight: bold;
  color: #fff;
  font-family: "sofia-pro", sans-serif;
  font-size: 16px;
}
.popup__title i {
  font-size: 1.25em;
}
.popup__close {
  color: #FFF;
  cursor: pointer;
  position: absolute;
  right: 15px;
  top: 11px;
}
.popup__close--relative {
  position: relative;
  right: auto;
  top: auto;
}
.popup__buttons {
  box-sizing: border-box;
  position: absolute;
  right: 10px;
  bottom: 15px;
}
.popup__form--labelBig, .popup__form--label {
  display: inline-block;
  vertical-align: top;
  width: 150px;
}
.popup__form--labelBig {
  width: 430px;
}
.popup__form--labelRight {
  text-align: right;
}
.popup__form--input, .popup__form--textarea, .popup__form--textareaSmall, .popup__form--select, .popup__form--info {
  display: inline-block;
  border: 1px solid #becedf;
  padding: 5px;
  width: 278px;
}
.popup__form--textarea {
  height: 150px;
}
.popup__form--textareaSmall {
  height: 75px;
}
.popup__form--info {
  word-break: break-all;
}
.popup__form--select {
  width: auto;
}
.popup__form-group {
  margin-bottom: 5px;
}
.popup__form-group--error {
  color: red;
}
.popup__form-group--error .popup__form--input,
.popup__form-group--error .popup__form--textarea {
  border-color: red;
}
.popup__form-group--fullWidth .popup__form--input,
.popup__form-group--fullWidth .popup__form--textarea,
.popup__form-group--fullWidth .popup__form--textarea,
.popup__form-group--fullWidth .popup__form--select,
.popup__form-group--fullWidth .popup__form--label,
.popup__form-group--fullWidth .popup__form--labelBig {
  width: 100%;
}
.popup__form-group--fullWidth.popup__form-button button {
  float: right;
  margin: 0 -1em 0 0;
}
.popup__form-group .showMoreInfo {
  float: none;
}
.popup__error {
  color: red;
}
.popup__form-button button {
  float: none;
  margin-left: 346px;
}
.popup__form-button--bigLabel button {
  float: none;
  margin-left: 204px;
}
.popup__message strong {
  display: block;
}
@media only screen and (max-width: 1024px) {
  .popup__productSummary #lbContent {
    height: 100%;
  }
}
@media only screen and (max-width: 768px) {
  .popup__productSummary #lbContent {
    height: auto;
  }
}
@media only screen and (max-width: 1024px) {
  .popup__productSummary .popup__container {
    height: 100%;
  }
}
@media only screen and (max-width: 768px) {
  .popup__productSummary .popup__container {
    height: auto;
  }
}
@media only screen and (max-width: 1024px) {
  .popup__productSummary .popup__content {
    box-sizing: border-box;
    height: 100%;
    margin-top: -40px;
    padding-top: 40px;
  }
  .popup__productSummary .popup__content .portal_row,
.popup__productSummary .popup__content *[class*=portal_col-] {
    height: 100%;
  }
}
@media only screen and (max-width: 768px) {
  .popup__productSummary .popup__content {
    height: auto;
  }
  .popup__productSummary .popup__content .portal_row,
.popup__productSummary .popup__content *[class*=portal_col-] {
    height: auto;
  }
}

@media only screen and (max-width: 1024px) {
  #lightbox.popup__productSummary {
    height: 100%;
  }
}

#productMailPreview {
  padding: 6px 8px 5px 8px;
  border: solid 1px #808080;
}
#productMailPreview .highlight {
  color: #505050;
  font-weight: bold;
}
#productMailPreview .highlight.product {
  color: #8e8e8e;
}
#productMailPreview #productMailOpmerking {
  border: 1px solid #e5e4e4;
  height: 42px;
  margin: 0px -2px 12px -2px;
  overflow: auto;
  padding: 2px;
}

.popup__no-padding {
  max-width: 465px;
}

#lightbox.popup__shoppingcart {
  max-width: 700px;
}
@media only screen and (max-width: 1024px) {
  #lightbox.popup__shoppingcart {
    max-width: 100%;
  }
}

#lightbox.popup__productPage {
  max-width: 900px;
}
@media only screen and (max-width: 1024px) {
  #lightbox.popup__productPage {
    max-width: 100%;
  }
}

#lightbox.popup__accessory {
  max-width: 750px;
}

.popup__accessory .popup__content {
  background: #f4f4f4;
}

.modalContainer {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1000;
  overflow: auto;
}
.modalBackground {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background-color: #000000;
  -moz-opacity: 0.7;
  opacity: 0.7;
  filter: alpha(opacity=70);
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 768px) {
  .modalBackground {
    -moz-opacity: 0.5;
    opacity: 0.5;
    filter: alpha(opacity=50);
  }
}
@media only screen and (max-width: 600px) {
  .modalBackground {
    display: none;
  }
}
.modalElementContainer {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
}
.modalElement {
  position: relative;
  background: #FFF;
  margin: 100px auto 100px;
  max-width: 700px;
  width: 100%;
  font-family: "sofia-pro", sans-serif;
  font-size: 16px;
  line-height: 1.25;
}
@media only screen and (max-width: 768px) {
  .modalElement {
    margin: 0;
    height: 100%;
    display: grid;
    grid-template-rows: auto 1fr;
    grid-template-areas: "title" "content";
    grid-row-gap: 0;
    max-width: 100%;
    width: 75%;
    min-width: 550px;
    font-size: 15px;
    line-height: 1.25;
  }
  .modalElement > .orderedProduct__title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .modalElement > .orderedProduct__accessoryTitle {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .modalElement > .productSummary__title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
}
@media only screen and (max-width: 600px) {
  .modalElement {
    max-width: 100%;
    width: 100%;
    min-width: unset;
  }
}
.modalTitle {
  background: #1D2327;
  padding: 0.6em 1.5em;
  position: relative;
  font-weight: bold;
  color: #FFF;
  font-family: "sofia-pro", sans-serif;
  font-size: 18px;
}
.modalTitle figure {
  margin: -10px 0.5em -10px 0;
  float: left;
  width: 50px;
  height: 50px;
}
.modalTitle figure img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.modalTitle i {
  font-size: 24px;
  color: #FFF;
  cursor: pointer;
  position: absolute;
  right: 15px;
  top: 11px;
}
@media only screen and (max-width: 768px) {
  .modalTitle {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    grid-area: title;
    background: #FFF;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15);
    color: #1c2226;
    position: relative;
    z-index: 10;
    padding: 0.6em 1.2em;
  }
  .orderedProduct__accessory > .modalTitle {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .productSummary > .modalTitle {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .orderedProduct__accessory > .modalTitle {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .productSummary > .modalTitle {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .modalTitle span {
    font-size: 20px;
    padding-right: 1em;
  }
  .modalTitle i {
    color: #1c2226;
    font-size: 1.5em;
    top: 9px;
    right: 25px;
  }
}
.modalTitle + .modalContent {
  padding: 1em 1.2em;
}
@media only screen and (max-width: 768px) {
  .modalContent {
    grid-area: content;
    overflow-y: auto;
    max-height: 100%;
  }
}
.modalLoading {
  padding: 1em 1.2em;
}
.modalLoading__image {
  width: 32px;
  margin: 50px auto;
}

.formInput {
  display: block;
  cursor: pointer;
}
.formInput--checkbox input, .formInput--radio input {
  display: none;
}
.formInput__placeholder {
  margin: 4px 5px 0 0;
  width: 13px;
  height: 13px;
  float: left;
  display: block;
  background: #FFF;
  border: 1px solid #d2d2d2;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .formInput__placeholder {
    margin-top: 1px;
    width: 16px;
    height: 16px;
  }
}
.formInput__placeholder:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.formInput:hover .formInput__placeholder:after {
  opacity: 0.3;
}
input:checked + .formInput__placeholder:after {
  opacity: 1;
}
.formInput--checkbox .formInput__placeholder:after {
  background: url("//cd.acesdirect.nl/site_images/template/checkbox.jpg") no-repeat center center;
}
.formInput--radio .formInput__placeholder {
  border-radius: 100%;
}
.formInput--radio .formInput__placeholder:after {
  width: 9px;
  height: 9px;
  left: 2px;
  top: 2px;
  border-radius: 100%;
  background: #ffcc00;
}
@media only screen and (max-width: 768px) {
  .formInput--radio .formInput__placeholder:after {
    width: 14px;
    height: 14px;
  }
}
.formInput__placeholder--big {
  height: 13px;
  width: 13px;
}
.formInput--checkbox .formInput__placeholder--big:after {
  background: url("//cd.acesdirect.nl/site_images/template/checkbox_green.png");
  height: 26px;
  left: -4px;
  top: -12px;
  width: 26px;
}
.formInput__title {
  display: block;
  margin-left: 25px;
}

.accessoryPopup {
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #d3d3d3;
  margin: 0 0 0.5em 0;
  padding: 0.5em;
}
.accessoryPopup--transparent {
  background: transparent;
}
.accessoryPopup--added {
  background: rgba(31, 187, 78, 0.2);
  border-color: #1fbb4e;
}
.accessoryPopup .accessoryPopup__action, .accessoryPopup .accessoryPopup__price, .accessoryPopup .accessoryPopup__title, .accessoryPopup .accessoryPopup__image {
  display: table-cell;
  vertical-align: middle;
}
.accessoryPopup__image {
  width: 10%;
}
.accessoryPopup__image--center {
  text-align: center;
}
.accessoryPopup__line {
  display: table;
  width: 100%;
}
.accessoryPopup__title {
  box-sizing: border-box;
  color: #1D2327;
  padding: 0 1em;
}
.accessoryPopup__title a {
  color: #1D2327;
  display: inline-block;
}
.accessoryPopup__price {
  font-weight: bold;
  width: 25%;
}
.accessoryPopup__price--small {
  display: inline;
  font-weight: normal;
  font-size: 0.8em;
}
.accessoryPopup__action {
  width: 10%;
}
.accessoryPopup__button {
  background: #ffcc00;
  border: 1px solid #ffa409;
  padding: 3px 6px;
  cursor: pointer;
  color: #303030;
  font-size: 1.4em;
  outline: 0;
}
.accessoryPopup__button:before {
  content: "+";
  width: 15px;
  height: 15px;
  display: inline-block;
}
.accessoryPopup__button .shoppingcart_image {
  zoom: 0.8;
  position: relative;
  top: 1px;
}
.accessoryPopup__button--clicked {
  background: #1fbb4e;
  border-color: #D5D5D5;
  cursor: auto;
}
.accessoryPopup__button--clicked:before {
  content: "";
  background: url(https://cd.acesdirect.nl/site_images/template/icon_check_white_small.png) no-repeat;
}

.accessoryPopup__content.portal_row {
  margin: 0 0 0 -1%;
}

.accessoryPopup__content.portal_row > *[class*=portal_col-] {
  margin: 0;
  padding: 0;
}

.popup__actions {
  text-align: right;
}
.popup__actions .popup__accessoryClose,
.popup__actions .accessoryPopup__more {
  color: #1D2327;
  font-size: 0.9em;
  font-weight: bold;
  margin-right: 1em;
  text-decoration: underline;
}
.popup__actions .accessoryPopup__more {
  float: left;
}
.popup__actions .buttonAces--shoppingcart {
  display: inline-block;
}

.popup__action {
  display: none;
}

/* START POPup crossselling nieuw design styling*/
.popupCloseButton {
  cursor: pointer;
  position: absolute;
  right: 15px;
  top: 8px;
}

.popupAccessoryContent {
  position: relative;
  padding: 20px 50px 50px 50px;
  background: #EBEBEB;
}
.popupAccessoryContent a,
.popupAccessoryContent p,
.popupAccessoryContent h3 {
  color: #303030;
}
.popupAccessoryContent p {
  font-weight: 600;
}
.popupAccessoryContent__divider {
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #fff;
  position: absolute;
  left: 9%;
  top: 0;
}
.popupAccessoryContent__actions {
  margin-top: 2em;
}
.popupAccessoryContent__actions .buttonAces--shoppingcart {
  background: #51A118;
  color: #fff;
  margin-left: 10px;
  padding-right: 15px;
  padding-left: 15px;
}
.popupAccessoryContent__actions .buttonAces--shoppingcart span {
  padding-right: 7px;
}
.popupAccessoryContent__actions--choice {
  float: right;
}
.popupAccessoryContent__actions--more,
.popupAccessoryContent__actions .popup__accessoryClose {
  font-size: 0.9em;
  font-weight: 600;
  padding-right: 10px;
}
.popupAccessoryContent__actions--more span,
.popupAccessoryContent__actions .popup__accessoryClose span {
  font-weight: 200;
}
.popupAccessoryContent__actions--more:before,
.popupAccessoryContent__actions .popup__accessoryClose:before {
  content: "";
  background: url("https://cd.acesdirect.nl/site_images/arrow-right.png") no-repeat;
  width: 6px;
  height: 10px;
  display: inline-block;
  padding-right: 8px;
}

.popupAccessory {
  margin-top: 1em;
}
.popupAccessory p {
  margin-bottom: 3px;
}
.popupAccessory__addedMessage {
  margin-top: 2em;
  padding-left: 50px;
  padding-right: 50px;
}
.popupAccessory__messageImage {
  width: 100%;
  max-width: 100px;
}
.popupAccessory__messageImage:after {
  content: "";
  background: url("https://cd.acesdirect.nl/site_images/Check.png") no-repeat;
  width: 30px;
  height: 30px;
  display: block;
  position: absolute;
  top: 40px;
  right: 14px;
}
.popupAccessory__messageText h3 {
  font-size: 1em;
  line-height: 16px;
}
.popupAccessory__messageText p {
  color: #51A118;
  line-height: 0px;
}
.popupAccessory__title {
  margin-top: 1em;
  max-height: 80px;
  height: 72px;
  line-height: 18px;
}
.popupAccessory__title a {
  font-size: 0.8em;
  color: #303030;
}
.popupAccessory__image {
  position: relative;
  height: 140px;
  width: 100%;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #E4E4E4;
}
.popupAccessory__image img {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
}
.popupAccessory__price {
  margin-top: 1em;
  font-size: 0.9em;
  font-weight: 600;
}
.popupAccessory__price--small {
  display: inline;
  font-weight: normal;
  font-size: 0.7em;
  word-spacing: 0px;
}
.popupAccessory__button {
  background: #ffcc00;
  border: 1px solid #ffa409;
  padding: 3px 6px;
  cursor: pointer;
  color: #303030;
  font-size: 1.4em;
  outline: 0;
  display: inline-flex;
  float: right;
}
.popupAccessory__button:before {
  content: "+";
  width: 15px;
  height: 15px;
  display: inline-block;
  color: #fff;
}
.popupAccessory__button--clicked {
  background: #1fbb4e;
  border-color: #E4E4E4;
  cursor: auto;
}
.popupAccessory__button--clicked:before {
  content: "";
  background: url(https://cd.acesdirect.nl/site_images/template/icon_check_white_small.png) no-repeat;
  margin-right: 3px;
  margin-top: 3px;
}

/* EINDE POPup crossselling nieuw design styling*/
.crossSell--variantB {
  display: none;
}

.testCrossSell .crossSell--variantA {
  display: none !important;
}
.testCrossSell .crossSell--variantB {
  display: block !important;
}

.productBlock {
  float: left;
  display: block;
  width: 80%;
  padding: 0 1em;
  box-sizing: border-box;
}
.productBlock--full {
  padding: 0;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .productBlock {
    float: none;
    width: auto;
    padding: 0;
  }
}
.productBlock__product {
  border: 1px solid #e3e3e3;
  position: relative;
}
.productBlock__product:after {
  content: "";
  display: table;
  clear: both;
}
.productBlock--tiles .productBlock__product {
  padding: 1em;
}
@media only screen and (max-width: 768px) {
  .productBlock .productBlock__product {
    padding: 0;
  }
}
.productBlock__compare {
  top: 1em;
  left: 1em;
  position: absolute;
  z-index: 2;
  color: #505050;
  font-size: 0.8em;
  margin-left: 3px;
  margin-top: -1px;
}
@media only screen and (max-width: 768px) {
  .productBlock__compare {
    display: none;
  }
}
.productBlock__figure {
  display: block;
  margin: 0;
  width: 100%;
  padding-top: 100%;
  position: relative;
  cursor: pointer;
}
.productBlock--lines .productBlock__figure {
  display: table-cell;
  width: 30%;
  padding: 1em;
  vertical-align: top;
  box-sizing: border-box;
}
@media only screen and (max-width: 768px) {
  .productBlock .productBlock__figure {
    display: block;
    width: 100%;
    padding: 1em;
    vertical-align: top;
    box-sizing: border-box;
  }
}
.productBlock__figure .product__sticker {
  z-index: 2;
}
.productBlock__image {
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
}
.productBlock--lines .productBlock__image {
  position: relative;
  width: auto;
}
@media only screen and (max-width: 768px) {
  .productBlock .productBlock__image {
    position: relative;
    width: auto;
  }
}
.productBlock__score {
  position: absolute;
  left: 0;
  bottom: 1em;
}
.productBlock--lines .productBlock__score {
  left: 1em;
}
@media only screen and (max-width: 1024px) {
  .productBlock--lines .productBlock__score {
    position: relative;
    left: 0;
  }
}
@media only screen and (max-width: 768px) {
  .productBlock .productBlock__score {
    position: relative;
    left: 0;
  }
}
.productBlock__divider {
  border: 1px solid #e3e3e3;
  background: #f9f9f9;
}
.productBlock--tiles .productBlock__divider {
  border-left: 0;
  border-right: 0;
  height: 5px;
  margin: 0 -1em 1em;
}
.productBlock--lines .productBlock__divider {
  display: table-cell;
  border-top: 0;
  border-bottom: 0;
  width: 5px;
  height: 100%;
  margin: -1em 1em;
  vertical-align: top;
}
@media only screen and (max-width: 768px) {
  .productBlock .productBlock__divider {
    display: table-cell;
    border: 1px solid #e3e3e3;
    border-top: 0;
    border-bottom: 0;
    width: 5px;
    height: 100%;
    margin: -1em 1em;
    vertical-align: top;
  }
}
.productBlock__content:after {
  content: "";
  display: table;
  clear: both;
}
.productBlock--lines .productBlock__content {
  display: table-cell;
  padding: 1em;
  vertical-align: top;
}
@media only screen and (max-width: 768px) {
  .productBlock .productBlock__content {
    display: table-cell;
    padding: 1em;
    vertical-align: top;
  }
}
.productBlock__title {
  color: #505050;
  cursor: pointer;
  display: block;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 1.2em;
  margin: 0 0 0.7em;
  min-height: 2.4em;
  max-height: 2.4em;
  overflow: hidden;
  text-decoration: none;
}
.productBlock--lines .productBlock__info {
  float: left;
  width: 60%;
}
@media only screen and (max-width: 1024px) {
  .productBlock--lines .productBlock__info {
    float: none;
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  .productBlock .productBlock__info {
    float: none;
    width: 100%;
  }
}
.productBlock__text {
  display: block;
  color: #777777;
  line-height: 1.4em;
}
.productBlock__text--line {
  white-space: nowrap;
}
.productBlock__text--stock {
  font-weight: bold;
  color: #505050;
  margin: 0 0 1em;
}
.productBlock__text--stock:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("//cd.acesdirect.nl/site_images/template/product_stock.png");
  margin-right: 2px;
  position: relative;
  top: 4px;
}
.productBlock--lines .productBlock__text--stock {
  margin-bottom: 2em;
}
@media only screen and (max-width: 1024px) {
  .productBlock--lines .productBlock__text--stock {
    display: block;
    margin-bottom: 1em;
  }
}
@media only screen and (max-width: 768px) {
  .productBlock .productBlock__text--stock {
    display: block;
    margin-bottom: 1em;
  }
}
.productBlock__text--stock-no {
  color: #505050;
}
.productBlock__text--stock-no:before {
  background: url("//cd.acesdirect.nl/site_images/template/product_no_stock.png");
}
.productBlock__features {
  padding: 0 0 0 1.5em;
  margin: 1em 0;
  min-height: 135px;
  list-style: none;
}
.productBlock__features li {
  color: #777777;
  position: relative;
}
.productBlock__features li:before {
  content: "";
  position: absolute;
  left: -1em;
  top: 7px;
  border: 5px solid transparent;
  border-left-color: #505050;
}
.productBlock__features li span {
  color: #505050;
}
.productBlock__price {
  float: left;
  font-weight: bold;
  color: #1D2327;
  font-size: 1.6em;
  line-height: 40px;
}
.productBlock--lines .productBlock__price {
  float: none;
  display: block;
  margin: 0 0 1em;
}
@media only screen and (max-width: 1024px) {
  .productBlock--lines .productBlock__price {
    float: left;
  }
}
@media only screen and (max-width: 1024px) {
  .productBlock__price {
    line-height: 22px;
  }
}
@media only screen and (max-width: 768px) {
  .productBlock .productBlock__price {
    float: left;
    display: block;
    margin: 0 0 1em;
  }
}
.productBlock__price span {
  color: #B1B1B1;
  font-size: 0.6em;
  font-weight: normal;
}
.productBlock--lines .productBlock__order {
  float: right;
  text-align: right;
}
@media only screen and (max-width: 1024px) {
  .productBlock--lines .productBlock__order {
    float: none;
    text-align: left;
  }
}
@media only screen and (max-width: 768px) {
  .productBlock .productBlock__order {
    float: none;
    text-align: left;
  }
}
.productBlock__button {
  float: right;
  margin: -6px -1em 0 0;
}
.productBlock--lines .productBlock__button {
  float: none;
  display: block;
}
@media only screen and (max-width: 1024px) {
  .productBlock--lines .productBlock__button {
    text-align: right;
  }
}
@media only screen and (max-width: 768px) {
  .productBlock .productBlock__button {
    float: none;
    display: block;
    text-align: right;
  }
}
.productBlock__buttonButton, .productBlock__buttonAmount {
  border: 0;
  cursor: pointer;
  outline: 0;
  height: 40px;
}
.productBlock__buttonButton {
  width: 50px;
}
.productBlock__buttonButton .shoppingcart_image {
  margin: 9px 6px;
}
.productBlock__product--added .productBlock__buttonButton {
  display: none;
}
@media only screen and (max-width: 768px) {
  .productBlock__product--added .productBlock__buttonButton {
    display: inline;
  }
}
.productBlock--lines .productBlock__buttonButton {
  float: none;
}
@media only screen and (max-width: 768px) {
  .productBlock .productBlock__buttonButton {
    float: none;
  }
}
.productBlock__buttonAmount, .productBlock__buttonCounter {
  display: none;
  width: 40px;
  height: 40px;
  float: none;
  vertical-align: middle;
}
.productBlock__product--added .productBlock__buttonAmount, .productBlock__product--added .productBlock__buttonCounter {
  display: inline-block;
}
@media only screen and (max-width: 768px) {
  .productBlock__product--added .productBlock__buttonAmount, .productBlock__product--added .productBlock__buttonCounter {
    display: none;
  }
}
.productBlock__buttonAmount {
  color: #FFF;
  font-size: 1.4em;
  font-weight: bold;
}
.productBlock__buttonCounter {
  border: 1px solid #e3e3e3;
  box-sizing: border-box;
  padding: 4px 10px;
  color: #505050;
}
.productBlock__buttonMore {
  background: #FAB322;
  display: block;
  height: 55px;
  position: relative;
  overflow: hidden;
  width: 46px;
}
@media only screen and (max-width: 768px) {
  .productBlock__buttonMore {
    position: absolute;
    right: 0;
    bottom: 1.5em;
  }
}
.productBlock__buttonMore:before {
  content: "";
  position: absolute;
  left: 21px;
  top: 21px;
  border: 6px solid transparent;
  border-left: 9px solid #fff;
  z-index: 2;
}
.productBlock__buttonMore:after {
  background: #FFBB2C;
  content: " ";
  display: block;
  height: 59px;
  position: absolute;
  right: -17px;
  width: 40px;
  transform: rotate(5deg);
}
.productBlock__buttonMore--info:before {
  background: url("//cd.acesdirect.nl/site_images/product/product_button_more_info.png") no-repeat center;
  height: 33px;
  width: 12px;
  left: 18px;
  top: 10px;
  border: 0;
  border-left: 0;
}
.productBlock--noContent .productBlock__content {
  position: relative;
}
.productBlock--noContent .productBlock__button {
  float: none;
  margin: 0;
  position: absolute;
  right: -1em;
  top: 0;
}

.product__order .button--success, a.button--success {
  border: 0;
  background: #51A118;
  color: #FFF;
  border-radius: 50px;
  height: 52px;
  font-size: 17px;
}

.product__price {
  color: #1c2226;
  font-weight: 800;
  font-size: 24px;
  font-family: "sofia-pro", sans-serif;
}
.product__price sup {
  font-size: 0.5em;
}
.product__price--small {
  color: #9F9F9F;
  font-size: 14px;
  font-weight: 400;
  margin-left: 0.5em;
}
.product__price--small sup {
  vertical-align: unset;
  font-size: 1em;
}
.product__stock {
  display: block;
}
.product__stock span {
  font-weight: normal;
}
.product__stock span.product__stockLink {
  color: #303030;
  font-weight: normal;
  cursor: pointer;
  float: right;
  text-decoration: underline;
}
.product__stock--none span {
  color: #D0021B;
}
.product__stock--soon span {
  color: #f19c09;
}
.product__stock--limited span {
  color: #f19c09;
}
.product__stock--stocky span {
  color: #51A118;
  font-weight: 300;
}
.product__amount {
  box-sizing: border-box;
  background: #FFF;
  border: 1px solid #D1D1D1;
  border-radius: 0px !important;
  position: relative;
  flex: 1 1 20%;
  height: 52px;
}
.product__amount input {
  border: 0;
  background: transparent;
  text-align: center;
  line-height: 48px;
  font-family: "sofia-pro", sans-serif;
  padding-right: 25px;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  display: block;
}
.product__amount input[type=number] {
  -moz-appearance: textfield;
}
.product__amount input[type=number]::-webkit-outer-spin-button, .product__amount input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.product__amountEdit {
  position: absolute;
  background: #d2d2d2;
  color: #FFF;
  cursor: pointer;
  width: 25px;
  height: 24.5px;
  text-align: center;
  right: 0;
}
.product__amountEdit--add {
  top: 0;
}
.product__amountEdit--add:after {
  content: "";
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  border: 6px solid transparent;
  top: -4px;
  border-bottom: 8px solid #FFF;
  margin-left: 5px;
}
.product__amountEdit--add:after {
  border-width: 4px;
  border-bottom-width: 6px;
  position: absolute;
  left: 50%;
  margin-left: -3.5px;
  bottom: 9px;
}
.product__amountEdit--subtract {
  bottom: 0;
}
.product__amountEdit--subtract:after {
  content: "";
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  border: 6px solid transparent;
  top: 2px;
  border-top: 8px solid #FFF;
  margin-left: 5px;
}
.product__amountEdit--subtract:after {
  border-width: 4px;
  border-top-width: 6px;
  position: absolute;
  left: 50%;
  margin-left: -3.5px;
  top: 9px;
}

span.warentypricespan {
  color: #9F9F9F;
}

.orderedProduct__message.orderedProduct__message--success {
  padding-left: 30px;
}

.orderedProduct__message.orderedProduct__message--success .fas {
  position: absolute;
  left: 22px;
  padding-top: 3px;
}

.orderedProduct__message {
  margin: 0 0 1em;
}
.orderedProduct__message--success {
  color: #51A118;
}
.orderedProduct__main {
  display: grid;
  grid-template-columns: 150px auto;
  grid-template-rows: auto 1fr;
  grid-template-areas: "image title" "image warranty";
  grid-row-gap: 1em;
  grid-column-gap: 1em;
  margin: 0 0 1em;
}
.orderedProduct__main figure {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 1;
  grid-area: image;
  margin: 0;
}
.orderedProduct__main figure img {
  max-width: 100%;
  height: auto;
}
.orderedProduct__title {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: title;
  font-family: "sofia-pro", sans-serif;
  font-weight: 800;
  font-size: 24px;
  color: #1D2327;
  max-height: 100%;
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.orderedProduct__accessory > .orderedProduct__title {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.productSummary > .orderedProduct__title {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.orderedProduct__accessory > .orderedProduct__title {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.productSummary > .orderedProduct__title {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.orderedProduct__warranty {
  margin: 0 0 0.1em;
}
.orderedProduct__warrantyOptions {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
  -ms-grid-row: 3;
  -ms-grid-column: 3;
  grid-area: warranty;
}
.orderedProduct__warranty label {
  cursor: pointer;
  color: #1c2226;
}
.orderedProduct__warranty input {
  display: none;
}
.orderedProduct__warranty sup {
  font-size: 0.6em;
}
.orderedProduct__warranty i {
  color: #ffcc00;
  font-size: 0.9em;
  cursor: pointer;
}
.orderedProduct__warrantyInput {
  width: 15px;
  height: 15px;
  border-radius: 15px;
  border: 1px solid #d2d2d2;
  background: #FFF;
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  vertical-align: middle;
  top: -2px;
  margin-right: 5px;
  box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.1);
}
input:checked + .orderedProduct__warrantyInput {
  box-shadow: none;
}
input:checked + .orderedProduct__warrantyInput:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: #ffcc00;
  width: 7px;
  height: 7px;
  margin: 3px;
  border-radius: 7px;
  border: 0;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
}
.orderedProduct__recommendations {
  font-family: "sofia-pro", sans-serif;
  font-weight: bold;
  font-size: 18px;
  margin: 0 0 0.5em;
  color: #1c2226;
}
.orderedProduct__accessory {
  border: 1px solid #d2d2d2;
  padding: 0.5em 0.8em;
  margin: 0 0 0.5em;
  display: grid;
  grid-template-columns: 50px 1fr auto auto;
  grid-template-areas: "figure title price button";
  grid-column-gap: 1em;
}
.orderedProduct__accessory figure {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: figure;
  margin: 0;
}
.orderedProduct__accessory figure img {
  max-width: 100%;
  height: auto;
}
.orderedProduct__accessoryTitle {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: title;
  align-self: center;
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  color: #1c2226;
}
.orderedProduct__accessory > .orderedProduct__accessoryTitle {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.productSummary > .orderedProduct__accessoryTitle {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.orderedProduct__accessory > .orderedProduct__accessoryTitle {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.productSummary > .orderedProduct__accessoryTitle {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.orderedProduct__accessory .product__price {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
  -ms-grid-row: 1;
  -ms-grid-column: 5;
  grid-area: price;
  font-size: 18px;
  align-self: center;
  -ms-grid-row: 1;
  -ms-grid-column: 5;
}
.orderedProduct__button {
  -ms-grid-row: 1;
  -ms-grid-column: 7;
  -ms-grid-row: 1;
  -ms-grid-column: 7;
  grid-area: button;
  -ms-grid-row: 1;
  -ms-grid-column: 7;
}
.productSummary > .orderedProduct__button {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
}
.productSummary > .orderedProduct__button {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
}
.orderedProduct__button .button {
  border-radius: 50px;
}
.orderedProduct__controls {
  display: grid;
  grid-template-columns: 1fr 35%;
  grid-template-areas: "back cart";
}
.orderedProduct__controls .button {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: cart;
  justify-self: end;
}
.orderedProduct__back {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: back;
  align-self: center;
  color: #1c2226;
  cursor: pointer;
  text-decoration: none;
}
.orderedProduct__back i {
  color: #ffcc00;
  margin-right: 0.5em;
}

.productSummary {
  display: grid;
  padding: 1em 1.2em;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto auto;
  grid-template-areas: "image title" "image features" "availability button";
  grid-column-gap: 2.4em;
  font-family: "sofia-pro", sans-serif;
  font-size: 16px;
  line-height: 1.25;
}
@media only screen and (max-width: 768px) {
  .productSummary {
    grid-template-columns: 100%;
    grid-template-rows: auto auto 1fr auto;
    grid-template-areas: "title" "image" "features" "button";
  }
  .productSummary > figure {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
  }
  .productSummary > .orderedProduct__title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .productSummary > .orderedProduct__accessoryTitle {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .productSummary > .orderedProduct__button {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
  }
  .productSummary > .productSummary__image {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
  }
  .productSummary > .productSummary__button {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
  }
  .productSummary > .productSummary__title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .productSummary__features {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .productSummary > .modalTitle {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .productSummary > figure {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
  }
  .productSummary > .orderedProduct__title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .productSummary > .orderedProduct__accessoryTitle {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .productSummary > .orderedProduct__button {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
  }
}
.productSummary__image {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 1;
  grid-area: image;
}
.productSummary > .productSummary__image {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 1;
}
.productSummary > .productSummary__image {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 1;
}
.productSummary__image figure {
  margin: 0;
}
.productSummary__image figure img {
  max-width: 300px;
  margin: 0 auto;
  width: 100%;
}
.productSummary__availability {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: availability;
}
.productSummary__availability .product__price {
  font-size: 18px;
}
@media only screen and (max-width: 768px) {
  .productSummary__availability {
    display: none;
  }
}
.productSummary__button {
  -ms-grid-row: 1;
  -ms-grid-column: 7;
  -ms-grid-row: 1;
  -ms-grid-column: 7;
  grid-area: button;
}
.productSummary > .productSummary__button {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
}
.productSummary > .productSummary__button {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
}
@media only screen and (min-width: 769px) {
  .productSummary__button .product__price {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .productSummary__button {
    border-top: 4px solid #f19c09;
    box-shadow: 0px -2px 3px rgba(0, 0, 0, 0.15);
    padding: 0.5em 20px 1em;
    margin: 0 -1.2em -1em;
  }
  .productSummary__button .product__price {
    margin: 0 0 0.3em;
  }
}
.productSummary__title {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: title;
}
.orderedProduct__accessory > .productSummary__title {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.productSummary > .productSummary__title {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.orderedProduct__accessory > .productSummary__title {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.productSummary > .productSummary__title {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.productSummary__title a {
  font-family: "sofia-pro", sans-serif;
  font-weight: bold;
  font-size: 18px;
  color: #1D2327;
}
.productSummary__productInfo {
  color: #9F9F9F;
  font-weight: normal;
}
.productSummary__productInfo:after {
  content: "";
  display: table;
  clear: both;
}
.productSummary__productInfo div {
  float: left;
  padding-right: 0.7em;
  margin-right: 0.7em;
  border-right: 2px solid #d2d2d2;
  font-size: 14px;
  color: #9F9F9F;
  font-weight: 300;
  margin-top: 10px;
}
.productSummary__productInfo div:last-child {
  padding-right: 0;
  margin-right: 0;
  border-right: 0;
}
.productSummary__features {
  -ms-grid-row: 2;
  -ms-grid-column: 3;
  -ms-grid-row: 2;
  -ms-grid-column: 3;
  grid-area: features;
  background: #F3F3F3;
  margin: 1em -1.2em;
  padding: 0px 0px 0px 10px;
  font-size: 14px;
  color: #9F9F9F;
  height: 145px;
}
.productSummary__features ul {
  list-style: none;
  margin-left: 15px;
  padding-left: 0;
}
.productSummary__features ul li {
  position: relative;
  font-size: 14px;
  font-weight: 300;
  color: #1c2226;
  line-height: 22px;
}
@media only screen and (max-width: 768px) {
  .productSummary__features {
    background: transparent;
    margin: 0;
    padding: 0;
  }
  .productSummary__features ul {
    margin: 0.5em 0;
  }
}
@media only screen and (min-width: 769px) {
  .productSummary__features .product__stock {
    display: none;
  }
}
.productSummary__featureValue {
  font-weight: 600;
}

.acesEight__container {
  display: grid;
  grid-template-columns: 1fr 20% 1fr;
  grid-template-areas: "uspsLeft figure uspsRight";
  grid-column-gap: 20px;
  margin: 0 0 150px;
}
@media only screen and (min-width: 1200px) {
  .acesEight__container {
    grid-column-gap: 65px;
  }
}
@media only screen and (max-width: 1024px) {
  .acesEight__container {
    grid-template-columns: auto auto;
    grid-template-rows: auto auto;
    grid-template-areas: "figure figure" "uspsLeft uspsRight";
  }
  .acesEight__container > figure {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .acesEight__container > figure {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
}
@media only screen and (max-width: 768px) {
  .acesEight__container {
    grid-template-columns: auto;
    grid-template-rows: auto auto auto;
    grid-template-areas: "figure" "uspsLeft" "uspsRight";
    margin: 0 0 50px;
  }
  .acesEight__container > figure {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .acesEight__container > figure {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
}
.acesEight__visual {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: figure;
  margin: 0;
}
.acesEight__container > .acesEight__visual {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.acesEight__usp > .acesEight__visual {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
}
.acesEight__usps--right .acesEight__usp > .acesEight__visual {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}
.acesEight__wpcontainer > .acesEight__visual {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
}
.acesEight__wpcontainer.wp-block-columns > .acesEight__visual {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
}
.acesEight__wpcontainer .acesEight__wpusp > .acesEight__visual {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}
.acesEight__wpcontainer .wp-block-media-text.has-media-on-the-right > .acesEight__visual {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
}
.page_column_left_sidebar .acesEight__wpcontainer > .acesEight__visual {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
}
.acesEight__visual img {
  max-width: 240px;
  margin: 0 auto;
  width: 100%;
}
@media only screen and (max-width: 1024px) {
  .acesEight__visual {
    padding: 30px 0;
  }
  .acesEight__visual img {
    height: 300px !important;
    margin: 0 auto;
  }
}
.acesEight__usps {
  margin: 0;
  padding: 85px 0 0;
}
@media only screen and (max-width: 1100px) {
  .acesEight__usps {
    padding-top: 30px;
  }
}
@media only screen and (max-width: 1050px) {
  .acesEight__usps {
    padding: 0;
  }
}
.acesEight__usps--left {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: uspsLeft;
}
.acesEight__wpcontainer > .acesEight__usps--left {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.acesEight__wpcontainer.wp-block-columns > .acesEight__usps--left {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.page_column_left_sidebar .acesEight__wpcontainer > .acesEight__usps--left {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}
.acesEight__usps--right {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
  grid-area: uspsRight;
}
.acesEight__wpcontainer > .acesEight__usps--right {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
}
.acesEight__wpcontainer.wp-block-columns > .acesEight__usps--right {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.page_column_left_sidebar .acesEight__wpcontainer > .acesEight__usps--right {
  -ms-grid-row: 2;
  -ms-grid-column: 3;
}
.acesEight__usp {
  display: grid;
  grid-template-columns: auto 58px;
  grid-template-rows: auto auto;
  grid-column-gap: 10px;
  grid-template-areas: "head figure" "text figure";
  margin: 0 0 35px;
}
.acesEight__usps--right .acesEight__usp {
  grid-template-columns: 58px auto;
  grid-template-rows: auto auto;
  grid-template-areas: "figure head" "figure text";
}
@media only screen and (max-width: 768px) {
  .acesEight__usp {
    grid-template-columns: 58px auto;
    grid-template-rows: auto auto;
    grid-template-areas: "figure head" "figure text";
    margin: 0 0 15px;
  }
  .acesEight__usp > figure {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .acesEight__usp > figure {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .acesEight__usp > .acesEight__visual {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
}
.acesEight__usp strong {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: head;
  align-self: end;
  font-size: 22px;
  font-weight: 800;
  white-space: nowrap;
}
.acesEight__usp span {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: text;
  align-self: start;
  white-space: nowrap;
}
@media only screen and (max-width: 768px) {
  .acesEight__usp strong,
.acesEight__usp span {
    white-space: normal;
  }
}
.acesEight__usp figure {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-area: figure;
  width: 58px;
  height: 58px;
  margin: 0;
  padding: 0;
}
@media only screen and (min-width: 769px) {
  .acesEight__usps--left .acesEight__usp strong,
.acesEight__usps--left .acesEight__usp span {
    text-align: right;
  }
}

.home_page_middle_content {
  display: flex;
}
@media only screen and (max-width: 768px) {
  .home_page_middle_content {
    flex-direction: column;
  }
}

.home_page_middle {
  margin-bottom: 50px;
}
.home_page_middle .home_page_title {
  font-size: 60px;
  line-height: 47px;
  text-align: center;
  font-weight: 900;
}
@media only screen and (max-width: 768px) {
  .home_page_middle .home_page_title {
    line-height: 47px;
  }
}
.home_page_middle .home_page_title-sm {
  font-size: 22px;
  line-height: 36px;
  text-align: center;
  padding: 30px 135px 0;
}
@media only screen and (max-width: 768px) {
  .home_page_middle .home_page_title-sm {
    font-size: 20px;
    line-height: 32px;
    padding: 25px 0 0;
  }
}
.home_page_middle .home_page_button {
  display: flex;
  justify-content: center;
  text-align: center;
  margin: 30px 0;
}
.home_page_middle .box_design {
  justify-content: flex-end;
}

.middle_content_section_bg {
  display: flex;
}
.middle_content_section_bg .middle_content_section {
  width: 75%;
  float: left;
  text-align: right;
  margin-bottom: 30px;
}
@media only screen and (max-width: 768px) {
  .middle_content_section_bg .middle_content_section {
    text-align: left;
    margin-left: 40px;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 0px;
  }
}
.middle_content_section_bg .middle_content_section .middle_content_section_heading {
  font-size: 22px;
  line-height: 18px;
  font-weight: 800;
}
@media only screen and (max-width: 768px) {
  .middle_content_section_bg .middle_content_section .middle_content_section_heading {
    font-size: 20px;
    line-height: 31px;
  }
}
.middle_content_section_bg .middle_content_section .middle_content_section_heading_sm {
  line-height: 26px;
  margin-top: 5px;
}
@media only screen and (max-width: 768px) {
  .middle_content_section_bg .middle_content_section .middle_content_section_heading_sm {
    margin-top: 0px;
  }
}
.middle_content_section_bg .middle_content_section_check {
  width: 20%;
  position: absolute;
  right: 0;
  margin-top: 15px;
}
@media only screen and (max-width: 768px) {
  .middle_content_section_bg .middle_content_section_check {
    left: 0;
    margin-top: 35px;
  }
}

.middle_content_section_bg_right {
  padding-left: 60px;
}
@media only screen and (max-width: 768px) {
  .middle_content_section_bg_right {
    padding-left: 0px;
  }
}
.middle_content_section_bg_right .middle_content_section {
  text-align: left;
  margin-top: 30px;
  padding-left: 40px;
}
@media only screen and (max-width: 768px) {
  .middle_content_section_bg_right .middle_content_section {
    margin-top: 15px;
  }
}
.middle_content_section_bg_right .middle_content_section .middle_content_section_heading {
  font-size: 22px;
  line-height: 18px;
  font-weight: 800;
}
@media only screen and (max-width: 768px) {
  .middle_content_section_bg_right .middle_content_section .middle_content_section_heading {
    font-size: 20px;
    line-height: 31px;
  }
}
.middle_content_section_bg_right .middle_content_section .middle_content_section_heading_sm {
  line-height: 26px;
  margin-top: 5px;
}
@media only screen and (max-width: 768px) {
  .middle_content_section_bg_right .middle_content_section .middle_content_section_heading_sm {
    margin-top: 0px;
  }
}
.middle_content_section_bg_right .middle_content_section_check {
  position: absolute;
  margin-top: 15px;
}
@media only screen and (max-width: 768px) {
  .middle_content_section_bg_right .middle_content_section_check {
    margin-top: 20px;
  }
}

.middle_content_section_check input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
}

/* When the checkbox is checked, add a blue background */
.middle_content_section_check input:checked ~ .checkmark {
  border: 2px solid #1c2226;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.middle_content_section_check input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.middle_content_section_check .checkmark:after {
  left: 8px;
  top: -4px;
  width: 5px;
  height: 13px;
  border: solid #ffcc00;
  border-width: 0 4px 4px 0;
  transform: rotate(45deg);
  background-color: white;
  outline-style: auto;
  outline-color: white;
}

.portal_col-4 {
  float: left;
}

.bg_top {
  margin-top: 100px;
}

.home_page_button-bg {
  padding: 4% 0 8% 0;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .home_page_button-bg {
    margin: 10px 0 35px 0;
  }
}
.home_page_button-bg .home_page_button {
  font-size: 18px;
  line-height: 46px;
  font-weight: 800;
  padding: 0px 20px;
  height: 46px;
  display: inline-block;
  border-radius: 23px;
  border: 2px solid #1c2226;
  cursor: pointer;
  text-align: center;
}
.home_page_button-bg .home_page_button .button_circle {
  width: 8px;
  height: 8px;
  background-color: #ffcc00;
  display: block;
  float: left;
  border-radius: 50%;
  margin: 20px 15px 0px 0px;
}
.home_page_button-bg .home_page_button:hover {
  background-color: #ffcc00;
  border: 2px solid #ffcc00;
}
.home_page_button-bg .home_page_button:hover .button_circle {
  background-color: white;
}

@media only screen and (max-width: 768px) {
  .box_yellow {
    height: 220px !important;
    width: 220px !important;
    bottom: 80px !important;
  }

  .home_page_top {
    width: 100%;
    float: left;
  }

  .h_p_m_content1 {
    order: 1;
  }

  .h_p_m_content2 {
    order: 0;
  }

  .h_p_m_content3 {
    order: 2;
  }

  .bg_top {
    margin-top: 20px;
  }

  .home_page_middle .box_design {
    display: none;
  }

  .middle_content_section_image {
    margin-top: 20px;
  }
}
.svg-layers {
  position: relative;
  width: 100%;
  height: 480px;
  margin: 0 auto;
}
@media only screen and (max-width: 1100px) {
  .svg-layers {
    height: 420px;
    width: 195px;
  }
}
@media only screen and (max-width: 1050px) {
  .svg-layers {
    height: 360px;
    width: 168px;
  }
}
@media only screen and (max-width: 1024px) {
  .svg-layers {
    height: 200px;
    width: 93px;
  }
}

#yellow,
#black {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: auto;
  height: 100%;
}

.yellow-path {
  stroke-dasharray: 1100;
  stroke-dashoffset: 0;
  animation: stroke 8s linear forwards infinite;
}

@keyframes stroke {
  0% {
    stroke-dashoffset: 0;
  }
  49% {
    stroke-dashoffset: 1100;
  }
  50% {
    stroke-dashoffset: 1100;
  }
  99% {
    stroke-dashoffset: 2200;
  }
  100% {
    stroke-dashoffset: 2200;
  }
}
.pageContainer .acesEight__wpcontainer .acesEight__usps p {
  font-size: 22px;
  font-weight: 800;
  margin-bottom: 0px;
}

.aces8__header {
  position: relative;
}
@media only screen and (max-width: 768px) {
  .aces8__header .uagb-section__inner-wrap h2 {
    font-size: 60px !important;
    line-height: 30px !important;
    margin-bottom: 0 !important;
  }
}
.aces8__header .aces8__title {
  font-size: 60px;
  line-height: 47px;
  text-align: center;
  font-weight: 900;
}
.aces8__header .aces8__text {
  font-size: 22px;
  line-height: 36px;
  text-align: center;
  padding: 30px 135px 0;
}
@media only screen and (max-width: 768px) {
  .aces8__header .aces8__text {
    padding: 25px 0;
  }
}
.aces8__header .wp_box_design {
  position: absolute;
  left: -20px;
  bottom: -60px;
}
@media only screen and (max-width: 768px) {
  .aces8__header .wp_box_design {
    bottom: 20px;
    display: none;
  }
}
.aces8__header .wp_box_design > *[class*=box_design_] {
  width: 30px;
  height: 30px;
}
@media only screen and (max-width: 768px) {
  .aces8__header .wp_box_design > *[class*=box_design_] {
    width: 20px;
    height: 20px;
  }
}
.aces8__header .wp_box_design_tranparent {
  background-color: transparent;
}
.aces8__header .wp_box_design_white {
  background-color: white;
}
.aces8__header .wp_box_design_orange {
  background-color: #ffcc00;
}
.aces8__header .wp_box_design_black {
  background-color: #1c2226;
}

.content--fullWidth .acesEight__wpcontainer > [class^=wp-block] {
  padding: 0;
}

.acesEight__wpcontainer {
  background-color: #fff;
  display: grid;
  grid-template-columns: 1fr 20% 1fr;
  grid-template-areas: "uspsLeft figure uspsRight";
  grid-column-gap: 20px;
  margin: 40px 0 150px;
  padding: 0;
}
@media only screen and (min-width: 1200px) {
  .acesEight__wpcontainer {
    grid-column-gap: 65px;
  }
}
.acesEight__wpcontainer.wp-block-columns {
  display: grid;
  grid-template-columns: 1fr 20% 1fr;
  grid-template-areas: "uspsLeft figure uspsRight";
}
@media only screen and (max-width: 1024px) {
  .acesEight__wpcontainer.wp-block-columns {
    grid-template-columns: auto auto;
    grid-template-rows: auto auto;
    grid-template-areas: "figure figure" "uspsLeft uspsRight";
  }
  .acesEight__wpcontainer.wp-block-columns > figure {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .acesEight__wpcontainer.wp-block-columns > figure {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .acesEight__wpcontainer.wp-block-columns > .acesEight__visual {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .acesEight__wpcontainer.wp-block-columns > .acesEight__usps--left {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .acesEight__wpcontainer.wp-block-columns > .acesEight__usps--right {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .acesEight__wpcontainer.wp-block-columns > figure {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
}
@media only screen and (max-width: 768px) {
  .acesEight__wpcontainer.wp-block-columns {
    grid-template-columns: auto;
    grid-template-rows: auto auto auto;
    grid-template-areas: "figure" "uspsLeft" "uspsRight";
    margin: 0 0 80px;
  }
  .acesEight__wpcontainer.wp-block-columns > figure {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .acesEight__wpcontainer.wp-block-columns > figure {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .acesEight__wpcontainer.wp-block-columns > .acesEight__visual {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .acesEight__wpcontainer.wp-block-columns > .acesEight__usps--left {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .acesEight__wpcontainer.wp-block-columns > .acesEight__usps--right {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .acesEight__wpcontainer.wp-block-columns > figure {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
}
@media only screen and (max-width: 768px) {
  .acesEight__wpcontainer .wp-block-column {
    margin-bottom: 0;
  }
}
.acesEight__wpcontainer .wp-block-column:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: uspsLeft;
}
.acesEight__wpcontainer .wp-block-column:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-area: figure;
  margin: 0;
}
.acesEight__wpcontainer .wp-block-column:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
  grid-area: uspsRight;
  margin-left: 0;
}
.acesEight__wpcontainer .acesEight__wpvisual {
  margin: 0;
}
.acesEight__wpcontainer .acesEight__wpvisual img {
  max-width: 240px;
  margin: 0 auto;
  width: 100%;
}
@media only screen and (max-width: 1024px) {
  .acesEight__wpcontainer .acesEight__wpvisual {
    padding: 30px 0;
  }
  .acesEight__wpcontainer .acesEight__wpvisual img {
    height: 300px !important;
    margin: 0 auto;
  }
}
.acesEight__wpcontainer .acesEight__wpusp {
  display: grid;
  grid-template-columns: 58px auto;
  grid-template-rows: auto auto;
  grid-template-areas: "figure head";
  margin: 0 0 35px;
  grid-column-gap: 10px;
}
.acesEight__wpcontainer .acesEight__wpusp.wp-block-media-text .wp-block-media-text__content {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: head;
  padding: 0;
}
.acesEight__wpcontainer .acesEight__wpusp.wp-block-media-text .wp-block-media-text__content p {
  margin: 0;
  text-align: left;
}
@media only screen and (max-width: 768px) {
  .acesEight__wpcontainer .acesEight__wpusp {
    grid-template-columns: 58px auto;
    grid-template-rows: auto auto;
    grid-template-areas: "figure head";
    margin: 0 0 15px;
  }
  .acesEight__wpcontainer .acesEight__wpusp.wp-block-media-text .wp-block-media-text__content {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    grid-area: head;
    padding: 0;
  }
  .acesEight__wpcontainer .acesEight__wpusp.wp-block-media-text .wp-block-media-text__content p {
    margin: 0;
    text-align: left;
  }
  .acesEight__wpcontainer .acesEight__wpusp > figure {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .acesEight__wpcontainer .acesEight__wpusp > figure {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .acesEight__wpcontainer .acesEight__wpusp > .acesEight__visual {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .acesEight__wpcontainer .acesEight__wpusp > strong {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .acesEight__wpcontainer .acesEight__wpusp > figure {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .acesEight__wpcontainer .acesEight__wpusp > .wp-block-column:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .acesEight__wpcontainer .acesEight__wpusp > .wp-block-media-text__content {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
}
.acesEight__wpcontainer .acesEight__wpusp strong {
  font-size: 22px;
  font-weight: 800;
  white-space: nowrap;
}
.acesEight__wpcontainer .acesEight__wpusp span {
  white-space: nowrap;
}
@media only screen and (max-width: 768px) {
  .acesEight__wpcontainer .acesEight__wpusp strong,
.acesEight__wpcontainer .acesEight__wpusp span {
    white-space: normal;
  }
}
.acesEight__wpcontainer .acesEight__wpusp figure {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-area: figure !important;
  width: 58px;
  height: 58px;
  margin: 0;
  padding: 0;
}
.acesEight__wpcontainer .wp-block-media-text.has-media-on-the-right {
  display: grid;
  grid-template-columns: auto 58px;
  grid-template-rows: auto auto;
  grid-column-gap: 10px;
  grid-template-areas: "head figure";
}
.acesEight__wpcontainer .wp-block-media-text.has-media-on-the-right.wp-block-media-text .wp-block-media-text__content {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: head;
  padding: 0;
}
.acesEight__wpcontainer .wp-block-media-text.has-media-on-the-right.wp-block-media-text .wp-block-media-text__content p {
  margin: 0;
  text-align: right;
}
@media only screen and (max-width: 768px) {
  .acesEight__wpcontainer .wp-block-media-text.has-media-on-the-right {
    grid-template-columns: 58px auto;
    grid-template-rows: auto auto;
    grid-template-areas: "figure head";
    margin: 0 0 15px;
  }
  .acesEight__wpcontainer .wp-block-media-text.has-media-on-the-right.wp-block-media-text .wp-block-media-text__content {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: head;
    padding: 0;
  }
  .acesEight__wpcontainer .wp-block-media-text.has-media-on-the-right.wp-block-media-text .wp-block-media-text__content p {
    margin: 0;
    text-align: left;
  }
  .acesEight__wpcontainer .wp-block-media-text.has-media-on-the-right > figure {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .acesEight__wpcontainer .wp-block-media-text.has-media-on-the-right > figure {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .acesEight__wpcontainer .wp-block-media-text.has-media-on-the-right > .acesEight__visual {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .acesEight__wpcontainer .wp-block-media-text.has-media-on-the-right > strong {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .acesEight__wpcontainer .wp-block-media-text.has-media-on-the-right > figure {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .acesEight__wpcontainer .wp-block-media-text.has-media-on-the-right > .wp-block-column:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .acesEight__wpcontainer .wp-block-media-text.has-media-on-the-right > .wp-block-media-text__content {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .acesEight__wpcontainer .wp-block-media-text.has-media-on-the-right > .wp-block-media-text__content {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .acesEight__wpcontainer .wp-block-media-text.has-media-on-the-right > figure {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .acesEight__wpcontainer .wp-block-media-text.has-media-on-the-right > .wp-block-media-text__content {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
}
.acesEight__wpcontainer .svg-layers {
  position: relative;
  width: 100%;
  height: 480px;
  margin: 0 auto;
}
@media only screen and (max-width: 1100px) {
  .acesEight__wpcontainer .svg-layers {
    height: 420px;
    width: 195px;
  }
}
@media only screen and (max-width: 1050px) {
  .acesEight__wpcontainer .svg-layers {
    height: 360px;
    width: 168px;
  }
}
@media only screen and (max-width: 1024px) {
  .acesEight__wpcontainer .svg-layers {
    height: 200px;
    width: 93px;
  }
}
.acesEight__wpcontainer #yellow,
.acesEight__wpcontainer #black {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: auto;
  height: 100%;
}
.acesEight__wpcontainer .yellow-path {
  stroke-dasharray: 1100;
  stroke-dashoffset: 0;
  animation: stroke 8s linear forwards infinite;
}
@keyframes stroke {
  0% {
    stroke-dashoffset: 0;
  }
  49% {
    stroke-dashoffset: 1100;
  }
  50% {
    stroke-dashoffset: 1100;
  }
  99% {
    stroke-dashoffset: 2200;
  }
  100% {
    stroke-dashoffset: 2200;
  }
}

.page_column_left_sidebar .acesEight__wpcontainer {
  grid-template-columns: auto auto;
  grid-template-rows: auto auto;
  grid-template-areas: "figure figure" "uspsLeft uspsRight";
  grid-column-gap: 20px;
}
@media only screen and (max-width: 768px) {
  .page_column_left_sidebar .acesEight__wpcontainer {
    grid-template-columns: auto;
    grid-template-rows: auto auto auto;
    grid-template-areas: "figure" "uspsLeft" "uspsRight";
    margin: 0 0 50px;
  }
  .page_column_left_sidebar .acesEight__wpcontainer > figure {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .page_column_left_sidebar .acesEight__wpcontainer > figure {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .page_column_left_sidebar .acesEight__wpcontainer > .acesEight__visual {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .page_column_left_sidebar .acesEight__wpcontainer > .acesEight__usps--left {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .page_column_left_sidebar .acesEight__wpcontainer > .acesEight__usps--right {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .page_column_left_sidebar .acesEight__wpcontainer > figure {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .page_column_left_sidebar .acesEight__wpcontainer > .wp-block-column:nth-child(1) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .page_column_left_sidebar .acesEight__wpcontainer > .wp-block-column:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .page_column_left_sidebar .acesEight__wpcontainer > .wp-block-column:nth-child(3) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .page_column_left_sidebar .acesEight__wpcontainer > figure {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
}
.page_column_left_sidebar .acesEight__wpcontainer .svg-layers {
  height: 200px;
  width: 93px;
}
.page_column_left_sidebar .acesEight__wpcontainer .acesEight__wpusp figure {
  align-self: start;
}
.page_column_left_sidebar .acesEight__wpcontainer .acesEight__wpusp.wp-block-media-text .wp-block-media-text__content {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: head;
  padding: 0;
}
@media only screen and (max-width: 768px){
  .productSummary > .productSummary__image {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
  }
  .productSummary > .productSummary__button {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
  }
  .productSummary > .productSummary__title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .productSummary__features {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .productSummary > .modalTitle {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .modalElement > .modalTitle {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .modalContent {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .productSummary > figure {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
  }
  .productSummary > .orderedProduct__title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .modalElement > .orderedProduct__title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .productSummary > .orderedProduct__accessoryTitle {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .modalElement > .orderedProduct__accessoryTitle {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .productSummary > .orderedProduct__button {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
  }
  .productSummary > .productSummary__image {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
  }
  .productSummary > .productSummary__image {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
  }
  .productSummary > .productSummary__button {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
  }
  .productSummary > .productSummary__button {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
  }
  .productSummary > .productSummary__title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .modalElement > .productSummary__title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .productSummary > .productSummary__title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .productSummary__features {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .productSummary__features {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .acesEight__container > .acesEight__visual {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .acesEight__usps--left {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .acesEight__usps--right {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .acesEight__usp strong {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .acesEight__usp span {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .acesEight__container > figure {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .acesEight__usp > figure {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .acesEight__wpcontainer .wp-block-column:nth-child(1) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .acesEight__wpcontainer.wp-block-columns > .wp-block-column:nth-child(1) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .acesEight__container > .wp-block-column:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .acesEight__usp > .wp-block-column:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .acesEight__wpcontainer.wp-block-columns > .wp-block-column:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .acesEight__wpcontainer .wp-block-column:nth-child(3) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .acesEight__wpcontainer.wp-block-columns > .wp-block-column:nth-child(3) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .acesEight__wpcontainer .acesEight__wpusp.wp-block-media-text .wp-block-media-text__content {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .acesEight__wpcontainer .acesEight__wpusp.wp-block-media-text .wp-block-media-text__content {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .acesEight__wpcontainer .acesEight__wpusp > .wp-block-media-text__content {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .acesEight__container > figure {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .acesEight__usp > figure {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .acesEight__wpcontainer.wp-block-columns > figure {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .acesEight__wpcontainer .acesEight__wpusp > figure {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .acesEight__wpcontainer .wp-block-media-text.has-media-on-the-right.wp-block-media-text .wp-block-media-text__content {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .acesEight__wpcontainer .acesEight__wpusp > .wp-block-media-text__content {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .acesEight__wpcontainer .wp-block-media-text.has-media-on-the-right.wp-block-media-text .wp-block-media-text__content {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .acesEight__wpcontainer .acesEight__wpusp > .wp-block-media-text__content {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .acesEight__wpcontainer .wp-block-media-text.has-media-on-the-right > .wp-block-media-text__content {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .page_column_left_sidebar .acesEight__wpcontainer .acesEight__wpusp.wp-block-media-text .wp-block-media-text__content {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .acesEight__wpcontainer .acesEight__wpusp > .wp-block-media-text__content {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .acesEight__wpcontainer .wp-block-media-text.has-media-on-the-right > .wp-block-media-text__content {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
}
@media only screen and (max-width: 1024px){
  .acesEight__container > .acesEight__visual {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .acesEight__usps--left {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .acesEight__usps--right {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .acesEight__container > figure {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .acesEight__wpcontainer .wp-block-column:nth-child(1) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .acesEight__wpcontainer.wp-block-columns > .wp-block-column:nth-child(1) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .acesEight__container > .wp-block-column:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .acesEight__wpcontainer.wp-block-columns > .wp-block-column:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .acesEight__wpcontainer .wp-block-column:nth-child(3) {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .acesEight__wpcontainer.wp-block-columns > .wp-block-column:nth-child(3) {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .acesEight__container > figure {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .acesEight__wpcontainer.wp-block-columns > figure {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
}
.page_column_left_sidebar .acesEight__wpcontainer .acesEight__wpusp.wp-block-media-text .wp-block-media-text__content p {
  margin: 0;
  text-align: left;
}
.page_column_left_sidebar .acesEight__wpcontainer .wp-block-media-text.has-media-on-the-right.wp-block-media-text .wp-block-media-text__content p {
  text-align: right;
}
@media only screen and (max-width: 768px) {
  .page_column_left_sidebar .acesEight__wpcontainer .wp-block-media-text.has-media-on-the-right.wp-block-media-text .wp-block-media-text__content p {
    text-align: left;
  }
}

#DIENST_LIGHTBOX {
  font-size: 12px;
  line-height: 17px;
}

#DIENST_LIGHTBOX_PRICE_LINE {
  clear: both;
  float: right;
  margin-right: 20px;
  color: #11255b;
  font-size: 14px;
  font-weight: bold;
  margin-top: 10px;
}

#DIENST_LIGHTBOX_PRICE {
  font-size: 18px;
}

#DIENST_LIGHTBOX_PRICE_LINE_INCL {
  clear: both;
  float: right;
  margin-right: 20px;
  color: #11255b;
  font-size: 11px;
  font-weight: normal;
}

/*
@import 'components/payment'; // TODO: needed in global?
@import 'components/actions'; // TODO: needed in global?
@import 'components/cart'; // TODO: needed in global?
*/
.siteFooter__contactAvailable {
  background: #414A70;
  padding: 0.8em 0;
  color: #FFF;
}
.siteFooter__contactAvailable p {
  margin: 0;
}
.siteFooter__contactOptions {
  background: white;
  padding: 50px 0;
}
.siteFooter__contactElement {
  display: inline-block;
  margin: 0 3em 0 0;
  float: left;
  text-align: left;
}
@media only screen and (max-width: 768px) {
  .siteFooter__contactElement {
    display: block;
    margin: 0 0 1em;
    width: 50%;
  }
}
.siteFooter__contactElement--am {
  margin-right: 0;
}
@media only screen and (max-width: 600px) {
  .siteFooter__contactElement--am {
    float: left;
    text-align: left;
  }
}
.siteFooter__contactElement--email {
  vertical-align: bottom;
}
.siteFooter__contactElement--email span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media only screen and (max-width: 768px) {
  .siteFooter__contactElement--am, .siteFooter__contactElement--email {
    width: 100%;
  }
}
.siteFooter__contactTitle {
  color: #ffcc00;
  font-size: 18px;
  font-weight: 800;
  display: block;
  margin: 17px 0 0;
}
.siteFooter__contactElement--am .siteFooter__contactTitle {
  white-space: nowrap;
}
.siteFooter__contactLine {
  font-size: 17px;
  display: block;
  color: #1c2226;
}
.siteFooter__contactLine a {
  color: #1c2226;
}
.siteFooter__contactLine a i {
  color: white;
}
.siteFooter__contactElement--am .siteFooter__contactLine {
  white-space: nowrap;
}
.siteFooter__contactMedia {
  display: inline-block;
  margin: 0 0.5em 0 0;
  vertical-align: middle;
  overflow: hidden;
  font-size: 1.3em;
}
.siteFooter__contactImage {
  float: left;
  height: 105px;
  width: 105px;
  position: relative;
  margin: 0 20px 0 0;
  z-index: 2;
  border-radius: 250px;
}
@media only screen and (max-width: 600px) {
  .siteFooter__contactImage {
    float: left;
    margin: -10px 10px -10px 0;
  }
}
.siteFooter__address {
  float: right;
  font-style: normal;
  font-size: 1.1em;
}
.siteFooter__addressLine {
  display: block;
  text-align: right;
}
@media only screen and (max-width: 600px) {
  .siteFooter__address {
    float: none;
  }
  .siteFooter__addressLine {
    text-align: left;
  }
}
.siteFooter__mainlogo {
  margin: 0 0 50px;
}
.siteFooter__navigation {
  margin: 0 0 1em;
  background-color: #1c2226;
  padding: 100px 0 50px 0;
}
.siteFooter__navigation .siteFooter__subscribeTitle, .siteFooter__navigation .footer_kolom .title {
  display: block;
  color: #ffcc00;
  font-size: 24px;
  margin: 0 0 0.5em;
  font-weight: 800;
  text-decoration: none;
}
.siteFooter__navigationBlocks {
  position: absolute;
  top: -100px;
  right: 0;
}
.siteFooter__navigationColumn:empty {
  display: none;
}
.siteFooter__navigation .footer_kolom .title a {
  color: #ffcc00;
  text-decoration: none;
}
.siteFooter__navigation .footer_kolom .title a:hover {
  text-decoration: underline;
}
.siteFooter__navigation .footer_kolom ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.siteFooter__navigation .footer_kolom ul li {
  display: block;
  margin: 0 0 0.5em;
  color: white;
}
.siteFooter__navigation .footer_kolom ul li a {
  color: white;
  text-decoration: none;
}
.siteFooter__navigation .footer_kolom ul li a:hover {
  text-decoration: underline;
}
.siteFooter__subscribe {
  float: right;
  padding: 0 0 30px;
  text-decoration: none;
}
@media only screen and (max-width: 1024px) {
  .siteFooter__subscribe {
    float: none;
  }
}
.siteFooter__subscribeLine {
  color: white;
  margin: 0 0 0.5em;
  display: block;
  line-height: 35px;
}
.siteFooter__subscribeForm {
  position: relative;
  background-color: #4a4f52;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-decoration: none;
}
.siteFooter__subscribeForm span {
  text-decoration: none;
}
.siteFooter__subscribeInput {
  display: block;
  box-sizing: border-box;
  height: 65px;
  width: auto;
  padding: 20px;
  border-right: 0;
  background-color: #4a4f52;
  color: #9e9e9e;
  border: none;
  font-family: "sofia-pro", sans-serif;
  flex-grow: 1;
  font-size: 0.875rem;
}
@media only screen and (max-width: 768px) {
  .siteFooter__subscribeInput {
    width: 100%;
  }
}
.siteFooter__subscribeButton {
  margin-right: 10px;
  text-decoration: none;
}
.siteFooter__logos {
  margin: 0 0 1em;
}
.siteFooter__logosContainer--payment {
  text-align: right;
}
.siteFooter__logosContainer--payment :last-child {
  margin-right: 0 !important;
}
.siteFooter__logosContainer--partner {
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .siteFooter__logosContainer {
    text-align: center;
    padding-top: 0 !important;
  }
}
.siteFooter__logo {
  display: inline-block;
  margin: 0 1em 1em 0;
  text-decoration: none !important;
  vertical-align: middle;
}
@media only screen and (min-width: 769px) and (max-width: 875px) {
  .siteFooter__logo {
    margin-right: 0.3em;
  }
}
.siteFooter .siteFooter__contactMedia--Chat {
  cursor: pointer;
}
.siteFooter__disclaimer {
  margin: 0 0 1em;
}
.siteFooter__disclaimerLinks, .siteFooter__disclaimerCopyright {
  text-align: center;
  font-size: 14px;
}
.siteFooter__disclaimerLinks a, .siteFooter__disclaimerCopyright a {
  color: #1c2226;
}
.siteFooter__blocks {
  position: absolute;
  display: flex;
  flex-direction: column;
  width: var(--block);
  height: calc(var(--block) * 2);
  top: calc(var(--block) * -2 - var(--footer-padding));
  right: var(--padding-default);
}
.siteFooter__blocks-white {
  display: block;
  background-color: white;
  width: var(--block);
  height: var(--block);
}
.siteFooter__blocks-yellow {
  display: block;
  background-color: #ffcc00;
  width: var(--block);
  height: var(--block);
}

.siteFooter:not(.cms__footer) {
  margin-top: calc(var(--block) * 2);
}

.cms__footer {
  position: relative;
  z-index: 2;
}

.homepage .siteFooter {
  margin-top: 0;
}

.customFooter {
  display: block;
}
.customFooter:after {
  content: "";
  display: table;
  clear: both;
}
.customFooter__poweredBy {
  float: right;
}
.customFooter__poweredBy img {
  display: block;
  padding: 10px;
  background: #1D2327;
  width: 100px;
}

@media only screen and (max-width: 768px) {
  #trengo-web-widget {
    display: none !important;
  }
}
.names {
  font-size: 24px;
}

.footer__holder {
  display: grid;
  grid-template-columns: auto 1200px auto;
  grid-template-areas: ". container .";
}
@media only screen and (max-width: 1200px) {
  .footer__holder {
    grid-template-columns: 15px 1fr 15px;
  }
}
@media only screen and (max-width: 768px) {
  .footer__holder {
    display: flex;
    flex-direction: column;
  }
}
.footer__container {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: container;
  display: grid;
  grid-template-columns: max-content auto;
  padding: 0 20px;
  align-items: center;
  column-gap: 40px;
}
.content--fullWidth > .wp-block-uagb-section.uagb-section__background-color > .footer__container {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}
.content--fullWidth .wp-block-columns .wp-block-uagb-section.uagb-section__background-color > .footer__container {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
@media only screen and (max-width: 768px) {
  .footer__container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
}
.footer__title {
  color: #ffcc00;
  font-size: 1.125rem;
  font-weight: 600;
  display: block;
  margin: 0;
}
.footer__person {
  grid-column: 1/2;
  display: flex;
  gap: 20px;
  align-items: center;
}
.footer__portrait {
  margin: 0;
  flex-shrink: 0;
}
.footer__info {
  grid-column: 2/-1;
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}
@media only screen and (max-width: 768px) {
  .footer__info {
    row-gap: 20px;
    justify-content: space-between;
  }
}
.footer__phone a {
  text-decoration: none;
  color: #1c2226;
}
.footer__mail a {
  text-decoration: none;
  color: #1c2226;
}
.footer__name {
  margin-right: 20px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
.footer__name-big {
  font-size: 1.4rem;
}

html, body {
  font-size: 16px;
  line-height: 1.6em;
  font-family: "sofia-pro", sans-serif;
  color: #1c2226;
}

.content a {
  color: #1c2226;
  text-decoration: underline;
}
.content a:visited {
  color: #1c2226;
}
.content a:hover {
  color: #1c2226;
}
.content a.wp-block-button__link {
  font-weight: 700;
  text-decoration: none;
}
.content .wp-block-column .aces-yellow-spacer {
  border-bottom: solid 2px #ffcc00;
  margin-bottom: 10px;
  display: flex;
}
.content .wp-block-buttons {
  display: flex;
}
.content .wp-block-buttons.is-content-justification-center {
  justify-items: center;
}
.content .wp-block-buttons.is-content-justification-left {
  justify-items: flex-start;
}
.content .wp-block-buttons.is-content-justification-right {
  justify-items: flex-end;
}
.content--fullWidth > p, .content--fullWidth > h1, .content--fullWidth > h2, .content--fullWidth > h3, .content--fullWidth > h4, .content--fullWidth > [class^=wp-block], .content--fullWidth > .wp-block, .content--fullWidth > .caldera-grid {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  padding-left: 20px;
  padding-right: 20px;
}

.uagb-section__inner-wrap h2 {
  margin: 10px 0 10px 0px !important;
  line-height: 30px !important;
}
@media only screen and (max-width: 768px) {
  .uagb-section__inner-wrap h2 {
    font-size: 20px !important;
    line-height: 30px !important;
    margin-bottom: 10px !important;
  }
}

.pageContainer,
.cke_editable,
.content {
  font-family: "sofia-pro", sans-serif;
  position: relative;
  font-size: 17px;
}

.pageContainer p,
.content p {
  margin-top: 0;
  margin-bottom: 1em;
}

.cke_editable ul.slick-dots,
.portal__text ul.slick-dots,
.content ul.slick-dots {
  padding-inline-start: 0;
}
.cke_editable ol, .cke_editable ul,
.portal__text ol,
.portal__text ul,
.content ol,
.content ul {
  margin: 0 0 var(--margin-default) 0;
  padding: 0;
}
.cke_editable ol.productselector__options, .cke_editable ul.productselector__options,
.portal__text ol.productselector__options,
.portal__text ul.productselector__options,
.content ol.productselector__options,
.content ul.productselector__options {
  padding: 1em 0.5em 0;
}
.cke_editable ol li, .cke_editable ul li,
.portal__text ol li,
.portal__text ul li,
.content ol li,
.content ul li {
  list-style: none;
  position: relative;
  margin-left: 20px;
}
.cke_editable ol li:before, .cke_editable ul li:before,
.portal__text ol li:before,
.portal__text ul li:before,
.content ol li:before,
.content ul li:before {
  content: "";
  width: 10px;
  height: 10px;
  min-width: 10px;
  margin-top: 9px;
  background-color: #ffcc00;
  display: inline-flex;
  margin-left: -20px;
  margin-right: 10px;
}
.cke_editable ol li.productselector__item, .cke_editable ul li.productselector__item,
.portal__text ol li.productselector__item,
.portal__text ul li.productselector__item,
.content ol li.productselector__item,
.content ul li.productselector__item {
  margin-left: 0;
}
@media only screen and (max-width: 768px) {
  .cke_editable ol li.productselector__item, .cke_editable ul li.productselector__item,
.portal__text ol li.productselector__item,
.portal__text ul li.productselector__item,
.content ol li.productselector__item,
.content ul li.productselector__item {
    width: 100%;
  }
}
.cke_editable ol li.productselector__item:before, .cke_editable ul li.productselector__item:before,
.portal__text ol li.productselector__item:before,
.portal__text ul li.productselector__item:before,
.content ol li.productselector__item:before,
.content ul li.productselector__item:before {
  display: none;
}
.cke_editable ol.slick-dots li, .cke_editable ol.productselector__options, .cke_editable ul.slick-dots li, .cke_editable ul.productselector__options,
.portal__text ol.slick-dots li,
.portal__text ol.productselector__options,
.portal__text ul.slick-dots li,
.portal__text ul.productselector__options,
.content ol.slick-dots li,
.content ol.productselector__options,
.content ul.slick-dots li,
.content ul.productselector__options {
  padding-left: 0;
}
.cke_editable ol.slick-dots li:before, .cke_editable ol.productselector__options:before, .cke_editable ul.slick-dots li:before, .cke_editable ul.productselector__options:before,
.portal__text ol.slick-dots li:before,
.portal__text ol.productselector__options:before,
.portal__text ul.slick-dots li:before,
.portal__text ul.productselector__options:before,
.content ol.slick-dots li:before,
.content ol.productselector__options:before,
.content ul.slick-dots li:before,
.content ul.productselector__options:before {
  display: none;
}
.cke_editable .mailplus__form ul, .cke_editable ol,
.portal__text .mailplus__form ul,
.portal__text ol,
.content .mailplus__form ul,
.content ol {
  padding: 0;
  margin: 0;
}
.cke_editable .mailplus__form ul:before, .cke_editable ol:before,
.portal__text .mailplus__form ul:before,
.portal__text ol:before,
.content .mailplus__form ul:before,
.content ol:before {
  display: none;
}
.cke_editable .insocial-wrapper ul,
.portal__text .insocial-wrapper ul,
.content .insocial-wrapper ul {
  padding: 0;
}
.cke_editable .insocial-wrapper ul li:before,
.portal__text .insocial-wrapper ul li:before,
.content .insocial-wrapper ul li:before {
  content: none;
}

.hfaqlist > li:before,
.cke_editable ul > li.no_bullet:before,
.portal__text ul > li.no_bullet:before {
  display: none !important;
}

.wp-block-quote {
  border-left-color: #f19c09 !important;
}

.wp-block-image {
  margin-bottom: 0 !important;
}
.wp-block-image img {
  max-width: 100%;
  height: auto;
}

.wp-block-separator.is-style-wide {
  border-bottom-width: 6px !important;
  background-color: #ffcc00 !important;
}

.wp-block-separator {
  margin-top: 0 !important;
  border-color: #ffcc00 !important;
}

.wp-block-button {
  color: #1c2226 !important;
}

.solutions-block-button .wp-block-button__link {
  font-size: 18px !important;
  padding: 12px 24px !important;
  font-weight: 800 !important;
}

.caldera-grid .caldera_forms_form {
  background: #eeecec;
  padding: 0.5em 1em 0;
  margin: 0 0 1em;
}
.caldera-grid .form-group label {
  font-weight: 600;
  margin-bottom: 0;
}
.caldera-grid .form-group .btn {
  width: 100%;
  border-radius: 5px;
  background: #ffcc00;
  border: 0;
  color: #FFF;
  padding: 0.8em 1em;
}

.quote-author {
  font-weight: 600;
}

.page_column_right {
  margin: 27px 0 2em 0;
  float: right;
  width: 390px;
}

.page_column_left {
  display: block;
  margin: 0 0 1em;
}

.page_column_left .title {
  color: #1D2327 !important;
}
@media only screen and (max-width: 768px) {
  .page_column_left .title {
    line-height: 30px;
  }
}

.page_column_right ~ .page_column_left {
  margin-right: 430px;
}

@media only screen and (max-width: 768px) {
  .pageContainer h1,
.cke_editable h1,
.content h1 {
    font-size: 24px;
    line-height: 36px;
  }
}
.pageContainer h1.news__title,
.cke_editable h1.news__title,
.content h1.news__title {
  margin: 0px;
}

div.subpageContainer {
  float: left;
  width: 780px;
  height: 90px;
}

.pageContainer a {
  text-decoration: none;
}

.pageContainer a.cms__favorites-title {
  color: #1c2226;
}
.pageContainer a.cms__favorites-title:hover {
  color: #1c2226;
  text-decoration: underline;
}
.pageContainer a.cms__favorites-title:visited {
  color: #1c2226;
}

.content__image_header {
  margin: 0 0 1em;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .content__image_header {
    margin-bottom: 0px;
  }
}
.content__image_header h1 {
  color: #1D2327;
  font-weight: 400;
  font-family: "sofia-pro", sans-serif;
}
@media only screen and (min-width: 769px) {
  .content__image_header h1 {
    position: absolute;
    box-sizing: border-box;
    margin: 0;
    padding: 10px 15px;
    color: #FFF;
    background: #1c2226;
    bottom: 0;
    left: 0;
    right: 0;
    line-height: 1.2em;
    font-size: 34px;
    font-weight: 900;
    opacity: 0.85;
  }
}
@media only screen and (max-width: 768px) {
  .content__image_header h1 {
    margin-bottom: 0px;
    font-size: 1.7em;
    line-height: 28px;
    margin-top: 1em;
  }
}
.content__image_header__title {
  max-width: 1280px;
}

.page_title {
  padding: 0 20px;
  line-height: 24px;
  font-weight: 900;
  line-height: 24px;
}
.page_title__news {
  padding: 0 !important;
}

.content__image_header img {
  display: block;
  width: 100%;
}

.content__image_header + #main {
  padding-top: 0;
}

.news__date {
  display: inline-block;
  margin-bottom: 1em;
  font-size: 0.9em;
  color: #9F9F9F;
}
.page_bottom_submenu_news .news__date {
  font-size: 14px;
  margin-bottom: 0px;
}

.pageImage {
  margin: 0 0 20px;
}

.pageImage img {
  display: block;
  width: 100%;
}

/* --- overview styles ------- */
.categorie_rechtercontent {
  display: block;
  min-height: 74px;
  padding-bottom: 15px;
  margin-bottom: 10px;
  border-bottom-width: thin;
  border-bottom-style: solid;
  border-bottom-color: #808080;
}

.news_item {
  float: none;
  width: auto;
  clear: right;
}

img.adelement {
  position: absolute;
  top: 0px;
}

#news_type_selection {
  float: left;
  margin-bottom: 10px;
}

#news_type_selection select {
  font-size: 17px;
  border: none;
  background: transparent;
  color: #1c2226;
  padding: 0px;
  font-family: "sofia-pro", sans-serif;
}

#news_type_selection form:after {
  position: absolute;
  content: "";
  border: solid #ffcc00;
  border-width: 0 3px 3px 0;
  padding: 4px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  margin-top: 4px;
  left: 137px;
}

.hr_linetag {
  border-bottom: 1px solid #edebeb;
  margin-bottom: 15px;
}

.categorie_rc_last {
  border: 0px;
  margin-bottom: 10px;
}

.contmenu_divider {
  color: #F0AA00;
}

.nieuws_afbeelding {
  height: 75px;
  width: 248px;
  float: right;
  overflow: hidden;
  border: thin solid #808080;
}

.nieuws_contentcontainer {
  margin-right: 285px;
}

.nieuws_tekstueel {
  font-size: 9pt;
  font-style: normal;
  line-height: 16px;
  font-weight: normal;
  color: #303030;
  float: none;
}

.nieuwskop {
  font-size: 11pt;
  font-style: normal;
  font-weight: bold;
  color: #00205C;
  text-decoration: none;
}

.leesmeer_nieuws {
  height: 15px;
  width: 100px;
  float: none;
  text-align: right;
  padding-top: 6px;
  font-size: 9pt;
  font-weight: bold;
  color: #00205C;
  text-decoration: none;
}

.menufold {
  position: absolute;
  left: 157px;
  font-size: 14px;
  font-weight: bold;
  color: #11255B;
  text-align: center;
  padding-top: 5px;
  cursor: pointer;
  border-left: 1px solid #cccccc;
  width: 21px;
  height: 20px;
}

.foldhide {
  display: none;
}

.uploadForm div {
  margin-bottom: 10px;
}

.uploadForm div:after {
  content: "";
  display: table;
  clear: both;
}

.uploadForm p.error {
  color: #F00;
}

.uploadForm label {
  float: left;
  width: 200px;
  color: #303030;
  font-weight: normal;
  font-size: 11px;
}

.uploadForm .required {
  color: #FCAC2F;
  font-size: 15px;
}

textarea {
  font-family: Arial, "Lucida Grande", sans-serif;
}

.uploadForm input[type=text],
.uploadForm textarea,
.uploadForm select {
  float: left;
  border: 1px solid #808080;
  color: #303030;
  font-size: 12px;
  font-weight: normal;
  width: 250px;
  padding: 2px 3px;
}

.uploadForm select {
  width: 256px;
  font-weight: normal;
  font-size: 9pt;
  color: #303030;
  line-height: 17px;
}

.uploadForm button {
  float: left;
  margin-left: 200px;
  width: 115px;
  height: 22px;
  border: 1px solid #808080;
  box-sizing: border-box;
  text-align: left;
  display: block;
  position: relative;
  background: #e0e0e0;
  /* Old browsers */
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #e0e0e0 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#e0e0e0",GradientType=0 );
  /* IE6-9 */
  color: #003976;
  cursor: pointer;
  font-size: 9pt;
  line-height: 18px;
  padding: 2px 20px 2px 8px;
  overflow: hidden;
}

.uploadForm button:after {
  content: "";
  background: url("//cd.acesdirect.nl/site_images/template/acessprite.png");
  background-position: -71px -136px;
  width: 15px;
  height: 16px;
  position: absolute;
  right: 3px;
  top: 2px;
}

.column_box {
  border: 1px solid #D1D1D1;
  margin: 0 0 1em;
  overflow: hidden;
}
.column_box ul {
  margin: 14px 14px 14px 0;
  padding-left: 40px !important;
}
.column_box p {
  text-align: center;
  margin-top: 20px;
}
.column_box--contact {
  background: #EBEBEB;
  border: 0;
  border-left: 6px solid #ffcc00;
  padding: 25px 25px 25px 19px;
  box-sizing: border-box;
  color: #1c2226;
}
.column_box--contact .function {
  font-size: 1em;
  margin: 0 0 0.5em;
  display: block;
}
.column_box--contact .email,
.column_box--contact .phone {
  display: block;
  font-size: 0.85em;
  line-height: 1.6em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.column_box--contact .email span,
.column_box--contact .phone span {
  font-weight: bold;
  color: #ffcc00;
  display: inline-block;
  width: 20px;
}
.column_box--contact a {
  color: #1c2226;
}
.column_box__photo {
  float: left;
  overflow: hidden;
  width: 60px;
  height: 60px;
  box-sizing: border-box;
  position: relative;
  margin: 0 16px 1em 0;
  border-radius: 100%;
  background: #FFF;
}
.column_box__photo img {
  width: 100%;
  display: block;
}
.column_box__photo + .column_box__text {
  margin-left: calc(75px - 1em);
}
.column_box__text {
  display: block;
}
.column_box h4 {
  color: #1c2226;
  font-size: 24px;
  line-height: 1.6em;
  font-weight: 800;
  margin-top: 0;
}
.column_box__handle {
  margin: 1em 0 0 75px;
  display: none;
}
.column_box__handle--collapsed {
  display: block;
}
.column_box__handle--collapsed span {
  font-size: 17px;
}
.column_box__handle--collapsed + .column_box__tab {
  display: none;
}
.column_box__tab {
  padding: 1em 0;
}
.column_box__form div {
  margin: 0 0 0.8em;
}
.column_box__form div:after {
  content: "";
  display: table;
  clear: both;
}
.column_box__form div.bottom {
  margin-bottom: 0;
}
.column_box__form label {
  display: block;
  font-style: italic;
  font-size: 0.9em;
  margin: 0 0 0.1em;
}
.column_box__form input,
.column_box__form textarea {
  width: 100%;
  padding: 5px;
  line-height: 16px;
  box-sizing: border-box;
  border: 1px solid #C6C6C6;
  border-radius: 0;
}
.column_box__form button {
  float: right;
  border: 0;
}

.apply_video {
  margin-top: 30px;
}

.apply_box {
  margin-bottom: 2em;
}
.apply_box .title {
  font-size: 13pt;
  color: #ffffff;
  margin: 1em 0;
  text-align: left;
  background: #1c2226;
  padding: 7px 0px 5px 20px;
  font-weight: 300;
}
.apply_box .text {
  border-left: 1px solid #FFF;
  padding: 1px 20px;
  color: #FFF !important;
}
.apply_box .links > * {
  display: inline-block;
  vertical-align: middle;
}
.apply_box .apply_link {
  background: #1c2226;
  padding: 5px 20px;
  color: #FFF;
  text-align: center;
  color: #FFF;
  text-decoration: none;
  font-size: 11pt;
}
.apply_box .vertical_bar {
  height: 35px;
  width: 0px;
  border-left: 1px solid #999999;
  margin: 0 10px;
}
.apply_box .linkedin {
  height: 33px;
  width: 33px;
  background: url("https://cd.acesdirect.nl/site_images/template/acessprite.png") no-repeat -209px -54px;
  text-indent: -9999px;
}

.column_box--nomargin {
  margin-bottom: 0;
}

.wp-block-column:not(:last-child) {
  margin-right: 20px;
}
@media only screen and (max-width: 769px) {
  .wp-block-column:not(:last-child) {
    margin-right: 0;
    margin-bottom: 20px;
  }
}

body > div.content.content--fullWidth > .wp-container-6 {
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
}

.column_box h3 {
  background: #1c2226;
  color: #FFF;
  font-size: 24px;
  padding: 10px 20px;
  font-weight: 600;
}

.page_contact_photo {
  float: left;
  margin: 0 20px 0 0;
  padding-bottom: 8px;
  border-bottom: 8px solid #CDCDCD;
}

.page_contact_photo figure {
  border: 1px solid #a6a6a6;
  overflow: hidden;
  width: 120px;
  height: 120px;
  box-sizing: border-box;
  position: relative;
  margin: 0;
}

.page_contact_photo img {
  width: 100%;
  display: block;
}

.page_contact > span {
  display: block;
}

.page_contact .email {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.page_contact .function {
  margin: 0 0 20px;
}

.page_contact span span {
  color: #f9b323;
  display: inline-block;
  width: 1em;
}

.page_contact a {
  color: #1d1d1d;
}

.page_contact h4 {
  color: #4f5c85;
  font-size: 1.3em;
  font-weight: normal;
  margin: 0 0 5px;
  padding: 10px 0 0;
}

.page_social {
  margin: 0 0 13px;
}

.page_social__text {
  display: block;
  margin: 0 0 1em;
}

.page_social .at-share-btn {
  max-width: 46px !important;
  max-height: 40px !important;
  overflow: visible !important;
}

.page_social .at-share-btn .at-icon-wrapper {
  /*background: url('https://content1.acesdirect.nl/site_images/template/acessprite.png') transparent;*/
  background-color: transparent !important;
  width: 33px !important;
  height: 34px !important;
}

.page_social .at-svc-twitter .at-icon-wrapper {
  background-position: -230px -157px;
}

.page_social .at-share-btn-elements .at-svc-twitter,
.page_social .at-share-btn-elements .at-svc-facebook,
.page_social .at-share-btn-elements .at-svc-linkedin {
  background: transparent !important;
}

.page_social .at-svc-facebook .at-icon-wrapper {
  background-position: -80px -157px;
}

.page_social .at-svc-linkedin .at-icon-wrapper {
  background-position: -180px -157px;
}

.page_social .at-icon {
  display: block;
  background-color: #ffcc00 !important;
  border-radius: 5px;
  cursor: pointer;
  width: 25px !important;
  height: 25px !important;
  margin: 8px;
}

.column_box_usps {
  margin-bottom: 20px;
}

ul.usps {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.usps li {
  box-sizing: border-box;
  display: block;
  color: #969696;
  line-height: 1.6em;
  padding: 5px 0 5px 25px !important;
  position: relative;
  background: transparent !important;
}

ul.usps li:before {
  content: "";
  display: block;
  background: url("//cd.acesdirect.nl/site_images/template/aces_sprite.png") -479px -300px;
  height: 15px;
  width: 15px;
  position: absolute;
  left: 0;
  top: 8px;
}

tr {
  vertical-align: top;
}

.contactform__block--contact button {
  font-family: "sofia-pro", sans-serif !important;
  font-weight: 800 !important;
  font-size: 18px !important;
  border-radius: 50px;
  border: 0;
  padding: 12px 24px !important;
  cursor: pointer;
}

@media only screen and (max-width: 1024px) {
  .pageContainer--content {
    display: flex;
    flex-flow: row wrap;
  }

  .page_column_left,
.page_column_right {
    float: none;
    margin: 0 0 1em;
    width: 100%;
    box-sizing: border-box;
    position: relative;
  }
  .page_column_left img,
.page_column_right img {
    max-width: 100%;
    height: auto;
  }

  .pageContainer > h1,
.page_column_left_sidebar {
    order: -1;
  }

  .page_column_right ~ .page_column_left {
    margin-right: 0;
  }

  .page_column_right iframe,
.page_column_left iframe {
    max-width: 100%;
    height: auto;
  }

  .segment_products ul li {
    box-sizing: border-box;
    float: left;
    padding: 0 10px 10px 0 !important;
    background: transparent !important;
    margin: 0;
    width: 33%;
  }

  .segment_products ul li:nth-child(even) {
    padding: 0;
  }

  .segment_products ul li a {
    width: 100%;
    padding: 10px;
  }

  .content-bottom__menu ul li {
    width: 50%;
  }
}
@media only screen and (max-width: 768px) {
  html,
body {
    line-height: 1.4em;
  }

  .breadcrumbs,
.pageImage,
.content__image_header,
.pageSubmenu--back,
#vacancy .top .image {
    display: none;
  }

  .content__image_header + #main {
    padding-top: 13px;
  }

  h2.mobile_read_more {
    margin: 10px 0 20px 0;
  }

  .page_bottom_submenu_news {
    padding: 0 !important;
  }

  .segment_products ul li {
    width: 50%;
  }

  .testimonial {
    padding: 20px 20px 20px 20px;
  }

  .testimonial:before {
    display: none;
  }

  .pageContainer .page_column_left p iframe {
    height: auto;
    width: 100%;
  }

  #vacancy .top .text {
    padding: 50px 0 0 0 !important;
  }

  .content-bottom__menu {
    margin-bottom: 1em;
  }

  .content-bottom__menu ul li {
    float: none;
    padding: 0 1em;
    width: 100%;
  }

  .content-bottom__menu ul li a {
    height: 38px;
    margin-bottom: 5px;
  }

  .content-bottom__menu ul li a .content-bottom__menu-title {
    font-weight: normal;
    line-height: 38px;
    max-height: 38px;
    top: 0;
  }

  .content-bottom__menu ul li a .content-bottom__menu-overlay {
    background: #11255B;
    height: 38px;
  }

  .content-bottom__menu ul li a:hover .content-bottom__menu-overlay {
    background: #11255B;
  }

  .content-bottom__menu ul li a img {
    display: none;
  }

  .content-bottom__menu ul li a .content-bottom__menu-arrow {
    background: transparent;
    top: 0;
  }

  .show_on_mobile .content_container {
    padding: 0;
  }

  .column_box h3 {
    font-size: 20px;
  }

  .page_title.show_on_mobile.mobileview_item {
    padding: 0px;
  }

  .page_title {
    font-size: 24px;
  }

  .page_column_right .content_container {
    padding: 0px;
  }

  #news_type_selection form:after {
    margin-top: 2px;
  }
}
#vacancy_form button:active {
  bottom: 2px;
  right: 0px;
  box-shadow: 0px 0px #ffa409;
}

.vacancy h3 {
  font-size: 1.4em;
  color: #1c2226;
  margin: 1em 0;
  text-align: left;
}
.vacancy__Usp {
  display: flex;
  flex-flow: row wrap;
  padding-left: 0 !important;
}
.vacancy__Usp--item {
  display: flex;
  align-items: center;
}
.vacancy__Usp--item span {
  padding-left: 20px;
  line-height: 19px;
}

.vacancy_overview .title {
  font-size: 13pt;
  color: #ffffff;
  margin: 1em 0;
  text-align: left;
  background: #1c2226;
  padding: 7px 0px 5px 20px;
  font-weight: 300;
}
.vacancy_overview li a {
  font-size: 1em;
  font-weight: 600;
  color: #1c2226;
}

@media only screen and (max-width: 360px) {
  .segment_products ul li a {
    height: auto;
    width: 100%;
    padding: 10px;
  }

  .testimonial h3 {
    margin-top: 50px;
    float: left;
  }
}
.modalElement.contactformPopup {
  width: 950px;
  max-width: 950px;
}
.modalElement.contactformPopup * {
  font-family: "sofia-pro", sans-serif;
  font-size: 17px;
  line-height: 1.6;
}
.modalElement.contactformPopup .popup__title {
  padding: 8px 25px;
  font-weight: normal;
}
.modalElement.contactformPopup .popup__title strong {
  font-weight: 600;
}
.modalElement.contactformPopup .popup__title span {
  color: #ffcc00;
  font-weight: bold;
  margin: 0 5px;
}
.modalElement.contactformPopup .popup__close {
  color: #FFF;
  font-weight: bold;
  visibility: hidden;
  font-size: 19px;
  margin-top: 1px;
  margin-right: -10px;
}
.modalElement.contactformPopup .popup__close:before {
  visibility: visible;
  content: "\f00d";
  font-family: "Font Awesome 6 Pro";
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.modalElement.contactformPopup .popup__content {
  background: #F3F3F3;
  padding: 30px 50px 20px;
}
.modalElement.contactformPopup .popup__content label {
  display: block;
}
.modalElement.contactformPopup .popup__content input[type=text],
.modalElement.contactformPopup .popup__content textarea {
  font-family: "sofia-pro", sans-serif;
  background: #FFFFFF;
  border: 1px solid #E4E4E4;
  box-sizing: border-box;
  border-radius: 5px;
  width: 100%;
  margin: 0 0 10px;
  padding: 7px 15px;
}
.modalElement.contactformPopup .popup__content textarea {
  margin-bottom: 0;
}
.modalElement.contactformPopup .popup__content button {
  font-family: "sofia-pro", sans-serif;
  font-weight: bold;
  font-size: 17px;
  background: #f19c09;
  border-radius: 50px;
  color: #FFFFFF;
  border: 0;
  padding: 5px 1em;
  cursor: pointer;
}
.modalElement.contactformPopup .popup__content .clear_right {
  text-align: right;
}
.modalElement.contactformPopup .popup__content .error {
  color: #D0021B;
}

.content__sidebar-show {
  display: grid;
  grid-template-columns: 1fr 390px;
  grid-template-rows: 1fr;
  grid-gap: 40px;
  max-width: 1190px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .content__sidebar-show {
    display: flex;
    flex-direction: column;
  }
}

.content--fullWidth > .wp-block-uagb-section.uagb-section__wrap {
  padding: 70px 20px;
}
.content--fullWidth > .wp-block-uagb-section.uagb-section__background-color {
  display: grid;
  grid-template-columns: var(--container-spacer) var(--container-width) var(--container-spacer);
  grid-template-rows: 1fr;
  grid-template-areas: ". container .";
  max-width: 100%;
  padding: 0;
}
.content--fullWidth > .wp-block-uagb-section.uagb-section__background-color .uagb-section__overlay {
  grid-column: 1/-1;
  grid-row: 1/-1;
  display: flex;
  background-color: #eeecec;
  z-index: 1;
}
.content--fullWidth > .wp-block-uagb-section.uagb-section__background-color .uagb-section__inner-wrap {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: container;
  z-index: 2;
}
.content--fullWidth > .wp-block-uagb-section.uagb-section__background-color .caldera-grid .caldera_forms_form {
  background: white;
}
.content--fullWidth .wp-block-columns .wp-block-uagb-section.uagb-section__background-color {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  grid-template-areas: "container";
}
.content--fullWidth .wp-block-columns .wp-block-uagb-section.uagb-section__background-color .uagb-section__overlay {
  grid-column: 1/-1;
  grid-row: 1/-1;
  display: flex;
  background-color: #eeecec;
  z-index: 1;
}
.content--fullWidth .wp-block-columns .wp-block-uagb-section.uagb-section__background-color .uagb-section__inner-wrap {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: container;
  z-index: 2;
  padding: 0.5em 1em 0;
}

.uagb-slick-carousel {
  visibility: hidden;
}

.uagb-slick-carousel .slick-list,
.uagb-slick-carousel .slick-slider,
.uagb-slick-carousel .slick-track {
  position: relative;
  display: block;
}

.uagb-slick-carousel .slick-loading .slick-slide,
.uagb-slick-carousel .slick-loading .slick-track {
  visibility: hidden;
}

.uagb-slick-carousel .slick-slider {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

.uagb-slick-carousel .slick-list {
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.uagb-slick-carousel .slick-list:focus {
  outline: 0;
}

.uagb-slick-carousel .slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.uagb-slick-carousel .slick-slider .slick-list,
.uagb-slick-carousel .slick-slider .slick-track {
  transform: translate3d(0, 0, 0);
}

.uagb-slick-carousel .slick-track {
  top: 0;
  left: 0;
}

.uagb-slick-carousel .slick-track:after,
.uagb-slick-carousel .slick-track:before {
  display: table;
  content: "";
}

.uagb-slick-carousel .slick-track:after {
  clear: both;
}

.uagb-slick-carousel .slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
  background-color: #1c2226;
}

[dir=rtl] .uagb-slick-carousel .slick-slide {
  float: right;
}

.uagb-slick-carousel .slick-slide img {
  display: block;
}

.uagb-slick-carousel .slick-slide.slick-loading img {
  display: none;
}

.uagb-slick-carousel .slick-slide.dragging img {
  pointer-events: none;
}

.uagb-slick-carousel .slick-initialized .slick-slide {
  display: block;
}

.uagb-slick-carousel .slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.uagb-slick-carousel .slick-arrow.slick-hidden {
  display: none;
}

.uagb-slick-carousel {
  background-color: #1c2226;
}

.uagb-slick-carousel .slick-prev,
.uagb-slick-carousel .slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: auto;
  height: auto;
  padding: 0;
  transform: translate(0, -50%);
  cursor: pointer;
  color: #aaa;
  border: 1px solid #aaa;
  outline: none;
  background: transparent;
}

.uagb-slick-carousel .slick-prev:before,
.uagb-slick-carousel .slick-next:before {
  font-size: 35px;
  line-height: 1;
  opacity: 0.75;
  color: #000;
  -webkit-font-smoothing: antialiased;
}

.uagb-slick-carousel .slick-prev:before,
[dir=rtl] .uagb-slick-carousel .slick-prev:before,
.uagb-slick-carousel .slick-next:before,
[dir=rtl] .uagb-slick-carousel .slick-next:before {
  content: "";
  font-size: 0;
  line-height: 0;
}

.uagb-slick-carousel .slick-prev {
  left: -45px;
  z-index: 1;
  border-radius: 0;
}

[dir=rtl] .uagb-tm__arrow-outside.uagb-slick-carousel .slick-prev {
  left: auto;
  right: -45px;
}

.uagb-slick-carousel button.slick-arrow {
  padding: 7px;
  border-radius: 0;
}

.uagb-slick-carousel .slick-prev i,
.uagb-slick-carousel .slick-next i,
.uagb-slick-carousel .slick-prev i:hover,
.uagb-slick-carousel .slick-next i:hover,
.uagb-slick-carousel .slick-prev i:focus,
.uagb-slick-carousel .slick-next i:focus {
  font-size: 20px;
  width: 1.5em;
  height: 1.5em;
  line-height: 1.6em;
  text-align: center;
  box-sizing: content-box;
}

.uagb-slick-carousel ul.slick-dots {
  padding-top: 0;
  display: block;
  position: absolute;
  margin: 0;
  left: 0;
  width: 100%;
  bottom: 0;
  transform: translateY(100%);
  text-align: center;
}

.uagb-slick-carousel ul.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0;
  padding: 0;
  cursor: pointer;
}

.uagb-slick-carousel ul.slick-dots li.slick-active button:before {
  opacity: 0.75;
  color: #ffcc00;
}

.uagb-slick-carousel ul.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}

.uagb-slick-carousel ul.slick-dots li button:before {
  font-family: "slick";
  font-size: 30px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: "•";
  text-align: center;
  opacity: 0.25;
  color: #ffcc00;
  -webkit-font-smoothing: antialiased;
}

@media only screen and (max-width: 976px) {
  .uagb-slick-carousel {
    padding: 0;
  }
}
.uagb-testimonial__wrap {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 10px;
}
.uagb-testimonial__wrap .uagb-tm__image-content {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-top: 0px;
}

.uagb-tm__image img {
  width: 100%;
  max-width: 100%;
}

.uagb-tm__content {
  padding: 30px;
  text-align: center;
}

.uagb-tm__author-name {
  color: white;
  font-size: 1rem;
  font-weight: 400;
  line-height: 0.5;
  margin-bottom: 20px;
}

.uagb-tm__company {
  color: #ffffff;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 20px;
}

.uagb-tm__desc {
  color: #ffcc00;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 0.875;
  margin-bottom: 15px;
}

.uagb-tm__text-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.uagb-testimonial__wrap.uagb-tm__bg-type-color .uagb-tm__content {
  background-color: #1c2226;
}

.content .mailplus__form {
  background: #eeecec;
  padding: 0.5em 1em 0;
  margin: 0 0 1em;
}
.content .mailplus__form ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
}
.content .mailplus__form ul li {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto;
  gap: 0 10px;
  padding: 0;
  margin: 0;
}
.content .mailplus__form ul li:before {
  display: none;
}
.content .mailplus__form > ul > li {
  gap: 0;
  margin-bottom: var(--margin-default);
}
.content .mailplus__form .mpMultipleLabel {
  text-align: left;
}

.mpForm .mpLabelRow {
  grid-column: 1/-1;
}
.mpForm .submitCell {
  margin-bottom: var(--margin-default);
}
.mpForm .submitButton {
  display: flex;
  width: 100%;
  border-radius: 5px;
  background: #ffcc00;
  border: 0;
  color: #FFF;
  padding: 0.8em 1em;
  text-align: center;
  justify-content: center;
}

.mpFormLabel {
  grid-row: 1/2;
  grid-column: 1/-1;
}
.mpFormLabel .mandatorySign {
  color: #F22A2C;
}

.mpFormField {
  grid-row: 2/-1;
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(50px, 1fr));
  grid-template-rows: auto;
  align-items: center;
  padding: 0;
  box-shadow: none;
  box-sizing: border-box;
  text-align: center;
}
.mpFormField input[type=text], .mpFormField select, .mpFormField textarea {
  grid-column: 1/-1;
  border-radius: 2px;
  border: solid 1px #C6C6C6;
  padding: 6px 0;
  line-height: 1;
  box-shadow: none;
  background-color: white;
  box-sizing: border-box;
}
.mpFormField input[type=text] {
  padding: 6px 12px;
}
.mpFormField input[type=text].mpDD, .mpFormField input[type=text].mpMM, .mpFormField input[type=text].mpYYYY {
  grid-column: auto;
  max-width: 50px;
}
.mpFormField .sublabel {
  grid-column: 1/-1;
  color: #303030;
  font-size: 0.875rem;
  text-align: left;
}

.mpFormText {
  line-height: 1.2;
  margin-bottom: var(--margin-default);
}

div.mpErrorRow label {
  margin: 0 0 26px 0;
  padding: 5px 0 5px 9px;
  background-color: #1c2226;
  color: white;
  border-radius: 5px;
  font-size: 0.8em;
}
div.mpErrorRow label.error {
  display: flex;
  align-items: center;
}

p.form__text {
  font-weight: 400;
  padding-bottom: var(--margin-default);
  line-height: 1.2;
}

.uagb-icon-list__wrap {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.wp-block-uagb-icon-list-child {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto;
  gap: 20px;
  align-items: start;
}
.wp-block-uagb-icon-list-child .uagb-icon-list__source-wrap {
  min-width: 36px;
  max-width: 50px;
  height: auto;
}
.wp-block-uagb-icon-list-child .uagb-icon-list__label {
  margin-top: 5px;
}

.broodtekst_AD img {
  max-width: 100%;
  height: auto;
}

.mailplus__error {
  color: #F22A2C;
}

.cms__section {
  position: relative;
  z-index: 1;
}

.blog__post,
.blog__sidebar__block,
.blog__page__content {
  border: 1px solid #D1D1D1;
  position: relative;
}

.blog__post__image {
  box-sizing: border-box;
  position: relative;
}

.blog__post__image img {
  height: 100%;
  width: 100%;
  right: auto;
  object-fit: cover;
  aspect-ratio: 6/3;
  display: block;
}
@media only screen and (max-width: 1024px) {
  .blog__post__image img {
    height: auto !important;
    width: 100% !important;
  }
}

.blog__post__sticker {
  position: absolute;
  top: 1em;
  left: 0;
  background: #1c2226;
  color: white;
  padding: 0.5em 0.8em;
  font-weight: 600;
  z-index: 2;
  box-shadow: 0px 0 15px rgba(0, 0, 0, 0.5);
}

.blog__post__content {
  padding: 1em;
  box-sizing: border-box;
  position: relative;
}
.blog__post__content h2 {
  margin: 0px !important;
  line-height: 36px !important;
}

.blog__post__title {
  font-family: "sofia-pro", sans-serif;
  margin: 0 0 0.3em;
  font-weight: bold;
  font-size: 24px;
  display: block;
}
@media only screen and (max-width: 768px) {
  .blog__post__title {
    font-size: 20px;
  }
}
.blog__post .blog__post__title {
  color: #1D2327;
}

.blog__post__meta {
  font-size: 14px;
  color: #9F9F9F;
  margin: 0 0 0.8em;
  line-height: 1.35em;
}

.blog__post__author,
.blog__post__date {
  margin-right: 5px;
}

.blog__post__author__image_cover {
  float: left;
  padding-right: 10px;
}

.blog__post__author__image {
  height: 20px !important;
  filter: grayscale(1);
  vertical-align: middle;
  margin-top: -4px;
}

.blog__post__content__excerpt {
  height: 6.4em;
  overflow: hidden;
  text-overflow: ellipsis;
}

.blog__post--recent {
  margin: 0 0 1em;
  height: 460px;
}
@media only screen and (max-width: 768px) {
  .blog__post--recent {
    height: auto;
  }
}

.blog__post--recent .blog__post__image {
  height: auto;
  width: 100%;
  display: block;
}

.blog__post--recent .blog__post__title,
.blog__post--featured .blog__post__title {
  height: 2.7em;
  overflow: hidden;
  line-height: 1.35em;
}

.blog__post--featured {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1em;
  margin-bottom: 2em;
}
@media only screen and (max-width: 768px) {
  .blog__post--featured {
    display: flex;
    flex-direction: column;
  }
}

.blog__post--featured .blog__post__image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 768px) {
  .blog__post--featured .blog__post__image {
    float: none;
    width: auto;
    height: auto;
    padding-right: 0;
  }
}

@media only screen and (max-width: 768px) {
  .blog__post--featured .blog__post__content {
    margin-left: 0;
    height: auto;
  }
}

.blog__post--popular {
  border: 0;
  background: transparent;
}

.blog__post--popular .blog__post__image {
  float: left;
  height: 5em;
  width: 5em;
  border: 1px solid #D1D1D1;
  margin-right: 1em;
  background: #FFF;
}

.blog__post--popular .blog__post__content {
  margin-left: 6em;
  padding: 0;
}

.blog__post--popular .blog__post__title {
  font-size: 18px;
  max-height: 2.8em;
  line-height: 1.4em;
  overflow: hidden;
}

.blog__post--popular .blog__post__meta {
  display: none;
}

.blog__post--popular .blog__post__author,
.blog__post--popular .blog__post__date {
  line-height: 1.35em;
}

.blog__overview__ruler {
  margin: 0 0 1em;
  border-top: 1px solid #d2d2d2;
}

.blog__search {
  position: relative;
  margin: 0 0 1em;
}

.blog__search input {
  display: block;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #D1D1D1;
  padding: 15px 50px 15px 1em;
  height: 50px;
  line-height: 20px;
}

.blog__search button {
  position: absolute;
  right: 0;
  top: 0px;
  width: 20px;
  height: 20px;
  padding: 14px;
  box-sizing: content-box;
  border: 1px solid #D1D1D1;
  background-color: #ffcc00;
  cursor: pointer;
  font-size: 24px;
  color: #fff;
}

.blog__sidebar__block {
  margin: 0 0 1em;
}

.blog__sidebar__block--noborder {
  border: 0;
}

.page_column_right .blog__sidebar__block h3 {
  background: #1c2226;
  padding: 10px 20px;
  color: #FFF;
  font-weight: 800;
  font-size: 24px;
}

.portal__text {
  padding: 0px !important;
  border: none;
}

.blog__sidebar__block--content {
  padding: 1em;
}

.blog__sidebar__block--content .formBuilder {
  margin: -2em -1em;
}

.blog__sidebar__block--content h3 {
  margin: -1em -1em 1em;
}

.blog__popular__list {
  list-style: none;
  margin: 0;
  padding: 0 1em !important;
}

.blog__popular__list li {
  border-top: 1px solid #D1D1D1;
  padding: 1em 0;
}

.blog__popular__list li:first-child {
  border-top: 0;
}

.blog__popular__list li:before {
  display: none;
}

.blog__page__content {
  padding: 1em;
  margin: 0 0 1em;
}
.blog__page__content ul li {
  font-size: 17px;
  line-height: 1.85em;
}

.blog__page__content .blog__post__meta {
  border-top: 1px solid #D1D1D1;
  border-bottom: 1px solid #D1D1D1;
  padding: 0.8em 0;
}

.blog__page__content .blog__tags {
  margin-top: 1em;
  position: relative;
  padding-left: 38px;
}

.blog__page__content .blog__tags:before {
  content: "";
  background: url("//cd.acesdirect.nl/site_images/template/blog/tags.png");
  width: 28px;
  height: 30px;
  position: absolute;
  left: 0;
  top: 0;
}

.blog__page__navigation {
  padding: 1em;
  margin: 0 0 1em;
}

.blog__page__navigation__item {
  float: left;
  width: 47%;
  position: relative;
}

.blog__page__navigation__item--previous {
  text-align: right;
}

.blog__page__navigation__item--next {
  margin-left: 6%;
}

.blog__page__navigation__item--next:before {
  content: "";
  display: block;
  top: 0;
  position: absolute;
  height: 100%;
  border-left: 5px solid #eeecec;
  margin: 0 6.382979%;
  left: -12.765957%;
}

.blog_details {
  border-right: 0;
  border-left: 0;
}

.portal__text .wp-block-button__link {
  font-size: 17px !important;
  padding: 8px 20px !important;
  color: #1c2226;
  border: none;
  background-color: #ffcc00 !important;
  font-weight: 800;
}
.portal__text .wp-block-button__link:hover, .portal__text .wp-block-button__link:visited {
  color: #1c2226;
}

.portal__text .wp-block-button .wp-block-button__link.has-luminous-vivid-amber-background-color {
  background-color: #ffcc00 !important;
  border: none;
  font-size: 18px !important;
  padding: 12px 24px !important;
}

.blog__page__navigation__item--next.blog__page__navigation__item--single {
  margin-left: 53%;
}

.blog__page__navigation__item--single:before {
  display: none;
}

.blog__page__navigation__direction {
  display: block;
  margin: 0 0 0.3em;
  position: relative;
  color: #1c2226;
  font-size: 17px;
  white-space: nowrap;
  font-weight: 800;
}

.blog__page__navigation__item--previous .blog__page__navigation__direction:before {
  content: "\f053";
  font-weight: 900;
  font-family: "Font Awesome 6 Pro";
  font-size: 15px;
  color: #ffcc00;
  margin: -6px 0.5em 0 0;
}

.blog__page__navigation__item--next .blog__page__navigation__direction:after {
  margin: -6px 0 0 0.5em;
  content: "\f105";
  font-weight: 900;
  font-family: "Font Awesome 6 Pro";
  font-size: 15px;
  color: #ffcc00;
}

.blog__page__navigation__item:hover {
  text-decoration: none !important;
}

.blog__page__navigation__title {
  color: #1c2226;
  margin: 0;
  font-weight: 400;
  font-size: 17px;
  display: block;
  overflow: hidden;
}

.blog__page__navigation__item:hover .blog__page__navigation__title {
  text-decoration: underline !important;
}

.blog__page__meta .showMoreInfo {
  margin: 0.24em 0;
  float: right;
  background-color: #ffcc00;
  color: #1c2226 !important;
}

.blog__page__meta .page_social {
  margin: 0;
  text-align: center;
  display: flex;
}
@media only screen and (max-width: 768px) {
  .blog__page__meta .page_social {
    align-items: center;
    justify-content: center;
  }
}

.blog__page__meta .page_social__text {
  display: inline-block;
  margin: 0 0.5em 0 0;
  line-height: 2.5em;
  float: left;
  color: #9F9F9F;
  font-weight: 300;
}
.blog__page__meta .page_social__text i {
  font-size: 25px;
  color: #ffcc00;
  padding-right: 4px;
  position: relative;
  top: 4px;
}

.fa-twitter-square {
  padding-left: 10px;
}

.blog__page__meta .addthis_sharing_toolbox {
  float: right;
}

.blog__post .blog__tags {
  overflow: hidden;
  height: 2em;
  margin-top: 1em;
}

.blog__post--featured .blog__tags {
  position: absolute;
  bottom: 1em;
}
@media only screen and (max-width: 768px) {
  .blog__post--featured .blog__tags {
    position: static;
    bottom: 0;
  }
}

.blog__sidebar__block .blog__tags {
  padding: 1em;
}

.blog__tag {
  display: inline-block;
  padding: 0.5em 1.3em;
  background: #ffcc00;
  color: #1c2226 !important;
  font-size: 16px;
  line-height: 1em;
  margin: 0 0 0.3em;
}

.page_column_right {
  margin-top: 0;
}

.showMoreInfo {
  float: none;
  display: inline-block;
  margin: 0 !important;
}

.align_right {
  text-align: right;
}

.align_right .showMoreInfo {
  float: right;
}

*[data-clickable] {
  cursor: pointer;
}

.pageImage {
  position: relative;
}
.pageImage + #main {
  padding-top: 0;
}

.pageImage h1,
.pageImage .title {
  font-family: "sofia-pro", sans-serif;
  color: #112151;
  position: absolute;
  box-sizing: border-box;
  margin: 0;
}

.pageImage h1 {
  position: absolute;
  box-sizing: border-box;
  margin: 0;
  padding: 10px 15px;
  color: #FFF;
  background: #1c2226;
  bottom: 0;
  left: 20px;
  right: 20px;
  line-height: 1.2em;
  font-size: 34px;
  font-weight: 900;
  opacity: 0.85;
}

.pageImage.overview .content_container {
  position: static;
}

.pageImage .title {
  border: 2px solid #112151;
  padding: 8px 25px;
  width: auto;
  bottom: 50%;
  margin-bottom: -0.9em;
  font-weight: 200;
  font-size: 4.5em;
  line-height: 1.4em;
}

.pageImage .title span {
  font-weight: 400;
}

.blog__post__author__title {
  display: inline-block !important;
}

.mobileactiepage h1 {
  line-height: 36px;
  display: none;
}
@media only screen and (max-width: 768px) {
  .mobileactiepage h1 {
    display: block;
  }
}

@media only screen and (max-width: 1024px) {
  .pageImage .title,
.pageImage h1 {
    font-size: 2.25em;
  }
}
@media only screen and (max-width: 768px) {
  .page_column_right {
    margin-bottom: 0px;
  }

  .page_column_left {
    margin-bottom: 0px;
  }

  .pageImage h1 {
    position: static;
    margin-bottom: 0;
    bottom: 0;
    border: 0;
    padding: 10px 0px 0px;
  }

  .pageImage .title {
    background: rgba(255, 255, 255, 0.4);
    font-size: 2em;
    font-weight: 400;
  }

  .blog__post__content__excerpt {
    max-height: 8.6em;
    height: auto;
  }

  .blog__page__navigation__direction {
    font-size: 15px;
  }

  .blog__page__navigation__title {
    font-size: 14px;
  }

  .blog__page__meta.portal_row {
    flex-flow: column-reverse;
    text-align: center !important;
  }

  .blog__page__meta .showMoreInfo {
    float: unset !important;
  }

  .blog__page__meta .page_social__text {
    font-size: 14px;
    float: none !important;
  }

  .portal__text h2 {
    line-height: 26px;
  }
}
@media only screen and (max-width: 468px) {
  .pageImage .title {
    padding: 2px 15px;
  }
}
.uagb-cta-text-wrap {
  text-align: left;
}

.uagb-cta__button-wrapper {
  text-align: left;
}

.portal__text h2 {
  line-height: 36px;
}

#uagb-cta-block-92d26808-c739-4d28-8dfa-8eb5697ec19a .uagb-cta__button-wrapper a.uagb-cta-typeof-button {
  font-size: 17px !important;
  padding: 6px 18px !important;
  background: transparent !important;
  color: #1c2226 !important;
  border: 1px solid black !important;
  font-weight: 800 !important;
  border-radius: 28px !important;
  line-height: 26px !important;
}

.column_box__text {
  padding: 0 1em;
}

.blog__items {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
  grid-auto-rows: auto;
  gap: 2em;
}
@media only screen and (max-width: 768px) {
  .blog__items {
    display: flex;
    flex-direction: column;
  }
}
.blog__post--recent {
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

div.pageCountHolder {
  float: right;
  font-size: 15px;
  line-height: 30px;
  color: #808080;
}
div.pageCountHolder--blog {
  line-height: 15px;
}

div.pageCountHolder a {
  padding: 0 1px;
  color: #1c2226 !important;
  text-decoration: none;
  font-size: 17px;
}

div.pageCountHolder a.Active {
  color: #ffcc00 !important;
  font-weight: bold;
}

.popular_products {
  list-style: none;
  margin: 0;
  padding: 0 !important;
}

.popular_products li:before {
  display: none;
}

.popular_products__product {
  height: 60px;
  margin: 0 0 1em;
}

.popular_products__image {
  box-sizing: border-box;
  float: left;
  position: relative;
  margin-right: 1em;
  height: 60px;
  width: 60px;
}
.popular_products__image img {
  display: block;
}

.popular_products__number {
  background: url("//cd.acesdirect.nl/site_images/template/aces_hexagon.png");
  color: #fff;
  font-weight: bold;
  height: 29px;
  line-height: 29px;
  position: absolute;
  text-align: center;
  right: 0;
  top: 0;
  width: 33px;
}

.popular_products__content a {
  color: #11255B;
  font-weight: bold;
  display: block;
  line-height: 1.4em;
  max-height: 1.4em;
  overflow: hidden;
}

.page_bottom_submenu {
  border-top: 1px solid #EDEBEB;
  padding-top: 1.5em;
}

.page_bottom_submenu_news {
  border-top: 0;
  padding-top: 0px;
}

.pageSubmenu ul {
  list-style: none;
  padding: 0;
}
.pageSubmenu ul li {
  margin: 0 0 2.5em;
  padding: 0.5em 1em;
  background: transparent;
  border: 0;
}
.pageSubmenu ul li a {
  text-decoration: none;
}
.pageSubmenu ul li a:hover {
  text-decoration: none;
}
@media only screen and (max-width: 768px) {
  .pageSubmenu--news ul {
    margin: 0px;
  }
}
.pageSubmenu--news ul li {
  border: 1px solid #D1D1D1;
  padding: 0px;
  min-height: 175px;
  margin: 0 0 20px;
}
@media only screen and (max-width: 768px) {
  .pageSubmenu--news ul li {
    border: 0;
    background: transparent;
    padding: 0;
    margin-bottom: 0px;
  }
}
.pageSubmenu__item {
  display: block;
  height: 250px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.pageSubmenu__item img {
  height: 100% !important;
  max-width: none;
  display: block;
  position: absolute;
  right: 0;
  z-index: 1;
  transition: all 0.3s;
}
@media only screen and (max-width: 768px) {
  .pageSubmenu__item img {
    display: none;
  }
}
.pageSubmenu__item .socialImage {
  margin: 0;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
}
@media only screen and (max-width: 768px) {
  .pageSubmenu__item {
    background: #1D2327;
    height: auto;
  }
}
.pageSubmenu__image {
  width: 430px !important;
  height: 120px !important;
  margin: 0 20px 0 0;
  float: left;
  overflow: hidden;
  position: relative;
  border: 1px solid #e0e0e0;
}
@media only screen and (max-width: 1024px) {
  .pageSubmenu__image {
    width: 330px !important;
  }
}
@media only screen and (max-width: 768px) {
  .pageSubmenu__image {
    display: none;
  }
}
.pageSubmenu__image img {
  height: 100% !important;
  max-width: none;
  display: block;
  position: absolute;
  right: 0;
}
.pageSubmenu__content {
  display: block;
  position: absolute;
  bottom: 22px;
  z-index: 1;
}
@media only screen and (max-width: 768px) {
  .pageSubmenu__content {
    position: static;
  }
}
.pageSubmenu--news .pageSubmenu__content {
  margin: 0 20px 0 372px;
  position: static;
}
@media only screen and (max-width: 1024px) {
  .pageSubmenu--news .pageSubmenu__content {
    margin: 0 0 0 353px;
  }
}
@media only screen and (max-width: 768px) {
  .pageSubmenu--news .pageSubmenu__content {
    margin: 0;
  }
}
.pageSubmenu__content a {
  text-decoration: none;
}
.pageSubmenu__content h3 {
  margin: 0;
  text-align: left;
  font-size: 1.2em;
  color: #20284d;
  font-weight: bold;
  max-height: 2.8em;
  overflow: hidden;
}
.pageSubmenu__content span {
  display: block;
  max-height: 3.4em;
  overflow: hidden;
  margin: 0 0 0.5em;
}
.pageSubmenu__content span p {
  margin: 0;
}
.pageSubmenu__content .readmore {
  display: block;
  color: #343d71;
  margin-top: 0;
  font-weight: bold;
}
.pageSubmenu__content .readmore:after {
  content: "»";
  color: #fab323;
  font-weight: bold;
  font-size: 18px;
  line-height: 18px;
  position: relative;
  top: 1px;
}
.pageSubmenu__overlay {
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #112151 0%, rgba(17, 33, 81, 0) 40%, rgba(17, 33, 81, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#e6112151", endColorstr="#007db9e8",GradientType=0 );
  /* IE6-9 */
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 21;
  display: none;
}
@media only screen and (max-width: 768px) {
  .pageSubmenu__overlay {
    display: none;
  }
}
.pageSubmenu__mouseoverlay {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  padding: 15px 40px;
  box-sizing: border-box;
  background: #1c2226;
  box-shadow: 0 2px 2px 4px rgba(0, 0, 0, 0.22);
  text-align: center;
  height: 86%;
  width: 90%;
  z-index: 1;
  transform: rotateX(-90deg);
  transition: 0.3s;
  transform-style: preserve-3d;
}
@media only screen and (max-width: 1200px) {
  .pageSubmenu__mouseoverlay {
    margin: 1em;
  }
}
@media only screen and (max-width: 1024px) {
  .pageSubmenu__mouseoverlay {
    display: none;
  }
}
:hover > .pageSubmenu__mouseoverlay {
  transform: rotateX(0deg);
}
.pageSubmenu__mouseoverlayTitle {
  color: #ffcc00;
  font-size: 18px;
  display: block;
  margin: 0.3em 0 0.2em;
  line-height: 1.4em;
  font-weight: 800;
}
.pageSubmenu__mouseoverlayExcerpt {
  color: #fff;
  display: block;
  overflow: hidden;
  font-size: 14px;
  line-height: 21px;
  font-weight: 300;
}
.pageSubmenu__mouseoverlay .pageSubmenu__mouseoverlayButton {
  display: inline-block;
  position: absolute;
  right: 0;
  margin: 0 -1px 0 1em;
  bottom: 1em;
}
.searchContent__link .pageSubmenu__mouseoverlay .pageSubmenu__mouseoverlayButton {
  float: right;
}
.pageSubmenu :hover > .pageSubmenu__overlay {
  transform: rotateX(0deg);
}
.pageSubmenu__title {
  color: #1c2226;
  font-weight: 800;
}
@media only screen and (min-width: 769px) {
  .pageSubmenu__title {
    background: #ffcc00;
    padding: 5px 20px;
    display: inline;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
  }
}
@media only screen and (max-width: 768px) {
  .pageSubmenu__title {
    padding: 0.5em 1em;
    color: #fff;
  }
  .pageSubmenu--news .pageSubmenu__title {
    color: #1D2327;
    padding: 0;
  }
  .pageSubmenu__title:after {
    content: "";
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    border: 6px solid transparent;
    top: -1px;
    left: 4px;
    border-left: 8px solid #ffcc00;
    margin-left: 5px;
  }
  .pageSubmenu__title:after {
    position: absolute;
    left: auto;
    right: 9px;
    top: 0;
    color: #ffcc00;
    content: "\f105";
    font-weight: 900;
    font-family: "Font Awesome 6 Pro";
    border: none;
    font-size: 20px;
    padding: 8px 0;
  }
}
@media only screen and (max-width: 768px) {
  .pageSubmenu a:hover .pageSubmenu__title {
    color: #fab322;
  }
}
@media only screen and (max-width: 768px) {
  .pageSubmenu__arrow {
    background: #fab322;
    bottom: 1em;
    height: 38px;
    position: absolute;
    right: 0;
    width: 54px;
    z-index: 25;
  }
  .pageSubmenu__arrow:after {
    content: "";
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    border: 6px solid transparent;
    top: -1px;
    left: 4px;
    border-left: 8px solid #FFF;
    margin-left: 5px;
  }
  .pageSubmenu__arrow:after {
    border-width: 8px;
    border-left-width: 10px;
    top: 7px;
    left: 17px;
  }
}
@media only screen and (max-width: 768px) and (max-width: 768px) {
  .pageSubmenu__arrow {
    top: 0;
  }
}
@media only screen and (max-width: 768px) and (max-width: 768px) {
  .pageSubmenu__arrow {
    display: none;
  }
}
.pageSubmenu--back .pageSubmenu__arrow:after {
  content: "";
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  border: 6px solid transparent;
  top: -1px;
  left: -2px;
  border-right: 8px solid #FFF;
  margin-left: 5px;
}
.pageSubmenu--back .pageSubmenu__arrow:after {
  border-width: 8px;
  border-right-width: 10px;
  top: 7px;
  left: 7px;
}
@media only screen and (max-width: 768px) {
  .pageSubmenu .readmore {
    display: none;
  }
  .pageSubmenu span {
    display: none;
  }
  .pageSubmenu .news__date {
    display: block;
  }
}

.pageSubmenu--news .pageSubmenu__image {
  width: 350px !important;
  height: 175px !important;
  margin: 0 20px 0 0;
  float: left;
  overflow: hidden;
  position: relative;
  border: 1px solid #e0e0e0;
}

.pageSubmenu--news .pageSubmenu__content h3 {
  font-size: 24px;
  color: #1c2226;
  padding-top: 18px;
}

.pageSubmenu--news .readmore {
  display: block;
  color: #ffcc00;
  margin-top: 0;
  font-weight: 800;
  font-size: 17px;
}
.pageSubmenu--news .readmore:after {
  display: none;
}

.pageContainer .segment_content {
  margin: 0 0 2em;
}

.segment_banner {
  width: 100%;
}

.segment_banner a,
.segment_banner img {
  display: block;
  width: 100%;
}

.segment_list ul {
  border: 1px solid #e2e2e2;
  padding: 1em 0 !important;
  margin: 0 0 20px;
  list-style: none;
}

.segment_list ul li {
  display: block;
  background: transparent !important;
  padding-left: 0 !important;
}

.segment_list ul li:before {
  display: none;
}

.segment_list ul li a {
  display: block;
  color: #4e4e4e;
  font-size: 14px;
  padding: 5px 50px 5px 22px;
  height: 50px;
  line-height: 50px;
  position: relative;
}

.segment_list ul li a:hover {
  text-decoration: none;
  color: #f9b323;
}

.segment_list ul li a:after {
  position: absolute;
  right: 25px;
  top: 50%;
  content: "";
  border: 8px solid transparent;
  border-top-width: 6px;
  border-bottom-width: 6px;
  border-left-color: #f9b323;
  margin-top: -6px;
}

.segment_list ul li a > img,
.segment_list ul li a .image {
  float: left;
  height: 50px;
  width: 50px;
}

.segment_list ul li a img + span,
.segment_list ul li a .image + span {
  margin-left: 70px;
}

.segment_list ul li.uneven a {
  background: #fafafa;
}

.segment_list ul li a span {
  display: block;
  white-space: nowrap;
  overflow: hidden;
}

.segment_list.categories_brands .brands_list,
.segment_list.categories_brands .categorie_list {
  box-sizing: border-box;
  float: left;
  margin: 0;
  width: 50%;
}

.segment_list.categories_brands .categorie_list.fullwidth,
.segment_list.categories_brands .brands_list.fullwidth {
  float: none;
  width: 100%;
}

.segment_list.categories_brands .brands_list.first:not(.fullwidth),
.segment_list.categories_brands .categorie_list.first:not(.fullwidth) {
  padding-right: 10px;
}

.segment_list.categories_brands .brands_list.second,
.segment_list.categories_brands .categorie_list.second {
  padding-left: 10px;
}

.segment_products ul {
  list-style: none;
  display: block;
  margin: 0 0 0 -20px;
  padding: 0 !important;
}

.segment_products ul li {
  float: left;
  margin: 0 0 20px 20px;
  background: transparent !important;
  padding-left: 0 !important;
}

.segment_products ul li a {
  width: 180px;
  box-sizing: border-box;
  display: block;
  padding: 20px;
  border: 1px solid #e4e4e4;
  background: #f4f4f4;
  text-decoration: none;
  text-align: center;
  height: 190px;
}

.segment_products ul li a img {
  width: 100px;
}

@media all and (min-width: 1200px) {
  .segment_products ul li a {
    width: 167.5px;
  }
}
.segment_products a span {
  color: #293368;
  display: block;
  height: 3.2em;
  overflow: hidden;
}

.testimonial {
  border: 1px solid #e2e2e2;
  margin: 0 0 20px;
  background: #f4f4f4;
  padding: 20px 20px 20px 180px;
  position: relative;
  min-height: 130px;
}

.testimonial:before {
  content: "";
  border: 1px solid #e2e2e2;
  width: 53px;
  background: #eeeeee;
  position: absolute;
  top: -1px;
  bottom: -1px;
  left: -1px;
}

.testimonial .image {
  position: absolute;
  top: 50%;
  height: 130px;
  width: 151px;
  left: 6px;
  margin: -67px 37px 0 37px;
  border: 1px solid #e4e4e4;
  background: #e4e4e4;
  width: 77px;
  z-index: 2;
}

.testimonial .image:before,
.testimonial .image:after {
  content: "";
  position: absolute;
  top: 0;
  border: 37px solid transparent;
  border-top-width: 65px;
  border-bottom-width: 65px;
  z-index: -1;
}

.testimonial .image:before {
  border-right-color: #e4e4e4;
  border-left-width: 0px;
  left: -38px;
}

.testimonial .image:after {
  border-left-color: #e4e4e4;
  border-right-width: 0px;
  right: -38px;
}

.testimonial .hex1 {
  width: 149px;
  height: 128px;
  margin: 1px 0 0 -36px;
  overflow: hidden;
  visibility: hidden;
  transform: rotate(120deg);
}

.testimonial .hex2 {
  overflow: hidden;
  width: 100%;
  height: 100%;
  transform: rotate(-60deg);
}

.testimonial img {
  width: 100%;
  height: 100%;
  visibility: visible;
  transform: rotate(-60deg);
}

.testimonial h3 {
  float: right;
  color: #f9b323;
  font-weight: normal;
  margin: 0;
}

.testimonial h3 span {
  font-weight: bold;
}

.testimonial .blockquote {
  color: #828282;
  font-style: italic;
  padding: 40px 0 15px;
  margin: 0;
  position: relative;
}

.testimonial .blockquote:before,
.testimonial .blockquote:after {
  position: absolute;
  width: 46px;
  height: 28px;
  content: "";
}

.testimonial .blockquote:before {
  background: url("https://cd.acesdirect.nl/site_images/template/quote_top.jpg");
  top: 0px;
  left: 0;
}

.testimonial .blockquote:after {
  background: url("https://cd.acesdirect.nl/site_images/template/quote_bottom.jpg");
  bottom: -23px;
  right: 0;
}

.testimonial .read_more {
  display: block;
  color: #293368;
  text-decoration: none;
}

.testimonial .read_more:after {
  content: "";
  border: 8px solid transparent;
  border-top-width: 6px;
  border-bottom-width: 6px;
  border-left-color: #f9b323;
  margin: 0 0 0 5px;
  display: inline-block;
  position: relative;
  top: 1px;
}

.contactform__blocks .contactform__block--fancy {
  border-left-color: #ffcc00;
}
.contactform__blocks .contactform__block--fancy h4 {
  color: #ffcc00;
}
.contactform__blocks .contactform__block--fancy .email span {
  color: #ffcc00;
}
.contactform__blocks .contactform__block--fancy .phone span {
  color: #ffcc00;
}
.contactform__blocks .contactform__block--contact button {
  background-color: #ffcc00;
}
.contactform__blocks .contactform__block--contact .question:before {
  background-color: #ffcc00;
}

.wp-block-acesdirect-employeeform {
  position: relative;
  padding: 0;
}

.block__padding {
  padding: 30px;
}

.block__padding .employeeform__blocks, .block__padding .employeeform__blocks-wide {
  max-width: 1200px;
}

.background-grey {
  background-color: #eeecec;
}

.background-white {
  background-color: white;
}

.block-grey {
  background-color: #eeecec;
}

.block-white {
  background-color: white;
}

.wp-block-acesdirect-employeeform.arrow__block:before {
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -22px;
  top: 0;
  width: 0;
  height: 0;
  border: 22px solid transparent;
  border-top: 25px solid white;
}

.wp-block-acesdirect-employeeform h3 {
  font-style: normal;
  font-weight: bold;
  font-size: 33px !important;
  margin-bottom: 35px !important;
  line-height: 40px;
  text-align: center;
  margin-top: 0;
}

.employeeform__blocks {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 35px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

.employeeform__blocks-wide {
  display: grid;
  grid-template-columns: 1fr;
  grid-column-gap: 35px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

.employeeform__block {
  padding: 18px 28px;
  text-align: center;
  position: relative;
}

.employeeform__block--contact {
  text-align: center;
  padding: 18px 75px;
}

.employeeform__block--contact button {
  font-weight: bold;
  font-size: 17px;
  background: #ffcc00;
  border-radius: 50px;
  color: white;
  border: 0;
  padding: 5px 1em;
  cursor: pointer;
}

.employeeform__block--contact .question {
  position: absolute;
  right: -13px;
  top: -13px;
}

.employeeform__block--contact .question span {
  position: relative;
  display: block;
  z-index: 2;
  color: #122251;
  background: white;
  width: 32px;
  height: 32px;
  text-align: center;
  line-height: 32px;
  border-radius: 16px;
  font-weight: bold;
  font-size: 26px;
}

.employeeform__block--contact .question span:before {
  content: "";
  border: 5px solid transparent;
  border-top: 8px solid white;
  top: 100%;
  position: absolute;
  left: 0;
  margin-left: -3px;
  margin-top: -8px;
  transform: rotate(45deg);
}

.employeeform__block--contact .question:before {
  content: "";
  position: absolute;
  left: -11px;
  top: -10px;
  background: #ffcc00;
  width: 52px;
  height: 52px;
  border-radius: 26px;
  z-index: 1;
}

.employeeform__block--fancy {
  border-left: 6px solid #ffcc00;
  text-align: left;
  display: flex;
}

.employeeform__block--fancy figure {
  margin: 0 7% 0 0;
  width: 105px;
  height: 105px;
}

.employeeform__block--content {
  display: block;
}

.employeeform__block--fancy h4 {
  margin-top: 0;
  font-size: 25px;
  line-height: 30px;
  color: #ffcc00;
}

.employeeform__block--content > span {
  display: block;
  color: #303030;
}

.employeeform__block--content > .function {
  font-weight: 600;
  margin-bottom: 5px;
}

.employeeform__block--content > .email,
.employeeform__block--content > .phone {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.employeeform__block--content > .email a {
  color: #303030;
  text-decoration: none;
}

.employeeform__block--content > .phone a {
  color: #303030;
  text-decoration: none;
}

.employeeform__block--content > .email span,
.employeeform__block--content > .phone span {
  color: #ffcc00;
  display: inline-block;
  width: 20px;
  font-weight: 600;
}

.employeeform__block--content > button {
  margin-top: 20px;
}

.employeeform__block--fancy button {
  font-weight: bold;
  font-size: 17px;
  background: #ffcc00;
  border-radius: 50px;
  color: white;
  border: 0;
  padding: 5px 1em;
  cursor: pointer;
}

@media only screen and (max-width: 1024px) {
  .employeeform__block--contact {
    padding: 18px 50px;
  }
}
@media only screen and (max-width: 768px) {
  .wp-block-acesdirect-employeeform {
    margin-bottom: 20px;
  }
  .wp-block-acesdirect-employeeform.block__padding {
    padding: 30px 5px;
  }

  .employeeform__blocks {
    display: block;
  }

  .employeeform__block--contact {
    display: none;
  }

  .employeeform__block--fancy figure {
    display: none;
  }

  .employeeform__block--fancy h4 {
    font-size: 20px;
    line-height: 26px;
  }

  .employeeform__blocks-wide {
    display: block;
  }
}
.infoblock {
  display: flex;
  flex-direction: column;
  padding: 20px;
  margin-bottom: 30px;
  border-left: 6px solid #ffcc00;
}
.infoblock-grey {
  background-color: #eeecec;
}
.infoblock-white {
  background-color: white;
}
.infoblock h3 {
  font-size: 24px;
  margin-bottom: 20px;
}
.infoblock.show__mobile {
  display: none;
}

.infoblock-grey {
  display: flex;
  flex-direction: column;
  padding: 20px;
  margin-bottom: 30px;
  border-left: 6px solid #ffcc00;
  background-color: #eeecec;
}
.infoblock-grey h3 {
  font-size: 24px;
  margin-bottom: 20px;
}
.infoblock-grey.uagb-section__wrap .uagb-section__inner-wrap {
  margin: 0;
}
.infoblock-grey p:empty {
  display: none;
}

.infoblock-white {
  display: flex;
  flex-direction: column;
  padding: 20px;
  margin-bottom: 30px;
  border-left: 6px solid #ffcc00;
  background-color: white;
}
.infoblock-white h3 {
  font-size: 24px;
  margin-bottom: 20px;
}
.infoblock-white.uagb-section__wrap .uagb-section__inner-wrap {
  margin: 0;
}
.infoblock-white p:empty {
  display: none;
}

.infoblock__button.wp-block-button {
  margin-bottom: 0;
}
.infoblock__button a, .infoblock__button a.wp-block-button__link {
  font-family: "sofia-pro", sans-serif;
  font-weight: bold;
  font-size: 17px;
  background: #ffcc00;
  border-radius: 50px;
  color: #303030;
  border: 0;
  padding: 5px 1em;
  cursor: pointer;
}

.portal__text .infoblock__button .wp-block-button__link {
  font-size: 17px !important;
  padding: 5px 1em !important;
  background: #ffcc00 !important;
  color: #303030;
  border: none;
  font-weight: 800;
}

.infoblock__button .wp-block-button__link {
  font-size: 17px !important;
  padding: 5px 1em !important;
  background: #ffcc00 !important;
  color: #303030;
  border: none;
  font-weight: 800;
}

.newsletter {
  display: flex;
  flex-direction: column;
  padding: 20px 20px 20px 26px;
  margin-bottom: 30px;
}
.newsletter-grey {
  background-color: #eeecec;
}
.newsletter-white {
  background-color: white;
}
.newsletter h3 {
  font-size: 24px;
  margin-bottom: 20px;
}
.newsletter.show__mobile {
  display: none;
}

.newsletter-grey {
  display: flex;
  flex-direction: column;
  padding: 20px 20px 20px 26px;
  margin-bottom: 30px;
  background-color: #eeecec;
}
.newsletter-grey h3 {
  font-size: 24px;
  margin-bottom: 20px;
}
.newsletter-grey.uagb-section__wrap .uagb-section__inner-wrap {
  margin: 0;
}
.newsletter-grey p:empty {
  display: none;
}

.newsletter-white {
  display: flex;
  flex-direction: column;
  padding: 20px 20px 20px 26px;
  margin-bottom: 30px;
  background-color: white;
}
.newsletter-white h3 {
  font-size: 24px;
  margin-bottom: 20px;
}
.newsletter-white.uagb-section__wrap .uagb-section__inner-wrap {
  margin: 0;
}
.newsletter-white p:empty {
  display: none;
}

.newsletter__link.wp-block-button {
  margin-bottom: 0;
}
.newsletter__link a {
  font-family: "sofia-pro", sans-serif;
  display: inline-flex;
  border-bottom: 2px solid #ffcc00;
  text-decoration: none;
  font-weight: bold;
  font-size: 17px;
  color: #303030;
}

.portal__text .newsletter__link .wp-block-button__link {
  font-family: "sofia-pro", sans-serif;
  display: inline-flex;
  border: none;
  padding: 0 !important;
  border-bottom: 2px solid #ffcc00;
  text-decoration: none;
  font-weight: bold;
  font-size: 17px !important;
  color: #303030;
  border-radius: 0;
  background-color: transparent !important;
}

.newsletter__link .wp-block-button__link {
  font-family: "sofia-pro", sans-serif;
  display: inline-flex;
  border: none;
  padding: 0 !important;
  border-bottom: 2px solid #ffcc00;
  text-decoration: none;
  font-weight: bold;
  font-size: 17px !important;
  color: #303030 !important;
  border-radius: 0;
  background-color: transparent !important;
}

@media only screen and (max-width: 1024px) {
  .infoblock.show__mobile {
    display: flex;
  }
  .infoblock.hide__mobile {
    display: none;
  }

  .newsletter.show__mobile {
    display: flex;
  }
  .newsletter.hide__mobile {
    display: none;
  }
}
#vacancy_form {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  padding: 20px;
  border: 1px solid #E4E4E4;
  background: #F3F3F3;
  margin-top: 20px;
}
#vacancy_form p.success {
  color: #007F00;
}

#vacancy_form p.error {
  color: #FF0000;
}

#vacancy_form .close {
  right: 20px;
  top: 10px;
  color: #ffcc00;
  cursor: pointer;
  font-size: 17px;
}

#vacancy_form h3 {
  margin: -21px -21px 20px;
  background-color: #1c2226;
  padding: 11px 21px 10px;
  color: #ffcc00;
  font-weight: normal;
}

#vacancy_form div {
  margin: 0 0 10px;
}

#vacancy_form label {
  display: block;
  line-height: 20px;
}

#vacancy_form input,
#vacancy_form textarea {
  display: block;
  border: 1px solid #e2e2e2;
  padding: 5px 10px;
  width: 100%;
  box-sizing: border-box;
  font-family: Arial, "Lucida Grande", sans-serif;
  background: #FFF;
}

#vacancy_form textarea {
  max-width: 100%;
  height: 100px;
}

#vacancy_form button {
  float: right;
}

#vacancy_form button:active {
  bottom: 2px;
  right: 0px;
  box-shadow: 0px 0px #ffa409;
}

.post_frame {
  display: none;
}

.content_Form label {
  color: #3e3e3e;
  font-size: 14px;
  line-height: 30px;
  display: block;
}

.content_Form input,
.content_Form textarea {
  width: 100%;
  padding: 5px;
  line-height: 16px;
  box-sizing: border-box;
}

.content_Form .bottom {
  position: relative;
  margin-top: 50px;
}

.content_Form button {
  border: 1px solid #ffa409;
  background: #f9b322;
  color: #FFF;
  padding: 5px 20px;
  cursor: pointer;
  box-shadow: 1px 1px #ffa409;
  position: absolute;
  bottom: 3px;
  right: 1px;
}

.content_Form button:active {
  bottom: 2px;
  right: 0px;
  box-shadow: 0px 0px #ffa409;
}

.contact_title {
  color: #f1c137 !important;
  margin-bottom: 10px !important;
}

.robo {
  display: none;
}

.form_title {
  cursor: pointer;
}

.form_title:after {
  content: "";
  border: 8px solid transparent;
  border-left-width: 6px;
  border-right-width: 6px;
  border-bottom-color: #f9b323;
  margin: 0 0 0 5px;
  display: inline-block;
  position: relative;
  top: -2px;
  float: right;
  vertical-align: middle;
}

.column_box.folded {
  padding-bottom: 0px;
}

.column_box.folded h3 {
  margin-bottom: 0px;
}

.column_box.folded h3:after {
  border-bottom-color: transparent;
  border-top-color: #f9b323;
  top: 10px;
}

.column_box.folded .contact_form {
  display: none;
}

.slider_container {
  overflow: hidden;
  position: relative;
}

.slider_container .slides {
  position: absolute;
  width: 100%;
  top: 0;
  display: block;
}

.slider_container .slides > li {
  float: left;
  box-sizing: border-box;
  background: none !important;
}

.slider_container .navigation {
  position: absolute;
  left: 10px;
  bottom: 10px;
  list-style: none;
}

.slider_container .navigation li {
  float: left;
  margin: 0 5px 0 0 !important;
  padding: 0 !important;
}

.slider_container .navigation li a {
  display: block;
  width: 18px;
  height: 16px;
  background: url("https://cd.acesdirect.nl/site_images/template/acessprite.png");
  cursor: pointer;
}

.slider_container .navigation li a:hover {
  text-decoration: none !important;
}

.slider_container .navigation li.slide0 a {
  background-position: 0 -255px;
}

.slider_container .navigation li.slide1 a {
  background-position: -21px -255px;
}

.slider_container .navigation li.slide2 a {
  background-position: -43px -255px;
}

.slider_container .navigation li.slide3 a {
  background-position: -65px -255px;
}

#categorie_linkercontent {
  float: left;
  margin-top: 6px;
  height: auto;
  max-width: 242px;
  padding-top: 15px;
}

div.categorie_linkercontent_nomax {
  width: 242px;
}

#catergorie_rechtercontent {
  display: block;
  margin: 6px 0 0 247px;
  height: auto;
  min-height: 100px;
}

.largerechtercontent {
  margin-left: 0;
}

.smallrechtercontent {
  margin-left: 247px;
}

.categoriekop {
  font-weight: bold;
  font-size: 9pt;
  color: #303030;
  float: left;
  margin-bottom: 25px;
  width: 220px;
}

.categoriekop h3 {
  color: #11255B;
}

.menuitemcategorie a {
  font-weight: bold;
  font-size: 8pt;
  color: #11255B;
  float: left;
  padding-top: 6px;
  padding-bottom: 5px;
  padding-left: 8px;
  cursor: pointer;
  width: 171px;
  text-decoration: none;
  display: block;
}

.menuitemcategorie a#active {
  color: #FDA200;
}

.categorieinput a#active {
  color: #FDA200;
}

.contentmenubutton {
  float: left;
  width: 180px;
  min-height: 25px;
  background-repeat: no-repeat;
}

.categorieinput {
  text-decoration: none;
  list-style: none;
  float: left;
  width: 200px;
  padding-top: 15px;
  margin-bottom: 12px;
  margin-left: 8px;
}

.categorieinput UL {
  font-size: 9pt;
  font-weight: normal;
  color: #303030;
  list-style: none;
  margin: 0;
  padding: 0;
  left: 0px;
  height: auto;
  float: left;
}

.categorieinput LI {
  font-size: 8pt;
  font-weight: normal;
  color: #303030;
  list-style: none;
  margin: 0;
  padding: 0;
  left: 0px;
  line-height: 23px;
  height: auto;
  float: left;
  min-width: 165px;
}

.categorieinput a {
  text-decoration: none;
  float: left;
  color: #303030;
}

.categorieinput a:hover {
  font-weight: normal;
  color: #11255B;
}

/*# sourceMappingURL=content.css.map*/