.select-lang-nav {
  display: inline;
}

.select-lang-nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  display: inline-block;
}

.select-lang-nav li {
  cursor: pointer;
  padding-bottom: 10px;
    color: #fefefe;
    padding: .375rem .75rem;
}

.select-lang-nav li ul {
  display: none;
}

.select-lang-nav li:hover ul {
  position: absolute;
  top: 29px;
  right: -15px;
  display: block;
  background: #fff;
  width: 150px;
  padding-top: 0px;
  z-index: 1;
  border-radius: 5px;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
}

.select-lang-nav li:hover .triangle {
  position: absolute;
  top: 15px;
  right: -10px;
  z-index: 10;
  height: 14px;
  overflow: hidden;
  width: 30px;
  background: transparent;
}

.select-lang-nav li:hover .triangle:after {
  content: '';
  display: block;
  z-index: 20;
  width: 15px;
  transform: rotate(45deg) transelect-langateY(0px) transelect-langatex(10px);
  height: 15px;
  /* background: #fff;*/
  border-radius: 2px 0px 0px 0px;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
}

.select-lang-nav li ul li {
  position: relative;
  text-align: left;
  background: transparent;
  padding: 15px 15px;
  padding-bottom: 0;
  z-index: 2;
  font-size: 15px;
  color: #3c3c3c;
}

.select-lang-nav li ul li:last-of-type {
  padding-bottom: 15px;
}

.select-lang-nav li ul li span {
  padding-left: 5px;
}

.select-lang-nav li ul li span:hover, .select-lang-nav li ul li span.active {
    color: #146c78;
    text-decoration: underline;
}

.select-lang-flag {
  display: inline-block;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
  width: 25px;
  height: 25px;
  background: #aaa;
  border-radius: 50%;
  position: relative;
  top: 2px;
  overflow: hidden;
}

.select-lang-flag-small {
  display: inline-block;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
  width: 16px;
  height: 16px;
  background: #aaa;
  border-radius: 50%;
  position: relative;
  top: 2px;
  overflow: hidden;
}

.flag-canada{
    background-size: cover;
    background-position: center center;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAACmAAAApgHdff84AAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAIdQTFRF////2UBZ8/Pz4R5E44qY8fHx4VZt4E1n8fHx3kJe42J58fHx4l934F9230Nf3kJe3jZV7+/v3SdI2hU58PDw2gwy2g8z2AAn2AUr2Qsw3S1N3TJR3TRS3jpY30Je4FBq4mF443CF5HSI5YWW6rC67c7U7dPY7tjc7tnd8Ozt8O3u8O/v8PDwvzsnZwAAABd0Uk5TABQWIiVLZWp/m6KytrfHyNDm7vr6/P1bNZW3AAAAsklEQVQokXWS1w6DMAxFzV4dbLNb9vz/72spJESU3BdLPvI2wCZR0S3HsXRFBFbC3V92+Tfh8GtetlBlnkb8JiILEM3Nr0ZnEKmrXwrwDDCQvuCJ/wAfAHJ8BWIZDKSgbSlAA2wC5iHPh5kAG1wakSKmNMKFcAddUSFWRbeDkIDx9bP4GgkgqaZ6tfVEU9HizTtJ3s1RnGm3LNl2mQH7nh2QuxL+Erlr5x+Kf1r+M1y9zwfCAzgFhcDGjgAAAABJRU5ErkJggg==');
}

.flag-canada-16{
    background-size: cover;
    background-position: center center;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAACmAAAApgHdff84AAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAIdQTFRF////2UBZ8/Pz4R5E44qY8fHx4VZt4E1n8fHx3kJe42J58fHx4l934F9230Nf3kJe3jZV7+/v3SdI2hU58PDw2gwy2g8z2AAn2AUr2Qsw3S1N3TJR3TRS3jpY30Je4FBq4mF443CF5HSI5YWW6rC67c7U7dPY7tjc7tnd8Ozt8O3u8O/v8PDwvzsnZwAAABd0Uk5TABQWIiVLZWp/m6KytrfHyNDm7vr6/P1bNZW3AAAAsklEQVQokXWS1w6DMAxFzV4dbLNb9vz/72spJESU3BdLPvI2wCZR0S3HsXRFBFbC3V92+Tfh8GtetlBlnkb8JiILEM3Nr0ZnEKmrXwrwDDCQvuCJ/wAfAHJ8BWIZDKSgbSlAA2wC5iHPh5kAG1wakSKmNMKFcAddUSFWRbeDkIDx9bP4GgkgqaZ6tfVEU9HizTtJ3s1RnGm3LNl2mQH7nh2QuxL+Erlr5x+Kf1r+M1y9zwfCAzgFhcDGjgAAAABJRU5ErkJggg==')url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAABvAAAAbwHxotxDAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAFpQTFRF/////0BA2yRJ6cLI53qN7+/v7+/v3kRh3jtZ4EZi30Zi7+/v3TdV3ClJ5HKG2hA02AAn2AMp2hE13CdH30hk43CF5oiZ5oma6aiz6rC67dPY7uHj7+Lk8PDwTbYHgAAAABB0Uk5TAAQHLkGAs7vBxcbm6e77/b+UatsAAABzSURBVBhXZc/XDoAgDAXQOhAHSq0b9P9/U2k1GrlvPUkXwJVMFU1TqAwkqe4OTqfTUCcGJ4EJTXJBiS9gCZD3X+hzqJHBewasoGVw4+gYWrAB9plo3gNYgZUQaRWQlmUYlrvlHrptz9BobXRYfHr03O/9E7FnEFfkMt5mAAAAAElFTkSuQmCC');
}

.flag-usa {
    background-size: cover;
    background-position: center center;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAACmAAAApgHdff84AAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAU1QTFRF////////21ttUIDP31Bg8/Pz3zVVLm2/6ZKgjrHV42yCZZXP7+/v4Obw6rO/8fHxydjn7r/I4md+WIvJ4VNs8fHx8fHx4FRu4Ehk5XyPQ3/FbJrQ8fHxVYrJ4FBrTobH30Fe3kFePHnD3S9OwtHk6aq25YKU7+/vOHfC422C3S9OKGy+30lj3CJEFGC68PDwD1y4UojJ2g4y2hI2Bla2AFK0AlO0Bla2CFe2CVi2Clm3DFq3Dlu3EF24EV24El64E165FF+5GGK6GmO7G2S7H2a8IWi8JGq9MnPANnXBOHfCQn3ERH/FRX/FR4DGToXIUIfIUYfIUojIVYrJZpXNfqXUgKbUgqjUjK7Xj7DYkbHYmLbarcTfsMbguMvixtTlx9Xmztro2AAn2AQq2Qov2Qsw2Qwx2x0/3jtZ4mF45o6e6rS+7dLX7+/w8PDwndbTMAAAADV0Uk5TAAUOEBAWGBwjJC0wMDI8S1VYWWNman+LlJSZnLK9v8DIyczV2Nzj5ufn6+7v8Pr6/f39/f4pI8RtAAABBElEQVQYGW3BaTsCUQAG0BeVJFmbQsiSlGWQN4UioyxZsi9Zr2Tt/v+PemrMhDkHuraBsen5cEDptKNRy1Ame6FRVqlKEwwdE5n4dWWPHzWTfdANLhyT+3mNou65HzW9y5sayR1S6F56UNU6l7u9206ePx3x7cdMM4ARslgkz+7XKQ0K0L5GplLkanKF0qDa0ZVLpAqn6UT2UuOXqRvKTTz98LgRv6rsUpjGMXVIFk7Ig/wWhWkWSzQJ0yLC0lIYAWkpAEVaUuB7teSDsywslJ3AqLAQBOAIff4TcqDKrco/VDdqvKr8RfVC54m8N4h4YLANl4SuNGxDI5c/GI3FokG/C3XfZC+dkT0jZR4AAAAASUVORK5CYII=');
}

.flag-usa-16 {
    background-size: cover;
    background-position: center center;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAABvAAAAbwHxotxDAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAO1QTFRF////////gID//4CAVaqq1StV8vLy5oSUgKfX54CPeKLVxNLk7+/v6Km17NLY5Yma5IOW4Wh+b5rP7+/v8PDwRH/E4VVvwdHk30diQXzDTobH30Vh7+/vOXjC3S9O2yRF8PDw6rO94ENfDly32g4z2hM2CFe2E165AFK0A1O0A1S1BFS1BVW1B1W0B1e2CFe2Clm3D1y4E165HWW7Imi8Km6/LXC/MnPANHTBOnjDPXrDRX/FR4DGU4nJWIzKX5HMcZzQiazWja/XpL7drcTfu83j2AAn2AMp2hY53CxM3jtZ6rS+68PK7tnd8PDwEgf/FQAAACh0Uk5TAAECAgMGJj5AQEJ9gIaIk5akr7O1u7y+xcnh5Obn6/D2+Pz9/f3+/oILr0kAAACeSURBVBgZVcGJEoFQAAXQmyU7URKSnUcR2fe9EP3/50hvxugcfMWLlabMJ1lQgUR3d9Vt265nwnCFSgsymRHzqxwEkJ+fx6vT4OHJAtHh9EiWB+J4aixyo/FGN7bam0qjYKxv+v7SM6kqOn1NJZpKTKoF2fGRwTs+PMS7j4iYZf6xYkDq9ScFgBGcH4GBi+EaT0+DY0BFJKXdVqQIXB83AzEVPyHCXgAAAABJRU5ErkJggg==');
}

.flag-mx{
    background-size: cover;
    background-position: center center;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAACmAAAApgHdff84AAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAIFQTFRF////cq4A/0pXc68A/0pVdK8A/0tUc68A/0tVc68A/0tVc68A/0tVc68Al8zHl8zJmZaJmailmm51m1Rio2RxpHV+p8izq+C4t5+bx6qNzrS5zuOr1ujN1+jM29+v3OfB4Oi24d3T4+vM5djb5uvF5+7Y8PDW8/Hv9PX09fX1/0tVtGyMMwAAAA10Uk5TACYmXV2jo9nZ9vb+/pqxxH8AAACCSURBVCiRrdI5FoIADATQAdkE4oYg4IILouT+B7SQAnyTSlLmF3lJBoDjh4lIP5RqGgUuACyWIjIGVY09wPn2p6CxC18YaICQQ4SEQwrhoH/B+1U/KNyrPGPwPJa7/Y3A9VBsthcC7Xm9OrVsRtc03Ux7/IB5RPPs5qPM15phsOLzAV2xQZvDnsCxAAAAAElFTkSuQmCC');
}

.flag-mx-16{
    background-size: cover;
    background-position: center center;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAABvAAAAbwHxotxDAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAE5QTFRF////crAA/0xW4erP+amuc68A/0pVc68A/0tVc68AkaagndPCp3uEvZWZwZ2kxLqpyt7B1OC+2OrG5dzK6u/e7ujp7vDh9fX09fX1/0tVE1ib3AAAAAl0Uk5TAEpKxsbKyvn5DnGC2QAAAFRJREFUGFd9z0cOgDAMRNFJIMXU0IJ9/4uyQsJYsH2L0XzAhUQNM3MrOXrAEdENIuIRNEQkDRmkQb7g3KZDwT4Po4K17xYFtZT6P/oAc8xcN3Hv/Av/yg82aqMvygAAAABJRU5ErkJggg==');
}