body {background: #f6f5f3;}

/* wrapper */
#wrapper {position:relative;}

/* logo */
#logo {display: block; text-decoration: none; height: 48px; background: url(../images/logo.svg) 8px center no-repeat; margin: 0;}
#underlogo {height: 120px;}



/* search */
#search {padding-left: 20px;}
#search-label {color: #ffffff; font-weight: bold;}
#search-text {border:1px solid #37A9BE;height: 32px; text-indent: 10px; outline: none; width: 480px; border-radius: 3px;}
#search-btn {}

/* auth */
.userlinks {padding-right: 20px;}
#auth {}
.auth-label {color: #bcecee; font-weight: normal;}
.auth-text {border: 1px solid #45bacc; background: #45bacc; height: 24px; color: #ffffff; text-indent: 5px; outline: none; width: 236px; border-radius: 4px;}
#auth-btn {}

/* topnav */
#topnav {position: relative; height: 35px; padding-left: 6px; background: #d2e2ea url(../images/wrapper/topnav-bg.png) left top repeat-x;}
#topnav-left {position: absolute; left: 0px; top: 0px; width: 6px; height: 35px; background: url(../images/wrapper/topnav-left.png) left top repeat-x;}
#topnav-right {position: absolute; right: 0px; top: 0px; width: 8px; height: 35px; background: url(../images/wrapper/topnav-right.png) left top repeat-x;}
#topnav a {font: 12px Tahoma; color: #009999; line-height: 35px; padding: 0px 8px; display: block; float: left; text-decoration: none;}
#topnav a.active, #topnav a:hover {color: #008888; background: #a6c6d7 url(../images/wrapper/topnav-bg-active.png) left top repeat-x;}

/* footer */
#footer {}

.header__wrap{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#logo{
    min-width: 185px;

}