/*Countdown general styles*/

.content_countdown{

	clear:both;

}

.hided_element{

	visibility:hidden;

}

#title_style h1{

	padding: 0px;

	margin:0px;

}

#descrip{

	margin: 5px 0px 5px 0px;

}

/*Social icons style*/

.soc_icon_coneiner{

	display:inline-block;

	margin-top:2%;

	width: 100%;

}

.soc_icon_coneiner .soc_icon{

	display: inline-block;

	margin-right: 3%;

}



.soc_icon_coneiner .soc_icon img{

	width:100%;				

	max-height:82px;

}

/*Countdown style*/

.countdown{

	width:100%;

}

.countdown > div{

	text-align:center;

	margin-top:2%;

	float:left;

	color:#fff;

	font-size:48px;

	font-weight:bold;

}

.element_conteiner{

	text-align:center;

	display: inline-block;					

}

/*Time style*/

.time_left{

	border:none;

	display:block;

	padding-bottom: 10%;

	padding-top: 10%;

	padding-left: 25%;

	padding-right: 25%;

	font-weight:bold;

}

.time_description{

	display:block;

	text-align:center;

	margin-top:1%;

	margin-bottom:1%;

	font-weight:bold;

}

/*Information style*/

.information{

	box-sizing:border-box;

	display:inline-block;

	z-index:999999;

	width:100%;

}

/*Main info style*/

#main_inform_div{

	overflow:hidden;

	box-sizing:border-box;

	display:table;

	position:relative;

	z-index:1000;

}

.aligment{

	display:table-cell;

	width: 10%;

}	

	/*Countdown main style part*/

.countdown figure ul{

	padding:0px !important;

}	

.ClassyCountdown-wrapper{

	width:100%;

}

.ClassyCountdown-wrapper > div {	

    display: inline-block;

    position: relative;

	margin-right:2%;

   

}

.ClassyCountdown-value > span{

	display:block;

}

.ClassyCountdown-wrapper .ClassyCountdown-value {

    width: 100%;

    position: absolute;

    top: 50%;

    text-align: center;

    left: 0;

    display: block;

}	

#countdown{

	height: auto;

}

figure, figcaption {

	display: block;

}

.transition {

    -webkit-transition: top 400ms linear;

    -moz-transition: top 400ms linear;

    -ms-transition: top 400ms linear;

    -o-transition: top 400ms linear;

    transition: top 400ms linear;

}

/*Time style*/

.timeTo {	

	line-height: 108%;

	font-weight: bold;

}



.timeTo span {

	vertical-align: top;

}

.timeTo figure {

	display: inline-block;

	margin: 0;

	padding: 0;

}

.timeTo figcaption {

	text-align: center;

	/*font-size: 12px;*/

	line-height: 80%;

	font-weight: normal;

	color: #888;

}



.timeTo div {

	position: relative;

	display: inline-block;

	/*width: 25px;

	height: 30px;*/

	border-top: 1px solid silver;

	border-right: 1px solid silver;

	border-bottom: 1px solid silver;

	overflow: hidden;

}

.timeTo div.first {

	border-left: 1px solid silver;

}



.timeTo ul {

	list-style-type: none;

	margin: 0;

	padding: 0;

	position: absolute;

	left: 3px;

}



.timeTo ul li {

    margin: 0;

    padding: 0;

    list-style: none;

}







/*       PROGRESS BAR STYLE       */







#progressbar { 

	height: 20px;  /* Can be anything */

	position: relative;

	padding: 3px;

	border-style: solid;

	

}

#progressbar > span {

	float:left;

	display: block;

	height: 100%;

	border-top-right-radius: 8px;

	border-bottom-right-radius: 8px;			

	border-top-left-radius: 8px;

	border-bottom-left-radius: 8px;

	background-color: #000000;		

			

	

	position: relative;

	overflow: hidden;

}

#progressbar > span:after, .animate > span > span {

	content: "";

	position: absolute;

	top: 0; left: 0; bottom: 0; right: 0;

	background-image: 

	   -webkit-gradient(linear, 0 0, 100% 100%, 

		  color-stop(.25, rgba(255, 255, 255, .2)), 

		  color-stop(.25, transparent), color-stop(.5, transparent), 

		  color-stop(.5, rgba(255, 255, 255, .2)), 

		  color-stop(.75, rgba(255, 255, 255, .2)), 

		  color-stop(.75, transparent), to(transparent)

	   );

	background-image: 

		-moz-linear-gradient(

		  -45deg, 

		  rgba(255, 255, 255, .2) 25%, 

		  transparent 25%, 

		  transparent 50%, 

		  rgba(255, 255, 255, .2) 50%, 

		  rgba(255, 255, 255, .2) 75%, 

		  transparent 75%, 

		  transparent

	   );

	z-index: 1;

	-webkit-background-size: 50px 50px;

	-moz-background-size: 50px 50px;

	-webkit-animation: move 2s linear infinite;

	overflow: hidden;

}

/*Animation style*/

.animate > span:after {

		display: none;

}



@-webkit-keyframes move {

	0% {

	   background-position: 0 0;

	}

	100% {

	   background-position: 50px 50px;

	}

}