/* source-code-pro-regular - latin */
@font-face {
  font-family: 'Source Code Pro';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/source-code-pro-v8-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Source Code Pro'), local('SourceCodePro-Regular'),
       url('../fonts/source-code-pro-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-code-pro-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-code-pro-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-code-pro-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-code-pro-v8-latin-regular.svg#SourceCodePro') format('svg'); /* Legacy iOS */
}
body {font-size: 18px; background-color:#FFFFFF;}
div#logo {
    margin-top: 30px;
}

#page-1 div#logo {
    margin-top: 230px;
}

#page-1 section#secinhalt {
    background: url(../../../user_upload/basic/Suasio_Countdown_BG.jpg)  no-repeat;
    background-size: cover;
}
.layout1 select {width:75%;}
#footernav {
    background-color: #aeb3bc;
}
#footernav *{
    color: #FFFFFF;
    margin-bottom: 0;
}
#footernav li, #footernav p {
    padding: 15px 0 10px 0;
}

#footernav ul{
    list-style: none;
    margin: 0 auto;
    display: inline-block;
  line-height:1;
}
#footernav ul li{
    float: left;
}

#footernav ul li a{
    padding: 5px 10px;
    font-size: 18px;
    display: block;
}

div#cd_div {
    width: 300px;
    margin: 150px auto 200px auto;
}
.lang-rtl {
	direction: rtl;
}

.displaySection {
	display: block;
	float: left;
	font-size: 24px;
	text-align: center;
	position:relative;
}
.periodDisplay {
	font-size: 30px;
	font-family: 'Source Code Pro';
}
.displaySection::after {content:':'; position:absolute; top:33px; font-size:50px; right:-10px; display:none}
.timerDisplay > span.displaySection:last-child::after {
	display: none;
}

.label4 .displaySection {
    width: 100%;
}


.numberDisplay {
	font-size: 100px;
}

.periodDisplay {
	display: block;
}

.timerDisplay {
	clear: both;
	width: 100%;
	padding: 8px 4px;
	text-align: center;
	float: left;
}

.labelformat {
	font-size: 100px;
}

@media screen and (min-width: 600px) {

div#cd_div {
    width: 100%;
    max-width: 800px;
}
.timerDisplay > span.displaySection::after {
	display: block;
}
.timerDisplay > span.displaySection:last-child::after {
	display: none;
}
  
.label4 .displaySection {
    width: 25%;
}

}