@charset "UTF-8";
/* New branding colours */
/**
Icons

Add `.abb-icon` to an element and one of modifier classes:

.abb-icon__camera - camera
.abb-icon__podcast  - podcast
.abb-icon__file-empty - file-empty
.abb-icon__file-text - file-text
.abb-icon__cart   - cart
.abb-icon__phone-wave   - phone-wave
.abb-icon__envelop  - envelop
.abb-icon__pushpin   - pushpin
.abb-icon__location   - location
.abb-icon__location2   - location2
.abb-icon__calendar4   - calendar
.abb-icon__calendar-empty   - calendar-empty
.abb-icon__printer  - printer
.abb-icon__rotate-cw  - rotate-cw
.abb-icon__bubbles  - bubbles
.abb-icon__quotes-right   - quotes-right
.abb-icon__spinner  - spinner
.abb-icon__spinner2  - another spinner
.abb-icon__spinner-cw   - spinner-cw
.abb-icon__search   - search
.abb-icon__zoom-in  - zoom-in
.abb-icon__lock   - lock
.abb-icon__menu-dotted  - menu-dotted
.abb-icon__circle-small   - circle-small
.abb-icon__menu   - menu
.abb-icon__download   - download
.abb-icon__earth  - earth
.abb-icon__star-full  - star-full
.abb-icon__drag-left-right  - drag-left-right
.abb-icon__warning  - warning
.abb-icon__question   - question
.abb-icon__plus   - plus
.abb-icon__minus  - minus
.abb-icon__plus-circle  - plus-circle
.abb-icon__minus-circle   - minus-circle
.abb-icon__info   - info
.abb-icon__blocked  - blocked
.abb-icon__cross  - cross
.abb-icon__checkmark  - checkmark
.abb-icon__play   - play
.abb-icon__pause  - pause
.abb-icon__stop   - stop
.abb-icon__volume-0   - volume-0
.abb-icon__volume-mute4   - volume-mute4
.abb-icon__arrow-up   - arrow-up
.abb-icon__arrow-right  - arrow-right
.abb-icon__arrow-down   - arrow-down
.abb-icon__arrow-left   - arrow-left
.abb-icon__arrow-small-up   - arrow-small-up
.abb-icon__arrow-small-right  - arrow-small-right
.abb-icon__arrow-small-down   - arrow-small-down
.abb-icon__arrow-small-left   - arrow-small-left
.abb-icon__arrow-full-right   - arrow-full-right
.abb-icon__share  - share
.abb-icon__google-plus  - google-plus
.abb-icon__facebook   - facebook
.abb-icon__twitter  - twitter
.abb-icon__sina-weibo   - sina-weibo
.abb-icon__rss  - rss
.abb-icon__youtube  - youtube
.abb-icon__linkedin   - linkedin
.abb-icon__pinterest  - pinterest
.abb-icon__xing   - xing


Markup:
<i class="abb-icon {{modifier_class}}"></i>

Styleguide: Icons
*/
/**
Sizing

By default icon will inherit size from its parent font size. Add `.abb-icon--2x` or `.abb-icon--3x` to adjust it manually.

Markup:
<i class="abb-icon abb-icon__camera"></i>
<i class="abb-icon abb-icon__camera abb-icon--2x"></i>
<i class="abb-icon abb-icon__camera abb-icon--3x"></i>

Styleguide: Icons.Sizing
*/
/**
Animations

Add `.abb-icon--rotating` to an element to spin it.

Markup:
<i class="abb-icon abb-icon__spinner abb-icon--rotating"></i>
<i class="abb-icon abb-icon__spinner abb-icon--rotating abb-icon--2x"></i>
<i class="abb-icon abb-icon__spinner abb-icon--rotating abb-icon--3x"></i><br/>
<i class="abb-icon abb-icon__spinner-cw abb-icon--rotating"></i>
<i class="abb-icon abb-icon__spinner-cw abb-icon--rotating abb-icon--2x"></i>
<i class="abb-icon abb-icon__spinner-cw abb-icon--rotating abb-icon--3x"></i><br/>

Weight: -1

Styleguide: Icons.Animations
*/
/**
Loaders

Loader can be created by adding `.abb-icon-loader` to an element. It can be combined with any modifier except animations.

Markup:
<i class="abb-icon-loader"></i>
<i class="abb-icon-loader abb-icon--2x"></i>
<i class="abb-icon-loader abb-icon--3x"></i>

Weight: 10

Styleguide: Icons.Loaders
*/
.abb-icon__search, .abb-icon__zoom-in, .abb-icon__menu, .abb-icon__cross {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "ABBicons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

@keyframes abb-icon-spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(359deg); } }

.abb-icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "Icomoon-Ultimate";
  font-weight: normal;
  font-style: normal;
  speak: none;
  font-variant: normal;
  text-transform: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  display: inline-block;
  font-size: 1em;
  /** MODIFIERS */
  /** Sizing */
  /** Animations */ }
  .abb-icon:before, .abb-icon:after {
    display: inline-block; }
  .abb-icon--2x {
    font-size: 2em; }
  .abb-icon--3x {
    font-size: 3em; }
  .abb-icon--rotating:before {
    animation: abb-icon-spin 1024ms steps(24) infinite; }
  .abb-icon--inside-link {
    margin-right: 1em; }
  .abb-icon--with-text {
    position: relative; }
    .abb-icon--with-text:after {
      display: block;
      overflow: hidden;
      text-align: center;
      text-transform: uppercase;
      font-size: 29%;
      font-family: "Helvetica Neue eText Pro", "Helvetica Neue", "Helvetica", Arial, sans-serif;
      margin: 40% auto 0 auto;
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      bottom: 0;
      content: attr(data-text); }

.abb-icon__camera:before {
  content: ""; }

.abb-icon__podcast:before {
  content: ""; }

.abb-icon__file-empty:before {
  content: ""; }

.abb-icon__file-text:before {
  content: ""; }

.abb-icon__cart:before {
  content: ""; }

.abb-icon__phone-wave:before {
  content: ""; }

.abb-icon__envelop:before {
  content: ""; }

.abb-icon__pushpin:before {
  content: ""; }

.abb-icon__location:before {
  content: ""; }

.abb-icon__location2:before {
  content: ""; }

.abb-icon__calendar4:before {
  content: ""; }

.abb-icon__calendar-empty:before {
  content: ""; }

.abb-icon__printer:before {
  content: ""; }

.abb-icon__rotate-cw:before {
  content: ""; }

.abb-icon__bubbles:before {
  content: ""; }

.abb-icon__quotes-right:before {
  content: ""; }

.abb-icon__spinner:before {
  content: ""; }

.abb-icon__spinner2:before {
  content: ""; }

.abb-icon__spinner-cw:before {
  content: ""; }

.abb-icon__search:before {
  content: ""; }

.abb-icon__zoom-in:before {
  content: ""; }

.abb-icon__lock:before {
  content: ""; }

.abb-icon__menu-dotted:before {
  content: ""; }

.abb-icon__circle-small:before {
  content: ""; }

.abb-icon__menu:before {
  content: ""; }

.abb-icon__download:before {
  content: ""; }

.abb-icon__earth:before {
  content: ""; }

.abb-icon__star-full:before {
  content: ""; }

.abb-icon__drag-left-right:before {
  content: ""; }

.abb-icon__warning:before {
  content: ""; }

.abb-icon__question:before {
  content: ""; }

.abb-icon__plus:before {
  content: ""; }

.abb-icon__minus:before {
  content: ""; }

.abb-icon__plus-circle:before {
  content: ""; }

.abb-icon__minus-circle:before {
  content: ""; }

.abb-icon__info:before {
  content: ""; }

.abb-icon__blocked:before {
  content: ""; }

.abb-icon__cross:before {
  content: ""; }

.abb-icon__checkmark:before {
  content: ""; }

.abb-icon__play:before {
  content: ""; }

.abb-icon__pause:before {
  content: ""; }

.abb-icon__stop:before {
  content: ""; }

.abb-icon__volume-0:before {
  content: ""; }

.abb-icon__volume-mute4:before {
  content: ""; }

.abb-icon__arrow-up:before {
  content: ""; }

.abb-icon__arrow-right:before {
  content: ""; }

.abb-icon__arrow-down:before {
  content: ""; }

.abb-icon__arrow-left:before {
  content: ""; }

.abb-icon__arrow-small-up:before {
  content: ""; }

.abb-icon__arrow-small-right:before {
  content: ""; }

.abb-icon__arrow-small-down:before {
  content: ""; }

.abb-icon__arrow-small-left:before {
  content: ""; }

.abb-icon__arrow-full-right:before {
  content: ""; }

.abb-icon__share:before {
  content: ""; }

.abb-icon__google-plus:before {
  content: ""; }

.abb-icon__facebook:before {
  content: ""; }

.abb-icon__twitter:before {
  content: ""; }

.abb-icon__sina-weibo:before {
  content: ""; }

.abb-icon__rss:before {
  content: ""; }

.abb-icon__youtube:before {
  content: ""; }

.abb-icon__linkedin:before {
  content: ""; }

.abb-icon__pinterest:before {
  content: ""; }

.abb-icon__xing:before {
  content: ""; }

.abb-icon-loader {
  font-family: "Icomoon-Ultimate";
  font-weight: normal;
  font-style: normal; }
  .abb-icon-loader:before {
    display: inline-block;
    content: "";
    animation: abb-icon-spin 1024ms steps(24) infinite; }

.abb-overlay-icon-loader {
  position: relative; }
  .abb-overlay-icon-loader > * {
    transition: visibility 0s linear 0.5s, opacity 0.5s ease-in-out; }
  .abb-overlay-icon-loader--shown > * {
    opacity: 0.3; }
  .abb-overlay-icon-loader--shown .abb-overlay-icon-loader__canvas {
    visibility: visible;
    transition-delay: 0s;
    opacity: 1; }
    .abb-overlay-icon-loader--shown .abb-overlay-icon-loader__canvas:after {
      animation: abb-icon-spin 1024ms steps(24) infinite;
      visibility: visible;
      opacity: 1;
      transition-delay: 0s; }

.abb-icon__order-switcher {
  position: relative;
  top: 0.3em; }
  .abb-icon__order-switcher:before {
    display: block;
    height: 0.5em;
    content: ""; }
  .abb-icon__order-switcher:after {
    display: block;
    height: 0.5em;
    content: ""; }
  .abb-icon__order-switcher--up:after {
    visibility: hidden; }
  .abb-icon__order-switcher--down:before {
    visibility: hidden; }

.abb-overlay-icon-loader__canvas {
  font-family: "Icomoon-Ultimate";
  font-weight: normal;
  font-style: normal;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s linear 0.5s, opacity 0.5s ease-in-out; }
  .abb-overlay-icon-loader__canvas:after {
    font-family: "Icomoon-Ultimate";
    font-weight: normal;
    font-style: normal;
    animation: abb-icon-spin 1024ms steps(24) infinite;
    position: absolute;
    content: "";
    visibility: hidden;
    opacity: 0;
    font-size: 48px;
    line-height: 48px;
    width: 48px;
    height: 48px;
    margin-left: -24px;
    margin-top: -24px;
    top: 50%;
    left: 50%;
    transition: visibility 0s linear 0.5s, opacity 0.5s ease-in-out;
    color: #000; }

.abb--overlay-icon-loader {
  font-family: "Icomoon-Ultimate";
  font-weight: normal;
  font-style: normal; }
  .abb--overlay-icon-loader:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #F0F0F0;
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s linear 0.5s, opacity 0.5s ease-in-out; }
  .abb--overlay-icon-loader:after {
    position: absolute;
    content: "";
    visibility: hidden;
    opacity: 0;
    font-size: 48px;
    line-height: 48px;
    width: 48px;
    height: 48px;
    margin-left: -24px;
    margin-top: -24px;
    top: 50%;
    left: 50%;
    transition: visibility 0s linear 0.5s, opacity 0.5s ease-in-out;
    z-index: 2;
    color: #000; }
  .abb--overlay-icon-loader--shown:before {
    visibility: visible;
    opacity: 0.7;
    transition-delay: 0s; }
  .abb--overlay-icon-loader--shown:after {
    animation: abb-icon-spin 1024ms steps(24) infinite;
    visibility: visible;
    opacity: 1;
    transition-delay: 0s; }