#flags > a {display:inline-block;height:30px;width:40px;margin-right:10px;opacity:.6}
#flags > a:hover{opacity:1}

#flags > div {display:none}

#flags > a > div{
    width: 40px;
    height: 27px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: left top;

}

/*
#english {
    background: url('data:image/svg+xml;utf8,%3Csvg%20width%3D%221200%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2060%2030%22%20height%3D%22600%22%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22t%22%3E%20%3Cpath%20d%3D%22m30%2C15h30v15zv15h-30zh-30v-15zv-15h30z%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3Cpath%20fill%3D%22%2300247d%22%20d%3D%22m0%2C0v30h60v-30z%22%2F%3E%20%3Cpath%20stroke%3D%22%23fff%22%20stroke-width%3D%226%22%20d%3D%22m0%2C0l60%2C30m0-30l-60%2C30%22%2F%3E%20%3Cpath%20stroke%3D%22%23cf142b%22%20stroke-width%3D%224%22%20d%3D%22m0%2C0l60%2C30m0-30l-60%2C30%22%20clip-path%3D%22url(%23t)%22%2F%3E%20%3Cpath%20stroke%3D%22%23fff%22%20stroke-width%3D%2210%22%20d%3D%22m30%2C0v30m-30-15h60%22%2F%3E%20%3Cpath%20stroke%3D%22%23cf142b%22%20stroke-width%3D%226%22%20d%3D%22m30%2C0v30m-30-15h60%22%2F%3E%20%3C%2Fsvg%3E');
}
.usa {
    background: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201235%20650%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%20%3Cdefs%3E%20%3Cg%20id%3D%22union%22%3E%20%3Cuse%20y%3D%22-.216%22%20xlink%3Ahref%3D%22%23x4%22%2F%3E%20%3Cuse%20xlink%3Ahref%3D%22%23x4%22%2F%3E%20%3Cuse%20y%3D%22.216%22%20xlink%3Ahref%3D%22%23s6%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22x4%22%3E%20%3Cuse%20xlink%3Ahref%3D%22%23s6%22%2F%3E%20%3Cuse%20y%3D%22.054%22%20xlink%3Ahref%3D%22%23s5%22%2F%3E%20%3Cuse%20y%3D%22.108%22%20xlink%3Ahref%3D%22%23s6%22%2F%3E%20%3Cuse%20y%3D%22.162%22%20xlink%3Ahref%3D%22%23s5%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22s5%22%3E%20%3Cuse%20x%3D%22-.252%22%20xlink%3Ahref%3D%22%23star%22%2F%3E%20%3Cuse%20x%3D%22-.126%22%20xlink%3Ahref%3D%22%23star%22%2F%3E%20%3Cuse%20xlink%3Ahref%3D%22%23star%22%2F%3E%20%3Cuse%20x%3D%22.126%22%20xlink%3Ahref%3D%22%23star%22%2F%3E%20%3Cuse%20x%3D%22.252%22%20xlink%3Ahref%3D%22%23star%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22s6%22%3E%20%3Cuse%20x%3D%22-.063%22%20xlink%3Ahref%3D%22%23s5%22%2F%3E%20%3Cuse%20x%3D%22.315%22%20xlink%3Ahref%3D%22%23star%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22star%22%3E%20%3Cuse%20xlink%3Ahref%3D%22%23pt%22%20transform%3D%22matrix(-.80902%20-.58779%20.58779%20-.80902%200%200)%22%2F%3E%20%3Cuse%20xlink%3Ahref%3D%22%23pt%22%20transform%3D%22matrix(.30902%20-.95106%20.95106%20.30902%200%200)%22%2F%3E%20%3Cuse%20xlink%3Ahref%3D%22%23pt%22%2F%3E%20%3Cuse%20xlink%3Ahref%3D%22%23pt%22%20transform%3D%22rotate(72)%22%2F%3E%20%3Cuse%20xlink%3Ahref%3D%22%23pt%22%20transform%3D%22rotate(144)%22%2F%3E%20%3C%2Fg%3E%20%3Cpath%20fill%3D%22%23fff%22%20id%3D%22pt%22%20d%3D%22M-.1625%2C0%200-.5%20.1625%2C0z%22%20transform%3D%22scale(.0616)%22%2F%3E%20%3Cpath%20fill%3D%22%23bf0a30%22%20id%3D%22stripe%22%20d%3D%22m0%2C0h1235v50h-1235z%22%2F%3E%20%3C%2Fdefs%3E%20%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m0%2C0h1235v650h-1235z%22%2F%3E%20%3Cuse%20xlink%3Ahref%3D%22%23stripe%22%2F%3E%20%3Cuse%20y%3D%22100%22%20xlink%3Ahref%3D%22%23stripe%22%2F%3E%20%3Cuse%20y%3D%22200%22%20xlink%3Ahref%3D%22%23stripe%22%2F%3E%20%3Cuse%20y%3D%22300%22%20xlink%3Ahref%3D%22%23stripe%22%2F%3E%20%3Cuse%20y%3D%22400%22%20xlink%3Ahref%3D%22%23stripe%22%2F%3E%20%3Cuse%20y%3D%22500%22%20xlink%3Ahref%3D%22%23stripe%22%2F%3E%20%3Cuse%20y%3D%22600%22%20xlink%3Ahref%3D%22%23stripe%22%2F%3E%20%3Cpath%20fill%3D%22%23002868%22%20d%3D%22m0%2C0h494v350h-494z%22%2F%3E%20%3Cuse%20xlink%3Ahref%3D%22%23union%22%20transform%3D%22matrix(650%200%200%20650%20247%20175)%22%2F%3E%20%3C%2Fsvg%3E');
}
*/
    
#nl {
    background: url('data:image/svg+xml;utf8,%3Csvg%20width%3D%22900%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%22600%22%20viewBox%3D%220%200%209%206%22%3E%3Cpath%20fill%3D%22%2321468b%22%20d%3D%22m0%2C0h9v6h-9z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m0%2C0h9v4h-9z%22%2F%3E%3Cpath%20fill%3D%22%23ae1c28%22%20d%3D%22m0%2C0h9v2h-9z%22%2F%3E%3C%2Fsvg%3E');
}

#de {
    background: url('data:image/svg+xml;utf8,%3Csvg%20width%3D%221000%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%22600%22%20viewBox%3D%220%200%205%203%22%3E%20%3Cpath%20d%3D%22m0%2C0h5v3h-5z%22%2F%3E%20%3Cpath%20fill%3D%22%23d00%22%20d%3D%22m0%2C1h5v2h-5z%22%2F%3E%20%3Cpath%20fill%3D%22%23ffce00%22%20d%3D%22m0%2C2h5v1h-5z%22%2F%3E%20%3C%2Fsvg%3E');
    border-top: 1px solid #444;
}

#fr {
    background: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20900%20600%22%3E%20%3Cpath%20fill%3D%22%23ed2939%22%20d%3D%22m0%2C0h900v600h-900z%22%2F%3E%20%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m0%2C0h600v600h-600z%22%2F%3E%20%3Cpath%20fill%3D%22%23002395%22%20d%3D%22m0%2C0h300v600h-300z%22%2F%3E%20%3C%2Fsvg%3E');
}


#es {
	background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3NTAgNTAwIj4NCjxwYXRoIGZpbGw9IiNjNjBiMWUiIGQ9Im0wLDBoNzUwdjUwMGgtNzUweiIvPg0KPHBhdGggZmlsbD0iI2ZmYzQwMCIgZD0ibTAsMTI1aDc1MHYyNTBoLTc1MHoiLz4NCjwvc3ZnPg0K');
	width: 100%;
	height: 66.666666666667%;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: left top;
}