/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lato-v23-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v23-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v23-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v23-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v23-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v23-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}

#okCookie{
  background-color:#87bc24;
  color:#333333;
  position:fixed;
  bottom:0;
  left:0;
  width:100%;
  padding:10px;
  font-family:sans-serif;
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
  box-sizing: border-box;
  z-index:10;
}

#okCookie p {
    color: white;
    float: left;
    margin: 0;
    padding: 5px 0;
	font-family:"Lato";
	font-size:1em;
}


#okCookie #okClose, #okCookie #okCprivacy {
    border-radius: 2px;
    color: white;
    float: right;
    font-family: "Lato";
    font-size: 1em;
    letter-spacing: 0.04em;
    margin-left: 10px;
    padding: 5px 12px;
    text-decoration: none;
}

#okCookie #okClose {
    background-color: rgba(255, 255, 255, 0.2);
}


#okCookie #okClose:hover{
	
	background-color:rgba(255, 255, 255, 0.8);
	
	}

#okCookie #okCprivacy {
    background-color: rgba(255, 255, 255, 0.2);
}



#okCookie #okCprivacy:hover{
	background-color:rgba(255, 255, 255, 0.8);
}

.okcBeginAnimate{
    -webkit-animation: myfirst 2s; 
    animation: myfirst 2s;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes myfirst {
    from {opacity: 0;}
    to {opacity: 1;}
}

/* Standard syntax */
@keyframes myfirst {
    from {opacity: 0;}
    to {opacity: 1;}
} 

@media screen and (max-width:1000px) {



#okCookie p {
    color: white;
    float: left;
    margin: 0;
    padding:0;
	font-family:"Lato";
	font-size:0.8em;
}

#okCookie #okClose, #okCookie #okCprivacy {
    border-radius: 2px;
    color: white;
    float: right;
    font-family: "Lato";
    font-size: 0.8em;
    letter-spacing: 0.04em;
    margin-left: 10px;
    padding: 3px 2px;
    text-decoration: none;
 	margin-top: 3px;
	}


}