/* ---- Counter ---- */
#counter {
	height: 24px;
    position: relative;
    font-size: 31.12px;
    font-family: 'prime-regular';
    font-style: normal;
    font-weight: normal;
    font-size: 43px;
    line-height: 32px;
}
.countDays, .countHours, .countMinutes, .countSeconds {
	float: left;
	position: absolute;
}
.countDays {
	top: 0px;
	left: 8px;
}
.countDays:after {
	content: '';
	margin-left: 10px;
}
.countHours {
	top: 0px;
	left: 78px;
}
.countMinutes {
	top: 0px;
	left: 149px;
}
.countSeconds {
	top: 0px;
	left: 220px;
}
.points0 {
	position:absolute;
	display:none;
}
.points1 {
	position:absolute;
	top: 103px;
	left: 138px;
}
.points2 {
	position:absolute;
	top: 103px;
	left: 163px;
}
.points {
	float: left;
	padding-right: 5px;
}
.points0, .points1, .points2 {display:none}
.position {
	position: relative;
	width: 28px;
  height: 25px;
  text-align: center;
}
.position .digit:nth-child(2) {
  display: none;
}
/* .digit {
	position: absolute;
	left: 0;
} */
.boxName {
	float: left;
	width: 80px;
	margin: -5px 0 0 7px;
	font-size: 36px;
	color: #a6a6a6;
	text-shadow: 0 1px 0 rgba(255,255,255,.5);
}
.Hours { margin-left: 5px; }
.Seconds { margin-left: 2px; }
.countdowntext {
	color: #999;
	  border: 2px solid #464646;
	  padding-top: 1px;
	  width: 290px;
}
#bfText h3 {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 0.1em;
    margin: 10px 0;
    padding-left: 25px;
    text-transform: uppercase;
    animation: h3colorchange linear 9s infinite alternate; 
}
@keyframes h3colorchange {
  0% {color: #C5F5FF;}
  100% {color: #F1EEE7;}
}
#bfText h2 {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 76px;
    line-height: 60px;
    text-align: left;
    letter-spacing: 0.1em;
    font-variant: small-caps;
    color: #FFFFFF;
    text-transform: uppercase;
}
#bfText h2 span {
    font-size: 70px;
    padding-left: 80px;
}
#bfClock {
  top: -20px;
  position: relative;
}
#bfClock h4 {
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
	letter-spacing: 0.1em;
	color: #fff;
	margin-bottom: 20px;
}
#bfCountdown {
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-items: center;
	align-items: center;
	padding: 2.7% 12%;
	background: black;
    background-size: cover;
    background-position: center center;
    animation: images 9s linear 0s infinite alternate;
}

@keyframes images {
  0% {
    background: url('../jpg/countdown-bg-blue.jpg') no-repeat; 
    background-size:cover;
    background-position: center center;
  }
  100% {
    background: url('../jpg/countdown-bg-red.jpg') no-repeat;
    background-size:cover;
    background-position: center center;
  }
}
#bfClock p {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 10.2798px;
    line-height: 25px;
    text-align: center;
    letter-spacing: 0.1em;
    display: inline-block;
    /* padding: 0 11px; */
    color: #fff;
    text-transform: uppercase;
}
.countDays, .countHours, .countMinutes, .countSeconds {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.countDays:after {
  content: "Days";
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 10.2798px;
  line-height: 25px;
  text-align: center;
  letter-spacing: 0.1em;
  display: block;
  color: #fff;
  text-transform: uppercase;
  margin-left: 0;
  grid-column: 1 / span 2;
}
.countHours:after {
  content: "Hours ";
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 10.2798px;
  line-height: 25px;
  text-align: center;
  letter-spacing: 0.1em;
  display: block;
  color: #fff;
  text-transform: uppercase;
  margin-left: 0;
  grid-column: 1 / span 2;
}
.countMinutes:after {
  content: "Minutes";
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 10.2798px;
  line-height: 25px;
  text-align: center;
  letter-spacing: 0.1em;
  display: block;
  color: #fff;
  text-transform: uppercase;
  margin-left: 0;
  grid-column: 1 / span 2;
}
.countSeconds:after {
  content: "Seconds";
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 10.2798px;
  line-height: 25px;
  text-align: center;
  letter-spacing: 0.1em;
  display: block;
  color: #fff;
  text-transform: uppercase;
  margin-left: 0;
  grid-column: 1 / span 2;
}
p.bfCntDays {
  padding-left: 10px;
}
p.bfCntDays, p.bfCntHrs {
  padding-right: 48px;
}
p.bfCntMins {
  padding-right: 38px;
}
.countSeconds .position span.digit, .countSeconds .position .digit {
  /* color: #C7F5FF; */
}
@media screen and (max-width:850px) {
    #bfCountdown {grid-template-columns: 1fr;margin-bottom: 20px;padding-bottom: 40px;margin-top: 20px;}
    #bfText {margin: 40px 0;}
    #bfCountdown {
        background-size: cover;
        background-position: center center;
        animation: images 9s linear 0s infinite alternate;
    }
    #bfText h3 {padding-left: 0 !important;text-align:center;}
    #bfClock {margin-bottom: 20px;}
    #bfText h2 span {
      padding-left: 0px;
  }
    @keyframes images {
      0% {
        background: url('../jpg/countdown-bg-blue-mobile.jpg') no-repeat; 
        background-size:cover;
        background-position: center center;
      }
      100% {
        background: url('../jpg/countdown-bg-red-mobile.jpg') no-repeat;
        background-size:cover;
        background-position: center center;
      }
    }
}
@media (max-width:1024px) and (min-width:1001px) {
  .home.page-template.page-template-home-page-v2.page #ajax-content-wrap {top: 125px;position: relative;}
}
@media (max-width:1000px) and (min-width:850px) {
  #bfCountdown {margin-top: 50px;}
}