.xtop-bar {display: flex;flex-direction: row;justify-content: space-between;align-items: center;background-color:#222;color: #fff;padding: 8px 0 8px;position: relative;width: 100vw;top: 0;z-index: 1000;perspective: 1000px;margin:0 auto;line-height:normal;}
.xtop-bar-inner {display: flex;flex-direction: row;justify-content: space-between;align-items: center;width: 95%;margin:0 auto;transition: transform 1s;transform-style: preserve-3d;}
.xzhidden {transform: rotateX(97deg) translateY(-10px);box-shadow:0 20px 20px #000;}
.xtop-bar-text, .xtop-bar-link {backface-visibility: hidden;}
.xtop-bar-text {font-size: 16px;}
.xtop-bar-link {background-color: #ff6347;color: #fff;text-decoration: none;padding: 10px 20px;font-size: 14px;border-radius: 5px;animation: glow 1.5s infinite alternate;backface-visibility: hidden;border:1px solid rgba(255,255,255,0.0);text-transform:uppercase;text-decoration:none!important;font-weight:400!important;}
.xtop-bar-link:hover{background-color:#cf442b;border:1px solid #993320;color:#fff;}
.xblue{filter: hue-rotate(181deg);}
.xmov{filter: hue-rotate(245deg);}
.xwhite{color:#F0ECD9;font-weight:100;font-style:italic;}.op{opacity:.5;}
@keyframes glow {0% {box-shadow: 0 0 5px #ff6347;}100% {box-shadow: 0 0 20px #ff6347;}}
@media (min-width: 250px) and (max-width: 768px)
{.xtop-bar-inner {flex-direction: column;text-align: center;justify-content:center;}
.xtop-bar-link {margin-top: 10px;}}