.mong-news-ticker-wrap { position:relative; overflow:hidden } 
.mong-news-ticker { position:relative; overflow:hidden; display:block; height:34px; box-sizing:border-box; line-height:34px; font-size:.9375rem } 
.mong-news-ticker .ticker-notice { position:absolute; left:0; top:0; bottom:0; height:100%; color:var(--color-widget-title-text-primary); text-align:center; font-size:1rem; font-weight: bold; padding:0 15px; border-radius:5px; line-height:35px; cursor: pointer; background-image: var(--color-login-menu-button-primary); z-index:2;  } 
.mong-news-ticker .ticker-news { position:absolute; top:0; bottom:0; left:0; right:0; height:100%; overflow:hidden } 
.mong-news-ticker .ticker-news ul { position:relative; top:0; left:0; display:block; height:100%; list-style:none; padding:0; margin:0; width:100% } 
.mong-news-ticker .ticker-news ul li { position:relative; overflow:hidden; float:left; width:auto; display:list-item; height:36px; line-height:36px; box-sizing:border-box; text-overflow:ellipsis; white-space:nowrap } 
.mong-news-ticker .ticker-news ul li a { position:relative; display:block; font-size:16px; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 15px; color:var(--color-ui-text-primary-3) !important } 
.mong-news-ticker .ticker-news ul li a:hover { color:#000; text-decoration:underline } 
.mong-news-ticker .ticker-button { position:absolute; top:0; bottom:0; right:0; width:auto; height:100%; } 
.mong-news-ticker .ticker-button .prev-button { color:#fff; width:32px; float:left; height:100%; padding:0; border: none !important; border-radius: 20px 0px 0px 20px; background:#484b54; line-height:3px } 
.mong-news-ticker .ticker-button .prev-button:hover, .news-ticker .ticker-buttons button:focus { background:#3a3d46; outline:none; box-shadow:none } 
.mong-news-ticker .ticker-button .pause-button { width:32px; color:#fff; border: none !important; border-left:0; border-right:0; text-align:center; height: 37px; line-height: 0px; background:#4b4b4d; } 
.mong-news-ticker .ticker-button .pause-button:hover, .news-ticker .ticker-buttons .ticker-pause:focus { border-left:0; border-right:0; background:#3a3d46; } 
.mong-news-ticker .ticker-button .next-button { color:#fff; width:32px; float:right; height:100%; padding:0; border: none !important; border-radius: 0px 20px 20px 0px; background:#484b54; line-height:3px } 
.mong-news-ticker .ticker-button .next-button:hover, .news-ticker .ticker-buttons button:focus { background:#3a3d46; outline:none; box-shadow:none } 
.mong-news-ticker .button-play::after { font-family: 'unicons-line'; content:"\ea47"; font-weight:400 } 
.mong-news-ticker .button-pause::after { font-family: 'unicons-line'; content:"\ea48"; font-weight:400 } 
@media (max-width:767px){
 .mong-news-ticker .ticker-title { display:none } 
 .mong-news-ticker .ticker-news { left:0 !important } 
 }
.designmong-info-bar { position:relative; border-radius: 4px; padding: 15px; background: var(--color-widget-box-primary); box-shadow: var(--color-widget-box-shadow); } 
.designmong-info-bar-botton { margin-top:15px; } 
.designmong-info-bar-botton img { height:auto } 
.designmong-info-bar-botton .purchase-btn { background: linear-gradient(90deg, #f073c8 0%, #ff6a95 99%); width:503px; border-radius: 4px; font-size: 14px; padding: 11px 15px; font-weight: bold; cursor: pointer; text-align: center; color: #ffffff; box-shadow: 0 12px 12px -11px rgb(160 44 219 / 58%); background-size: 200% auto; text-transform: uppercase; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } 
.designmong-info-bar-botton .purchase-btn:hover { background-position: right center; box-shadow: 0 12px 20px -11px rgba(255, 106, 149, 0.72) } 
.designmong-info-bar-botton .demo-btn { background-image: linear-gradient(to right, #68e4bc 0%, #4ad0d1 99%); border-radius: 4px; font-size: 14px; padding: 11px 15px; font-weight: bold; cursor: pointer; text-align: center; color: #fff !important; box-shadow: 0 12px 12px -11px #0db4afb8; background-size: 200% auto; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } 
.designmong-info-bar-botton .demo-btn:hover { background-position: right center; box-shadow: 0 12px 20px -11px #0db4afb8; } 
@media (max-width:1199px){
 .designmong-info-bar-bottom img { display:none } 
 }
@media (max-width:767px){
 .mong-news-ticker .ticker-notice { display:none } 
 .designmong-info-bar { padding:15px } 
 .designmong-info-bar-botton .purchase-box { display:none } 
 .designmong-info-bar-botton .demo-box { width: 100%; text-align:center; margin-bottom: 10px; }
 .designmong-info-bar-botton .demo-btn { width: 49.4%; }
 }
@media (max-width:450px){
 .designmong-info-bar-botton .purchase-btn { margin-left:5px; padding: 11px 15px; } 
 }
 .clearfix { display: block; position: relative; clear: both; } 
.purchase-box { float: left!important; } 
.demo-box { float: right!important; } 
.play-icon { height: 15px !important; width: 15px; position: relative; top: -1px; margin: 0 0 0 10px; }