@charset "utf-8";

/* CSS Document */



.tcon {

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  border: none;

  cursor: pointer;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  height: 36px;

  transition: 0.3s;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  width: 36px;

  border-radius: 100%;

  border: 1px solid #D8D8D8;

  background: transparent;

  outline: none;

  -webkit-tap-highlight-color: transparent;

  -webkit-tap-highlight-color: transparent; }

  .tcon > * {

    display: block; }

  .tcon:hover, .tcon:focus {

    outline: none; }

  .tcon::-moz-focus-inner {

    border: 0; }



.tcon-menu__lines {

  display: inline-block;

  height: 3px;

  width: 16px;

  border-radius: 2.85714px;

  transition: 0.3s;

  /* background: #D8D8D8; */

  background: rgba(255, 255, 255, 0);

  position: relative; }

  .tcon-menu__lines::before, .tcon-menu__lines::after {

    display: inline-block;

    height: 2px;

    width: 16px;

    border-radius: 2.85714px;

    transition: 0.3s;

    background: #D8D8D8;

    content: '';

    position: absolute;

    left: 0;

    -webkit-transform-origin: 2.85714px center;

    transform-origin: 2.85714px center;

    width: 100%; }

  .tcon-menu__lines::before {

    top: 4px; }

  .tcon-menu__lines::after {

    top: -4px; }

  .tcon-transform .tcon-menu__lines {

    -webkit-transform: scale3d(0.8, 0.8, 0.8);

    transform: scale3d(0.8, 0.8, 0.8); }



/* .tcon-menu--xcross {

  width: auto; } */

  .tcon-menu--xcross.tcon-transform .tcon-menu__lines {

    background: transparent; }

    .tcon-menu--xcross.tcon-transform .tcon-menu__lines::before, .tcon-menu--xcross.tcon-transform .tcon-menu__lines::after {

      -webkit-transform-origin: 50% 50%;

      transform-origin: 50% 50%;

      top: 0;

      width: 16px; }

    .tcon-menu--xcross.tcon-transform .tcon-menu__lines::before {

      -webkit-transform: rotate3d(0, 0, 1, 45deg);

      transform: rotate3d(0, 0, 1, 45deg); }

    .tcon-menu--xcross.tcon-transform .tcon-menu__lines::after {

      -webkit-transform: rotate3d(0, 0, 1, -45deg);

      transform: rotate3d(0, 0, 1, -45deg); }



.tcon-visuallyhidden {

  border: 0;

  clip: rect(0 0 0 0);

  height: 1px;

  margin: -1px;

  overflow: hidden;

  padding: 0;

  position: absolute;

  width: 1px; }

  .tcon-visuallyhidden:active, .tcon-visuallyhidden:focus {

    clip: auto;

    height: auto;

    margin: 0;

    overflow: visible;

    position: static;

    width: auto; }