@font-face {
  font-family: 'ay-icons';
  src: url('../fonts/ay-icons.eot?83210502');
  src: url('../fonts/ay-icons.eot?83210502#iefix') format('embedded-opentype'),
    url('../fonts/ay-icons.woff2?83210502') format('woff2'),
    url('../fonts/ay-icons.woff?83210502') format('woff'),
    url('../fonts/ay-icons.ttf?83210502') format('truetype'),
    url('../fonts/ay-icons.svg?83210502#ay-icons') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'ay-icons';
    src: url('../font/ay-icons.svg?83210502#ay-icons') format('svg');
  }
}
*/
[class^="ayi-"]:before,
[class*=" ayi-"]:before {
  font-family: "ay-icons";
  font-style: normal;
  font-weight: normal;
  speak: never;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;


  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}


.ayi-papers:before {
  content: '\e800';
  font-weight: 700;
}

/* '' */
.ayi-female:before {
  content: '\e801';
}

/* '' */
.ayi-clock:before {
  content: '\e802';
}

/* '' */
.ayi-camera-lfr:before {
  content: '\e803';
}

/* '' */
.ayi-male:before {
  content: '\e804';
}

/* '' */
.ayi-child-girl:before {
  content: '\e805';
}

/* '' */
.ayi-child-boy:before {
  content: '\e806';
}

/* '' */
.ayi-outerwear:before {
  content: '\e807';
}

/* '' */
.ayi-underwear:before {
  content: '\e808';
}

/* '' */
.ayi-bikini:before {
  content: '\e809';
}

/* '' */
.ayi-fantasy:before {
  content: '\e80a';
}

/* '' */
.ayi-bridal-gown:before {
  content: '\e80b';
}

/* '' */
.ayi-shoe:before {
  content: '\e80c';
}

/* '' */
.ayi-sock:before {
  content: '\e80d';
}

/* '' */
.ayi-sport:before {
  content: '\e80e';
}

/* '' */
.ayi-meeting:before {
  content: '\e80f';
}

/* '' */
.ayi-times:before {
  content: '\e810';
}

/* '' */
.ayi-tick:before {
  content: '\e811';
}

/* '' */

.ayi-filter:before {
  content: '\e812';

}

/* '' */
.ayi-down-open:before {
  content: '\e813';
}

/* '' */
.ayi-check1:before {
  content: '\e814';
}

/* '' */
.ayi-check0:before {
  content: '\e815';
}

/* '' */

.ayi-reset:before {
  content: '\e816';
}

/* '' */

.ayi-calender:before {
  content: '\e817';
}

/* '' */
.ayi-user:before {
  content: '\e818';
}

/* '' */
.ayi-logout:before {
  content: '\e819';
}

/* '' */
.ayi-cog:before {
  content: '\e81a';
}

/* '' */
.ayi-page:before {
  content: '\e81b';
}

/* '' */

.ayi-bg-yellow {
  background: rgb(255, 229, 27);
  color: black;
}

.ayi-bg-green {
  background: rgb(45, 151, 0);
  color: white;

}

.ayi-bg-red {
  background: rgb(151, 0, 0);
  color: white;

}

.ayi-bg-light-green {
  background: rgb(77, 255, 0);
  color: black;

}

.ayi-ad-icon {
  border-left: 2px solid #11101d;
  border-bottom: 2px solid #11101d;
  padding: 6px;
  line-height: 0px;
  width: 30px;
  height: 30px;
  font-size: 12pt;
  border-bottom-left-radius: 10px;
  display: block;
}

.ayi-search-button:before {
  border-radius: 8px;
  color: #11101d;

}

@media only screen and (max-width: 576px) {

  .ayi-home-button:before {
    width: 50px;
    line-height: 52px;
    font-size: 20pt;
    padding-left: 2px;
    z-index: 2;
  }

  .ayi-search-button:before {
    width: 50px;
    line-height: 50px;
    font-size: 15pt;
    padding-left: 1px;
    z-index: 2;

  }

  .ayi-search-button {
    font-size: 20px;
    line-height: 1px;
    padding-left: 65px;
  }

}


@media only screen and (min-width: 576px) and (max-width: 992px) {
  .ayi-home-button:before {
    width: 60px;
    line-height: 70px;
    font-size: 25pt;
    padding-left: 2px;
    z-index: 2;

  }

  .ayi-search-button:before {
    width: 60px;
    line-height: 50px;
    font-size: 20pt;
    padding-left: 2px;
    z-index: 2;

  }

  .ayi-search-button {
    font-size: 20px;
    line-height: 0px;
    padding-left: 77px;
  }
}

@media only screen and (min-width: 992px) {
  .ayi-home-button:before {
    width: 60px;
    line-height: 70px;
    font-size: 25pt;
    padding-left: 2px;
    z-index: 2;

  }

  .ayi-search-button:before {
    width: 60px;
    line-height: 50px;
    font-size: 15pt;
    padding-left: 0px;
    z-index: 2;

  }

  .ayi-search-button {
    font-size: 15px;
    line-height: 0px;
    padding-left: 75px;
  }
}