/*
 * Bootstrap Cookie Alert by Wruczek
 * https://github.com/Wruczek/Bootstrap-Cookie-Alert
 * Released under MIT license
 */
.cookiealert {
    background: #375cab;
    color: #FFFFFF;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0 !important;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    border-radius: 0;
    transform: translateY(100%);
    transition: all 500ms ease-out;
}

.cookiealert.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0%);
    transition-delay: 10000ms;
}

.cookiealert a {
    text-decoration: underline
}

.cookiealert .acceptcookies {
    margin-left: 10px;
    vertical-align: baseline;
}

#signup-slider-body {
  color:#FFFFFF;
  margin:0;
  padding:0;
  position:relative;
  z-index:9999
}

.dismiss {
  color:#FFFFFF;
  position:absolute;
  right:15px;
  top:15px;
  z-index:4
}

#signup-slider-body {
  margin:0 auto;
  position:relative;
}

.cookiealert form {
  position:relative;
  z-index:4
}

#signup-slider-body .media-body .font-14px {
  font-size: 14px;  
  line-height: 26px;
}

#signup-slider-body .media-body .font-20px {
  font-size: 20px;
}

.media-body, .media-left, .media-right {
    display: table-cell;
    vertical-align: top;
}
.media-left, .media>.pull-left {
    padding-right: 10px;
}

.cookiealert .form-control,
.cookiealert .input-group-addon,
.cookiealert .input-group-btn>button{
    height:30px;
  padding:5px 10px;
  font-size:12px;
  line-height:1.5;
  border-radius: 0;
  border: 1px solid #ccc;
}

.cookiealert .input-group-btn>button {
  color: #ffffff;
  background: #032b3d;
}
.cookiealert .input-group-btn>button:hover {
    background: #205c81;
}

/*
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none!important;
  }
  .media-body .slider-content.col-sm-12 {
    max-width: 100% !important;
  }
  .media-body .col-sm-12 {
    max-width: 100%;
}
}

@media (max-width: 767px) {
  .hidden-xs{
    display:none!important
  }
}

@media (min-width: 992px) {
  
  .col-md-5 {
    width: 41.66666667%;
  }

  .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
    float: left;
  }
}
*/
