@import url('./css?family=Exo+2:100,200,300,400,500,600,700,800,900,100i,200i,300i,400i,500i,600i,700i,800i,900i&display=swap'); 
@import url('./css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap'); 
  body {  
    font:400 16px/1.375em Roboto,sans-serif;
  }  
body { 
    margin: 0;
} 

body { 
    font: 400 16px/1.375em Roboto,sans-serif;
} 

.header { 
    width: 100%; 
    margin: 0 auto 20px; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box; 
    background: #fff;
} 

.header-wrapper { 
    display: grid; 
    grid-template-columns: -webkit-max-content auto; 
    grid-template-columns: max-content auto; 
    background: #fff; 
    position: relative; 
    z-index: 3;
} 

.header-wrapper { 
    -webkit-box-sizing: border-box;
} 

.header-wrapper { 
    width: 100%; 
    max-width: 1340px; 
    margin: 0 auto; 
    box-sizing: border-box;
} 

.header-search { 
    max-width: 1340px; 
    position: absolute; 
    width: 100%; 
    left: 0; 
    right: 0; 
    margin: -350px auto 0; 
    background: #fff; 
    padding: 30px; 
    z-index: 1; 
    -webkit-box-shadow: 5px 5px 0 #ebebeb; 
    box-shadow: 5px 5px 0 #ebebeb; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box; 
    -webkit-transition: margin .5s; 
    transition: margin .5s;
} 

.header-logo { 
    width: 97px;
} 

.header-search-form { 
    display: block; 
    margin: 0 auto; 
    width: 70%;
} 

.header-first-line { 
    display: -webkit-box; 
    display: -ms-flexbox; 
    display: flex; 
    font-size: 13px; 
    line-height: 40px; 
    color: #767676;
} 

.menu-top { 
    -webkit-box-pack: justify;
} 

.menu-top { 
    border-top: 1px solid #b5b5b5; 
    border-bottom: 1px solid #b5b5b5; 
    height: 36px; 
    display: -webkit-box; 
    display: -ms-flexbox; 
    display: flex; 
    -ms-flex-pack: justify; 
    justify-content: space-between;
} 

.header-search-input { 
    border: 1px solid #b5b5b5; 
    padding: 10px 20px; 
    width: calc(100% - 145px); 
    font: 700 20px/1.2em Roboto,sans-serif; 
    color: #b5b5b5; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box;
} 

button { 
    border-radius: 0;
} 

.header-search-submit { 
    -webkit-box-sizing: border-box;
} 

.header-search-submit { 
    background: #b5b5b5; 
    font: 700 20px/1.2em Roboto,sans-serif; 
    color: #fff; 
    padding: 11px 40px; 
    border: 0; 
    cursor: pointer; 
    width: 140px; 
    box-sizing: border-box;
} 

.header-search-submit:hover { 
    background: #e51513;
} 

.header-first-line-item { 
    display: inline-block; 
    margin: 0 0 0 40px;
} 

.header-first-line-item.date { 
    -webkit-box-flex: 1; 
    -ms-flex: 1; 
    flex: 1; 
    text-align: right;
} 

ul { 
    margin: 0;
} 

ul { 
    padding: 0;
} 

.menu-list { 
    padding: 0; 
    margin: 0; 
    list-style-type: none; 
    font-size: 0; 
    white-space: nowrap;
} 

.header-links { 
    -webkit-box-pack: justify;
} 

.header-links { 
    display: -webkit-box; 
    display: -ms-flexbox; 
    display: flex; 
    width: 130px; 
    -ms-flex-pack: justify; 
    justify-content: space-between;
} 

.header-logo-img { 
    display: block;
} 

.header-weather-link { 
    color: #767676; 
    text-decoration: none;
} 

.header-weather-link:hover { 
    text-decoration: underline;
} 

.ico-social { 
    vertical-align: middle;
} 

.ico-social { 
    display: inline-block; 
    width: 28px; 
    height: 28px; 
    line-height: 28px; 
    margin: -2px 0 0 10px; 
    border: 2px solid; 
    border-radius: 50%;
} 

.ico-social.facebook { 
    border-color: #3d5a98;
} 

.ico-social.twitter { 
    border-color: #000;
} 

.ico-social.youtube { 
    border-color: #de1926;
} 

.ico-social.instagram { 
    border-color: #faa454;
} 

li { 
    margin: 0;
} 

li { 
    padding: 0;
} 

.menu-first-level-item { 
    display: inline-block; 
    border-right: 1px solid #b5b5b5;
} 

.menu-first-level-item:hover { 
    background: #ebebeb;
} 

.loginbar-icon { 
    background: #fff; 
    border-radius: 50%; 
    height: 30px; 
    width: 30px;
} 

.loginbar-icon { 
    border: 2px solid #000; 
    margin-top: 1px; 
    opacity: 1;
} 

.loginbar-icon { 
    border: 2px solid #000; 
    border-radius: 50%; 
    margin-top: 1px; 
    opacity: 1;
} 

.loginbar-icon { 
    background: #fff; 
    height: 30px; 
    width: 30px;
} 

.header-links-item { 
    padding: 7px 0 3px; 
    max-width: 20px;
} 

.header-weather-icon { 
    vertical-align: middle;
} 

.ico-social svg  { 
    width: 100%;
} 

.ico-social.facebook svg  { 
    fill: #3d5a98;
} 

.ico-social.twitter svg  { 
    fill: #000;
} 

.ico-social.youtube svg  { 
    fill: #de1926;
} 

.ico-social.instagram svg  { 
    fill: #faa454;
} 

.menu-first-level-link { 
    color: #000; 
    display: block; 
    padding: 7px; 
    position: relative; 
    text-decoration: none;
} 

.menu-first-level-link { 
    font: 700 14px/1.5em 'Exo 2',Tahoma,sans-serif; 
    text-transform: uppercase;
} 

.loginbar-icon-people { 
    background: #fff; 
    border-radius: 50%; 
    height: 30px; 
    width: 30px;
} 

.loginbar-icon-people { 
    border: none; 
    cursor: pointer; 
    padding: 0;
} 

.loginbar-icon-people { 
    background: #fff; 
    height: 30px; 
    width: 30px;
} 

.loginbar-icon-people { 
    border: none; 
    border-radius: 50%; 
    cursor: pointer; 
    padding: 0;
} 

.header-links-item svg  { 
    width: 100%;
} 

.loginbar-icon-people svg  { 
    width: 18px; 
    height: 17px;
}