/* Id: 7.17856309.1575490881
 * Generated: 2019-12-04 15:31:47
 */
    .base-heroBanner {    
    width: 200%;
    margin-bottom: 20px;
  	margin-left:-50%;
  	overflow:hidden;
}
.base-heroBanner h1 { 
    text-align: center; 
}
body[data-station-id=radio] .base-heroBanner h2,
.base-heroBanner h2 {
    color: #fff;
    margin-bottom: 32px;
    font-size: 57px;
    line-height: 57px;
    display: block;
}
.base-heroBanner h2:before,
.base-heroBanner h2:after {
    display: none;
}

.base-heroBanner a.btn{ 
  font-size: 18px;
  padding: 10px 45px;
  margin:0 10px;
  border: none;
  color: #FFFFFF;
}

.base-heroBanner .btn.veryLightGrey {
  background-color: #F6F8F9;
  color: #27292D;
}
.base-heroBanner .btn.veryLightGrey:hover {
  background-color: #D1D3D4;
}



.base-heroBanner .btn.lightGrey {
  background-color: #C5CDD2;
  color: #27292D;
}
.base-heroBanner .btn.lightGrey:hover {
  background-color: #A8AFB3;
}



.base-heroBanner .btn.grey {
  background-color: #717277;
}
.base-heroBanner .btn.grey:hover {
  background-color: #606165;
}



.base-heroBanner .btn.darkGrey {
  background-color: #27292D;
}
.base-heroBanner .btn.darkGrey:hover {
  background-color: #212326;
}



.base-heroBanner .btn.red {
  background-color: #E22C3A;
}
.base-heroBanner .btn.red:hover {
  background-color: #C02531;
}



.base-heroBanner .btn.blue {
  background-color: #2881D3;
}
.base-heroBanner .btn.blue:hover {
  background-color: #226EB4;
}



.base-heroBanner .btn.green {
  background-color: #6CC58B;
  color: #27292D;
}
.base-heroBanner .btn.green:hover {
  background-color: #5CA876;
}



.base-heroBanner .btn.pink {
  background-color: #ED39AB;
}
.base-heroBanner .btn.pink:hover {
  background-color: #CA3192;
}



.base-heroBanner .btn.orange {
  background-color: #FC5205;
}
.base-heroBanner .btn.orange:hover {
  background-color: #D74604;
}



.base-heroBanner .btn.turquoise {
  background-color: #3E919C;
}
.base-heroBanner .btn.turquoise:hover {
  background-color: #357B85;
}



.base-heroBanner .btn.purple {
  background-color: #8D5BCD;
  color: #FFFFFF;
}
.base-heroBanner .btn.purple:hover {
  background-color: #784DAF;
}



.base-heroBanner .btn.yellow {
  background-color: #FDC040;
  color: #27292D;
}
.base-heroBanner .btn.yellow:hover {
  background-color: #D7A437;
}

  
  

    
 

.base-heroBanner .initial-banner,
.base-heroBanner .second-banner {
	width: 100%;
    opacity:0;
  	visibility:hidden;
  	position:absolute;
  	left:0;
  	right:0;
  	transition: opacity .5s ease-in-out;
}
.base-heroBanner.not-switched-banner .initial-banner,
.base-heroBanner.switched-banner .second-banner,
.base-heroBanner.single-banner .initial-banner{
  	opacity:1;
  	visibility:visible;
  	position:relative;
}
.base-heroBanner.switched-banner .initial-banner {
	opacity:0;
  	visibility:hidden;
  	position:absolute;
} 
     
.base-heroBanner .initial-banner,
.base-heroBanner .second-banner {
	height: 400px;
}
.base-heroBanner .initial-banner:after,
.base-heroBanner .second-banner:after{
	content: "";
    display: block;
    height: 400px;
    position: relative;
    z-index: -1;
}

.base-heroBanner .banner-content {
	text-align: center;
    position: absolute;
    bottom: 40px;
    margin: 0 auto;
    display: inline-block;
    left: 50%;
    transform: translateX(-50%);
}

@media screen and (max-width: 767px) {
    .base-heroBanner {    
        width: 100vw;
        margin-left:-10px;
    }
    .base-heroBanner.banner-to-switch .initial-banner,
	.base-heroBanner.banner-to-switch .second-banner,
   	.base-heroBanner.single-banner .initial-banner{
          height: 0;
          padding-bottom: 100%;
  	}
    .base-heroBanner.banner-to-switch .initial-banner:after,
	.base-heroBanner.banner-to-switch .second-banner:after,
    .base-heroBanner.single-banner .initial-banner:after{
        height: 100%;
        width: 100%;
        background-size: cover;
        position: absolute;
        top: 0;
        left: 0;
  	}
    .base-heroBanner .banner-content {
  		bottom: 30px;
      }
    body[data-station-id=radio] .base-heroBanner h2,
    .base-heroBanner h2 {
        margin-bottom: 22px;
        font-size:34px;
        line-height:34px;
    }
    .base-heroBanner.banner-to-switch a.btn {
        width:auto;
        padding:10px 20px 15px;
        margin-bottom: 10px;
    }
    .base-heroBanner.banner-to-switch a.btn:last-of-type {
        margin-bottom: 0;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
	body[data-station-id=radio] .base-heroBanner h2,
    .base-heroBanner h2 {
    	font-size: 47px;
    	line-height: 47px;
    }
}