/* Footer */

.footer{ padding: 50px 20px }
.footer{ background: #73B72B}
.footer, .footer a{ color: #FFF; text-decoration: none; font-size: 18px; transition: all .3s; font-weight: bold; }
.footer .footer-menu a:HOVER, .footer .wys a:HOVER, .footer li.active a{ color: #303641 }

footer .logo1{ display:table; width: 100%; margin-bottom: 20px;}
footer .logo1 svg{ display: table-cell; height: 50px; float: left;  }
footer .logo1 svg g path{ fill: #73B72B;}

.footer-right{
 margin-top: 50px    
}
.footer-menu li.menu-list-heading{
 font-weight: 700       
}

@media ( max-width: 767px ){  
 .footer{
  text-align: center 
 }       
}
@media ( max-width: 991px ){ 
 .footer-menu .footer-right{ text-align: center; }
 .footer-menu .row .menu-item+.menu-item{
  margin-top: 20px
 }
 footer .logo1 svg{
    float: unset;
    margin: 0 auto;
 }
 .footer-right a{
    display: block;
    width: 100%;
 }
 #footer-menu-navigation .list-trans-select form label{ text-align: center; } 
 #footer-menu-navigation .list-trans-select form select{ background-image: linear-gradient( 45deg, transparent 50%, #fff 50% ), linear-gradient( 135deg, #fff 50%, transparent 50% ); background-color: transparent; color: #fff; } 
 #footer-menu-navigation .list-trans-select form option{color: #000; }
 .footer-menu .menu-item{ float: left; width: auto; }
 .footer-menu .row .menu-item+.menu-item{ margin-top: 0; }
 .footer-menu .menu-item>ul { display: block; float: left; }
}
@media ( min-width: 992px ){  
 .footer-menu .row .menu-item{
  -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto    
 }
 .footer-menu .row .menu-item+.menu-item{
  padding-left: 40px    
 }
 
}
@media ( min-width: 992px ){ 
 .footer-menu{ float: left }
 .footer-right{ float: right; margin-top: 0; text-align: right }
 .footer-right a{ display: block; } 
 .footer-right a:hover{ color: #303641; }
}

.translate .widget{ display: inline-block; position: relative }
.translate .widget>a{ display: inline-block; padding-left: 60px; padding-right: 20px; height: 50px; line-height: 50px; color: #221e1f; background-color: #f4eb13; border-radius: 5px; background-image: url( '../images/globe.svg' ); background-size: 30px 30px; background-repeat: no-repeat; background-position: 15px center }
.translate .widget .translator-context-menu{ display: none; position: absolute; min-width: 100%; right: 0; bottom: 100%; margin-bottom: 15px; padding: 5px 8px; text-align: left; background-color: #444; color: #FFF; z-index: 999 }
.translate.open .widget .translator-context-menu{ display: block }
.translate .widget .translator-context-menu:after{ content: ''; position: absolute; left: 50%; bottom: -30px; border: solid transparent; border-top-color: #444; border-width: 15px; margin-left: -15px }
.translate .widget .translator-context-menu select{ border: none }
.translate .widget .translator-context-menu .goog-te-gadget{ color: #FFF }

@media ( min-width: 768px ){ 
 .translate .widget .translator-context-menu{ min-width: 1px; bottom: 50%; right: 100%; margin-right: 10px; margin-bottom: -15px }
 .translate .widget .translator-context-menu:after{ left: auto; right: -30px; bottom: 0; border: solid transparent; border-left-color: #444; border-width: 15px  }
}

.footer-right .translate+.wys{ margin-top: 30px }

.social{ font-size: 0; margin-top: 20px; }
.social li{ display: inline-block }
.social li+li{ margin-left: 20px }
.social a{ display: block; width: 50px; height: 50px; background-repeat: no-repeat; background-position: center; border-radius: 50%; border:1px solid #fff; transform: scale(1); transition: transform .5s; }
.social a svg path{ fill:#fff;}
.social a:HOVER{ transform: scale(0.85); background:#f36018; }

.footer-right nav+.wys{ margin-top: 20px }

.Fin, .Fin a{
 color: #FFF
}
.Fin a:hover{ text-decoration: underline; }
.Fin{
 padding: 30px 0     
}
@media ( min-width: 992px ){
 .Fin .copywrite{
  float: left    
 }
 .Fin .srcreative{
  float: right   
 }
}
@media ( max-width: 991px ){
 .Fin{
  text-align: center
 }    
 .Fin .srcreative{
  margin-top: 30px  
 }         
}
@media ( max-width: 1450px ){ 
   .Fin{
      padding: 30px 20px  
   } 
}

@media ( min-width: 1450px ){ 
 .footer, .Fin{ padding-left: 100px; padding-right: 100px }
}