.language-selector.list-style-changer {
    display: inline-flex;
    padding-left: 7.5px;
    position: relative;
    align-items: center;
    justify-content: center;
}

.language-selector.list-style-changer a {
    display: inline-flex;
    align-items: center;
    text-transform: uppercase;
}

.language-selector.list-style-changer a .language-flag {
    border-radius: 50%;
    margin-right: 10px;
    width: 15px;
    height: 15px;
    display: inline-block;
    background-size: cover !important;
}

.language-selector.list-style-changer ul {
    min-width: 150px;
    transition: .3s ease;
    opacity: 0;
    visibility: hidden;
    margin-top: 10px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    border: 1px solid #eaeaeb;
    padding: 10px 0;
    z-index: 2;
    position: absolute;
    top: 100%;
    left: 50%;
    background: #fff;
    transform: translate3d(-50%, 10px, 0);
}

.language-selector.list-style-changer ul li {
    display: flex;
}

.language-selector.list-style-changer ul li a {
    font-size: 10px;
    display: flex;
    align-items: center;
    line-height: 24px;
    color: #222222 !important;
    padding: 0 30px 10px 30px;
    transition: .3s ease;
}

.language-selector.list-style-changer ul li a:hover {
    transition: .3s ease;
}

.language-selector.list-style-changer ul li a:hover .language-flag {
    transition: .3s ease;
    opacity: .8;
}

.language-selector.list-style-changer ul li a .language-flag {
    border-radius: 50%;
    margin-right: 10px;
    width: 15px;
    height: 15px;
    display: inline-block;
    background-size: cover !important;
}

.language-selector.list-style-changer ul li:last-child a {
    padding-bottom: 0;
}

.language-selector.list-style-changer ul.opened {
    transform: translate3d(-50%, 0, 0);
    transition: .3s ease;
    opacity: 1;
    visibility: visible;
}

.language-selector.inline-style-changer {
    display: inline-flex;
    padding-left: 7.5px;
    position: relative;
    align-items: center;
    justify-content: center;
}

.language-selector.inline-style-changer>a {
    transform: translateX(0);
    transition: -webkit-transform .3s ease, transform .3s ease, opacity .3s ease, visibility .3s ease;
    position: relative;
    z-index: 3;
}

.language-selector.inline-style-changer a {
    display: inline-flex;
    align-items: center;
}

.language-selector.inline-style-changer a .language-flag {
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 5px;
    border-radius: 50%;
    background-size: cover !important;
}

.language-selector.inline-style-changer a .language-name {
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
}

.language-selector.inline-style-changer ul {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    width: 100%;
    height: 100%;
}

.language-selector.inline-style-changer ul li {
    display: flex;
    align-items: center;
    opacity: 0;
    visibility: hidden;
}

.language-selector.inline-style-changer ul li:nth-child(1) {
    transform: translateX(0);
    transition: all .5s ease, opacity .6s ease;
}

.language-selector.inline-style-changer ul li:nth-child(2) {
    transform: translateX(-50%);
    transition: all .5s ease, opacity .6s ease;
    margin-left: 4px;
}

.language-selector.inline-style-changer ul li:nth-child(3) {
    transform: translateX(-100%);
    transition: all .5s ease .05s, opacity .6s ease;
    margin-left: 4px;
}

.language-selector.inline-style-changer:hover>a {
    opacity: 0;
    visibility: hidden;
    transform: translateX(-20px);
}

.language-selector.inline-style-changer:hover ul li {
    opacity: .5;
    visibility: visible;
    transform: translateX(0);
}

.language-selector.inline-style-changer:hover ul li:hover {
    opacity: 1;
    transition: all .5s ease, opacity .6s ease;
    transform: scale(1.3);
}

.language-selector.inline-style-changer:hover ul li.active-language {
    opacity: 1;
}

.demo-language-selector.list-style-changer {
    display: inline-flex;
    padding-left: 7.5px;
    position: relative;
    align-items: center;
    justify-content: center;
}

.demo-language-selector.list-style-changer>a {
    display: inline-flex;
    align-items: center;
    text-transform: uppercase;
}

.demo-language-selector.list-style-changer>a .language-flag {
    background: transparent url(../images/usa-flag.png) center center no-repeat;
    border-radius: 50%;
    margin-right: 10px;
    width: 15px;
    height: 15px;
    display: inline-block;
    background-size: cover !important;
}

.demo-language-selector.list-style-changer>a:after {
    margin-top: -2px;
    content: "\f078";
    font: normal normal normal 8px/1 FontAwesome;
    margin-left: 7px;
}

.demo-language-selector.list-style-changer ul {
    min-width: 150px;
    transition: .3s ease;
    opacity: 0;
    visibility: hidden;
    margin-top: 10px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    border: 1px solid #eaeaeb;
    padding: 10px 0;
    z-index: 2;
    position: absolute;
    top: 100%;
    left: 50%;
    background: #fff;
    transform: translate3d(-50%, 10px, 0);
}

.demo-language-selector.list-style-changer ul li {
    display: flex;
}

.demo-language-selector.list-style-changer ul li a {
    text-transform: uppercase;
    font-size: 10px;
    display: flex;
    align-items: center;
    line-height: 24px;
    color: #222222 !important;
    padding: 0 30px 10px 30px;
    transition: .3s ease;
}

.demo-language-selector.list-style-changer ul li a:hover {
    transition: .3s ease;
}

.demo-language-selector.list-style-changer ul li a:hover .language-flag {
    transition: .3s ease;
    opacity: .8;
}

.demo-language-selector.list-style-changer ul li a .language-flag {
    border-radius: 50%;
    margin-right: 10px;
    width: 15px;
    height: 15px;
    display: inline-block;
    background-size: cover !important;
}

.demo-language-selector.list-style-changer ul li:last-child a {
    padding-bottom: 0;
}

.demo-language-selector.list-style-changer ul li:nth-child(1) .language-flag {
    background: transparent url(../images/france-flag.png) center center no-repeat;
}

.demo-language-selector.list-style-changer ul li:nth-child(2) .language-flag {
    background: transparent url(../images/usa-flag.png) center center no-repeat;
}

.demo-language-selector.list-style-changer ul li:nth-child(3) .language-flag {
    background: transparent url(../images/germany-flag.png) center center no-repeat;
}

.demo-language-selector.list-style-changer ul.opened {
    transform: translate3d(-50%, 0, 0);
    transition: .3s ease;
    opacity: 1;
    visibility: visible;
}

.demo-language-selector.inline-style-changer {
    display: inline-flex;
    align-items: center;
    padding-left: 7.5px;
    position: relative;
    top: 2px;
}

.demo-language-selector.inline-style-changer ul li {
    display: inline-block;
}

.demo-language-selector.inline-style-changer ul li a {
    display: inline-flex;
}

.demo-language-selector.inline-style-changer ul li span {
    opacity: .5;
    transition: .5s ease;
    margin-right: 7px;
    width: 20px;
    height: 20px;
    display: inline-block;
}

.demo-language-selector.inline-style-changer ul li:nth-child(1) span {
    background: transparent url(../images/usa-flag.png) center center no-repeat;
    background-size: cover;
}

.demo-language-selector.inline-style-changer ul li:nth-child(2) span {
    background: transparent url(../images/germany-flag.png) center center no-repeat;
    background-size: cover;
}

.demo-language-selector.inline-style-changer ul li:nth-child(3) span {
    background: transparent url(../images/france-flag.png) center center no-repeat;
    background-size: cover;
    margin-right: 0;
}

.demo-language-selector.inline-style-changer ul li:hover span {
    transition: .5s ease;
    transform: scale(1.2);
}

.demo-language-selector.inline-style-changer ul li:hover span:hover {
    opacity: 1;
}

.demo-language-selector.inline-style-changer ul li.active-language span {
    opacity: 1;
}

.demo-currency-selector {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.demo-currency-selector>a {
    display: inline-flex;
    align-items: center;
    text-transform: uppercase;
}

.demo-currency-selector>a:after {
    margin-top: -2px;
    content: "\f078";
    font: normal normal normal 8px/1 FontAwesome;
    margin-left: 7px;
}

.demo-currency-selector ul {
    min-width: 150px;
    transition: .3s ease;
    opacity: 0;
    visibility: hidden;
    margin-top: 10px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    border: 1px solid #eaeaeb;
    padding: 10px 0;
    z-index: 2;
    position: absolute;
    top: 100%;
    left: 50%;
    background: #fff;
    transform: translate3d(-50%, 10px, 0);
}

.demo-currency-selector ul li {
    display: flex;
}

.demo-currency-selector ul li a {
    text-transform: uppercase;
    font-size: 10px;
    display: flex;
    align-items: center;
    line-height: 24px;
    color: #222222 !important;
    padding: 0 30px 10px 30px;
    transition: .3s ease;
}

.demo-currency-selector ul li a:hover {
    transition: .3s ease;
}

.demo-currency-selector ul li:last-child a {
    padding-bottom: 0;
}

.demo-currency-selector ul.opened {
    transform: translate3d(-50%, 0, 0);
    transition: .3s ease;
    opacity: 1;
    visibility: visible;
}

/*# sourceMappingURL=change_language.css.map */