.content_countdown{
clear:both;
}
.hided_element{
visibility:hidden;
}
#title_style h1{
padding: 0px;
margin:0px;
}
#descrip{
margin: 5px 0px 5px 0px;
} .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{
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_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{
box-sizing:border-box;
display:inline-block;
z-index:999999;
width:100%;
} #main_inform_div{
overflow:hidden;
box-sizing:border-box;
display:table;
position:relative;
z-index:1000;
}
.aligment{
display:table-cell;
width: 10%;
} .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;
} .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; line-height: 80%;
font-weight: normal;
color: #888;
}
.timeTo div {
position: relative;
display: inline-block; 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;
} #progressbar { 
height: 20px; 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;
} .animate > span:after {
display: none;
}
@-webkit-keyframes move {
0% {
background-position: 0 0;
}
100% {
background-position: 50px 50px;
}
}#TB_overlay {
background: #000;
opacity: 0.7;
filter: alpha(opacity=70);
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 100050; }
#TB_window {
position: fixed;
background-color: #fff;
z-index: 100050; visibility: hidden;
text-align: left;
top: 50%;
left: 50%;
-webkit-box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
}
#TB_window img#TB_Image {
display: block;
margin: 15px 0 0 15px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-top: 1px solid #666;
border-left: 1px solid #666;
}
#TB_caption{
height: 25px;
padding: 7px 30px 10px 25px;
float: left;
}
#TB_closeWindow {
height: 25px;
padding: 11px 25px 10px 0;
float: right;
}
#TB_closeWindowButton {
position: absolute;
left: auto;
right: 0;
width: 29px;
height: 29px;
border: 0;
padding: 0;
background: none;
cursor: pointer;
outline: none;
-webkit-transition: color .1s ease-in-out, background .1s ease-in-out;
transition: color .1s ease-in-out, background .1s ease-in-out;
}
#TB_ajaxWindowTitle {
float: left;
font-weight: 600;
line-height: 29px;
overflow: hidden;
padding: 0 29px 0 10px;
text-overflow: ellipsis;
white-space: nowrap;
width: calc( 100% - 39px );
}
#TB_title {
background: #fcfcfc;
border-bottom: 1px solid #ddd;
height: 29px;
}
#TB_ajaxContent {
clear: both;
padding: 2px 15px 15px 15px;
overflow: auto;
text-align: left;
line-height: 1.4em;
}
#TB_ajaxContent.TB_modal {
padding: 15px;
}
#TB_ajaxContent p {
padding: 5px 0px 5px 0px;
}
#TB_load {
position: fixed;
display: none;
z-index: 100050;
top: 50%;
left: 50%;
background-color: #E8E8E8;
border: 1px solid #555;
margin: -45px 0 0 -125px;
padding: 40px 15px 15px;
}
#TB_HideSelect {
z-index: 99;
position: fixed;
top: 0;
left: 0;
background-color: #fff;
border: none;
filter: alpha(opacity=0);
opacity: 0;
height: 100%;
width: 100%;
}
#TB_iframeContent {
clear: both;
border: none;
}
.tb-close-icon {
display: block;
color: #666;
text-align: center;
line-height: 29px;
width: 29px;
height: 29px;
position: absolute;
top: 0;
right: 0;
}
.tb-close-icon:before {
content: "\f158";
font: normal 20px/29px dashicons;
speak: never;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#TB_closeWindowButton:hover .tb-close-icon,
#TB_closeWindowButton:focus .tb-close-icon {
color: #006799;
}
#TB_closeWindowButton:focus .tb-close-icon {
-webkit-box-shadow:
0 0 0 1px #5b9dd9,
0 0 2px 1px rgba(30, 140, 190, .8);
box-shadow:
0 0 0 1px #5b9dd9,
0 0 2px 1px rgba(30, 140, 190, .8);
}