header > nav {

  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  z-index: 999;
  font-family: 'Cera Pro'; font-weight: 100; font-style: normal;
  background: rgba(251,137,56,1);
  background: -moz-linear-gradient(left, rgba(251,137,56,1) 0%, rgba(11,138,110,1) 50%, rgba(125,83,139,1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(251,137,56,1)), color-stop(50%, rgba(11,138,110,1)), color-stop(100%, rgba(125,83,139,1)));
  background: -webkit-linear-gradient(left, rgba(251,137,56,1) 0%, rgba(11,138,110,1) 50%, rgba(125,83,139,1) 100%);
  background: -o-linear-gradient(left, rgba(251,137,56,1) 0%, rgba(11,138,110,1) 50%, rgba(125,83,139,1) 100%);
  background: -ms-linear-gradient(left, rgba(251,137,56,1) 0%, rgba(11,138,110,1) 50%, rgba(125,83,139,1) 100%);
  background: linear-gradient(to right, rgba(251,137,56,1) 0%, rgba(11,138,110,1) 50%, rgba(125,83,139,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb8938', endColorstr='#7d538b', GradientType=1 );
}
header > nav > ul {
  width:100%;
  list-style-type: none;
  padding: 0;
  margin: 0;
  position: absolute;
  left: 50%;
  top: 170px;
  transition: all 0.3s ease-in-out;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  margin-left:50px;

}
header > nav > ul > li {
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
  opacity: 0;
}
header > nav > ul > li > a {
  display: block;
  font-size: 2.9vw;
  text-decoration: none;
  padding: 1.2vh 0;
  text-align: left;
  color: #fff;
  transition: all 0.2s ease-in-out;
}


header > nav > ul > li > a:hover {
  color: #000;
}

header > nav > ul > li.salones {color:#fff; font-weight: 400; }
header > nav > ul > li.salones > a {display: inline; font-size:1.2vw; font-weight: 400; padding:0 0.5vw;}
header > nav > ul > li.salones > a:first-child {padding:0 0.5vw 0 0;}

ul.social-nav {margin-top:20px;}
ul.social-nav > li {float:left; margin-right:5px; text-align: left;}
ul.social-nav > li > a > img{width:7vh;}


ul.social-nav-top {top: 8vh; position: fixed; margin-left: 7vh;; z-index: 100;}
ul.social-nav-top> li {float:left; margin-right:5px; text-align: left;}
ul.social-nav-top > li > a > img{width:4vh;}

.selected > a{color:#000; font-weight: 500;}
.selected-line{height:0.5vh; margin-top:4vh; margin-right:1vw; width:3.2vw; background:#000; float:left;}
.padding-left-nav {padding-left:4.2vw;}

.toggle-btn {
  display: block;
  position: fixed;
  z-index: 9999;
  right: 10vh;
  top: 7vh;
  cursor: pointer;
  background-color: #cccccc;
  height:7vh; width: 7vh;
  padding-top:1.7vh;
  border-radius: 7vh;
}
.toggle-btn .bar {
  width: 2vw;
  height: 0.44vh;
  margin: 0.55vh auto;
  background-color: #fff;
  transition: all 0.3s ease-in-out;


}
.toggle-btn .bar:nth-child(2) {
  width: 2vw;
  height: 0.4vh;
}

#toggle:checked ~ nav {
  opacity: 1;
  visibility: visible;
}
#toggle:checked ~ nav ul {
  top: 10vh;
}
#toggle:checked ~ nav ul li {
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  opacity: 1;
}
#toggle:checked ~ nav ul li:nth-child(1) {
  transition: all 0.3s cubic-bezier(0.6, 0, 0.8, 1.5) 0.1s;
}
#toggle:checked ~ nav ul li:nth-child(2) {
  transition: all 0.3s cubic-bezier(0.6, 0, 0.8, 1.5) 0.2s;
}
#toggle:checked ~ nav ul li:nth-child(3) {
  transition: all 0.3s cubic-bezier(0.6, 0, 0.8, 1.5) 0.3s;
}
#toggle:checked ~ nav ul li:nth-child(4) {
  transition: all 0.3s cubic-bezier(0.6, 0, 0.8, 1.5) 0.4s;
}
#toggle:checked ~ nav ul li:nth-child(5) {
  transition: all 0.3s cubic-bezier(0.6, 0, 0.8, 1.5) 0.6s;
}
#toggle:checked ~ nav ul li:nth-child(6) {
  transition: all 0.3s cubic-bezier(0.6, 0, 0.8, 1.5) 0.7s;
}
#toggle:checked ~ nav ul li:nth-child(7) {
  transition: all 0.3s cubic-bezier(0.6, 0, 0.8, 1.5) 0.8s;
}
#toggle:checked + label.toggle-btn .bar {
  background-color: #000;
}
#toggle:checked + label.toggle-btn .bar:nth-child(2) {
  -webkit-transform: translateX(50px);
          transform: translateX(50px);
  opacity: 0;
}
#toggle:checked + label.toggle-btn .bar:nth-child(1) {
  -webkit-transform: translateY(8px) rotate(45deg);
          transform: translateY(8px) rotate(45deg);
}
#toggle:checked + label.toggle-btn .bar:nth-child(3) {
  -webkit-transform: translateY(-6px) rotate(-45deg);
          transform: translateY(-8px) rotate(-45deg);
}


@media (max-width: 1000px){
header > nav > ul > li.salones {color:#fff; font-weight: 400; }
header > nav > ul > li.salones > span {display:none;}
header > nav > ul > li.salones > a {display: block; font-size:15px!important; font-weight: 400; padding:0 10px 0 0!important;}
header > nav > ul > li {
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
  opacity: 0;
  width: 250px!important;
}
}