/* Global changes */
.section {
  padding: 6rem 0;
}


.navbar.transparent:not(.text-dark) .navbar-nav > li > a.ui-gradient-green {
  color: #4b9a27;
}

.navbar .navbar-nav > li > a.ui-gradient-green {
  color: #fff;
}


/* H@W - Red - primary 1 */
.text-haw-red, .ui-icon-blocks .icon.text-haw-red, .ui-card .card-header .heading.text-haw-red, .pricing-items li .text-haw-red {
  color: #c93e4c;
}

.ui-icon-blocks .ui-icon-block > .icon.text-haw-red {
  color: #c93e4c;
}

.bg-haw-red, .ui-card.bg-haw-red, .ui-card.bg-haw-red .card-body p {
  color: rgba(255, 255, 255, 0.85);
  background-color: #c93e4c;
}

.bg-haw-red .heading, .bg-haw-red .sub-heading, .bg-haw-red .ui-icon-blocks .ui-icon-block > .icon, .bg-haw-red a, .bg-haw-red .price, .ui-card.bg-haw-red .heading, .ui-card.bg-haw-red .sub-heading, .ui-card.bg-haw-red .ui-icon-blocks .ui-icon-block > .icon, .ui-card.bg-haw-red a, .ui-card.bg-haw-red .price, .ui-card.bg-haw-red .card-body p .heading, .ui-card.bg-haw-red .card-body p .sub-heading, .ui-card.bg-haw-red .card-body p .ui-icon-blocks .ui-icon-block > .icon, .ui-card.bg-haw-red .card-body p a, .ui-card.bg-haw-red .card-body p .price {
  color: #FFF;
}

.bg-haw-red .section-heading .paragraph, .bg-haw-red .lead, .ui-card.bg-haw-red .section-heading .paragraph, .ui-card.bg-haw-red .lead, .ui-card.bg-haw-red .card-body p .section-heading .paragraph, .ui-card.bg-haw-red .card-body p .lead {
  color: #FFF;
}

.bg-haw-red .ui-card, .ui-card.bg-haw-red .ui-card, .ui-card.bg-haw-red .card-body p .ui-card {
  color: #8e9bae;
}

.bg-haw-red .ui-card .heading, .bg-haw-red .ui-card .sub-heading, .ui-card.bg-haw-red .ui-card .heading, .ui-card.bg-haw-red .ui-card .sub-heading, .ui-card.bg-haw-red .card-body p .ui-card .heading, .ui-card.bg-haw-red .card-body p .ui-card .sub-heading {
  color: #414c5a;
}

.bg-haw-red .ui-card .ui-icon-block > .icon, .ui-card.bg-haw-red .ui-card .ui-icon-block > .icon, .ui-card.bg-haw-red .card-body p .ui-card .ui-icon-block > .icon {
  color: #c93e4c;
}

.bg-haw-red.btn, .ui-card.bg-haw-red.btn, .ui-card.bg-haw-red .card-body p.btn {
  color: #fff;
}

.bg-haw-red.btn:hover, .ui-card.bg-haw-red.btn:hover, .ui-card.bg-haw-red .card-body p.btn:hover {
  color: #fff;
}

.ui-accordion-panel.ui-haw-red .ui-accordion.active .toggle,
.ui-accordion-panel.ui-haw-red .ui-accordion:hover .toggle {
  color: #c93e4c;
}

.ui-accordion-panel.ui-haw-red .ui-accordion.active .toggle::after,
.ui-accordion-panel.ui-haw-red .ui-accordion:hover .toggle::after {
  color: #c93e4c;
}

.ui-tabs.ui-haw-red .nav-tabs li.active {
  background-color: #c93e4c;
  color: #fff;
}

.ui-pricing-table .pricing-block.ui-haw-red {
  background-color: rgba(128, 137, 255, 0.1);
}

.ui-pricing-table .pricing-block.ui-haw-red .promo {
  background-color: #c93e4c;
  color: #fff;
}

.ui-card.ui-curve .card-header.bg-haw-red {
  color: rgba(255, 255, 255, 0.85);
  background-color: #c93e4c;
}

.ui-card.ui-curve .card-header.bg-haw-red .heading, .ui-card.ui-curve .card-header.bg-haw-red .sub-heading, .ui-card.ui-curve .card-header.bg-haw-red .ui-icon-block .icon {
  color: #FFF;
}

.ui-icon-blocks .ui-icon-block > .icon.icon-circle.bg-haw-red {
  background-color: #c93e4c;
  color: #fff;
}

/* H@W - Orange - Primary 2 */

.text-haw-orange, .ui-icon-blocks .icon.text-haw-orange, .ui-card .card-header .heading.text-haw-orange, .pricing-items li .text-haw-orange {
  color: #ffa700;
}

.ui-icon-blocks .ui-icon-block > .icon.text-haw-orange {
  color: #ffa700;
}

.bg-haw-orange, .ui-card.bg-haw-orange, .ui-card.bg-haw-orange .card-body p {
  color: rgba(255, 255, 255, 0.85);
  background-color: #ffa700;
}

.bg-haw-orange .heading, .bg-haw-orange .sub-heading, .bg-haw-orange .ui-icon-blocks .ui-icon-block > .icon, .bg-haw-orange a, .bg-haw-orange .price, .ui-card.bg-haw-orange .heading, .ui-card.bg-haw-orange .sub-heading, .ui-card.bg-haw-orange .ui-icon-blocks .ui-icon-block > .icon, .ui-card.bg-haw-orange a, .ui-card.bg-haw-orange .price, .ui-card.bg-haw-orange .card-body p .heading, .ui-card.bg-haw-orange .card-body p .sub-heading, .ui-card.bg-haw-orange .card-body p .ui-icon-blocks .ui-icon-block > .icon, .ui-card.bg-haw-orange .card-body p a, .ui-card.bg-haw-orange .card-body p .price {
  color: #FFF;
}

.bg-haw-orange .section-heading .paragraph, .bg-haw-orange .lead, .ui-card.bg-haw-orange .section-heading .paragraph, .ui-card.bg-haw-orange .lead, .ui-card.bg-haw-orange .card-body p .section-heading .paragraph, .ui-card.bg-haw-orange .card-body p .lead {
  color: #FFF;
}

.bg-haw-orange .ui-card, .ui-card.bg-haw-orange .ui-card, .ui-card.bg-haw-orange .card-body p .ui-card {
  color: #8e9bae;
}

.bg-haw-orange .ui-card .heading, .bg-haw-orange .ui-card .sub-heading, .ui-card.bg-haw-orange .ui-card .heading, .ui-card.bg-haw-orange .ui-card .sub-heading, .ui-card.bg-haw-orange .card-body p .ui-card .heading, .ui-card.bg-haw-orange .card-body p .ui-card .sub-heading {
  color: #414c5a;
}

.bg-haw-orange .ui-card .ui-icon-block > .icon, .ui-card.bg-haw-orange .ui-card .ui-icon-block > .icon, .ui-card.bg-haw-orange .card-body p .ui-card .ui-icon-block > .icon {
  color: #ffa700;
}

.bg-haw-orange.btn, .ui-card.bg-haw-orange.btn, .ui-card.bg-haw-orange .card-body p.btn {
  color: #fff;
}

.bg-haw-orange.btn:hover, .ui-card.bg-haw-orange.btn:hover, .ui-card.bg-haw-orange .card-body p.btn:hover {
  color: #fff;
}

.ui-accordion-panel.ui-haw-orange .ui-accordion.active .toggle,
.ui-accordion-panel.ui-haw-orange .ui-accordion:hover .toggle {
  color: #ffa700;
}

.ui-accordion-panel.ui-haw-orange .ui-accordion.active .toggle::after,
.ui-accordion-panel.ui-haw-orange .ui-accordion:hover .toggle::after {
  color: #ffa700;
}

.ui-tabs.ui-haw-orange .nav-tabs li.active {
  background-color: #ffa700;
  color: #fff;
}

.ui-pricing-table .pricing-block.ui-haw-orange {
  background-color: rgba(128, 137, 255, 0.1);
}

.ui-pricing-table .pricing-block.ui-haw-orange .promo {
  background-color: #ffa700;
  color: #fff;
}

.ui-card.ui-curve .card-header.bg-haw-orange {
  color: rgba(255, 255, 255, 0.85);
  background-color: #ffa700;
}

.ui-card.ui-curve .card-header.bg-haw-orange .heading, .ui-card.ui-curve .card-header.bg-haw-orange .sub-heading, .ui-card.ui-curve .card-header.bg-haw-orange .ui-icon-block .icon {
  color: #FFF;
}

.ui-icon-blocks .ui-icon-block > .icon.icon-circle.bg-haw-orange {
  background-color: #ffa700;
  color: #fff;
}

/* H@W - Aqua - Primary 3 */

.text-haw-aqua, .ui-icon-blocks .icon.text-haw-aqua, .ui-card .card-header .heading.text-haw-aqua, .pricing-items li .text-haw-aqua {
  color: #3db7a8;
}

.ui-icon-blocks .ui-icon-block > .icon.text-haw-aqua {
  color: #3db7a8;
}

.bg-haw-aqua, .ui-card.bg-haw-aqua, .ui-card.bg-haw-aqua .card-body p {
  color: rgba(255, 255, 255, 0.85);
  background-color: #3db7a8;
}

.bg-haw-aqua .heading, .bg-haw-aqua .sub-heading, .bg-haw-aqua .ui-icon-blocks .ui-icon-block > .icon, .bg-haw-aqua a, .bg-haw-aqua .price, .ui-card.bg-haw-aqua .heading, .ui-card.bg-haw-aqua .sub-heading, .ui-card.bg-haw-aqua .ui-icon-blocks .ui-icon-block > .icon, .ui-card.bg-haw-aqua a, .ui-card.bg-haw-aqua .price, .ui-card.bg-haw-aqua .card-body p .heading, .ui-card.bg-haw-aqua .card-body p .sub-heading, .ui-card.bg-haw-aqua .card-body p .ui-icon-blocks .ui-icon-block > .icon, .ui-card.bg-haw-aqua .card-body p a, .ui-card.bg-haw-aqua .card-body p .price {
  color: #FFF;
}

.bg-haw-aqua .section-heading .paragraph, .bg-haw-aqua .lead, .ui-card.bg-haw-aqua .section-heading .paragraph, .ui-card.bg-haw-aqua .lead, .ui-card.bg-haw-aqua .card-body p .section-heading .paragraph, .ui-card.bg-haw-aqua .card-body p .lead {
  color: #FFF;
}

.bg-haw-aqua .ui-card, .ui-card.bg-haw-aqua .ui-card, .ui-card.bg-haw-aqua .card-body p .ui-card {
  color: #8e9bae;
}

.bg-haw-aqua .ui-card .heading, .bg-haw-aqua .ui-card .sub-heading, .ui-card.bg-haw-aqua .ui-card .heading, .ui-card.bg-haw-aqua .ui-card .sub-heading, .ui-card.bg-haw-aqua .card-body p .ui-card .heading, .ui-card.bg-haw-aqua .card-body p .ui-card .sub-heading {
  color: #414c5a;
}

.bg-haw-aqua .ui-card .ui-icon-block > .icon, .ui-card.bg-haw-aqua .ui-card .ui-icon-block > .icon, .ui-card.bg-haw-aqua .card-body p .ui-card .ui-icon-block > .icon {
  color: #3db7a8;
}

.bg-haw-aqua.btn, .ui-card.bg-haw-aqua.btn, .ui-card.bg-haw-aqua .card-body p.btn {
  color: #fff;
}

.bg-haw-aqua.btn:hover, .ui-card.bg-haw-aqua.btn:hover, .ui-card.bg-haw-aqua .card-body p.btn:hover {
  color: #fff;
}

.ui-accordion-panel.ui-haw-aqua .ui-accordion.active .toggle,
.ui-accordion-panel.ui-haw-aqua .ui-accordion:hover .toggle {
  color: #3db7a8;
}

.ui-accordion-panel.ui-haw-aqua .ui-accordion.active .toggle::after,
.ui-accordion-panel.ui-haw-aqua .ui-accordion:hover .toggle::after {
  color: #3db7a8;
}

.ui-tabs.ui-haw-aqua .nav-tabs li.active {
  background-color: #3db7a8;
  color: #fff;
}

.ui-pricing-table .pricing-block.ui-haw-aqua {
  background-color: rgba(128, 137, 255, 0.1);
}

.ui-pricing-table .pricing-block.ui-haw-aqua .promo {
  background-color: #3db7a8;
  color: #fff;
}

.ui-card.ui-curve .card-header.bg-haw-aqua {
  color: rgba(255, 255, 255, 0.85);
  background-color: #3db7a8;
}

.ui-card.ui-curve .card-header.bg-haw-aqua .heading, .ui-card.ui-curve .card-header.bg-haw-aqua .sub-heading, .ui-card.ui-curve .card-header.bg-haw-aqua .ui-icon-block .icon {
  color: #FFF;
}

.ui-icon-blocks .ui-icon-block > .icon.icon-circle.bg-haw-aqua {
  background-color: #3db7a8;
  color: #fff;
}

/* Animations */

.grow { transition: all .2s ease-in-out; }
.grow:hover { transform: scale(1.2); }

.move-up { transition: all .2s ease-in-out;}
.move-up:hover { transform: translate(0, -10px); }

.move-up-right { transition: all .2s ease-in-out; }
.move-up-right:hover { transform: translate(10px, -10px); }

.move-up-left { transition: all .2s ease-in-out; }
.move-up-left:hover { transform: translate(-10px, -10px); }

/* Stores */
.store-badge { max-height: 40px; }