.mc__navbar {
  box-shadow: -4px 4px 8px 0 rgba(0, 0, 0, 0.4);
  background: #ffffff;
  display: block;
  height: 100%;
  overflow-y: auto;
  /*position: fixed;*/
  right: -200%;
  top: 0;
  transition: right 0.3s ease-in-out;
  width: 420px;
  z-index: 1060; }
  @media (max-width: 420px) {
    .mc__navbar {
      width: 100%; } }
  .user-logged-in .mc__navbar {
    top: 39px; }
    @media (min-width: 768px) {
      .user-logged-in .mc__navbar {
        /*top: inherit;*/ } }

.mc__navbar__search::after {
  content: '';
  display: table;
  clear: both; }

.mc__navbar__checkbox {
  display: none; }

.mc__navbar__checkbox__label {
  cursor: pointer; }

.mc__navbar__checkbox__label--menu-icon {
  color: #02535a;
  display: block;
  font-size: 13px;
  height: 20px;
  line-height: 20px;
  min-width: 70px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  padding: 0; }
  .mc__navbar__checkbox__label--menu-icon span {
    clear: none;
    display: inline-block;
    float: right;
    margin: 0 10px 0 0;
    vertical-align: middle; }
  .mc__navbar__checkbox__label--menu-icon .mc__sprite--hamburger-icon {
    margin: 0 15px 0 0; }

.mc__navbar__checkbox__label--close-icon {
  color: #02535a;
  cursor: pointer;
  font-size: 33px;
  display: block;
  height: 70px;
  width: 60px;
  line-height: 70px;
  text-align: center;
  float: left;
  clear: none;
  padding: 0;
  margin: 0; }

.mc__navbar__checkbox__label--close-icon:hover {
  color: #b3b3b3; }

input[type='checkbox'].mc__navbar__checkbox:checked + label + .mc__navbar {
  display: block;
  right: 0; }