.zone-ribbon {
    display: flex;
    justify-content: center;
    position: absolute;
    z-index: 100;
    width: 100%;
    top: 110px;
}

.ribbon {
    display: inline-block;
	cursor: pointer;
}

/*.zone-ribbon {
    display: flex;
    justify-content: center;
    position: absolute;
    z-index: 100;
    width: 100%;
    top: 110px;
    padding-left: 180px;
    padding-right: 85px;
}

@media (max-width: 1600px) {
    .zone-ribbon {
        padding-left: 268px;
        padding-right: 180px;
    }
}

@media (max-width: 1500px) {
    .zone-ribbon {
        padding-left: 150px;
        padding-right: 180px;
    }
}

@media (max-width: 1400px) {
    .zone-ribbon {
        padding-left: 80px;
        padding-right: 180px;
    }
}*/

@media (max-width: 1349px) {
    .zone-ribbon {
        display: none;
    }
}

/*.ribbon {
    display: inline-block;
	cursor: help;
}*/

.arrow-box {
    position: relative;
    background: #3D444D;
    border: 5px solid #FFC034;
}

/*.arrow-box:after,
.arrow-box:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow-box:after {
    border-color: rgba(255, 192, 52, 0);
    border-bottom-color: #3D444D;
    border-width: 20px;
    margin-left: -20px;
}

.arrow-box:before {
    border-color: rgba(185, 137, 45, 0);
    border-bottom-color: #FFC034;
    border-width: 27px;
    margin-left: -27px;
}*/

.neon-text-center {
    display: flex;
    justify-content: center;
    padding: 20px;
    overflow: hidden;
}

.neon-text {
    animation: flicker 1.5s infinite alternate;
    color: #FFC034;
    font-size: 40px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
}

@keyframes flicker {
    0%,
    18%,
    22%,
    25%,
    53%,
    57%,
    100% {
        text-shadow: 0 0 4px #FFC034, 0 0 11px #FFC034, 0 0 19px #FFC034, 0 0 40px #FFC034, 0 0 80px #FFC034, 0 0 90px #FFC034, 0 0 100px #FFC034, 0 0 150px #FFC034;
    }
    20%,
    24%,
    55% {
        text-shadow: none;
    }
}

/*.close {
    color: #FFFFFF;
    font-size: 35px;
    font-weight: bold;
    background-color: #FF0000;
	width: 35px;
	height: 35px;
	display: flex;
	justify-content: center;
	align-items: center;
	-khtml-user-select : none;
	-webkit-user-select : none;
	-moz-user-select : -moz-none;
	-ms-user-select : none;
	user-select : none;
}

.close:hover,
.close:focus {
    text-decoration: none;
    cursor: pointer;
}*/