.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(//www.vertulliseminatrici.com/wp-content/plugins/tm-helper-core/widgets/assets/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(//www.vertulliseminatrici.com/wp-content/plugins/tm-helper-core/widgets/assets/images/france-flag.png) center center no-repeat; }
.demo-language-selector.list-style-changer ul li:nth-child(2) .language-flag {
background: transparent url(//www.vertulliseminatrici.com/wp-content/plugins/tm-helper-core/widgets/assets/images/usa-flag.png) center center no-repeat; }
.demo-language-selector.list-style-changer ul li:nth-child(3) .language-flag {
background: transparent url(//www.vertulliseminatrici.com/wp-content/plugins/tm-helper-core/widgets/assets/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(//www.vertulliseminatrici.com/wp-content/plugins/tm-helper-core/widgets/assets/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(//www.vertulliseminatrici.com/wp-content/plugins/tm-helper-core/widgets/assets/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(//www.vertulliseminatrici.com/wp-content/plugins/tm-helper-core/widgets/assets/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; }