/* disable-stylelint */

@font-face {
  font-family: "aes-new-icons";
  src: url("../fonts/icons/aes.eot?g5q524");
  src: url("../fonts/icons/aes.eot?g5q524#iefix") format("embedded-opentype"),
    url("../fonts/icons/aes.ttf?g5q524") format("truetype"),
    url("../fonts/icons/aes.woff?g5q524") format("woff"),
    url("../fonts/icons/aes.svg?g5q524#aes-new-icons") format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "aes-new-icons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-envelope:before {
  content: "\e924";
}
.icon-items-3:before {
  content: "\e926";
}
.icon-mobile:before {
  content: "\e928";
}
.icon-paperless-billing:before {
  content: "\e90e";
}
.icon-help:before {
  content: "\e911";
}
.icon-euro:before {
  content: "\e91f";
}
.icon-text-message:before {
  content: "\e920";
}
.icon-bin-2:before {
  content: "\e900";
}
.icon-bin:before {
  content: "\e901";
}
.icon-building:before {
  content: "\e902";
}
.icon-buildings-2:before {
  content: "\e903";
}
.icon-buildings:before {
  content: "\e904";
}
.icon-calculator-2:before {
  content: "\e905";
}
.icon-calculator:before {
  content: "\e906";
}
.icon-calendar-2:before {
  content: "\e907";
}
.icon-calendar:before {
  content: "\e908";
}
.icon-checklist-2:before {
  content: "\e909";
}
.icon-checklist:before {
  content: "\e90a";
}
.icon-clock-2:before {
  content: "\e90b";
}
.icon-clock:before {
  content: "\e90c";
}
.icon-couple:before {
  content: "\e90d";
}
.icon-document:before {
  content: "\e90f";
}
.icon-documents:before {
  content: "\e910";
}
.icon-family:before {
  content: "\e912";
}
.icon-house-2:before {
  content: "\e913";
}
.icon-house-money:before {
  content: "\e914";
}
.icon-house:before {
  content: "\e915";
}
.icon-items-2:before {
  content: "\e916";
}
.icon-items:before {
  content: "\e917";
}
.icon-list-2:before {
  content: "\e918";
}
.icon-list:before {
  content: "\e919";
}
.icon-marker:before {
  content: "\e91a";
}
.icon-messages:before {
  content: "\e91b";
}
.icon-mouse:before {
  content: "\e91c";
}
.icon-people:before {
  content: "\e91d";
}
.icon-phone:before {
  content: "\e91e";
}
.icon-recycle-truck-2:before {
  content: "\e921";
}
.icon-recycle-truck:before {
  content: "\e922";
}
.icon-recycle:before {
  content: "\e923";
}
.icon-skip:before {
  content: "\e925";
}
.icon-tick:before {
  content: "\e927";
}
.icon-van:before {
  content: "\e929";
}

.new-box [class*="icon-"] {
  font-size: 90px;
  color: #2dca84;
}

i.icon-calendar {
  color: #5cc050 !important;
}

.helpcenterbox5 i.icon-calendar {
  color: #fff !important;
}
.icon-calendar:before {
  content: "\e908";
}

.quick-links .quick-link .big-icon {
  font-size: 105px;
}

.HomeBoxMenu1,
.HomeBoxMenu2,
.active .HomeBoxMenu1,
.active .HomeBoxMenu2,
.top-link:hover .HomeBoxMenu1,
.top-link:hover .HomeBoxMenu2 {
  background: none !important;
}

.active .HomeBoxMenu1,
.active .HomeBoxMenu2,
.top-link:hover .HomeBoxMenu1,
.top-link:hover .HomeBoxMenu2 {
  color: #fff;
}

#menu-faq_sections [class*="aes-"],
#menu-faq_sections [class*="aes-"].active {
  background-image: none !important;
  padding: 0;
}

.HomeBoxMenu1,
.HomeBoxMenu2,
#menu-faq_sections [class*="aes-"],
.help-centre-categories li:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "aes-new-icons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.help-centre-categories .aes-feedback {
  position: relative;
}
.help-centre-categories .aes-feedback::before {
  content: url("../icons/chatbubbles-blue.svg") !important;
  top: 0px;
  left: -5px;
  background-size: 70px 70px;
  height: 70px;
  width: 70px;
}
.help-centre-categories .aes-feedback.active::before {
  content: url("../icons/chatbubbles-white.svg") !important;
  top: 0px;
  left: -5px;
  background-size: 70px 70px;
  height: 70px;
  width: 70px;
}
.help-centre-categories .aes-calendar {
  position: relative;
}
.help-centre-categories .aes-calendar::before {
  content: url("../icons/calendar-blue.svg") !important;
  top: 0px;
  left: -5px;
  background-size: 70px 70px;
  height: 70px;
  width: 70px;
}
.help-centre-categories .aes-calendar.active::before {
  content: url("../icons/calendar-white.svg") !important;
  top: 0px;
  left: -5px;
  background-size: 70px 70px;
  height: 70px;
  width: 70px;
}

.help-centre-categories .aes-moving-home {
  position: relative;
}
.help-centre-categories .aes-moving-home::before {
  content: url("../icons/truck-blue.svg") !important;
  top: 0px;
  left: -5px;
  background-size: 75px 75px;
  height: 75px;
  width: 75px;
}
.help-centre-categories .aes-moving-home.active::before {
  content: url("../icons/truck-white.svg") !important;
  top: 0px;
  left: -5px;
  background-size: 75px 75px;
  height: 75px;
  width: 75px;
}
.help-centre-categories .aes-ways-to-pay {
  position: relative;
}
.help-centre-categories .aes-ways-to-pay::before {
  content: url("../icons/eurosun-blue.svg") !important;
  top: 0px;
  left: -5px;
  background-size: 75px 75px;
  height: 75px;
  width: 75px;
}
.help-centre-categories .aes-ways-to-pay.active::before {
  content: url("../icons/eurosun-white.svg") !important;
  top: 0px;
  left: -5px;
  background-size: 75px 75px;
  height: 75px;
  width: 75px;
}

.help-centre-categories .aes-understanding-your-bill {
  position: relative;
}
.help-centre-categories .aes-understanding-your-bill::before {
  content: url("../icons/Bill-blue.svg") !important;
  top: 5px;
  left: 1px;
  background-size: 60px 60px;
  height: 60px;
  width: 60px;
}
.help-centre-categories .aes-understanding-your-bill.active::before {
  content: url("../icons/Bill-white.svg") !important;
  top: 5px;
  left: 1px;
  background-size: 60px 60px;
  height: 60px;
  width: 60px;
}

.help-centre-categories .aes-your-service-plan {
  position: relative;
}
.help-centre-categories .aes-your-service-plan::before {
  content: url("../icons/clipboardlist-blue.svg") !important;
  top: 0px;
  left: -5px;
  background-size: 75px 75px;
  height: 75px;
  width: 75px;
}
.help-centre-categories .aes-your-service-plan.active::before {
  content: url("../icons/clipboardlist-white.svg") !important;
  top: 0px;
  left: -5px;
  background-size: 75px 75px;
  height: 75px;
  width: 75px;
}

.help-centre-categories li {
  font-size: 48px;
  color: #009ddc;
}

.help-centre-categories li.active {
  color: #fff;
}

.HomeBoxMenu1:before {
  content: "\e915";
}

.HomeBoxMenu2:before {
  content: "\e904";
}

.accordion-content label {
  color: white !important;
}
.HomeBoxMenu1,
.HomeBoxMenu2 {
  font-size: 45px;
  color: #199bd6;
  vertical-align: middle;
}

@media (max-width: 729px) {
  .HomeBoxMenu1,
  .HomeBoxMenu2 {
    font-size: 30px;
    width: auto;
    height: auto;
  }
}

.HomeBoxMenu1 + i,
.HomeBoxMenu2 + i {
  top: 0 !important;
  line-height: 1 !important;
  vertical-align: middle;
}

.business-icon {
  font-size: 85px;
}

.my-account-icons .fa {
  background: none !important;
  font-size: 70px;
}

.my-account-icons .icon-collection-history {
  position: relative;
}
.my-account-icons .icon-collection-history::before {
  position: absolute;
  content: url("../icons/clock-green.svg");
  top: 7px;
  left: -50px;
  background-size: 90px 90px;
  height: 90px;
  width: 90px;
}

.my-account-icons .icon-access-invoices {
  position: relative;
}
.my-account-icons .icon-access-invoices::before {
  position: absolute;
  content: url("../icons/clipboardlist-green.svg");
  top: 5px;
  left: -45px;
  background-size: 90px 90px;
  height: 90px;
  width: 90px;
}

.my-account-icons .icon-payment-history {
  position: relative;
}
.my-account-icons .icon-payment-history::before {
  position: absolute;
  content: url("../icons/calculator-green.svg");
  top: 5px;
  left: -50px;
  background-size: 90px 90px;
  height: 90px;
  width: 90px;
}

.my-account-icons .icon-pay-your-bill {
  position: relative;
}
.my-account-icons .icon-pay-your-bill::before {
  position: absolute;
  content: url("../icons/laptop-chatbubble-green.svg");
  top: 5px;
  left: -50px;
  background-size: 90px 90px;
  height: 90px;
  width: 90px;
}

.my-account-icons .icon-donate {
  position: relative;
}
.my-account-icons .icon-donate::before {
  position: absolute;
  content: url("../icons/eurosun-green.svg");
  top: -15px;
  left: -50px;
  background-size: 120px 120px;
  height: 120px;
  width: 120px;
}

.my-account-icons .icon-donate {
  color: #2dca84;
  float: left;
  margin-top: 60px;
}

@media (min-width: 768px) {
  .my-account-icons .icon-donate {
    position: relative;
    left: 87px;
    top: 15px;
  }
}

.help-centre .icon-calendar {
  position: relative;
}
.help-centre .icon-calendar::before {
  position: absolute;
  content: url("../icons/calendar-white.svg");
  top: -31px;
  left: -30px;
  background-size: 60px 60px;
  height: 60px;
  width: 60px;
}

.help-centre .icon-your-service-plan {
  position: relative;
}
.help-centre .icon-your-service-plan::before {
  position: absolute;
  content: url("../icons/clipboardlist-white.svg");
  top: -31px;
  left: -27px;
  background-size: 65px 65px;
  height: 65px;
  width: 65px;
}

.help-centre .icon-understanding-your-bill {
  position: relative;
}
.help-centre .icon-understanding-your-bill::before {
  position: absolute;
  content: url("../icons/Bill-white.svg");
  top: -28px;
  left: -25px;
  background-size: 55px 44px;
  height: 55px;
  width: 44px;
}

.help-centre .icon-ways-to-pay {
  position: relative;
}
.help-centre .icon-ways-to-pay::before {
  position: absolute;
  content: url("../icons/eurosun-white.svg");
  top: -31px;
  left: -30px;
  background-size: 65px 65px;
  height: 65px;
  width: 65px;
}

.help-centre .icon-moving-home {
  position: relative;
}
.help-centre .icon-moving-home::before {
  position: absolute;
  content: url("../icons/truck-white.svg");
  top: -30px;
  left: -30px;
  background-size: 65px 65px;
  height: 65px;
  width: 65px;
}

.help-centre .icon-feedback {
  position: relative;
}
.help-centre .icon-feedback::before {
  position: absolute;
  content: url("../icons/chatbubbles-white.svg");
  top: -28px;
  left: -27px;
  background-size: 65px 65px;
  height: 65px;
  width: 65px;
}

.form-title .icon-calculator-2 {
  position: relative;
  margin-right: 25px;
}

.form-title .icon-calculator-2::before {
  position: absolute;
  content: url("../icons/calculator.svg");
  top: -28px;
  left: -27px;
  background-size: 61px 61px;
  height: 61px;
  width: 61px;
}

.our-business .icon-areas-of-operation::before {
  position: absolute;
  content: url("../icons/bus-location.png");
  top: -60px;
  left: -45px;
  background-size: 100px 100px;
  height: 100px;
  width: 100px;
}

.our-business .icon-compliance::before {
  position: absolute;
  content: url("../icons/bus-compliance.png");
  top: -60px;
  left: -45px;
  background-size: 100px 100px;
  height: 100px;
  width: 100px;
}

.our-business .icon-sectors::before {
  position: absolute;
  content: url("../icons/bus-sectors.png");
  top: -60px;
  left: -45px;
  background-size: 100px 100px;
  height: 100px;
  width: 100px;
}

@media (min-width: 991px) {
  .our-business .box .icon-container {
    padding: 50px 15px;
  }
}

.contact-us-boxes [class*="icon-"] {
  font-size: 110px !important;
}

.contact-us-boxes .icon-sectors::before {
  position: absolute;
  content: url("../icons/Bus_sectors-white.svg");
  top: -10px;
  right: 15px;
  background-size: 100px 100px;
  height: 100px;
  width: 100px;
}

.contact-us-boxes .icon-small-business::before {
  position: absolute;
  content: url("../icons/buildings_white.svg");
  top: -10px;
  right: 15px;
  background-size: 100px 100px;
  height: 100px;
  width: 100px;
}

.c-bin__icon {
  color: #5cc050;
  font-size: 100px;
}

.c-icon-list__icon-element {
  color: #5cc050;
  font-size: 55px;
}

.c-icon-list__icon-element.is-large {
  font-size: 100px;
}

.c-icon-list__icon-element.has-margin {
  margin: 20px auto;
  display: block;
}

.c-icon-list__item.vat {
  vertical-align: top;
}

/**
 Page header icon potential styles
 ----------------------------
 color: #f2f2f2;
 bottom: -39px;
 font-size: 160px;
 position: absolute;
 right: 8%;
 z-index: -1;
 */

@media (max-width: 767px) {
  .new-box [class*="icon-"] {
    font-size: 60px;
  }

  .skip-item {
    display: block;
  }

  .skip-item > div {
    display: block;
    text-align: center;
  }

  .skip-item .signup-button-container {
    padding: 0;
  }

  .skip-item .signup-button-container .btn {
    float: none !important;
    margin: 0 auto;
  }

  .skip-item .embed-responsive {
    height: 100px;
  }

  .skip-item .embed-responsive-item {
    position: static;
    padding: 0;
  }

  .account-forms {
    overflow: hidden;
  }

  .my-account-icons .icon-donate {
    display: block;
    width: 100%;
    margin-bottom: 30px;
    border-top: 1px solid #009ddc;
    padding-top: 30px;
  }

  .page-template-calendars-php #search_txt {
    width: 100% !important;
  }

  .page-template-calendars-php #search_txt + .input-group-btn {
    width: 100%;
    display: block;
  }

  .mrhelp .fa {
    background-size: initial;
    margin-left: 10px;
  }

  .mrhelp .box h1,
  .mrhelp .box.small .btn {
    margin-left: 30px;
  }
}

@media (min-width: 600px) {
  .c-icon-list__item:not(:last-child)::after {
    min-height: 230px;
  }

  .c-icon-list__item {
    overflow: hidden;
  }
}
