#language-logo-img {
    vertical-align:bottom;
}
#current-language-text-top
{
    font-size: 12px;
    color:#8a90d5;
    font-weight: bold;
}
.language-selection-link{
    font-size: 12px;
}
.language-logo-text
{
    font-size: 24px;
    color:#fff;
    -webkit-font-smoothing: antialiased;
    font-family: 'Copperplate Gothic Light', sans-serif;
}
.separater-top
{
    margin: 10px;
    display:block;
    border:none;
    color:white;
    height:1px;
    background:black;
    background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 550, from(#fff), to(#2b2b2b));
}
.separater-bottom
{
    margin-top: 10px;
    display:block;
    border:none;
    color:white;
    height:1px;
    background:black;
    background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 550, from(#fff), to(#2b2b2b));
}
.language-section-container
{
    background:  rgba(43,43,43, .8);
    background: -moz-linear-gradient(180deg, rgba(69, 186, 103, .8) 30%, rgba(43,43,43,.8) 100%);
    background: -webkit-linear-gradient(180deg,rgba(69, 186, 103, .8)  30%,rgba(43,43,43,.8) 100%);
    background: linear-gradient(180deg, rgba(69, 186, 103, .8) 30%,rgba(43,43,43, .8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=rgba(69, 186, 103, .8) , endColorstr=rgba(43,43,43,.8) 100%);,GradientType=1 );
}


#close-language-link
{
    margin: 20px;
}

#close-icon {
  position: absolute;
  right: 20px;
  top: 50%;
  width: 32px;
  height: 32px;
  opacity: 0.9;
}

#close-icon:hover:before, #close-icon:hover:after {
  opacity: 1;
  background-color:#2b2b2b;
}

#close-icon:before, #close-icon:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 20px;
  width: 2px;
  background-color: #fff;
}

#close-icon:before {
  transform: rotate(45deg);
}

#close-icon:after {
  transform: rotate(-45deg);
}

/*#close-language-link:after
{
    font-family:'Glyphicons Halflings';
    content:"\e014";
    font-size: 1.5em;
}*/

@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
    .separater-top
    {
        margin: 12px;
        display:block;
        border:none;
        color:white;
        height:1px;
        background:black;
        background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 260, from(#fff), to(#2b2b2b));
    }
    .separater-bottom
    {
        margin-top: 12px;
        display:block;
        border:none;
        color:white;
        height:1px;
        background:black;
        background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 260, from(#fff), to(#2b2b2b));
    }
    #close-language-link
    {
        margin: 10px;
    }
    #language-logo-img
    {
        display:none;
    }
    .language-logo-text
    {
        font-size: 16px;
        font-weight: bold;
        color:#fff;
    }
}