@keyframes iconspin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@-webkit-keyframes iconspin {
  0% {
    -webkit-transform: rotate(0deg);   
  }

  100% {
    -webkit-transform: rotate(359deg);    
  }
}

.intense {
	&.icon {
   		position: relative;
   		display: inline-block;
   		vertical-align: -10%;
	}

	&.icon > svg {
		position: absolute;
  		top: 0;
  		left: 0;
	  	width: 100%;
	  	height: 100%;
	}

	&[class*=" icon-"]:before, &[class^=icon-]:before {
		text-decoration: inherit;
		display: inline-block;
		speak: none;
	}

	&.icons-ul {
		& > li {
			list-style: none !important;
		}

		.icon-li {
			margin-left: -1.3em !important;
			float: left;
			margin-top: .25em;
		}

		&.rtl {
			margin-right: 2.14286em !important;;
			margin-left: 0 !important;;

			.icon-li {
				margin-right: -1.5em !important;
				float: right !important;
				margin-top: .25em;
			}
		}
	}


	/* Stack */
	&.icon-stack {
	  visibility: hidden;
	  position: relative;
	  display: inline-block;
	  width: 2em;
	  height: 2em;
	  line-height: 2em;
	  vertical-align: middle;
	}
	&.icon-stack [class^="icon-"],
	&.icon-stack [class*=" icon-"] {
	  display: block;
	  text-align: center;
	  position: absolute;	  
	  left: 50%;
	  top: 50%;
	  transform: translate(-50%, -50%);
	}
	&.icon-stack .icon-stack-base {
	  width: 200%;
	  height: 200%;
	}
	
	/* Sizes */
	&.icon-0x {
		width: 1em;
		height: 1em;
	}
	&.icon-1x {
		width: 1.6em;
		height: 1.6em;
	}
	&.icon-2x {
		width: 2em;
		height: 2em;
	}
	&.icon-3x {
		width: 3em;
		height: 3em;
	}
	&.icon-4x {
		width: 4em;
		height: 4em;
	}
	&.icon-5x {
		width: 5em;
		height: 5em;
	}

	&.icon-stack.icon-0x {
		width: 2em;
		height: 2em;
	}
	&.icon-stack.icon-1x {
		width: 3.2em;
		height: 3.2em;
	}
	&.icon-stack.icon-2x {
		width: 4em;
		height: 4em;
	}
	&.icon-stack.icon-3x {
		width: 6em;
		height: 6em;
	}
	&.icon-stack.icon-4x {
		width: 8em;
		height: 8em;
	}
	&.icon-stack.icon-5x {
		width: 10em;
		height: 10em;
	}

	/* Spin and rotate */
	&.icon-spin {
	  display: inline-block;
	  -webkit-animation: iconspin 2s infinite linear;
	  animation: iconspin 2s infinite linear;
	}

	&.icon-rotate-90 {	  
	  transform: rotate(90deg);
	}
	&.icon-rotate-180 {
	  transform: rotate(180deg);
	}
	&.icon-rotate-270 {
	  transform: rotate(270deg);
	}
	&.icon-flip-horizontal {
	  transform: scale(-1, 1);
	}
	&.icon-flip-vertical {
	  transform: scale(1, -1);
	}

	&.icons-li-1x {
	 	line-height: 2em;
	}

	&.icons-li-1x {
	 	line-height: 2em;
	}

	&.icons-li-1x.rtl {
	}

	&.icons-content-1x {
		font-size: 1.6em;
		display: inline;	
	}

	&.icons-li-2x {
		line-height: 2.4em !important;
	}

	&.icons-li-2x.rtl {
	} 

	&.icons-content-2x {
		font-size: 2em;
		display: inline;
	}

	&.icons-li-3x {
		line-height: 3.3em !important;
	}

	&.icons-li-3x.rtl {
	}

	&.icons-content-3x {
		font-size: 3em;
	 	display: inline;
	}

	&.icons-li-4x {
		line-height: 4.1em !important;
	}

	&.icons-li-4x.rtl {
	}

	&.icons-content-4x {
		font-size: 4em;
		display: inline;	
	}

	// &.img-icon1x {
	//   height: 1.5em;
	//   vertical-align: top;
	// }
	// &.img-icon2x {
	//   height: 2.0em;
	//   vertical-align: top;
	// }
	// &.img-icon3x {
	//   height: 2.3em;
	//   vertical-align: top;
	// }
	// &.img-icon4x {
	//   height: 3.2em;
	//   vertical-align: top;
	// }	
}
