.countdown-timer {
	position: relative;
	color: transparent;
	text-align: center;
	z-index: 1;
}

.countdown-timer.has-title {
	padding-top: 40px;
}

.countdown-timer h5 {
	font-family: 'proxima-nova', sans-serif !important;
	font-weight: bold !important;
	font-size: 55px;
	color: #50afad;
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: 3px;
}

.countdown-timer.transparent-bg h5 {
	color: #ffffff;
}

.countdown-timer .counters-wrapper {
	display: flex;
	justify-content: center;
	font-size: 0;
	padding-bottom: 40px;
}

.countdown-timer .counters-wrapper > * {
	position: relative;
	font-size: 15px;
}

.countdown-timer .counter-block {
	margin: 16px;
	vertical-align: top;
	display: inline-block;
	width: 168px;
	height: 168px;
	text-align: center;
}

.countdown-timer .counter-block.counter-block-solid .counter-box {
	border-width: 0;
	border-color: transparent;
}

.countdown-timer .counter-block.counter-block-solid .counter-content {
	padding: 0 20px;
}

.countdown-timer .counter-block.counter-block-solid .counter-content * {
	color: #50afad;
}

.countdown-timer .counter-block.counter-block-border .counter-box {
	background-color: transparent;
}

.countdown-timer .no-time .counter-block.counter-block-no-border.has-separator .counter-content {
	position: relative;
}

.countdown-timer .counter-block.counter-block-no-border .counter-box {
	background-color: transparent;
	border: none;
}

.countdown-timer .counter-block.counter-block-no-border .counter-box .counter-content {
	vertical-align: middle;
	padding: 0;
}

.countdown-timer .counter-block.counter-block-no-border .counter-box .counter-content .title {
	font-family: 'proxima-nova', sans-serif !important;
	font-weight: bold !important;
	color: #50afad;
	font-size: 19px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.6em;
	line-height: 18px;
	text-align: center;
}

.countdown-timer.transparent-bg .counter-block.counter-block-no-border .counter-box .counter-content .title {
	color: #fff;
}

.countdown-timer .counter-block.counter-block-white .counter-content * {
	color: #50afad;
}

.countdown-timer .counter-box {
	display: table;
	width: 100%;
	height: 100%;
	background-color: #f3f5f6;
	border-style: solid;
	border-width: 2px;
	border-color: #eff1f5;
}

.countdown-timer .counter-box .counter-content {
	vertical-align: middle;
	display: table-cell;
	padding: 0 16px;
}

.countdown-timer .counter-box .counter-content > .count {
	display: inline-block;
	width: 100%;
	color: #50afad;
	font-family: 'proxima-nova', sans-serif !important;
	font-size: 80px;
	font-weight: 700;
	line-height: 100px;
}

.countdown-timer.transparent-bg .counter-box .counter-content > .count {
	color: #fff;
}

.countdown-timer .counter-box .counter-content .title {
	margin: 0;
	font-size: 13px;
	line-height: 16px;
}
@media (max-width: 991px) {
	.countdown-timer .counter-block {
		margin: 10px;
		width: 150px;
		height: 150px;
	}

	.countdown-timer .counter-box .counter-content > .count {
		line-height: 90px;
	}
}
@media (max-width: 767px) {
	.countdown-timer .counter-block {
		margin: 5px;
		width: 114px;
		height: 114px;
	}

	.countdown-timer .counter-box .counter-content > .count {
		font-size: 50px;
		line-height: 65px;
	}

	.countdown-timer .counter-block.counter-block-no-border .counter-box .counter-content .title {
		letter-spacing: 0.3em;
	}
}
@media (max-width: 640px) {
	.countdown-timer h5 {
		font-size: 36px;
	}

	.countdown-timer .counters-wrapper{
		display: flex;
		justify-content: center;
		font-size: 0;
		padding-bottom: 40px;
		flex-direction: column;
	}
}