.header,.header .logo,.header .logo img{position:relative}body{font-family:Raleway,sans-serif;height:100vh}*{margin:0;padding:0}a{text-decoration:none;color:inherit}.header{width:100%;top:0;left:0;color:#fff;display:grid;grid-template-columns:170px auto;grid-column-gap:20px;background-color:#8a9cb7}.header .logo{padding:20px 30px 20px 20px;width:130px}.header .logo:before{content:'';top:0;width:100%;height:100%;left:0;position:absolute;background-color:#fff;border-radius:0 50px 50px 0;border-right:5px solid #95c11f}@media only screen and (max-width:600px){.container>div{display:grid;grid-template-rows:1fr 90px}.header{display:block;grid-row:2}.header .logo{display:none}}.header .sub-menu{width:100%;padding:5px 0}.header .sub-menu .item{display:inline-block;padding:7px 20px;border-right:1px solid #95c11f;text-align:center}.header .sub-menu .item:last-child{border-right:0}.header .sub-menu .item a{color:#fff;font-weight:700;font-size:15px}.header .sub-menu .item img{width:30px;position:relative;display:block;text-align:center;margin:0 auto;padding:10px}@media only screen and (max-width:600px){.header .sub-menu{display:grid;grid-template-columns:repeat(4,1fr);align-items:self-end}.header .sub-menu .item{padding:5px}.header .sub-menu .item a{font-size:10px;font-weight:400}}@media only screen and (max-width:600px) and (max-width:600px){.header .sub-menu .item{padding:2px}}@media only screen and (max-width:600px) and (max-width:340px){.header .sub-menu .item a{display:none}}.main-container{height:calc(100vh - 120px);position:relative;overflow:hidden}.search-station,.search-station:before{background-color:#f48043;position:absolute;border-radius:7px}@media only screen and (max-width:600px){.main-container{height:calc(100vh - 90px)}}@media only screen and (max-width:340px){.container>div{grid-template-rows:1fr 65px}.main-container{height:calc(100vh - 65px)}}.search-station{padding:10px 15px;color:#fff;top:30px;left:50%;transform:translateX(-50%);z-index:2}@media only screen and (max-width:600px){.search-station{width:205px;top:initial;bottom:30px}}.search-station:before{content:'';top:0;left:0;bottom:0;z-index:1;right:0;animation:pulse 2s infinite}.search-station button,.search-station input{background-color:transparent;position:relative;outline:0}.search-station input{border:0;border-bottom:1px solid #fff;z-index:2;color:#fff}.search-station input:-ms-input-placeholder{color:#fff;opacity:1;transition:all .3s ease}.search-station input::placeholder{color:#fff;opacity:1;transition:all .3s ease}.more-info-card,.more-info-card .show-btn img,.results-wrapper,.results-wrapper .show-btn img{transition:transform .3s cubic-bezier(.48,.01,.44,.99)}.search-station input:focus :-ms-input-placeholder{transform:translateX(-100px);opacity:0}.search-station input:focus ::placeholder{transform:translateX(-100px);opacity:0}.search-station button{width:30px;height:20px;border:0;cursor:pointer;vertical-align:middle;z-index:2}.more-info-card,.show-btn{position:absolute;top:50%}.search-station button img{object-fit:contain;width:100%;height:100%}@keyframes pulse{0%{transform:scale(1);opacity:1}100%{transform:scale(1.5);opacity:0}}.show-btn{background-color:#8a9cb7;width:30px;height:50px;cursor:pointer;transform:translate(0,-50%)}.show-btn img{width:70%;display:block;margin:0 auto;height:100%}.more-info-card{z-index:2;transform:translateY(-50%);left:0;background-color:#fff;border-radius:0 10px 10px 0}.more-info-card.show-myMenu{transform:translate(-100%,-50%)}.more-info-card.show-myMenu .show-btn img{transform:rotate(0)}.more-info-card h4{background-color:#8a9cb7;padding:5px 10px;color:#fff;font-size:14px}.more-info-card h4:nth-child(2){border-radius:0 10px 0 0}.more-info-card .show-btn{border-radius:0 50% 50% 0;right:-30px}.more-info-card .show-btn img{transform:rotate(180deg)}.more-info-card .checkbox{padding:5px 10px;color:#95c11f;display:grid;grid-template-columns:repeat(2,1fr)}.more-info-card .checkbox input,.more-info-card .checkbox label{display:inline-block}.more-info-card .checkbox label{align-self:center;font-size:13px}.more-info-card .checkbox input{align-self:center;justify-self:right}.map-wrapper{position:relative;z-index:1;height:100%}ng-map{height:100%!important}.results-wrapper{position:absolute;right:0;top:50%;z-index:2;transform:translate(100%,-50%);width:300px;background-color:#fff;border-radius:10px 0 0 10px}@media only screen and (max-width:340px){.results-wrapper{width:250px}.results-wrapper .categories p{font-size:12px}}.results-wrapper .categorias{display:grid;grid-template-columns:repeat(3,1fr);width:100%;background-color:#fff;color:var(--main-color);overflow:hidden;border-radius:10px 0 0}.results-wrapper .categorias p{display:inline-block;text-align:center;padding:10px;cursor:pointer;font-size:14px;color:#8a9cb7}.results-wrapper .categorias p.active{background-color:#8a9cb7;color:#fff}.results-wrapper.show-myMenu{transform:translate(0,-50%)}.results-wrapper.show-myMenu .show-btn img{transform:rotate(360deg)}.results-wrapper .show-btn{border-radius:50% 0 0 50%;left:-30px}.results-wrapper .show-btn img{transform:rotate(180deg)}.results-wrapper img{width:80%;margin:0 auto}.results-wrapper .cargadores-wrapper{max-height:400px;overflow:hidden;overflow-y:scroll}.results-wrapper .cargadores-wrapper .cargador{display:grid;grid-template-columns:10% 80% 10%;align-items:center;padding:10px 15px;border-bottom:1px solid #8a9cb7;cursor:pointer}.results-wrapper .cargadores-wrapper .cargador:last-child{border-bottom:0}.results-wrapper .cargadores-wrapper .cargador .charger-info{grid-column:1/4;padding:10px 0}.results-wrapper .cargadores-wrapper .cargador .charger-info p{padding:0}.results-wrapper .cargadores-wrapper::-webkit-scrollbar{width:5px}.results-wrapper .cargadores-wrapper::-webkit-scrollbar-track{width:5px;background-color:transparent}.results-wrapper .cargadores-wrapper::-webkit-scrollbar-thumb{background-color:#8a9cb7;border-radius:5px}.results-wrapper .filtros{padding:10px;text-align:right;background-color:#8a9cb7;color:#fff}.results-wrapper .filtros p,.results-wrapper .filtros select{display:inline-block;padding:0;font-size:13px}.results-wrapper .filtros select{background-color:transparent;color:#fff;border:0;outline:0;border-bottom:1px solid #fff}.results-wrapper .filtros select option,.results-wrapper .filtros select:focus{color:#000}.results-wrapper p{padding:10px;font-size:13px}.custom-marker.my1{font-size:1.5em;padding:10px;background:#fff;border-radius:4px;border:1px solid #7F7F7F}.custom-marker.my1:after,.custom-marker.my1:before{content:'';position:absolute;border-style:solid;border-width:7px 6px 0;display:block;width:0;margin-left:-6px;left:50%}.custom-marker.my1:after{border-color:#fff transparent;z-index:1;bottom:-6px}.custom-marker.my1:before{border-color:#7F7F7F transparent;z-index:0;bottom:-7px}.custom-marker.my2{font-size:1.5em;padding:10px;border-radius:4px;border:1px solid #7F7F7F;background:red}.custom-marker.my2:after,.custom-marker.my2:before{content:'';position:absolute;border-style:solid;border-width:7px 6px 0;display:block;width:0;margin-left:-6px;left:50%}.custom-marker.my2:after{border-color:red transparent;z-index:1;bottom:-6px}.custom-marker.my2:before{border-color:#7F7F7F transparent;z-index:0;bottom:-7px}