body > header.logo-outside {min-height:160px; background: #fff; margin-bottom:20px; margin-top:20px;}
body > header.logo-outside .wrapBanner {min-height:160px; width:60%; left:32%; border-radius: 10px;}
body > header.logo-outside .wrapBanner .logo {top:10%; left:-50%; width:50%; height:80%; text-align: center; display: flex; flex-direction: column; justify-content: center;}
body > header.logo-outside .wrapBanner .logo img {display:block; height: 100%;object-fit: contain; align-self: center;}
body > header.logo-outside .wrapBanner .banner img {border-radius: 10px;}
body > header.logo-outside nav.mainNav {display: none; position:absolute; bottom:0%; width:60%; left:32%; top:auto; border-radius: 0 0 10px 10px;}
body > header.logo-outside.simpleHeader nav.mainNav {top:0; bottom:auto;}
body > header.logo-outside nav.mainNav .wrapNav {align-self:center;}
body > header.logo-outside nav.mainNav .wrapNav ul {padding:0; }
body > header.logo-outside nav.mainNav .smallLogo {display: none;}
body > header.logo-outside.simpleHeader nav.mainNav .smallLogo {display:block;}
body > header.logo-outside .wrapTitle {left:32%; width:60%; height: 80%; display: flex; flex-direction: column; justify-content: center;}
body > header.logo-outside .wrapTitle h1 {font-size:40px; line-height: 40px;}

body > header.logo-outside .wrapButtons li a {padding:6px 10px; font-size:15px; border-radius: 0 0 6px 6px;}
body > header.logo-outside .wrapButtons {bottom:auto; top:0;}

body > header.logo-outside nav.mainNav.scroll {position:fixed; height:auto; left:0; bottom:auto; top:0; width:100%; background: #000; justify-content: center; }
body > header.logo-outside nav.mainNav.scroll .smallLogo,
body > header.logo-outside nav.mainNav.scroll .wrapNav {flex:none;}

body > header.logo-outside .overHead {right:calc(7% - 15px); width:30px; background: none; height:calc(100% - 32px); position:absolute; flex-direction: column;display: flex;}
body > header.logo-outside .overHead > div {flex-direction: column-reverse; justify-content: space-between; flex:1;}
body > header.logo-outside .overHead .flags {flex-direction: column;}
body > header.logo-outside .overHead .flags li {padding:5px 2px; color:#000;}
body > header.logo-outside .overHead .flags li img {width: 42px; height: auto; object-fit: cover;}
body > header.logo-outside .overHead .areas {flex-direction: column; margin-left:unset;}
body > header.logo-outside .overHead .areas li {font-size:0; padding:0; text-align: center; color:#000;}
body > header.logo-outside .overHead .areas li i {font-size:38px;}