@import url(https://fonts.googleapis.com/css?family=Open+Sans);

html {
height: 100%;
}

body,
.header-main-wrapper {
min-height: 100%;
}

body {
background-color: white;
}

.t-primary-bgcolor {
background-color: #003e7e;
}

a {
color: #f36e21;
}

.header-wrapper {
position: fixed;
background-position: right top;
background-repeat: no-repeat;
background-size: cover;
z-index: 0;
left: 0;
top: 0;
min-height: 100%;
max-width: 260px;
background-color: #EDEDED;
}

.container {
width: 1080px;
}

.header {
width: 100%;
min-height: 100%;
position: initial;
padding: 10px 30px;
}

.main-wrapper {
margin-left: 260px;
}

.header__logo {
max-width: 100%;
}

.header__nav {
display: flex;
box-sizing: border-box;
max-width: 100%;
flex-direction: column;
position: absolute;
text-align: inherit;
top: 49%;
transform: translateY(-50%);
}

@media (max-height: 767px) {
.header__nav {
top: 145px;
transform: none;
}

.header__buttons {
display: none;
}
}

@media (max-height: 550px) {
  .social-icons {
  display: none!important;
  }
}

.header__nav a {
font-family: 'Open Sans', sans-serif;
display: inline-block;
margin-bottom: 10px;
font-size: 13px;
font-weight: 400;
min-height: 26px;
letter-spacing: 0.6px;
line-height: initial;
position: relative;
color: #172d54;
}

.header__nav a:hover {
color: #ef6c20;
text-decoration: none;
transition: color .2s ease;
}

.header__buttons {
max-width: 100%;
position: absolute;
top: 74%;
}

.header__buttons a {
height: 47px;
display: inline-block;
margin-bottom: 11px;
}

.header__buttons a img {
max-width: 160px;
}

.social-icons {
display: flex;
box-sizing: border-box;
max-width: 100%;
width: 100%;
position: absolute;
text-align: inherit;
top: 99%;
left: 0;
transform: translateY(-50%);
justify-content: space-between;
align-items: center;
padding: 0 33px 24px;
}
.social-icons a {
color: #fff;
background: #f36e21;
padding: 8px;
border-radius: 18px;
max-height: 29px!important;
display: flex;
align-items: center;
justify-content: center;
margin: 0 4px;
}

.social-icons svg {
height: 13px!important;
width: 13px!important;
}

.main {
margin-top: 40px;
}

@media screen and (max-width: 1024px) {
.header-wrapper {
position: initial;
min-width: 100%;
height: 150px;
}

.main-wrapper {
margin: 0;
}

.header__logo {
height: 130px;
}

.header__nav,
.header__buttons {
display: none;
}
}

.page-supplies .sidebar {
display: none;
}