.anchornav {
  position: relative;
  padding: 3rem 0 1.5rem; }
  @media (min-width: 992px) {
  .anchornav {
    padding: 4.5rem 0 2.5rem; } }
  @media (min-width: 1302px) {
  .anchornav {
    padding: 4.5rem 5rem 3.5rem; } }
  .anchornav .bg {
    background: #efefef;
    position: absolute;
    left: 50%;
    top: 0;
    height: 100%;
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); }

.anchor {
  position: relative;
  height: 50px;
  border-radius: 25px;
  border: 1px solid rgba(91, 103, 112, 1);
  -webkit-transition: 0.2s ease;
  -moz-transition: 0.2s ease;
  -ms-transition: 0.2s ease;
  -o-transition: 0.2s ease;
  transition: 0.2s ease;
  margin-bottom: 0.5rem; }
  @media (min-width: 992px) {
  .anchor {
    height: 60px;
    border-radius: 30px;
    margin-bottom: 1.5rem; } }
  .anchor.link:hover {
    background: rgba(91, 103, 112, 1);
    color: #fff; }
  .anchor .icon {
    width: 30px;
    height: 30px;
    position: absolute;
    left: 10px;
    top: 3px; }
    @media (min-width: 992px) {
  .anchor .icon {
    width: 40px;
    height: 40px;
    left: 20px;
    top: 10px; } }
    .anchor .icon img {
      width: 100%;
      height: 100%;
      object-fit: contain;
      font-family: 'object-fit: contain;';
      -webkit-transition: 0.2s ease;
      -moz-transition: 0.2s ease;
      -ms-transition: 0.2s ease;
      -o-transition: 0.2s ease;
      transition: 0.2s ease;
      image-rendering: -moz-crisp-edges;
      /* Firefox */
      image-rendering: -o-crisp-edges;
      /* Opera */
      image-rendering: -webkit-optimize-contrast;
      /* Webkit (non-standard naming) */
      image-rendering: crisp-edges;
      -ms-interpolation-mode: nearest-neighbor;
      /* IE (non-standard property) */
      filter: invert(49%) sepia(84%) saturate(801%) hue-rotate(9deg) brightness(106%) contrast(102%);
      -webkit-filter: invert(49%) sepia(84%) saturate(801%) hue-rotate(9deg) brightness(106%) contrast(102%);
      -moz-filter: invert(49%) sepia(84%) saturate(801%) hue-rotate(9deg) brightness(106%) contrast(102%); }
  .anchor.link:hover .icon img {
    filter: none;
    -webkit-filter: none;
    -moz-filter: none; }
  .anchor .title {
    line-height: 1.2em;
    position: absolute;
    width: 100%;
    left: 0px;
    top: 50%;
    font-size: 13px;
    font-weight: normal;
    color: rgba(91, 103, 112, 1);
    text-transform: uppercase;
    letter-spacing: 1px;
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: 0.2s ease;
    -moz-transition: 0.2s ease;
    -ms-transition: 0.2s ease;
    -o-transition: 0.2s ease;
    transition: 0.2s ease;
    text-align: center;
    padding: 0 50px; }
    @media (min-width: 992px) {
  .anchor .title {
    padding: 0 60px;
    line-height: 1.5em; } }
  .anchor.link:hover .title {
    color: #fff; }
  .anchor > a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-indent: -999em;
    overflow: hidden;
    text-decoration: none; }