/* Id: 7.17777605.1544479275
 * Generated: 2018-12-25 02:03:57
 */
    .christmas {    
    width: 200%;
    margin-bottom: 20px;
  	margin-left:-50%;
}

@media screen and (min-width: 768px) {
   .christmas .desktop-only {
      display:block;
   }
   .christmas .mobile-only {
      display:none;
   }
}
@media screen and (max-width: 767px) {
   .christmas .mobile-only {
      display:block;
   }
   .christmas .desktop-only {
      display:none;
   }
}


.christmas .initial-banner{
	width: 100%;
  	margin-bottom: 20px;
  	position:absolute;
  	left:0;
  	right:0;
  	transition: opacity .5s ease-in-out;
}
.christmas .initial-banner{
  	position:relative;
	height: 400px;
}
.christmas .initial-banner:after {
	content: "";
    display: block;
    height: 400px;
    position: relative;
    z-index: -1;
}
.christmas.en .initial-banner:after {
    background: #eaf6f9 url('/polopoly_fs/7.17777605.1544479275!/1264x400-iHEART-header-xmas-en.png') top center no-repeat;
}
.christmas.fr .initial-banner:after {
    background: #eaf6f9 url('/polopoly_fs/7.17777605.1544479275!/1264x400-iHEART-header-xmas-fr.png') top center no-repeat;
}


@media screen and (max-width: 767px) {
	.christmas.fr .initial-banner,
    .christmas.en .initial-banner{
  		height: 250px;
  	}
      .christmas.fr .initial-banner:after,
      .christmas.en .initial-banner:after{
  		height: 250px;
      	background-size:cover;
  	}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
	.christmas.fr .initial-banner,
    .christmas.en .initial-banner{
  		height: 250px;
  	}
    .christmas.fr .initial-banner:after,
    .christmas.en .initial-banner:after{
  		height: 250px;
      	background-size:contain;
  	}
}
    
/******* INITIAL BANNER *******/    
.christmas .initial-banner .banner-content {
	text-align: center;
    position: absolute;
    bottom: 40px;
    margin: 0 auto;
    display: inline-block;
    left: 50%;
    transform: translateX(-50%);
}

.christmas .initial-banner .banner-content h1{
  	color: #fff;
    margin-bottom: 32px;
  	font-size:57px;
  	line-height:57px;
  font-weight:bold
}
.christmas .initial-banner .banner-content a.btn { 
  	font-size: 18px;
    padding: 10px 45px;
    background-color: #ec1f27;
    border-color: #C6002B;
}
.christmas .initial-banner .banner-content a.btn:hover { 
	background-color:#000;
  	border-color: #000; 
}
@media screen and (max-width: 767px) {
	.christmas .initial-banner .banner-content {
  		bottom: 20px;
  	}
    .christmas .initial-banner .banner-content h1{
        margin-bottom: 22px;
        font-size:34px;
        line-height:34px;
	}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  	.christmas .initial-banner .banner-content {
		bottom:30px;
	}
    .christmas .initial-banner .banner-content h1 {
    	font-size: 47px;
    	line-height: 47px;
        margin-bottom: 12px;  
    }
}