@font-face {
    font-family: 'AlienEncounters';
    src: url(/include/css/fonts/alien-encounters-bold.eot);
    src: url(/include/css/fonts/alien-encounters-bold.eot?#iefix) format('embedded-opentype'),url(/include/css/fonts/alien-encounters-bold.woff) format('woff'),url(/include/css/fonts/alien-encounters-bold.ttf) format('truetype'),url(/include/css/fonts/alien-encounters-bold.svg#alien-encounters-bold) format('svg');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'DigitalDisplay';
    src: url(/include/css/fonts/digital_display_tfb.eot);
    src: url(/include/css/fonts/digital_display_tfb.eot?#iefix) format('embedded-opentype'),url(/include/css/fonts/digital_display_tfb.woff) format('woff'),url(/include/css/fonts/digital_display_tfb.ttf) format('truetype'),url(/include/css/fonts/digital_display_tfb.svg#digital_display_tfb) format('svg');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'BadGrunge';
    src: url(/include/css/fonts/bad_grunge.eot);
    src: url(/include/css/fonts/bad_grunge.eot?#iefix) format('embedded-opentype'),url(/include/css/fonts/bad_grunge.woff) format('woff'),url(/include/css/fonts/bad_grunge.ttf) format('truetype'),url(/include/css/fonts/bad_grunge.svg#bad_grunge) format('svg');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Megalopolis';
    src: url(/include/css/fonts/megalopolisextra-webfont.eot);
    src: url(/include/css/fonts/megalopolisextra-webfont.eot?#iefix) format('embedded-opentype'),url(/include/css/fonts/megalopolisextra-webfont.woff) format('woff'),url(/include/css/fonts/megalopolisextra-webfont.ttf) format('truetype'),url(/include/css/fonts/megalopolisextra-webfont.svg#megalopolisextra-webfont) format('svg');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'LeagueGothic';
    src: url(/include/css/fonts/League_Gothic-webfont.eot);
    src: url(/include/css/fonts/League_Gothic-webfont.eot?#iefix) format('embedded-opentype'),url(/include/css/fonts/League_Gothic-webfont.woff) format('woff'),url(/include/css/fonts/League_Gothic-webfont.ttf) format('truetype'),url(/include/css/fonts/League_Gothic-webfont.svg#League_Gothic-webfont) format('svg');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'PartyByTom';
    src: url(/include/css/fonts/partybytom.eot);
    src: url(/include/css/fonts/partybytom.eot?#iefix) format('embedded-opentype'),url(/include/css/fonts/partybytom.woff) format('woff'),url(/include/css/fonts/partybytom.ttf) format('truetype'),url(/include/css/fonts/partybytom.svg#partybytom) format('svg');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'CalendarNote';
    src: url(/include/css/fonts/calendar_note_tfb.eot);
    src: url(/include/css/fonts/calendar_note_tfb.eot?#iefix) format('embedded-opentype'),url(/include/css/fonts/calendar_note_tfb.woff) format('woff'),url(/include/css/fonts/calendar_note_tfb.ttf) format('truetype'),url(/include/css/fonts/calendar_note_tfb.svg#calendar_note_tfb) format('svg');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Qubix';
    src: url(/include/css/fonts/qubix.eot);
    src: url(/include/css/fonts/qubix.eot?#iefix) format('embedded-opentype'),url(/include/css/fonts/qubix.woff) format('woff'),url(/include/css/fonts/qubix.ttf) format('truetype'),url(/include/css/fonts/qubix.svg#qubix) format('svg');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Varsity';
    src: url(/include/css/fonts/varsity-regular.eot);
    src: url(/include/css/fonts/varsity-regular.eot?#iefix) format('embedded-opentype'),url(/include/css/fonts/varsity-regular.woff) format('woff'),url(/include/css/fonts/varsity-regular.ttf) format('truetype'),url(/include/css/fonts/varsity-regular.svg#varsity-regular) format('svg');
    font-weight: 400;
    font-style: normal;
}

.data-picker{width:100px;}
.color-picker{cursor:pointer; width:100px;}
.show-shape,.show-date,.show-time,.show-timezone,#change-visibility{min-width:100px; max-width: 250px; cursor:pointer;}

input[name=date],input[name=time],input[name=timezone]{cursor:pointer;}
.pickers{display:inline-block; margin-left:0.5em;}

#content{display:none;}
input.rounded{float:left; width:50%; margin-left:1em; border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 2px 2px 3px #666; -webkit-box-shadow: 2px 2px 3px #666; box-shadow: 2px 2px 3px #666; font-size: 18px; padding: 4px 7px; outline: 0; -webkit-appearance: none;}
input.rounded:focus {border-color: #339933;}
.fieldcontain{width:100%; padding:5px; display:inline-block;}
label{float:left; width:30%}

#show-background{cursor:pointer; float:left; margin-left:1em;
background: url(/createcountdown/images/thumbs/Wolk.jpg);
width:50px; height:50px;
background-size:50px 50px;

}

.timer div{background-color:#fff;}
.timer{color:#000;}
#show-font,#change-visibility{
cursor:pointer;
}
#border-radius_dummy,
#background_dummy,
#font_dummy,.visibility-select,
#timezone_dummy,
#visibility-select_dummy,
select,.radio input[type=radio], #timezone-select, .image-picker input[type=radio], #images2, #images3, #images4, .countdown-style, .countdown-colors, .countdown-background, .countdown-gold, .countdown-style input[type=radio] {display:none;}

.create-form{background-color:rgba(72,72,72,0.4); 
  width: 100%;
  max-width: 800px;
  margin: 25px auto;
  padding: 20px;}

.image-picker img{    
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
-webkit-user-drag: none;
width:80px;
height:60px;
cursor: pointer;
      border: 1px solid #dddddd;
	      margin: 0px 2px 2px 0px;}

@media screen and (min-width:0px) and (max-width:800px) {	
.image-picker img{ width:60px;
height:40px;}
}	  

.checked{border: 1px solid #0033FF!important;}

.image-picker{
	width:auto;
height:auto;
  overflow: auto;

  }

.preview-timer-small{ 
width:130px; height:75px;
margin: 5px;

overflow:hidden;text-align:center; vertical-align:middle;
font-size:0.4em; cursor:pointer;  background:#fff;   display:inline-block}
 
.preview-timer-small div div{
padding:0 0.1em 0em 0.1em;

margin: 2px;
display : inline-block;

  border-radius: 0.08em;
  -moz-border-radius: 0.08e;
  -webkit-border-radius: 0.08em;
background-color:#ffffff;

     box-shadow: inset 0em -0.2em 0.4em 0em #000000,0.2em 0.4em 0.5em -0.1em #000000;
    -webkit-box-shadow: inset 0em -0.2em 0.4em 0em #000000,0.2em 0.4em 0.5em -0.1em #000000;
    -moz-box-shadow: inset 0em -0.2em 0.4em 0em #000000,0.2em 0.4em 0.5em -0.1em #000000;
    -o-box-shadow: inset 0em -0.2em 0.4em 0em #000000,0.2em 0.4em 0.5em -0.1em #000000;
}
.preview-timer-small div .big{
	  font-size: 6em;
}
.preview-timer-small div .small {

margin-top :-1.2em;
font-size : 0.2em;
font-weight:bold;
text-transform : uppercase;

}
.error{border: 2px solid #FF0000!important;}

.font-1{font-family:Bebasneue;}
.font-2{font-family:AlienEncounters;}
.font-3{font-family:DigitalDisplay;}
.font-4{font-family:BadGrunge;}
.font-5{font-family:Megalopolis;}
.font-6{font-family:LeagueGothic;}
.font-7{font-family:PartyByTom;}
.font-8{font-family:CalendarNote;}
.font-9{font-family:Qubix;}
.font-10{font-family:Varsity;}