.center{
   display: flex; 
    align-items: center; 
  justify-content: center;
display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;

}
.header
{
    position: fixed;
    z-index: 9;
    opacity: 1;
z-index: 99;
    top: 0;    
/*left: 50%;
    transform: translateX(-50%);
 -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);*/

}
.menu_principal{
    width: 100%;
height: 50%;
   /* height: calc(100vh - 500px);*/
}
.top
{
    width: 220px;
    height: auto;
    background-color: #FFFFFF;
    margin: 0px auto;
    height: 100vh;
}

.logo{
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 10vh;
    padding-bottom: 8vh;
    position: relative;
    z-index: 9;
    text-align: center;
display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;

}
.logo img{
width:70%;
}
.lang{position: absolute;bottom: 5px;text-align: center;margin: 0px auto;width: 100%;left:0;height: 25px;}
.ab1{position: absolute;bottom: 36px;text-align: center;margin: 0px auto;width: 100%;left:0;height: 30px;}
.rs{
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.header.scrolled .top1{
display:none;
}
.header.scrolled{
box-shadow: 0 0px 14px rgba(0,0,0,0.2);
}
.header.scrolled .top2{
display:block;
    transition: 0.5s;
}

.header.scrolled .top {
    width: 130px;
    height: 87px;
    transition: 0.5s;
}
.header.scrolled .logo {
    padding-top: 1vh;
    transition: 0.5s;
padding-bottom:0;
    text-align: center;
}
.header.scrolled .logo img{
    width: 70%;
}
.header.scrolled #open {
    margin-top: -1vh;
}
.header.scrolled #menu-toggle:checked + label + #menu-primary-items {display: flex;width: 100% !important;top: 0;right: 0;background-color: #FFFFFF;width: 220px !important;padding-bottom: 10vh;align-items: center;padding-left: 0;z-index: -1;height: 100vh;margin-left: -40px;margin-top: -104px;box-shadow: 0 0px 14px rgba(0,0,0,0.2);padding-top: 121px;justify-content:center;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.header.scrolled #menu_principal .rmSlide:before {
    left: -25%;
}
.header.scrolled #menu_principal .RadMenu .rmSlide {
    left: 178px !important;
}
.header.scrolled #menu_principal .RadMenu .rmSlide .rmSlide {
    left: -3px !important;
}
/*--------------------------------- Responsive ---------------------------------------*/

@media (max-width: 991px){
.menu_principal{ 
   overflow-y: auto;
    overflow-x: hidden;}
.top1, .curs{
    display: none;
}
.top2 {
    display: block;
}
.top {
    width: 130px;
    height: 87px;
    transition: 0.5s;
}
.logo {
padding-top: 2vh;
transition: 0.5s;
padding-bottom: 0;
text-align: center;
}
.logo img{
    width: 70%;
}
#open {
    margin-top: -1vh;
}
#menu-toggle:checked + label + #menu-primary-items {display: block;width: 100% !important;top: 0;right: 0;background-color: #FFFFFF;width: 220px !important;padding-bottom: 10vh;align-items: center;padding-left: 0;z-index: -1;margin-left: -44px;margin-top: -104px;box-shadow: 0 0px 14px rgba(0,0,0,0.2);padding-top: 121px;}
.header.scrolled #menu_principal .RadMenu .rmSlide {
    left: 0px !important;
}

}