.countdown-container {
   
   
	position: relative;
/*
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
*/
    top: 20%;
    -webkit-transform: translateY(-50%); 
    -moz-transform: translateY(-50%);
   transform: translateY(-50%);
 	padding-top: 8em;
	padding-bottom: 10em;

    

}

@media screen and (max-width: 40em){
 .countdown-container{
    margin-top: 0px;
    top: 30%;
 }

.text .val {
    font-size: 1em !important;
    margin-top: -1em;
    color:#fff;
}

.text .type-time {
    font-size:.5em !important;
    margin-top: -3em !important;
    opacity: 0.5;
}

.clock-canvas {
    background-color: rgba(0, 0, 0, .1) !important;
    border-radius: 50% !important;
    line-height: 44em !important;
    color: #fff !important;
    height: 0px;
    top:100% !important;
    
}
.final_countdown{
    line-height: 12em !important;
}

}


.clock{

    background-size: cover;
   /* background: #333;*/
   border-width:1px; 
}

.clock h3{
    font-family: "khand";
    opacity: 0.89;
        
 
}
.text-secondary{
 opacity: 0.75
    !important;
}
.clock-item .inner {
	height: 0px;
	padding-bottom: 100%;
	position: absolute;	
	padding-left: 5px;
	width: 100%;
}

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

.text {
	color: #fff;	
	font-size: 20px;
	font-weight: 700;	
	margin-top: -40px;
	position: absolute;
	top: 60%;
	text-align: center;
    
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
    text-shadow: none;
	width: 100%;
}

.text .val {
	font-size: 40px;
    padding: 12px;
     font-family: "Orbitron";
    text-shadow: none;
    
         color:#fff;
}

.text .type-time {
	font-size: 15px;
    opacity: 0.5;
}

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

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


}


/* Custom, iPhone Retina */
    @media only screen and (min-width : 320px){
        .clock-item {
        margin-bottom: 30px;        
    }
    }
 
    /* Extra Small Devices, Phones */
    @media only screen and (min-width : 480px){
 
  .clock-item {
       /* margin: 0px 30px 30px 30px;*/
    }
    
    }
 
    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px){
        .clock-item {
        /*margin: 0px 30px 30px 30px;*/
    }
 
    }


#count{
	background-color: rgba(44,62,80 , 0.6 );
	background-image: url('img/pattern.png');
	background: #455A64;
	background-position: center;
	background-repeat: repeat;
	color: #fff;
	font-family: 'Raleway', 'Arial', sans-serif;
}

#count .text-center h2{
	color: #fff;
}

.white{
color: #fff;}