.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/*--------------------------------------------------------------
Layouts
--------------------------------------------------------------*/
body {
  line-height: 1.4;
  font-family:tahoma;	
  background-color: #FCFBF3;
 
}


@media screen and (min-width: 52em) {
  .centered {
    max-width: 52em;
  }
}

/*--------------------------------------------------------------
Header styles minus menu
--------------------------------------------------------------*/
.masthead {
  background: #e74c3c;
}


.main-menu {
  padding: .4em 1em;
  color: black;
  background-color: white;
}


/*--------------------------------------------------------------
Flexbox styles
--------------------------------------------------------------*/
@media screen and (min-width: 40em) {
  .outer-wrap {
    display: flex;
    flex-direction: column;
  }
  .content {
    display: flex;
  }
  .main-area {
    flex: 1 1 auto;
    order: 1;
  }
 
  .hide {
    flex: 0 0 0;
    padding: 0;
    color: hsla(0, 0%, 0%, 0);
    transition: color .2s ease, flex .5s ease .3s, padding .5s ease .3s;
  }
  .hide a {
    color: hsla(0, 0%, 0%, 0);
  }
} /* mq 40em */


/*--------------------------------------------------------------
Base styles that apply to all menu items
--------------------------------------------------------------*/
.menu-section {
  padding-bottom: 2em;
  margin-bottom: 2em;
  border-bottom: 1px solid hsl(0, 0%,15% );
}

.menu ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  background: hsl(0, 0%, 15%);
}

.menu li a {
  display: block;
  text-decoration: none;
  color: white;
  padding: .6em 1em;
}

.menu li a:hover {
  background: hsl(0, 0%, 25%);
}


/* Styles for Single Level Menu */
    @media screen and (max-width: 9em){
      .multi-level-nav ul ul li a {
        padding-left: 2em;
      }

      .dropdown-toggle {
        display: none;
      }
    }

    @media screen and (min-width: 10em){
      .multi-level-nav ul {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
      } 

      .multi-level-nav li {
            flex: 1 0 auto;
        position: relative;
      }

      li.has-children > a {
        padding-right: 0;
      }

      .multi-level-nav ul ul {
        display: none;
        position: absolute;
        z-index:100;
      }

      .multi-level-nav ul ul li {
            flex: 1 1 auto;
      }

      .multi-level-nav ul .toggled-on {
        display: flex;
      }

      .dropdown-toggle {
        margin: 0;
        padding: 0 .5em;
        border: 0;
        font-family: 'FontAwesome';
        content: "";
        text-transform: lowercase; /* Stop screen readers to read the text as capital letters */
        background-color: transparent;
      }

      .dropdown-toggle:after {
        position: relative;
        top: 0;
        left: 0;
        width: 42px;
        color: white;
        content: "\f107";
        line-height: 1em; 
      }

      .dropdown-toggle:hover,
      .dropdown-toggle:focus {
        background: hsl(0, 0%, 25%);
      }

      .dropdown-toggle.toggle-on:after {
        content: "\f106";
      }
    }

    /*--------------------------------------------------------------
    Styles for mixed menu (drop-down + social)
    --------------------------------------------------------------*/
    .nav-mixed {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-around;
      align-items: center;
    }

    img {
      width: 100%;
      height: auto;
    }

    .sub-menu{
        font-size:2vmin;
    }
    
    .category{
        
    }

        /*==================================================
     * Box shadow1
     * ===============================================*/
    .shadow1{-webkit-box-shadow: -1px 0px 14px -6px rgba(0,0,0,0.75);
        -moz-box-shadow: -1px 0px 14px -6px rgba(0,0,0,0.75);
        box-shadow: -1px 0px 14px -6px rgba(0,0,0,0.75);
        border: 0px solid #000000;
    }
    
    .shadow2{
        -webkit-box-shadow: 8px 13px 15px 0px rgba(0,0,0,0.75);
        -moz-box-shadow: 8px 13px 15px 0px rgba(0,0,0,0.75);
        box-shadow: 8px 13px 15px 0px rgba(0,0,0,0.75);
    }
    
    .MPAS-btn{
        background-color: #ffffff;
        height:3.6vh;
        width: 20vw;
        border-radius: 10px 10px 10px 10px;
        -moz-border-radius: 10px 10px 10px 10px;
        -webkit-border-radius: 10px 10px 10px 10px;
        border: 1px solid #000000;
        vertical-align: middle;
        display: table-cell;
        font-size:2vmin;
        cursor:pointer;
        text-align:center;
    }
    

    .spinner {
        position: fixed;
        top: 50%;
        left: 50%;
        margin-left: -50px; /* half width of the spinner gif */
        margin-top: -50px; /* half height of the spinner gif */
        text-align:center;
        z-index:1234;
        overflow: auto;
        width: 100px; /* width of the spinner gif */
        height: 102px; /*hight of the spinner gif +2px to fix IE8 issue */
    }