/* cookie note */
div.cookieNote { position: fixed; left: 0px; bottom: 0px; width: 100%; background-color: rgba(0,0,0,0.8); z-index: 20; }
div.cookieNoteInnerWrapper { width: 1185px; margin: 0px auto; }
div.cookieText {  float: left; width: 879px; padding: 10px 0px;  font-weight: normal; color: #cccfd2; font-size: 15px; line-height:20px;}
div.cookieText a { font-weight: normal; color: #FFFFFF; text-decoration: underline; }


.cookieButton {
  float: right;
  display: block;
  width: 215px;
  margin: 8px 0px;
  margin-bottom:10px;
  font-size: 15px;
  line-height: 35px;
  color: #ffffff;
  text-align: center;
  vertical-align: center;
  text-decoration: none;
  text-transform: uppercase;
  background-color: #4DA635;
  font-weight: bold;
  -webkit-appearance: button;
  cursor: pointer;
}
@media only screen and (max-width: 1023px) {
  div.cookieText {
    float: right;
    max-height: 200px;
    overflow: auto;
    padding: 0;
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .cookieButton {
    float: left;
    width: 100%;
    margin: 10px 0;
    line-height: 30px;
  }
}

a.cookieButton
{
float: right; display: block; width: 215px; margin: 22px 0px;
font-size: 15px; line-height: 44px; color: #ffffff;
text-align: center; vertical-align: center; text-decoration: none; text-transform: uppercase;
background-color: #4DA635;
}

a.cookieButton:hover { background-color: #91999A; cursor: pointer; }

@media only screen and (max-width: 1279px) {
  div.cookieNoteInnerWrapper { width: 902px;  }
  div.cookieText { width: 628px; }
}

@media only screen and (max-width: 1023px) {
  div.cookieNoteInnerWrapper { width: 690px;  }
  div.cookieText { width: auto; }
}

@media only screen and (max-width: 767px) {
  div.cookieNoteInnerWrapper { width: 90%;  }
  div.cookieText { width: 100%; float: none; }
  a.cookieButton { float: none; margin: 0px auto 22px auto; }
}