body {
  background-color: #f0f0f0;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
}
.header { margin:0; padding:0; width:100%; float:left; position:fixed; z-index: 9999; top:0; }
.logo-holder { margin:0; padding:15px 0; width:100%; background-color: #f0f0f0; }
.logo-holder a { color:#000; text-decoration:none; font-size:21px; }
.menu-holder { margin:0; padding:0; width:100%; background:#ffcd00; }
#header { background: #ccc; text-align: center; padding: 50px 0; font-size: 25px; }
#header a { color:#000; }
button, input, optgroup, select, textarea { width:100%; }
img.slider-img { width:100%; }
.navbar > ul > li.timer { float:right; margin:2px 0 0 0; padding: 0; right: 0;    position: absolute; }
.navbar > ul > li.timer p { float:left; font-size:13px; line-height:13px; margin:0 5px; height: 50px; width: 50px;  border: 1px solid #1e281e; border: var(--width_border,1px) solid var(--clr_font,#1e1e1e); position: relative; display: flex; align-items: center; justify-content: center; flex-direction: column; border-radius: 50%; cursor: default; }
.navbar > ul > li.timer p::before { left: calc(18% / 2 - 1px); top: calc(20% / 2 - 1px); border: 1px solid #fff; border: var(--width_border,1px) solid var(--clr_menutext,#fff); content: ""; position: absolute; display: block; height: 84%; width: 84%; border-radius: 50%; cursor: default; }
.navbar > ul > li.timer p span { font-size:11px; }
#header-top { height:45px; }
a.button { width: auto; padding: 0 15px; background: #ccc; }