div#covid19-banner {
display: none !important;
}
html body #root>div:nth-child(1)>div.main-navigation {
display: flex;
flex-direction: column !important;
height: auto !important;
min-height: unset !important;
}
html body #root>div:nth-child(1)>div.main-navigation>div:nth-child(1) {
padding-top: 10px;
padding-bottom: 10px;
}
.eg-banner .eg-wrapper {
display: flex;
justify-content: space-between;
background: #393939;
max-width: 1440px;
}
.eg-banner .eg-wrapper .eg-logo::after {
content: ".";
font-family: Georgia, Times, Times New Roman, serif;
font-size: 1.4em;
color: #e52500;
margin-bottom: 4px;
}
.eg-banner .eg-wrapper>.eg-logo,
.eg-banner .eg-wrapper>.eg-center {
color: white;
}
.eg-banner .eg-wrapper .eg-link {
color: #e52500;
text-decoration: underline;
z-index: 1 !important;
}
.eg-banner .eg-wrapper .eg-link svg path {
fill: #ef2500 !important;
}
.eg-banner {
width: 100% !important;
box-shadow: -3px 7px 20px 0px #88888847;
background: linear-gradient(90deg, rgba(57,57,57,1) 0%, rgba(57,57,57,1) 70%, rgba(57,57,57,1) 76%, rgba(244,243,240,1) 78%, rgba(244,243,240,1) 100%);
text-align: -webkit-center;
}
.eg-icon svg {
width: 16px !important;
height: 16px;
}
.eg-banner .eg-wrapper .eg-logo {
width: 20%;
font-size: 23px;
margin-bottom: 4px;
}
.eg-banner .eg-wrapper .eg-center {
flex: 1;
font-size: 15px;
}
.eg-box {
width: 41%;
background: #f4f3f0;
}
.eg-banner .eg-wrapper .eg-link {
flex: 1;
display: flex;
align-items: center;
padding: 10px 36px;
font-size: 15px;
cursor: pointer;
}
.eg-banner .eg-wrapper .eg-cut {
width: 16%;
padding: 13px 0;
display: flex;
justify-content: center;
border-left: none !important;
z-index: 1;
}
.eg-banner .eg-wrapper * {
display: flex;
align-items: center;
}
.eg-img {
position: absolute;
right: 64px;
width: 260px;
background: #f4f3f0;
border-bottom-right-radius: 27px;
border-bottom-left-radius: 27px;
cursor: pointer;
}
.eg-banner .eg-wrapper .eg-cut svg {
cursor: pointer;
}
.eg-arrow {
margin-left: 4px !important;
}
@media(max-width:1346px) {
.eg-banner .eg-wrapper .eg-logo {
width: 19%;
margin-left: 39px;
padding-left: 0px;
}
.eg-box {
width: 43%;
}
}
@media(max-width:992px) {
.eg-banner .eg-wrapper .eg-logo {
font-size: 18px;
width: 24%;
margin-left: 26px;
}
}
@media(max-width:1163px) {
.eg-banner .eg-wrapper .eg-logo {
padding-left: 20px;
}
.eg-banner .eg-wrapper .eg-center,
.eg-banner .eg-wrapper .eg-link {
font-size: 10px;
}
.eg-banner .eg-wrapper .eg-center {
margin-right: 10px;
width: 64% !important;
}
.eg-icon svg {
width: 12px !important;
height: 10px;
}
.eg-img {
width: 200px;
right: 20px;
bottom: 34px;
transform: translateY(100%);
}
.eg-banner .eg-wrapper .eg-link {
padding: 10px !important;
}
.eg-banner .eg-wrapper .eg-cut {
z-index: 1 !important;
}
}
@media(min-width:768px) {
.eg-center br {
display: none !important;
}
}
@media(max-width:767px) {
.eg-banner .eg-wrapper {
flex-direction: column;
position: relative;
text-align: -webkit-left;
}
.eg-logo {
margin-left: 0px !important;
}
html body #root>div:nth-child(1)>div.main-navigation {
padding-bottom: 0;
padding-top: 0;
}
.eg-banner .eg-wrapper>*:not(img) {
width: 100% !important;
padding: 10px;
}
.eg-logo {
padding-left: 10px !important;
font-size: 22px !important;
padding-bottom: 0 !important;
padding-top: 20px !important;
}
.eg-center {
font-size: 16px !important;
line-height: 1.4;
padding-top: 16px !important;
padding-bottom: 16px !important;
}
html body .eg-banner .eg-wrapper .eg-link {
font-size: 16px !important;
padding: 0 !important;
}
.eg-icon svg {
width: 15px !important;
height: 17px !important;
}
.eg-link svg {
margin-top: 4px;
}
span.eg-cut.eg-icon {
position: absolute;
top: 0;
right: 0;
}
span.eg-cut.eg-icon svg {
fill: white !important;
}
img.eg-img {
bottom: unset !important;
transform: unset !important;
top: 53px;
right: 0 !important;
border-radius: 16px 16px 0 0 !important;
width: 140px;
}
}