@charset "utf-8";
/* =======================| language dropdown menu (joomla) |=========================== */

.mod-languages {
  width: 30px;
  height: 30px;
  margin-left: 20px;
}
.mod-languages, .mod-languages * {
  pointer-events: auto !important;
}
.mod-languages form {
  -webkit-appearance: none;
}


.mod-languages form div div, .mod-languages form div div div, .mod-languages form div div ul, .mod-languages form div div ul li, .mod-languages form div a, .mod-languages form div a span div, .mod-languages form div a span div b {
  background-color: #4c1e0f !important;
  border-radius: 0px !important;
  border-style: none !important;
  color: #fff !important;
}
.mod-languages form div, .mod-languages form div a, .mod-languages form div div ul li, .mod-languages form div div ul li:hover, .mod-languages form div div ul li:active {
  background-image: none !important;
  background-color: transparent !important;
}
.mod-languages form div div {
  margin-left: -100px;
}
.mod-languages form div div ul:hover {
    background-color: #4c1e0f !important;
}
.mod-languages form div div ul li {
  margin: 15px 0 !important;
}
.mod-languages form div div ul li:hover {
  color: #e0b98e !important;
}
.mod-languages form div a div {
  display: none !important;
}
.mod-languages form div a {
  box-shadow: none !important;
  color: transparent !important;
}
.mod-languages form div {
  background-image:  url("../images/ico-language-red.png") !important;
  background-position: 0 0 !important;
  background-repeat: no-repeat !important;
  max-width: 30px;
  /*margin-right: 10px;*/
  padding-bottom: 15px;
}
.mod-languages form div:hover {
  background-image:  url("../images/ico-language-white.png") !important;
}

.mod-languages form div div, .mod-languages form div div:hover {
  background-image:  none !important;
  width: 140px !important;
  max-width: 140px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.5) !important;
  font-size: 1rem;
  padding: 10px 20px;
  z-index: 100;
}

 /* -----| iOS |-----*/
.mod-languages form select {
  pointer-events: auto !important;
  background-color: #251510 !important;
  background-image:  url("../images/ico-language-red.png") !important;
  background-position: 0 0 !important;
  background-repeat: no-repeat !important;
  width: 30px;
  height: 30px;
  max-width: 30px;
  margin-right: 10px;
  border-radius: none !important;
  border: 0 none #251510 !important;
  border-image: none !important;
  color: transparent!important;
}


/* =======================| width < 767 |=================================== */
@media (max-width: 767px) {
/* ------------------------------------------------------------------------- */ 
.mod-languages form div, .mod-languages form select {
  /*margin-top:   -10px;*/
 /* margin-right: -12px;*/
   margin-right: -8px;
  }
  
}
/* =======================| width < 576 |================================== */
@media  (max-width: 575px) { 
/* ------------------------------------------------------------------------ */ 
  .mod-languages {
    margin-left: 16px;
  }
  .mod-languages form div, .mod-languages form select {
    background-size: 25px 25px;
    width: 30px;
    height: 30px;
    /*margin-top:  -30px;*/
    margin-right: 0;
    -webkit-appearance: none;
  }
  
}

/* ------------| end |----- */