.fv-sr-only{display:none}.fv-plugins-framework input::-ms-clear,.fv-plugins-framework textarea::-ms-clear{display:none;height:0;width:0}.fv-plugins-icon-container{position:relative}.fv-plugins-icon{position:absolute;right:0;text-align:center;top:0}.fv-plugins-tooltip{position:absolute;z-index:10000}.fv-plugins-tooltip .fv-plugins-tooltip__content{background:#000;border-radius:3px;color:#eee;padding:10px;position:relative}.fv-plugins-tooltip .fv-plugins-tooltip__content:before{border:8px solid transparent;content:'';position:absolute}.fv-plugins-tooltip--hide{opacity:0}.fv-plugins-tooltip--top-left{margin-top:8px}.fv-plugins-tooltip--top-left .fv-plugins-tooltip__content:before{border-top-color:#000;left:8px;top:100%}.fv-plugins-tooltip--top{margin-top:8px}.fv-plugins-tooltip--top .fv-plugins-tooltip__content:before{border-top-color:#000;left:50%;margin-left:-8px;top:100%}.fv-plugins-tooltip--top-right{margin-top:8px}.fv-plugins-tooltip--top-right .fv-plugins-tooltip__content:before{border-top-color:#000;right:8px;top:100%}.fv-plugins-tooltip--right .fv-plugins-tooltip__content:before{border-right-color:#000;margin-top:-8px;right:100%;top:50%}.fv-plugins-tooltip--bottom-right{margin-top:8px}.fv-plugins-tooltip--bottom-right .fv-plugins-tooltip__content:before{border-bottom-color:#000;bottom:100%;right:8px}.fv-plugins-tooltip--bottom{margin-top:8px}.fv-plugins-tooltip--bottom .fv-plugins-tooltip__content:before{border-bottom-color:#000;bottom:100%;left:50%;margin-left:-8px}.fv-plugins-tooltip--bottom-left{margin-top:8px}.fv-plugins-tooltip--bottom-left .fv-plugins-tooltip__content:before{border-bottom-color:#000;bottom:100%;left:8px}.fv-plugins-tooltip--left .fv-plugins-tooltip__content:before{border-left-color:#000;left:100%;margin-top:-8px;top:50%}.fv-plugins-tooltip-icon{cursor:pointer;pointer-events:inherit}.fv-plugins-bootstrap .fv-help-block{color:#dc3545;font-size:80%;margin-top:.25rem}.fv-plugins-bootstrap .is-invalid ~ .form-check-label,.fv-plugins-bootstrap .is-valid ~ .form-check-label{color:inherit}.fv-plugins-bootstrap .has-danger .fv-plugins-icon{color:#dc3545}.fv-plugins-bootstrap .has-success .fv-plugins-icon{color:#28a745}.fv-plugins-bootstrap .fv-plugins-icon{height:38px;line-height:38px;width:38px}.fv-plugins-bootstrap .input-group ~ .fv-plugins-icon{z-index:3}.fv-plugins-bootstrap .form-group.row .fv-plugins-icon{right:15px}.fv-plugins-bootstrap .form-group.row .fv-plugins-icon-check{top:-7px}.fv-plugins-bootstrap:not(.form-inline) label ~ .fv-plugins-icon{top:32px}.fv-plugins-bootstrap:not(.form-inline) label ~ .fv-plugins-icon-check{top:25px}.fv-plugins-bootstrap:not(.form-inline) label.sr-only ~ .fv-plugins-icon-check{top:-7px}.fv-plugins-bootstrap.form-inline .form-group{align-items:flex-start;flex-direction:column;margin-bottom:auto}.fv-plugins-bootstrap .form-control.is-valid,.fv-plugins-bootstrap .form-control.is-invalid{background-image:none}.fv-plugins-bootstrap3 .help-block{margin-bottom:0}.fv-plugins-bootstrap3 .input-group ~ .form-control-feedback{z-index:4}.fv-plugins-bootstrap3.form-inline .form-group{vertical-align:top}.fv-plugins-bulma .field.has-addons{flex-wrap:wrap}.fv-plugins-bulma .field.has-addons::after{content:'';width:100%}.fv-plugins-bulma .field.has-addons .fv-plugins-message-container{order:1}.fv-plugins-bulma .icon.fv-plugins-icon-check{top:-4px}.fv-plugins-bulma .fv-has-error .input,.fv-plugins-bulma .fv-has-error .textarea{border:1px solid #ff3860}.fv-plugins-bulma .fv-has-success .input,.fv-plugins-bulma .fv-has-success .textarea{border:1px solid #23d160}.fv-plugins-foundation .fv-plugins-icon{height:39px;line-height:39px;right:0;width:39px}.fv-plugins-foundation .grid-padding-x .fv-plugins-icon{right:15px}.fv-plugins-foundation .fv-plugins-icon-container .cell{position:relative}.fv-plugins-foundation [type="checkbox"] ~ .fv-plugins-icon,.fv-plugins-foundation [type="checkbox"] ~ .fv-plugins-icon{top:-7px}.fv-plugins-foundation.fv-stacked-form .fv-plugins-message-container{width:100%}.fv-plugins-foundation.fv-stacked-form label .fv-plugins-icon,.fv-plugins-foundation.fv-stacked-form fieldset [type="checkbox"] ~ .fv-plugins-icon,.fv-plugins-foundation.fv-stacked-form fieldset [type="radio"] ~ .fv-plugins-icon{top:25px}.fv-plugins-foundation .form-error{display:block}.fv-plugins-foundation .fv-row__success .fv-plugins-icon{color:#3adb76}.fv-plugins-foundation .fv-row__error label,.fv-plugins-foundation .fv-row__error fieldset legend,.fv-plugins-foundation .fv-row__error .fv-plugins-icon{color:#cc4b37}.fv-plugins-materialize .fv-plugins-icon{height:42px;line-height:42px;width:42px}.fv-plugins-materialize .fv-plugins-icon-check{top:-10px}.fv-plugins-materialize .fv-invalid-row .helper-text,.fv-plugins-materialize .fv-invalid-row .fv-plugins-icon{color:#F44336}.fv-plugins-materialize .fv-valid-row .helper-text,.fv-plugins-materialize .fv-valid-row .fv-plugins-icon{color:#4CAF50}.fv-plugins-milligram .fv-plugins-icon{height:38px;line-height:38px;width:38px}.fv-plugins-milligram .column{position:relative}.fv-plugins-milligram .column .fv-plugins-icon{right:10px}.fv-plugins-milligram .fv-plugins-icon-check{top:-6px}.fv-plugins-milligram .fv-plugins-message-container{margin-bottom:15px}.fv-plugins-milligram.fv-stacked-form .fv-plugins-icon{top:30px}.fv-plugins-milligram.fv-stacked-form .fv-plugins-icon-check{top:24px}.fv-plugins-milligram .fv-invalid-row .fv-help-block,.fv-plugins-milligram .fv-invalid-row .fv-plugins-icon{color:red}.fv-plugins-milligram .fv-valid-row .fv-help-block,.fv-plugins-milligram .fv-valid-row .fv-plugins-icon{color:green}.fv-plugins-mini .fv-plugins-icon{height:42px;line-height:42px;width:42px;top:4px}.fv-plugins-mini .fv-plugins-icon-check{top:-8px}.fv-plugins-mini.fv-stacked-form .fv-plugins-icon{top:28px}.fv-plugins-mini.fv-stacked-form .fv-plugins-icon-check{top:20px}.fv-plugins-mini .fv-plugins-message-container{margin:calc(var(--universal-margin) / 2)}.fv-plugins-mini .fv-invalid-row .fv-help-block,.fv-plugins-mini .fv-invalid-row .fv-plugins-icon{color:var(--input-invalid-color)}.fv-plugins-mini .fv-valid-row .fv-help-block,.fv-plugins-mini .fv-valid-row .fv-plugins-icon{color:#308732}.fv-plugins-mui .fv-plugins-icon{height:32px;line-height:32px;width:32px;top:15px;right:4px}.fv-plugins-mui .fv-plugins-icon-check{top:-6px;right:-10px}.fv-plugins-mui .fv-plugins-message-container{margin:8px 0}.fv-plugins-mui .fv-invalid-row .fv-help-block,.fv-plugins-mui .fv-invalid-row .fv-plugins-icon{color:#F44336}.fv-plugins-mui .fv-valid-row .fv-help-block,.fv-plugins-mui .fv-valid-row .fv-plugins-icon{color:#4CAF50}.fv-plugins-pure .fv-plugins-icon{height:36px;line-height:36px;width:36px}.fv-plugins-pure .fv-has-error label,.fv-plugins-pure .fv-has-error .fv-help-block,.fv-plugins-pure .fv-has-error .fv-plugins-icon{color:#CA3C3C}.fv-plugins-pure .fv-has-success label,.fv-plugins-pure .fv-has-success .fv-help-block,.fv-plugins-pure .fv-has-success .fv-plugins-icon{color:#1CB841}.fv-plugins-pure.pure-form-aligned .fv-help-block{margin-top:5px;margin-left:180px}.fv-plugins-pure.pure-form-aligned .fv-plugins-icon-check{top:-9px}.fv-plugins-pure.pure-form-stacked .pure-control-group{margin-bottom:8px}.fv-plugins-pure.pure-form-stacked .fv-plugins-icon{top:22px}.fv-plugins-pure.pure-form-stacked .fv-plugins-icon-check{top:13px}.fv-plugins-pure.pure-form-stacked .fv-sr-only ~ .fv-plugins-icon{top:-9px}.fv-plugins-semantic.ui.form .fields.error label,.fv-plugins-semantic .error .fv-plugins-icon{color:#9f3a38}.fv-plugins-semantic .fv-plugins-icon-check{right:7px}.fv-plugins-shoelace .input-group{margin-bottom:0}.fv-plugins-shoelace .fv-plugins-icon{height:32px;line-height:32px;width:32px;top:28px}.fv-plugins-shoelace .row .fv-plugins-icon{right:16px;top:0}.fv-plugins-shoelace .fv-plugins-icon-check{top:24px}.fv-plugins-shoelace .fv-sr-only ~ .fv-plugins-icon,.fv-plugins-shoelace .fv-sr-only ~ div .fv-plugins-icon{top:-4px}.fv-plugins-shoelace .input-valid .fv-help-block,.fv-plugins-shoelace .input-valid .fv-plugins-icon{color:#2ecc40}.fv-plugins-shoelace .input-invalid .fv-help-block,.fv-plugins-shoelace .input-invalid .fv-plugins-icon{color:#ff4136}.fv-plugins-spectre .input-group .fv-plugins-icon{z-index:2}.fv-plugins-spectre .form-group .fv-plugins-icon-check{right:6px;top:10px}.fv-plugins-spectre:not(.form-horizontal) .form-group .fv-plugins-icon-check{right:6px;top:45px}.fv-plugins-tachyons .fv-plugins-icon{height:36px;line-height:36px;width:36px}.fv-plugins-tachyons .fv-plugins-icon-check{top:-7px}.fv-plugins-tachyons.fv-stacked-form .fv-plugins-icon{top:34px}.fv-plugins-tachyons.fv-stacked-form .fv-plugins-icon-check{top:24px}.fv-plugins-turret .fv-plugins-icon{height:40px;line-height:40px;width:40px}.fv-plugins-turret.fv-stacked-form .fv-plugins-icon{top:29px}.fv-plugins-turret.fv-stacked-form .fv-plugins-icon-check{top:17px}.fv-plugins-turret .fv-invalid-row .form-message,.fv-plugins-turret .fv-invalid-row .fv-plugins-icon{color:#c00}.fv-plugins-turret .fv-valid-row .form-message,.fv-plugins-turret .fv-valid-row .fv-plugins-icon{color:#00b300}.fv-plugins-uikit .fv-plugins-icon{height:40px;line-height:40px;top:25px;width:40px}.fv-plugins-uikit.uk-form-horizontal .fv-plugins-icon{top:0}.fv-plugins-uikit.uk-form-horizontal .fv-plugins-icon-check{top:-11px}.fv-plugins-uikit.uk-form-stacked .fv-plugins-icon-check{top:15px}.fv-plugins-uikit.uk-form-stacked .fv-no-label .fv-plugins-icon{top:0}.fv-plugins-uikit.uk-form-stacked .fv-no-label .fv-plugins-icon-check{top:-11px}.fv-plugins-wizard--step{display:none}.fv-plugins-wizard--active{display:block}

.popbox.visible{
	opacity:1;
	z-index: 999;
    transition:opacity 0.3s ease;
}
.popbox.opened{
	display: block;
}

.popbox_locked .popbox_blur{
	filter:blur(15px);
}

html.popbox_locked{
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
}

.popbox{
	z-index: -999;
	position: fixed;
	width: 100%;
	max-width: 100%;
	height: 100%;
	top: 0;
	left: 0;
    will-change: opacity;
    transition:opacity 0.3s ease;
    opacity:0;
    will-change: opacity;
	background: rgba(0, 0, 0, 0.5);
	padding:25px 30px;
	padding-top:5%;
	overflow-y: auto;
	display: none;
}

.popbox_container {
	border-radius:5px;
	margin-bottom:18px;
	padding: 80px 40px;
	margin-left:auto;
	margin-right:auto;
	background:#fff;
	position: relative;
	max-width: 75%;
}

/*
 * Simple Forms, a fork of Mark Otto's original work
 * Released under MIT and copyright 2014 Mark Otto.
 *
 * Embedded icons from Open Iconic.
 * Released under MIT and copyright 2014 Waybury.
 * http://useiconic.com/open
 *
 * Specifc HTML markup needed for this to work, see:
 * https://github.com/nsteiner/simple-forms/blob/master/index.html
 *
 * added .util-sf__ prefix for better BEM
 *
 */
/*
 * Checkboxes and radios
 */
.util-sf__control {
  position: relative;
  display: inline-block;
  padding-left: 1.5rem;
  cursor: pointer; }

.util-sf__control input {
  position: absolute;
  opacity: 0;
  z-index: -1;
  /* Put the input behind the label so it doesn't overlay text */ }

.util-sf__control-indicator {
  position: absolute;
  top: .25rem;
  left: 0;
  display: block;
  width: 1rem;
  height: 1rem;
  line-height: 1rem;
  font-size: 65%;
  color: #eee;
  text-align: center;
  background-color: #eee;
  background-size: 50% 50%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/* Hover state */
/* Uncomment if you need it, but be aware of the sticky iOS states.
  .control:hover .control-indicator {
    color: #fff;
    background-color: #ccc;
  }
  */
/* Focus */
.util-sf__control input:focus ~ .util-sf__control-indicator {
  box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9; }

/* Checked state */
.util-sf__control input:checked ~ .util-sf__control-indicator {
  color: #fff;
  background-color: #0074d9; }

/* Active */
.util-sf__control input:active ~ .util-sf__control-indicator {
  color: #fff;
  background-color: #84c6ff; }

/* Checkbox modifiers */
.util-sf__checkbox .util-sf__control-indicator {
  border-radius: .25rem; }

.util-sf__checkbox input:checked ~ .util-sf__control-indicator {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTYuNCwxTDUuNywxLjdMMi45LDQuNUwyLjEsMy43TDEuNCwzTDAsNC40bDAuNywwLjdsMS41LDEuNWwwLjcsMC43bDAuNy0wLjdsMy41LTMuNWwwLjctMC43TDYuNCwxTDYuNCwxeiINCgkvPg0KPC9zdmc+DQo=); }

/* Radio modifiers */
.util-sf__radio .util-sf__control-indicator {
  border-radius: 50%; }

.util-sf__radio input:checked ~ .util-sf__control-indicator {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTQsMUMyLjMsMSwxLDIuMywxLDRzMS4zLDMsMywzczMtMS4zLDMtM1M1LjcsMSw0LDF6Ii8+DQo8L3N2Zz4NCg==); }

/* Alternately, use another character */
.util-sf__control-x input:checked ~ .util-sf__control-indicator {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iOHB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDggOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOCA4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xLjQsMEwwLDEuNGwwLjcsMC43bDEuOCwxLjhMMC43LDUuN0wwLDYuNGwxLjQsMS40bDAuNy0wLjdsMS44LTEuOGwxLjgsMS44bDAuNywwLjdsMS40LTEuNEw3LjEsNS43DQoJTDUuMywzLjlsMS44LTEuOGwwLjctMC43TDYuNCwwTDUuNywwLjdMMy45LDIuNUwyLjEsMC43QzIuMSwwLjcsMS40LDAsMS40LDB6Ii8+DQo8L3N2Zz4NCg==); }

.util-sf__control-dash input:checked ~ .util-sf__control-indicator {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iOHB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDggOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOCA4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0wLDN2Mmg4VjNIMHoiLz4NCjwvc3ZnPg0K); }

/*
   * Select
   */
.util-sf__select {
  position: relative;
  display: block; }

.util-sf__select select {
  font-family: "Univers W01", "Roboto", "Helvetica Neue", sans-serif;
  color: darkblue;
  display: inline-block;
  width: 100%;
  margin: 0;
  font-size: 18px;
  padding: .5rem 2.25rem .5rem 1rem;
  line-height: 1.5;
  background-color: #fff;
  border: 1px solid darkblue;
  border-radius: .25rem;
  cursor: pointer;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

/* Undo the Firefox inner focus ring */
.util-sf__select select:focus:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000; }

/* Dropdown arrow */
.util-sf__select:after {
  position: absolute;
  top: 50%;
  right: 1.25rem;
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  margin-top: -.2rem;
  pointer-events: none;
  border-top: 0.6rem solid darkblue;
  border-right: 0.5rem solid transparent;
  border-bottom: .4rem solid transparent;
  border-left: 0.5rem solid transparent;
  transition: inherit; }

/* Hover state */
/* Uncomment if you need it, but be aware of the sticky iOS states.
  .select select:hover {
    background-color: #ddd;
  }
  */
/* Focus */
/* Active/open */
/* Hide the arrow in IE10 and up */
.util-sf__select select::-ms-expand {
  display: none; }

/* Media query to target Firefox only */
@-moz-document url-prefix() {
  /* Firefox hack to hide the arrow */
  .util-sf__select select {
    text-indent: 0.01px;
    text-overflow: '';
    padding-right: 1rem; }
  /* <option> elements inherit styles from <select>, so reset them. */
  .util-sf__select option {
    background-color: #fff; } }

/* IE9 hack to hide the arrow */
@media screen and (min-width: 0\0) {
  .util-sf__select select {
    z-index: 1;
    padding: .5rem 1.5rem .5rem 1rem; }
  .util-sf__select:after {
    z-index: 5; }
  .util-sf__select:before {
    position: absolute;
    top: 0;
    right: 1rem;
    bottom: 0;
    z-index: 2;
    content: "";
    display: block;
    width: 1.5rem;
    background-color: #eee; }
  .util-sf__select select:hover,
  .util-sf__select select:focus,
  .util-sf__select select:active {
    color: #555;
    background-color: #eee; } }

/*
   * File
   */
.util-sf__file {
  position: relative;
  display: inline-block;
  cursor: pointer;
  height: 2.5rem; }

.util-sf__file input {
  min-width: 14rem;
  margin: 0;
  filter: alpha(opacity=0);
  opacity: 0; }

.util-sf__file-custom {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 5;
  height: 2.5rem;
  padding: .5rem 1rem;
  line-height: 1.5;
  color: #555;
  background-color: #fff;
  border: .075rem solid #ddd;
  border-radius: .25rem;
  box-shadow: inset 0 0.2rem 0.4rem rgba(0, 0, 0, 0.05);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.util-sf__file-custom:after {
  content: "Choose file..."; }

.util-sf__file-custom:before {
  position: absolute;
  top: -.075rem;
  right: -.075rem;
  bottom: -.075rem;
  z-index: 6;
  display: block;
  content: "Browse";
  height: 2.5rem;
  padding: .5rem 1rem;
  line-height: 1.5;
  color: #555;
  background-color: #eee;
  border: .075rem solid #ddd;
  border-radius: 0 .25rem .25rem 0; }

/* Focus */
.util-sf__file input:focus ~ .util-sf__file-custom {
  box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9; }

/*
   * Progress
   */
.util-sf__progress {
  display: inline-block;
  height: 1rem; }

.util-sf__progress[value] {
  /* Reset the default appearance */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Remove Firefox and Opera border */
  border: 0;
  /* IE10 uses `color` to set the bar background-color */
  color: #0074d9; }

.util-sf__progress[value]::-webkit-progress-bar {
  background-color: #eee;
  border-radius: .2rem; }

.util-sf__progress[value]::-webkit-progress-value {
  background-color: #0074d9;
  border-top-left-radius: .2rem;
  border-bottom-left-radius: .2rem; }

.util-sf__progress[value="100"]::-webkit-progress-value {
  border-top-right-radius: .2rem;
  border-bottom-right-radius: .2rem; }

/* Firefox styles must be entirely separate or it busts Webkit styles. */
@-moz-document url-prefix() {
  .util-sf__progress[value] {
    background-color: #eee;
    border-radius: .2rem; }
  .util-sf__progress[value]::-moz-progress-bar {
    background-color: #0074d9;
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem; }
  .util-sf__progress[value="100"]::-moz-progress-bar {
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem; } }

/* IE9 hacks to accompany custom markup. We don't need to scope this via media queries, but I feel better doing it anyway. */
@media screen and (min-width: 0\0) {
  .util-sf__progress {
    background-color: #eee;
    border-radius: .2rem; }
  .util-sf__progress-bar {
    display: inline-block;
    height: 1rem;
    text-indent: -999rem;
    /* Simulate hiding of value as in native `<progress>` */
    background-color: #0074d9;
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem; }
  .util-sf__progress[width="100%"] {
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem; } }

/*
   * Control layouts
   */
.util-sf__controls-stacked {
  margin: 1rem 0; }

.util-sf__controls-stacked .util-sf__control,
.util-sf__controls-stacked .util-sf__progress {
  display: block; }

.util-sf__controls-stacked .util-sf__control + .util-sf__control,
.util-sf__controls-stacked .util-sf__progress + .util-sf__progress {
  margin-top: .5rem; }

.util-sf__controls-inline {
  margin: 1rem 0; }

.util-sf__controls-inline .util-sf__control {
  display: inline-block;
  height: 1rem; }

.util-sf__controls-inline .util-sf__control + .util-sf__control {
  margin-left: 1rem; }

.util__delist {
  list-style-type: none;
  margin: 0;
  padding: 0; }

.util__debutton {
  border: none;
  display: inline-block;
  position: relative;
  padding: 20px 30px;
  text-transform: uppercase;
  color: white;
  font-weight: bold;
  cursor: pointer;
  margin-top: 5%;
  letter-spacing: 2px; }

.lazyloadimage img {
  opacity: 0; }

.lazyloadimage.lazyloaded img {
  opacity: 1;
  transition: ease-in 0.1s;
  transition-delay: 0.1s; }

body {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.618em;
  color: #4A545E; }

figure {
  display: inline;
  -webkit-margin-before: 0;
          margin-block-start: 0;
  -webkit-margin-after: 0;
          margin-block-end: 0;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
  -webkit-margin-end: 0;
          margin-inline-end: 0; }

sup {
  top: -1em;
  font-size: 50%; }

/* styles from RTE dialog */
h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 10px; }

p {
  margin: 0 0 1em; }

h1 {
  font-size: 36px; }

h2 {
  font-size: 32px; }

h3 {
  font-size: 22px; }

h4 {
  font-size: 20px; }

h5 {
  font-size: 18px; }

h6 {
  font-size: 14px; }

.style--small p {
  font-size: 14px;
  line-height: 1.618em; }

.style--medium p {
  font-size: 20px;
  line-height: 1.618em; }

.style--large p {
  font-size: 24px;
  line-height: 1.618em; }

.style--hero h1,
.style--hero h2,
.style--hero h3,
.style--hero h4,
.style--hero h5,
.style--hero h6 {
  font-size: 58px;
  font-weight: 600;
  line-height: 1.2em; }

.style--hero p {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.618em; }

.style--section h1,
.style--section h2,
.style--section h3,
.style--section h4,
.style--section h5,
.style--section h6 {
  font-size: 42px;
  font-weight: 600;
  line-height: 1.2em; }

.style--section p {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.618em; }

@media (min-width: 1270px) {
  .faq-accordion {
    margin-bottom: 60px; } }

.faq__faq-header {
  text-align: left;
  font-size: 26px;
  font-weight: normal; }

.faq-accordion__header * {
  pointer-events: none; }

.faq__accordion__container {
  margin: 0 auto;
  text-align: left;
  overflow: hidden;
  margin: 0 auto; }

.faq__accordion__container button:focus {
  outline: none; }

.faq__accordion__container button:not([aria-expanded='true']):focus {
  outline: none;
  border-color: #b0b0b0; }

.faq-accordion__header[aria-expanded='true'] {
  background-color: #fff;
  transition: background-color .3s ease; }

.faq-accordion__header {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 16px;
  width: 100%;
  padding: 15px;
  padding-right: 30px;
  margin: 0 auto;
  -webkit-appearance: unset;
  border: none;
  outline: 0;
  text-align: left;
  color: rgba(0, 0, 0, 0.8);
  background-color: #fff;
  transition: .3s ease;
  border: 1px solid #e3e3e3;
  border-bottom: none; }

/*

original after for triangle

.faq-accordion__header::after {
  position: absolute;
  content: "";
  right: 45px;
  top: 22px;
  width: 0;
  height: 0;
  transition: all 0.3s ease;
  border: 8px solid rgba(0, 0, 0, 0);
  border-left-color: red;
}

.faq-accordion__header[aria-expanded="true"]::after {
  transform: rotate(90deg) translateY(-4px);
  transition: all 0.3s ease;
  border-left-color: red;
  transform-origin: left;
}

.faq-accordion__header:not([aria-expanded="true"]):hover,
.faq-accordion__header:not([aria-expanded="true"]):focus {
  background-color: #d4d4d4;
  &:after {
    border-left-color: #737373;
  }

*/
.js-accordion__read-more-symbol {
  background-image: url("data:image/svg+xml,%3Csvg%20class='icon__plus'%20xmlns='http://www.w3.org/2000/svg'%20width='17'%20height='17'%20viewBox='0%200%2017%2017'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23fff;stroke-width:1.5px;%7D.a,.b%7Bstroke:%232b363f;%7D.b,.d%7Bfill:none;%7D.b%7Bstroke-width:2.5px;%7D.c%7Bstroke:none;%7D%3C/style%3E%3C/defs%3E%3Cg%20transform='translate(-1515%20-669)'%3E%3Cg%20class='a'%20transform='translate(1515%20669)'%3E%3Ccircle%20class='c'%20cx='8.5'%20cy='8.5'%20r='8.5'/%3E%3Ccircle%20class='d'%20cx='8.5'%20cy='8.5'%20r='7.75'/%3E%3C/g%3E%3Cline%20class='b%20icon__plus--vline'%20y2='8'%20transform='translate(1523.5%20673.5)'/%3E%3Cline%20class='b%20icon__plus--hline'%20y2='8'%20transform='translate(1527.5%20677.5)%20rotate(90)'/%3E%3C/g%3E%3C/svg%3E");
  width: 17px;
  height: 17px; }

.faq__answer {
  margin: 0 auto;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.8);
  padding-right: 20px; }

.faq-accordion__panel {
  display: block;
  visibility: hidden;
  position: absolute;
  overflow: hidden;
  padding: 0 20px;
  margin: 0 auto;
  border: 1px solid #e3e3e3;
  border-top: none;
  border-bottom: none; }

.faq__wrap a,
.faq__wrap a:visited {
  color: red; }

html {
  box-sizing: border-box; }

*,
*:before,
*:after {
  box-sizing: inherit; }

/* Shared minimal styles */
/* .video is the component wrapper */
.video__hosted {
  position: relative;
  cursor: pointer; }

.video__hosted:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  left: calc(50% - 40px);
  top: calc(50% - 40px);
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: #000;
  border: 10px solid #fff;
  box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.35);
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20448%20512'%3E%3Cpath%20fill='%23fff'%20d='M424.4%20214.7L72.4%206.6C43.8-10.3%200%206.1%200%2047.9V464c0%2037.5%2040.7%2060.1%2072.4%2041.3l352-208c31.4-18.5%2031.5-64.1%200-82.6z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 41%;
  background-position: 21px;
  pointer-events: none;
  opacity: 1;
  transition: opacity 300ms ease-out; }

.video__hosted.jsclickedvideo:after,
.video__hosted.jsclickedvideo:before {
  opacity: 0;
  transition: opacity 300ms ease-in; }

.video__share {
  display: flex;
  justify-content: space-between;
  margin-top: 16px; }

@media (min-width: 900px) {
  .video__share {
    align-items: center; } }

.component-button.video__share-link {
  width: 45%;
  text-align: center; }

@media (max-width: 900px) {
  .component-button.video__share-link {
    width: 70%; } }

/* Shared minimal styles */
.colorpalette {
  width: 100%;
  margin: 30px 0;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.16); }

.colorpalette__color {
  width: 100%;
  height: 175px; }

.colorpalette__label, .colorpalette__label p {
  padding: 10px;
  font-size: 14px; }

/* Shared minimal styles */
/* .button is the component wrapper */
.button {
  display: inline; }

.btn {
  border: none;
  display: inline-block;
  cursor: pointer; }

/* Shared minimal styles */
@media (max-width: 1023px) {
  nav.pagetabs {
    height: 93px; } }

.tabPageNav {
  background: #f9f9f9;
  border-bottom: 1px solid #e9e9e9;
  padding-top: 10px;
  margin-bottom: 20px;
  position: relative; }

.tabPageNav:after {
  content: "";
  display: block;
  width: 100%;
  height: 20px;
  position: absolute;
  bottom: -21px;
  background: #FFF;
  z-index: 10; }

.pagetabs ul {
  display: flex;
  margin-bottom: -1px; }
  @media (max-width: 1023px) {
    .pagetabs ul {
      flex-direction: column;
      position: absolute; } }

@media (max-width: 1023px) {
  .pagetabs ul:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 0 solid transparent;
    border-left-width: 9px;
    border-right-width: 9px;
    border-top: 16px solid #E1261C;
    position: absolute;
    top: 40px;
    right: 22px;
    z-index: 30;
    pointer-events: none;
    transform: rotate(0deg);
    transition: transform 0.5s ease-in; } }

.js-pagetabs-showing .pagetabs ul:after {
  transform: rotate(180deg); }

.pagetab h3 {
  font-size: 16px;
  font-weight: 500; }

.pagetab:not(.pagetab--current) h3 {
  color: #777; }

.pagetab a {
  color: #E1261C;
  text-decoration: none;
  padding: 18px 80px 18px 18px;
  display: block; }

li.pagetab {
  max-width: 270px;
  border-top: 1px solid #e9e9e9;
  border-right: 1px solid #e9e9e9; }
  @media (max-width: 1023px) {
    li.pagetab {
      position: relative;
      z-index: 20;
      background: #f9f9f9;
      display: none; } }

@media (max-width: 1023px) {
  .js-pagetabs-showing li.pagetab {
    display: block; } }

li.pagetab:first-child {
  border-left: 1px solid #e9e9e9; }

li.pagetab.pagetab--current {
  border-bottom: 1px solid #fff;
  border-color: #fff;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.15); }
  @media (max-width: 1023px) {
    li.pagetab.pagetab--current {
      order: -10;
      z-index: 10;
      display: block; } }

.pagetab--current a {
  background: #fff;
  height: 100%; }

li.pagetab p {
  color: #777;
  font-size: 14px;
  line-height: 1.3em; }

/* Shared minimal styles */
.pimlisting.hidden {
  display: none; }

.pimlisting table {
  width: 100%;
  font-size: 15px; }

.pimlisting__info-row td,
.pimlisting__promo-row td {
  padding: 50px 0 60px;
  border-bottom: 1px solid #f1f1f1; }

.pimlisting td {
  vertical-align: top; }

.pimlisting table tr.pimlisting__info-row td > * {
  max-width: 360px;
  margin: 0 10px; }
  @media (max-width: 479px) {
    .pimlisting table tr.pimlisting__info-row td > * {
      max-width: 170px; } }

.pimlisting th {
  color: #B1B1B1;
  text-align: left;
  font-size: 14px;
  font-weight: 500;
  padding-top: 60px;
  padding-bottom: 10px;
  padding-left: 10px;
  border-bottom: 1px solid #CBCBCB; }

.pimlisting h3 {
  font-size: 16px;
  line-height: 1.618em; }

.pimlisting p {
  color: #777777; }

.pimlisting p b {
  color: #4A545E; }

.pimlisting__recommended {
  color: #37C637;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: bold;
  padding: 3px 8px;
  border: 1px solid #37C637;
  border-radius: 15px;
  display: inline-block;
  line-height: 9px; }

.pimlisting__recommended:before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 7px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='7.897'%20height='7.897'%20viewBox='0%200%207.897%207.897'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%2337c637;%7D%3C/style%3E%3C/defs%3E%3Cg%20transform='translate(-194.996%20-49.316)'%3E%3Cpath%20class='a'%20d='M195.227,54.14A.973.973,0,0,1,195,53.4a.994.994,0,0,1,.4-.687,1.041,1.041,0,0,1,1.407.161l.935,1.115,3.317-4.278a1.037,1.037,0,0,1,.816-.4,1.027,1.027,0,0,1,.586.181,1,1,0,0,1,.423.673.974.974,0,0,1-.2.745l-4.881,6.3Z'%20transform='translate(0%200)'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  margin: 0px 2px 0px -3px; }

.pimlisting__image {
  width: 125px;
  position: relative;
  margin-right: 60px; }
  @media (min-width: 480px) {
    .pimlisting__image {
      width: 177px; } }

img.pimlisting__card {
  width: 70%; }

img.pimlisting__overlay {
  position: absolute;
  bottom: -50px;
  right: 0;
  z-index: 2;
  width: 85%; }

.pimlisting__details-box {
  background-color: #f9f9f9;
  padding: 35px 30px;
  margin: -1px; }
  @media (max-width: 1023px) {
    .pimlisting__details-box {
      flex-direction: column; } }

@media (max-width: 1023px) {
  .pimlisting__details-box div:first-child {
    margin-bottom: 20px;
    margin-right: 0; } }

.js-pimlist__trigger {
  font-size: 14px;
  color: #E1261C;
  cursor: pointer;
  position: relative; }

.js-pimlist__trigger:after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 6px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='8'%20height='5.337'%20viewBox='0%200%208%205.337'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23e1261c;%7D%3C/style%3E%3C/defs%3E%3Cg%20transform='translate(1.331%20-1.331)'%3E%3Cpath%20class='a'%20d='M280.824,662.058l-3.813-3.336a.862.862,0,0,0-1.078,0,.611.611,0,0,0,0,.944l3.273,2.864-3.273,2.864a.611.611,0,0,0,0,.944.841.841,0,0,0,1.078,0L280.824,663a.609.609,0,0,0,0-.943Z'%20transform='translate(665.202%20-274.379)%20rotate(90)'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  margin: 0 0 1px 5px;
  transition: transform 0.3s ease-in; }

.rotate.js-pimlist__trigger:after {
  transform: rotate(180deg); }

.pimlisting__network-desc {
  max-width: 300px; }

@media (max-width: 1023px) {
  .pimlisting__cell3,
  .pimlisting__cell4,
  .pimlisting__cell5,
  .pimlisting__table-headers {
    display: none; } }

td.pimlisting__cell5 {
  min-width: 147px; }

.pimlisting table tr.pimlisting__info-row td a.component-button,
.pimlisting table tr.pimlisting__promo-row td a.component-button {
  margin-right: 0px;
  margin-left: 10px;
  width: 250px;
  text-align: center; }
  @media (max-width: 479px) {
    .pimlisting table tr.pimlisting__info-row td a.component-button,
    .pimlisting table tr.pimlisting__promo-row td a.component-button {
      transform: translate(-105px, 25px); } }

.pimlisting table tr.pimlisting__info-row td.pimlisting__cell1 div {
  margin-left: 0px; }

.pimlisting__mobile-button.component-button {
  display: none; }
  @media (max-width: 1023px) {
    .pimlisting__mobile-button.component-button {
      display: block;
      margin-top: 20px; } }

.pimlisting__promo-wrap-mobile {
  margin: 0 10px; }

.pimlisting__apps {
  display: flex;
  max-width: 200px;
  margin-top: 30px; }

.pimlisting__apps img {
  width: calc(100% - 10px);
  margin-right: 10px; }

.pimlisting__additionalinfo {
  margin-top: 60px;
  font-size: 14px; }

.pimlisting__additionalinfo a:after {
  content: "";
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='5.337'%20height='8'%20viewBox='0%200%205.337%208'%3E%3Cg%20id='New_Symbol_179'%20data-name='New%20Symbol%20179'%20transform='translate(0%208)%20rotate(-90)'%3E%3Cpath%20id='Path_293'%20data-name='Path%20293'%20d='M5.114,3.525,1.3.189a.862.862,0,0,0-1.078,0,.611.611,0,0,0,0,.944L3.5,4,.223,6.861a.611.611,0,0,0,0,.944.816.816,0,0,0,.54.2A.814.814,0,0,0,1.3,7.8L5.114,4.468a.609.609,0,0,0,0-.943Z'%20transform='translate(8)%20rotate(90)'%20fill='%23e1261c'/%3E%3C/g%3E%3C/svg%3E%0A");
  width: 7px;
  height: 10px;
  margin-left: 0.5em;
  background-repeat: no-repeat;
  background-position: 0 2px; }

@media (max-width: 999px) {
  .pimlisting__columns.flex {
    flex-direction: column; } }

@media (max-width: 999px) {
  .scroll .pimlisting__columns.flex {
    flex-direction: row;
    overflow-x: auto;
    scrollbar-width: none; } }

.scroll .pimlisting__columns.flex::-webkit-scrollbar {
  display: none; }

@media (max-width: 999px) {
  .scroll .pimlisting__columns.flex .pimlisting__column {
    min-width: 100%;
    box-shadow: none; } }

@media (max-width: 999px) {
  .scroll .pimlisting__title,
  .scroll .pimlisting__subtitle {
    min-height: 60px; } }

@media (max-width: 999px) {
  .scroll .pimlisting__plan-promo {
    min-height: 70px; } }

.scroll-heading {
  display: none;
  text-align: center;
  margin: 24px 0 16px;
  color: #E1261D; }

@media (max-width: 999px) {
  .scroll .scroll-heading {
    display: block; } }

.scroll .scroll-heading::after {
  content: "";
  position: absolute;
  width: 20px;
  height: 23px;
  margin-top: 1px;
  margin-left: 19px;
  background-image: url("data:image/svg+xml,%3Csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%208%204.73'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23E1261D;%7D%3C/style%3E%3C/defs%3E%3Cpath%20id='Icon_Color'%20data-name='Icon%20Color'%20class='cls-1'%20d='M8,.73,7.27,0,4,3.27.73,0,0,.73l4,4Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  transform: rotate(-90deg);
  fill: #E1261D; }

.pimlisting__column {
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
  margin: 30px 12px 20px;
  padding: 30px;
  flex: 1;
  position: relative;
  overflow: hidden; }
  @media (max-width: 999px) {
    .pimlisting__column {
      margin: 15px 0px; } }

.pimlisting__column.pimlisting__column--plan:first-child {
  margin-left: 0px; }

.pimlisting__column.pimlisting__column--plan:last-child {
  margin-right: 0px; }

.pimlisting__column-limit {
  max-width: 340px;
  margin: 0 auto; }

.pimlisting__title {
  font-family: 'Oswald', sans-serif;
  font-weight: 600;
  text-align: center;
  font-size: 22px;
  margin-top: 30px; }

.pimlisting__subtitle, .pimlisting__subtitle p {
  font-family: 'Merriweather', sans-serif;
  font-weight: 400;
  font-style: italic;
  text-align: center;
  max-width: 90%;
  margin: 10px auto 30px;
  font-size: 14px;
  color: #000; }

.pimlisting__column--plan .pimlisting__plan-button a,
.pimlisting__column--plan .pimlisting__plan-info,
.pimlisting__column--plan .pimlisting__moreinfo {
  display: none; }

.pimlisting__column--plan .pimlisting__plan-button a.active {
  display: inline-block; }

.pimlisting__column--plan .active.pimlisting__plan-info,
.pimlisting__column--plan .active.pimlisting__moreinfo {
  display: block; }

.pimlisting__plan-promo, .pimlisting__plan-promo p {
  font-family: 'Merriweather', sans-serif;
  font-weight: 400;
  font-style: italic;
  text-align: center;
  font-size: 14px;
  margin: 10px auto 30px;
  color: #000; }

.pimlisting__plan-button {
  margin: 10px auto 30px;
  text-align: center;
  border-bottom: 2px dotted #c4c4c4;
  padding-bottom: 30px; }

.pimlisting__plan-info p:first-child i {
  color: #000;
  font-family: 'Merriweather', sans-serif;
  font-weight: 400;
  font-style: italic; }

.pimlisting__plan-info {
  padding-top: 35px; }

.pimlisting__plan-info li,
.pimlisting__plan-info p {
  color: #4A545E;
  font-size: 14px; }

.pimlisting__plan-info li {
  line-height: 26px; }

.pimlisting__plan-info p b {
  font-size: 16px; }

.pimlisting__plan-button .component-button {
  margin-right: 0; }

.pimlisting__plan-switcher .util-sf__control-indicator {
  pointer-events: none; }

.pimlisting__plan-switcher {
  display: flex;
  justify-content: space-between; }

.pimlisting__plan-switcher .util-sf__control-indicator {
  top: 0.45rem;
  width: 0.6rem;
  height: 0.6rem;
  background-color: #fff;
  box-shadow: 0px 0px 0px 3px #fff, 0px 0px 0px 4px #dcdcdc; }

.pimlisting__plan-switcher .util-sf__control input:checked ~ .util-sf__control-indicator {
  color: #fff;
  background-color: #000;
  background-image: none;
  box-shadow: 0px 0px 0px 3px #fff, 0px 0px 0px 4px #000;
  background-image: none; }

.pimlisting__plan-switcher .util-sf__control input:active ~ .util-sf__control-indicator {
  background-color: #000; }

.pimlisting__moreinfo {
  font-size: 14px;
  color: #E1261C;
  cursor: pointer;
  position: relative;
  margin-top: 20px; }
  .pimlisting__moreinfo a:hover {
    color: #E1261C; }

.pimlisting__moreinfo:after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 6px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='8'%20height='5.337'%20viewBox='0%200%208%205.337'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23e1261c;%7D%3C/style%3E%3C/defs%3E%3Cg%20transform='translate(1.331%20-1.331)'%3E%3Cpath%20class='a'%20d='M280.824,662.058l-3.813-3.336a.862.862,0,0,0-1.078,0,.611.611,0,0,0,0,.944l3.273,2.864-3.273,2.864a.611.611,0,0,0,0,.944.841.841,0,0,0,1.078,0L280.824,663a.609.609,0,0,0,0-.943Z'%20transform='translate(665.202%20-274.379)%20rotate(90)'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  margin: 0 0 1px 5px;
  transition: transform 0.3s ease-in;
  transform: rotate(-90deg); }

.single-column__rebate-text {
  flex-direction: column; }

.pimlisting.singleColumn .pimlisting__column {
  max-width: 640px;
  margin-left: auto;
  margin-right: auto; }

.pimlisting.singleColumn .pimlisting__column-limit {
  max-width: 460px; }

.pimlisting.singleColumn .pimlisting__apps {
  max-width: 275px;
  margin-bottom: 26px; }

.pimlisting.singleColumn .pimlisting__apps a:last-child {
  margin-left: 20px; }

.pimlisting.singleColumn .pimlisting__apps img {
  width: 100%;
  max-height: 42px; }

.section__matrix {
  width: 100%; }
  @media (max-width: 1023px) {
    .section__matrix {
      overflow: scroll; } }

.matrix__table {
  width: 100%;
  min-width: 750px; }

.matrix__table tr th {
  text-align: left;
  padding: 2% 2% 2% 0; }

.matrix__table tr:first-child th {
  text-align: center;
  font-weight: 500; }

.matrix__table tr {
  padding: 20px 0px;
  border-bottom: 1px solid #CBCBCB;
  width: 16%;
  max-width: 100px; }

.matrix__table th {
  font-weight: bold; }

.matrix__table td {
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 20px;
  width: 16%; }

.matrix__check-mark {
  display: flex;
  justify-content: center; }

.matrix__fuelman-label {
  color: #E1261C;
  text-transform: uppercase; }

.matrix__disclaimer-text-wrapper {
  padding-top: 2%; }

.matrix__disclaimer-text {
  font-size: 14px;
  color: #777; }

/* Shared minimal styles */
form.sitelocatorform {
  display: flex;
  margin-top: 20px; }

form.sitelocatorform .sitelocatorform__zip {
  width: 125px;
  padding-top: 10px;
  display: inline-block;
  margin-right: 10px;
  font-size: 14px; }
  @media (min-width: 480px) {
    form.sitelocatorform .sitelocatorform__zip {
      width: 160px;
      font-size: 16px; } }

form.sitelocatorform .sitelocatorform__zip::-moz-placeholder {
  color: #777; }

form.sitelocatorform .sitelocatorform__zip:-ms-input-placeholder {
  color: #777; }

form.sitelocatorform .sitelocatorform__zip::placeholder {
  color: #777; }

/* Shared minimal styles */
#mktoForm_1017 .mktoField {
  position: relative;
  color: #777;
  background-color: #fff;
  border: 1px solid #B9DEDA;
  border-radius: 4px;
  font-size: 16px;
  padding: 24.5px;
  box-shadow: none;
  border-color: #B9DEDA;
  font-weight: 500; }
  #mktoForm_1017 .mktoField::-moz-placeholder {
    color: #626f88;
    font-weight: 400;
    font-size: 14px; }
  #mktoForm_1017 .mktoField:-ms-input-placeholder {
    color: #626f88;
    font-weight: 400;
    font-size: 14px; }
  #mktoForm_1017 .mktoField::placeholder {
    color: #626f88;
    font-weight: 400;
    font-size: 14px; }
  #mktoForm_1017 .mktoField:focus, #mktoForm_1017 .mktoField.mktoEmailField.mktoHasWidth.mktoRequired.mktoValid {
    box-shadow: 0px 3px 12px -5px #40CFC2;
    border-color: #40CFC2;
    outline: 0 !important; }
  #mktoForm_1017 .mktoField.mktoInvalid {
    border-color: #ec3b42;
    box-shadow: 0px 3px 12px -5px #ec3b42;
    outline: 0 !important; }
  @media (min-width: 480px) {
    #mktoForm_1017 .mktoField {
      width: 260px !important;
      max-width: 100% !important;
      padding: 15px; } }

.mktoForm .mktoFieldWrap {
  margin-bottom: 10px; }

.mktoOffset,
.mktoGutter.mktoHasWidth {
  width: 0px !important; }

.mktoForm {
  padding: 20px 0px 0px !important; }

.mktoForm .mktoRequiredField .mktoAsterix {
  display: none;
  opacity: 0; }

.mktoForm .mktoButtonWrap.mktoPaperMashup {
  margin-left: 0px !important; }

.mktoForm .mktoButtonWrap.mktoPaperMashup button.mktoButton {
  padding: 12px 25px;
  margin: 14px 0 0;
  display: inline-block;
  color: #fff;
  background: #FC7A32 !important;
  box-shadow: none !important;
  border: 1px solid #FC7A32;
  font-weight: bold;
  transition: 0.3s all ease-in;
  border-radius: 4px !important;
  line-height: inherit !important;
  text-shadow: none !important;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.1em; }
  .mktoForm .mktoButtonWrap.mktoPaperMashup button.mktoButton:hover {
    background: #40CFC2 !important;
    border-color: #40CFC2 !important;
    box-shadow: none !important;
    transition: 0.3s all ease-out; }

.cm-column__parent {
  display: flex;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto; }

@media (max-width: 759px) {
  .util--mobile-reverse .cm-column__parent {
    flex-direction: column-reverse; } }

.cm-column__child {
  flex: 1; }

.wcmmode .cm-column__child {
  background: rgba(0, 0, 0, 0.2);
  padding: 10px;
  margin: 10px; }

/* Shared minimal styles */
.text-group__label {
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 16px; }

/* icons should be 2x, scaled down here */
.text-group__icon img {
  transform: scale(0.5);
  transform-origin: top left; }

/* hiding play icon used on Comdata Payments*/
.text-group__link.text-group__link-play {
  display: none; }

/* helps to prevent images from breaking out of containers */
img.cmp-image__image {
  max-width: 100%; }

section.product-cta__wrap {
  display: flex;
  flex-direction: column; }

.testimonials__wrap {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto; }

.testimonial__text p {
  font-size: 28px;
  font-style: italic; }

.testimonial__person {
  display: flex; }

.testimonial__icon {
  width: 64px;
  height: 64px;
  border: 2px solid #ccc;
  background: #eee;
  border-radius: 50%;
  margin-right: 1em;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px; }

.content__lead-form {
  position: relative; }

.success-message {
  position: absolute;
  z-index: 300;
  background: #fff;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3 ease-in; }

.success-message.success-message--shown {
  opacity: 1;
  pointer-events: auto; }

.lead-form__form {
  width: 100%;
  margin: auto; }
  @media (min-width: 480px) {
    .lead-form__form {
      width: 100%; } }

.lead-form__form select::-ms-expand {
  display: none; }

@media (min-width: 760px) {
  .lead-form__items {
    display: flex;
    justify-content: space-between;
    max-width: 520px;
    flex-wrap: wrap;
    margin: 0 auto; } }

@media (min-width: 760px) {
  .lead-form__row-button {
    width: 100%;
    margin: 0 auto; } }

.lead-form__items *:focus {
  box-shadow: 0px 3px 12px -5px rgba(0, 0, 0, 0.3);
  outline: 0; }

.lead-form__input {
  font-size: 16px;
  padding: 12px 15px; }

.lead-form__label-text {
  display: inline-block;
  width: auto;
  padding: 0 10px;
  color: #333;
  border-radius: 4px;
  font-weight: 400;
  font-size: 14px; }

.has-content .lead-form__label-text,
.has-focus .lead-form__label-text {
  top: 0;
  transition: 0.2s linear;
  transform: translate(-5%, -49%) scale(0.7);
  background-color: #fff; }

.lead-form__input-wrapper.lead-form__input-wrapper-large-flex {
  width: 100%; }

.lead-form__input-wrapper-large-flex .base-form__label--email {
  width: 100%;
  margin: 0px auto;
  margin-bottom: 30px; }

.lead-form__form .component-button {
  border-radius: 4px;
  width: 100%; }

.mobile__buttons .component-button {
  border-radius: 4px;
  font-size: 14px; }

.lead-form__input {
  position: relative;
  width: 100%;
  padding: 20px 15px 10px;
  font-size: 20px;
  color: #777;
  background-color: #fff;
  border: 1px solid #dcdcdc;
  font-weight: 500; }

.lead-form__label {
  display: block;
  text-align: left;
  position: relative;
  width: 216px;
  margin: 0 auto 24px; }
  @media (max-width: 759px) {
    .lead-form__label {
      width: 100%; } }

.lead-form__input-wrapper--wide,
.lead-form__input-wrapper--wide .lead-form__label {
  width: 100%; }

.lead-form__label-text {
  display: block;
  position: absolute;
  pointer-events: none;
  width: 90%;
  margin-bottom: 6px;
  font-size: 16px;
  letter-spacing: 0.1px;
  top: 30px;
  transform: translate(6px, -50%);
  z-index: 200;
  transition: 0.3s ease;
  color: #777; }

.errorfield,
.fv-plugins-message-container > * {
  padding: 7px;
  text-align: center;
  background-color: #e1261c;
  margin-top: -17px;
  position: absolute;
  border-radius: 4px;
  color: #e1261c;
  margin-bottom: 10px;
  opacity: 0;
  height: auto;
  max-height: 0;
  transition: 0.3s opacity linear;
  pointer-events: none;
  color: rgba(255, 255, 255, 0.9);
  font-size: 12px; }

.errorfield::before,
.fv-plugins-message-container > *::before {
  content: "";
  position: absolute;
  top: -4px;
  left: 15px;
  width: 0;
  border: 4px solid #e1261c;
  border-right-color: transparent;
  border-bottom-color: transparent;
  transform: rotate(45deg) skew(-5deg, -5deg); }

.has-content .lead-form__label-text,
.has-select-content .lead-form__label-text,
.has-focus .lead-form__label-text {
  top: 0;
  transition: 0.2s linear;
  transform: translate(-5%, -35%) scale(0.7);
  display: inline-block;
  width: auto; }

@media (min-width: 1270px) {
  .lead-form__input-wrapper-large-flex .lead-form__label-text {
    transform: translate(2.1%, -50%); } }

.lead-form__input-wrapper-large-flex .has-focus .lead-form__label-text,
.lead-form__input-wrapper-large-flex .has-content .lead-form__label-text {
  transform: translate(0%, -49%) scale(0.7); }

.has-error .lead-form__input {
  border-color: #ec3b42;
  box-shadow: 0px 3px 12px -5px #ec3b42;
  outline: 0; }

.has-error + .errorfield,
.has-error .errorfield,
.fv-plugins-message-container > *.has-error {
  opacity: 1;
  max-height: 100px;
  z-index: 300; }

.lead-form__column .contact-form__row {
  flex-wrap: wrap; }

.lead-form__column .contact-form__input-wrapper-small-flex {
  width: 100%; }
  @media (min-width: 1270px) {
    .lead-form__column .contact-form__input-wrapper-small-flex {
      width: 49%; } }

.lead-form__input-wrapper.contact-form__input-wrapper-large-flex {
  width: 100%; }

.lead-form__input-wrapper-large-flex .base-form__label--email {
  width: 100%;
  margin: 0px auto;
  margin-bottom: 30px; }

@media (min-width: 1270px) {
  .lead-form__column .lead-form__input-wrapper-large-flex .base-form__label-text {
    transform: translate(2.5%, -50%); } }

@media (min-width: 1270px) {
  .lead-form__column .lead-form__input-wrapper-large-flex .has-focus .base-form__label-text,
  .lead-form__column .lead-form__input-wrapper-large-flex .has-content .base-form__label-text {
    transform: translate(-12%, 0%) scale(0.7); } }

.lead-form__column .lead-form__row-button {
  justify-content: flex-start; }

.lead-form__input--interest,
.lead-form__input--state,
.lead-form__input--country,
.lead-form__input--job,
.lead-form__input--department {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }

.lead-form__input-wrapper--dropdown {
  position: relative; }

.lead-form__input-wrapper--dropdown:after {
  content: "";
  position: absolute;
  right: 10px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20320%20512'%3E%3Cpath%20fill='%23595E61'%20fill-opacity='.5'%20d='M151.5%20347.8L3.5%20201c-4.7-4.7-4.7-12.3%200-17l19.8-19.8c4.7-4.7%2012.3-4.7%2017%200L160%20282.7l119.7-118.5c4.7-4.7%2012.3-4.7%2017%200l19.8%2019.8c4.7%204.7%204.7%2012.3%200%2017l-148%20146.8c-4.7%204.7-12.3%204.7-17%200z'/%3E%3C/svg%3E");
  top: 15px;
  width: 26px;
  height: 26px;
  background-repeat: no-repeat;
  pointer-events: none; }


.table.section {
  width: 100%; }

.table__wrap {
  width: 100%;
  max-width: 90vw;
  position: relative; }
  @media (max-width: 1023px) {
    .table__wrap {
      overflow: scroll; } }

img.table__image {
  position: absolute;
  width: 100px;
  top: 21px;
  left: 250px; }

.table__wrap img {
  display: inline;
  width: 20px; }

.table__wrap table {
  width: 100%;
  min-width: 750px; }

.table__wrap table tr th {
  text-align: left;
  padding: 2% 2% 2% 0; }

.table__wrap table tr th:first-child {
  height: 98px; }

.table__wrap table tr:first-child th {
  text-align: center;
  font-weight: 500; }

.table__wrap table tr {
  padding: 20px 0px;
  border-bottom: 1px solid #CBCBCB;
  width: 16%;
  max-width: 100px; }

.table__wrap table tr:first-child,
.table__wrap table tr:last-child {
  border-bottom: 1px solid #000; }

.table__wrap table th {
  font-weight: bold; }

.table__wrap table td {
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 20px;
  width: 16%; }

/* Shared minimal styles */
.videoHero {
  -ms-overflow-style: none;
  overflow-x: hidden;
  position: relative; }

.videoHero:after {
  content: "";
  display: block;
  width: 100%;
  background: #F9F9F9;
  height: calc(100% - 105px);
  position: absolute;
  top: 0;
  z-index: -1;
  border-bottom: 1px solid #000; }
  @media (max-width: 900px) {
    .videoHero:after {
      display: none; } }

.videoHero:before {
  content: "";
  display: block;
  width: 100%;
  height: 0px;
  position: absolute;
  border: 0px;
  z-index: 3;
  top: -2px;
  left: 0;
  box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.35); }

.videohero__top {
  display: flex;
  flex-direction: row-reverse;
  position: relative;
  margin-bottom: 30px; }

.videohero__wrap {
  position: relative;
  max-width: 1280px;
  margin: 0 auto; }
  @media (max-width: 1439px) {
    .videohero__wrap {
      width: 90vw;
      max-width: 90vw; } }

.videohero__top:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  background: #fff;
  z-index: 2; }

.videohero__wrap--reveal .videohero__top:before {
  transition: opacity 0.4s ease-out;
  opacity: 0;
  pointer-events: none; }

.videohero__stage {
  position: relative;
  cursor: pointer;
  width: 50%;
  height: 25.4vw;
  max-height: 360px;
  display: flex;
  align-items: flex-start;
  border-left: 1px solid #000; }
  @media (max-width: 900px) {
    .videohero__stage {
      width: 100vw;
      height: auto;
      max-height: 100%;
      border-left: 0px; } }

.js-videohero__videoEl {
  width: 100%;
  max-width: 768px;
  height: auto;
  outline: none; }
  @media (max-width: 900px) {
    .js-videohero__videoEl {
      max-width: 810px; } }

.videohero__overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  max-width: 768px;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position-x: 100%;
  opacity: 1;
  transition: opacity 0.3s ease-out; }
  @media (max-width: 900px) {
    .videohero__overlay {
      background-position-x: 0vw;
      max-width: 100%; } }

.videohero__wrap--playing .videohero__overlay {
  pointer-events: none; }

.videohero__stage:after {
  content: "";
  display: block;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.8);
  position: absolute;
  z-index: 2;
  right: calc(50% - 50px);
  top: calc(50% - 50px);
  transition: background 0.2s ease-in;
  pointer-events: none; }

.videohero__stage:before {
  content: "";
  display: block;
  right: calc(50% - 22px);
  top: calc(50% - 22px);
  position: absolute;
  z-index: 3;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 22px 0 22px 33px;
  border-color: transparent transparent transparent #f37926;
  transition: border-color 0.2s ease-in;
  pointer-events: none; }

.videohero__stage:hover:after {
  background: #f37926;
  transition: background 0.2s ease-out; }

.videohero__stage:hover:before {
  border-color: transparent transparent transparent #ffffff;
  transition: border-color 0.2s ease-out; }

.videohero__pause {
  position: absolute;
  z-index: 2;
  right: 27vw;
  top: 15vw;
  width: 8vw;
  height: 8vw;
  pointer-events: none; }

.videohero__pause:before {
  position: absolute;
  z-index: 3;
  content: "";
  display: block;
  width: 8vw;
  height: 8vw;
  border-radius: 50%;
  background: #f37926;
  opacity: 0;
  transition: opacity 0.3s ease-in; }

.videohero__pause:after {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg%20height='100'%20viewBox='0%200%20512%20512'%20width='100'%20style='fill:%23ffffff'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M224%20435.8V76.1c0-6.7-5.4-12.1-12.2-12.1h-71.6c-6.8%200-12.2%205.4-12.2%2012.1v359.7c0%206.7%205.4%2012.2%2012.2%2012.2h71.6C218.6%20448%20224%20442.6%20224%20435.8zM371.8%2064h-71.6c-6.7%200-12.2%205.4-12.2%2012.1v359.7c0%206.7%205.4%2012.2%2012.2%2012.2h71.6c6.7%200%2012.2-5.4%2012.2-12.2V76.1C384%2069.4%20378.6%2064%20371.8%2064z'/%3E%3C/svg%3E");
  background-size: 100%;
  right: 2vw;
  top: 2vw;
  position: absolute;
  z-index: 4;
  width: 4vw;
  height: 4vw;
  opacity: 0;
  transition: opacity 0.3s ease-in; }

.videohero__wrap--playing .videohero__overlay,
.videohero__wrap--playing .videohero__stage:before,
.videohero__wrap--playing .videohero__stage:after {
  opacity: 0;
  transition: opacity 0.3s ease-in; }

.videohero__wrap--playing .videohero__stage:hover .videohero__pause:before,
.videohero__wrap--playing .videohero__stage:hover .videohero__pause:after {
  opacity: 1;
  transition: opacity 0.3s ease-in; }

.videohero__message {
  border-right: 1px solid #000;
  width: 50%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transition: width 0.5s ease-out; }
  @media (max-width: 900px) {
    .videohero__message {
      border-right: 0px; } }

.videohero__message--desktop {
  display: none; }
  @media (min-width: 901px) {
    .videohero__message--desktop {
      display: flex; } }

@media (min-width: 901px) {
  .videohero__message--mobile {
    display: none; } }

.videohero__message.videohero__message--mobile {
  position: static;
  width: 100%;
  margin-top: 40px;
  text-align: center;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  padding: 30px 0; }

.videohero__buttons {
  display: flex;
  width: 100%;
  justify-content: center; }
  @media (max-width: 900px) {
    .videohero__buttons {
      margin-bottom: 55px; } }

button.videohero__button {
  width: 138px;
  height: 75px;
  border: 1px solid #000;
  border-radius: 8px;
  margin-right: 28px;
  background-size: cover;
  position: relative;
  box-shadow: inset 138px 0px 0px 0px rgba(255, 255, 255, 0.1);
  outline: 0;
  transition: box-shadow 0.3s ease-out; }
  @media (max-width: 900px) {
    button.videohero__button {
      width: 25vw;
      height: 14vw;
      margin-right: 6vw;
      box-shadow: inset 25vw 0px 0px 0px rgba(255, 255, 255, 0); } }

button.videohero__button:hover,
button.videohero__button:focus,
button.videohero__button:active,
button.videohero__button--active {
  box-shadow: inset 10vw 0px 0px 0px rgba(255, 255, 255, 0);
  transition: box-shadow 0.3s ease-in;
  outline: 0; }

button.videohero__button--3 {
  margin-right: 0; }

button.videohero__button span {
  position: absolute;
  text-align: center;
  width: 130%;
  left: -14%;
  top: 109%;
  display: none;
  border: none;
  outline: 0; }

button.videohero__button:after {
  content: "";
  display: block;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.8);
  position: absolute;
  right: calc(50% - 18px);
  top: calc(50% - 18px);
  transition: background 0.3s ease-in; }
  @media (max-width: 900px) {
    button.videohero__button:after {
      width: 7vw;
      height: 7vw;
      right: 2vw;
      top: 2vw; } }

button.videohero__button:hover:after,
button.videohero__button:active:after,
button.videohero__button--active:after {
  background: #f37926;
  transition: background 0.3s ease-out; }

button.videohero__button:before {
  content: "";
  display: block;
  right: calc(50% - 9px);
  top: calc(50% - 9px);
  position: absolute;
  z-index: 2;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 0 8px 14px;
  border-color: transparent transparent transparent #f37926; }
  @media (max-width: 900px) {
    button.videohero__button:before {
      right: 4.16vw;
      top: 4vw;
      border-width: 1.5vw 0 1.5vw 2.2vw; } }

button.videohero__button--active:before {
  border: none;
  width: 17px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg%20height='100'%20viewBox='0%200%20512%20512'%20width='100'%20style='fill:%23ffffff'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M224%20435.8V76.1c0-6.7-5.4-12.1-12.2-12.1h-71.6c-6.8%200-12.2%205.4-12.2%2012.1v359.7c0%206.7%205.4%2012.2%2012.2%2012.2h71.6C218.6%20448%20224%20442.6%20224%20435.8zM371.8%2064h-71.6c-6.7%200-12.2%205.4-12.2%2012.1v359.7c0%206.7%205.4%2012.2%2012.2%2012.2h71.6c6.7%200%2012.2-5.4%2012.2-12.2V76.1C384%2069.4%20378.6%2064%20371.8%2064z'/%3E%3C/svg%3E");
  background-size: 100%; }
  @media (max-width: 900px) {
    button.videohero__button--active:before {
      width: 3vw;
      height: 3vw;
      right: 3.9vw;
      top: 4vw; } }

button.videohero__button:hover:before,
button.videohero__button:active:before {
  border-color: transparent transparent transparent #ffffff;
  transition: border-color 0.3s ease-out; }

.videohero__wrap--image-only .videohero__stage:before,
.videohero__wrap--image-only .videohero__stage:after {
  display: none; }

.videohero__wrap--image-only .videohero__stage {
  cursor: default; }

.videomodal__link--button {
  padding: 11px 25px;
  margin: 0 20px 0 0;
  display: inline-block;
  text-transform: uppercase;
  color: #fff;
  background: #333;
  border: 1px solid #333;
  font-weight: bold;
  letter-spacing: 0.08em;
  transition: 0.3s all ease-in;
  font-size: 14px; }
  .videomodal__link--button:last-child {
    margin-right: 0; }
  .videomodal__link--button:hover {
    background: #000;
    border-color: #000;
    transition: 0.3s all ease-out; }

a.videomodal__link--button:hover {
  color: #fff; }

.rebate-table__wrap {
  background-color: #FFF; }

.rebate-table__list-header {
  color: #FFF;
  padding: 3% 0px;
  max-width: 270px;
  margin: auto; }
  @media (min-width: 1270px) {
    .rebate-table__list-header {
      text-align: left;
      max-width: 100%; } }

.rebate-table__table-header {
  text-align: center;
  padding: 2%;
  background-color: #FFF;
  color: #000;
  letter-spacing: 0.8px;
  font-size: 2em; }

.rates-table__table-wrap {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
  color: #000;
  text-align: left;
  margin-bottom: 20px; }

.rates-table__table-row-header {
  padding: 2% 0% 2% 8%;
  color: #000;
  font-size: 21px; }

.rates-table__table-body-column {
  padding: 2% 0% 2% 8%; }

.rates-table__table-body-row {
  background: #E7E7E7;
  color: #000;
  font-size: 1.1em; }
  .rates-table__table-body-row:nth-of-type(even) {
    background-color: #fff; }

.rates-table__table-row-header {
  background-color: #FFF; }

.rates-table__table-wrap > tbody > tr:last-child {
  height: 41px; }

/* Shared minimal styles */
.popbox[data-popbox-id="rec-eng"] {
  background: rgba(0, 0, 0, 0); }

.popbox[data-popbox-id="rec-eng"] .popbox_container {
  width: 100vw;
  max-width: 100vw;
  height: calc(100vh - 100px);
  position: absolute;
  left: 0;
  top: 100px;
  margin: 0;
  background: #FCFCFC; }

.rec-engine.hidden {
  display: none; }

.rec-engine .rec-engine__headline {
  margin-bottom: 16px; }

.rec-engine .rec-engine__subtext {
  margin-top: 16px; }

.rec-engine.content-added {
  padding: 16px 0 48px;
  max-width: 600px;
  margin: auto;
  text-align: center; }

.page--comdatatrucking .rec-engine.content-added {
  padding: 48px 0;
  max-width: 800px; }

.content-added h5 {
  font-size: 24px;
  font-weight: normal; }

.page--comdatatrucking .rec-engine.content-added h5 {
  font-style: italic; }

.content-added .util__rec-button {
  text-transform: uppercase;
  font-size: 14px;
  padding: 11px 16px; }

.content-added .rec-eng__content .base-form__label {
  margin-bottom: 0px;
  margin-top: 0px; }

.content-added .recommendationEngine {
  margin: 16px auto; }

.content-added .rec-eng-form__wrap .util__rec-button {
  margin-top: 16px; }

.content-added .rec-eng-form__wrap {
  flex-direction: column; }

@media (min-width: 1198px) {
  .content-added .rec-eng-form__wrap {
    flex-direction: row;
    justify-content: center; }
  .content-added .rec-eng-form__wrap .util__rec-button {
    margin: 0 0 0 16px; } }

.page--comdatatrucking .content-added .rec-eng-form__wrap .util__rec-button {
  margin: 0; }

body {
  font-family: 'Roboto';
  font-size: 16px;
  font-weight: normal;
  color: #00283B;
  margin: 0;
}

body.page--comdatapayments {
  font-family: DINWebPro, "Helvetica", Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Montserrat';
  margin-bottom: 20px;
  margin-top: 0;
}

body.page--comdatapayments h1, body.page--comdatapayments h2, body.page--comdatapayments h3, body.page--comdatapayments h4, body.page--comdatapayments h5, body.page--comdatapayments h6 {
  font-family: DINWebPro-Medium, "Helvetica", Arial, sans-serif;
}

h1 {
  font-size: 56px;
  line-height: 1.2em;
}

.page--comdatapayments h1 {
  font-size: 60px;
  line-height: 1.2em;
}

h2 {
  font-size: 40px;
  line-height: 1.2em;
}

@media (max-width: 1247px) {
  h2 {
    font-size: 26px;
  }
}

h3 {
  font-size: 28px;
  line-height: 1.2em;
}

h4 {
  font-Size: 22px;
  line-height: 1.614em;
}

@media (max-width: 1247px) {
  h4 {
    font-size: 18px;
  }
}

h5 {
  font-size: 18px;
  line-height: 1.614em;
}

h6 {
  font-size: 16px;
  line-height: 1.614em;
}

p {
  font-size: 16px;
  line-height: 1.618em;
  margin-bottom: 20px;
}

a {
  color: #F26964;
  text-decoration: none;
}

ul, ol {
  padding: 0px 0px 20px 19px;
  margin: 0;
}

ul li,
ol li {
  margin-bottom: 8px;
}

/* 
  basic flex row layout, stacks when less than desk size. 
  cm-column is for column maker, util__content-wrap can be used elsewhere 
*/

.cm-column__parent,
.util__content-wrap {
  max-width: 1216px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

@media (max-width: 1215px) {
  .cm-column__parent,
    .util__content-wrap {
    width: calc(100% - 36px);
  }

  .cm-column__parent .cm-column__child:first-child,
      .util__content-wrap .cm-column__child:first-child {
    justify-content: start;
    padding-right: 20px;
  }

  .cm-column__parent .cm-column__child:last-child,
      .util__content-wrap .cm-column__child:last-child {
    justify-content: start;
    padding-left: 20px;
  }
}

@media (max-width: 759px) {
  .cm-column__parent,
    .util__content-wrap {
    flex-direction: column;
  }

  .cm-column__parent .cm-column__child:first-child,
      .util__content-wrap .cm-column__child:first-child {
    padding-right: 0px;
  }

  .cm-column__parent .cm-column__child:last-child,
      .util__content-wrap .cm-column__child:last-child {
    padding-left: 0px;
  }

  .cm-column__parent .cm-column__child,
      .util__content-wrap .cm-column__child {
    width: 100%;
  }
}

/* without the flex */

.util__simple-wrap {
  max-width: 1216px;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 1215px) {
  .util__simple-wrap {
    width: calc(100% - 36px);
  }

  .util__simple-wrap > *:first-child {
    justify-content: start;
    padding-right: 20px;
  }

  .util__simple-wrap > *:last-child {
    justify-content: start;
    padding-left: 20px;
  }
}

@media (max-width: 759px) {
  .util__simple-wrap {
    flex-direction: column;
  }

  .util__simple-wrap > *:first-child {
    padding-right: 0px;
  }

  .util__simple-wrap > *:last-child {
    padding-left: 0px;
  }

  .util__simple-wrap > * {
    width: 100%;
  }
}

/* reverse order for mobile stacking - use on the wrapper */

@media (max-width: 1247px) {
  .util__reverse-mobile-order .cm-column__parent,
  .util__reverse-mobile-order .util__content-wrap {
    flex-direction: column-reverse;
  }
}

/* util__vertical-center - usually, use this on children of column maker */

.util__vertical-center,
.cm-column__wrap.util__vertical-center .cm-column__parent {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.page--name-ap-automation .util__vertical-center,
.page--name-ap-automation .cm-column__wrap.util__vertical-center .cm-column__parent {
  align-items: center;
}

.cm-column__wrap.util__vertical-center .cm-column__parent > * {
  -ms-flex: 1 1 auto;
}

.util__flex-align-items-center {
  align-items: center;
}

/* util__flex-items-center - Align Items Center Alternative - use on the wrapper */

@media (min-width: 760px) {
  .util__flex-items-center .cm-column__parent,
  .util__flex-items-center .util__content-wrap {
    align-items: center;
  }
}

/* hide/show desktop and mobile (slightly higher selectivity with body tag) */

@media (max-width: 959px) {
  body .util__hide-mobile {
    display: none;
  }
}

@media (min-width: 960px) {
  body .util__hide-desktop {
    display: none;
  }
}

/* util__checks - checkmark style bullets */

.util__checks ul {
  list-style-type: none;
  margin: 0 0 20px 18px;
  padding: 0;
}

.util__checks ul li {
  position: relative;
  margin-left: 4px;
  color: #626F88;
}

.util__checks ul li:before {
  content: "";
  position: absolute;
  left: -23px;
  top: 4px;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%3E%3Cdefs%3E%3Cstyle%3E.b%7Bfill:%2340b7ec%7D%3C/style%3E%3C/defs%3E%3Cpath%20d='M168,552h16v16H168Z'%20transform='translate(-168%20-552)'%20fill='none'/%3E%3Cpath%20class='b'%20d='M176.333,554.333a6,6,0,1,0,6,6A6,6,0,0,0,176.333,554.333Zm0-1.333A7.333,7.333,0,1,1,169,560.333,7.333,7.333,0,0,1,176.333,553Z'%20transform='translate(-168.333%20-552.333)'/%3E%3Cpath%20class='b'%20d='M180.877,559l1.123.8-4.632,5.867-3.368-2.4.842-1.067,2.246,1.6Z'%20transform='translate(-170%20-554.333)'/%3E%3C/svg%3E");
}

.util__sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.util__bottom-line .cm-column__parent {
  border-bottom: 1px solid #D5E5E1;
}

.util__section-top {
  padding-top: 104px;
}

@media (max-width: 579px) {
  .util__section-top {
    padding-top: 48px;
  }
}

.util__section-bottom {
  padding-bottom: 104px;
}

@media (max-width: 579px) {
  .util__section-bottom {
    padding-bottom: 48px;
  }
}

.util__section-bottom-48 {
  padding-bottom: 48px;
}

@media (max-width: 579px) {
  .util__section-bottom-48 {
    padding-bottom: 48px;
  }
}

.util__section-bottom-24 {
  padding-bottom: 24px;
}

.util__section-top-24 {
  padding-top: 24px;
}

.util__section {
  padding-bottom: 104px;
  padding-top: 104px;
}

@media (max-width: 579px) {
  .util__section {
    padding-bottom: 48px;
    padding-top: 48px;
  }
}

.util__inner-break-top {
  padding-top: 72px;
}

@media (max-width: 579px) {
  .util__inner-break-top {
    padding-top: 48px;
  }
}

.page--comdatapayments .util__inner-break-top {
  padding-top: 80px;
}

@media (max-width: 579px) {
  .page--comdatapayments .util__inner-break-top {
    padding-top: 48px;
  }
}

.util__inner-break-bottom {
  padding-bottom: 72px;
}

@media (max-width: 579px) {
  .util__inner-break-bottom {
    padding-bottom: 48px;
  }
}

.page--comdatapayments .util__inner-break-bottom {
  padding-bottom: 80px;
}

@media (max-width: 579px) {
  .page--comdatapayments .util__inner-break-bottom {
    padding-bottom: 48px;
  }
}

.page--comdatapayments .util__inner-break-bottom-alt {
  padding-bottom: 56px;
}

@media (max-width: 579px) {
  .page--comdatapayments .util__inner-break-bottom-alt {
    padding-bottom: 32px;
  }
}

.util__inner-break {
  padding-bottom: 72px;
  padding-top: 72px;
}

@media (max-width: 579px) {
  .util__inner-break {
    padding-top: 48px;
    padding-bottom: 48px;
  }
}

.page--comdatapayments .util__inner-break {
  padding-bottom: 80px;
  padding-top: 80px;
}

@media (max-width: 579px) {
  .page--comdatapayments .util__inner-break {
    padding-top: 48px;
    padding-bottom: 48px;
  }
}

.util__padding-bottom-0 {
  padding-bottom: 0px;
}

.util__padding-top-0 {
  padding-top: 0px;
}

@media (min-width: 760px) {
  .util__padding-bottom-desktop-32 {
    padding-bottom: 32px;
  }
}

@media (min-width: 760px) {
  .util__padding-bottom-desktop-16 {
    padding-bottom: 16px;
  }
}

.util__margin-top-mobile-32 {
  margin-top: 32px;
}

@media (min-width: 760px) {
  .util__margin-top-mobile-32 {
    margin-top: 32px;
  }
}

.util__padding-bottom-desktop-56 {
  padding-bottom: 20px;
}

@media (min-width: 760px) {
  .util__padding-bottom-desktop-56 {
    padding-bottom: 56px;
  }
}

.util__padding-top-desktop-56 {
  padding-top: 20px;
}

@media (min-width: 760px) {
  .util__padding-top-desktop-56 {
    padding-top: 56px;
  }
}

.util__margin-bottom-mobile-16 {
  margin-bottom: 16px;
}

@media (min-width: 760px) {
  .util__margin-bottom-mobile-16 {
    margin-bottom: 0px;
  }
}

.util__margin-bottom-mobile-32 {
  margin-bottom: 32px;
}

@media (min-width: 760px) {
  .util__margin-bottom-mobile-32 {
    margin-bottom: 0px;
  }
}

.util__margin-bottom-mobile-48 {
  margin-bottom: 48px;
}

@media (min-width: 760px) {
  .util__margin-bottom-mobile-48 {
    margin-bottom: 0px;
  }
}

.util-padding-right-70 {
  padding-right: 70px;
}

.util-padding-left-70 {
  padding-left: 70px;
}

.util-padding-bottom-54 {
  padding-bottom: 54px;
}

@media (max-width: 579px) {
  .util__mobile-padding-bottom-0 {
    padding-bottom: 0px;
  }
}

@media (max-width: 579px) {
  .util__mobile-padding-top-0 {
    padding-top: 0px;
  }
}

@media (max-width: 579px) {
  .util__mobile-padding-top-20 {
    padding-top: 20px;
  }
}

@media (min-width: 1328px) {
  .util__shift--left-40 {
    transform: translate(-40px, 0);
  }
}

@media (min-width: 1328px) {
  .util__shift--right-40 {
    transform: translate(40px, 0);
  }
}

@media (max-width: 579px) {
  .util__mobile-image-spread {
    transform: translate(-18px, 10px);
  }
}

.util__full-width-image .imagetext__wrapper img,
.util__full-width-image .imagecard__wrapper img {
  width: 100%;
}

.util__video .videoPlayer .video__embed {
  width: 100%;
  max-width: 800px;
  height: 435px;
}

@media (min-width: 1216px) {
  .util__video .videoPlayer .video__embed {
    width: 800px;
  }
}

.util__video .videoPlayer .video__embed iframe {
  width: 100%;
  height: 100%;
}

/* reverse order for mobile stacking - use on the wrapper */

.util__mobile-reverse .cm-column__parent,
.util__mobile-reverse .util__content-wrap {
  flex-direction: column-reverse;
}

@media (min-width: 760px) {
  .util__mobile-reverse .cm-column__parent,
    .util__mobile-reverse .util__content-wrap {
    flex-direction: row;
  }
}

/* grey paragraphs */

.util__grey-paragraph .cm-column__parent .cm-column__child .text-group__main-text p {
  color: #626F88;
}

@media (min-width: 760px) {
  .util__paragraph-width-short.cm-column__child .text-group__main-text p {
    width: 80%;
  }
}

/* box shadow on images */

.util__image-box-shadow .imagetext__image .cmp-image img {
  box-shadow: 0px 8px 30px rgba(179, 207, 207, 0.5);
}

/* for use on text group container */

.util__box-shadow.cm-column__child {
  box-shadow: 0px 8px 30px rgba(179, 207, 207, 0.5);
}

/* remove bottom margin from stacked image text components a la large fleets & small fleets*/

.util__margin--bottom-0 .imageText.section:last-child .imagetext__wrapper:last-child {
  margin-bottom: 0px;
}

@media (max-width: 1247px) {
  .util__testimonial-person-wrap .testimonial__person {
    line-height: 1.2em;
    max-width: 275px;
  }
}

.util__content-title-h2-no-bottom.content__title h2 {
  margin-bottom: 0px;
}

@media (max-width: 959px) {
  .util__content-title-green-bg {
    background-color: #EBF3F1;
  }
}

.cm-column__child.util__faq-wrap {
  width: 100%;
  max-width: 904px;
  flex: none;
  margin: 0 auto;
}

.util__partners-text-wrap {
  max-width: 492px;
}

.util__margin-right-large {
  margin-right: 104px;
}

@media (max-width: 759px) {
  .util__text-center-mobile .text-group__main-text h2 {
    text-align: center !important;
  }
}

@media (max-width: 479px) {
  .page--name-partners .cm-column__parent .util__checks.cm-column__child:first-child {
    padding-bottom: 24px;
  }
}

.util__tag {
  background-color: #DDEFF7;
  padding: 5px 8px 4px;
  font-size: 14px;
  line-height: 1;
  color: #2B4463;
  border-radius: 3px;
  text-transform: uppercase;
  margin: 0 8px;
}

.util__tag--ap-automation {
  background-color: #DDEFF7;
}

.util__tag--commercial-cards {
  background-color: #e3fcf6;
}

.util__tag--fleet {
  background-color: #ffede4;
}

.util__tag--workforce-payment {
  background-color: #fffaf0;
}

.page--comdatapayments .util__tag {
  font-family: "DINWebPro-Medium", "Helvetica", Arial, sans-serif;
  font-weight: 600;
}

.util__unlist {
  list-style-type: none;
  padding-left: 0;
  padding-bottom: 0;
}

.page--comdatapayments a.util__arrowlink {
  color: #009DDC;
}

.page--comdatapayments a.util__arrowlink svg {
  width: 8px;
  margin-left: 3px;
  padding-top: 2px;
  fill: #009DDC;
}

.page--comdatapayments a.util__arrowlink:hover {
  color: #FFCC41;
  cursor: pointer;
}

.page--comdatapayments a.util__arrowlink:hover svg {
  fill: #FFCC41;
}

.page--comdatapayments a.util__arrowlink.play-icon svg {
  width: 15px;
}

@media (max-width: 759px) {
  .page--comdatapayments .content__iframe-video iframe {
    width: 100%;
  }
}

@media (max-width: 759px) {
  .page--comdatapayments .content__virtual-payments-video .cm-column__parent {
    padding-top: 0px;
  }
}

@media (min-width: 1080px) {
  .page--comdatapayments .util__travel-management img {
    max-width: 508px;
  }
}

.page--comdatapayments .util__vendor-steps img {
  display: block;
  margin: auto;
}

@media (min-width: 1080px) {
  .page--comdatapayments .util__vendor-steps img {
    max-width: 938px;
  }
}

.cm-column__parent .cm-column__child:last-child.content__lead-form.util__beige-box-shadow,
.cm-column__parent .cm-column__child:first-child.content__lead-form.util__beige-box-shadow {
  box-shadow: 0 10px 30px 0 rgba(255, 217, 0, 0.1);
}

.page--comdatapayments .util__beige-box-shadow .testimonial {
  box-shadow: 0 10px 30px 0 rgba(255, 217, 0, 0.1);
}

.util__resource-sidebar {
  position: relative;
}

.util__p-nomar .text-group__main-text p {
  margin-bottom: 0px;
}

.util__h5-left-margin .text-group__main-text h5 {
  margin-left: 48px;
}

.grecaptcha-badge {
  transform: translateY(-50px);
}

.component-button {
  padding: 12px 25px;
  margin: 0 20px 0 0;
  display: inline-block;
  color: #fff;
  background: #F26964;
  border: 1px solid #F26964;
  border-radius: 4px;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1em;
  transition: 0.3s all ease-in;
  font-size: 16px;
}

.component-button:last-child {
  margin-right: 0;
}

.component-button:hover {
  background: #40B7EC;
  border-color: #40B7EC;
  transition: 0.3s all ease-out;
}

.component-button p, .component-button a {
  line-height: 1em;
}

.component-button > * {
  display: inline;
}

a.component-button:hover,
.component-button a:hover {
  color: #fff;
}

.util__full-width-button .component-button,
.component-button--big-button {
  text-align: center;
  width: 100%;
  max-width: 520px;
  padding-top: 24px;
  padding-bottom: 24px;
}

@media (max-width: 959px) {
  .util__full-width-button .component-button,
    .component-button--big-button {
    max-width: 343px;
  }
}

.component-button.component-button--login {
  background: #fff;
  color: #40B7EC;
  border-color: #40B7EC;
  text-transform: uppercase;
  width: calc(50% - 20px);
  text-align: center;
  margin: 0 0 30px;
}

.component-button.component-button--login:hover {
  background: #40B7EC;
  color: #fff;
}

.component-button-text-link {
  color: salmon;
}

.component-button-text-link--with-arrow svg {
  margin-left: 0.5em;
  fill: #F26964;
}

.component-button-text-link--with-arrow:hover svg {
  fill: #40B7EC;
}

.component-button-text-link:hover {
  color: #40B7EC;
}

.component-button__vertical-center-wrap .cm-column__parent {
  margin: 0 auto;
  width: 100%;
  max-width: 520px;
}

@media (max-width: 959px) {
  .util__button-center-mobile .component-button {
    margin: 0 20px 0;
  }
}

/* Desktop Nav */

body {
  background: white;
  background-image: url("clientlib-site/resources/images/bg-line.gif");
  background-repeat: repeat-x;
  background-size: auto 41px;
}

@media (max-width: 959px) {
  body {
    background: none;
  }
}

.header__wrap {
  flex-direction: column;
}

.header__top-row {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  text-align: center;
  -ms-flex: none;
}

.header__item {
  border: 1px solid #D5E5E1;
  padding: 7px 19px;
  font-weight: 500;
  font-size: 12px;
  position: relative;
  border-top: 0px;
  border-bottom: 0px;
}

.page--comdatapayments .header__item {
  font-size: 14px;
  font-weight: 600;
  padding: 12px 19px 7px;
}

.header__item-center {
  border: 1px solid #D5E5E1;
  flex-grow: 1;
  padding: 7px 0;
  font-weight: 500;
  background-color: #EBF3F1;
  height: 40px;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
}

.header__item-center p {
  margin: 0;
}

.page--comdatapayments .header__item-center p {
  font-size: 14px;
  font-weight: 600;
}

.header__item a {
  color: #00283B;
}

.page--comdatapayments .header__item a {
  color: #003A5D;
}

.page--comdatapayments .header__item a:hover {
  color: #4F7993;
}

.page--comdatapayments .header__item.has-children ul li {
  font-weight: 600;
}

.page--comdatapayments .header__item.has-children ul li a:hover {
  color: #4F7993;
}

.navbar {
  display: flex;
  justify-content: space-between;
  padding-bottom: 0;
  align-items: center;
}

.main-nav {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  list-style-type: none;
  padding: 24px 0px;
  position: relative;
}

.main-nav li {
  margin: 0;
  position: relative;
}

.nav-links {
  margin-left: 22px;
  font-size: 14px;
  color: #00283B;
  text-transform: uppercase;
  font-weight: 500;
  position: relative;
}

.nav-links:hover {
  color: #F26964;
}

.page--comdatapayments .nav-links {
  margin-left: 24px;
  font-size: 16px;
  color: #003A5D;
}

.has-children:focus a.nav-links {
  color: #F26964;
}

.logo {
  align-self: center;
}

.navbar-toggle {
  display: none;
}

.logo:hover,
a.nav-links:hover,
.has-children a.nav-links:focus,
.has-children a.nav-links:focus-within {
  color: #F26964;
}

.page--comdatapayments .nav-links .has-children:focus a.nav-links,
.page--comdatapayments .nav-links .has-children a.nav-links:focus,
.page--comdatapayments .nav-links .has-children a.nav-links:focus-within {
  color: #4F7993;
}

.main-nav li:hover,
.main-nav li:focus-within {
  cursor: pointer;
}

.main-nav li:hover a.nav-links,
  .main-nav li:focus-within a.nav-links {
  outline: none;
  color: #F26964;
}

.main-nav > li a.nav-links {
  display: inline-block;
}

.main-nav > li a.nav-links.current,
.main-nav > li a.nav-links:active,
.main-nav > li a.nav-links.child-current.non-current {
  color: #F26964;
}

.main-nav li ul {
  visibility: hidden;
  opacity: 0;
  transition: all 0.5s ease;
  position: absolute;
  left: 20px;
  display: none;
  min-width: 275px;
  background-color: white;
  border: none;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  font-size: 16px;
  list-style: none;
  padding: 24px;
  z-index: 500;
  top: 50px;
}

.main-nav li ul li {
  margin-bottom: 16px;
}

.main-nav li ul li a {
  font-weight: 600;
  color: #00283B;
}

.main-nav li ul li a:hover {
  color: #F26964;
}

.main-nav li:last-child ul {
  left: auto;
  right: 0px;
}

.main-nav li:hover > ul,
.main-nav li ul:hover,
.main-nav li ul:focus {
  visibility: visible;
  opacity: 1;
  display: block;
}

.main-nav li:focus-within > ul {
  visibility: visible;
  opacity: 1;
  display: block;
}

.main-nav a.with-arrow {
  margin-right: 10px;
}

.main-nav a.with-arrow:last-child {
  margin-right: 0px;
}

.page--comdatapayments .main-nav li ul {
  border-radius: 4px;
  top: 40px;
}

ul.dropdown.dropdown-grandchild,
.main-nav li:last-child ul.dropdown-grandchild {
  left: 100%;
  margin-left: 30px;
  top: -24px;
}

.page--comdatapayments ul.dropdown.dropdown-grandchild,
.page--comdatapayments .main-nav li:last-child ul.dropdown-grandchild {
  top: -24px;
}

.main-nav a.no-arrow > svg {
  display: none;
}

.main-nav .has-children a.with-arrow > svg {
  transform: rotate(-90deg);
  height: 8px;
  position: absolute;
  right: 8px;
  top: 4px;
  fill: currentColor;
}

:not(.mobile__list-wrapper) a.nav-links.with-arrow:before {
  content: "";
  display: block;
  width: 120%;
  height: 40px;
  position: absolute;
  bottom: -100%;
}

ul.dropdown.dropdown-grandchild::before {
  position: absolute;
  content: "";
  width: 110px;
  height: 100%;
  left: -110px;
  top: 0;
  background-color: transparent;
}

a.nav-links.with-arrow:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 7px;
  top: 50%;
  margin-top: -3px;
  margin-left: 3px;
  margin-right: 10px;
  background-image: url("data:image/svg+xml,%3Csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%208%204.7'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7B;%7D%3C/style%3E%3C/defs%3E%3Cpath%20id='Icon_Color'%20data-name='Icon%20Color'%20class='cls-1'%20d='M8,.7,7.3,0,4,3.3.7,0,0,.7l4,4Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  fill: #00283b;
}

a.nav-links.with-arrow:hover:after,
a.nav-links.with-arrow:focus:after,
a.nav-links.with-arrow:focus-within:after,
a.nav-links.with-arrow:hover:after,
a.nav-links.with-arrow:focus:after,
a.nav-links.with-arrow:focus-within:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 7px;
  top: 50%;
  margin-top: -3px;
  margin-left: 3px;
  margin-right: 10px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%208%204.73'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23f26964;%7D%3C/style%3E%3C/defs%3E%3Cpath%20id='Icon_Color'%20data-name='Icon%20Color'%20class='cls-1'%20d='M8,.73,7.27,0,4,3.27.73,0,0,.73l4,4Z'/%3E%3C/svg%3E");
  fill: #f26964;
}

.page--comdatamerchants .nav-links.with-arrow:hover:after,
.page--comdatamerchants a.nav-links.with-arrow:focus:after,
.page--comdatamerchants a.nav-links.with-arrow:focus-within:after,
.page--comdatamerchants a.nav-links.with-arrow:hover:after,
.page--comdatamerchants a.nav-links.with-arrow:focus:after,
.page--comdatamerchants a.nav-links.with-arrow:focus-within:after {
  background-image: url("data:image/svg+xml,%3Csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%208%204.73'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%2340B7EC;%7D%3C/style%3E%3C/defs%3E%3Cpath%20id='Icon_Color'%20data-name='Icon%20Color'%20class='cls-1'%20d='M8,.73,7.27,0,4,3.27.73,0,0,.73l4,4Z'/%3E%3C/svg%3E");
  fill: #40b7ec;
}

.page--comdatapayments .nav-links.with-arrow:hover:after,
.page--comdatapayments a.nav-links.with-arrow:focus:after,
.page--comdatapayments a.nav-links.with-arrow:focus-within:after,
.page--comdatapayments a.nav-links.with-arrow:hover:after,
.page--comdatapayments a.nav-links.with-arrow:focus:after,
.page--comdatapayments a.nav-links.with-arrow:focus-within:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 7px;
  top: 41%;
  margin-top: -3px;
  margin-left: 8px;
  margin-right: 10px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%208%204.73'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%234F7993;%7D%3C/style%3E%3C/defs%3E%3Cpath%20id='Icon_Color'%20data-name='Icon%20Color'%20class='cls-1'%20d='M8,.73,7.27,0,4,3.27.73,0,0,.73l4,4Z'/%3E%3C/svg%3E");
  fill: #4F7993;
}

.page--comdatapayments .nav-links.with-arrow:after,
.page--comdatapayments a.nav-links.with-arrow:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 7px;
  top: 41%;
  margin-top: -3px;
  margin-left: 8px;
  margin-right: 10px;
  background-image: url("data:image/svg+xml,%3Csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%208%204.73'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23003A5D;%7D%3C/style%3E%3C/defs%3E%3Cpath%20id='Icon_Color'%20data-name='Icon%20Color'%20class='cls-1'%20d='M8,.73,7.27,0,4,3.27.73,0,0,.73l4,4Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  fill: #003A5D;
}

.header__item.has-children:hover, .header__item.has-children:focus-within {
  cursor: pointer;
  color: #F26964;
}

.header__item.has-children:focus-within a {
  outline: none;
  color: #F26964;
}

.header__item.has-children ul {
  visibility: hidden;
  opacity: 0;
  transition: all 0.5s ease;
  position: absolute;
  display: none;
  min-width: 220px;
  background-color: white;
  border: none;
  border-collapse: separate;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  list-style: none;
  z-index: 1;
  padding: 19px;
  left: 0;
  top: 39px;
  width: calc(100% + 1px);
  text-align: left;
  font-size: 16px;
}

.header__item.has-children ul li {
  font-weight: 300;
  margin-bottom: 16px;
}

.header__item.has-children ul li:last-child {
  margin-bottom: 0;
}

.header__item.has-children ul li a:hover {
  color: #F26964;
}

.header__item.has-children:hover > ul,
.header__item.has-children ul:hover,
.header__item.has-children ul:focus {
  visibility: visible;
  opacity: 1;
  display: block;
}

.header__item.has-children:focus-within > ul {
  visibility: visible;
  opacity: 1;
  display: block;
}

.page--comdatapayments .header__item.has-children ul {
  border-radius: 4px;
}

.page--comdatapayments .header__item.has-children {
  color: #003A5D;
}

.page--comdatapayments .header__item.has-children:hover,
.page--comdatapayments .header__item.has-children:focus-within,
.page--comdatapayments .header__item.has-children:focus-within a {
  color: #4F7993;
}

.header__mobile-drawer .has-children a:after,
.header__mobile-drawer .has-children span:after {
  margin-right: 10px;
}

.has-children ul li a:after {
  display: none;
}

.main-nav li ul li:last-child {
  margin-bottom: 0px;
}

li.has-children li a:hover,
li.has-children:hover a:hover,
li.has-children:focus a:hover {
  color: #F26964;
}

.page--comdatamerchants li.has-children li a:hover,
.page--comdatamerchants li.has-children:hover a:hover,
.page--comdatamerchants li.has-children:focus a:hover {
  color: #F26964;
}

@media (max-width: 959px) {
  .page--comdatamerchants li.has-children li a:hover,
    .page--comdatamerchants li.has-children:hover a:hover,
    .page--comdatamerchants li.has-children:focus a:hover {
    color: #40B7EC;
  }
}

.page--comdatapayments .main-nav li:hover a.nav-links,
.page--comdatapayments .main-nav li:focus-within a.nav-links,
.page--comdatapayments li.has-children li a:hover,
.page--comdatapayments li.has-children:hover a:hover,
.page--comdatapayments li.has-children:focus a:hover,
.page--comdatapayments .main-nav li ul li a:hover {
  color: #4F7993;
}

.page--comdatapayments .main-nav li ul li a {
  font-weight: 600;
}

.header__item.has-children {
  color: #40B7EC;
}

.header__login-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background: transparent;
  color: #00283B;
  font-family: inherit;
  cursor: pointer;
  font-size: 12px;
  font-weight: 500;
  height: 26px;
}

.header__login-button:focus {
  outline: none;
  color: #40B7EC;
}

.page--comdatapayments .header__login-button {
  font-size: 14px;
  font-weight: 600;
  color: #003A5D;
}

.mobile__modal-wrapper {
  height: 100%;
  overflow: scroll;
}

.header__mobile-bar ul {
  width: 100%;
  padding: 12px 0 0px;
  display: flex;
  list-style: none;
  align-content: center;
  justify-content: space-between;
}

.mobile__nav {
  margin-right: 0;
  margin-top: -4px;
  cursor: pointer;
  align-self: center;
}

.mobile__nav:after,
.mobile__nav:before,
.mobile__hamburger {
  width: 20px;
  background-color: #00283B;
  border-radius: 2px;
  content: "";
  display: block;
  height: 2px;
  margin: 4px 0;
  padding: 0;
  transition: all 0.2s ease-in-out;
  border: none;
  outline: none;
}

.mobile__nav-close {
  position: relative;
  display: inline-block;
  width: 25px;
  height: 25px;
  overflow: hidden;
  cursor: pointer;
}

.mobile__nav-close::before, .mobile__nav-close::after {
  content: "";
  position: absolute;
  height: 2px;
  width: 100%;
  top: 50%;
  left: 0;
  height: 4px;
  margin-top: -2px;
  background-color: #40B7EC;
}

.mobile__nav-close::before {
  transform: rotate(45deg);
}

.mobile__nav-close::after {
  transform: rotate(-45deg);
}

.mobile__header-phone {
  margin-left: auto;
  padding-right: 30px;
  font-size: 15px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.mobile__header-phone a {
  color: #40B7EC;
}

.header__mobile-drawer {
  display: block;
  background: #EBF3F1;
  top: 0;
  position: fixed;
  right: -1180px;
  width: 100%;
  height: 100%;
  padding: 15px;
  z-index: 500;
  transition: right 0.5s linear;
}

@media (min-width: 960px) {
  .header__mobile-drawer {
    display: none;
  }
}

.header__mobile-drawer.is-open {
  right: 0;
  transition: 0.5s;
}

.mobile__list-wrapper .has-children a:after,
.mobile__list-wrapper .has-children span.nav-links:after {
  transition: transform 0.3s ease-in;
}

.mobile__list-wrapper .has-children.mobile__sub-menu-open span.nav-links:after,
.mobile__list-wrapper .has-children.mobile__sub-menu-open a:after {
  transform: rotate(180deg);
  transform-origin: center;
  transition: transform 0.3s ease-in;
}

.mobile__nav-close {
  position: relative;
  display: inline-block;
  width: 25px;
  height: 25px;
  overflow: hidden;
  cursor: pointer;
}

.mobile__nav-close::before, .mobile__nav-close::after {
  content: "";
  position: absolute;
  height: 2px;
  width: 100%;
  top: 50%;
  left: 0;
  height: 4px;
  margin-top: -2px;
  background: #40B7EC;
}

.mobile__nav-close::before {
  transform: rotate(45deg);
}

.mobile__nav-close::after {
  transform: rotate(-45deg);
}

.mobile__list-wrapper {
  margin: 0;
  -webkit-animation: fade-in 0.3s ease-in forwards;
  animation: fade-in 0.3s ease-in forwards;
  padding: 0;
}

.mobile__buttons {
  display: flex;
  justify-content: space-between;
}

.mobile__buttons .component-button {
  font-size: 16px;
  text-transform: uppercase;
}

.mobile_modal-button {
  background-color: #40B7EC;
  border: none;
}

.mobile__list-wrapper ul {
  list-style-type: none;
  padding: 0px;
}

.mobile__list-wrapper ul:last-of-type li:last-of-type {
  border-bottom: none;
  padding-bottom: 0px;
}

.mobile__list-wrapper a {
  font-size: 14px;
  color: #00283B;
  cursor: pointer;
  margin-left: 0px;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.mobile__list-wrapper a:hover {
  color: #F26964;
}

.mobile__list-wrapper span {
  font-size: 14px;
  color: #40B7EC;
  cursor: pointer;
  margin-left: 0px;
}

.mobile__list-wrapper span:hover {
  color: #F26964;
}

.mobile__list-wrapper span.nav-links {
  display: flex;
  justify-content: space-between;
}

.mobile__list-wrapper ul li ul li:first-child {
  border-top: 1px solid #c4cdd6;
  margin-top: 13px;
}

a.mobile__login-link {
  color: #F26964;
}

a.mobile__login-link:hover {
  color: #40B7EC;
}

.mobile__list-wrapper ul li {
  border-bottom: 1px solid #c4cdd6;
  padding: 13px 0;
  margin: 0px;
  display: flex;
}

span.mobile__modal-phone-number {
  font-weight: 300;
  color: #626F88;
  margin: auto;
  margin-left: 10px;
}

.mobile__list-wrapper .has-children ul {
  display: none;
  max-height: 0;
}

.mobile__list-wrapper .has-children.mobile__sub-menu-open ul {
  display: block;
  height: 100%;
  overflow-y: scroll;
  padding-left: 24px;
}

.mobile__list-wrapper .has-children.mobile__sub-menu-open ul li {
  border-top: none;
  border-bottom: none;
  padding-top: 8px;
  padding-bottom: 0px;
}

.mobile__list-wrapper .has-children.mobile__sub-menu-open ul li:first-child {
  margin-top: 0px;
}

.submenu ul li a {
  color: #00283B;
}

.submenu ul li a:hover {
  color: #F26964;
}

.mobile__list-wrapper .mobile-child-menu,
.mobile__grandchild-list {
  position: absolute;
  background: white;
  width: 100vw;
  height: calc(100vh - 130px);
  z-index: 2;
  top: 92px;
  left: 0;
  transition: 0.3s;
  transform: translateX(100%);
  padding-right: 15px;
}

.mobile__grandchild-list {
  z-index: 4;
  top: 0;
}

.mobile__sub-menu-open .mobile-child-menu,
.mobile__grandchild-list--open .mobile__grandchild-list {
  transition: 0.3s;
  transform: translateX(-5px);
}

.mobile__list-wrapper .has-children ul {
  display: block !important;
  max-height: unset !important;
}

.mobile__list-wrapper .has-children.mobile__sub-menu-open ul li,
.ul.mobile-child-menu li {
  padding-top: 13px !important;
  padding-bottom: 13px !important;
  border-bottom: 1px solid #c4cdd6 !important;
}

.mobile__list-wrapper .has-children a.with-arrow > svg {
  right: 0;
  margin-top: 1px;
  width: 11px;
  height: 6px;
  background-size: cover;
  transform: rotate(-90deg);
}

.mobile__list-wrapper span.no-arrow .mobile__nav-expand,
.mobile__list-wrapper a.no-arrow .mobile__nav-expand {
  display: none;
}

.mobile__list-wrapper a.with-arrow.with-arrow:before,
.mobile__list-wrapper a.with-arrowwith-arrow:before {
  content: none;
}

.mobile__nav-expand,
.mobile__menu-back {
  border: none;
  background-color: transparent;
  outline: 0;
}

.mobile__nav-expand svg,
.mobile__menu-back svg {
  width: 11px;
  height: 8px;
  fill: #2f4267;
  transform: rotate(-90deg);
}

.mobile__menu-back {
  opacity: 0;
  transition: opacity 0.3s;
  padding: 0;
}

.mobile__menu-back svg {
  width: 16px;
  transform: rotate(90deg);
}

.page--comdatapayments .mobile__header-logo-wrapper {
  width: 88px;
}

@media (max-width: 479px) {
  .page--comdatapayments .mobile__header-logo-wrapper {
    margin-bottom: 2px;
  }
}

.page--comdatapayments .logo {
  width: 159px;
  padding-top: 24px;
}

.page--comdatapayments .mobile__header-logo-wrapper img,
.page--comdatapayments .logo img {
  width: 100%;
  max-width: 145px;
}

@media (max-width: 479px) {
  .page--comdatapayments .mobile__header-logo-wrapper img,
    .page--comdatapayments .logo img {
    width: initial;
    max-width: 117px;
  }
}

.page--comdatapayments .header__background-color-wrap {
  background-color: #C7DAE7;
}

.page--comdatapayments .header__mobile-bar {
  border-bottom: 1px solid #B3CCDC;
}

.page--comdatapayments .mobile__header-phone {
  color: #003A5D;
  margin-top: 6px;
}

.page--comdatapayments .mobile__nav:after,
.page--comdatapayments .mobile__nav:before,
.page--comdatapayments .mobile__hamburger {
  background-color: #2F4267;
}

.page--comdatapayments .header__mobile-drawer {
  background: #fff;
}

.page--comdatapayments .mobile__list-wrapper a {
  color: #2F4267;
}

.page--comdatapayments .logo:hover,
.page--comdatapayments a.nav-links:hover,
.page--comdatapayments .has-children:focus a.nav-links,
.page--comdatapayments .has-children a.nav-links:focus,
.page--comdatapayments .has-children a.nav-links:focus-within {
  color: #009DDC;
}

.page--comdatapayments .logo:hover,
.page--comdatapayments a.nav-links:hover,
.page--comdatapayments .has-children:focus a.nav-links,
.page--comdatapayments .has-children a.nav-links:focus,
.page--comdatapayments .has-children a.nav-links:focus-within,
.page--comdatapayments li.has-children li a:hover,
.page--comdatapayments li.has-children:hover a:hover,
.page--comdatapayments li.has-children:focus a:hover {
  color: #009DDC;
}

.page--comdatapayments a.nav-links.with-arrow:hover:after,
.page--comdatapayments a.nav-links.with-arrow:focus:after,
.page--comdatapayments a.nav-links.with-arrow:focus-within:after,
.page--comdatapayments a.nav-links.with-arrow:hover:after,
.page--comdatapayments a.nav-links.with-arrow:focus:after,
.page--comdatapayments a.nav-links.with-arrow:focus-within:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 7px;
  top: 41%;
  margin-top: -3px;
  margin-left: 8px;
  margin-right: 10px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%208%204.73'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%234F7993;%7D%3C/style%3E%3C/defs%3E%3Cpath%20id='Icon_Color'%20data-name='Icon%20Color'%20class='cls-1'%20d='M8,.73,7.27,0,4,3.27.73,0,0,.73l4,4Z'/%3E%3C/svg%3E");
}

.page--comdatapayments .mobile__list-wrapper {
  padding-top: 50px;
}

.mobile__list-wrapper a.nav-links.with-arrow:after {
  right: 0;
  margin-top: -3px;
  width: 13px;
  height: 8px;
  background-size: cover;
}

.page--comdatapayments .header__item-center,
.page--comdatapayments .header__item {
  background-color: #C7DAE7;
  border: none;
}

.page--comdatapayments .header__top-row {
  border-bottom: 1px solid #B3CCDC;
}

.page--comdatapayments .header__item {
  order: 2;
}

.page--comdatapayments .header__item-center {
  text-align: left;
}

.page--comdatapayments .header__item-center a {
  color: #009DDC;
}

.page--comdatapayments .header__item-center a:hover {
  color: #4F7993;
}

.page--comdatapayments .main-nav li ul li a {
  font-weight: 600;
  color: #00283B;
}

.page--comdatapayments .main-nav li ul li a:hover {
  color: #4F7993;
}

.page--comdatapayments .main-nav a.with-arrow {
  margin-right: 20px;
}

.page--comdatapayments a.nav-links.with-arrow:after {
  top: 41%;
  margin-left: 8px;
}

.mobile__list-wrapper a.nav-links.with-arrow:after {
  display: none;
}

.page--comdatapayments .nav-links {
  font-weight: 600;
  text-transform: none;
}

.page--comdatapayments .main-nav li a.nav-links.current,
.page--comdatapayments .main-nav li a.nav-links:active,
.page--comdatapayments .main-nav li a.nav-links.child-current.non-current {
  color: #4F7993;
}

footer {
  background: #00283B;
}

.footer-container {
  display: flex;
  justify-content: space-between;
  width: 90%;
  margin: 0 auto;
  padding: 80px 0 0 0;
}

@media (min-width: 960px) {
  .footer-container {
    flex-direction: row;
  }
}

@media (min-width: 1216px) {
  .footer-container {
    width: 100%;
  }
}

@media (max-width: 579px) {
  .footer-container {
    padding: 45px 0;
  }
}

.footer__bottom-row {
  padding-top: 48px;
  border-top: 1px dashed rgba(213, 229, 225, 0.18);
  width: 90%;
  margin: 0 auto;
  flex-wrap: wrap;
}

@media (min-width: 1216px) {
  .footer__bottom-row {
    width: 100%;
  }
}

.footer__legal-disclaimer {
  padding: 24px 0px;
  border-top: 1px dashed rgba(213, 229, 225, 0.18);
  font-size: 16px;
  width: 90%;
  margin: 0 auto;
  flex-wrap: wrap;
}

@media (min-width: 1216px) {
  .footer__legal-disclaimer {
    width: 100%;
  }
}

.footer__legal-disclaimer li:last-child {
  margin-bottom: 0px;
}

.page--comdatamerchants .footer__legal-disclaimer {
  display: none;
}

.footer-item-wrapper {
  color: rgba(255, 255, 255, 0.7);
}

@media (min-width: 960px) {
  .footer-item-wrapper:first-of-type {
    width: 20%;
  }
}

.footer-item a,
.footer-item__address a,
.footer-item,
.footer__bottom-row h6 {
  color: rgba(255, 255, 255, 0.7);
}

.footer-item a:hover,
.footer-item__address a:hover {
  color: #F26964;
}

.page--comdatapayments .footer-item a:hover,
.page--comdatapayments .footer-item__address a:hover {
  color: #F7B334;
}

.page--comdatapayments .footer__column-leagl a:hover,
.page--comdatapayments .footer__column-legal a:hover {
  color: #B2B9C1;
}

.footer__bottom-row h6 {
  width: 100%;
  font-weight: 400;
  font-family: 'roboto';
}

.footer-item a div,
.footer-item__address {
  padding-top: 20px;
}

.footer-item__address {
  padding-bottom: 60px;
}

@media (max-width: 579px) {
  .footer-item__address {
    padding-bottom: 0px;
  }
}

.footer-item-wrapper h5 {
  color: white;
  margin: 0px;
  padding-top: 40px;
}

@media (min-width: 760px) {
  .footer-item-wrapper h5 {
    padding-top: 0px;
  }
}

.footer-item-wrapper h2 {
  color: white;
}

@media (min-width: 960px) {
  .footer__list li {
    display: inline;
  }
}

.footer__list li a,
.footer__list li span {
  color: #40B7EC;
  font-size: 16px;
}

.footer__list li a:hover,
  .footer__list li span:hover {
  color: #F26964;
}

.footer__list li span {
  display: none;
}

@media (min-width: 960px) {
  .footer__list li span {
    display: inline;
  }
}

.footer__list li:last-of-type span {
  display: none;
}

.disclaimer__list li a {
  color: #40B7EC;
  font-size: 16px;
}

.disclaimer__list li a:hover {
  color: #F26964;
}

.footer__last-row-wrap {
  padding-bottom: 72px;
}

@media (min-width: 960px) {
  .footer__last-row-wrap {
    display: flex;
    justify-content: space-between;
  }
}

@media (min-width: 960px) {
  .footer__column-legal {
    width: 70%;
  }
}

@media (min-width: 960px) {
  .footer__column-disclaimer {
    width: 70%;
  }
}

.footer__list-social {
  display: flex;
  list-style: none;
  padding: 0px;
  padding-top: 50px;
  justify-content: center;
}

@media (min-width: 960px) {
  .footer__list-social {
    padding-top: 0px;
  }
}

.footer__social-wrapper {
  width: 32px;
  height: 32px;
  background-color: #40B7EC;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0px 8px;
  border-radius: 4px;
}

.footer__social-wrapper:hover {
  background-color: #F26964;
}

.footer__social-wrapper a {
  display: flex;
  justify-content: center;
  align-items: center;
}

.footer__social-wrapper img {
  width: 18px;
  height: 18px;
}

.page--comdatapayments .footer__logo-wrapper {
  width: 159px;
  margin: 0 auto;
}

@media (min-width: 760px) {
  .page--comdatapayments .footer__logo-wrapper {
    margin: inherit;
  }
}

.page--comdatapayments .footer__logo-wrapper img {
  width: 100%;
}

.page--comdatapayments .footer__legal-disclaimer {
  display: none;
}

.page--comdatapayments .footer__bottom-row {
  margin-top: 48px;
}

.page--comdatapayments .footer-container {
  text-align: center;
}

@media (min-width: 760px) {
  .page--comdatapayments .footer-container {
    text-align: left;
  }
}

.page--comdatapayments .footer-item__address {
  padding-bottom: 0px;
}

.page--comdatapayments .footer-item__address p {
  margin-bottom: 0px;
}

.page--comdatapayments .footer-item-wrapper h5 {
  padding-top: 48px;
}

@media (min-width: 760px) {
  .page--comdatapayments .footer-item-wrapper h5 {
    padding-top: 0px;
  }
}

.page--comdatapayments footer {
  background-color: #13243D;
}

.page--comdatapayments .footer__bottom-row {
  border-top: 1px solid rgba(255, 255, 255, 0.09);
  text-align: center;
}

@media (min-width: 760px) {
  .page--comdatapayments .footer__bottom-row {
    text-align: left;
  }
}

.page--comdatapayments .footer__list li a,
.page--comdatapayments .footer__list li span,
.page--comdatapayments footer h6 {
  color: #F7B334;
  font-size: 16px;
}

.page--comdatapayments .footer__list li span {
  display: none;
}

.page--comdatapayments .footer__social-wrapper {
  background-color: #F7B334;
}

.page--comdatapayments ul.util__delist.footer__list {
  text-align: center;
}

@media (min-width: 760px) {
  .page--comdatapayments ul.util__delist.footer__list {
    text-align: left;
  }
}

.page--comdatapayments ul.util__delist.footer__list li {
  display: inline;
}

.page--comdatapayments .footer__last-row-wrap {
  display: flex;
  flex-direction: column-reverse;
}

@media (min-width: 760px) {
  .page--comdatapayments .footer__last-row-wrap {
    flex-direction: row;
  }
}

.page--comdatapayments .footer__list-social {
  padding-top: 0px;
  padding-bottom: 48px;
}

.page--comdatapayments ul.util__delist.footer__list li::after {
  content: "|";
  padding: 0px 3px;
  color: #F7B334;
  font-size: 16px;
}

.page--comdatapayments ul.util__delist.footer__list li:last-child::after {
  content: "";
}

.page--comdatamerchants a.ot-sdk-show-settings,
.page--comdatapayments a.ot-sdk-show-settings,
.page--comdatatrucking a.ot-sdk-show-settings {
  cursor: pointer;
}

.page--comdatamerchants a.ot-sdk-show-settings,
.page--comdatatrucking a.ot-sdk-show-settings {
  color: #40B7EC;
}

.page--comdatapayments a.ot-sdk-show-settings {
  color: #F7B334;
}

.text-group__label {
  color: #40B7EC;
}

@media (max-width: 1247px) {
  .text-group__label {
    font-size: 16px;
    margin-top: 0px;
  }
}

@media (max-width: 1247px) {
  .util__label-margin-top-24 .text-group__label {
    margin-top: 24px;
  }
}

.util__red-label .text-group__label {
  color: #F26964;
}

@media (max-width: 1247px) {
  .util__red-label .text-group__label {
    margin-top: 0px;
  }
}

.text-group__link--text {
  color: #F26964;
}

.text-group__link svg {
  margin-left: 0.5em;
  fill: #F26964;
}

.text-group__link:hover svg {
  fill: #40B7EC;
}

.text-group__link--text:hover {
  color: #40B7EC;
}

@media (max-width: 1247px) {
  .text-group__main-text h2 {
    font-size: 24px;
  }
}

@media (max-width: 579px) {
  .text-group__main-text p {
    margin-bottom: 24px;
  }
}

.text-group__link--button {
  padding: 12px 25px;
  margin: 0;
  display: inline-block;
  color: #fff;
  background: #40B7EC;
  border: 1px solid #40B7EC;
  border-radius: 4px;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1em;
  transition: 0.3s all ease-in;
  font-size: 12px;
}

.text-group__link--button:hover {
  background: #F26964;
  border-color: #F26964;
  transition: 0.3s all ease-out;
}

.comdatamerchants .text-group__icon {
  max-height: 101px;
}

.text-group__center-link .text-group__links {
  text-align: center;
}

@media (min-width: 760px) {
  .text-group__short-paragraph .text-group__main-text p {
    width: 50%;
    margin: 0 auto;
  }
}

.text-group__ul-no-padding-bottom .text-group__main-text ul {
  padding-bottom: 0px;
}

@media (min-width: 760px) {
  .text-group__ul-no-padding-bottom .text-group__main-text ul {
    padding-bottom: 20px;
  }
}

/* Merchant POS */

@media (min-width: 480px) {
  .page--name-emv-migration .text-group__main-text h4 {
    margin-top: 28px;
  }
}

@media (min-width: 480px) {
  .page--name-emv-migration .text-group__main-text h4:first-child {
    margin-top: 0px;
  }
}

.page--name-emv-migration .text-group__main-text p {
  color: #626F88;
}

/* c-store */

.content__c-store .cm-column__parent {
  background-color: #00283B;
  border-radius: 5px;
  padding-top: 48px;
}

@media (min-width: 760px) {
  .content__c-store .cm-column__parent {
    padding-bottom: 48px;
  }
}

.content__c-store .cm-column__parent .text-group__main-text h4 {
  color: #FFF;
}

.content__c-store .cm-column__parent .text-group__main-text ul li {
  color: rgba(255, 255, 255, 0.7);
}

.content__card-image.content__c-store .cm-column__child .imageText .imagetext__wrapper .imagetext__image .cmp-image img.cmp-image__image {
  border-radius: 5px;
}

.page--comdatapayments .text-group__label p {
  background-color: #DDEFF7;
  color: #2B4463;
  padding: 8px 8px 5px;
  display: inline;
  font-family: DINWebPro-Bold;
  font-size: 12px;
  text-transform: uppercase;
  border-radius: 3px;
}

.page--comdatapayments .content__cdp-hero-desktop .text-group__label p,
.page--comdatapayments .hero__subpage .text-group__label p {
  background-color: #B7CEDE;
}

.page--comdatapayments .text-group__main-text p {
  color: #888F9E;
}

.page--comdatapayments .text-group__main-text ul li {
  color: #003A5D;
}

.page--comdatapayments .text-group__link--button {
  background: #009DDC;
  border: 1px solid #009DDC;
  padding: 16px;
}

.page--comdatapayments .text-group__link--button:hover {
  background: #40B7EC;
  border-color: #40B7EC;
  transition: 0.3s all ease-out;
}

.page--comdatapayments .content__cdp-hero-mobile .text-group__link--button {
  width: 100%;
  text-align: center;
}

.page--comdatapayments .text-group__main-text h2 {
  font-size: 28px;
  margin-bottom: 24px;
}

@media (min-width: 760px) {
  .page--comdatapayments .text-group__main-text h2 {
    font-size: 36px;
    margin-bottom: 24px;
  }
}

.page--comdatapayments .content__events .text-group__link.text-group__link-play {
  display: initial;
}

.page--comdatapayments .content__events .text-group__link.text-group__link-arrow {
  display: none;
}

/* use .content__hero on the wrapper for these styles */

.content__hero {
  background: transparent linear-gradient(290deg, #3CB0E3 0%, #0B415B 100%) 0% 0% no-repeat padding-box;
  color: #fff;
  padding: 48px 0;
}

@media (min-width: 960px) {
  .content__hero {
    padding: 70px 0;
  }
}

.content__hero .cm-column__child {
  flex: 1;
}

.cm-column__child.content__hero-image {
  flex: 1.2;
}

.content__hero-image img.cmp-image__image {
  width: 100%;
}

@media (max-width: 1247px) {
  .content__hero-image img.cmp-image__image {
    width: 80%;
  }
}

@media (max-width: 759px) {
  .content__hero-image img.cmp-image__image {
    width: 50%;
  }
}

@media (max-width: 579px) {
  .content__hero-image img.cmp-image__image {
    width: 100%;
  }
}

.content__hero h1 {
  font-size: 36px;
}

@media (min-width: 960px) {
  .content__hero h1 {
    font-size: 48px;
  }
}

@media (min-width: 1248px) {
  .content__hero h1 {
    font-size: 72px;
  }
}

.content__hero .text-group__main-text p {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.8);
  max-width: 440px;
  line-height: 1.3em;
}

@media (min-width: 960px) {
  .content__hero .text-group__main-text p {
    font-size: 28px;
  }
}

.content__hero .content__small-fleet-hero .text-group__main-text p {
  max-width: 540px;
}

@media (min-width: 960px) {
  .content__hero .content__hero-large-fleets {
    width: 56%;
  }
}

.content__hero .content__hero-large-fleets .text-group__main-text p {
  max-width: 540px;
}

@media (min-width: 960px) {
  .content__hero .content__hero-large-fleets.cm-column__child {
    flex: inherit;
  }
}

.content__hero .cm-column__parent .content__lead-form h4 {
  color: #00283B;
}

.page--comdatapayments .text-group__link--button,
.page--comdatapayments .content__hero .text-group__link--button {
  font-size: 14px;
  padding: 16px;
  text-align: center;
  width: 180px;
  text-transform: uppercase;
  font-family: DINWebPro-Medium;
  font-weight: 600;
}

@media (max-width: 479px) {
  .page--comdatapayments .text-group__link--button,
    .page--comdatapayments .content__hero .text-group__link--button {
    width: 100%;
  }
}

.content__cdp-hero-desktop {
  flex-direction: row;
  position: relative;
  padding-top: 54px;
  padding-bottom: 80px;
}

@media (max-width: 479px) {
  .content__cdp-hero-desktop {
    padding-bottom: 48px;
  }
}

.content__cdp-hero-desktop .content__cdp-hero-desktop-img {
  flex: 0 0 442px;
}

.content__cdp-hero-desktop .content__cdp-hero-desktop-img img {
  border-radius: 16px;
  box-shadow: -42px 2px 0px -10px #B7CEDE;
}

@media (max-width: 479px) {
  .content__cdp-hero-desktop .content__cdp-hero-desktop-img img {
    width: 91px;
    position: absolute;
    top: 100px;
    right: 16px;
    box-shadow: -12px 1px 0px -5px #B7CEDE;
  }
}

.content__cdp-hero-desktop .cm-column__parent {
  align-items: center;
}

@media (max-width: 479px) {
  .content__cdp-hero-desktop .cm-column__parent {
    display: block;
  }
}

.content__cdp-hero-desktop .textGroup {
  width: 70%;
}

@media (max-width: 479px) {
  .content__cdp-hero-desktop .textGroup {
    width: 100%;
  }
}

.page--name-about .content__cdp-hero-desktop .textGroup h1,
.page--name-thought-leadership .content__cdp-hero-desktop .textGroup h1 {
  width: 100%;
}

@media (max-width: 479px) {
  .page--name-about .content__cdp-hero-desktop .textGroup h1,
    .page--name-thought-leadership .content__cdp-hero-desktop .textGroup h1 {
    width: 70%;
  }
}

.content__cdp-hero-desktop .textGroup h1 {
  width: 95%;
  margin-bottom: 24px;
}

@media (max-width: 479px) {
  .content__cdp-hero-desktop .textGroup h1 {
    font-size: 32px;
    width: 70%;
    margin-bottom: 40px;
  }
}

@media (max-width: 479px) {
  .hero__subpage .textGroup h1 {
    font-size: 32px;
  }
}

.content__cdp-hero-desktop .textGroup p {
  margin-bottom: 40px;
  color: #003A5D;
}

@media (max-width: 759px) {
  .content__cdp-hero-desktop .textGroup p {
    margin-bottom: 0px;
  }
}

.hero__subpage .textGroup p:last-child {
  margin-bottom: 0px;
}

@media (min-width: 760px) {
  .hero__subpage .textGroup p:last-child {
    width: 70%;
  }
}

@media (min-width: 760px) {
  .hero__subpage .content__lead-form .textGroup p:last-child {
    width: 100%;
  }
}

.hero__subpage .cm-column__parent {
  align-items: center;
}

.hero__subpage-width-90 .text-group__main-text {
  width: 90%;
}

.page--comdatapayments .hero__subpage p {
  color: #003A5D;
}

.page--comdatapayments .hero__subpage {
  padding-top: 50px;
  padding-bottom: 48px;
}

@media (min-width: 760px) {
  .page--comdatapayments .hero__subpage {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}

@media (min-width: 760px) {
  .page--comdatapayments.thought-leadership .content__cdp-hero-desktop .textGroup {
    width: 90%;
  }
}

@media (min-width: 760px) {
  .page--comdatapayments.thought-leadership .content__cdp-hero-desktop .textGroup p {
    width: 60%;
  }
}

@media (max-width: 759px) {
  .content__cdp-hero-desktop.page--name-payment-solutions .textGroup h1 {
    margin-bottom: 48px;
  }
}

.content__title {
  width: 100%;
}

.content__title h2 {
  font-size: 40px;
}

@media (max-width: 1247px) {
  .content__title h2 {
    font-size: 32px;
  }
}

.content__title p {
  font-size: 20px;
  margin-bottom: 0px;
}

@media (max-width: 1247px) {
  .content__title p {
    font-size: 18px;
  }
}

.content__title .text-group__main-text {
  max-width: 530px;
  margin: 0 auto;
}

.content__title.content__title--medium .text-group__main-text {
  max-width: 650px;
}

.content__title.content__title--large .text-group__main-text {
  max-width: 750px;
}

.content__title.content__title--large-main-text .text-group__main-text {
  max-width: 800px;
}

.content__title.content__title--long .text-group__main-text {
  max-width: 800px;
}

.content__title.content__title--long .text-group__main-text h2 {
  font-size: 32px;
}

@media (max-width: 1247px) {
  .content__title.content__title--long .text-group__main-text h2 {
    font-size: 26px;
  }
}

.content__title.content__title--max .text-group__main-text {
  max-width: 1000px;
}

.content__title.content__title--fullwidth .text-group__main-text {
  max-width: 1200px;
}

.content__title.content__title-yellow-bg h3 {
  background: #FFFAF0;
  padding: 24px;
  border-radius: 4px;
}

@media (min-width: 960px) {
  .content__title.content__title-yellow-bg h3 {
    padding: 32px 65px;
  }
}

.page--comdatapayments .content__title-lead-form .text-group__main-text {
  padding-bottom: 24px;
}

@media (min-width: 960px) {
  .page--comdatapayments .content__title-lead-form .text-group__main-text {
    width: 50%;
  }
}

.page--comdatapayments .content__title-lead-form h2 {
  font-size: 36px;
}

.page--comdatapayments .content__title-lead-form p {
  color: #6B707A;
  margin-bottom: 0px;
}

.content__cards .cm-column__parent {
  display: block;
}

@media (min-width: 960px) {
  .content__cards .cm-column__parent {
    display: flex;
    justify-content: space-between;
    max-width: 1008px;
    align-items: flex-start;
  }
}

@media (min-width: 960px) {
  .page--comdatamerchants .content__cards .cm-column__parent {
    max-width: 1216px;
  }
}

.content__card {
  box-shadow: 0 3px 30px 0 rgba(5, 15, 21, 0.1);
  background: #fff;
  border-radius: 5px;
  padding: 24px;
  margin: 0 auto;
  margin-bottom: 30px;
}

@media (min-width: 480px) {
  .content__card {
    max-width: 282px;
  }
}

.page--comdatamerchants .content__card {
  height: 319px;
}

@media (min-width: 1216px) {
  .page--comdatamerchants .content__card {
    max-width: 383px;
  }
}

@media (min-width: 960px) {
  .cm-column__parent .cm-column__child.content__card:first-child {
    margin-top: 0px;
  }
}

.content__card.cm-column__child {
  flex: none;
}

@media (min-width: 960px) {
  .content__card.cm-column__child {
    margin-bottom: 0px;
  }
}

.cm-column__parent .cm-column__child.content__card:last-child {
  padding-left: 24px;
  margin-bottom: 0px;
}

.content__card .text-group__main-text p {
  color: #626F88;
}

.content__card-benefits-list .content__benefit-list-col {
  display: flex;
  flex-direction: column;
}

.content__card-benefits-list .content__benefit-list-col {
  padding-bottom: 50px;
}

@media (min-width: 960px) {
  .content__card-benefits-list .content__benefit-list-col {
    padding-bottom: 0px;
  }
}

@media (max-width: 1247px) {
  .content__card-benefits-list .content__benefit-list-col {
    padding-bottom: 24px;
  }
}

@media (min-width: 580px) {
  .content__card-benefits-list .content__benefit-list-col .textGroup.section:last-of-type {
    align-self: flex-start;
    margin-top: auto;
  }
}

@media (min-width: 960px) {
  .content__card-image .imageText .imagetext__wrapper {
    display: flex;
  }
}

@media (min-width: 960px) {
  .content__card-image .imageText .imagetext__wrapper .text-group__wrapper {
    margin-left: 32px;
    display: flex;
    width: 100%;
    flex-direction: column;
  }
}

.content__card-image .imageText .imagetext__wrapper .text-group__wrapper .text-group__main-text h4 {
  line-height: 28px;
}

.content__card-image .imageText .imagetext__wrapper .text-group__wrapper .text-group__label {
  margin-bottom: 16px;
}

.content__card-image .imageText .imagetext__wrapper .text-group__wrapper .text-group__links {
  align-self: flex-start;
  margin-top: auto;
  padding-bottom: 5px;
}

@media (min-width: 960px) {
  .content__card-image .imageText .imagetext__wrapper {
    display: flex;
  }
}

.util__inner-break-bottom.content__card-image {
  padding-bottom: 0px;
}

@media (min-width: 960px) {
  .util__inner-break-bottom.content__card-image {
    padding-bottom: 72px;
  }
}

.content__card-image .cm-column__child .imageText .imagetext__wrapper .imagetext__image .cmp-image img.cmp-image__image {
  width: 100%;
}

@media (min-width: 960px) {
  .content__card-image .cm-column__child .imageText .imagetext__wrapper .imagetext__image .cmp-image {
    width: 176px;
  }
}

.content__card-benefits-list .cm-column__child .textGroup.section {
  width: 90%;
  margin: 0 auto;
}

@media (min-width: 960px) {
  .content__card-benefits-list .cm-column__child .textGroup.section {
    max-width: 272px;
  }
}

.content__card-image .cm-column__child {
  padding-bottom: 50px;
  width: 90%;
  margin: 0 auto;
}

@media (min-width: 960px) {
  .content__card-image .cm-column__child {
    padding-bottom: 0px;
    max-width: 570px;
    flex: auto;
  }
}

.content__card-benefits-full-width.content__card-image .cm-column__child {
  padding-bottom: 50px;
  width: 90%;
  margin: 0 auto;
}

@media (min-width: 960px) {
  .content__card-benefits-full-width.content__card-image .cm-column__child {
    max-width: 820px;
    margin-top: 72px;
  }
}

.content__card-benefits-full-width.content__card-image .imageText .imagetext__wrapper .text-group__wrapper .text-group__main-text h3 {
  margin-bottom: 16px;
}

.content__card-benefits-full-width.content__card-image .imageText .imagetext__wrapper .text-group__wrapper .text-group__links {
  margin-top: 0px;
}

@media (min-width: 1216px) {
  .page--comdatamerchants .content__card .text-group__links {
    padding-top: 24px;
  }
}

@media (min-width: 1216px) {
  .page--comdatamerchants .cm-column__parent .cm-column__child.content__card:last-child .text-group__links {
    padding-top: 0px;
  }
}

@media (min-width: 960px) {
  .content__card-benefits-full-width.content__card-image .imageText .imagetext__wrapper:first-child {
    margin-bottom: 65px;
    align-items: center;
  }
}

.content__card-benefits-full-width.content__card-image .cm-column__child .imageText .imagetext__wrapper .imagetext__image .cmp-image {
  margin-top: 70px;
}

@media (max-width: 1247px) {
  .content__card-benefits-full-width.content__card-image .cm-column__child .imageText .imagetext__wrapper .imagetext__image .cmp-image {
    margin-top: 48px;
  }
}

@media (min-width: 960px) {
  .content__card-benefits-full-width.content__card-image .cm-column__child .imageText .imagetext__wrapper .imagetext__image .cmp-image {
    width: 244px;
    margin-top: 0px;
    margin-right: 68px;
  }
}

.content__card-title-bullets-wrap .cm-column__parent {
  justify-content: space-evenly;
}

.util__no-title-bullets.content__card-title-bullets-wrap .cm-column__parent .cm-column__child {
  padding-bottom: 0px;
}

.content__card-title-bullets-wrap .cm-column__parent .cm-column__child {
  padding-bottom: 20px;
  width: 90%;
  margin: 0 auto;
}

@media (min-width: 1216px) {
  .content__card-title-bullets-wrap .cm-column__parent .cm-column__child {
    flex: inherit;
    width: 30%;
    padding: 0 3%;
    border-right: 1px dashed rgba(0, 40, 59, 0.16);
    padding-bottom: 50px;
  }
}

@media (min-width: 1216px) {
  .content__card-title-bullets-wrap .cm-column__parent .cm-column__child .text-group__main-text ul {
    margin: 0 0 0px 18px;
  }
}

.content__card-title-bullets-wrap .cm-column__parent .cm-column__child .text-group__main-text ul li:last-child {
  margin-bottom: 0px;
}

.content__card-title-bullets-wrap .cm-column__parent .cm-column__child:last-child {
  padding-right: 0;
  border-right: none;
}

.content__card-image .cm-column__child.content__icon-card .imageText .imagetext__wrapper .imagetext__image .cmp-image {
  width: 48px;
}

@media (min-width: 1216px) {
  .content__card-short-title .text-group__wrapper .text-group__main-text h5 {
    width: 50%;
  }
}

.content__card-bulletpoints .cm-column__parent {
  flex-wrap: wrap;
  justify-content: center;
}

@media (min-width: 960px) {
  .content__card-image .cm-column__child.content__icon-card {
    flex: auto;
  }
}

@media (min-width: 1216px) {
  .content__card-bulletpoints .cm-column__parent .cm-column__child {
    flex: inherit;
    width: 27%;
    margin: 0 3%;
  }
}

@media (max-width: 759px) {
  .page--comdatamerchants .cm-column__parent .content__card.cm-column__child:first-child {
    padding-right: 24px;
  }
}

.page--comdatapayments .content__card {
  max-width: 342px;
  margin-bottom: 32px;
}

@media (min-width: 760px) {
  .page--comdatapayments .content__card {
    display: flex;
    flex-direction: column;
  }
}

@media (min-width: 1080px) {
  .page--comdatapayments .content__card {
    margin-bottom: 0px;
  }
}

@media (min-width: 1248px) {
  .page--comdatapayments .content__card {
    max-width: 380px;
    margin: initial;
  }
}

.page--comdatapayments .content__card .text-group__main-text h4 {
  font-size: 24px;
}

@media (min-width: 960px) {
  .page--comdatapayments .content__card .text-group__main-text h4 {
    width: 85%;
  }
}

.page--comdatapayments .content__cards .cm-column__parent {
  display: block;
}

@media (min-width: 1080px) {
  .page--comdatapayments .content__cards .cm-column__parent {
    display: flex;
    justify-content: space-between;
    max-width: 1008px;
    align-items: initial;
  }
}

.page--comdatapayments .content__card .component-button-text-link--with-arrow,
.page--comdatapayments .text-group__links a {
  color: #009DDC;
  width: 8px;
  margin-left: 3px;
  padding-top: 2px;
}

.page--comdatapayments .content__card .component-button-text-link--with-arrow:hover,
  .page--comdatapayments .text-group__links a:hover {
  color: #FFCC41;
  cursor: pointer;
}

.page--comdatapayments .content__card .component-button-text-link--with-arrow:hover svg,
    .page--comdatapayments .text-group__links a:hover svg {
  fill: #FFCC41;
}

.page--comdatapayments a.text-group__link.text-group__link--button {
  color: white;
  width: 180px;
  padding-top: 16px;
}

.page--comdatapayments .text-group__center-link a.text-group__link.text-group__link--button {
  margin-top: 16px;
}

@media (min-width: 760px) {
  .page--comdatapayments .text-group__center-link a.text-group__link.text-group__link--button {
    margin-top: 24px;
  }
}

.page--comdatapayments .text-group__links {
  margin-top: 8px;
  margin-bottom: 24px;
}

.page--comdatapayments .text-group__center-link .text-group__links {
  margin-bottom: 0px;
}

.page--comdatapayments .text-group__link svg,
.page--comdatapayments .content__card .component-button-text-link--with-arrow svg {
  fill: #009DDC;
}

.page--comdatapayments .cm-column__parent .cm-column__child.content__card:last-child {
  margin-bottom: 32px;
}

@media (min-width: 760px) {
  .page--comdatapayments .cm-column__parent .cm-column__child.content__card:last-child {
    margin-bottom: 0px;
  }
}

@media (min-width: 760px) {
  .page--comdatapayments.page--name-en .cm-column__parent .cm-column__child.content__card:last-child {
    margin-bottom: 0px;
  }
}

@media (min-width: 960px) {
  .page--comdatapayments .content__cards .cm-column__parent {
    max-width: 1211px;
  }
}

.page--comdatapayments .content__card .button.section {
  margin-top: auto;
}

@media (min-width: 960px) {
  .content__cards .cm-column__parent {
    align-items: initial;
  }
}

.page--comdatapayments .content__icon-card.content__eight-padding-bottom {
  margin-bottom: 8px;
}

.page--comdatapayments .content__icon-card .content__cards.util__card-icon-img .text-group__wrapper:first-of-type {
  margin-bottom: 16px;
}

.page--comdatapayments .content__icon-card.text-group__icon-yellow .text-group__wrapper:first-of-type .text-group__main-text h5,
.page--comdatapayments .content__icon-card.util__blue-icon .text-group__wrapper:first-of-type .text-group__main-text h5 {
  margin-left: 60px;
  padding-top: 10px;
}

.page--comdatapayments .content__icon-card .text-group__wrapper .text-group__main-text ul,
.page--comdatapayments .content__icon-card .text-group__wrapper .text-group__main-text ul li {
  margin-bottom: 0px;
}

@media (min-width: 760px) {
  .page--comdatapayments .content__icon-card .text-group__wrapper .text-group__main-text ul,
    .page--comdatapayments .content__icon-card .text-group__wrapper .text-group__main-text ul li {
    width: 91%;
  }
}

@media (min-width: 760px) {
  .page--comdatapayments .content__icon-card .text-group__wrapper .text-group__main-text p {
    width: 91%;
  }
}

.page--comdatapayments .content__icon-card.content__full-paragraph .text-group__wrapper .text-group__main-text p {
  margin-bottom: 0px;
}

@media (min-width: 760px) {
  .page--comdatapayments .content__icon-card.content__full-paragraph .text-group__wrapper .text-group__main-text p {
    width: 100%;
  }
}

.page--comdatapayments .content__icon-card.content__icon-paragraph .text-group__wrapper .text-group__main-text p {
  padding-bottom: 16px;
}

.page--comdatapayments .content__icon-card.text-group__icon-yellow.content__icon-card-small-icon .text-group__wrapper .text-group__icon {
  background-color: rgba(247, 179, 52, 0.1);
  width: 44px;
  height: 44px;
}

.page--comdatapayments .content__icon-card-small-icon .text-group__wrapper .text-group__icon img {
  width: 24px;
  transform: scale(1) translate(10px, 9px);
}

@media (max-width: 759px) {
  .page--comdatapayments.page--name-virtual-credit-card .content__icon-card:last-child {
    padding-bottom: 24px;
  }
}

.page--comdatapayments .text-group__icon {
  background-color: #DDEFF7;
  width: 32px;
  border-radius: 3px;
  float: left;
}

.page--comdatapayments .text-group__icon img {
  transform: scale(0.6) translate(12px, 14px);
}

.page--comdatapayments .content__icon-card .text-group__main-text h5 {
  margin-left: 48px;
  padding-top: 4px;
}

.page--comdatapayments .content__cards.util__card-icon-img .content__card .text-group__icon {
  background-color: transparent;
  float: none;
}

.page--comdatapayments .content__cards.util__card-icon-img .content__card .text-group__icon {
  width: 48px;
  margin-bottom: 32px;
}

.page--comdatapayments .content__cards.util__card-icon-img .content__card .text-group__icon img {
  width: 100%;
  transform: scale(1);
}

.page--comdatapayments .content__icon-card-small-icon.util__blue-icon .text-group__wrapper .text-group__icon {
  width: 44px;
  height: 44px;
}

.page--comdatapayments .content__icon-card-small-icon.util__blue-icon .text-group__wrapper .text-group__icon img {
  transform: scale(1) translate(10px, 10px);
}

.content__productpromo .cm-column__parent {
  justify-content: space-between;
}

.content_productpromo-text {
  max-width: 506px;
  -ms-flex: none;
}

@media (max-width: 1247px) {
  .content_productpromo-text {
    margin-bottom: 0px;
  }
}

.content_productpromo-card {
  max-width: 520px;
  -ms-flex: none;
}

.cm-column__child.content_productpromo-card {
  align-items: center;
}

@media (max-width: 1247px) {
  .content__productpromo .text-group__main-text h2 {
    font-size: 24px;
  }
}

.content_productpromo-text .text-group__main-text > p {
  font-size: 20px;
}

@media (max-width: 1247px) {
  .content_productpromo-text .text-group__main-text > p {
    font-size: 16px;
  }
}

@media (min-width: 1248px) {
  .content__productpromo .content__productpromo-button.content_productpromo-card .imageText .imagetext__wrapper {
    margin-bottom: 48px;
  }
}

@media (min-width: 1248px) {
  .content__productpromo .cm-column__child.content__productpromo-small-fleets p,
  .content__productpromo .cm-column__child.content__productpromo-large-fleets p {
    font-size: 20px;
  }
}

@media (min-width: 580px) {
  .content__productpromo-small-fleets .text-group__main-text p:last-child,
  .content__productpromo-large-fleets .text-group__main-text p:last-child {
    margin-bottom: 0px;
  }
}

@media (min-width: 580px) {
  .content__productpromo-small-fleets .text-group__main-text h6,
  .content__productpromo-large-fleets .text-group__main-text h6 {
    margin-bottom: 0px;
  }
}

@media (min-width: 1248px) {
  .content__productpromo .cm-column__child.content__productpromo-large-fleets .productCTA .product-cta__buttons {
    margin-top: 20px;
  }
}

@media (min-width: 1248px) {
  .content__productpromo .cm-column__child.content__productpromo-small-fleets .product-cta__buttons a p,
  .content__productpromo .cm-column__child.content__productpromo-large-fleets .product-cta__buttons a p {
    font-size: 16px;
  }
}

@media (min-width: 1248px) {
  .content__productpromo-small-fleets .textGroup,
  .content__productpromo-large-fleets .textGroup {
    margin-top: 56px;
  }
}

.content__productpromo .cm-column__child.content__productpromo-small-fleets .text-group__label,
.content__productpromo .cm-column__child.content__productpromo-large-fleets .text-group__label {
  font-size: 16px;
  margin-bottom: 16px;
}

@media (min-width: 1248px) {
  .content__productpromo .cm-column__child.content__productpromo-small-fleets {
    max-width: 520px;
  }
}

@media (min-width: 1248px) {
  .content__productpromo-small-fleets .textGroup .text-group__main-text ul {
    margin-top: 32px;
  }
}

@media (min-width: 960px) {
  .content__productpromo .cm-column__child.content__productpromo-large-fleets {
    max-width: 352px;
  }
}

.content__productpromo-large-fleets .textGroup:last-child {
  margin-top: 20px;
}

.content__productpromo-large-fleets.content__benefit-list-col {
  display: flex;
  flex-direction: column;
}

@media (min-width: 580px) {
  .content__productpromo-large-fleets.content__benefit-list-col .textGroup.section:last-of-type {
    align-self: flex-start;
    margin-top: auto;
  }
}

.content__bullet-points-large-fleets .content__benefits-bullet-points .text-group__wrapper {
  display: flex;
  background-color: #00283B;
  padding: 65px;
  margin: 0 auto;
  justify-content: center;
  border-radius: 5px;
}

.content__bullet-points-large-fleets .content__benefits-bullet-points .text-group__wrapper .text-group__main-text h3 {
  color: white;
  font-size: 22px;
  padding-bottom: 12px;
}

@media (min-width: 580px) {
  .content__bullet-points-large-fleets .content__benefits-bullet-points .text-group__wrapper .text-group__main-text ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 0 0px 50px;
  }
}

@media (min-width: 960px) {
  .content__bullet-points-large-fleets .content__benefits-bullet-points .text-group__wrapper .text-group__main-text ul {
    margin: 0 0 0px 120px;
  }
}

.content__bullet-points-large-fleets .content__benefits-bullet-points .text-group__wrapper .text-group__main-text ul li {
  color: rgba(255, 255, 255, 0.7);
}

@media (min-width: 580px) {
  .content__bullet-points-large-fleets .content__benefits-bullet-points .text-group__wrapper .text-group__main-text ul li {
    width: 45%;
  }
}

@media (min-width: 960px) {
  .content__bullet-points-large-fleets .content__benefits-bullet-points .text-group__wrapper .text-group__main-text ul li {
    width: 32%;
  }
}

.content__product-and-services-wrap .textGroup .text-group__links a {
  display: block;
}

@media (min-width: 1216px) {
  .content__product-and-services-wrap .textGroup .text-group__links a {
    display: inline;
    margin-right: 38px;
  }
}

.content__product-and-services-wrap .textGroup .text-group__links a:last-child {
  margin-right: none;
}

.content__productpromo-button .button {
  width: 100%;
  display: block;
}

.product-cta__wrap {
  max-width: 420px;
}

.product-cta__wrap figure img {
  box-shadow: 0 16px 30px 0 rgba(200, 213, 213, 0.7);
  border-radius: 12px;
  width: 100%;
}

.product-cta__wrap figure {
  margin-bottom: 38px;
}

.product-cta__wrap .component-button {
  width: 100%;
  text-align: center;
}

.line hr {
  border: none;
  height: 1px;
  background-image: linear-gradient(90deg, #D5E5E1, #D5E5E1 50%, transparent 60%, transparent 100%);
  background-size: 6px 1px;
  margin: 0;
}

.line-dark hr {
  border: none;
  height: 1px;
  background-image: linear-gradient(90deg, rgba(0, 40, 59, 0.16), rgba(0, 40, 59, 0.16) 50%, transparent 60%, transparent 100%);
  background-size: 6px 1px;
  margin: 0;
}

.page--comdatapayments .line hr {
  max-width: 1216px;
  margin-left: auto;
  margin-right: auto;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg version='1.2' baseProfile='tiny' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 494 23' overflow='visible'%3E%3Ccircle fill='%23C7DAE7' cx='2' cy='12' r='2'/%3E%3Ccircle fill='%23C7DAE7' cx='24.45' cy='12' r='2'/%3E%3Ccircle fill='%23C7DAE7' cx='46.91' cy='12' r='2'/%3E%3Ccircle fill='%23C7DAE7' cx='69.36' cy='12' r='2'/%3E%3Ccircle fill='%23C7DAE7' cx='91.82' cy='12' r='2'/%3E%3Ccircle fill='%23C7DAE7' cx='114.27' cy='12' r='2'/%3E%3Ccircle fill='%23C7DAE7' cx='136.73' cy='12' r='2'/%3E%3Ccircle fill='%23C7DAE7' cx='159.18' cy='12' r='2'/%3E%3Ccircle fill='%23C7DAE7' cx='181.64' cy='12' r='2'/%3E%3Ccircle fill='%23C7DAE7' cx='204.09' cy='12' r='2'/%3E%3Ccircle fill='%23C7DAE7' cx='226.55' cy='12' r='2'/%3E%3Ccircle fill='%23C7DAE7' cx='249' cy='12' r='2'/%3E%3Ccircle fill='%23C7DAE7' cx='271.45' cy='12' r='2'/%3E%3Ccircle fill='%23C7DAE7' cx='293.91' cy='12' r='2'/%3E%3Ccircle fill='%23C7DAE7' cx='316.36' cy='12' r='2'/%3E%3Ccircle fill='%23C7DAE7' cx='338.82' cy='12' r='2'/%3E%3Ccircle fill='%23C7DAE7' cx='361.27' cy='12' r='2'/%3E%3Ccircle fill='%23C7DAE7' cx='383.73' cy='12' r='2'/%3E%3Ccircle fill='%23C7DAE7' cx='406.18' cy='12' r='2'/%3E%3Ccircle fill='%23C7DAE7' cx='428.64' cy='12' r='2'/%3E%3Ccircle fill='%23C7DAE7' cx='451.09' cy='12' r='2'/%3E%3Ccircle fill='%23C7DAE7' cx='473.55' cy='12' r='2'/%3E%3C/svg%3E");
  background-size: contain;
}

@media (max-width: 759px) {
  .page--comdatapayments .line hr {
    width: 90%;
  }
}

.page--comdatapayments .line .line__bg-color {
  background-color: #F6F8F9;
}

@media (max-width: 579px) {
  .testimonials__wrap {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}

.testimonial__name {
  color: #F26964;
  font-size: 14px;
}

@media (min-width: 580px) {
  .testimonial__name {
    font-size: 18px;
  }
}

.testimonial__person-info {
  flex: 1;
}

.testimonial__icon {
  border: 2px solid #D5E5E1;
  background: #EBF3F1;
}

@media (max-width: 579px) {
  .testimonial__icon {
    margin-right: .5em;
  }
}

.testimonial__title {
  color: #626F88;
  font-size: 14px;
}

@media (min-width: 580px) {
  .testimonial__title {
    font-size: 18px;
  }
}

@media (max-width: 579px) {
  .testimonial__text p {
    font-size: 20px;
  }
}

.testimonials--dark .testimonial__icon {
  border: 2px solid #F26964;
  background: #00283B;
  color: #EBF3F1;
}

.testimonial__width-small .testimonials__wrap {
  max-width: 820px;
}

.testimonial__person-info-cdp {
  display: none;
}

[data-star-rating] {
  display: none;
}

svg[data-star-rating]:first-of-type,
svg[data-star-rating="2"]:nth-of-type(2),
svg[data-star-rating="3"]:nth-of-type(2),
svg[data-star-rating="3"]:nth-of-type(3),
svg[data-star-rating="4"]:nth-of-type(2),
svg[data-star-rating="4"]:nth-of-type(3),
svg[data-star-rating="4"]:nth-of-type(4),
svg[data-star-rating="5"]:nth-of-type(2),
svg[data-star-rating="5"]:nth-of-type(3),
svg[data-star-rating="5"]:nth-of-type(4),
svg[data-star-rating="5"]:nth-of-type(5),
svg[data-star-rating="6"] {
  display: inline;
}

.page--comdatapayments .testimonials__wrapper {
  padding-top: 32px;
}

.page--comdatapayments .testimonials__wrapper .cm-column__child {
  padding: 0px;
}

@media (min-width: 760px) {
  .page--comdatapayments .testimonials__wrap {
    display: flex;
    max-width: 1216px;
    justify-content: space-between;
  }
}

.page--comdatapayments .testimonial {
  box-shadow: 0 3px 30px 0 rgba(5, 15, 21, 0.1);
  background: #fff;
  border-radius: 4px;
  padding: 32px;
  margin: 0 auto;
  margin-bottom: 32px;
}

@media (min-width: 760px) {
  .page--comdatapayments .testimonial {
    width: 49%;
    margin: initial;
  }
}

.page--comdatapayments .testimonial__star-rating {
  margin-bottom: 32px;
}

.page--comdatapayments .testimonial__text h4 {
  font-size: 22px;
}

.page--comdatapayments .testimonial__text p {
  color: #6B707A;
  font-size: 16px;
  font-style: unset;
  margin-bottom: 32px;
}

.testimonial__star-rating svg {
  fill: #FFCC41;
}

.page--comdatapayments .testimonial__person-info-cdp {
  color: #B7BCC5;
  font-size: 16px;
}

.page--comdatapayments .testimonial__person-info-cdp .testimonial__name {
  color: #FFBC00;
  font-size: 16px;
  font-family: DINWebPro-Medium;
  font-weight: 600;
}

.page--comdatapayments .testimonial__person-info {
  display: none;
}

.page--comdatapayments .testimonial__person-info-cdp {
  display: block;
}

.content__featurepromo .cm-column__parent {
  justify-content: space-between;
}

.content__featurepromo--bottom-align .cm-column__parent {
  align-items: flex-end;
}

.content__featurepromo .cm-column__child.content__featurepromo-image {
  max-width: 590px;
}

.content__featurepromo.util__bottom-line {
  padding-bottom: 0px;
}

.content__featurepromo .cmp-image {
  display: flex;
  flex-direction: column;
}

.content__featurepromo .text-group__main-text p {
  font-size: 19px;
}

@media (max-width: 1247px) {
  .content__featurepromo .text-group__main-text p {
    font-size: 16px;
  }
}

.content__featurepromo .util__full-width-button {
  margin-top: 5px;
  width: 100%;
}

.content__featurepromo .util__full-width-button .component-button {
  padding: 17px 0px;
}

@media (min-width: 1248px) {
  .content__featurepromo .content__feature-text-group-left {
    max-width: 520px;
  }
}

@media (min-width: 1216px) {
  .content__featurepromo .content__feature-text-group-left {
    margin-right: 125px;
  }
}

.content__featurepromo .content__feature-text-group-right {
  max-width: 520px;
}

@media (min-width: 1216px) {
  .content__featurepromo .content__feature-text-group-right {
    margin-left: 100px;
    margin-right: 50px;
  }
}

.content__featurepromo .content__feature-text-bulletpoints {
  max-width: 520px;
}

.content__featurepromo .content__feature-bulletpoints-list {
  max-width: 595px;
}

@media (min-width: 1216px) {
  .content__featurepromo .content__feature-bulletpoints-list {
    margin-left: 130px;
  }
}

@media (min-width: 1216px) {
  .content__featurepromo .content__feature-text-group-left .text-group__main-text p,
  .content__featurepromo .content__feature-text-bulletpoints .text-group__main-text p {
    width: 85%;
  }
}

.content__featurepromo .content__feature-text-group-left .textGroup .text-group__links a,
.content__featurepromo .content__feature-text-group-right .textGroup .text-group__links a {
  display: block;
}

@media (min-width: 1216px) {
  .content__featurepromo .content__feature-text-group-left .textGroup .text-group__links a,
    .content__featurepromo .content__feature-text-group-right .textGroup .text-group__links a {
    display: inline;
    margin-right: 38px;
  }
}

.content__featurepromo .content__feature-text-group-right .text-group__main-text p {
  width: 90%;
}

.bullets__wrap {
  margin: 0;
}

.bullets__content {
  margin: 0;
  padding: 0;
}

.bullets__item__container {
  display: flex;
  align-items: center;
  border-radius: 5px;
  margin-bottom: 17px;
}

.bullets__item__container:last-of-type {
  margin-bottom: 0px;
}

.icon__left {
  width: 48px;
  height: 48px;
  margin: 16px 24px;
}

.text__right {
  width: 90%;
  padding: 0 4px 0 4px;
  color: #626F88;
}

.text__right p {
  margin-bottom: 0px;
}

.breadcrumbs-content {
  padding: 16px 0 6px;
  display: flex;
}

.page--comdatapayments .breadcrumbs-content {
  padding-bottom: 0px;
}

.breadcrumbs-content > ul {
  padding-left: 0em;
  color: rgba(255, 255, 255, 0.3);
}

.breadcrumbs-content li a {
  color: #40B7EC;
}

.breadcrumbs-content ul li {
  display: inline;
  text-transform: uppercase;
}

.breadcrumbs-content a.breadcrumbs-content-hideLink {
  text-decoration: none;
  color: inherit;
  cursor: text !important;
  pointer-events: none;
}

.page--comdatapayments .breadcrumbs-content {
  font-size: 12px;
  justify-content: flex-end;
  font-family: DINWebPro-Medium;
  font-weight: 600;
}

@media (max-width: 479px) {
  .page--comdatapayments .breadcrumbs-content {
    justify-content: flex-start;
  }
}

.page--comdatapayments .breadcrumbs-content__separator {
  color: #009DDC;
}

.page--comdatapayments .breadcrumbs-content ul {
  padding-bottom: 0px;
}

.page--comdatapayments .breadcrumbs-content ul li {
  color: #B7BCC5;
}

.content__hiring-text .text-group__main-text {
  width: 90%;
}

@media (max-width: 1215px) {
  .content__leadership .cm-column__parent {
    flex-direction: column;
  }

  .content__leadership .cm-column__parent .cm-column__child {
    -ms-flex: 1 1 auto;
    padding-right: 0;
    padding-bottom: 40px;
  }
}

.content__leadership .imagetext__text p {
  color: #40B7EC;
  line-height: 1.3em;
  margin-bottom: 0;
  margin-top: 10px;
  font-weight: 500;
}

.content__leadership .cm-column__child {
  padding: 0px;
  margin: 0 auto;
  width: auto;
}

@media (min-width: 1216px) {
  .content__leadership .cm-column__child {
    width: 25%;
    margin-right: 95px;
  }
}

.content__leadership .cm-column__child .cmp-image {
  width: 214px;
}

@media (min-width: 1248px) {
  .content__leadership .cm-column__child .cmp-image {
    width: inherit;
  }
}

.content__leadership .cm-column__child .cmp-image img {
  width: 100%;
}

@media (min-width: 1216px) {
  .content__leadership .cm-column__child:last-child {
    margin-right: 0px;
  }
}

.content__leadership .imagetext__text h5 {
  font-size: 28px;
  padding-top: 12px;
}

.login__buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.popbox_container {
  max-width: 590px;
  padding: 30px 30px 0;
}

.section__links-wrapper .cm-column__parent {
  margin-top: 22px;
  justify-content: center;
}

.section__links-wrapper .cm-column__child {
  flex: inherit;
  margin: 0 16px;
}

.section__fullwidth-image .cm-column__child div.image.section img {
  width: 100%;
}

@media (min-width: 760px) {
  .section__why-comdata-text {
    padding-right: 42px;
  }
}

.section__two-col-ul .text-group__main-text ul {
  -moz-column-count: 2;
  column-count: 2;
}

@media (max-width: 759px) {
  .section__two-col-ul .text-group__main-text ul {
    -moz-column-count: 1;
    column-count: 1;
  }
}

.section__hide-link-mobile .text-group__links {
  display: none;
}

@media (min-width: 760px) {
  .section__hide-link-mobile .text-group__links {
    display: block;
  }
}

.article {
  margin-bottom: 104px;
  border-top: 1px #D5E5E1 solid;
  padding-top: 104px;
}

.articleList {
  border-top: 1px #D5E5E1 solid;
  padding-top: 104px;
}

@media (max-width: 959px) {
  .article__wrapper {
    flex-direction: column-reverse;
  }
}

.article__list {
  display: flex;
  flex-direction: column;
}

.article__list .line.section {
  margin: 72px 0;
}

.article__list .article__content:last-child .line.section {
  display: none;
}

.article__list .article__content:last-child {
  margin-bottom: 72px;
}

.article__content {
  width: 100%;
  max-width: 832px;
}

.page--comdatapayments .article__content {
  max-width: 938px;
  margin: 0 auto;
}

.page--comdatapayments .article__content img {
  width: 100%;
  border-radius: 4px;
}

.article__title {
  font-size: 22px;
  font-weight: bolder;
  margin: 0px 0px 40px;
}

.page--comdatapayments h1.article__title {
  text-align: center;
  font-size: 36px;
  max-width: 742px;
  margin: 0 auto 24px;
}

@media (max-width: 759px) {
  .page--comdatapayments h1.article__title {
    font-size: 18px;
  }
}

.article__date {
  font-family: roboto;
  font-size: 20px;
  font-weight: bold;
  margin: 0px 0px 40px;
  color: #40B7EC;
}

.article__main-text {
  font-size: 20px;
  font-weight: normal;
  margin: 0px 0px 88px;
}

.page--comdatapayments .article__main-text {
  font-size: 16px;
  color: #6B707A;
  max-width: 742px;
  margin: 0 auto;
}

.article__list .article__main-text {
  margin-bottom: 40px;
}

.article__sidebar {
  padding-bottom: 40px;
}

@media (min-width: 960px) {
  .article__sidebar {
    padding-left: 104px;
    padding-bottom: 0px;
  }
}

.article__sidebar-title {
  font-family: roboto;
  font-size: 18px;
  margin: 0px;
}

.article__sidebar-main-text {
  font-size: 16px;
  font-weight: normal;
  color: #595E61;
}

.article__sidebar-main-text a {
  color: #595E61;
}

.article__sidebar-main-text a:hover {
  color: #F26964;
}

.article__sidebar-main-text p {
  margin: 0px;
}

.article__nav .component-button {
  background-color: #40B7EC;
  border: 1px solid #40B7EC;
}

.article__nav .component-button:hover {
  background-color: #F26964;
  border: 1px solid #F26964;
}

.article__readmore a svg {
  margin-left: 0.5em;
  fill: #F26964;
}

.article__readmore a:hover,
.article__readmore a:hover svg {
  fill: #40B7EC;
  color: #40B7EC;
}

.article__labels {
  display: flex;
  justify-content: center;
  margin: 32px 0 16px;
}

.article__prev-next {
  max-width: 938px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

.page--comdatapayments.article-page .article {
  border-top: none;
  margin-bottom: 56px;
  padding-top: 56px;
}

@media (max-width: 759px) {
  .page--comdatapayments.article-page .article {
    padding-top: 20px;
    margin-bottom: 20px;
  }
}

.page--comdatapayments.article-page .article a {
  color: #009DDC;
}

.relatedArticles {
  background-color: #EBF3F1;
}

.relatedarticles__title {
  font-style: italic;
  margin: 0px 0px 72px 0px;
  padding: 104px 0px 0px 20px;
}

@media (min-width: 1216px) {
  .relatedarticles__title {
    padding-left: 0px;
  }
}

.relatedarticles__list {
  padding-bottom: 104px;
}

.relatedarticles__wrap .util-unlist {
  padding: 0px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.relatedarticles__item {
  background-color: #FFF;
  border-radius: 5px;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.16);
  padding: 24px 24px 27px 24px;
  width: 32%;
  list-style: none;
  display: flex;
  flex-direction: column;
}

@media (max-width: 959px) {
  .relatedarticles__item {
    width: 100%;
    margin-bottom: 40px;
  }
}

h5.relatedarticles__headline {
  margin-bottom: 16px;
}

.relatedarticles__headline a {
  color: #00283B;
}

.relatedarticles__description {
  color: #626F88;
  margin-bottom: 18px;
}

.relatedarticles__readmore {
  margin-top: auto;
}

.relatedarticles__readmore a svg {
  margin-left: 0.5em;
  fill: #F26964;
}

.relatedarticles__readmore a:hover,
.relatedarticles__readmore a:hover svg {
  fill: #40B7EC;
  color: #40B7EC;
}

.content__lead-form,
.cm-column__parent .cm-column__child:last-child.content__lead-form,
.cm-column__parent .cm-column__child:first-child.content__lead-form {
  box-shadow: 0 3px 30px 0 rgba(5, 15, 21, 0.1);
  background-color: #fff;
  padding: 64px 64px 40px 64px;
  display: flex;
  flex-direction: column;
  max-width: 592px;
}

@media (max-width: 1079px) {
  .content__lead-form,
    .cm-column__parent .cm-column__child:last-child.content__lead-form,
    .cm-column__parent .cm-column__child:first-child.content__lead-form {
    margin-top: 48px;
  }
}

@media (max-width: 759px) {
  .content__lead-form,
    .cm-column__parent .cm-column__child:last-child.content__lead-form,
    .cm-column__parent .cm-column__child:first-child.content__lead-form {
    padding: 24px 16px;
    margin-top: 24px;
  }
}

.page--comdatapayments .content__lead-form,
.page--comdatapayments .cm-column__parent .cm-column__child:last-child.content__lead-form,
.page--comdatapayments .cm-column__parent .cm-column__child:first-child.content__lead-form {
  padding: 32px 32px 10px 32px;
  max-width: 550px;
  border-radius: 4px;
}

.content__lead-form-with-text .cm-column__parent {
  align-items: center;
}

@media (max-width: 1079px) {
  .content__lead-form-with-text .cm-column__parent {
    flex-direction: column;
  }
}

.content__lead-form-with-text .text-group__main-text p {
  font-size: 20px;
}

@media (min-width: 1248px) {
  .content__lead-form-with-text .text-group__main-text p {
    padding-right: 80px;
  }
}

@media (min-width: 1080px) {
  .content__lead-form-with-text.content__hero .text-group__main-text p {
    font-size: 28px;
  }
}

@media (min-width: 1248px) {
  .content__lead-form-with-text.content__hero .text-group__main-text p {
    padding-right: 80px;
  }
}

.content__lead-form-with-text .text-group__main-text h2 {
  max-width: 600px;
}

@media (max-width: 759px) {
  .content__lead-form-with-text .text-group__main-text h2 {
    font-size: 32px;
  }
}

.lead-form__input {
  border-color: #D5E5E1;
  border-radius: 4px;
}

.lead-form__label-text {
  color: rgba(89, 94, 97, 0.5);
  padding-bottom: 7px;
}

.component-button.component-button--lead-form {
  padding-top: 24px;
  padding-bottom: 24px;
  text-transform: uppercase;
  font-weight: bold;
  background: #40B7EC;
  border-color: #40B7EC;
}

.component-button.component-button--lead-form:hover {
  background: #F26964;
  border-color: #F26964;
}

@media (max-width: 759px) {
  .component-button.component-button--lead-form {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}

.page--comdatapayments .component-button.component-button--lead-form {
  padding-top: 16px;
  padding-bottom: 16px;
}

.case-study .content__lead-form .text-group__main-text h4 {
  padding-bottom: 24px;
}

.success-message h3,
.success-message p {
  color: #00283B;
}

.page--comdatapayments .content__lead-form {
  margin-top: 32px;
  margin-bottom: 16px;
}

@media (min-width: 960px) {
  .page--comdatapayments .content__lead-form {
    margin-bottom: 140px;
  }
}

@media (min-width: 960px) {
  .page--comdatapayments .hero__subpage .content__lead-form {
    margin-bottom: 80px;
  }
}

.page--comdatapayments .content__lead-form h3 {
  font-size: 20px;
}

@media (min-width: 760px) {
  .page--comdatapayments .content__lead-form h3 {
    font-size: 28px;
  }
}

.page--comdatapayments .content__lead-form .lead-form__input {
  font-size: 14px;
}

@media (min-width: 760px) {
  .page--comdatapayments .content__lead-form .lead-form__input {
    font-size: 16px;
  }
}

.page--comdatapayments .content__lead-form-contact .text-group__main-text {
  text-align: center;
  padding-bottom: 32px;
}

@media (min-width: 760px) {
  .page--comdatapayments .content__lead-form-contact .text-group__main-text {
    text-align: left;
  }
}

@media (min-width: 960px) {
  .page--comdatapayments .content__lead-form-contact .text-group__main-text:first-of-type {
    margin-right: 48px;
  }
}

@media (min-width: 960px) {
  .page--comdatapayments .content__lead-form-contact {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
  }
}

@media (min-width: 1216px) {
  .page--comdatapayments .content__lead-form-contact {
    padding-right: 128px;
  }
}

.page--comdatapayments .content__lead-form-contact a {
  color: #003A5D;
}

.page--comdatapayments .content__lead-form-contact .text-group__main-text h5,
.page--comdatapayments .content__lead-form-contact .text-group__main-text p {
  margin-bottom: 0px;
}

.page--comdatapayments .content__lead-form-contact .imageText {
  margin: 32px 0;
}

.page--comdatapayments .content__lead-form .component-button--lead-form {
  background-color: #009DDC;
  font-family: DINWebPro-Medium, "Helvetica", Arial, sans-serif;
  font-weight: normal;
  border: none;
}

.page--comdatapayments .content__lead-form .component-button--lead-form:hover {
  cursor: pointer;
  background-color: #003A5D;
}

@media (max-width: 1247px) {
  .content__card-image img.cmp-image__image {
    max-width: 176px;
  }
}

@media (max-width: 1247px) {
  .content__card-image.content__card-image-wide img.cmp-image__image {
    max-width: 244px;
  }
}

/* Merchant POS */

@media (max-width: 959px) {
  .page--name-c-store-solutions .imagetext__image {
    display: flex;
    justify-content: center;
  }
}

@media (max-width: 959px) {
  .page--name-unattended-fuel-sites .imagetext__image {
    margin-bottom: 24px;
  }
}

@media (max-width: 479px) {
  .page--comdatapayments .content__fast-facts {
    padding-left: 8px;
  }
}

.page--comdatapayments .content__fast-facts .cm-column__parent {
  justify-content: space-around;
}

@media (max-width: 479px) {
  .page--comdatapayments .content__fast-facts .cm-column__parent {
    flex-direction: row;
    flex-wrap: wrap;
  }
}

.page--comdatapayments .content__fast-facts .cm-column__child .text-group__wrapper {
  padding: 32px;
  width: 100%;
  max-width: 259px;
  background-color: #C7DAE7;
  border-radius: 8px;
  height: 265px;
}

@media (max-width: 479px) {
  .page--comdatapayments .content__fast-facts .cm-column__child .text-group__wrapper {
    width: 159px;
    height: 273px;
    padding: 24px 16px;
    margin-bottom: 24px;
  }
}

.page--comdatapayments .content__fast-facts .cm-column__child .text-group__wrapper h1 {
  font-size: 56px;
  margin-bottom: 0px;
}

@media (max-width: 479px) {
  .page--comdatapayments .content__fast-facts .cm-column__child .text-group__wrapper h1 {
    font-size: 28px;
    margin-bottom: 8px;
  }
}

.page--comdatapayments .content__fast-facts .cm-column__child .text-group__wrapper h5 {
  margin-bottom: 0px;
  line-height: 1.4em;
}

@media (max-width: 479px) {
  .page--comdatapayments .content__fast-facts .cm-column__child .text-group__wrapper h5 {
    font-size: 16px;
  }
}

.cs-filter__wrap {
  margin-top: 0;
}

.cs-filter__categories-list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 2em;
  position: relative;
}

.cs-filter__category-list-item button,
.cs-filter__category-list-item a {
  color: #40B7EC;
  font-size: 16px;
  font-weight: 500;
  border: none;
  background-color: transparent;
}

.cs-filter__category-list-item button {
  margin-right: 50px;
}

.cs-filter__view-all-link {
  position: absolute;
  right: 0;
}

@media (max-width: 759px) {
  .cs-filter__view-all-link {
    position: relative;
  }
}

.cs-filter__category-list-item button:focus,
.cs-filter__category-list-item button:active,
.cs-filter__category-list-item button:hover {
  outline: none;
  border-bottom: 2px solid #40B7EC;
}

.cs-filter__list {
  display: flex;
  padding-bottom: 11px;
  justify-content: left;
  flex-wrap: wrap;
  margin-left: -32px;
  transition: 0.3s ease;
}

@media (max-width: 759px) {
  .cs-filter__list {
    flex-direction: column;
    margin-left: 0px;
  }
}

.cs-filter__tile {
  position: relative;
  margin-bottom: 20px;
  width: 280px;
  height: 240px;
  margin-left: 32px;
  margin-right: 0;
  text-align: left;
  box-shadow: 0px 10px 18px rgba(0, 0, 0, 0.06);
  display: none;
  border-radius: 4px;
  font-weight: 500;
}

@media (max-width: 759px) {
  .cs-filter__tile {
    width: 100%;
    margin: 0 auto;
  }
}

.cs-filter__tile-body {
  padding: 28px 24px;
  line-height: 1.3;
}

.cs-filter__tile-body .text-group__link:hover svg {
  fill: #F26964;
}

.cs-filter__tile-heading {
  display: block;
  font-weight: 700;
  color: #00283B;
  padding: 0 0 30px;
  line-height: 24px;
}

.cs-filter__tile .text-group__link {
  position: absolute;
  bottom: 24px;
}

.cs-filter__tile-tags {
  color: #40B7EC;
  margin-bottom: 0;
}

.util__cards .cm-column__parent {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.util__cards .cm-column__child {
  flex: auto;
  margin-right: 10px;
}

@media (min-width: 480px) {
  .util__cards .cm-column__child {
    max-width: calc(33% - 10px);
  }
}

.util__cards .imageCard.section {
  background: #fff;
  box-shadow: 0 3px 30px 0 rgba(5, 15, 21, 0.1);
  height: 201px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.page--name-partners .util__cards img.cmp-image__image {
  max-height: 170px;
}

@media (max-width: 1247px) {
  .util__cards .cm-column__parent .cm-column__child:first-child,
  .util__content-wrap .cm-column__child:first-child,
  .util__cards .cm-column__parent .cm-column__child:last-child,
  .util__content-wrap .cm-column__child:last-child {
    padding-right: 0px;
    padding-left: 0px;
  }
}

.case-study .cm-column__child {
  max-height: 434px;
  max-width: 384px;
  min-width: 384px;
}

@media (min-width: 480px) {
  .case-study .cm-column__child {
    margin-right: 32px;
  }
}

.case-study .text-group__wrapper {
  padding: 24px;
}

.case-study .content__lead-form .text-group__wrapper {
  padding: 0px;
}

.case-study .cm-column__parent .cm-column__child:last-child.content__lead-form {
  padding: 24px;
  max-width: 384px;
}

.page--comdatatrucking.page--name-privacy-policy .experiencefragment,
.page--comdatamerchants.page--name-privacy-policy .experiencefragment {
  border-top: 1px #D5E5E1 solid;
}

.content__popular-resources img {
  display: none;
}

.content__popular-resources .cm-column__parent {
  justify-content: space-between;
}

.content__popular-resources .cm-column__child {
  width: calc(33% - 53.333333333px);
  flex: none;
}

@media (max-width: 759px) {
  .content__popular-resources .cm-column__child {
    width: 100%;
    flex: 1;
  }
}

.content__popular-resources .pagelist__title h3 {
  background-color: #DDEFF7;
  padding: 7px 8px 5px;
  font-size: 14px;
  line-height: 1;
  color: #2B4463;
  border-radius: 3px;
  text-transform: uppercase;
  margin: 0 0 28px;
  display: inline-block;
  font-family: DINWebPro-Bold;
}

.content__popular-resources h4.pagelist__headline {
  line-height: 1;
  margin-bottom: 16px;
}

.content__popular-resources .pagelist__headline a {
  font-size: 18px;
  color: #2B4463;
  line-height: 21.6px;
}

.content__popular-resources .pagelist__description {
  color: #626F88;
  font-size: 16px;
  line-height: 25.6px;
  margin-top: 8px;
  margin-bottom: 24px;
}

.content__popular-resources .pagelist__readmore {
  line-height: 1;
}

.content__popular-resources li.pagelist__item {
  margin-bottom: 28px;
  padding-bottom: 28px;
  border-bottom: 1px dashed rgba(0, 40, 59, 0.16);
}

.content__popular-resources li.pagelist__item:last-child {
  border-bottom: none;
}

@media (max-width: 479px) {
  .content__popular-resources li.pagelist__item:last-child {
    border-bottom: 1px dashed rgba(0, 40, 59, 0.16);
  }
}

.content__popular-resources.content__events .util__resource-sidebar .textGroup {
  position: absolute;
  right: 20px;
  bottom: 34px;
}

.content__popular-resources.content__article-promo .util__resource-sidebar .textGroup {
  position: absolute;
  right: 20px;
  bottom: 92px;
}

@media (min-width: 761px) and (max-width: 1215px) {
  .content__popular-resources.content__article-promo .util__resource-sidebar .textGroup {
    bottom: 36px;
  }
}

.content__popular-resources .util__resource-sidebar .textGroup a,
.content__article-promo .util__resource-sidebar .textGroup a {
  color: #FFCC41;
}

.content__popular-resources .util__resource-sidebar .textGroup a:hover,
.content__article-promo .util__resource-sidebar .textGroup a:hover {
  color: #009DDC;
}

@media (max-width: 479px) {
  .content__popular-resources .cm-column__child:last-child .pagelist__item:last-child {
    border-bottom: none;
  }
}

@media (max-width: 759px) {
  .content__popular-resources.content__article-promo .cm-column__child:first-child li.pagelist__item {
    margin-bottom: 10px;
  }
}

.content__popular-resources .pagelist__tags .Automation,
.content__popular-resources .pagelist__tags .Commercial,
.content__popular-resources .pagelist__tags .Fleet,
.content__popular-resources .pagelist__tags .Workforce {
  padding: 0px 8px;
  border-radius: 3px;
  display: inline-flex;
  display: -webkit-inline-flex;
  margin-right: 8px;
  margin-bottom: 8px;
  text-transform: uppercase;
  font-family: DINWebPro-Bold;
  font-size: 10px;
}

.content__popular-resources .pagelist__tags .Automation {
  background-color: #C7DAE7;
}

.content__popular-resources .pagelist__tags .Commercial {
  background-color: #DDEFF7;
}

.content__popular-resources .pagelist__tags .Fleet {
  background-color: #fee8dd;
}

.content__popular-resources .pagelist__tags .Workforce {
  background-color: #FFFAF0;
}

.page--comdatapayments .content__add-resources {
  background-color: #FFF;
  box-shadow: 0 3px 30px 0 rgba(5, 15, 21, 0.1);
  width: calc(50% - 40px);
  padding: 32px 24px !important;
  margin-right: 32px;
}

@media (max-width: 759px) {
  .page--comdatapayments .content__add-resources {
    width: 100%;
    margin-bottom: 32px;
  }
}

.page--comdatapayments .content__add-resources:last-child {
  margin-bottom: 0px;
}

.page--comdatapayments .content__add-resources .textGroup {
  height: 100%;
}

.page--comdatapayments .content__add-resources .text-group__wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.page--comdatapayments .content__add-resources .text-group__wrapper .text-group__links {
  margin-bottom: 0px;
}

@media (min-width: 760px) {
  .page--comdatapayments.page--name-sales .util__contact-sales-info,
  .page--comdatapayments.page--name-support .util__contact-support-info {
    padding-left: 64px;
    margin-top: 72px;
  }
}

.page--comdatapayments.page--name-sales .util__contact-sales-info .text-group__main-text h5,
.page--comdatapayments.page--name-support .util__contact-support-info .text-group__main-text h5 {
  margin-left: 48px;
  padding-top: 4px;
}

.page--comdatapayments.page--name-sales .util__contact-sales-info .text-group__icon,
.page--comdatapayments.page--name-support .util__contact-support-info .text-group__icon {
  background-color: #DDEFF7;
  width: 32px;
  height: 32px;
  border-radius: 3px;
  float: left;
}

.page--comdatapayments.page--name-sales .util__contact-sales-info .text-group__icon img,
.page--comdatapayments.page--name-support .util__contact-support-info .text-group__icon img {
  transform: scale(0.6) translate(12px, 14px);
}

@media (max-width: 479px) {
  .page--comdatapayments.page--name-sales .content__contact-sales .cm-column__child:last-child,
  .page--comdatapayments.page--name-support .content__contact-support .cm-column__child:last-child {
    margin-top: 16px;
  }
}

.page--name-sales .content__cdp-hero-desktop .textGroup h1,
.page--name-support .content__cdp-hero-desktop .textGroup h1 {
  margin-bottom: 80px;
}

@media (min-width: 760px) {
  .page--comdatapayments.thought-leadership .content__thought-leadership .cm-column__child:last-child {
    padding-left: 32px;
    margin-top: 190px;
  }
}

@media (min-width: 760px) {
  .page--comdatapayments.thought-leadership .content__thought-leadership .cm-column__child:last-child {
    width: 80%;
  }
}

@media (max-width: 759px) {
  .page--comdatapayments.thought-leadership .content__thought-leadership .cm-column__child:last-child {
    padding-top: 16px;
  }
}

@media (min-width: 760px) {
  .page--comdatapayments.thought-leadership .content__thought-leadership .cm-column__child:last-child .textGroup {
    width: 80%;
  }
}

@media (max-width: 759px) {
  .page--comdatapayments.thought-leadership .content__thought-leadership .cm-column__child:first-child {
    padding-bottom: 16px;
  }
}

@media (max-width: 759px) {
  .page--comdatapayments.thought-leadership .content__thought-leadership .cm-column__child:last-child p {
    margin-bottom: 0px;
  }
}

@media (max-width: 759px) {
  .page--comdatapayments.thought-leadership .content__thought-leadership .cm-column__child:first-child {
    margin-bottom: 48px;
  }
}

.page--comdatapayments .tagsList {
  max-width: 1216px;
  margin: 80px auto 0px;
}

@media (max-width: 1215px) {
  .page--comdatapayments .tagsList {
    width: 90%;
  }
}

@media (max-width: 759px) {
  .page--comdatapayments .tagsList {
    margin: 56px auto 0px;
  }
}

.page--comdatapayments ul.tags-container {
  list-style: none;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0px 0px 24px 0px;
  text-transform: uppercase;
}

@media (max-width: 1079px) {
  .page--comdatapayments ul.tags-container {
    justify-content: space-around;
  }
}

.page--comdatapayments .tagsList .tags-container li {
  padding: 16px;
  border-radius: 3px;
  background-color: #F6F8F9;
  font-size: 12px;
  color: #003A5D;
  width: 100%;
  max-width: 259px;
  text-align: center;
  margin-bottom: 28px;
  font-family: DINWebPro-Bold;
  cursor: pointer;
}

@media (max-width: 1079px) {
  .page--comdatapayments .tagsList .tags-container li {
    width: 50%;
  }
}

@media (max-width: 479px) {
  .page--comdatapayments .tagsList .tags-container li {
    max-width: 166px;
  }
}

.tagsList .article__block {
  display: flex;
  flex-wrap: wrap;
}

.tagsList .article {
  width: 30%;
  margin: 0 10px;
  margin-bottom: 28px;
  padding: 0px;
  border-top: none;
  border-bottom: 1px dashed rgba(0, 40, 59, 0.16);
}

@media (max-width: 1079px) {
  .tagsList .article {
    width: 45%;
  }
}

@media (max-width: 479px) {
  .tagsList .article {
    width: 100%;
  }
}

.tagsList .article__wrapper {
  width: 90%;
  height: 100%;
}

.page--comdatapayments .tagsList h4.tagslist__headline {
  line-height: 1;
  margin-bottom: 24px;
}

.page--comdatapayments .tagsList h4.tagslist__headline a {
  font-size: 18px;
  color: #2B4463;
  line-height: 21.6px;
}

.page--comdatapayments .tagsList .tagslist__description {
  color: #626F88;
  font-size: 16px;
  line-height: 25.6px;
  margin-bottom: 24px;
}

.tagsList .tagslist__readmore {
  line-height: 1;
  padding-bottom: 36px;
}

.tagsList .article .article-tags {
  text-transform: uppercase;
  font-size: 12px;
  font-family: DINWebPro-Bold;
}

.tagsList .article .article-tags .ap-automation,
.tagsList .article .article-tags .commercial-cards,
.tagsList .article .article-tags .fleet,
.tagsList .article .article-tags .workforce-payment {
  padding: 6px 8px 3px;
  border-radius: 3px;
  display: inline-flex;
  display: -webkit-inline-flex;
  margin-right: 8px;
  margin-bottom: 8px;
}

.tagsList .article .article-tags .ap-automation {
  background-color: #C7DAE7;
}

.tagsList .article .article-tags .commercial-cards {
  background-color: #DDEFF7;
  width: 133px;
}

.tagsList .article .article-tags .fleet {
  background-color: #fee8dd;
}

.tagsList .article .article-tags .workforce-payment {
  background-color: #FFFAF0;
}

.page--comdatapayments .tagsList .tags-container li:hover {
  background-color: #C7DAE7;
}

.page--comdatapayments .tagsList .tags-container li.cdp-tag-active {
  background-color: #C7DAE7;
}

@media (min-width: 481px) and (max-width: 1079px) {
  .article__block .article:nth-child(2n+1):nth-last-child(-n+2),
  .article__block .article:nth-child(2n+1):nth-last-child(-n+2) ~ .article {
    border-bottom: none;
  }
}

@media (min-width: 1080px) {
  .article__block .article:nth-child(3n+1):nth-last-child(-n+3),
  .article__block .article:nth-child(3n+1):nth-last-child(-n+3) ~ .article {
    border-bottom: none;
  }
}

@media (max-width: 479px) {
  .tagsList .article:last-child {
    border-bottom: none;
  }
}

.page--comdatapayments .content__events .cm-column__parent .cm-column__child:first-child {
  width: 66%;
}

@media (max-width: 759px) {
  .page--comdatapayments .content__events .cm-column__parent .cm-column__child:first-child {
    width: 100%;
  }
}

.page--comdatapayments .content__events .cm-column__parent .cm-column__child:last-child {
  box-shadow: 0 3px 30px 0 rgba(5, 15, 21, 0.1);
  padding-left: 0px;
}

@media (max-width: 759px) {
  .page--comdatapayments .content__events .cm-column__parent .cm-column__child:last-child {
    margin-top: 20px;
  }
}

.page--comdatapayments .cm-column__parent .cm-column__child:last-child time,
.page--comdatapayments .content__events .cm-column__child:first-child .textGroup h6 {
  color: #B7CEDE;
  font-size: 14px;
  font-weight: 600;
}

@media (min-width: 1080px) {
  .page--comdatapayments .content__events .cm-column__child:first-child .textGroup h2 {
    margin-bottom: 16px;
  }
}

.page--comdatapayments .content__popular-resources.content__events .cm-column__child:last-child .pageList {
  padding: 60px 24px 4px;
}

.page--comdatapayments .content__popular-resources.content__events .cm-column__child:last-child .pagelist__headline {
  margin-bottom: 16px;
}

.page--comdatapayments .content__popular-resources.content__events .cm-column__child:last-child .pagelist__description {
  margin-top: 16px;
}

.page--comdatapayments .content__popular-resources.content__events .cm-column__child:first-child .text-group__wrapper {
  border-bottom: 1px dashed rgba(0, 40, 59, 0.16);
  padding: 20px 0px 30px;
}

@media (max-width: 759px) {
  .page--comdatapayments .content__popular-resources.content__events .cm-column__child:first-child .text-group__wrapper {
    padding-bottom: 0px;
  }
}

.page--comdatapayments .content__popular-resources.content__events .cm-column__child:first-child .textGroup {
  padding: 20px 0px 30px;
}

@media (max-width: 759px) {
  .page--comdatapayments .content__popular-resources.content__events .cm-column__child:first-child .textGroup {
    padding-bottom: 0px;
  }
}

@media (max-width: 479px) {
  .page--comdatapayments.page--name-events .content__cdp-hero-desktop .content__cdp-hero-desktop-img img {
    top: 50px;
  }
}

@media (max-width: 759px) {
  .page--comdatapayments .content__popular-resources.content__events .cm-column__parent {
    padding-top: 0px;
  }
}

.page--comdatapayments.page--name-resources .content__popular-resources.content__events .cm-column__child:first-child .text-group__wrapper {
  border-bottom: none;
}

.page--comdatapayments .content__article-promo .cm-column__child:last-child .pagelist__wrap .pagelist__title {
  display: none;
}

.page--comdatapayments .content__article-promo .cm-column__child:last-child .util__unlist .pagelist__item:first-child {
  display: none;
}

.page--comdatapayments .content__article-promo .cm-column__child:first-child {
  width: 66%;
}

@media (max-width: 759px) {
  .page--comdatapayments .content__article-promo .cm-column__child:first-child {
    width: 100%;
  }
}

@media (max-width: 759px) {
  .page--comdatapayments .content__article-promo .cm-column__child:first-child .pagelist__item {
    padding-bottom: 0px;
  }
}

.page--comdatapayments .content__popular-resources.content__article-promo .cm-column__child:last-child .pageList {
  padding: 60px 24px 4px;
  box-shadow: 0 3px 30px 0 rgba(5, 15, 21, 0.1);
}

@media (max-width: 479px) {
  .page--comdatapayments .content__popular-resources.content__article-promo .cm-column__child:last-child .pageList {
    padding-top: 24px;
  }
}

.page--comdatapayments .content__popular-resources.content__article-promo .cm-column__child:first-child .pagelist_image img {
  display: block;
  width: 100%;
  margin-bottom: 30px;
}

.page--comdatapayments .content__article-promo .cm-column__parent .cm-column__child:last-child {
  padding-left: 0px;
  margin-top: 53px;
}

@media (max-width: 759px) {
  .page--comdatapayments .content__article-promo .cm-column__parent .cm-column__child:last-child {
    margin-top: 20px;
  }
}

@media (max-width: 479px) {
  .page--comdatapayments.page--name-blog .content__cdp-hero-desktop .content__cdp-hero-desktop-img img,
  .page--comdatapayments.page--name-resources .content__cdp-hero-desktop .content__cdp-hero-desktop-img img,
  .page--comdatapayments.page--name-thought-leadership .content__cdp-hero-desktop .content__cdp-hero-desktop-img img {
    top: 50px;
  }
}

@media (max-width: 479px) {
  .page--comdatapayments.page--name-blog .content__cdp-hero-desktop p {
    margin-top: 80px;
  }
}

@media (min-width: 760px) {
  .page--comdatapayments.page--name-blog .content__article-promo,
  .page--comdatapayments.page--name-resources .content__article-promo {
    padding-top: 40px;
  }
}

@media (max-width: 759px) {
  .page--comdatapayments.page--name-blog .content__article-promo,
  .page--comdatapayments.page--name-resources .content__article-promo {
    padding-bottom: 56px;
  }
}

.page--comdatapayments.page--name-resources .content__see-all h6 a {
  color: #FFCC41;
}

.page--comdatapayments.page--name-resources .content__see-all h6 {
  color: #FFCC41;
}

@media (max-width: 759px) {
  .page--comdatapayments.page--name-resources .content__see-all h6 {
    margin-bottom: 0px;
  }
}

.page--comdatapayments.page--name-resources .content__see-all .text-group__wrapper {
  width: 95%;
}

.page--comdatapayments.page--name-resources .content__see-all-blog {
  padding-bottom: 56px;
}

.page--comdatapayments.page--name-resources .content__see-all-events {
  padding-bottom: 56px;
  padding-top: 40px;
}

.page--comdatapayments.page--name-resources .content__see-all-thought {
  padding-bottom: 56px;
  padding-top: 40px;
}

.page--comdatapayments.page--name-resources .content__see-all.content__see-all-thought a {
  color: #003A5D;
  font-weight: normal;
}

.page--comdatapayments.page--name-resources .content__see-all.content__see-all-thought a:hover {
  color: #FFCC41;
}

.page--comdatapayments .content__background-dots .cm-column__parent,
.page--comdatapayments .content__background-dots .cm-column__parent .cm-column__child,
.page--comdatapayments .content__background-dots-lead .cm-column__parent,
.page--comdatapayments .content__background-dots-lead .cm-column__parent .cm-column__child,
.page--comdatapayments .content__background-dots-blue-resource .cm-column__parent,
.page--comdatapayments .content__background-dots-blue-resource .cm-column__parent .cm-column__child {
  position: relative;
}

@media (min-width: 1080px) {
  .page--comdatapayments .content__background-dots .cm-column__parent::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='257' height='257'%3E%3Cdefs%3E%3Cstyle%3E.b,.c%7Bfill:%23f7b334%7D.b%7Bopacity:.5%7D%3C/style%3E%3C/defs%3E%3Cg transform='translate(-1332 -3358)' opacity='.34'%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3358)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3358)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3358)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3358)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3358)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3358)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3358)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3358)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3358)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3358)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3386)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3386)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3386)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3386)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3386)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3386)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3386)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3386)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3386)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3386)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3414)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3414)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3554)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3554)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3554)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3554)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3554)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3554)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3554)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3554)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3554)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3554)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3582)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3582)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3582)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3582)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3582)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3582)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3582)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3582)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3582)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3582)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3610)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3610)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3610)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3610)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3610)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3610)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3610)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3610)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3610)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3610)'/%3E%3C/g%3E%3C/svg%3E");
    position: absolute;
    display: block;
    height: 257px;
    width: 257px;
    content: "";
    right: -30px;
    top: -37px;
  }
}

@media (min-width: 1080px) {
  .page--comdatapayments .content__background-dots-blue-resource .cm-column__parent::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='257' height='257'%3E%3Cdefs%3E%3Cstyle%3E .b,.c%7Bfill:%23c7dae7%7D.b%7Bopacity:.7%7D %3C/style%3E%3C/defs%3E%3Cg transform='translate(-1332 -3358)' opacity='.9'%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3358)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3358)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3358)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3358)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3358)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3358)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3358)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3358)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3358)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3358)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3386)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3386)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3386)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3386)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3386)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3386)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3386)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3386)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3386)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3386)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3414)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3414)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3554)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3554)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3554)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3554)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3554)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3554)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3554)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3554)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3554)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3554)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3582)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3582)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3582)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3582)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3582)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3582)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3582)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3582)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3582)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3582)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3610)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3610)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3610)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3610)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3610)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3610)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3610)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3610)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3610)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3610)'/%3E%3C/g%3E%3C/svg%3E");
    position: absolute;
    display: block;
    height: 257px;
    width: 257px;
    content: "";
    right: -30px;
    top: -37px;
  }
}

@media (min-width: 1080px) {
  .page--comdatapayments .content__background-dots-lead .cm-column__parent::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='257' height='257'%3E%3Cdefs%3E%3Cstyle%3E.b,.c%7Bfill:%23f7b334%7D.b%7Bopacity:.5%7D%3C/style%3E%3C/defs%3E%3Cg transform='translate(-1332 -3358)' opacity='.34'%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3358)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3358)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3358)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3358)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3358)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3358)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3358)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3358)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3358)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3358)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3386)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3386)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3386)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3386)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3386)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3386)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3386)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3386)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3386)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3386)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3414)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3414)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3554)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3554)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3554)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3554)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3554)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3554)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3554)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3554)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3554)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3554)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3582)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3582)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3582)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3582)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3582)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3582)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3582)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3582)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3582)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3582)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3610)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3610)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3610)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3610)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3610)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3610)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3610)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3610)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3610)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3610)'/%3E%3C/g%3E%3C/svg%3E");
    position: absolute;
    display: block;
    height: 257px;
    width: 257px;
    content: "";
    right: 360px;
    top: 319px;
  }
}

.page--comdatapayments .content__background-dots-blue .cm-column__parent,
.page--comdatapayments .content__background-dots-blue .cm-column__parent .cm-column__child {
  position: relative;
}

@media (min-width: 1080px) {
  .page--comdatapayments .content__cards.content__background-dots-blue .cm-column__parent::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='257' height='257'%3E%3Cdefs%3E%3Cstyle%3E .b,.c%7Bfill:%23c7dae7%7D.b%7Bopacity:.7%7D %3C/style%3E%3C/defs%3E%3Cg transform='translate(-1332 -3358)' opacity='.9'%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3358)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3358)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3358)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3358)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3358)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3358)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3358)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3358)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3358)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3358)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3386)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3386)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3386)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3386)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3386)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3386)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3386)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3386)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3386)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3386)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3414)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3414)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3554)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3554)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3554)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3554)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3554)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3554)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3554)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3554)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3554)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3554)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3582)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3582)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3582)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3582)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3582)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3582)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3582)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3582)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3582)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3582)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3610)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3610)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3610)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3610)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3610)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3610)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3610)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3610)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3610)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3610)'/%3E%3C/g%3E%3C/svg%3E");
    position: absolute;
    display: block;
    height: 257px;
    width: 257px;
    content: "";
    right: -70px;
    top: -70px;
  }
}

@media (min-width: 1080px) {
  .page--comdatapayments .testimonials__wrapper.content__background-dots-blue .cm-column__parent::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='257' height='257'%3E%3Cdefs%3E%3Cstyle%3E .b,.c%7Bfill:%23c7dae7%7D.b%7Bopacity:.7%7D %3C/style%3E%3C/defs%3E%3Cg transform='translate(-1332 -3358)' opacity='.9'%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3358)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3358)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3358)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3358)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3358)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3358)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3358)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3358)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3358)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3358)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3386)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3386)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3386)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3386)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3386)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3386)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3386)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3386)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3386)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3386)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3414)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3414)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3554)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3554)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3554)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3554)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3554)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3554)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3554)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3554)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3554)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3554)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3582)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3582)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3582)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3582)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3582)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3582)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3582)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3582)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3582)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3582)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3610)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3610)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3610)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3610)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3610)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3610)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3610)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3610)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3610)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3610)'/%3E%3C/g%3E%3C/svg%3E");
    position: absolute;
    display: block;
    height: 257px;
    width: 257px;
    content: "";
    right: -70px;
    top: -70px;
  }
}

@media (min-width: 1080px) {
  .page--comdatapayments .testimonials__wrapper.content__background-dots .cm-column__parent::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='257' height='257'%3E%3Cdefs%3E%3Cstyle%3E.b,.c%7Bfill:%23f7b334%7D.b%7Bopacity:.5%7D%3C/style%3E%3C/defs%3E%3Cg transform='translate(-1332 -3358)' opacity='.34'%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3358)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3358)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3358)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3358)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3358)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3358)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3358)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3358)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3358)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3358)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3386)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3386)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3386)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3386)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3386)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3386)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3386)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3386)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3386)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3386)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3414)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3414)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3414)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3442)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3470)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3498)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3526)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3554)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3554)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3554)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3554)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3554)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3554)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3554)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3554)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3554)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3554)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3582)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3582)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3582)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3582)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3582)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3582)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3582)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3582)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3582)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3582)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1332 3610)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1360 3610)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1388 3610)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1416 3610)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1444 3610)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1472 3610)'/%3E%3Ccircle class='c' cx='2.5' cy='2.5' r='2.5' transform='translate(1500 3610)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1528 3610)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1556 3610)'/%3E%3Ccircle class='b' cx='2.5' cy='2.5' r='2.5' transform='translate(1584 3610)'/%3E%3C/g%3E%3C/svg%3E");
    position: absolute;
    display: block;
    height: 257px;
    width: 257px;
    content: "";
    right: -70px;
    top: -70px;
  }
}

html.popbox_locked.promo-open {
  overflow: scroll;
}

.popbox.promo {
  background: transparent;
  width: 100%;
  height: auto;
  bottom: 0;
  top: initial;
  padding: 0;
  overflow-y: hidden;
}

.popbox_container.popbox__promo {
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin: 0;
  border-radius: 0;
  background: #381827;
}

.popbox_container .promo__close {
  display: flex;
  justify-content: flex-end;
  padding: 1em;
  padding-bottom: 0;
}

.popbox_container .promo__close .modal-close-button {
  background-color: transparent;
  border: none;
  cursor: pointer;
}

.popbox_container .promo__content-wrap {
  width: 96%;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  padding-bottom: 20px;
}

@media (max-width: 1079px) {
  .popbox_container .promo__content-wrap {
    flex-direction: column-reverse;
    padding-left: 20px;
    align-items: flex-start;
  }
}

.popbox_container .promo__text-wrap {
  width: 35%;
}

@media (max-width: 1079px) {
  .popbox_container .promo__text-wrap {
    width: 100%;
  }
}

@media (max-width: 1079px) {
  .promo__headline-desktop {
    display: none;
  }
}

@media (min-width: 1080px) {
  .promo__headline-mobile {
    display: none;
  }
}

.popbox_container .promo__headline h3 {
  color: #FFF;
  font-size: 22px;
}

.popbox_container .promo__main-text {
  color: #F6F8F9;
  font-size: 18px;
}

@media (min-width: 480px) {
  .popbox_container .promo__main-text {
    width: 80%;
  }
}

.popbox_container .promo__main-text p {
  color: #F6F8F9;
}

@media (max-width: 1079px) {
  .popbox_container .promo__image {
    padding-bottom: 12px;
  }
}

.popbox_container .promo__image img {
  width: 100%;
  max-width: 281px;
}

@media (max-width: 1079px) {
  .popbox_container .promo__image img {
    max-width: 180px;
  }
}

/* Rec Engine Form */

.rec-eng-form__wrap {
  flex-direction: column;
}

@media (min-width: 960px) {
  .rec-eng-form__wrap {
    flex-direction: row;
  }
}

@media (max-width: 959px) {
  .rec-eng-form__wrap .util__rec-button {
    margin: 0 0 1rem 0;
  }
}

@media (max-width: 959px) {
  .rec-eng-form__wrap .base-form__label {
    margin: 1rem 0;
  }
}

@media (max-width: 959px) {
  .person-phone-size {
    max-width: 50%;
    margin-right: -4%;
  }
}

.rec-eng__content .rec-eng-form__zip-input .base-form__label-text {
  margin-top: 2px;
  text-align: center;
}

.rec-eng-form__wrap {
  align-items: center;
}

.rec-eng-form__zip-input input.base-form__input {
  padding-top: 12px;
  padding-bottom: 10px;
  width: 220px;
}

@media (max-width: 959px) {
  .rec-eng-form__zip-input {
    margin-bottom: 12px;
  }
}

@media (max-width: 959px) {
  .content__ada h1 {
    font-size: 46px;
  }
}

.content__ada ul {
  list-style-type: disc;
  margin-left: 20px;
}

.content__ada li ul {
  padding: 12px 0 6px;
}

.page--name-dat-network-discount h1,
.page--name-dat-network-discount h2,
.page--name-dat-network-discount h3 {
  font-family: "Arial Black", Montserrat;
}
@media (min-width: 1200px) {
  .page--name-dat-network-discount .util__section-top h2 {
    font-size: 38px;
  }
}
@media (min-width: 1200px) {
  .dat-network-article {
    margin-right: 80px;
  }
}
.dat-network-article .component-button.component-button--lead-form {
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 18px;
  max-width: 700px;
}
.dat-network-article h3 {
  font-size: 27px;
}