@font-face {
  font-family: 'icomoon';
  src: url("https://cdn.jsdelivr.net/npm/icomoon@1.0.0/fonts/icomoon.eot");
  src: url("https://cors-anywhere.herokuapp.com/https://farmacitybuscador-prod.azurewebsites.net/fonts/icomoon.eot?o7okb4#iefix") format("embedded-opentype"), 
  url("https://cdn.jsdelivr.net/npm/icomoon@1.0.0/fonts/icomoon.ttf") format("truetype"), 
  url("https://cdn.jsdelivr.net/npm/icomoon@1.0.0/fonts/icomoon.woff") format("woff"),
  url("https://cdn.jsdelivr.net/npm/icomoon@1.0.0/fonts/icomoon.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-menu {
 }

 
  .icon-menu:before {
   /* content: "\e9bd";*/

    }

header {
  display: flex; }

.sliding--menu__wrapper {
  overflow: hidden;
  top: 0;
  left: 0;
  margin-right: auto; }
  .sliding--menu__wrapper nav {
    position: fixed;
    width: 250px;
    height: 100%;
    -moz-transition: all 200ms ease-in;
    -webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
    z-index: 2;
    top: 0;
    left: 0;
    margin: 0 0 0 -100vw; }
    .sliding--menu__wrapper nav>ul:not([data-role=listview]) {
      
      padding: 0;
      margin: 0;
      list-style: none;
      /*background: white;*/
      background-color: #F0F2F4;
      /******************************* overflow: hidden;*/
      overflow-y:auto;
      width: 100vw;
      height: 100%; }
      .sliding--menu__wrapper nav ul .site--logo {
        width: 75px;
        padding: 15px; }
    .sliding--menu__wrapper nav a {
     
      /*display: block;*/
      padding: 15px; 
      text-decoration: none;
    }
      .sliding--menu__wrapper nav a:hover {
        background: #f4f4f4;
         }
  .sliding--menu__wrapper>label {
    display: block;
    font-weight: 700;
    width: 56px;
    height: 56px;
    line-height: 56px;
    /*color: #fff;*/
    text-align: center;
    font-size: 2em;
    position: fixed;
    z-index: 2;
    background-image: url(https://farmacitybuscador-prod.azurewebsites.net/images/Hamburguesa_mobile.png);
    background-repeat: no-repeat;
    background-position: center 16px;
    background-size: 26px;
     }
  .sliding--menu__wrapper .obfuscator {
    visibility: hidden;
    -moz-transition: all 200ms ease-in;
    -webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 4;
    transition-duration: .5s; }
  .sliding--menu__wrapper input[type="checkbox"] {
    display: none; }
    .sliding--menu__wrapper input[type="checkbox"]:checked ~ nav {
      margin-left: 0;
      z-index:1002;
       }
    .sliding--menu__wrapper input[type="checkbox"]:checked ~ label {
      background: #fff;
      left: 260px;
      z-index:1004;
      position: relative;
      display: none; /* porque uso otro boton*/
       }
    .sliding--menu__wrapper input[type="checkbox"]:checked ~ label SPAN.icon-menu{
        /*display:none*/
     }
     .sliding--menu__wrapper input[type="checkbox"]:checked ~ label SPAN.icon-menu:before{
    content:'\274c';
      color :#61c250;  
     }

        .sliding--menu__wrapper nav label SPAN.icon-menu:before{
    content:'\274c';
      color :white!important;  
     }

     .sliding--menu__wrapper input[type="checkbox"]:checked ~ label i{
        display: none;
     }

    .sliding--menu__wrapper input[type="checkbox"]:checked ~ .obfuscator {
      visibility: visible;
      pointer-events: auto;
      opacity: 0.5;
      background: #111;
      z-index: 1; }
  .sliding--menu__wrapper.slide--top {
    top: 0; }
    .sliding--menu__wrapper.slide--top nav {
      position: fixed;
      width: 250px;
      height: 100%;
      -moz-transition: all 200ms ease-in;
      -webkit-transition: all 200ms ease-in;
      -o-transition: all 200ms ease-in;
      transition: all 200ms ease-in;
      z-index: 2;
      width: 100%;
      height: auto;
      left: 0;
      margin: -250px 0 0 0; }
      .sliding--menu__wrapper.slide--top nav ul {
        padding: 0;
        margin: 0;
        list-style: none;
        background: #222;
        overflow: hidden;
        display: flex;
        width: 100%;
        height: auto; }
    .sliding--menu__wrapper.slide--top input[type="checkbox"]:checked ~ nav {
      margin-top: 0; }
    .sliding--menu__wrapper.slide--top input[type="checkbox"]:checked ~ label {
      top: 260px;
      left: auto; }
  .sliding--menu__wrapper.slide--right {
    top: 0;
    right: 0;
    margin-left: auto;
    margin-right: 56px; }
    .sliding--menu__wrapper.slide--right nav {
      position: fixed;
      width: 250px;
      height: 100%;
      -moz-transition: all 200ms ease-in;
      -webkit-transition: all 200ms ease-in;
      -o-transition: all 200ms ease-in;
      transition: all 200ms ease-in;
      z-index: 2;
      top: 0;
      right: 0;
      margin: 0 -250px 0 0;
      margin-left: auto; }
      .sliding--menu__wrapper.slide--right nav ul {
        padding: 0;
        margin: 0;
        list-style: none;
        background: #222;
        overflow: hidden;
        width: 250px;
        height: 100%; }
    .sliding--menu__wrapper.slide--right input[type="checkbox"]:checked ~ nav {
      margin-right: 0;
      margin-left: auto; }
    .sliding--menu__wrapper.slide--right input[type="checkbox"]:checked ~ label {
      right: 260px;
      margin-left: auto; }
  .sliding--menu__wrapper.slide--bottom {
    bottom: 0; }
    .sliding--menu__wrapper.slide--bottom label {
      bottom: 0; }
    .sliding--menu__wrapper.slide--bottom nav {
      position: fixed;
      width: 250px;
      height: 100%;
      -moz-transition: all 200ms ease-in;
      -webkit-transition: all 200ms ease-in;
      -o-transition: all 200ms ease-in;
      transition: all 200ms ease-in;
      z-index: 2;
      width: 100%;
      height: auto;
      top: auto;
      bottom: 0;
      margin: 0 0 -250px 0; }
      .sliding--menu__wrapper.slide--bottom nav ul {
        padding: 0;
        margin: 0;
        list-style: none;
        background: #222;
        overflow: hidden;
        display: flex;
        width: 100%;
        height: auto; }
    .sliding--menu__wrapper.slide--bottom input[type="checkbox"]:checked ~ nav {
      margin-bottom: 0; }
    .sliding--menu__wrapper.slide--bottom input[type="checkbox"]:checked ~ label {
      bottom: 260px;
      left: auto; }




/*
 CSS for the main interaction
*/
.accordion > input[type="checkbox"] {
  position: absolute;
  left: -100vw;
}

.accordion .content {
  overflow-y: hidden;
  height: 0;
  transition: height 0.3s ease;
}

.accordion > input[type="checkbox"]:checked ~ .content {
  height: auto;
  overflow: visible;
}

.accordion label {
  display: block;
}

/*
 Styling
*/
body {
  font: 16px/1.5em "Overpass", "Open Sans", Helvetica, sans-serif;
  color: #333;
  font-weight: 300;
}

.accordion {
  margin-bottom: 1em;
}

.accordion > input[type="checkbox"]:checked ~ .content {
  padding: 15px;
  border: 1px solid #e8e8e8;
  border-top: 0;
}

.accordion .handle {
  margin: 0;
  font-size: 1.125em;
  line-height: 1.2em;
}

.accordion label {
  color: #333;
  cursor: pointer;
  font-weight: normal;
  padding: 15px;
  background: #e8e8e8;
}

.accordion label:hover,
.accordion label:focus {
  background: #d8d8d8;
}

.accordion .handle label:before {
  font-family: 'fontawesome';
  content: "\f054";
  display: inline-block;
  margin-right: 10px;
  font-size: .58em;
  line-height: 1.556em;
  vertical-align: middle;
}

.accordion > input[type="checkbox"]:checked ~ .handle label:before {
  content: "\f078";
}


.accordion ul {


  list-style: none;
}

.accordion ul li {


  background-color: #EAEAEA;
  font-size:13px;
  padding:0px;
  margin:0px;

}

.accordion ul li A{


  color:black;


  }