/*****************************/

@keyframes ticker {
0%   {margin-top: -30px}
25%  {margin-top: -60px}
50%  {margin-top: -90px}
75%  {margin-top: -120px}
100% {margin-top: -30px}
}

.news {
  width: 300px;
  height: 30px;
  margin: 0px 0px 5px 80px;
  padding:5px 0px 0px 0px;
  overflow: hidden;
  border: 0.1px solid;
	border-color: #ffd2ca;
  -webkit-user-select: none;
  text-align:right;
  -webkit-box-shadow: 1px 1px 4px 0px rgba(149,0,0,0.11);
-moz-box-shadow: 1px 1px 4px 0px rgba(149,0,0,0.11);
box-shadow: 1px 1px 4px 0px rgba(149,0,0,0.11);
} 

.news span {
  float: left;
  margin: -5px 0px 0px 0px;
  padding: 5px 7px 1px 7px;
  position: relative;
  font: 14px 'Source Sans Pro', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-user-select: none;
  cursor: pointer;
  width:90px;
  height: 30px;
  text-align:center;
  letter-spacing:0px;
}

.news ul {
  padding-left:94px;
  float: left;
  animation: ticker 12s cubic-bezier(0.42,0,0.58,1) infinite;
  animation-play-state: paused;
  -webkit-user-select: none;
}

.news ul li {
margin-top:-5px;
line-height:35px;
text-align:left;
letter-spacing:0.5px;
}

.news ul li a {
text-align:left;
color: #000;
font: 12px Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-webkit-user-select: none;
}



/* OTHER COLORS */

.info {
	color: #000;}
.color01 { 
color: #FFF;
background-color:#FFF;
font: 14px Helvetica, Arial, sans-serif;
margin-top:-2px;
line-height:20px;
text-align:right;
letter-spacing:0.5px;
padding-right:40px;
}
.color02 { 
color: #000;
background-color:#FFF;
font: 14px Helvetica, Arial, sans-serif;
margin-top:-2px;
line-height:20px;
text-align:right;
letter-spacing:0.5px;
padding-right:78px;
}
.color03 { 
color: #000;
background-color:#FFF;
font: 14px Helvetica, Arial, sans-serif;
margin-top:-2px;
line-height:20px;
text-align:right;
letter-spacing:0.5px;
padding-right:64px;
}
.knopka  {
background: #FFF;
margin: 0px 0px -1px -11px;
width: 54px;
height: 17px;
}
.knopka li  {
padding-left:0px;
}
.knopka span {
color:#FFF;
background:rgb(130,217,136);
margin: 0px 0px 0px -18px;
font: 12px Helvetica, Arial, sans-serif;
width:90px;
}
.color02 { background: #FFF }
.color03 { background: #FFF }
.color04 { background: #FFF }
.color05 { background: #FFF }
.color06 { background: #FFF }
.color07 { background: #FFF }
.color08 { background: #FFF }
.color01 span { background:#C40000 }
.color02 span { background:#C40000 }
.color03 span { background:#C40000 }
.color04 span { background:#C40000 }
.color05 span { background:#C40000 }
.color06 span { background:#C40000 }
.color07 span { background:#C40000 }
.color08 span { background:#C40000 }
	
.overlay {
	position:absolute;
	z-index: 1;
	width: 100px;
	height: 100px;
	margin-top: -2px;
}

.overlaysmale01 {
	font-size: 0.35em;
	width: 75px;
	height: 75px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	background: rgba(255,122,122,1);
	    -webkit-box-shadow: 0 8px 16px -6px rgba(0,0,0,0.4);
       -moz-box-shadow: 0 8px 16px -6px rgba(0,0,0,0.4);
            box-shadow: 0 8px 16px -6px rgba(0,0,0,0.4);
	display: block;
	position: absolute;
	top: 1px;
	left: 120px;
}

.overlaysmale02 {
	font-size: 0.35em;
	width: 75px;
	height: 75px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	background: rgba(255,122,122,1);
	    -webkit-box-shadow: 0 8px 16px -6px rgba(0,0,0,0.4);
       -moz-box-shadow: 0 8px 16px -6px rgba(0,0,0,0.4);
            box-shadow: 0 8px 16px -6px rgba(0,0,0,0.4);
	display: block;
	position: absolute;
	top: -77px;
	left: 120px;
}

.overlaysmale03 {
	font-size: 0.35em;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	background: rgba(255,122,122,0.8);
	    -webkit-box-shadow: 0 8px 16px -6px rgba(0,0,0,0.4);
       -moz-box-shadow: 0 8px 16px -6px rgba(0,0,0,0.4);
            box-shadow: 0 8px 16px -6px rgba(0,0,0,0.4);
	display: block;
	position: absolute;
	top: 30px;
	left: 120px;
}

.overlaysmale04 {
	font-size: 0.35em;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	background: rgba(255,122,122,0.6);
	    -webkit-box-shadow: 0 8px 16px -6px rgba(0,0,0,0.4);
       -moz-box-shadow: 0 8px 16px -6px rgba(0,0,0,0.4);
            box-shadow: 0 8px 16px -6px rgba(0,0,0,0.4);
	display: block;
	position: absolute;
	top: 10px;
	left: 120px;
}

.overlayrest {
	z-index: 10000;
	font-size: 0.60em;
	width: 180px;
	height: 100px;
	border-radius: 5%;
	-webkit-border-radius: 5%;
	-moz-border-radius: 5%;
	background: rgba(213,10,11,0.7);
	-webkit-box-shadow: 0 8px 16px -6px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 8px 16px -6px rgba(0,0,0,0.4);
    box-shadow: 0 8px 16px -6px rgba(0,0,0,0.4);
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
    margin: auto;
	margin-bottom:-108px;
	top: 20px;
}

.overlay02 {
	z-index: 10000;
	font-size: 0.60em;
	width: 180px;
	height: 100px;
	border-radius: 5%;
	-webkit-border-radius: 5%;
	-moz-border-radius: 5%;
	background: rgba(213,10,11,0.7);
	-webkit-box-shadow: 0 8px 16px -6px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 8px 16px -6px rgba(0,0,0,0.4);
    box-shadow: 0 8px 16px -6px rgba(0,0,0,0.4);
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
    margin: auto;
	margin-bottom:-80px;
	top: 60px;
}

.overlay03 {
	font-size: 0.37em;
	width: 120px;
	height: 120px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	background: rgba(77,181,229,0.6);
	-webkit-box-shadow: 0 8px 16px -6px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 8px 16px -6px rgba(0,0,0,0.4);
    box-shadow: 0 8px 16px -6px rgba(0,0,0,0.4);
	display: block;
	position: absolute;
	top: -50px;
	left: 23px;
}

.overlay h1 {
  text-align: center;
  padding-top: 50px;
  color: #fff;
  font-family: inherit;
  line-height: 0.9em;
}

.overlay02 h1 {
  text-align: center;
  padding-top: 50px;
  color: #fff;
  font-family: inherit;
  line-height: 0.9em;
}

.overlay03 h1 {
  text-align: center;
  padding-top: 50px;
  color: #fff;
  font-family: inherit;
  line-height: 0.9em;
}

.overlay p{
  text-align: center;
  width: 80%;
  margin: 0 auto;
  color:#FFF;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.4);
  font-family: inherit;
  margin-top: 25px;
  margin-bottom: 20px;
  line-height: 1.1em
}

.overlaysmale01 p{
  text-align: center;
  width: 80%;
  margin: 0 auto;
  color:#FFF;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.4);
  font-family: inherit;
  margin-top: 22px;
  margin-bottom: 18px;
  line-height: 1.1em
}

.overlaysmale02 p{
  text-align: center;
  width: 80%;
  margin: 0 auto;
  color:#FFF;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.4);
  font-family: inherit;
  margin-top: 22px;
  margin-bottom: 20px;
  line-height: 1.1em;
}

.overlaysmale03 p{
  text-align: center;
  width: 80%;
  margin: 0 auto;
  color:#FFF;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.4);
  font-family: inherit;
  margin-top: 17px;
  margin-bottom: 20px;
  line-height: 1.1em;
}

.overlaysmale04 p{
  text-align: center;
}