#uccsmartico-rewardshub .uccsmartico-rewardshub-banner { position:relative; width:100%; height:70px; margin:0; padding:0; text-align:center; overflow:hidden;
  background: url('https://slotmadnesscampaign.com/campaign/coming-soon-ucc/lunchday/bg.jpg') no-repeat center/cover, linear-gradient(90deg, rgba(5,18,63,1) 0%, rgba(11,14,27,1) 100%); }
#uccsmartico-rewardshub .uccsmartico-rewardshub-banner img { height:auto; display:block; padding:0; border:0 !important; margin: 0 auto;}
#uccsmartico-rewardshub a, #uccsmartico-rewardshub a:hover{ text-decoration:none; border:none; color:#FFF; cursor:pointer; }
.uccsmartico-rewardshub-banner * { -ms-box-sizing: border-box;box-sizing: border-box; margin:0; padding:0; }
#uccsmartico-rewardshub .banner-comp {display: flex; align-items: center; height: 70px; width: 100%; max-width: 900px; margin: 0 auto; justify-content: center; padding: 5px; }
#uccsmartico-rewardshub .campaign-logo {width: 100%; height: auto; max-width: 140px; margin: 0 auto; position: relative; z-index: 2;}
#uccsmartico-rewardshub .frames {padding: 20px; z-index: 2;}
#uccsmartico-rewardshub .offer {width: 100%; max-width: 600px; margin: 0 auto; padding: 10px; z-index: 9;}
#uccsmartico-rewardshub .button-1 {z-index: 2;}
#uccsmartico-rewardshub .button-2 {width: 160%; position: relative; z-index: 2;right: 10px;}



/*SLIDER*/
#uccsmartico-rewardshub .frames-container {width: 100%; height: auto; position: relative; max-width: 800px; z-index: 2; margin: 0 10px;} 
#uccsmartico-rewardshub .frame-1 {display: block; width: 100%;height: auto;}

/* 2ND SLIDE */
#uccsmartico-rewardshub .frame-2 { position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0;}
#uccsmartico-rewardshub .frame-image{width: 100%; max-width: 560px;}


/* ANIMATION SLIDE OFFER */
.frame-1 {
  animation: uccsmartico-rewardshub-fade-1 6s infinite;
  -webkit-animation: uccsmartico-rewardshub-fade-1 6s infinite;
}

.frame-2 {
  animation: uccsmartico-rewardshub-fade-2 6s infinite;
  -webkit-animation: uccsmartico-rewardshub-fade-2 6s infinite;
}

@keyframes uccsmartico-rewardshub-fade-1 {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes uccsmartico-rewardshub-fade-2 {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/* ANIMATION SLIDE OFFER */


/* MOBILE */

@media screen and (max-width:960px){		
  #uccsmartico-rewardshub .frame-image{width: 100%; max-width: 540px;}
  #uccsmartico-rewardshub .button-2 {width: 100%; right: -4%;}
  #uccsmartico-rewardshub .banner-comp {max-width: 960px; margin: 0 2%;}	
}


@media screen and (max-width:568px){

  #uccsmartico-rewardshub  #mobile-offer {display: flex; position: relative; width: 100%; max-width: 450px; height: auto; min-height: 100px; margin: 0 auto; align-items: center;}
  #uccsmartico-rewardshub .uccsmartico-rewardshub-banner {height:100px; background: url('https://slotmadnesscampaign.com/campaign/coming-soon-ucc/lunchday/bg-m.jpg') no-repeat center/cover;}
  #uccsmartico-rewardshub .campaign-logo {width: 100%; height: auto; max-width: 100px; margin: 0 auto; position: relative; float: left; margin-top: 5px!important;}
  #uccsmartico-rewardshub .banner-comp {display: block; height: 100px; align-items: flex-start; padding: 0px;}
  

  #uccsmartico-rewardshub .banner-comp-mbl {display: block; width: 100%; height: auto; position: relative; max-width: 550px; z-index: 2; }
  #uccsmartico-rewardshub .banner-comp {display: none;}

  #uccsmartico-rewardshub .frames-container {width: 100%; height: auto; max-height: 70px; display: flex; position: relative; max-width: 320px; z-index: 2; right: 0px; padding: 0!important; margin: 0 auto;}
  #uccsmartico-rewardshub .frame-1 { display: block; width: 100%; margin: 0 -100px; height: auto; max-width: 400px; }
  #uccsmartico-rewardshub .frame-image{width: 90%; max-width: 320px;}
  #uccsmartico-rewardshub .frame-2 { display: block; width: 100%; margin: 0 -100px; height: auto; max-width: 400px; }

  #uccsmartico-rewardshub .button-2 {position: absolute; width: 70%; bottom: -90; right: -120px;}
}
@media screen and (max-width:490px){
  #uccsmartico-rewardshub .frame-1 { margin: 0 -70px; max-width: 400px; }
  #uccsmartico-rewardshub .frame-2 { margin: 0 -70px; max-width: 400px; }
  #uccsmartico-rewardshub .button-2 {width: 60%; bottom: -90; right: -95px;}
}
@media screen and (max-width:414px){
  #uccsmartico-rewardshub .frame-1 { margin: 0 -50px; max-width: 400px; }
  #uccsmartico-rewardshub .frame-2 { margin: 0 -50px; max-width: 400px; }
  #uccsmartico-rewardshub .button-2 {width: 50%; bottom: -60; right: -80px;}
  #uccsmartico-rewardshub .frame-image{width: 85%;}	
}
@media screen and (max-width:390px){
  #uccsmartico-rewardshub .frame-1 { margin: 0 -40px; max-width: 350px; }
  #uccsmartico-rewardshub .frame-2 { margin: 0 -40px; max-width: 350px; }
  #uccsmartico-rewardshub .frame-image{width: 85%; max-width: 320px;}	
  #uccsmartico-rewardshub .button-2 {width: 50%; bottom: -60; right: -85px;}
  #uccsmartico-rewardshub .frame-image{width: 85%;}	
}
@media screen and (max-width:320px){
  #uccsmartico-rewardshub .frame-1 { margin: 0 -30px; max-width: 300px; }
  #uccsmartico-rewardshub .frame-2 { margin: 0 -30px; max-width: 300px; }
  #uccsmartico-rewardshub .frame-image{width: 70%; max-width: 300px;}	
  #uccsmartico-rewardshub .button-2 {width: 36%; bottom: -60; right: -30px;}
}