@charset "UTF-8";
   .wp-block-post-title {
display: none;
}
.wp-block-group {
padding-top: 0 !important;
}  .altnet { font-family: neue-haas-grotesk-text, Sans-serif;
color: #363636;                           }
.altnet * {
box-sizing: border-box;
}
.altnet strong {
font-weight: 800;
}
.altnet a {
color: #DA1884;
text-decoration: none;
}
.altnet p, .altnet ol, .altnet ul {
margin-block-start: 0;
margin-block-end: 0.9rem;
}
.altnet table {
background-color: transparent;
width: 100%;
margin-block-end: 15px;
font-size: 0.9em;
border-spacing: 0;
border-collapse: collapse;
}
.altnet ::-webkit-input-placeholder {
color: #000000;
}
.altnet ::-moz-placeholder {
color: #000000;
}
.altnet :-ms-input-placeholder {
color: #000000;
}
.altnet :-moz-placeholder {
color: #000000;
}
.altnet .anp-input--allcaps {
text-transform: uppercase;
}
.altnet .anp-input--allcaps::-webkit-input-placeholder { text-transform: none;
}
.altnet .anp-input--allcaps:-moz-placeholder { text-transform: none;
}
.altnet .anp-input--allcaps::-moz-placeholder { text-transform: none;
}
.altnet .anp-input--allcaps:-ms-input-placeholder { text-transform: none;
}
.altnet .anp-input--allcaps::placeholder { text-transform: none;
}
.altnet .text-hilite {
color: #DA1884;
font-size: 20px;
font-family: vag-rundschrift-d, Sans-serif;
font-weight: 200;
}
.altnet .container {
width: 100%;
position: relative;
z-index: 100;
margin-left: auto;
margin-right: auto;
}
.altnet .container--outer {
max-width: 1280px;
min-height: 600px;
}
.altnet .container--inner {
width: calc(100% - 80px);
max-width: 1004px;
}
.altnet .anp-kickoff {
border-color: #000000;
border-width: 0;
border-style: solid;
background-color: transparent;
transition: all 0.2s ease;
}
.altnet .anp-kickoff .anp-field {
row-gap: 0;
}
.altnet .anp-kickoff__title {
display: none;
font-family: vag-rundschrift-d, Sans-serif;
font-size: 24px;
}
.altnet .anp-kickoff .anp-input {
font-family: vag-rundschrift-d, Sans-serif;
font-size: 20px;
border-color: #000000;
border-width: 1px;
transition: all 0.2s ease;
}
.altnet .anp-kickoff .anp-mini-button {
__font-size: 30px;
font-weight: 400;
}
.altnet .anp-kickoff:not(.anp-kickoff--alt).anp--over {
cursor: pointer;
}
.altnet .anp-kickoff:not(.anp-kickoff--alt).anp--over .anp-input, .altnet .anp-kickoff:not(.anp-kickoff--alt).anp--over .anp-mini-button {
border-color: #DA1884;
}
.altnet .anp-kickoff:not(.anp-kickoff--alt).anp--over .anp-mini-button {
color: #FFFFFF;
background-color: #DA1884;
}
@media only screen and (max-width: 1200px) {
.altnet .anp-kickoff .anp-input {
font-size: 18px;
}
.altnet .anp-kickoff .anp-mini-button {
transform: translateX(-2px) translateY(2px);
font-size: 26px;
}
}
.altnet .anp-showcases {
width: 100%;
max-width: 1002px;
display: flex;
gap: 30px;
align-items: flex-start;
justify-content: space-between;
margin-left: auto;
margin-right: auto;
}
.altnet .anp-showcase {
position: relative;
flex: 1;
min-height: 320px;
border-style: solid;
border-width: 1px;
border-color: #DA1884;
background-color: #FFFFFF;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 15px;
padding-top: 40px;
font-size: 11px;
transition: all 0.25s ease;
}
.altnet .anp-showcase .e {
font-size: 13px;
font-weight: bold;
}
.altnet .anp-showcase__row {
border-bottom: 1px solid #DCDCE6;
}
.altnet .anp-showcase__promo {
width: calc(100% - 40px);
color: #FFFFFF;
background-color: #DA1884;
font-family: vag-rundschrift-d, Sans-serif;
min-width: 142px;
max-width: 280px;
height: 38px;
padding: 0 20px;
font-size: 14px;
display: flex;
align-items: center;
text-align: center;
justify-content: center;
line-height: 100%;
position: absolute;
top: 0;
left: 20px;
transform: translateY(-50%);
border-color: #DA1884;
border-width: 1px;
border-style: solid;
transition: all 0.25s ease;
}
.altnet .anp-showcase__title {
font-family: vag-rundschrift-d, Sans-serif;
line-height: 125%;
font-size: 30px;
font-weight: 400;
padding-bottom: 10px;
text-align: center;
}
.altnet .anp-showcase__title--mob {
font-size: 22px;
line-height: 135%;
}
.altnet .anp-showcase__speed, .altnet .anp-showcase__contract, .altnet .anp-showcase__footnote {
padding: 10px 0;
}
.altnet .anp-showcase__speed, .altnet .anp-showcase__contract {
display: flex;
justify-content: space-between;
}
.altnet .anp-showcase__speed {
align-items: center;
}
.altnet .anp-showcase__footnote {
min-height: 70px;
max-width: 280px;
font-size: 12px;
}
.altnet .anp-showcase .anp-speed {
width: 40px;
height: 40px;
background-image: url(//zzoomm.com/wp-content/plugins/anp-order-journey/resources/themes/zzoomm/img/icon-speed.svg);
background-repeat: no-repeat;
background-size: contain;
transform: scaleX(-1);
}
.altnet .anp-showcase__pricing {
text-align: right;
}
.altnet .anp-showcase__price {
font-family: vag-rundschrift-d, Sans-serif;
font-size: 30px;
line-height: 100%;
letter-spacing: 2px;
margin-bottom: 2px;
}
.altnet .anp-showcase__price--mob {
font-size: 22px;
letter-spacing: 1px;
}
.altnet .anp-showcase__purchase {
text-align: center;
margin-top: 5px;
}
.altnet .anp-showcase__cols {
display: flex;
gap: 5px;
justify-content: space-between;
}
.altnet .anp-showcase__col--buy {
align-self: flex-end;
padding-left: 5px;
justify-content: flex-end;
text-align: right;
}
.altnet .anp-showcase__speedm {
padding: 0 10px;
align-self: flex-end;
border-left: 1px solid #DCDCE6;
border-right: 1px solid #DCDCE6;
}
.altnet .anp-showcase__speedm .anp-speed {
display: block;
margin-left: auto;
margin-right: auto;
width: 28px;
height: 32px;
}
.altnet .anp-showcase__speedm .e1 {
display: block;
}
.altnet .anp-showcase__pricingm {
margin-bottom: 5px;
}
.altnet .anp-showcase__offer {
font-weight: bold;
color: #DA1884;
text-transform: lowercase;
}
.altnet .anp-showcase .anp-button {
display: inline-flex;
height: 38px;
border-color: #DA1884;
color: #000000;
min-width: 170px;
}
.altnet .anp-showcase .anp-button:hover {
background-color: #FBE446;
color: #DA1884;
border-color: #FBE446;
}
.altnet .anp-showcase__mobile {
display: none;
}
.altnet .anp-showcase__mobile .anp-button {
min-width: 114px;
width: 114px;
height: 33px;
}
.altnet .anp-showcase.anp--over {
cursor: pointer;
}
@media only screen and (max-width: 1200px) {
.altnet .anp-showcases {
flex-wrap: wrap;
row-gap: 40px;
}
.altnet .anp-showcase {
width: calc(50% - 15px);
padding-left: 20px;
padding-right: 20px;
}
.altnet .anp-showcase__promo {
left: 30px;
transform: translateY(-50%);
font-size: 12px;
height: 0;
min-height: 25px;
width: auto;
}
.altnet .anp-showcase__title {
text-align: left;
}
}
@media only screen and (max-width: 650px) {
.altnet .anp-showcases {
flex-wrap: wrap;
max-width: 350px;
gap: 30px;
}
.altnet .anp-showcase {
width: 100%;
min-height: 0;
border-radius: 16px;
border-width: 3px;
padding-left: 15px;
padding-right: 10px;
padding-bottom: 8px;
padding-top: 25px;
}
.altnet .anp-showcase__promo {
left: 15px;
}
.altnet .anp-showcase__desktop {
display: none;
}
.altnet .anp-showcase__mobile {
display: block;
}
}
@media only screen and (max-width: 340px) {
.altnet .anp-showcase__mobile .anp-button {
width: 95px;
background-image: none;
}
}
.altnet .selections {
display: flex;
gap: 15px;
flex-wrap: wrap;
width: 100%;
}
.altnet .selection {
width: 100%;
flex: 1;
flex-basis: 100%;
color: #707070;
max-width: 324px;
cursor: pointer;
transition: color 0.25s ease, opacity 0.25s ease;
}
.altnet .selection__headline, .altnet .selection__cols, .altnet .selection__description, .altnet .selection__addon__cells {
padding: 10px 20px;
}
.altnet .selection__item {
border-width: 2px;
border-color: #D7D7E2;
border-style: solid;
min-height: 72px;
position: relative;
transition: border-color 0.25s ease;
flex-wrap: nowrap;
background-color: #FFFFFF;
}
.altnet .selection__item > .selection {
margin-bottom: 10px;
}
.altnet .selection__item > .selection:last-child {
margin-bottom: 0;
}
.altnet .selection__cols {
display: flex;
justify-content: space-between;
align-items: flex-end;
padding-top: 0;
padding-right: 10px;
}
.altnet .selection__content, .altnet .selection__input {
display: flex;
}
.altnet .selection__input {
border-left: 2px solid #D7D7E2;
display: flex;
justify-content: center;
align-items: flex-end;
padding: 0 10px;
}
.altnet .selection__headline {
font-size: 22px;
font-family: vag-rundschrift-d, Sans-serif;
font-weight: bold;
color: #000000;
line-height: 110%;
padding-bottom: 0;
margin-bottom: 10px;
}
.altnet .selection__headline--date {
font-size: 18px;
padding-left: 0;
}
.altnet .selection__subheadline {
font-size: 14px;
font-weight: bold;
}
.altnet .selection__description {
font-size: 12px;
padding-top: 10px;
padding-bottom: 10px;
}
.altnet .selection__description ol, .altnet .selection__description ul {
margin-left: 0;
padding-left: 15px;
padding-bottom: 0;
margin-bottom: 0;
font-weight: bold;
}
.altnet .selection__description li {
padding-bottom: 4px;
}
.altnet .selection__description li:last-child {
padding-bottom: 0;
}
.altnet .selection__description ol, .altnet .selection__description ul, .altnet .selection__description p {
margin-top: 0;
margin-bottom: 10px;
}
.altnet .selection__description ol:last-child, .altnet .selection__description ul:last-child, .altnet .selection__description p:last-child {
margin-bottom: 0;
padding-bottom: 0;
}
.altnet .selection__product {
font-size: 11px;
display: flex;
column-gap: 10px;
align-items: flex-end;
}
.altnet .selection__product > div:first-child {
width: 135px;
}
.altnet .selection__product > div:last-child {
border-left: 2px solid #D7D7E2;
padding-left: 8px;
}
.altnet .selection__product strong {
font-size: 14px;
font-weight: bold;
}
.altnet .selection__legend {
display: none;
font-size: 12px;
background-color: #DA1884;
color: #FFFFFF;
min-width: 120px;
padding: 0 20px;
height: 24px;
line-height: 24px;
text-align: center;
position: absolute;
top: 0;
left: 0;
transform: translateY(-50%) translateX(20px);
font-weight: 800;
}
.altnet .selection__addon {
font-size: 11px;
line-height: 16px;
}
.altnet .selection__addon__cells {
display: flex;
gap: 10px;
align-items: center;
padding-top: 0;
padding-bottom: 0;
}
.altnet .selection__addon__cells > div > div {
margin-bottom: 5px;
}
.altnet .selection__addon strong {
font-size: 14px;
font-weight: bold;
}
.altnet .selection__addon__image {
min-width: 110px;
}
.altnet .selection__addon .selection__headline {
font-size: 20px;
}
.altnet .selection__cta {
font-size: 14px;
font-weight: bold;
margin-bottom: 0;
margin-top: 15px;
display: flex;
align-items: center;
}
.altnet .selection__cta__label {
width: 130px;
display: block;
margin-top: 3px;
line-height: 125%;
}
.altnet .selection .input-icon {
margin-left: 5px;
}
.altnet .selection--active, .altnet .selection--selected, .altnet .selection:hover, .altnet .selection--addon {
color: #000000;
}
.altnet .selection--selected .selection__item, .altnet .selection:not(.selection--nohover):hover .selection__item {
border-color: #DA1884;
}
.altnet .selection:not(.selection--nohover):hover .input-icon {
background-color: #FBE446;
}
.altnet .selection--selected .input-icon {
background-color: #56DEA6 !important;
background-image: url(//zzoomm.com/wp-content/plugins/anp-order-journey/resources/themes/zzoomm/img/icon-tick.svg);
}
.altnet .selection--borderless .selection__item {
border-width: 0;
padding: 0;
border-radius: 0;
}
.altnet .selection--legend {
margin-top: 12px;
}
.altnet .selection--legend .selection__legend {
display: block;
}
.altnet .selection--legend > .selection__item {
padding-top: 15px;
padding-bottom: 10px;
}
.altnet .selection--addon {
margin-bottom: 10px;
border-bottom: 1px solid #D7D7E2;
padding-bottom: 10px;
}
.altnet .selection--addon .selection__item {
flex: 1;
flex-basis: 100%;
border-color: #FBE446;
}
.altnet .selection--addon--addon .selection__legend {
background-color: #FBE446;
color: #000;
}
.altnet .selection--addon .input-icon {
background-color: #FBE446;
}
.altnet .selection--addon:last-child {
margin-bottom: 0;
border-bottom: none;
padding-bottom: 0;
}
.altnet .selection--static {
pointer-events: none;
}
.altnet .selection-nested {
position: relative;
display: flex;
flex-wrap: wrap;
width: 100%;
gap: 10px;
}
.altnet .selection-nested--child {
flex: 1;
flex-basis: 100%;
position: absolute;
top: 0;
left: 346px;
z-index: 300;
display: none;
max-width: 324px;
}
.altnet .selection-nested.selected .selection-nested--child {
display: block;
}
.altnet .selection-nested .selection--legend {
margin-top: 8px;
}
.altnet .selection-nested:first-child .selection--legend {
margin-top: 0;
}
.altnet .selection-nested--arrow {
width: 30px;
height: 30px;
background-color: #FBE446;
position: absolute;
top: 42px;
left: 0;
transform: rotate(45deg) translateX(-50%);
z-index: 0;
}
.altnet .selection-nested--active .selection-nested--child {
display: block;
}
.altnet .selection-nested--mid .selection-nested--child {
transform: translateY(-50%);
top: 50%;
}
.altnet .selection-nested--mid .selection-nested--arrow {
top: 50%;
}
.altnet .selection-nested--lower .selection-nested--child {
top: auto;
bottom: 0;
}
.altnet .selection-nested--lower .selection-nested--arrow {
top: auto;
bottom: 35px;
}
.altnet .input-icon {
width: 40px;
height: 40px;
border-radius: 300px;
background-color: #D7D7E2;
cursor: pointer;
background-position: 50% 50%;
background-repeat: no-repeat;
transition: background-color 0.25s ease, transform 0.25s ease;
background-size: 50% 50%;
display: inline-block;
}
.altnet .input-icon--small {
width: 24px;
height: 24px;
}
.altnet .input-icon--add {
background-image: url(//zzoomm.com/wp-content/plugins/anp-order-journey/resources/themes/zzoomm/img/icon-plus.svg);
}
.altnet .input-icon--checked {
background-image: url(//zzoomm.com/wp-content/plugins/anp-order-journey/resources/themes/zzoomm/img/icon-tick.svg);
}
.altnet .input-icon--select {
background-image: url(//zzoomm.com/wp-content/plugins/anp-order-journey/resources/themes/zzoomm/img/icon-plus-dark.svg);
background-color: #FBE446;
color: #000000;
}
.altnet .input-icon:hover {
transform: scale(1.1);
}
.altnet .input-icon-cta {
display: flex;
width: 100%;
align-items: center;
gap: 20px;
font-size: 14px;
}
.altnet .heading {
font-family: vag-rundschrift-d, Sans-serif;
font-size: 28px;
font-weight: bold;
max-width: 500px;
padding: 0;
padding-bottom: 25px;
margin: 0;
max-width: 500px;
}
.altnet .standout {
border-width: 1px;
border-color: #FBE446;
border-style: solid;
padding: 20px 30px;
padding-top: 30px;
margin-top: 20px;
position: relative;
transition: border-color 0.25s ease;
background-color: #FFFFFF;
font-size: 14px;
position: relative;
}
.altnet .standout--smallprint {
font-size: 12px;
}
.altnet .standout ul {
margin-left: 0;
padding-left: 0;
}
.altnet .standout__legend {
font-size: 12px;
background-color: #DA1884;
color: #FFFFFF;
min-width: 120px;
padding: 0 20px;
height: 24px;
line-height: 24px;
text-align: center;
position: absolute;
top: 0;
left: 0;
transform: translateY(-50%) translateX(20px);
}
.altnet .standout__ctas {
padding-top: 20px;
}
.altnet .standout__ctas > div {
display: flex;
flex-direction: column;
gap: 15px;
}
.altnet .standout__ctas .anp-button {
font-size: 15px;
}
.altnet .anp-timeslots__view {
display: none;
}
.altnet .anp-timeslots__view.active {
display: block;
}
.altnet .anp-calendar__tools {
margin-bottom: 6px;
display: flex;
justify-content: space-between;
align-items: flex-end;
}
.altnet .anp-calendar__tools select {
width: 120px;
font-weight: bold;
-webkit-appearance: none;
height: 22px;
padding: 0;
font-size: 12px;
border: none;
outline: none;
background-image: url(//zzoomm.com/wp-content/plugins/anp-order-journey/resources/themes/zzoomm/img/select-arrows.svg);
background-repeat: no-repeat;
background-position: 100% 45%;
}
.altnet .anp-calendar__arrows {
display: flex;
gap: 5px;
}
.altnet .anp-calendar__prev, .altnet .anp-calendar__next {
display: block;
width: 20px;
height: 20px;
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(//zzoomm.com/wp-content/plugins/anp-order-journey/resources/themes/zzoomm/img/calendar-prev.svg);
}
.altnet .anp-calendar__next {
transform: scale(-100%);
}
.altnet .anp-calendar table {
border: 1px solid #D7D7E2;
table-layout: fixed;
}
.altnet .anp-calendar td, .altnet .anp-calendar th {
text-align: center;
font-size: 11px;
padding: 0;
background-color: #FFFFFF;
border: none;
border-left: 1px solid #D7D7E2;
line-height: 28px;
height: 28px;
font-weight: normal;
position: relative;
}
.altnet .anp-calendar td a, .altnet .anp-calendar th a {
display: block;
width: 100%;
color: #eee;
cursor: default;
transition: background-color 0.25s ease;
}
.altnet .anp-calendar td a.available, .altnet .anp-calendar th a.available {
color: #000000;
cursor: pointer;
}
.altnet .anp-calendar td a.available:hover, .altnet .anp-calendar th a.available:hover {
background-color: #FBE446;
}
.altnet .anp-calendar td.selected, .altnet .anp-calendar th.selected {
line-height: 0;
}
.altnet .anp-calendar td.selected a, .altnet .anp-calendar th.selected a {
display: none;
}
.altnet .anp-calendar td.selected .marker, .altnet .anp-calendar th.selected .marker {
display: block;
}
.altnet .anp-calendar td.inactive {
display: table-cell;
}
.altnet .anp-calendar .input-icon {
width: 24px;
height: 24px;
background-color: #56DEA6;
background-image: url(//zzoomm.com/wp-content/plugins/anp-order-journey/resources/themes/zzoomm/img/icon-tick.svg);
}
.altnet .anp-calendar .marker {
display: none;
position: relative;
}
.altnet .anp-calendar .marker .mflag {
display: none;
position: absolute;
z-index: 9999;
top: 50%;
left: 45px;
transform: translateY(-50%);
pointer-events: none;
}
.altnet .anp-calendar .marker .mlabel {
border: 2px solid #DA1884;
padding: 0 10px;
line-height: 32px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-family: vag-rundschrift-d, Sans-serif;
width: 145px;
font-size: 14px;
border-radius: 10px;
background-color: #FFFFFF;
position: relative;
}
.altnet .anp-calendar .marker .marrow {
width: 20px;
height: 20px;
background-color: #DA1884;
position: absolute;
top: 7px;
left: -4px;
right: 35px;
transform: rotate(45deg);
}
.altnet .anp-times {
display: flex;
gap: 10px;
align-items: flex-start;
}
.altnet .anp-times__heading {
font-size: 11px;
line-height: 110%;
font-weight: bold;
margin-bottom: 5px;
color: #000000;
}
.altnet .anp-times__smallprint {
font-size: 11px;
padding-left: 10px;
}
.altnet .anp-time {
color: #707070;
display: flex;
width: 114px;
height: 55px;
border-width: 2px;
border-style: solid;
border-color: #D7D7E2;
text-align: left;
justify-content: center;
align-items: center;
transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.altnet .anp-time__title, .altnet .anp-time__time {
display: block;
line-height: 110%;
}
.altnet .anp-time__title {
font-size: 12px;
}
.altnet .anp-time__time {
font-family: vag-rundschrift-d, Sans-serif;
font-size: 20px;
}
.altnet .anp-time:hover {
background-color: #FBE446;
border-color: #FBE446;
color: #000000;
}
.altnet .anp-time.selected {
color: #FFFFFF;
background-color: #DA1884;
border-color: #DA1884;
}
.altnet .anp-form {
max-width: 568px;
position: relative;
min-height: 550px;
padding-bottom: 115px;
font-size: 16px;
}
.altnet .anp-form__section {
display: flex;
flex-wrap: wrap;
gap: 13px;
max-width: 324px;
margin-bottom: 24px;
}
.altnet .anp-form__section--wide {
max-width: 100%;
}
.altnet .anp-form__section:last-child {
margin-bottom: 0;
}
.altnet .anp-form__section--divider {
border-top: 1px solid #DCDCE6;
padding-top: 24px;
}
.altnet .anp-form__section--reduced-margin {
margin-bottom: 13px;
}
.altnet .anp-form__section--spaced {
margin-top: 30px;
margin-bottom: 30px;
}
.altnet .anp-form__heading {
color: #000000;
font-family: vag-rundschrift-d, Sans-serif;
font-size: 22px;
margin-bottom: 15px;
}
.altnet .anp-form__footer {
position: absolute;
bottom: 10px;
left: 0px;
padding-top: 32px;
height: 93px;
border-top: 1px solid #DCDCE6;
width: 100%;
}
.altnet .anp-form__terms {
border: 1px solid #D7D7E2;
padding: 30px 0;
border-radius: 6px;
display: none;
max-height: 300px;
overflow: auto;
}
.altnet .anp-form--auto-height {
min-height: 0;
}
.altnet .anp-form--no-footer {
padding-bottom: 0;
}
.altnet .anp-tick-list {
list-style-type: none; padding: 0;
}
.altnet .anp-tick-list li {
position: relative;
padding-left: 35px;
}
.altnet .anp-tick-list li::before {
content: "✔";
position: absolute;
left: 10px;
color: #DA1884;
}
.altnet .anp-field {
width: 100%;
display: flex;
flex-direction: column;
row-gap: 8px;
}
.altnet .anp-field__error {
font-size: 13px;
font-weight: bold;
color: #DA1884;
padding-left: 15px;
}
.altnet .anp-field__tip {
font-size: 11px;
padding: 0 20px;
margin-bottom: 5px;
}
.altnet .anp-field__inputs {
position: relative;
}
.altnet .anp-field__slot1 {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
height: 100%;
}
.altnet .anp-field.anp-error .anp-input {
border-color: red !important;
border-width: 2px;
}
.altnet .anp-field--boolean .anp-field__error {
padding-left: 36px;
}
.altnet .anp-input {
width: 100%;
padding: 15px;
margin: 0;
border-width: 1px;
border-style: solid;
border-color: #FBE446;
flex: 1;
flex-basis: 100%;
-webkit-appearance: none;
outline: none !important;
color: #000000;
font-family: neue-haas-grotesk-text, Sans-serif;
}
.altnet .anp-input--caps {
text-transform: uppercase;
}
.altnet .anp-input--small {
height: 35px;
line-height: 35px;
font-size: 12px;
}
.altnet textarea.anp-input {
height: 150px;
line-height: 110%;
padding-top: 20px;
resize: none;
}
.altnet select.anp-input {
background-color: #FFFFFF;
background-image: url(//zzoomm.com/wp-content/plugins/anp-order-journey/resources/themes/zzoomm/img/select-arrows.svg);
background-repeat: no-repeat;
background-color: #FFFFFF;
background-position: calc(100% - 20px) 45%;
padding-right: 35px;
}
.altnet .anp-button {
padding: 0;
margin: 0;
width: 154px;
height: 50px;
line-height: 30px;
font-size: 18px;
font-weight: bold;
cursor: pointer;
letter-spacing: 0.36px;
display: flex;
align-items: center;
justify-content: center;
background-color: #FBE446;
border: none;
}
.altnet .anp-button--wide {
width: 240px;
}
.altnet .anp-button--flexible {
width: 100%;
height: auto;
line-height: 145%;
padding: 12px 20px;
padding-right: 40px;
}
.altnet .anp-mini-button {
-webkit-appearance: none;
height: 100%;
width: 42px;
border: none;
padding: 0;
margin: 0;
font-size: 14px;
cursor: pointer;
font-weight: bold;
background-color: #FBE446;
}
.altnet .anp-true-false {
display: flex;
font-size: 12px;
gap: 10px;
align-items: center;
max-width: 480px;
}
.altnet .anp-true-false__label {
cursor: pointer;
}
.altnet .anp-true-false--large {
font-size: 14px;
}
.altnet .anp-input-month-year > div {
display: flex;
gap: 10px;
justify-content: flex-start;
}
.altnet .anp-input-month-year .anp-input-label {
margin-bottom: 15px;
line-height: 145%;
font-size: 13px;
display: block;
}
.altnet .anp-input-month-year__month {
flex: 1;
}
.altnet .anp-input-month-year__year {
max-width: 120px;
}
.altnet .anp-field--month-year .anp-field__tip {
padding: 0;
margin-top: 5px;
}
.altnet .anp-checkbox {
position: relative;
width: 28px;
height: 28px;
}
.altnet .anp-checkbox label {
background-color: transparent;
border: 1px solid #FBE446;
cursor: pointer;
position: absolute;
height: 28px;
width: 28px;
left: 0;
top: 0;
transition: background-color 0.25s ease;
}
.altnet .anp-checkbox label:after {
border: 2px solid #FFFFFF;
border-top: none;
border-right: none;
content: "";
width: 12px;
height: 6px;
top: 8px;
left: 7px;
opacity: 0;
position: absolute;
transform: rotate(-45deg);
}
.altnet .anp-checkbox input[type=checkbox], .altnet .anp-checkbox input[type=radio] {
visibility: hidden;
}
.altnet .anp-checkbox input[type=checkbox]:checked + label, .altnet .anp-checkbox input[type=radio]:checked + label {
background-color: #56DEA6;
border-color: #56DEA6;
}
.altnet .anp-checkbox input[type=checkbox]:checked + label:after, .altnet .anp-checkbox input[type=radio]:checked + label:after {
opacity: 1;
}
.altnet .anp-checkbox--small {
width: 20px;
height: 20px;
}
.altnet .anp-checkbox--small label {
width: 18px;
height: 18px;
}
.altnet .anp-checkbox--small label:after {
width: 11px;
height: 6px;
left: 2px;
top: 3px;
}
.altnet .anp-checkbox--large {
width: 36px;
height: 36px;
}
.altnet .anp-checkbox--large label {
width: 36px;
height: 36px;
}
.altnet .anp-checkbox--large label:after {
width: 20px;
height: 12px;
left: 6px;
top: 8px;
}
.altnet .anp-choices {
display: flex;
flex-direction: column;
gap: 20px;
margin-top: 30px;
margin-bottom: 40px;
}
.altnet .anp-choice {
border-width: 1px;
border-color: #FBE446;
border-style: solid;
padding: 20px 30px;
position: relative;
transition: border-color 0.25s ease;
background-color: #FFFFFF;
display: flex;
align-items: flex-start;
gap: 20px;
font-size: 13px;
}
.altnet .anp-choice__headline {
display: flex;
min-height: 36px;
align-items: center;
font-weight: bold;
font-size: 16px;
}
.altnet .anp-choice__headline > span {
margin-right: 5px;
color: #DA1884;
}
.altnet .anp-choice__subheading {
font-weight: bold;
margin-bottom: 5px;
font-size: 14px;
}
.altnet .anp-choice__items {
margin-top: 10px;
display: flex;
flex-direction: column;
gap: 15px;
}
.altnet .anp-choice__footnote {
margin-top: 5px;
}
.altnet .anp-thanks {
display: flex;
gap: 50px;
padding-bottom: 40px;
justify-content: space-between;
}
.altnet .anp-thanks__primary, .altnet .anp-thanks__secondary {
width: 400px;
}
.altnet .anp-thanks__notes {
margin-top: 25px;
display: none;
}
@media only screen and (max-width: 650px) {
.altnet .anp-thanks {
display: block;
}
.altnet .anp-thanks__primary {
margin-bottom: 40px;
}
.altnet .anp-thanks__primary, .altnet .anp-thanks__secondary {
width: 100%;
}
}
.altnet .anp-form--thanks {
background-color: #FFFFFF;
border: 1px solid #D7D7E2;
border-radius: 20px;
padding: 20px;
margin-bottom: 50px;
z-index: 1000;
display: none;
}
.altnet .anp-survey {
border-color: #FBE446;
border-width: 1px;
border-style: solid;
position: relative;
width: 100%;
padding: 15px;
}
.altnet .anp-survey__content {
position: relative;
z-index: 500;
}
.altnet .anp-survey__bg {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: transparent;
z-index: 10;
}
.altnet .anp-survey__headline {
font-family: vag-rundschrift-d, Sans-serif;
font-size: 18px;
padding: 0;
margin: 0;
margin-bottom: 15px;
}
.altnet .anp-survey__options {
display: flex;
flex-direction: column;
gap: 8px;
}
.altnet .anp-survey__other {
padding-top: 20px;
display: none;
}
.altnet .anp-survey__note {
font-size: 12px;
line-height: 125%;
background-color: #f7f7f7;
border-radius: 7px;
padding: 10px;
margin-top: 12px;
color: #000000;
}
.altnet .anp-survey .anp-true-false {
font-size: 16px;
}
.altnet .sidebar {
position: absolute;
top: 0;
right: 0;
z-index: 100;
background-color: #F5F5F5;
width: 377px;
font-size: 14px;
background-repeat: no-repeat;
padding-left: 20px;
padding-top: 17px;
margin-top: 0;
min-height: 100%;
}
.altnet .sidebar__viewport {
padding-right: 67px;
padding-bottom: 30px;
}
.altnet .sidebar__section, .altnet .sidebar__column {
border-bottom: 1px solid #707070;
padding-bottom: 15px;
margin-bottom: 15px;
}
.altnet .sidebar__column:last-child {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
}
.altnet .sidebar__section--heading {
padding-bottom: 6px;
margin-bottom: 14px;
}
.altnet .sidebar__section--hidden {
display: none;
}
.altnet .sidebar__section--spaced {
padding-bottom: 20px;
margin-bottom: 20px;
}
.altnet .sidebar__section:last-child {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
}
.altnet .sidebar__heading, .altnet .sidebar__subheading {
padding: 0;
margin: 0;
line-height: 120%;
font-size: 20px;
font-family: vag-rundschrift-d, Sans-serif;
text-transform: none;
}
.altnet .sidebar__heading--hidden {
visibility: hidden;
}
.altnet .sidebar__subheading {
margin-bottom: 5px;
font-weight: 200;
color: #DA1884;
background-repeat: no-repeat;
background-size: 20px;
background-position: 100% 50%;
}
.altnet .sidebar__subheading--notick {
background-image: none;
}
.altnet .sidebar__smallprint {
font-size: 12px;
max-width: 250px;
display: block;
}
.altnet .sidebar .gateway-notice {
position: absolute;
left: 0;
bottom: 0;
padding: 20px;
}
.altnet .sidebar-help {
display: flex;
gap: 12px;
align-items: flex-start;
margin-bottom: 32px;
}
.altnet .sidebar-help__title {
font-size: 11px;
color: #707070;
line-height: 120%;
display: block;
}
.altnet .sidebar-help__icon {
width: 23px;
}
.altnet .sidebar-help__icon > img {
width: 100%;
height: auto;
}
.altnet .sidebar-help__contacts {
display: flex;
font-size: 16px;
font-family: vag-rundschrift-d, Sans-serif;
align-items: middle;
font-weight: 200;
gap: 12px;
}
.altnet .sidebar-help__contacts a {
color: #1C1C1C;
transition: color 0.25s ease;
}
.altnet .sidebar-help__contacts a:hover {
color: #DA1884;
}
.altnet .sidebar-help__contacts span {
color: #DA1884;
font-weight: 300;
}
.altnet .sidebar-sub {
display: none;
}
.altnet .sidebar-sub .container {
text-align: right;
margin-bottom: 20px;
}
.altnet .help-cta {
display: inline-flex;
gap: 12px;
align-items: center;
align-self: flex-end;
margin-top: 15px;
}
.altnet .help-cta__title {
font-size: 13px;
color: #707070;
line-height: 100%;
display: block;
}
.altnet .help-cta__icon {
width: 23px;
}
.altnet .help-cta__icon > img {
width: 100%;
height: auto;
}
.altnet .anp-cart {
width: 100%;
}
.altnet .anp-cart__tallies {
border-top: 2px solid #000000;
padding-top: 7px;
margin-top: 7px;
}
.altnet .anp-cart__row {
display: flex;
justify-content: space-between;
gap: 10px;
align-items: flex-end;
}
.altnet .anp-cart__row--tally, .altnet .anp-cart__row--divider {
border-top: 2px solid #000000;
padding-top: 7px;
margin-top: 7px;
}
.altnet .anp-cart__row--divider {
border-top: 1px solid #000000;
}
.altnet .anp-cart__cell {
padding: 2px 0;
width: 100%;
}
.altnet .anp-cart__cell--price, .altnet .anp-cart__cell--tally {
text-align: right;
}
.altnet .anp-cart__cell--tally {
font-weight: bold;
line-height: 110%;
}
.altnet .anp-cart__cell--tally .period {
display: block;
font-weight: 200;
font-size: 11px;
}
.altnet .anp-cart__cell--tally .vat {
font-weight: normal;
font-weight: 200;
font-size: 11px;
}
.altnet .order-reseller {
position: fixed;
top: 40%;
left: 0;
padding: 10px;
color: #FFFFFF;
z-index: 9999;
max-width: 400px;
border: 0px;
border-collapse: collapse;
}
.altnet .order-reseller table {
padding: 0;
margin: 0;
}
.altnet .order-reseller, .altnet .order-reseller tr, .altnet .order-reseller td {
background-color: #28a745;
}
.altnet .order-reseller td {
font-size: 15px;
padding: 5px;
border: none;
}
.altnet .order-reseller a.anp-restart {
color: #000000;
font-weight: bold;
font-size: 12px;
text-transform: uppercase;
background-color: #FFFFFF;
padding: 5px 10px;
display: inline-block;
}
.altnet .order-reseller--invalid {
background-color: #da1884;
}
.altnet .order-reseller-warning {
background-color: #ff0000;
padding: 20px 30px;
border-radius: 20px;
max-width: 700px;
margin-top: 70px;
}
.altnet .order-reseller-warning__smallprint {
font-size: 12px;
}
.altnet .order-reseller-warning, .altnet .order-reseller-warning a {
color: #FFFFFF;
}
.altnet .order-reseller-warning a:hover {
text-decoration: underline;
}
.altnet .anp-terms__title {
color: #DA1884;
font-size: 18px;
font-weight: 700;
}
.altnet .anp-terms__section {
border-bottom: 1px solid #D7D7E2;
padding-bottom: 20px;
margin-bottom: 20px;
}
.altnet .anp-terms__section:last-child {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
}
.altnet .anp-terms__content > *:last-child {
margin-bottom: 0;
padding-bottom: 0;
}
.altnet .anp-terms__content ol, .altnet .anp-terms__content ul {
margin-bottom: 20px;
}
.altnet .anp-terms--embedded {
font-size: 13px;
}
.altnet .anp-terms--embedded .anp-terms__title {
font-size: 14px;
}
.altnet .gateway-notice {
font-size: 12px;
margin-top: 30px;
margin-bottom: 20px;
}
.altnet .anp-postcoder-not-listed {
font-size: 12px;
padding: 0 20px;
}
.altnet .anp-postcoder-new-search {
display: none;
}
.altnet .anp-selected-address {
font-weight: bold;
}
.altnet .anp-postcoder-has-addresses .anp-postcoder-new-search {
display: inline-block;
}
.altnet .anp-direct-debit {
display: flex;
gap: 20px;
align-items: center;
font-size: 12px;
line-height: 145%;
}
.altnet .anp-direct-debit img {
display: block;
width: 120px;
height: auto;
}
.altnet .anp-toggleable {
display: none;
}
.altnet .anp-toggleable--active {
display: block;
}
.altnet .anp-loader {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 9999;
display: none;
}
.altnet .anp-loader__bg {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: #FFFFFF;
opacity: 0.5;
z-index: 100;
}
.altnet .anp-loader__spinner {
width: 200px;
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
z-index: 500;
}
.altnet .anp-loader__spinner > img {
width: 100%;
height: auto;
}
.altnet .anp-progress {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 9999;
display: none;
text-align: center;
align-items: center;
justify-content: center;
}
.altnet .anp-progress__bg {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: #FFFFFF;
opacity: 0.5;
z-index: 100;
}
.altnet .anp-progress__indicator {
width: 90%;
position: relative;
z-index: 1000;
max-width: 500px;
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
}
.altnet .anp-progress__label {
font-family: vag-rundschrift-d, Sans-serif;
margin-bottom: 10px;
font-size: 22px;
}
.altnet .anp-progress__bar {
position: relative;
background-color: #FFFFFF;
padding: 5px;
box-shadow: 0 0 7px 2px #aaa;
border-radius: 2px;
height: 40px;
}
.altnet .anp-progress__value {
width: 0;
height: 100%;
background-color: #DA1884;
border-radius: 0;
transition: width 0.25s linear;
}
.altnet .anp-error-notification {
margin-bottom: 30px;
}
.altnet .anp-conf--mobile {
display: none;
}
.altnet .anp-restart, .altnet .sidebar__edit {
text-align: right;
margin-top: 10px;
}
.altnet .anp-restart__link, .altnet .sidebar__edit__link {
display: inline-block;
color: #DA1884;
font-size: 13px;
font-weight: bold;
background-repeat: no-repeat;
background-position: 0 50%;
background-image: url(//zzoomm.com/wp-content/plugins/anp-order-journey/resources/themes/zzoomm/img/icon-reload-alt.svg);
padding-left: 20px;
background-size: auto 13px;
transition: all 0.25s ease;
}
.altnet .anp-restart__link:hover, .altnet .sidebar__edit__link:hover {
color: #000000;
}
@media only screen and (max-width: 750px) {
.altnet .selection-nested--child {
position: relative;
top: auto;
bottom: auto;
left: auto;
margin-top: 10px;
margin-bottom: 10px;
}
.altnet .selection-nested--arrow {
top: 0 !important;
bottom: auto;
left: auto;
right: 35px;
transform: rotate(45deg) translateY(-50%);
}
.altnet .selection-nested .selection-nested--child, .altnet .selection-nested--mid .selection-nested--child, .altnet .selection-nested--lower .selection-nested--child {
position: relative;
top: auto;
left: auto;
margin-top: 10px;
margin-bottom: 10px;
transform: none;
}
.altnet .selection-nested .selection-nested--arrow, .altnet .selection-nested--mid .selection-nested--arrow, .altnet .selection-nested--lower .selection-nested--arrow {
top: 3px !important;
left: auto;
bottom: auto;
right: 35px;
transform: rotate(45deg) translateY(-50%);
}
}
@media only screen and (max-width: 1200px) {
.altnet .container--top {
padding-top: 0;
}
.altnet .anp-form {
min-height: 0;
padding-bottom: 0;
}
.altnet .anp-form__footer {
position: relative;
margin-top: 30px;
}
.altnet .sidebar {
position: relative;
right: auto;
top: auto;
width: 100%;
height: auto;
min-height: 100px;
margin-top: 50px;
padding: 40px;
}
.altnet .sidebar__viewport {
height: auto;
padding-right: 0;
}
.altnet .sidebar .gateway-notice {
position: relative;
padding: 0;
margin-top: 30px;
}
.altnet .sidebar--no-mobile {
display: none;
}
.altnet .sidebar-sub {
display: block;
}
.altnet .sidebar-help {
display: none;
}
.altnet .anp-cart {
margin-bottom: 0;
}
.altnet .anp-conf--desktop {
display: none;
}
.altnet .anp-conf--mobile {
display: block;
}
.altnet .anp-choice__headline {
flex-direction: column;
align-items: flex-start;
}
.altnet .anp-choice__headline > span {
display: block;
width: 100%;
}
}
@media only screen and (min-width: 500px) and (max-width: 1200px) {
.altnet .sidebar__viewport {
display: flex;
gap: 15px;
}
.altnet .sidebar__column {
flex: 1;
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
}
.altnet .sidebar__section--hidden {
display: block;
}
}
@media only screen and (max-width: 500px) {
.altnet .container--inner {
width: calc(100% - 40px);
}
.altnet .sidebar {
padding: 40px 20px;
}
.altnet .anp-form__section {
max-width: 100%;
}
.altnet .selection {
max-width: 100%;
}
.altnet .selection__addon__image {
min-width: 90px;
}
.altnet .anp-times {
flex-wrap: wrap;
}
.altnet .anp-times__smallprint {
width: 100%;
flex: 1;
flex-basis: 100%;
padding-left: 0;
margin-top: 10px;
}
.altnet .anp-direct-debit {
align-items: flex-start;
}
}
@media only screen and (max-width: 1120px) {
.altnet .order-reseller {
top: 60px;
padding: 5px;
}
}
@media only screen and (max-width: 800px) {
.altnet .anp-input {
font-size: 16px;
}
}
.anp-custom-tickbox {
display: flex;
gap: 10px;
}
.tmp-hidden {
display: none;
}
.e-con, .e-con-inner {
padding: 0 !important;
}  #autocomplete_form input,
#autocomplete_form select {
display: block;
box-sizing: border-box;
width: 100%;
padding: 1rem;
margin-bottom: 0.5em;
border-width: 1px;
border-style: solid;
border-color: lightgray;
border-radius: 5px 0 0 5px;
border-right: none;
color: #292927;
}
#autocomplete_form input:focus,
#autocomplete_form select:focus {
outline: none !important;
box-shadow: none !important;
}
#autocomplete_form {
position: relative;
}
#autocomplete_form .input-height {
height: 4.75rem;
}
#autocomplete_form input {
padding: 1rem 0.5rem 1rem 2rem;
font-size: 1.25rem;
color: #292927;
}
#autocomplete_form input:disabled {
background: #fff;
}
#autocomplete_form input::placeholder {
opacity: 0.7;
}
#autocomplete_form .input-arrow {
border: 1px solid lightgray;
border-left: none; background: white;
border-radius: 0 5px 5px 0;
padding: 0.5rem;
width: auto;
}
#autocomplete_form .input-arrow .input-arrow-wrapper span {
color: #ffffff;
font-weight: 600;
padding: 0 8px;
}
#autocomplete_form .input-arrow .input-arrow-wrapper {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
background: #E0004D;
border: 1px solid #E0004D;
border-radius: 5px;
}
#autocomplete_form .input-arrow .input-arrow-wrapper img {
display: none;
}
#autocomplete_form .input-arrow .input-spinner-wrapper {
width: auto;
height: 100%;
padding: 0 25px;
justify-content: center;
align-items: center;
background: #E0004D;
border: 1px solid #E0004D;
border-radius: 5px;
display: none;
}
#autocomplete_form .input-arrow.loading .input-arrow-wrapper {
display: none;
}
#autocomplete_form .input-arrow.loading .input-spinner-wrapper {
display: flex;
}
#autocomplete_form .input-group {
flex-wrap: nowrap;
}
@media (max-width: 768px) {
#autocomplete_form .input-arrow .input-arrow-wrapper img {
display: flex;
}
#autocomplete_form .input-arrow .input-arrow-wrapper span {
display: none;
}
#autocomplete_form .input-arrow {
border: 1px solid lightgray;
border-left: none;
width: 76px;
background: white;
border-radius: 0 5px 5px 0;
padding: 0.5rem;
width: 4.75rem;
}
#autocomplete_form .input-arrow .input-arrow-wrapper {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
background: #E0004D;
border: 1px solid #E0004D;
border-radius: 5px;
}
}
@media (max-width: 768px) {
#autocomplete_form .input-height {
height: 3.8rem;
}
#autocomplete_form input {
font-size: 1rem;
padding: 1rem 0.5rem 1rem 1rem;
}
#autocomplete_form .input-arrow {
width: 3.8rem;
}
}
.input-group {
margin-top: 5px;
margin-bottom: 20px;
}  .altnet {               }
.altnet .heading {
font-weight: 400;
font-size: 28px;
line-height: 125%;
letter-spacing: 0.025em;
}
.altnet .container--top {
padding-top: 55px;
}
.altnet .anp-field__error {
padding-left: 20px;
}
.altnet .anp-input {
border-radius: 35px;
height: 45px;
line-height: 45px;
font-size: 14px;
padding: 0 24px;
}
.altnet .anp-checkbox label {
border-radius: 50%;
}
.altnet .anp-button {
border-width: 2px;
border-color: #FBE446;
border-radius: 35px;
border-style: solid;
background-color: #FBE446;
color: #000000;
text-align: left;
padding-left: 22px;
justify-content: flex-start;
transition: all 0.2s ease;
font-family: vag-rundschrift-d, Sans-serif;
font-weight: 400;
background-image: url(//zzoomm.com/wp-content/plugins/anp-order-journey/resources/themes/zzoomm/img/button-arrows.svg);
background-repeat: no-repeat;
background-position: calc(100% - 22px) 50%;
background-size: 19px auto;
}
.altnet .anp-button:hover, .altnet .anp-button:focus {
background-color: #DA1884;
color: #FFFFFF;
border-color: #DA1884;
background-image: url(//zzoomm.com/wp-content/plugins/anp-order-journey/resources/themes/zzoomm/img/button-arrows-white.svg);
}
.altnet .anp-button:hover {
background-position: calc(100% - 15px) 50%;
}
.altnet .anp-button--back {
background-image: url(//zzoomm.com/wp-content/plugins/anp-order-journey/resources/themes/zzoomm/img/button-arrows-back.svg);
background-position: 22px 50%;
padding-left: 55px;
}
.altnet .anp-button--back:hover {
background-position: 15px 50%;
background-image: url(//zzoomm.com/wp-content/plugins/anp-order-journey/resources/themes/zzoomm/img/button-arrows-back-white.svg);
}
.altnet .anp-button--light {
color: #FFFFFF;
border-color: #FFFFFF;
background-image: url(//zzoomm.com/wp-content/plugins/anp-order-journey/resources/themes/zzoomm/img/button-arrows-white.svg);
}
.altnet .anp-button--light:hover {
color: #FBE446;
border-color: #FBE446;
background-image: url(//zzoomm.com/wp-content/plugins/anp-order-journey/resources/themes/zzoomm/img/button-arrows-yellow.svg);
}
.altnet .anp-button--alt {
color: #000;
border-color: #DA1884;
background-image: url(//zzoomm.com/wp-content/plugins/anp-order-journey/resources/themes/zzoomm/img/button-arrows-pink.svg);
}
.altnet .anp-button--alt:hover {
background-color: #FBE446;
background-image: url(//zzoomm.com/wp-content/plugins/anp-order-journey/resources/themes/zzoomm/img/button-arrows-pink.svg);
}
.altnet .anp-mini-button {
color: #000000;
font-family: vag-rundschrift-d, Sans-serif;
border-radius: 200px;
font-size: 20px;
letter-spacing: 1px;
transform: translateX(-1px) translateY(1px);
height: calc(100% - 2px);
}
.altnet .anp-kickoff {
max-width: 324px;
}
.altnet .anp-kickoff .anp-input {
font-family: vag-rundschrift-d, Sans-serif;
height: 70px;
font-size: 20px;
border-color: #000000;
border-width: 2px;
transition: all 0.2s ease;
}
.altnet .anp-kickoff .anp-mini-button {
width: 66px;
height: 66px;
font-size: 30px;
}
.altnet .anp-kickoff--alt {
border-radius: 43px;
border-width: 2px;
padding: 20px 30px;
max-width: 425px;
margin-left: auto;
margin-right: auto;
background-color: #FFFFFF;
display: flex;
align-items: center;
justify-content: space-between;
}
.altnet .anp-kickoff--alt .anp-kickoff__title {
display: block;
}
.altnet .anp-kickoff--alt .anp-input {
height: 45px;
font-size: 14px;
font-weight: normal;
font-family: neue-haas-grotesk-text, Sans-serif;
border-width: 1px;
width: 215px;
padding-left: 20px;
}
.altnet .anp-kickoff--alt .anp-mini-button {
width: 43px;
height: 43px;
font-size: 20px;
transform: translateX(-1px) translateY(1px);
}
.altnet .anp-kickoff--alt.anp--over .anp-mini-button {
color: #FFFFFF;
background-color: #DA1884;
}
.altnet .anp-kickoff:not(.anp-kickoff--alt).anp--over {
cursor: pointer;
}
.altnet .anp-kickoff:not(.anp-kickoff--alt).anp--over .anp-input, .altnet .anp-kickoff:not(.anp-kickoff--alt).anp--over .anp-mini-button {
border-color: #DA1884;
box-shadow: 0 0 0 3px #DA1884;
}
.altnet .anp-kickoff:not(.anp-kickoff--alt).anp--over .anp-mini-button {
color: #FFFFFF;
background-color: #DA1884;
box-shadow: 0 0 0 3px #DA1884;
}
@media only screen and (max-width: 1200px) {
.altnet .anp-kickoff {
max-width: 272px;
}
.altnet .anp-kickoff .anp-input {
height: 55px;
font-size: 18px;
}
.altnet .anp-kickoff .anp-mini-button {
width: 51px;
height: 51px;
transform: translateX(-2px) translateY(2px);
font-size: 26px;
}
.altnet .anp-kickoff--alt {
max-width: 400px;
border-width: 0;
border-color: transparent;
padding: 0;
flex-direction: column;
background-color: transparent;
color: #FFFFFF;
}
.altnet .anp-kickoff--alt .anp-kickoff__title {
padding-bottom: 10px;
font-size: 30px;
}
.altnet .anp-kickoff--alt .anp-input {
height: 50px;
border-width: 1px;
width: 312px;
}
.altnet .anp-kickoff--alt .anp-mini-button {
width: 46px;
height: 46px;
font-size: 22px;
}
}
.altnet .anp-showcase {
border-width: 4px;
border-radius: 35px;
}
.altnet .anp-showcase__promo {
border-radius: 19px;
border-width: 3px;
}
.altnet .anp-showcase .anp-button {
color: #DA1884;
}
.altnet .anp-showcase .anp-button {
background-color: #FFFFFF;
color: #DA1884;
border-color: #DA1884;
background-image: url(//zzoomm.com/wp-content/plugins/anp-order-journey/resources/themes/zzoomm/img/button-arrows-pink.svg);
}
.altnet .anp-showcase .anp-button:hover {
background-image: url(//zzoomm.com/wp-content/plugins/anp-order-journey/resources/themes/zzoomm/img/button-arrows-pink.svg);
background-color: #FBE446;
}
.altnet .anp-showcase.anp--over {
transform: scale(1.05);
border-color: #000000;
color: #FFFFFF;
background-color: #DA1884;
}
.altnet .anp-showcase.anp--over .anp-showcase__offer {
color: #FBE446;
}
.altnet .anp-showcase.anp--over .anp-showcase__promo {
border-color: #000000;
}
.altnet .anp-showcase.anp--over .anp-button {
background-color: #FBE446;
}
.altnet .anp-showcase.anp--over .anp-speed {
background-image: url(//zzoomm.com/wp-content/plugins/anp-order-journey/resources/themes/zzoomm/img/icon-speed-alt.svg);
}
.altnet .anp-showcase.anp--over .anp-button {
background-image: url(//zzoomm.com/wp-content/plugins/anp-order-journey/resources/themes/zzoomm/img/button-arrows-pink.svg);
background-position: calc(100% - 10px) 50%;
}
.altnet .standout {
border-radius: 16px;
}
.altnet .standout__legend {
border-radius: 12px;
}
.altnet .anp-choice {
border-width: 2px;
border-radius: 16px;
}
.altnet .selection__legend {
border-radius: 12px;
}
.altnet .selection__item {
border-radius: 16px;
}
.altnet .anp-time {
border-radius: 10px;
}
.altnet .anp-survey, .altnet .anp-survey__bg {
border-radius: 12px;
}
.altnet .circle-feature {
display: block;
width: 100%;
max-width: 400px;
position: relative;
}
.altnet .circle-feature, .altnet .circle-feature__inner, .altnet .circle-feature__r1, .altnet .circle-feature__r2 {
border-radius: 400px;
}
.altnet .circle-feature__inner {
width: 100%;
padding-top: 100%;
position: relative;
}
.altnet .circle-feature__r1, .altnet .circle-feature__r2 {
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
width: calc(100% - 60px);
height: calc(100% - 60px);
}
.altnet .circle-feature__r2 {
background-color: #000000;
overflow: hidden;
}
.altnet .circle-feature__content > img {
width: 100%;
height: 100%;
}
.altnet__bg {
width: 100%;
height: 100%;
background-color: transparent;
position: absolute;
top: 0;
left: 0;
z-index: 0;
}
.altnet.anp-scheme--alt {
background-color: #DA1884;
color: #FFFFFF;
}
.altnet.anp-scheme--alt .text-hilite {
color: #FBE446;
}
.altnet.anp-scheme--alt .altnet__bg {
background-color: #DA1884;
}
.altnet.anp-scheme--alt a:not(.anp-button) {
color: #FBE446;
}
.altnet.anp-scheme--alt .anp-survey {
border: none;
}
.altnet.anp-scheme--alt .anp-survey__bg {
background-color: #EF43A3;
}
.altnet.anp-scheme--alt .circle-feature__inner {
background-color: #df208b;
}
.altnet.anp-scheme--alt .circle-feature__r1 {
background-color: #e73197;
}
.altnet.anp-theme--business .anp-input {
border-color: #311D5D;
}
.altnet.anp-theme--business .circle-feature__inner {
background-color: #57246b;
}
.altnet.anp-theme--business .circle-feature__r1 {
background-color: #432063;
}
.altnet.anp-theme--business.anp-scheme--alt .altnet__bg {
background-color: #311D5D;
}
.altnet.anp-theme--business.anp-scheme--alt .anp-survey {
border: 1px solid #FFFFFF;
}
.altnet.anp-theme--business.anp-scheme--alt .anp-survey__bg {
background-color: transparent;
}