span.switcher {display: block;position: relative;width:200px;height:50px;border-radius:25px;margin: 2rem 0;}@media ( min-width: 768px) and (max-width: 1024px ) {.menu--navigation-bilingual{width: 165px;}}span.switcher input {appearance: none;border-radius:25px;height:50px;outline:none;position: relative;transition:.25s -.1s;width:200px;}span.switcher input:before, span.switcher input:after {z-index:2;position: absolute;top:50%;transform:translateY(-50%);color:#ffffff;}span.switcher input:before {content: 'ID';font-size: 1.25rem;left: 35px;}span.switcher input:after {content: 'EN';font-size: 1.25rem;right: 35px;}span.switcher label {z-index:1;position: absolute;top: 0;bottom: 0;border-radius:20px;}span.switcher input:checked {background:#1B4D7C;}span.switcher input:checked:before {color: #1B4D7C;transition: color .5s .2s;}span.switcher input:checked:after {transition: color .5s;}span.switcher input+label {border: 1px solid #ffffff;left:0;right:100px;background:#ffffff;color: #1B4D7C;transition: left .5s, right .4s .2s;}span.switcher input:not(:checked) {background:#1B4D7C;transition: background .5s -.1s;}span.switcher input:not(:checked):before {color:#ffffff;transition: color .5s;}span.switcher input:not(:checked):after {color:#1B4D7C;transition: color .5s .2s;}span.switcher input:not(:checked)+label {left:100px;right:0;background:#ffffff;transition: left .4s .2s, right .5s, background .35s -.1s;}.menu--navigation-bilingual{background: transparent;border: 1px solid #fff;border-radius: 35px;display: inline;list-style-type: none;width: 165px;margin-top: 2rem !important;display: flex;padding: 0;margin: auto;}.menu--navigation-bilingual li{float: left;}.menu--navigation-bilingual li a{background: #1B4D7C;border-radius: 35px;box-sizing: border-box;color: #fff;display: inline-block;margin: 0;padding: 1rem 2rem;text-decoration: none;transition:.25s -.1s;}.menu--navigation-bilingual li a.active-language{background: #fff;color: #1B4D7C;padding: 1rem 2rem;transition:.25s -.1s;}