.sliding-menu a{text-decoration: none;} .sliding-menu .form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;} .sliding-menu .form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);} .sliding-menu .input-group{position:relative;display:table;border-collapse:separate;} .sliding-menu .input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0;} .sliding-menu .input-group .form-control:focus{z-index:3;} .sliding-menu .input-group .form-control,.input-group-btn{display:table-cell;} .sliding-menu .input-group-btn{width:1%;white-space:nowrap;vertical-align:middle;} .sliding-menu .input-group .form-control:first-child{border-top-right-radius:0;border-bottom-right-radius:0;} .sliding-menu .input-group .form-control:last-child{border-top-left-radius:0;border-bottom-left-radius:0;} .sliding-menu .input-group-btn{position:relative;font-size:0;white-space:nowrap;} .sliding-menu.muestra-menu { opacity: 1; transform: translateX(0); } .sliding-menu ul.redes-sociales{display:flex;margin:0;padding:0;list-style:none;justify-content:flex-end;} .sliding-menu ul.redes-sociales a{font-size:20px;display:flex;font-weight:100;margin-left:20px;opacity:.85;padding:6px;border-radius:25%;border:solid 1px rgba(25,49,81,.1490196078);} .sliding-menu ul.redes-sociales a:hover{opacity:1;} .sliding-menu{height:100vh;width:50vw;max-width:330px;position:fixed;top:0;left:0;opacity:0;transform:translateX(-100%);transition:all .4s ease-out;z-index:999;background:linear-gradient(217deg, #504f4f 0%, #0e0e0e 100%);padding-top:30px;} .sliding-menu--body{padding:20px;} .sliding-menu--body{padding-top:0;} .sliding-menu a{color:#fff;} .sliding-menu{width:calc(100% - 70px);max-width:360px;max-height:100vh;display:flex;flex-direction:column;justify-content:flex-start;} .sliding-menu--body{display:flex;flex-direction:column;} .sliding-menu--body .main-nav{flex-direction:column;list-style:none;margin-left:0;padding-left:0;margin-left:0;} .sliding-menu--body .main-nav li a{display:block;border-bottom:solid 1px hsla(0,0%,100%,.4);padding-left:0;margin-left:0;padding:.5em 0;font-weight:500;font-size:1.2em;} .sliding-menu--body .main-nav li a:hover{text-decoration:none;border-bottom:solid 1px #fff;} .sliding-menu--footer{margin-top:auto;background-color:rgba(0,0,0,.4);border-top:solid 1px rgba(0,0,0,.2);} .sliding-menu--footer .form-control{border-radius:0;} .sliding-menu--redes{display:flex;align-items:center;color:#fff;line-height:1em;border-bottom:solid 1px hsla(0,0%,100%,.1294117647);padding:7px 15px;} .sliding-menu--redes .txt{font-size:.8em;opacity:.6;} .sliding-menu--otroslinks{display:flex;align-items:center;color:#fff;padding:7px 15px;} .sliding-menu--otroslinks a{font-weight:500;font-size:.9em;margin-right:10px;background-color:rgba(0,0,0,.2);} .sliding-menu--otroslinks a:hover{color:var(--naranja);} .sliding-menu ul.redes-sociales{margin-left:auto;margin-right:0;margin-bottom:15px;} .sliding-menu ul.redes-sociales{margin-bottom:0;justify-content:flex-start;} .sliding-menu ul.redes-sociales a{color:#fff;margin:0;padding:7px;background:rgba(0,0,0,0);} .sliding-menu ul.redes-sociales li:last-child a{padding-right:0;} .sliding-menu .form-control{border:0;border-radius:3px;} .sliding-menu .form-control{border:0;border-radius:3px;} .sliding-menu .input-group{padding:15px;background:rgba(0,0,0,.231372549);border-top:solid 1px #000;} div#close-menu{display:none;} @media screen and (min-width: 770px)and (max-width: 1880px){ div#close-menu{display:block;position:absolute;right:15px;top:15px;z-index:999;} div#close-menu svg{width:25px;height:auto;} }