/** 3.19 Countdown */
.countdown-custom .countdown:before {content: '';display: inline-block;height: 100%;vertical-align: middle;}
.countdown-custom .countdown-section {display: inline-block;width: 100px;height: 100px;padding-top: 20px;text-align: center;border-radius: 50%;}
.countdown-custom .countdown-section:nth-child(5) {display: none;}
@media (min-width: 1200px) {.countdown-custom .countdown-section:nth-child(5) {display: inline-block;}}
.countdown-custom .countdown-row {display: inline-block;vertical-align: middle;}
.countdown-custom .countdown-amount {display: block;font-weight: 700;font-size: 30px;line-height: 1.2;text-transform: uppercase;color: #004fa5;}
.countdown-custom .countdown-period {display: block;font-size: 18px;line-height: 1.2;color: #2d2e2e;font-weight: 700;}
@media (min-width: 480px) {.countdown-custom .countdown-section {width: 100px;height: 100px;padding-top: 15px;border-width: 4px;}
.countdown-custom .countdown .countdown-section + .countdown-section {margin-left: 10px;}}
@media (min-width: 768px) {.countdown-custom .countdown-section {width: 130px;height: 130px;padding-top: 40px;}
.countdown-custom .countdown .countdown-section + .countdown-section {margin-left: 40px;}
.countdown-custom .countdown-amount {font-size: 30px;}
.countdown-custom .countdown-period {margin-top: 70px;}}
@media (min-width: 992px) {.countdown-custom .countdown .countdown-section + .countdown-section {margin-left: 90px;}}
@media (min-width: 480px) {.countdown-custom.countdown-ellipse .countdown-section {border: 4px solid #f6f7f8;}}

/** 3.25 Timecircles */
/**
 *	This element is created inside your target element
 *	It is used so that your own element will not need to be altered
 **/
.time_circles {position: relative;width: 100%;height: 100%;}
/**
 *	This is all the elements used to house all text used
 * in time circles
 **/
.time_circles > div {position: absolute;text-align: center;top: 50% !important;margin-top: -10px;transform: translateY(-63%) !important;-webkit-transform: translateY(-63%) !important;}
@media (min-width: 1200px) {#DateCountdown {width: 100%;}}
/**
 *	Titles (Days, Hours, etc)
 **/
.time_circles > div > h4 {margin: 0;padding: 0;text-align: center;font-size: 12px !important;color: #434345;font-weight: 700;position: absolute;bottom: -19px;left: 0;right: 0;}
.time_circles > div > h4 + * {margin-top: 0;}
@media (min-width: 480px) {.time_circles > div > h4 {font-size: 16px !important;bottom: -24px;}}
@media (min-width: 768px) {.time_circles > div > h4 {bottom: -110px;font-size: 20px !important;}}
@media (min-width: 1200px) {.time_circles > div > h4 {bottom: -105px;}}
@media (min-width: 768px) {.time_circles > div > span {margin-top: 20px;}}
/**
 *	Time numbers, ie: 12
 **/
.time_circles > div > span {display: block;font-size: 20px !important;text-align: center;font-weight: bold;color: #004fa5;}
@media (min-width: 480px) {.time_circles > div > span {font-size: 28px !important;}}
@media (min-width: 768px) {.time_circles > div > span {font-size: 34px !important;}}