/*put your css code here*/
@font-face {
  font-family: "Circe";
  src: url("fonts/fonts/Circe/Circe-Regular.eot");
  src: local("Circe"), local("fonts/fonts/Circe/Circe-Regular"),
    url("fonts/fonts/Circe/Circe-Regular.eot?#iefix") format("embedded-opentype"),
    url("fonts/fonts/Circe/Circe-Regular.woff") format("woff"),
    url("fonts/fonts/Circe/Circe-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Circe";
  src: url("fonts/fonts/Circe/Circe-ExtraLight.eot");
  src: local("fonts/fonts/Circe/Circe ExtraLight"), local("fonts/fonts/Circe/Circe-ExtraLight"),
    url("fonts/fonts/Circe/Circe-ExtraLight.eot?#iefix") format("embedded-opentype"),
    url("fonts/fonts/Circe/Circe-ExtraLight.woff") format("woff"),
    url("fonts/fonts/Circe/Circe-ExtraLight.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Circe";
  src: url("fonts/fonts/Circe/Circe-Thin.eot");
  src: local("fonts/fonts/Circe/Circe Thin"), local("fonts/fonts/Circe/Circe-Thin"),
    url("fonts/fonts/Circe/Circe-Thin.eot?#iefix") format("embedded-opentype"),
    url("fonts/fonts/Circe/Circe-Thin.woff") format("woff"),
    url("fonts/fonts/Circe/Circe-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Circe";
  src: url("fonts/fonts/Circe/Circe-Light.eot");
  src: local("fonts/fonts/Circe/Circe Light"), local("fonts/fonts/Circe/Circe-Light"),
    url("fonts/fonts/Circe/Circe-Light.eot?#iefix") format("embedded-opentype"),
    url("fonts/fonts/Circe/Circe-Light.woff") format("woff"),
    url("fonts/fonts/Circe/Circe-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Circe";
  src: url("fonts/fonts/Circe/Circe-Bold.eot");
  src: local("fonts/fonts/Circe/Circe Bold"), local("fonts/fonts/Circe/Circe-Bold"),
    url("fonts/fonts/Circe/Circe-Bold.eot?#iefix") format("embedded-opentype"),
    url("fonts/fonts/Circe/Circe-Bold.woff") format("woff"),
    url("fonts/fonts/Circe/Circe-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Circe";
  src: url("fonts/fonts/Circe/Circe-ExtraBold.eot");
  src: local("fonts/fonts/Circe/Circe ExtraBold"), local("fonts/fonts/Circe/Circe-ExtraBold"),
    url("fonts/fonts/Circe/Circe-ExtraBold.eot?#iefix") format("embedded-opentype"),
    url("fonts/fonts/Circe/Circe-ExtraBold.woff") format("woff"),
    url("fonts/fonts/Circe/Circe-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
body, .main1, h1, h2, h3, h4, h5, h6 {
  font-family: Circe !important;
}
.countdown{margin: 15px 0;}
.countdown .countdown__title{font-size: 22px;}
.countdown .countdown__timer{display: flex; margin-top: 5px;}
.countdown .seconds{display: none;}
.countdown .countdown__wrap{display: flex; flex-direction: column; align-items: center; margin: 0 5px;}
.countdown .countdown__wrap:first-child{margin-left: 0;}
.countdown .countdown__wrap:last-child{margin-right: 0;}
.countdown .countdown__time{font-size: 24px; padding: 7px; background: #fff; border-radius: 8px;}
.countdown .countdown__name{font-size: 14px; margin-top: 2px;}
@media screen and (max-width: 767px){
  .running{
    justify-content: center;
  }
}