.header{background-image: url(/Files/App_002/images/bg_header.png);background-repeat: repeat-x;background-position: top;position: fixed;z-index: 99;height: 250px;width: 100%;/* display: flex; *//* align-items: center; */}

.header1{
    display: flex;
    align-items: center;
    padding-top: 30px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
-webkit-transition: all1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.menu_principal1{
    display: flex;
    justify-content: flex-end;
}
.menu_principal2{
display:none;
}
.logo{
	    display: flex;
	    align-items: center;
	    justify-content:center;
	    text-align: center;
	    /*z-index:9999;*/
	    display: -ms-flex;
	    -ms-justify-content: center;
	    align-content: center;
	    height: 100%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
-webkit-transition: all1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}
.header .main-nav {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
-webkit-transition: all1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}
.header.scrolled .main-nav {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
-webkit-transition: all1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}
.logo img{display: inline-block;max-height: 90%;max-width: 100%;}
.logo a{
    max-width: 100%;
    display: flex;
    height: 100%;
    text-align: center;
    justify-content: center;
    align-items: center;
}

.header.scrolled{
    opacity: 1;
    background-color: #FFF;
    height: 100px;
    background-image: none;
    box-shadow: 0 0px 14px rgba(0,0,0,0.2);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
-webkit-transition: all1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}
.header.scrolled .logo {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
-webkit-transition: all1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}
.header.scrolled .logo img {
  max-height: 80px;
  height: 100%;
}
.header.scrolled .header1 {
    padding-top: 10px;
}

/*--------------------- Responsive ---------------------*/
@media (max-width: 991px){
.menu_principal2{
display:block;
}
.menu_principal1{
display:none;
}
.header{
    opacity: 1;
    background-color: #FFF;
    height: 120px;
    background-image: none;
    box-shadow: 0 0px 14px rgba(0,0,0,0.2);
}

.logo img {
  max-height: 100px;
  transition: 0.5s;
  height: 100%;
}
.header1 {
    padding-top: 0;
    height: 120px;
}
.logo {
    order: 1;
    margin: 0px auto;
    padding: 0;
}
.header.scrolled{
    height: 120px;
}

.header.scrolled .logo img {
  max-height: 100px;
}
.header.scrolled .header1 {
    padding-top: 0px;
}
}

@media (max-width: 500px){
.logo {
    justify-content: flex-start;
}
}