/* latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  src: local('Raleway Light'), local('Raleway-Light'), url(http://fonts.gstatic.com/s/raleway/v10/ZKwULyCG95tk6mOqHQfRBCEAvth_LlrfE80CYdSH47w.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  src: local('Raleway Light'), local('Raleway-Light'), url(http://fonts.gstatic.com/s/raleway/v10/-_Ctzj9b56b8RgXW8FArifk_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

.popup-visible .notice-wrapper {
    visibility: visible;
    opacity: 1;
}

.notice-wrapper {
	visibility: hidden;
    opacity: 0;
    position: fixed;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(62, 62, 62, 0.9);
    z-index: 9999;
    transition: all .8s ease;
}

.notice-popup .notice-text p, .notice-popup .notice-text ul{
    font-size: 14px;
    color: #fff;
    font-weight: 300;
    font-family: 'Raleway', sans-serif;
}
.notice-popup {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    border: 5px solid #ff6600;
    background: #272727;
    color: #fff;
    display: block;
    width: 100%;
    height: 100%;
    max-height: 420px;
    max-width: 600px;
    text-align: center;
}
.notice-popup ul {
    text-align: left;
}

.notice-content-wrapper {
	padding: 30px 30px 0;
}
.notice-popup .notice-text {
	margin-bottom: 60px;
}

.notice-popup .notice-exit {
	width: 100%;
	max-width: 300px;
	margin: 0 auto;
    background: #d5c300;
    color: #000;
    text-transform: uppercase;
    font-family: Oswald,sans-serif;
    font-weight: 100;
    padding: 20px;
    font-size: 14px;
    letter-spacing: .5px;
    display: block;
    // float: left;
    margin-bottom: 30px;
    transition: all .8s ease;
}

.notice-buttons .enter, .notice-buttons .exit{
    width: 100%;
    background: #f60;
    color: #fff;
    text-transform: uppercase;
    font-weight: 100;
    padding: 20px;
    font-size: 14px;
    letter-spacing: .5px;
    display: block;
    float: left;
    margin-bottom: 30px;
    transition: all .8s ease;
    font-weight: 700;
}
.notice-buttons .exit {
     background: #3a3a3a;
}