/*! 
 * Marka - v0.3.1 
 * http://fian.my.id/marka 
 * 
 * Copyright 2014 Alfiana E. Sibuea and other contributors 
 * Released under the MIT license 
 * https://github.com/fians/marka/blob/master/LICENSE 
 */ 
/* Core style */
.marka {
  position: relative;
  display: inline-block;
  vertical-align: bottom;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  transition: all 500ms;
}
.marka i {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: #000000;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  transition: all 500ms;
}
.marka.marka-set i {
  opacity: 1;
}
.marka.marka-rotate-right {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.marka.marka-rotate-left {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.marka.marka-rotate-down {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.marka.marka-icon-empty {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}

/* Angle icon */
.marka.marka-icon-angle-double i {
  -webkit-transform: rotate(45deg) scale(0.4, 0.1) translate(0%, -150%);
  -moz-transform: rotate(45deg) scale(0.4, 0.1) translate(0%, -150%);
  -ms-transform: rotate(45deg) scale(0.4, 0.1) translate(0%, -150%);
  -o-transform: rotate(45deg) scale(0.4, 0.1) translate(0%, -150%);
  transform: rotate(45deg) scale(0.4, 0.1) translate(0%, -150%);
}
.marka.marka-icon-angle-double i:nth-child(2) {
  -webkit-transform: rotate(135deg) scale(0.4, 0.1) translate(0%, 150%);
  -moz-transform: rotate(135deg) scale(0.4, 0.1) translate(0%, 150%);
  -ms-transform: rotate(135deg) scale(0.4, 0.1) translate(0%, 150%);
  -o-transform: rotate(135deg) scale(0.4, 0.1) translate(0%, 150%);
  transform: rotate(135deg) scale(0.4, 0.1) translate(0%, 150%);
}
.marka.marka-icon-angle-double i:nth-child(3) {
  -webkit-transform: rotate(45deg) scale(0.4, 0.1) translate(40%, 10%);
  -moz-transform: rotate(45deg) scale(0.4, 0.1) translate(40%, 10%);
  -ms-transform: rotate(45deg) scale(0.4, 0.1) translate(40%, 10%);
  -o-transform: rotate(45deg) scale(0.4, 0.1) translate(40%, 10%);
  transform: rotate(45deg) scale(0.4, 0.1) translate(40%, 10%);
}
.marka.marka-icon-angle-double i:nth-child(4) {
  -webkit-transform: rotate(135deg) scale(0.4, 0.1) translate(40%, -10%);
  -moz-transform: rotate(135deg) scale(0.4, 0.1) translate(40%, -10%);
  -ms-transform: rotate(135deg) scale(0.4, 0.1) translate(40%, -10%);
  -o-transform: rotate(135deg) scale(0.4, 0.1) translate(40%, -10%);
  transform: rotate(135deg) scale(0.4, 0.1) translate(40%, -10%);
}

/* Angle icon */
.marka.marka-icon-angle i {
  -webkit-transform: rotate(45deg) scale(0.4, 0.1) translate(20%, -75%);
  -moz-transform: rotate(45deg) scale(0.4, 0.1) translate(20%, -75%);
  -ms-transform: rotate(45deg) scale(0.4, 0.1) translate(20%, -75%);
  -o-transform: rotate(45deg) scale(0.4, 0.1) translate(20%, -75%);
  transform: rotate(45deg) scale(0.4, 0.1) translate(20%, -75%);
}
.marka.marka-icon-angle i:nth-child(2n) {
  -webkit-transform: rotate(135deg) scale(0.4, 0.1) translate(20%, 75%);
  -moz-transform: rotate(135deg) scale(0.4, 0.1) translate(20%, 75%);
  -ms-transform: rotate(135deg) scale(0.4, 0.1) translate(20%, 75%);
  -o-transform: rotate(135deg) scale(0.4, 0.1) translate(20%, 75%);
  transform: rotate(135deg) scale(0.4, 0.1) translate(20%, 75%);
}

/* Arrow icon */
.marka.marka-icon-arrow i {
  -webkit-transform: rotate(45deg) scale(0.55, 0.2) translate(-0.5%, -90%);
  -moz-transform: rotate(45deg) scale(0.55, 0.2) translate(-0.5%, -90%);
  -ms-transform: rotate(45deg) scale(0.55, 0.2) translate(-0.5%, -90%);
  -o-transform: rotate(45deg) scale(0.55, 0.2) translate(-0.5%, -90%);
  transform: rotate(45deg) scale(0.55, 0.2) translate(-0.5%, -90%);
}
.marka.marka-icon-arrow i:nth-child(2) {
  -webkit-transform: rotate(135deg) scale(0.55, 0.2) translate(-0.5%, 90%);
  -moz-transform: rotate(135deg) scale(0.55, 0.2) translate(-0.5%, 90%);
  -ms-transform: rotate(135deg) scale(0.55, 0.2) translate(-0.5%, 90%);
  -o-transform: rotate(135deg) scale(0.55, 0.2) translate(-0.5%, 90%);
  transform: rotate(135deg) scale(0.55, 0.2) translate(-0.5%, 90%);
}
.marka.marka-icon-arrow i:nth-child(3) {
  -webkit-transform: rotate(90deg) scale(0.6, 0.2) translate(17%, 0%);
  -moz-transform: rotate(90deg) scale(0.6, 0.2) translate(17%, 0%);
  -ms-transform: rotate(90deg) scale(0.6, 0.2) translate(17%, 0%);
  -o-transform: rotate(90deg) scale(0.6, 0.2) translate(17%, 0%);
  transform: rotate(90deg) scale(0.6, 0.2) translate(17%, 0%);
}

/* Asterisk icon */
.marka.marka-icon-asterisk i {
  -webkit-transform: rotate(90deg) scale(0.8, 0.2);
  -moz-transform: rotate(90deg) scale(0.8, 0.2);
  -ms-transform: rotate(90deg) scale(0.8, 0.2);
  -o-transform: rotate(90deg) scale(0.8, 0.2);
  transform: rotate(90deg) scale(0.8, 0.2);
}
.marka.marka-icon-asterisk i:nth-child(2) {
  -webkit-transform: rotate(-30deg) scale(0.8, 0.2);
  -moz-transform: rotate(-30deg) scale(0.8, 0.2);
  -ms-transform: rotate(-30deg) scale(0.8, 0.2);
  -o-transform: rotate(-30deg) scale(0.8, 0.2);
  transform: rotate(-30deg) scale(0.8, 0.2);
}
.marka.marka-icon-asterisk i:nth-child(3) {
  -webkit-transform: rotate(30deg) scale(0.8, 0.2);
  -moz-transform: rotate(30deg) scale(0.8, 0.2);
  -ms-transform: rotate(30deg) scale(0.8, 0.2);
  -o-transform: rotate(30deg) scale(0.8, 0.2);
  transform: rotate(30deg) scale(0.8, 0.2);
}

/* Bars icon */
.marka.marka-icon-bars i {
  -webkit-transform: scale(0.8, 0.2);
  -moz-transform: scale(0.8, 0.2);
  -ms-transform: scale(0.8, 0.2);
  -o-transform: scale(0.8, 0.2);
  transform: scale(0.8, 0.2);
}
.marka.marka-icon-bars i:nth-child(2) {
  -webkit-transform: scale(0.8, 0.2) translate(0%, -140%);
  -moz-transform: scale(0.8, 0.2) translate(0%, -140%);
  -ms-transform: scale(0.8, 0.2) translate(0%, -140%);
  -o-transform: scale(0.8, 0.2) translate(0%, -140%);
  transform: scale(0.8, 0.2) translate(0%, -140%);
}
.marka.marka-icon-bars i:nth-child(3) {
  -webkit-transform: scale(0.8, 0.2) translate(0%, 140%);
  -moz-transform: scale(0.8, 0.2) translate(0%, 140%);
  -ms-transform: scale(0.8, 0.2) translate(0%, 140%);
  -o-transform: scale(0.8, 0.2) translate(0%, 140%);
  transform: scale(0.8, 0.2) translate(0%, 140%);
}

/* Check icon */
.marka.marka-icon-check i {
  -webkit-transform: rotate(-45deg) scale(0.75, 0.2) translate(10%, 50%);
  -moz-transform: rotate(-45deg) scale(0.75, 0.2) translate(10%, 50%);
  -ms-transform: rotate(-45deg) scale(0.75, 0.2) translate(10%, 50%);
  -o-transform: rotate(-45deg) scale(0.75, 0.2) translate(10%, 50%);
  transform: rotate(-45deg) scale(0.75, 0.2) translate(10%, 50%);
}
.marka.marka-icon-check i:nth-child(2) {
  -webkit-transform: rotate(45deg) scale(0.5, 0.2) translate(-10%, 120%);
  -moz-transform: rotate(45deg) scale(0.5, 0.2) translate(-10%, 120%);
  -ms-transform: rotate(45deg) scale(0.5, 0.2) translate(-10%, 120%);
  -o-transform: rotate(45deg) scale(0.5, 0.2) translate(-10%, 120%);
  transform: rotate(45deg) scale(0.5, 0.2) translate(-10%, 120%);
}

/* Chevron icon */
.marka.marka-icon-chevron i {
  -webkit-transform: rotate(45deg) scale(0.6, 0.2) translate(16.5%, -50%);
  -moz-transform: rotate(45deg) scale(0.6, 0.2) translate(16.5%, -50%);
  -ms-transform: rotate(45deg) scale(0.6, 0.2) translate(16.5%, -50%);
  -o-transform: rotate(45deg) scale(0.6, 0.2) translate(16.5%, -50%);
  transform: rotate(45deg) scale(0.6, 0.2) translate(16.5%, -50%);
}
.marka.marka-icon-chevron i:nth-child(2) {
  -webkit-transform: rotate(135deg) scale(0.6, 0.2) translate(16.5%, 50%);
  -moz-transform: rotate(135deg) scale(0.6, 0.2) translate(16.5%, 50%);
  -ms-transform: rotate(135deg) scale(0.6, 0.2) translate(16.5%, 50%);
  -o-transform: rotate(135deg) scale(0.6, 0.2) translate(16.5%, 50%);
  transform: rotate(135deg) scale(0.6, 0.2) translate(16.5%, 50%);
}

/* Circle Minus icon */
.marka.marka-icon-circle-minus i {
  border-radius: 50%;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
}
.marka.marka-icon-circle-minus i:last-child,
.marka.marka-icon-circle-minus i:nth-last-child(2) {
  border-radius: 0%;
  -webkit-transform: rotate(0deg) scale(0.5, 0.125);
  -moz-transform: rotate(0deg) scale(0.5, 0.125);
  -ms-transform: rotate(0deg) scale(0.5, 0.125);
  -o-transform: rotate(0deg) scale(0.5, 0.125);
  transform: rotate(0deg) scale(0.5, 0.125);
}

/* Circle-O (filled-version) icon */
.marka.marka-icon-circle-o-filled i {
  border-radius: 50%;
  -webkit-transform: rotate(0deg) scale(0.5);
  -moz-transform: rotate(0deg) scale(0.5);
  -ms-transform: rotate(0deg) scale(0.5);
  -o-transform: rotate(0deg) scale(0.5);
  transform: rotate(0deg) scale(0.5);
}
.marka.marka-icon-circle-o-filled i:nth-child(1) {
  -webkit-transform: rotate(0deg) scale(0.8);
  -moz-transform: rotate(0deg) scale(0.8);
  -ms-transform: rotate(0deg) scale(0.8);
  -o-transform: rotate(0deg) scale(0.8);
  transform: rotate(0deg) scale(0.8);
}
.marka.marka-icon-circle-o-filled i:nth-child(2) {
  -webkit-transform: rotate(0deg) scale(0.65);
  -moz-transform: rotate(0deg) scale(0.65);
  -ms-transform: rotate(0deg) scale(0.65);
  -o-transform: rotate(0deg) scale(0.65);
  transform: rotate(0deg) scale(0.65);
}

/* Circle O Minus icon */
.marka.marka-icon-circle-o-minus i {
  border-radius: 0%;
  -webkit-transform: rotate(0deg) scale(0.5, 0.125);
  -moz-transform: rotate(0deg) scale(0.5, 0.125);
  -ms-transform: rotate(0deg) scale(0.5, 0.125);
  -o-transform: rotate(0deg) scale(0.5, 0.125);
  transform: rotate(0deg) scale(0.5, 0.125);
}
.marka.marka-icon-circle-o-minus i:nth-child(1) {
  border-radius: 50%;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
}
.marka.marka-icon-circle-o-minus i:nth-child(2) {
  border-radius: 50%;
  -webkit-transform: scale(0.65);
  -moz-transform: scale(0.65);
  -ms-transform: scale(0.65);
  -o-transform: scale(0.65);
  transform: scale(0.65);
}

/* Circle O Plus icon */
.marka.marka-icon-circle-o-plus i {
  border-radius: 0%;
  -webkit-transform: rotate(0deg) scale(0.5, 0.125);
  -moz-transform: rotate(0deg) scale(0.5, 0.125);
  -ms-transform: rotate(0deg) scale(0.5, 0.125);
  -o-transform: rotate(0deg) scale(0.5, 0.125);
  transform: rotate(0deg) scale(0.5, 0.125);
}
.marka.marka-icon-circle-o-plus i:nth-child(1) {
  border-radius: 50%;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
}
.marka.marka-icon-circle-o-plus i:nth-child(2) {
  border-radius: 50%;
  -webkit-transform: scale(0.65);
  -moz-transform: scale(0.65);
  -ms-transform: scale(0.65);
  -o-transform: scale(0.65);
  transform: scale(0.65);
}
.marka.marka-icon-circle-o-plus i:nth-child(3) {
  border-radius: 0%;
  -webkit-transform: rotate(90deg) scale(0.5, 0.125);
  -moz-transform: rotate(90deg) scale(0.5, 0.125);
  -ms-transform: rotate(90deg) scale(0.5, 0.125);
  -o-transform: rotate(90deg) scale(0.5, 0.125);
  transform: rotate(90deg) scale(0.5, 0.125);
}

/* Circle O Times icon */
.marka.marka-icon-circle-o-times i {
  border-radius: 0%;
  -webkit-transform: rotate(45deg) scale(0.5, 0.125);
  -moz-transform: rotate(45deg) scale(0.5, 0.125);
  -ms-transform: rotate(45deg) scale(0.5, 0.125);
  -o-transform: rotate(45deg) scale(0.5, 0.125);
  transform: rotate(45deg) scale(0.5, 0.125);
}
.marka.marka-icon-circle-o-times i:nth-child(1) {
  border-radius: 50%;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
}
.marka.marka-icon-circle-o-times i:nth-child(2) {
  border-radius: 50%;
  -webkit-transform: scale(0.65);
  -moz-transform: scale(0.65);
  -ms-transform: scale(0.65);
  -o-transform: scale(0.65);
  transform: scale(0.65);
}
.marka.marka-icon-circle-o-times i:nth-child(3) {
  border-radius: 0%;
  -webkit-transform: rotate(-45deg) scale(0.5, 0.125);
  -moz-transform: rotate(-45deg) scale(0.5, 0.125);
  -ms-transform: rotate(-45deg) scale(0.5, 0.125);
  -o-transform: rotate(-45deg) scale(0.5, 0.125);
  transform: rotate(-45deg) scale(0.5, 0.125);
}

/* Circle-O icon */
.marka.marka-icon-circle-o i {
  border-radius: 50%;
  -webkit-transform: rotate(0deg) scale(0);
  -moz-transform: rotate(0deg) scale(0);
  -ms-transform: rotate(0deg) scale(0);
  -o-transform: rotate(0deg) scale(0);
  transform: rotate(0deg) scale(0);
}
.marka.marka-icon-circle-o i:nth-child(1) {
  -webkit-transform: rotate(0deg) scale(0.8);
  -moz-transform: rotate(0deg) scale(0.8);
  -ms-transform: rotate(0deg) scale(0.8);
  -o-transform: rotate(0deg) scale(0.8);
  transform: rotate(0deg) scale(0.8);
}
.marka.marka-icon-circle-o i:nth-child(2) {
  -webkit-transform: rotate(0deg) scale(0.65);
  -moz-transform: rotate(0deg) scale(0.65);
  -ms-transform: rotate(0deg) scale(0.65);
  -o-transform: rotate(0deg) scale(0.65);
  transform: rotate(0deg) scale(0.65);
}

/* Circle Plus icon */
.marka.marka-icon-circle-plus i {
  border-radius: 50%;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
}
.marka.marka-icon-circle-plus i:last-child {
  border-radius: 0%;
  -webkit-transform: rotate(0deg) scale(0.5, 0.125);
  -moz-transform: rotate(0deg) scale(0.5, 0.125);
  -ms-transform: rotate(0deg) scale(0.5, 0.125);
  -o-transform: rotate(0deg) scale(0.5, 0.125);
  transform: rotate(0deg) scale(0.5, 0.125);
}
.marka.marka-icon-circle-plus i:nth-last-child(2) {
  border-radius: 0%;
  -webkit-transform: rotate(90deg) scale(0.5, 0.125);
  -moz-transform: rotate(90deg) scale(0.5, 0.125);
  -ms-transform: rotate(90deg) scale(0.5, 0.125);
  -o-transform: rotate(90deg) scale(0.5, 0.125);
  transform: rotate(90deg) scale(0.5, 0.125);
}

/* Circle Times icon */
.marka.marka-icon-circle-times i {
  border-radius: 50%;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
}
.marka.marka-icon-circle-times i:last-child {
  border-radius: 0%;
  -webkit-transform: rotate(45deg) scale(0.5, 0.125);
  -moz-transform: rotate(45deg) scale(0.5, 0.125);
  -ms-transform: rotate(45deg) scale(0.5, 0.125);
  -o-transform: rotate(45deg) scale(0.5, 0.125);
  transform: rotate(45deg) scale(0.5, 0.125);
}
.marka.marka-icon-circle-times i:nth-last-child(2) {
  border-radius: 0%;
  -webkit-transform: rotate(-45deg) scale(0.5, 0.125);
  -moz-transform: rotate(-45deg) scale(0.5, 0.125);
  -ms-transform: rotate(-45deg) scale(0.5, 0.125);
  -o-transform: rotate(-45deg) scale(0.5, 0.125);
  transform: rotate(-45deg) scale(0.5, 0.125);
}

/* Circle icon */
.marka.marka-icon-circle i {
  border-radius: 50%;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
}

/* Minus icon */
.marka.marka-icon-minus i {
  -webkit-transform: scale(1, 0.15);
  -moz-transform: scale(1, 0.15);
  -ms-transform: scale(1, 0.15);
  -o-transform: scale(1, 0.15);
  transform: scale(1, 0.15);
}

/* Pause icon */
.marka.marka-icon-pause i {
  -webkit-transform: rotate(90deg) scale(0.8, 0.35) translate(0%, 65%);
  -moz-transform: rotate(90deg) scale(0.8, 0.35) translate(0%, 65%);
  -ms-transform: rotate(90deg) scale(0.8, 0.35) translate(0%, 65%);
  -o-transform: rotate(90deg) scale(0.8, 0.35) translate(0%, 65%);
  transform: rotate(90deg) scale(0.8, 0.35) translate(0%, 65%);
}
.marka.marka-icon-pause i:nth-child(2) {
  -webkit-transform: rotate(90deg) scale(0.8, 0.35) translate(0%, -65%);
  -moz-transform: rotate(90deg) scale(0.8, 0.35) translate(0%, -65%);
  -ms-transform: rotate(90deg) scale(0.8, 0.35) translate(0%, -65%);
  -o-transform: rotate(90deg) scale(0.8, 0.35) translate(0%, -65%);
  transform: rotate(90deg) scale(0.8, 0.35) translate(0%, -65%);
}

/* Plus icon */
.marka.marka-icon-plus i {
  -webkit-transform: scale(1, 0.15);
  -moz-transform: scale(1, 0.15);
  -ms-transform: scale(1, 0.15);
  -o-transform: scale(1, 0.15);
  transform: scale(1, 0.15);
}
.marka.marka-icon-plus i:nth-child(2) {
  -webkit-transform: rotate(90deg) scale(1, 0.15);
  -moz-transform: rotate(90deg) scale(1, 0.15);
  -ms-transform: rotate(90deg) scale(1, 0.15);
  -o-transform: rotate(90deg) scale(1, 0.15);
  transform: rotate(90deg) scale(1, 0.15);
}

/* Signal icon (5 part) */
.marka.marka-icon-signal-five-one i,
.marka.marka-icon-signal-five-two i,
.marka.marka-icon-signal-five-three i,
.marka.marka-icon-signal-five-four i,
.marka.marka-icon-signal-five i {
  -webkit-transform: rotate(90deg) scale(0.16, 0.12) translate(200%, 280%);
  -moz-transform: rotate(90deg) scale(0.16, 0.12) translate(200%, 280%);
  -ms-transform: rotate(90deg) scale(0.16, 0.12) translate(200%, 280%);
  -o-transform: rotate(90deg) scale(0.16, 0.12) translate(200%, 280%);
  transform: rotate(90deg) scale(0.16, 0.12) translate(200%, 280%);
}
.marka.marka-icon-signal-five-two i:nth-child(2),
.marka.marka-icon-signal-five-two i:nth-child(3),
.marka.marka-icon-signal-five-two i:nth-child(4),
.marka.marka-icon-signal-five-two i:nth-child(5),
.marka.marka-icon-signal-five-three i:nth-child(2),
.marka.marka-icon-signal-five-four i:nth-child(2),
.marka.marka-icon-signal-five i:nth-child(2) {
  -webkit-transform: rotate(90deg) scale(0.32, 0.12) translate(75%, 140%);
  -moz-transform: rotate(90deg) scale(0.32, 0.12) translate(75%, 140%);
  -ms-transform: rotate(90deg) scale(0.32, 0.12) translate(75%, 140%);
  -o-transform: rotate(90deg) scale(0.32, 0.12) translate(75%, 140%);
  transform: rotate(90deg) scale(0.32, 0.12) translate(75%, 140%);
}
.marka.marka-icon-signal-five-three i:nth-child(3),
.marka.marka-icon-signal-five-three i:nth-child(4),
.marka.marka-icon-signal-five-three i:nth-child(5),
.marka.marka-icon-signal-five-four i:nth-child(3),
.marka.marka-icon-signal-five i:nth-child(3) {
  -webkit-transform: rotate(90deg) scale(0.48, 0.12) translate(34%, 0%);
  -moz-transform: rotate(90deg) scale(0.48, 0.12) translate(34%, 0%);
  -ms-transform: rotate(90deg) scale(0.48, 0.12) translate(34%, 0%);
  -o-transform: rotate(90deg) scale(0.48, 0.12) translate(34%, 0%);
  transform: rotate(90deg) scale(0.48, 0.12) translate(34%, 0%);
}
.marka.marka-icon-signal-five-four i:nth-child(4),
.marka.marka-icon-signal-five-four i:nth-child(5),
.marka.marka-icon-signal-five i:nth-child(4) {
  -webkit-transform: rotate(90deg) scale(0.64, 0.12) translate(13%, -140%);
  -moz-transform: rotate(90deg) scale(0.64, 0.12) translate(13%, -140%);
  -ms-transform: rotate(90deg) scale(0.64, 0.12) translate(13%, -140%);
  -o-transform: rotate(90deg) scale(0.64, 0.12) translate(13%, -140%);
  transform: rotate(90deg) scale(0.64, 0.12) translate(13%, -140%);
}
.marka.marka-icon-signal-five i:nth-child(5) {
  -webkit-transform: rotate(90deg) scale(0.8, 0.12) translate(0%, -280%);
  -moz-transform: rotate(90deg) scale(0.8, 0.12) translate(0%, -280%);
  -ms-transform: rotate(90deg) scale(0.8, 0.12) translate(0%, -280%);
  -o-transform: rotate(90deg) scale(0.8, 0.12) translate(0%, -280%);
  transform: rotate(90deg) scale(0.8, 0.12) translate(0%, -280%);
}

/* Signal icon (3 parts) */
.marka.marka-icon-signal-three-one i,
.marka.marka-icon-signal-three-two i,
.marka.marka-icon-signal-three i {
  -webkit-transform: rotate(90deg) scale(0.24, 0.2) translate(120%, 140%);
  -moz-transform: rotate(90deg) scale(0.24, 0.2) translate(120%, 140%);
  -ms-transform: rotate(90deg) scale(0.24, 0.2) translate(120%, 140%);
  -o-transform: rotate(90deg) scale(0.24, 0.2) translate(120%, 140%);
  transform: rotate(90deg) scale(0.24, 0.2) translate(120%, 140%);
}
.marka.marka-icon-signal-three-two i:nth-child(2),
.marka.marka-icon-signal-three-two i:nth-child(3),
.marka.marka-icon-signal-three i:nth-child(2) {
  -webkit-transform: rotate(90deg) scale(0.48, 0.2) translate(35%, 0%);
  -moz-transform: rotate(90deg) scale(0.48, 0.2) translate(35%, 0%);
  -ms-transform: rotate(90deg) scale(0.48, 0.2) translate(35%, 0%);
  -o-transform: rotate(90deg) scale(0.48, 0.2) translate(35%, 0%);
  transform: rotate(90deg) scale(0.48, 0.2) translate(35%, 0%);
}
.marka.marka-icon-signal-three i:nth-child(3) {
  -webkit-transform: rotate(90deg) scale(0.8, 0.2) translate(0%, -140%);
  -moz-transform: rotate(90deg) scale(0.8, 0.2) translate(0%, -140%);
  -ms-transform: rotate(90deg) scale(0.8, 0.2) translate(0%, -140%);
  -o-transform: rotate(90deg) scale(0.8, 0.2) translate(0%, -140%);
  transform: rotate(90deg) scale(0.8, 0.2) translate(0%, -140%);
}

/* Sort half icon */
.marka.marka-icon-sort-half i {
  border-radius: 0% 30% 0 30%;
  -webkit-transform: rotate(-60deg) skewX(-30deg) scale(0.25, 0.216) translate(60%, -60%);
  -moz-transform: rotate(-60deg) skewX(-30deg) scale(0.25, 0.216) translate(60%, -60%);
  -ms-transform: rotate(-60deg) skewX(-30deg) scale(0.25, 0.216) translate(60%, -60%);
  -o-transform: rotate(-60deg) skewX(-30deg) scale(0.25, 0.216) translate(60%, -60%);
  transform: rotate(-60deg) skewX(-30deg) scale(0.25, 0.216) translate(60%, -60%);
}
.marka.marka-icon-sort-half i:nth-child(2n) {
  -webkit-transform: rotate(0deg) skewX(-30deg) scale(0.25) translate(-60%, -70%);
  -moz-transform: rotate(0deg) skewX(-30deg) scale(0.25) translate(-60%, -70%);
  -ms-transform: rotate(0deg) skewX(-30deg) scale(0.25) translate(-60%, -70%);
  -o-transform: rotate(0deg) skewX(-30deg) scale(0.25) translate(-60%, -70%);
  transform: rotate(0deg) skewX(-30deg) scale(0.25) translate(-60%, -70%);
}
.marka.marka-icon-sort-half i:nth-child(3n) {
  -webkit-transform: rotate(90deg) skewY(-30deg) scale(0.25) translate(-70%, -60%);
  -moz-transform: rotate(90deg) skewY(-30deg) scale(0.25) translate(-70%, -60%);
  -ms-transform: rotate(90deg) skewY(-30deg) scale(0.25) translate(-70%, -60%);
  -o-transform: rotate(90deg) skewY(-30deg) scale(0.25) translate(-70%, -60%);
  transform: rotate(90deg) skewY(-30deg) scale(0.25) translate(-70%, -60%);
}

/* Sort icon */
.marka.marka-icon-sort i {
  border-radius: 0% 30% 0 30%;
  -webkit-transform: rotate(-60deg) skewX(-30deg) scale(0.25, 0.216) translate(60%, -60%);
  -moz-transform: rotate(-60deg) skewX(-30deg) scale(0.25, 0.216) translate(60%, -60%);
  -ms-transform: rotate(-60deg) skewX(-30deg) scale(0.25, 0.216) translate(60%, -60%);
  -o-transform: rotate(-60deg) skewX(-30deg) scale(0.25, 0.216) translate(60%, -60%);
  transform: rotate(-60deg) skewX(-30deg) scale(0.25, 0.216) translate(60%, -60%);
}
.marka.marka-icon-sort i:nth-child(2) {
  -webkit-transform: rotate(0deg) skewX(-30deg) scale(0.25) translate(-60%, -70%);
  -moz-transform: rotate(0deg) skewX(-30deg) scale(0.25) translate(-60%, -70%);
  -ms-transform: rotate(0deg) skewX(-30deg) scale(0.25) translate(-60%, -70%);
  -o-transform: rotate(0deg) skewX(-30deg) scale(0.25) translate(-60%, -70%);
  transform: rotate(0deg) skewX(-30deg) scale(0.25) translate(-60%, -70%);
}
.marka.marka-icon-sort i:nth-child(3) {
  -webkit-transform: rotate(90deg) skewY(-30deg) scale(0.25) translate(-70%, -60%);
  -moz-transform: rotate(90deg) skewY(-30deg) scale(0.25) translate(-70%, -60%);
  -ms-transform: rotate(90deg) skewY(-30deg) scale(0.25) translate(-70%, -60%);
  -o-transform: rotate(90deg) skewY(-30deg) scale(0.25) translate(-70%, -60%);
  transform: rotate(90deg) skewY(-30deg) scale(0.25) translate(-70%, -60%);
}
.marka.marka-icon-sort i:nth-child(4) {
  -webkit-transform: rotate(120deg) skewX(-30deg) scale(0.25, 0.216) translate(60%, -60%);
  -moz-transform: rotate(120deg) skewX(-30deg) scale(0.25, 0.216) translate(60%, -60%);
  -ms-transform: rotate(120deg) skewX(-30deg) scale(0.25, 0.216) translate(60%, -60%);
  -o-transform: rotate(120deg) skewX(-30deg) scale(0.25, 0.216) translate(60%, -60%);
  transform: rotate(120deg) skewX(-30deg) scale(0.25, 0.216) translate(60%, -60%);
}
.marka.marka-icon-sort i:nth-child(5) {
  -webkit-transform: rotate(180deg) skewX(-30deg) scale(0.25) translate(-60%, -70%);
  -moz-transform: rotate(180deg) skewX(-30deg) scale(0.25) translate(-60%, -70%);
  -ms-transform: rotate(180deg) skewX(-30deg) scale(0.25) translate(-60%, -70%);
  -o-transform: rotate(180deg) skewX(-30deg) scale(0.25) translate(-60%, -70%);
  transform: rotate(180deg) skewX(-30deg) scale(0.25) translate(-60%, -70%);
}
.marka.marka-icon-sort i:nth-child(6) {
  -webkit-transform: rotate(270deg) skewY(-30deg) scale(0.25) translate(-70%, -60%);
  -moz-transform: rotate(270deg) skewY(-30deg) scale(0.25) translate(-70%, -60%);
  -ms-transform: rotate(270deg) skewY(-30deg) scale(0.25) translate(-70%, -60%);
  -o-transform: rotate(270deg) skewY(-30deg) scale(0.25) translate(-70%, -60%);
  transform: rotate(270deg) skewY(-30deg) scale(0.25) translate(-70%, -60%);
}

/* Square Check icon */
.marka.marka-icon-square-check i {
  border-radius: 10%;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
}
.marka.marka-icon-square-check i:last-child {
  border-radius: 0%;
  -webkit-transform: rotate(-45deg) scale(0.5, 0.125) translate(7%, 35%);
  -moz-transform: rotate(-45deg) scale(0.5, 0.125) translate(7%, 35%);
  -ms-transform: rotate(-45deg) scale(0.5, 0.125) translate(7%, 35%);
  -o-transform: rotate(-45deg) scale(0.5, 0.125) translate(7%, 35%);
  transform: rotate(-45deg) scale(0.5, 0.125) translate(7%, 35%);
}
.marka.marka-icon-square-check i:nth-last-child(2) {
  border-radius: 0%;
  -webkit-transform: rotate(45deg) scale(0.3, 0.125) translate(-15%, 123%);
  -moz-transform: rotate(45deg) scale(0.3, 0.125) translate(-15%, 123%);
  -ms-transform: rotate(45deg) scale(0.3, 0.125) translate(-15%, 123%);
  -o-transform: rotate(45deg) scale(0.3, 0.125) translate(-15%, 123%);
  transform: rotate(45deg) scale(0.3, 0.125) translate(-15%, 123%);
}

/* Square Minus icon */
.marka.marka-icon-square-minus i {
  border-radius: 10%;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
}
.marka.marka-icon-square-minus i:last-child,
.marka.marka-icon-square-minus i:nth-last-child(2) {
  border-radius: 0%;
  -webkit-transform: rotate(0deg) scale(0.5, 0.125);
  -moz-transform: rotate(0deg) scale(0.5, 0.125);
  -ms-transform: rotate(0deg) scale(0.5, 0.125);
  -o-transform: rotate(0deg) scale(0.5, 0.125);
  transform: rotate(0deg) scale(0.5, 0.125);
}

/* Square-O check icon */
.marka.marka-icon-square-o-check i {
  border-radius: 0%;
  -webkit-transform: rotate(-45deg) scale(0.5, 0.125) translate(7%, 35%);
  -moz-transform: rotate(-45deg) scale(0.5, 0.125) translate(7%, 35%);
  -ms-transform: rotate(-45deg) scale(0.5, 0.125) translate(7%, 35%);
  -o-transform: rotate(-45deg) scale(0.5, 0.125) translate(7%, 35%);
  transform: rotate(-45deg) scale(0.5, 0.125) translate(7%, 35%);
}
.marka.marka-icon-square-o-check i:nth-child(1) {
  border-radius: 10%;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
}
.marka.marka-icon-square-o-check i:nth-child(2) {
  border-radius: 10%;
  -webkit-transform: scale(0.65);
  -moz-transform: scale(0.65);
  -ms-transform: scale(0.65);
  -o-transform: scale(0.65);
  transform: scale(0.65);
}
.marka.marka-icon-square-o-check i:nth-child(3) {
  border-radius: 0%;
  -webkit-transform: rotate(45deg) scale(0.3, 0.125) translate(-15%, 123%);
  -moz-transform: rotate(45deg) scale(0.3, 0.125) translate(-15%, 123%);
  -ms-transform: rotate(45deg) scale(0.3, 0.125) translate(-15%, 123%);
  -o-transform: rotate(45deg) scale(0.3, 0.125) translate(-15%, 123%);
  transform: rotate(45deg) scale(0.3, 0.125) translate(-15%, 123%);
}

/* Square-O (filled-version) icon */
.marka.marka-icon-square-o-filled i {
  border-radius: 10%;
  -webkit-transform: rotate(0deg) scale(0.5);
  -moz-transform: rotate(0deg) scale(0.5);
  -ms-transform: rotate(0deg) scale(0.5);
  -o-transform: rotate(0deg) scale(0.5);
  transform: rotate(0deg) scale(0.5);
}
.marka.marka-icon-square-o-filled i:nth-child(1) {
  -webkit-transform: rotate(0deg) scale(0.8);
  -moz-transform: rotate(0deg) scale(0.8);
  -ms-transform: rotate(0deg) scale(0.8);
  -o-transform: rotate(0deg) scale(0.8);
  transform: rotate(0deg) scale(0.8);
}
.marka.marka-icon-square-o-filled i:nth-child(2) {
  -webkit-transform: rotate(0deg) scale(0.65);
  -moz-transform: rotate(0deg) scale(0.65);
  -ms-transform: rotate(0deg) scale(0.65);
  -o-transform: rotate(0deg) scale(0.65);
  transform: rotate(0deg) scale(0.65);
}

/* Square-O Minus icon */
.marka.marka-icon-square-o-minus i {
  border-radius: 0%;
  -webkit-transform: rotate(0deg) scale(0.5, 0.125);
  -moz-transform: rotate(0deg) scale(0.5, 0.125);
  -ms-transform: rotate(0deg) scale(0.5, 0.125);
  -o-transform: rotate(0deg) scale(0.5, 0.125);
  transform: rotate(0deg) scale(0.5, 0.125);
}
.marka.marka-icon-square-o-minus i:nth-child(1) {
  border-radius: 10%;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
}
.marka.marka-icon-square-o-minus i:nth-child(2) {
  border-radius: 10%;
  -webkit-transform: scale(0.65);
  -moz-transform: scale(0.65);
  -ms-transform: scale(0.65);
  -o-transform: scale(0.65);
  transform: scale(0.65);
}

/* Square O Plus icon */
.marka.marka-icon-square-o-plus i {
  border-radius: 0%;
  -webkit-transform: rotate(0deg) scale(0.5, 0.125);
  -moz-transform: rotate(0deg) scale(0.5, 0.125);
  -ms-transform: rotate(0deg) scale(0.5, 0.125);
  -o-transform: rotate(0deg) scale(0.5, 0.125);
  transform: rotate(0deg) scale(0.5, 0.125);
}
.marka.marka-icon-square-o-plus i:nth-child(1) {
  border-radius: 10%;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
}
.marka.marka-icon-square-o-plus i:nth-child(2) {
  border-radius: 10%;
  -webkit-transform: scale(0.65);
  -moz-transform: scale(0.65);
  -ms-transform: scale(0.65);
  -o-transform: scale(0.65);
  transform: scale(0.65);
}
.marka.marka-icon-square-o-plus i:nth-child(3) {
  border-radius: 0%;
  -webkit-transform: rotate(90deg) scale(0.5, 0.125);
  -moz-transform: rotate(90deg) scale(0.5, 0.125);
  -ms-transform: rotate(90deg) scale(0.5, 0.125);
  -o-transform: rotate(90deg) scale(0.5, 0.125);
  transform: rotate(90deg) scale(0.5, 0.125);
}

/* Square-O Times icon */
.marka.marka-icon-square-o-times i {
  border-radius: 0%;
  -webkit-transform: rotate(45deg) scale(0.5, 0.125);
  -moz-transform: rotate(45deg) scale(0.5, 0.125);
  -ms-transform: rotate(45deg) scale(0.5, 0.125);
  -o-transform: rotate(45deg) scale(0.5, 0.125);
  transform: rotate(45deg) scale(0.5, 0.125);
}
.marka.marka-icon-square-o-times i:nth-child(1) {
  border-radius: 10%;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
}
.marka.marka-icon-square-o-times i:nth-child(2) {
  border-radius: 10%;
  -webkit-transform: scale(0.65);
  -moz-transform: scale(0.65);
  -ms-transform: scale(0.65);
  -o-transform: scale(0.65);
  transform: scale(0.65);
}
.marka.marka-icon-square-o-times i:nth-child(3) {
  border-radius: 0%;
  -webkit-transform: rotate(-45deg) scale(0.5, 0.125);
  -moz-transform: rotate(-45deg) scale(0.5, 0.125);
  -ms-transform: rotate(-45deg) scale(0.5, 0.125);
  -o-transform: rotate(-45deg) scale(0.5, 0.125);
  transform: rotate(-45deg) scale(0.5, 0.125);
}

/* Square-O icon */
.marka.marka-icon-square-o i {
  -webkit-transform: rotate(0deg) scale(0);
  -moz-transform: rotate(0deg) scale(0);
  -ms-transform: rotate(0deg) scale(0);
  -o-transform: rotate(0deg) scale(0);
  transform: rotate(0deg) scale(0);
  border-radius: 10%;
}
.marka.marka-icon-square-o i:nth-child(1) {
  -webkit-transform: rotate(0deg) scale(0.8);
  -moz-transform: rotate(0deg) scale(0.8);
  -ms-transform: rotate(0deg) scale(0.8);
  -o-transform: rotate(0deg) scale(0.8);
  transform: rotate(0deg) scale(0.8);
}
.marka.marka-icon-square-o i:nth-child(2) {
  -webkit-transform: rotate(0deg) scale(0.65);
  -moz-transform: rotate(0deg) scale(0.65);
  -ms-transform: rotate(0deg) scale(0.65);
  -o-transform: rotate(0deg) scale(0.65);
  transform: rotate(0deg) scale(0.65);
}

/* Square Plus icon */
.marka.marka-icon-square-plus i {
  border-radius: 10%;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
}
.marka.marka-icon-square-plus i:last-child {
  border-radius: 0%;
  -webkit-transform: rotate(0deg) scale(0.5, 0.125);
  -moz-transform: rotate(0deg) scale(0.5, 0.125);
  -ms-transform: rotate(0deg) scale(0.5, 0.125);
  -o-transform: rotate(0deg) scale(0.5, 0.125);
  transform: rotate(0deg) scale(0.5, 0.125);
}
.marka.marka-icon-square-plus i:nth-last-child(2) {
  border-radius: 0%;
  -webkit-transform: rotate(90deg) scale(0.5, 0.125);
  -moz-transform: rotate(90deg) scale(0.5, 0.125);
  -ms-transform: rotate(90deg) scale(0.5, 0.125);
  -o-transform: rotate(90deg) scale(0.5, 0.125);
  transform: rotate(90deg) scale(0.5, 0.125);
}

/* Square Times icon */
.marka.marka-icon-square-times i {
  border-radius: 10%;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
}
.marka.marka-icon-square-times i:last-child {
  border-radius: 0%;
  -webkit-transform: rotate(45deg) scale(0.5, 0.125);
  -moz-transform: rotate(45deg) scale(0.5, 0.125);
  -ms-transform: rotate(45deg) scale(0.5, 0.125);
  -o-transform: rotate(45deg) scale(0.5, 0.125);
  transform: rotate(45deg) scale(0.5, 0.125);
}
.marka.marka-icon-square-times i:nth-last-child(2) {
  border-radius: 0%;
  -webkit-transform: rotate(-45deg) scale(0.5, 0.125);
  -moz-transform: rotate(-45deg) scale(0.5, 0.125);
  -ms-transform: rotate(-45deg) scale(0.5, 0.125);
  -o-transform: rotate(-45deg) scale(0.5, 0.125);
  transform: rotate(-45deg) scale(0.5, 0.125);
}

/* Square icon */
.marka.marka-icon-square i {
  border-radius: 10%;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
}

/* Times icon */
.marka.marka-icon-times i {
  -webkit-transform: rotate(45deg) scale(0.8, 0.2);
  -moz-transform: rotate(45deg) scale(0.8, 0.2);
  -ms-transform: rotate(45deg) scale(0.8, 0.2);
  -o-transform: rotate(45deg) scale(0.8, 0.2);
  transform: rotate(45deg) scale(0.8, 0.2);
}
.marka.marka-icon-times i:nth-child(2) {
  -webkit-transform: rotate(-45deg) scale(0.8, 0.2);
  -moz-transform: rotate(-45deg) scale(0.8, 0.2);
  -ms-transform: rotate(-45deg) scale(0.8, 0.2);
  -o-transform: rotate(-45deg) scale(0.8, 0.2);
  transform: rotate(-45deg) scale(0.8, 0.2);
}

/* Triangle icon */
.marka.marka-icon-triangle i {
  border-radius: 0% 30% 0 30%;
  -webkit-transform: rotate(-60deg) skewX(-30deg) scale(0.5, 0.433) translate(2%, -5%);
  -moz-transform: rotate(-60deg) skewX(-30deg) scale(0.5, 0.433) translate(2%, -5%);
  -ms-transform: rotate(-60deg) skewX(-30deg) scale(0.5, 0.433) translate(2%, -5%);
  -o-transform: rotate(-60deg) skewX(-30deg) scale(0.5, 0.433) translate(2%, -5%);
  transform: rotate(-60deg) skewX(-30deg) scale(0.5, 0.433) translate(2%, -5%);
}
.marka.marka-icon-triangle i:nth-child(2) {
  -webkit-transform: rotate(180deg) skewX(-30deg) scale(0.5) translate(5%, -30%);
  -moz-transform: rotate(180deg) skewX(-30deg) scale(0.5) translate(5%, -30%);
  -ms-transform: rotate(180deg) skewX(-30deg) scale(0.5) translate(5%, -30%);
  -o-transform: rotate(180deg) skewX(-30deg) scale(0.5) translate(5%, -30%);
  transform: rotate(180deg) skewX(-30deg) scale(0.5) translate(5%, -30%);
}
.marka.marka-icon-triangle i:nth-child(3) {
  -webkit-transform: rotate(90deg) skewY(-30deg) scale(0.5) translate(30%, -2%);
  -moz-transform: rotate(90deg) skewY(-30deg) scale(0.5) translate(30%, -2%);
  -ms-transform: rotate(90deg) skewY(-30deg) scale(0.5) translate(30%, -2%);
  -o-transform: rotate(90deg) skewY(-30deg) scale(0.5) translate(30%, -2%);
  transform: rotate(90deg) skewY(-30deg) scale(0.5) translate(30%, -2%);
}