@charset "utf-8";
/* CSS Document */



      .language-list li{
        display: flex;
        align-items: center;
    }
  .language-list li div:hover,
/*  .language-list li a:hover
{
    background-color: #F8EFEF;
    }*/
	
      .language-list li  div{
        display: block;
    font-size: 14px;
    padding: 0 13px;
    color:#333;
    }
	
	
.language-list a:hover {
 color: #af2616;
}

      .language-list li::before{
  background: url("../images/css-sprite.png") no-repeat;
content: "";
margin: 0 5px;
width: 16px;
height: 12px;
display: inline-block;
flex-shrink: 0;
}

  .language-list li.en::before {
background-position: 0 -74px;
}

  .language-list li.fr::before {
background-position: -16px -74px;
}

  .language-list li.de::before {
background-position: -34px -74px;
}

  .language-list li.it::before {
background-position: -50px -74px;
}

  .language-list li.ru::before {
background-position: -68px -74px;
}

  .language-list li.es::before {
background-position: -85px -74px;
}

  .language-list li.pt::before {
background-position: -102px -74px;
}

  .language-list li.nl::before {
background-position: -119px -74px;
}

  .language-list li.el::before {
background-position: -136px -74px;
}

  .language-list li.ja::before {
background-position: -153px -74px;
}

  .language-list li.ko::before {
background-position: -170px -74px;
}

  .language-list li.ar::before {
background-position: -187px -74px;
}
  .language-list li.cn::before {
background-position: -214px -62px;;
}

  .language-list li.hi::before {
background-position: -204px -74px;
}

  .language-list li.tr::before {
background-position: -221px -74px;
}

  .language-list li.id::before {
background-position: -112px -62px;
}

  .language-list li.vi::before {
background-position: -129px -62px;
}

  .language-list li.th::before {
background-position: -146px -62px;
}

  .language-list li.bn::before {
background-position: -162px -62px;
}

  .language-list li.fa::before {
background-position: -180px -62px;
}

  .language-list li.pl::before {
background-position: -197px -62px;
}




.language:hover .language-list{visibility:visible;opacity:1}

 .language .current-lang i, .language .current-lang span{display:inline-block;vertical-align:middle} .language:hover .language-list{visibility:visible;opacity:1} .language-list li{line-height:50px;height:50px;position:relative} .language-list a{display:block;height:50px;line-height:50px;font-size:14px;padding:0 13px;/*text-overflow:ellipsis;white-space:nowrap;overflow:hidden;*/-webkit-transition:background-color .2s ease;-moz-transition:background-color .2s ease;-o-transition:background-color .2s ease;-ms-transition:background-color .2s ease;transition:background-color .2s ease} 
 

.form i, .form input{height:24px;line-height:24px} 
.form input{width:100%;border:0;outline:0;font-size:16px} 
.form i{position:absolute;top:50%;margin-top:-12px;font-size:22px} 
.form .icon-sou703{left:0} .form .close-btn{right:0;cursor:pointer} 
.header-top{font-size:13px;color:#5d5d5d;line-height:40px;background-color:#f8f8f8}
.header-top .float-right{font-size:0} .header-top .float-right .iconfont, .language{display:inline-block;vertical-align:middle;cursor:pointer} 
.header-top .float-right .iconfont{margin-right:16px} .header-top .iconfont.icon-facebook1{font-size:13px} 
.header-top .iconfont.icon-twitter{font-size:12px}
 .language{position:relative;font-size:12px;     margin-bottom: 3px;} 
 
 
.language:hover .language-list{visibility:visible;opacity:1;}
 .language .current-lang{font-size:0} 
 .language .current-lang i, .language .current-lang span{display:inline-block;vertical-align:middle} 
.language .current-lang .iconfont{margin-right:8px} 

.language .current-lang span{font-size:13px; font-weight: bold;      margin-left: 5px;     font-family: Helvetica,Arial,'Microsoft Yahei',sans-serif;  text-decoration: none;  color: #555;} 
 
 .language-list{min-width:100px;padding:10px 0px;visibility:hidden;position:absolute;right:0;/*top:25px;*/z-index:2;opacity:0;-webkit-transition:opacity .2s ease;-moz-transition:opacity .2s ease;-o-transition:opacity .2s ease;-ms-transition:opacity .2s ease;transition:opacity .2s ease;background:#fff}
 
  .language:hover .language-list{visibility:visible;opacity:1 ;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;     border-radius: 5px;     margin-right: -25px;} 
  
  .language-list li{line-height:50px;height:50px;position:relative;     margin-left: 15px!important;} 
  
  .language-list li{height:32px;line-height:32px} .language-list li:last-child{margin-bottom:0}
  
   .language-list a{display:block;font-size:13px!important;padding:0 13px;  color: var(--fontcolor); }  

 
 .icon-language:before{content:"\e729"}
 
#translate { display:none; } 

.language-list  ul {
    padding-left: unset;
	    margin: unset;
}



  .current-lang svg:hover {
    color: red;
  }
  
  .language .current-lang span:hover {
    color: red;
  }
 @media (max-width: 767px) { 
  .language-list {
    width: 100%;

}

.language:hover .language-list {
    visibility: visible;
    opacity: 1;
    white-space: nowrap;
    overflow: unset;
    text-overflow: ellipsis;
    border-radius: 5px;
    margin-right: unset;
}

.language-list {
    min-width: 100px;
    padding: 10px 0px;
    visibility: hidden;
    position: absolute;
    right: 0;
    /* top: 25px; */
    z-index: 2;
    opacity: 0;
    -webkit-transition: opacity .2s ease;
    -moz-transition: opacity .2s ease;
    -o-transition: opacity .2s ease;
    -ms-transition: opacity .2s ease;
    transition: opacity .2s ease;
    background: #f9fafb;
}

.language-list li {

    margin-left: unset!important
}

.language {

    width: 100%!important
}

.language .current-lang span {

     margin-left: unset;
	     font-weight: unset;
    font-family: unset;
    font-size: 16px;
    line-height: 1.5;
    color: #a8a7b7;
    transition: .1s ease-in-out;
    transition-property: color,background-color,border-color,box-shadow;
    padding: 5px 0;
}

.language .current-lang span:hover {
   color: #26244c;
}

 }