.header
{
    display: flex;
    align-items: center;
    padding-top: 3vh;
    padding-bottom: 3vh;
    position: absolute;
    z-index: 9;
    width: 100%;
}
.logo{
    display: flex;
    align-items: center;
    justify-content: center;
}
.menu_lang{
    display: flex;
    align-items: center;
}
.header .logo img{/* height:80px; *//* transition:0.5s; */}
.menu_principal{
    text-align: right;
    display: flex;
    justify-content: flex-end;
}
.header2{
    transition: opacity 1s ease;
    opacity: 1;
    position: fixed;
    top: 0;
    height: 155px;
    transition: all 0.5s ease;
    z-index: 111;
/* background: rgba(255,255,255,0.85);*/
    width: 100%;
    padding-top: 2vh;
display:none;
}
.rs2{
    /*height: 100vh;*/
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
.rs2 .fa.fa-facebook,.rs2  .fa.fa-twitter{
    cursor: pointer;
    text-align: center;
    line-height: 25px !important;
    color: #d7d7d7;
    font-size: 1.6em !important;
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
    overflow: hidden;
    margin-right: 0px;
    cursor: pointer;
    float: none !important;
    margin-bottom: 10px;
    text-decoration: none;
    display: block;
}
.rs2 .fa.fa-facebook:hover, .rs2 .fa.fa-twitter:hover{
    color: #3a4b95;
    text-decoration: none;

}
@media (max-width: 1470px){
.header .logo img {
    width: 60%;
}
}
@media (max-width: 1220px){
.logo img{
    width: 80%;
  }
.r_info, .lang, .menu_principal , .top, .main-nav-outer, .header{    display: none;}
.resp_menu{    display: block;}

.header2{
height:78px;
}
.menu_principal{display:none;}
.fleche{display:block;}
.r_info{    display: none;}
.lang2{display: flex;width: 100%;/* justify-content: center; */margin-top: 40px;padding-left: 2vh;padding-bottom: 5vh;}
.r_menu {
    top: 38px;
}
.top_wrap {
    background-color: #77b5fd;
}
.header2{
    display: block;
    /* align-items: center; */
    /* justify-content: space-around; */
    width: 100%;
}



.no_padding{
padding:0;
margin:0;
}
.header{
  transition: opacity 1s ease;
  opacity: 1;
  /*position: fixed;*/
  top: 0;
  height: 165px;
  transition: all 0.5s ease;
  z-index: 111;
  background: rgba(255,255,255,1);
  padding-top: 0;
  display: flex;
  align-items: center;
}
.header .logo img{/* height:80px; *//* transition:0.5s; */}
.menu_principal{
    text-align: right;
    display: flex;
    justify-content: flex-end;
}
.header2{
    transition: opacity 1s ease;
    opacity: 1;
    position: fixed;
    top: 0;
    height: 155px;
    transition: all 0.5s ease;
    z-index: 111;
    width: 100%;
    padding-top: 2vh;
display:none;
}
.rs{
  /*  position: absolute;
    top: 50%;
    z-index: 9999;
    right: 2%;*/
}
.fb, .lin, .go{
    color: #ffffff;
    font-size: 14px;
    font-family: 'Roboto Condensed', sans-serif;
    display: block;
    position:relative;
    /* padding-left: 9px; */
    height: 100px;
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}
.fb:before, .lin:before, .go:before{content:"";width:10px;height:10px;background-color:#FFFFFF;left: -15px;display:block;position:relative;top: 14px;/* height: 100px; */}

.fb:hover:before{
  background-color:#276ccb;
    transition:0.5s;
}
.fb:hover{
  color:#276ccb;
  text-decoration:none;
    transition:0.5s;
}
.lin:hover:before{
  background-color:#0a9acb;
  transition:0.5s;
}
.lin:hover{
  color:#0a9acb;
  text-decoration:none;
    transition:0.5s;
}
.go:hover:before{
  background-color:#ed2135;
    transition:0.5s;
}
.go:hover{
  color:#ed2135;
  text-decoration:none;
    transition:0.5s;
}

@media (max-width:1220px){

.logo img{
    width: 80%;
  }
.logo {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 5%;
}
.r_info, .lang, .menu_principal , .top, .main-nav-outer, .header{    display: none;}
.resp_menu{    display: block;}
.header2{
height:78px;
}
.menu_principal{display:none;}
.fleche{display:block;}
.r_info{    display: none;}
.lang2{display: flex;width: 100%;/* justify-content: center; */margin-top: 40px;padding-left: 2vh;padding-bottom: 5vh;}
.r_menu {
    top: 38px;
}
.top_wrap {
    background-color: #77b5fd;
}
.header2{
    width: 100%;
    height: 95px;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
}
.fb, .lin, .go{
    color: #ffffff;
    font-size: 14px;
    font-family: 'Roboto Condensed', sans-serif;
    display: block;
    position:relative;
    /* padding-left: 9px; */
    height: 100px;
    -ms-transform: none; /* IE 9 */
    -webkit-transform: none; /* Chrome, Safari, Opera */
    transform: none;
}


.no_padding{
padding:0;
margin:0;
}
.lang{
    display: flex;
    justify-content: flex-start;
}
.header2.scrolled{
background-color:#FFFFFF;
    box-shadow: 0 0px 14px rgba(0,0,0,0.2);
}