nav.hamburger ul.menu1 { max-height: 0; overflow: hidden; transition: all 0.3s ease 0s; max-width: 200px; margin: 0 10px 0 auto; text-align: right; }

nav.hamburger ul.menu1 a { padding: 0 0 0 1em; font-weight: bold; line-height: 1.5em; }

nav.hamburger.selected ul.menu1 { max-height: 300px; padding-top: 20px; }

nav.hamburger a.nav { position: absolute; display: block; width: 30px; height: 23px; /* position:absolute; display:block; padding:3px 30px 0 0; right:15px; top:15px; height:22px; overflow:hidden; text-decoration:none; font-size:18px; line-height:18px; label { display:block; cursor:pointer; line-height:22px; overflow:hidden; position:relative; top:-3px; transition: top 0.3s ease 0s; color:black; } &.selected label { top:-24px; }     div.bars { display:block; position:absolute; right:0; top:0; width:25px; height:20px;  div, div:before, div:after {  position:absolute; display:block; width:25px; height:3px; top:10px; background:black; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; } div:before {  content:''; top:-8px; } div:after  {  content:''; top:8px; } } &:hover div.bars { div, div:before, div:after { background:black } } &.selected div.bars { div { background-color:transparent } div:before { transform: translateY(8px) rotateZ(-45deg); -webkit-transform: translateY(8px) rotateZ(-45deg);  } div:after  { transform: translateY(-8px) rotateZ(45deg); -webkit-transform: translateY(-8px) rotateZ(45deg);  } }  */ }

nav.hamburger a.nav div.bars { display: block; position: absolute; width: 30px; }

nav.hamburger a.nav div.bars div { position: absolute; top: 0; width: 30px; height: 3px; background: white; transition: all 0.3s ease 0s; }

nav.hamburger a.nav div.bars div.mid { top: calc((23px - 3px)/2); }

nav.hamburger a.nav div.bars div.bot { top: calc(23px - 3px); }

nav.hamburger a.nav:hover div.bars div { background: yellow; }

nav.hamburger a.nav.selected div.bars div { background-color: yellow; }

nav.hamburger a.nav.selected div.bars div.top { transform: translateY(7.6666666667px) rotateZ(-45deg); }

nav.hamburger a.nav.selected div.bars div.bot { transform: translateY(-7.6666666667px) rotateZ(45deg); }

form.search input[type=text] { border: 0; background: #ccc; }

form.search button { border: 0; padding: 0; cursor: pointer; font-size: 100%; background: none; }

div.slides { width: 100%; height: 300px; position: relative; }

div.bgslideshow { position: relative; width: 100%; margin: 0; }

div.bgslideshow div.slide { position: absolute; left: 0; top: 0; z-index: 8; width: 100%; height: 300px; background-size: cover; background-position: center center; display: none; }

div.bgslideshow div.slide.bovenop { z-index: 10; }

div.bgslideshow div.slide.erachter { z-index: 9; }

div.bgslideshow div.slide div.caption { width: 100%; height: 100%; text-align: center; display: flex; justify-content: center; align-items: center; }

div.bgslideshow div.slide div.caption h3 { color: white; font: 38px Portada; font-style: italic; margin: 0; }

div.bgslideshow_bullets { z-index: 11; position: absolute; bottom: 10px; width: 100%; text-align: center; }

div.bgslideshow_bullets a { display: inline-block; margin: 0 7px 0 0; width: 10px; height: 10px; background: white; border-radius: 5px; box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.4); }

div.bgslideshow_bullets a.active { background: black; }

div.bgslideshow_bullets a:hover { background: black; }

/*# sourceMappingURL=webparts.css.map */