/******************  LAYER LANGUAGE  **************************/
.layer_language {
    position          : fixed;
    right             : 10px;
    bottom            : 10px;
    border-radius     : 10px;
    background-color  : #FFF;
    width             : 70px;
    height            : 30px;
    -webkit-box-shadow: 0px 0px 5px -2px rgba(0, 0, 0, 0.4);
    box-shadow        : 0px 0px 5px -2px rgba(0, 0, 0, 0.4);
    transition        : 0.25s;
    z-index           : 2000;
	color:#757575;
}

.layer_language:hover,
.layer_language:active {
    -webkit-box-shadow: 0px 0px 5px -2px rgba(0, 0, 0, 0.6);
    box-shadow        : 0px 0px 5px -2px rgba(0, 0, 0, 0.6);
}

.layer_language_close {
    position   : absolute;
    top        : 0px;
    right      : 10px;
    line-height: 30px;
    font-size  : 18px;
    font-weight: bold;
    cursor     : pointer;
    color      : #151d21;
    transition : 0.25s;
}

.layer_language_close:hover,
.layer_language_close:active {
    color: #d72828;
}

.layer_language_flag,
.layer_language_flag_btn {
    margin-left        : 5px;
    margin-top         : 5px;
    width              : 35px;
    height             : 20px;
    border-radius      : 8px;
    background-repeat  : no-repeat;
    background-position: center center;
    background-size    : 100%;
    -webkit-box-shadow : inset 0px 0px 5px -2px rgba(0, 0, 0, 0.6);
    box-shadow         : inset 0px 0px 5px -2px rgba(0, 0, 0, 0.6);
    cursor             : pointer;
    transition         : 0.25s;
}

/*ES*/
.layer_language_flag[flag="es"],
.layer_language_flag_btn[flag="es"] {
    background-image: url(img/flags/4x3/es.svg);
}

.layer_language_flag[flag="mx"],
.layer_language_flag_btn[flag="mx"] {
    background-image: url(img/flags/4x3/mx.svg);
}

.layer_language_flag[flag="ar"],
.layer_language_flag_btn[flag="ar"] {
    background-image: url(img/flags/4x3/ar.svg);
}

.layer_language_flag[flag="co"],
.layer_language_flag_btn[flag="co"] {
    background-image: url(img/flags/4x3/co.svg);
}

.layer_language_flag[flag="cl"],
.layer_language_flag_btn[flag="cl"] {
    background-image: url(img/flags/4x3/cl.svg);
}

.layer_language_flag[flag="pr"],
.layer_language_flag_btn[flag="pr"] {
    background-image: url(img/flags/4x3/pr.svg);
}

.layer_language_flag[flag="cr"],
.layer_language_flag_btn[flag="cr"] {
    background-image: url(img/flags/4x3/cr.svg);
}

.layer_language_flag[flag="uy"],
.layer_language_flag_btn[flag="uy"] {
    background-image: url(img/flags/4x3/uy.svg);
}

/*EN*/
.layer_language_flag[flag="en"],
.layer_language_flag_btn[flag="en"],
.layer_language_flag[flag="gb"],
.layer_language_flag_btn[flag="gb"] {
    background-image: url(img/flags/4x3/gb.svg);
}

.layer_language_flag[flag="us"],
.layer_language_flag_btn[flag="us"] {
    background-image: url(img/flags/4x3/us.svg);
}

.layer_language_flag[flag="au"],
.layer_language_flag_btn[flag="au"] {
    background-image: url(img/flags/4x3/au.svg);
}

.layer_language_flag[flag="ca"],
.layer_language_flag_btn[flag="ca"] {
    background-image: url(img/flags/4x3/ca.svg);
}

/*IT*/
.layer_language_flag[flag="it"],
.layer_language_flag_btn[flag="it"] {
    background-image: url(img/flags/4x3/it.svg);
}

/*FR*/
.layer_language_flag[flag="fr"],
.layer_language_flag_btn[flag="fr"] {
    background-image: url(img/flags/4x3/fr.svg);
}

/*NL*/
.layer_language_flag[flag="nl"],
.layer_language_flag_btn[flag="nl"] {
    background-image: url(img/flags/4x3/nl.svg);
}

.layer_language_flag[flag="be"],
.layer_language_flag_btn[flag="be"] {
    background-image: url(img/flags/4x3/be.svg);
}

/*DE*/
.layer_language_flag[flag="de"],
.layer_language_flag_btn[flag="de"] {
    background-image: url(img/flags/4x3/de.svg);
}

/*SV*/
.layer_language_flag[flag="sv"],
.layer_language_flag_btn[flag="sv"] {
    background-image: url(img/flags/4x3/se.svg);
}

.layer_language_flag[flag="se"],
.layer_language_flag_btn[flag="se"] {
    background-image: url(img/flags/4x3/se.svg);
}

/*DA*/
.layer_language_flag[flag="da"],
.layer_language_flag_btn[flag="da"] {
    background-image: url(img/flags/4x3/dk.svg);
}

.layer_language_flag[flag="dk"],
.layer_language_flag_btn[flag="dk"] {
    background-image: url(img/flags/4x3/dk.svg);
}

/*FI*/
.layer_language_flag[flag="fi"],
.layer_language_flag_btn[flag="fi"] {
    background-image: url(img/flags/4x3/fi.svg);
}

/*NB*/
.layer_language_flag[flag="nb"],
.layer_language_flag_btn[flag="nb"] {
    background-image: url(img/flags/4x3/no.svg);
}

.layer_language_flag[flag="no"],
.layer_language_flag_btn[flag="no"] {
    background-image: url(img/flags/4x3/no.svg);
}

/*BR*/
.layer_language_flag[flag="br"],
.layer_language_flag_btn[flag="br"] {
    background-image: url(img/flags/4x3/br.svg);
}

/*PT*/
.layer_language_flag[flag="pt"],
.layer_language_flag_btn[flag="pt"] {
    background-image: url(img/flags/4x3/pt.svg);
}

/*TR*/
.layer_language_flag[flag="tr"],
.layer_language_flag_btn[flag="tr"] {
    background-image: url(img/flags/4x3/tr.svg);
}



.layer_language_select {
    position          : absolute;
    right             : 0px;
    bottom            : 0px;
    border-radius     : 10px;
    background-color  : #FFF;
    width             : 160px;
    height            : auto;
    -webkit-box-shadow: 0px 0px 5px -2px rgba(0, 0, 0, 0.4);
    box-shadow        : 0px 0px 5px -2px rgba(0, 0, 0, 0.4);
    transition        : 0.25s;
    box-sizing        : border-box;
    padding           : 5px;
    padding-top       : 0px;
    display           : none;
}

.layer_language_select .layer_language_flag {
    margin-left: 0px;
    margin-top : 0px;
    float      : left;
}

.layer_language_option {
    margin-top: 5px;
    height    : 20px;
    cursor    : pointer;
    transition: 0.25s;
}

.layer_language_option:hover,
.layer_language_option:active,
.layer_language_option[sel="true"] {
    color: #00adec;
}


.layer_language_option_text {
    float         : left;
    line-height   : 20px;
    height        : 20px;
    vertical-align: text-top;
    box-sizing    : border-box;
    padding-left  : 5px;
}