html {
  height: 100%;
}
body {
  margin: 0;
  height: 100%;
  background: #fff;
  font-size: 2.0em; //масштаб основного шрифта на странице
  font-family: "Segoe WP Light", "OpenSansLight", sans-serif;
  -webkit-font-smoothing: subpixel-antialiased;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Segoe WP", "OpenSansRegular", sans-serif;
  font-weight: normal;
}
.container {
  width: 100%;
  height: 100%;
}
.header {
  width: 100%;
  height: 100%;
  float: left;
  position: relative;
  overflow: hidden;
  background: #6acda7;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj4tPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMyMTg0NWUiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzA5MmExOSIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPjwvc3ZnPg==);
  background-image: -moz-linear-gradient(--90deg, #21845e 0%, #092a19 100%);
  background-image: -webkit-linear-gradient(--90deg, #21845e 0%, #092a19 100%);
  background-image: -o-linear-gradient(--90deg, #21845e 0%, #092a19 100%);
  background-image: linear-gradient(-180deg, #21845e 0%, #092a19 100%);
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-perspective: 1000;
  -webkit-backface-visibility: hidden;
}
.header .logo {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 271px;
  height: 344px;
  background-size: 271px 344px;
  margin-left: -135px;
  margin-top: -172px;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-perspective: 1000;
  -webkit-backface-visibility: hidden;
  background: url(../images/logo.png) no-repeat;
  z-index: 31;
}
.header .particle {
  opacity: 0;
  position: absolute;
  background: #6acda7;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-perspective: 1000;
}
body {
  text-align: center;
  background: #00ecb9;
  font-family: sans-serif;
  font-weight: 1500;
}

.countdown-title {
  color: #8dd9b3;
  font-weight: 100;
  font-size: 40px;
  margin: 40px 0px 20px;
}

.countdown {
  font-family: sans-serif;
  color: #fff;
  display: inline-block;
  font-weight: 100;
  text-align: center;
  font-size: 50px;
}

.countdown-number {
  padding: 10px;
  border-radius: 10px;
  background: #339966; 
  display: inline-block;
}

.countdown-time {
  padding: 15px;
  border-radius: 10px;
  background: #10442d; 
  display: inline-block;
}

.countdown-text {
  display: block;
  padding-top: 5px;
  font-size: 26px;
}

.b1 {
	width: 350px; /* Ширина кнопки */
	height: 50px; /* Высота кнопки */
    background: #f6c02d; /* оранжевый цвет фона */ 
    color: white; /* Белые буквы */ 
    font-size: 19pt; /* Размер шрифта */
	border-radius: 10% /* Размер закругления кнопки */
}

.li {
	overflow-style: marquee-line;
	marquee-play-count: infinite;
	color: white;
	marquee-speed: fast;
	marquee-style: scroll;
	marquee-direction: forward;
}