#menu-container #main-menu ul li a.active,
#menu-container #sub-menu #secondary-menu ul li a.active,
#menu-container #sub-menu #secondary-menu ul li a:hover,

.hamburger-svg{
  background-color: #FAFF3C;
}

#logo {
  z-index       : 100;
  position      : fixed;
  top           : 48.5vh;
  left          : 2.7vw;
  width         : 59.14286%;
  padding-right : 16px;
}

#logo a {
  width      : 100%;
  height     : 90px;
  text-align : left;
}

#logo.#151932-logo a {
  background : url(../img/logo.svg) 0 0/contain no-repeat;
}

#logo.#151932-logo a {
  background : url(../img/logo.svg) 0 0/contain no-repeat;
}

#menu-button {
  z-index  : 110;
  position : fixed;
  top      : 48vh;
  right    : 30px;
  width    : 40px;
  height   : 18px;

}
.circulo{
  z-index  : 110;
  position : fixed;
  top      : 45vh;
  right    : 0%;


}
#menu-button:hover {
  cursor : pointer;
  cursor : hand;
}

#menu-button .hamburger-svg {
  float : left;
}

#menu-button #hamburger-bottom-svg {
  position : relative;
  top      : 6px;
}

#menu-button.burger-#151932 .hamburger-svg {
  fill : #fff;
      background-color:#FAFF3C;

}

#menu-container #main-menu ul li a p {
  font-size: 19px;
  padding-left: 50px;
}
@media
  screen
  and (max-width : 64em) {
  .hide {
    visibility : visible;
  }

  #logo.#151932-logo a {
    background : url(../img/logo.svg)contain no-repeat;
		width: 150px;
  }

  #menu-button.burger-#151932 .hamburger-svg {
    fill : #FAFF3C;
  }
}
.hamburger-svg{
    fill : #FAFF3C;
}

#menu-button.burger-active .hamburger-svg,
#menu-button.burger-#FAFF3C .hamburger-svg {
  fill :#151932;
}
.letrasmenu p{
  color:#FAFF3C;
}
#menu-button.letrasmenu .letrasmenu p,
#menu-button.letrasmenu-#FAFF3C .letrasmenu p {
  fill :#151932;
}

#menu-container {
  z-index  : -1;
  position : fixed;
  top      : 0;
  width    : 100%;
  height   : 100%;

}

#menu-container #menu-dark-bg {
  visibility       : hidden;
  position         : absolute;
  width            : 100%;
  height           : 100%;
  opacity          : 0;
  background-color : #151932;
}

#menu-container #menu-slash-bg {
  position                 : absolute;
  top                      : 0;
  left                     : 130vw;
  width                    : 100%;
  height                   : 100%;
  overflow                 : hidden;
  background-color         : #fff;
  -ms-transform            : skewX(20deg);
  -webkit-transform        : skewX(20deg);
  transform                : skewX(20deg);
  -ms-transform-origin     : 0 0;
  -webkit-transform-origin : 0 0;
  transform-origin         : 0 0;
    background-color:#FAFF3C;

}

#menu-container #menus {
  position : relative;
  top      : 32.2vh;
}

#menu-container #main-menu {
  z-index  : 50;
  display  : inline-block;
  position : relative;
  height   : 100%;

  float    : left;
}

#menu-container #main-menu ul {
  position        : relative;
  margin          : 0;
  padding         : 0;
  list-style-type : none;
      color: #151932;

}
.fuente{
  font-family : "Raleway";
  color: #151932;

}

#menu-container #main-menu ul li {
  position    : relative;
  margin      : 0;
  font-family: "Lemon/Milk light Regular";

}

#menu-container #main-menu ul li a {
  display            : inline-block;
  position           : relative;
/* espaciado dentro del menu*/

  padding            : 0 30px 0 72px;
    color: #151932;
  background         : 0 0;
  -webkit-box-shadow : inset 0 0 0 0 #151932;
  box-shadow         : inset 0 0 0 0 ;
  text-decoration    : none;
  font-size          : 33px;
  line-height        : 146%;
  -webkit-transition : all ease .1s;
  transition         : all ease .3s;
}

#menu-container #main-menu ul li a.active:hover {
    color: #151932;
  -webkit-box-shadow : none;
  box-shadow         : none;
}

@media
  screen
  and (max-width : 34em) {
  #menu-container #main-menu ul li a {
    font-size : 20px;
  }
}

#hamburger-top-svg{
  background-color: #FAFF3C;
}

#menu-container #main-menu ul li a span {
  display   : inline-block;
  position  : relative;
  transform : skewX(-20deg);
}
#sub-menu a {
      color: #151932;
}
#sub-menu h3{
      color: #151932;
}
.address p, a{
  color: #151932;
}
#sub-menu p {
      color: #151932;
}
#menu-container #social-icons,
#menu-container #sub-menu {
      color: #151932;
  -ms-transform     : skewX(-20deg);
  -webkit-transform : skewX(-20deg);
}

#menu-container #main-menu ul li a:hover {
    color: #FAFF3C;
  -webkit-box-shadow : inset 600px 0 0 0 #151932;
  box-shadow         : inset 600px 0 0 0 #151932;
}

#menu-container #sub-menu {
  z-index   : 20;
  position  : relative;
  left      : 63px;
      color: #151932;
  transform : skewX(-20deg);
}

@media
  screen
  and (max-width : 89.9375em) {
  #menu-container #menus {
    top : 20vh;
  }

  #menu-container #sub-menu {
    left : 65px;
  }
}

@media
  screen
  and (max-width : 64em) {
  #menu-container #sub-menu {
    top  : 316px;
    left : -315px;
  }

  #menu-container #sub-menu #secondary-menu {
    -ms-transform     : skewX(20deg);
    -webkit-transform : skewX(20deg);
    transform         : skewX(20deg);
  }
}

@media
  screen
  and (max-width : 47.9375em) {
  #menu-container {
    width       :120%;
    margin-left : -90px;
  }

  #menu-container #menus {
    top :19vh;
  }

  #menu-container #main-menu ul li a {
		padding-left: 20px;
    font-size :24px;
  }
  #menu-container #main-menu ul li a p {
    font-size :18px;
    padding-left: 30px;
  }
  #menu-container #sub-menu {
    top  : 500px;
    left : -260px;
    display: none;
  }
}

#menu-container #sub-menu h3 {
  color       : #1a1a1a;
  font-family : "Raleway";
  font-size   : 14px;
}

#menu-container #sub-menu #secondary-menu-container {
  float : left;
}

#menu-container #sub-menu #secondary-menu ul {
  padding         : 0;
  list-style-type : none;
}

#menu-container #sub-menu #secondary-menu ul li a {
  color           : #000;
  text-decoration : none;
  font-family     : "Raleway Semibold";
  font-size       : 30px;
  line-height     : 48px;
}

@media
  screen
  and (max-width : 47.9375em) {
  #menu-container #sub-menu #secondary-menu ul li a {
    font-size   : 24px;
    line-height : 10px;
  }
}

#menu-container #sub-menu #contact-info a,
#menu-container #sub-menu #contact-info p,
#menu-container #sub-menu #contact-info span,
#menu-container #sub-menu #office-address a,
#menu-container #sub-menu #office-address p,
#menu-container #sub-menu #office-address span {
  color       : #1a1a1a;
  font-family : "Raleway";
  font-size   : 9px;
}

#menu-container #sub-menu #contact-info-container {
  display  : inline-block;
  position : relative;
  top      : 0px;
  left     : 94px;
}

@media
  screen
  and (max-width : 64em) {
  #menu-container #sub-menu #secondary-menu ul li {
    -ms-transform     : skewX(-20deg);
    -webkit-transform : skewX(-20deg);
    transform         : skewX(-20deg);
  }

  #menu-container #sub-menu #contact-info-container {
    display : none;
  }
}

#menu-container #sub-menu #contact-info {
  margin  : 0;
  padding : 0;
}

#menu-container #sub-menu #contact-info .email {
  display         : inline-block;
  padding-bottom  : 17px;
  text-decoration : underline;
}

#menu-container #sub-menu #office-address {
  display     : inline-block;
  position    : relative;
  top         : 77px;
  line-height : 10px;
}

#menu-container #sub-menu #office-address h3 {
  padding-bottom : 1px;
}

#menu-container #social-icons {
  z-index     : 300;
  display     : inline-block;
  position    : absolute;
  left        : 458px;
  padding-top : 75px;
  transform   : skewX(-20deg);
}

@media
  screen
  and (max-width : 89.9375em) {
  #menu-container #sub-menu #secondary-menu-container {
    float : none;
  }

  #menu-container #sub-menu #contact-info-container {
    left : 0;
  }

  #menu-container #sub-menu #office-address {
    top : 10px;
  }

  #menu-container #social-icons {
    left        : 380px;
    padding-top : 100px;
  }
}

@media
  screen
  and (max-width : 64em) {
  #menu-container #social-icons {
    top         : 460px;
    left        : 65px;
    margin-top  : 0;
    padding-top : 0;
  }
}

@media
  screen
  and (max-width : 47.9375em) {
  #menu-container #social-icons {
    top  : 370px;
    left : 36px;
  }
}

#menu-container #social-icons ul.social-share-buttons {
  display         : inline-block;
  padding         : 0;
  list-style-type : none;
}

#menu-container #social-icons ul.social-share-buttons li {
  width  : auto;
  float  : left;
  margin : -5px 20px 0 -1px;
}

#menu-container #social-icons ul.social-share-buttons li a {
  display         : block;
  width           : 28px;
  height          : 28px;
  background-size : contain;
  text-align      : left;
  text-decoration : none;
  text-indent     : -99999px;
}


@media
  only screen
  and (max-width : 1024px) {
  body.dark #logo-container:before,
  body.light #logo-container:before {
    background : #fff;
  }

  body.gray #logo-container:before {
    background : #eee;
  }

  body.homepage #logo-container:before {
    background : #fff;
  }

  #logo-container:before {
    z-index    : 4;
    content    : ' ';
    display    : block;
    position   : fixed;
    top        : 0;
    width      : 100%;
    height     : 50px;
    background : #1a1a1a;
  }

  #logo {
    padding-right : 0;
  }

  #logo,
  #logo-#151932,
  #logo-#151932 {
    z-index : 9999;
    top     : 20px;
    width   : 60px;
    height  : 14px;
  }

  #menu-button {
    top    : 20px;
    width  : 20px;
    height : 9px;

  }

  #menu-button #hamburger-bottom-svg {
    top : 3px;
        background-color:#FAFF3C;
  }

  #menu-button.active #hamburger-bottom-svg {
    top : 9px;
        background-color:#FAFF3C;
  }
}