/* ==========================================================================
   Icons
   ========================================================================== */

[class*="icon-"] {
  position: relative;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 20px;
  height: 20px;
  vertical-align: baseline;
  background: url('../images/sprites/sprite.png') no-repeat;
  background: rgba(0,0,0,0) url('../images/sprite.svg') no-repeat;
}

.lt-ie8 [class*="icon-"] {
  vertical-align: middle;
}

[class*="icon-"].push-right {
  margin: 0 0 0 6px;
}

[class*="button"] [class*="icon-"].push-right {
  margin-left: 14px;
}

[class*="icon-"].push-left {
  margin: 0 6px 0 0;
}

[class*="button"] [class*="icon-"].push-left {
  margin-right: 14px;
}

/*
 * Arrow right
 */

[class*="icon-arrow-right"] {
  width: 10px;
  height: 11px;
  background-position: -4px -4px;
}

.icon-arrow-right {
  background-position: -7px -44px;
}

[class*="button"]:hover .icon-arrow-right {
  background-position: -27px -44px;
}

[class*="button"][class]:active .icon-arrow-right { /* Give importance over no-touch */
  background-position: -47px -44px;
}

.icon-arrow-right-big {
  bottom: -1px;
  width: 14px;
  height: 12px;
  background-position: -2px -124px;
}

.carousel .is-disabled[data-carousel_action] .icon-arrow-right-big,
.no-touch .carousel .is-disabled[data-carousel_action]:hover .icon-arrow-right-big {
  background-position: -42px -124px;
  cursor: default;
}

.no-touch [data-carousel_action]:hover .icon-arrow-right-big {
  background-position: -22px -124px;
}

[data-carousel_action][class]:active .icon-arrow-right-big { /* Give importance over no-touch */
  background-position: -42px -124px;
}

/*
 * Arrow left
 */

[class*="icon-arrow-left"] {
  width: 10px;
  height: 11px;
  background-position: -26px -4px;
}
.icon-arrow-left {
  background-position: -7px -84px;
}

.no-touch [class*="button"]:hover .icon-arrow-left {
  background-position: -27px -84px;
}

[class*="button"][class]:active .icon-arrow-left { /* Give importance over no-touch */
  background-position: -47px -84px;
}

.icon-arrow-left-big {
  bottom: -1px;
  width: 14px;
  height: 12px;
  background-position: -5px -145px;
}

.carousel .is-disabled[data-carousel_action] .icon-arrow-left-big,
.no-touch .carousel .is-disabled[data-carousel_action]:hover .icon-arrow-left-big {
  background-position: -45px -145px;
  cursor: default;
}

.no-touch [data-carousel_action]:hover .icon-arrow-left-big {
  background-position: -25px -145px;
}

[data-carousel_action][class]:active .icon-arrow-left-big { /* Give importance over no-touch */
  background-position: -45px -145px;
}

/*
 * Arrow up
 */

[class*="icon-arrow-up"] {
  bottom: 2px;
  width: 10px;
  height: 6px;
  background-position: -64px -148px;
}

.icon-arrow-up-white {
  background-position: -124px -148px;
}

.no-touch [class*="button"]:hover [class*="icon-arrow-up"] {
  background-position: -84px -148px;
}

[class*="button"][class]:active [class*="icon-arrow-up"] { /* Give importance over no-touch */
  background-position: -104px -148px;
}

/*
 * Arrow down
 */

[class*="icon-arrow-down"] {
  bottom: 2px;
  width: 10px;
  height: 6px;
  background-position: -64px -47px;
}

.icon-arrow-down-white {
  background-position: -124px -47px;
}

.no-touch [class*="button"]:hover [class*="icon-arrow-down"] {
  background-position: -84px -47px;
}

[class*="button"][class]:active [class*="icon-arrow-down"] { /* Give importance over no-touch */
  background-position: -104px -47px;
}

/*
 * Close
 */

.icon-close {
  width: 10px;
  height: 10px;
  background-position: -5px -25px;
}

.icon-close-dark{
  width: 10px;
  height: 10px;
  background-position: -124px -25px;
}
a:hover .icon-close-dark{
  background-position: -104px -25px;
}


/*
 * Print
 */

.icon-print {
  bottom: -2px;
  width: 16px;
  height: 14px;
  background-position: -2px -63px;
}

.no-touch [class*="button"]:hover .icon-print {
  background-position: -22px -63px;
}

[class*="button"][class]:active .icon-print { /* Give importance over no-touch */
  background-position: -42px -63px;
}

/*
 * Share
 */

.icon-share {
  bottom: -2px;
  width: 15px;
  height: 14px;
  background-position: -2px -103px;
}

.no-touch [class*="button"]:hover .icon-share {
  background-position: -22px -103px;
}

[class*="button"][class]:active .icon-share { /* Give importance over no-touch */
  background-position: -42px -103px;
}

/*
 * RSS
 */

.icon-rss {
  bottom: 1px;
  width: 9px;
  height: 9px;
  background-position: -6px -186px;
}

.no-touch [class*="button"]:hover .icon-rss,
[class*="button"]:active .icon-rss,
[class*="button"].is-active .icon-rss {
  background-position: -26px -186px;
}

/*
 * LinkedIn
 */

.icon-linkedin {
  bottom: 1px;
  width: 10px;
  height: 9px;
  background-position: -5px -206px;
}

.no-touch [class*="button"]:hover .icon-linkedin,
[class*="button"]:active .icon-linkedin,
[class*="button"].is-active .icon-linkedin {
  background-position: -25px -206px;
}

/*
 * Twitter
 */

.icon-twitter {
  bottom: 1px;
  width: 10px;
  height: 9px;
  background-position: -5px -226px;
}

.no-touch [class*="button"]:hover .icon-twitter,
[class*="button"]:active .icon-twitter,
[class*="button"].is-active .icon-twitter {
  background-position: -25px -226px;
}

.icon-twitter-logo {
  bottom: -1px;
  width: 24px;
  height: 16px;
  background-position: -40px -222px;
  margin: 0 3px 0 0;
}

/*
 * Facebook
 */

.icon-facebook {
  bottom: 1px;
  width: 5px;
  height: 9px;
  background-position: -7px -246px;
}

.no-touch [class*="button"]:hover .icon-facebook,
[class*="button"]:active .icon-facebook,
[class*="button"].is-active .icon-facebook {
  background-position: -27px -246px;
}

/*
 * Yammer
 */

.icon-yammer {
  width: 11px;
  height: 9px;
  background-position: -5px -267px;
}

.no-touch [class*="button"]:hover .icon-yammer,
[class*="button"]:active .icon-yammer,
[class*="button"].is-active .icon-yammer {
  background-position: -25px -267px;
}

/*
 * Youtube
 */

.icon-youtube {
  bottom: 1px;
  width: 8px;
  height: 8px;
  background-position: -47px -207px;
}

.no-touch [class*="button"]:hover .icon-youtube,
[class*="button"]:active .icon-youtube,
[class*="button"].is-active .icon-youtube {
  background-position: -67px -207px;
}

/*
 * Email
 */

.icon-email {
  bottom: 2px;
  width: 10px;
  height: 6px;
  background-position: -5px -287px;
}

.no-touch [class*="button"]:hover .icon-email,
[class*="button"]:active .icon-email,
[class*="button"].is-active .icon-email {
  background-position: -25px -287px;
}

.icon-email-big {
  width: 15px;
  height: 9px;
  background-position: -42px -285px;
}

/*
 * Phone
 */

.icon-phone {
  bottom: -1px;
  width: 14px;
  height: 14px;
  background-position: -3px -303px;
}

/*
 * External link
 */

 .icon-external {
     background-position: -72px -222px;
     bottom: -2px;
     height: 16px;
     margin-right: 10px;
     width: 17px;
 }
a:hover .icon-external{
  background-position: -92px -222px;
}

/*
 * Glass
 */

.icon-glass {
  bottom: -1px;
  width: 14px;
  height: 13px;
  background-position: -3px -324px;
}

.no-touch [class*="button"]:hover .icon-glass {
  background-position: -23px -324px;
}

[class*="button"][class]:active .icon-glass { /* Give importance over no-touch */
  background-position: -43px -324px;
}

/*
 * Language
 */

[class*="icon-lang-"] {
  bottom: -1px;
  width: 16px;
  height: 11px;
  margin: 0 5px 0 0;
  background-position: -62px -104px;
}

.icon-lang-nl {
  background-position: -62px -104px;
}

.icon-lang-us {
  background-position: -82px -104px;
}

.icon-lang-cn {
  background-position: -102px -104px;
}

.icon-lang-ru {
  background-position: -122px -104px;
}

.icon-lang-es {
  background-position: -62px -124px;
}

.icon-lang-fr {
  background-position: -82px -124px;
}

.icon-lang-de {
  background-position: -102px -124px;
}

.icon-lang-pl {
  background-position: -122px -124px;
}

.icon-lang-en {
  background-position: -62px -244px;
}

.icon-lang-cs {
  background-position: -82px -244px;
}

.icon-lang-ro {
  background-position: -102px -244px;
}

/*
 * Document
 */

.icon-document {
  bottom: -3px;
  width: 14px;
  height: 16px;
  background-position: -63px -182px;
}

.no-touch [class*="menu-list-link"]:hover .icon-document {
  background-position: -83px -182px;
}

[class*="menu-list-link"][class]:active .icon-document { /* Give importance over no-touch */
  background-position: -103px -182px;
}