html, body {height: 100%;}

/*html {background-image: url('../img/sample.jpg');background-position: center center;background-repeat: no-repeat;background-size: cover;	}
*/
body {/*background-color: rgba(44,62,80 , 0.6 );background-image: url('../img/pattern.png');*/background-position: center;background-repeat: repeat;background: #61688f;}

.countdown-container {position: relative;top: 75px;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);transform: translateY(0%);}

.clock-item .inner {height: 0px;padding-bottom: 100%;position: relative;width: 100%;}

.clock-canvas {background-color: rgba(255, 255, 255, .1);border-radius: 50%;height: 0px;padding-bottom: 100%;}

.text {color: #fff;font-size: 60px;/* font-weight: bold; */margin-top: -32px;position: absolute;top: 50%;text-align: center;text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);width: 100%;}

.text .val {font-size: 22px;}

.text .type-time {font-size: 14px;}

/*@media (min-width: 768px) and (max-width: 991px) {.clock-item {	margin-bottom: 30px;		
	}}

@media (max-width: 767px) {.clock-item {	margin: 0px 30px 30px 30px;}}*/