.logo{
    max-width: 100%;
}
.boxmenu{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.boxlogo{padding: 10px 15px;transition: 0.3s ease all;}
header{
    display: flex;
    justify-content: space-between;
    padding: 0px;
    transition: 0.3s ease all;
}



.boxlangue {padding: 0px 15px;background:#11557f;display: flex;align-items: center;justify-content: center; width: 9%;}
.boxlangue button{background:transparent;border:none;color:#fff;outline: none;text-transform: uppercase;font-family: Century Gothic !important;}

#nav-toggle {position: fixed;left: 20px;top: 45px;z-index: 999;}

#nav-toggle { cursor: pointer; padding: 10px 35px 16px 0px; }
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
  cursor: pointer;
  border-radius: 1px;
  height: 1px;
  width: 35px;
  background: #7bc070;
  position: absolute;
  display: block;
  content: '';
}
#nav-toggle span:before {
  top: -8px;
}
#nav-toggle span:after {
  bottom: -8px;
}

#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
  transition: all 500ms ease-in-out;
}
#nav-toggle.active span {
  background-color: transparent;
}
#nav-toggle.active span:before, #nav-toggle.active span:after {
  top: 0;
}
#nav-toggle.active span:before {
  transform: rotate(45deg);
}
#nav-toggle.active span:after {
  transform: rotate(-45deg);
}

header.sticky {
    position: fixed;
    width: 100%;
    background: #fff;
    z-index: 999;
    transition: 0.3s ease all;
    box-shadow: 1px 1px 20px rgba(0,0,0,0.2);
}


header.sticky .boxlogo {
    padding: 10px 15px;
    transition: 0.3s ease all;
}

header.sticky .boxlogo img{
   max-height:50px;
    transition: 0.3s ease all;
}
@media (max-width: 1366px) {
.boxlangue { width: 14%;padding: 0;}
}
@media (max-width: 1200px) {
.boxlangue button { font-size: 12px;}
}

@media (max-width: 991px)
{
header{
    display: block;
    overflow: hidden;
    padding: 10px;
    position: relative;
}


/*.boxlangue {
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 10px;
    min-width: 160px;
}*/
.boxlangue button {
    font-size: 12px;
    display: none;
}
.boxlangue {
    position: absolute;
    top: 40px;
    right: 10px;
    min-width: 160px;
    background: none;
    padding: 0;
    width: auto !important;
    justify-content: flex-end;
}

.logo{display:block;margin:0px auto 20px;}
.boxmenu {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px;
}
.boxlogo {
    margin: 0 auto;
    float: none;
    padding: 5px;
}
}



@media (max-width: 991px)
{
.boxmenu  {
    position: absolute;
    top: 100%;
    z-index: 9999;
    width: 100%;
    left: 0px;
    background: #016cb3;
    transition: 0.3s ease transform;
    padding: 40px 0px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    transform: translateX(-108%);
}

.boxmenublock{transform: translateX(0%);padding: 15px 0px;position: relative;width: 100vw;left: -10px;height: calc(100vh  - 50px);overflow: auto;padding-bottom: 40px;}

header{
   
overflow: initial;
   
width: 100%;
   
background: #fff;
   
z-index: 111;
   
padding: 10px 10px 10px;
   
z-index: 9999;
   
position: fixed;
   
/* display: flex; */
   
align-items: center;
}
.logo {
    display: block;
    margin: 0px auto 0px;
}
}