@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
*/
/**
Skinning

By default icon will inherit color from its parent font color. Add `.abb-icon--skinned` or `.abb-icon--skinned--secondary` to adjust it manually.

Markup:
<i class="abb-icon abb-icon__star-full abb-icon--3x abb-icon--skinned"></i>
<i class="abb-icon abb-icon__star-full abb-icon--3x abb-icon--skinned--secondary"></i><br/>

Styleguide: Icons.Skinning
*/
/**
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 abb-icon--skinned"></i>
<i class="abb-icon-loader abb-icon--3x abb-icon--skinned--secondary"></i>

Weight: 10

Styleguide: Icons.Loaders
*/
@-webkit-keyframes abb-icon-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg); } }
@keyframes abb-icon-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
            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 */
  /** Skinning */ }
  .abb-icon:before {
    display: inline-block; }
  .abb-icon--2x {
    font-size: 2em; }
  .abb-icon--3x {
    font-size: 3em; }
  .abb-icon--rotating:before {
    -webkit-animation: abb-icon-spin 1024ms steps(12) infinite;
            animation: abb-icon-spin 1024ms steps(12) infinite; }
  .abb-icon--skinned {
    color: #004b7a; }
    .abb-icon--skinned--secondary {
      color: #0076b7; }
  .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: "";
    -webkit-animation: abb-icon-spin 1024ms steps(12) infinite;
            animation: abb-icon-spin 1024ms steps(12) infinite; }

.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: #004b7a; }
  .abb--overlay-icon-loader--shown:before {
    visibility: visible;
    opacity: 0.7;
    transition-delay: 0s; }
  .abb--overlay-icon-loader--shown:after {
    -webkit-animation: abb-icon-spin 1024ms steps(12) infinite;
            animation: abb-icon-spin 1024ms steps(12) infinite;
    visibility: visible;
    opacity: 1;
    transition-delay: 0s; }