nav[canvas] {
				height: 160px;
				line-height: 160px;
				font-size: 46px;
				background-color:#ed1c24;
			}
			.rfmLogo svg {
				fill: #000000;
			}

			.bgMain{
				position: relative;
				background: #000000;
				overflow: hidden;
			}
			/* You could use :after - it doesn't really matter */
			.bgMain:before {
				content: ' ';
				display: block;
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				z-index: 1;
				opacity: 0.2;
				background-repeat: no-repeat;
				background-position: 50% 0;
				-ms-background-size: cover;
				-o-background-size: cover;
				-moz-background-size: cover;
				-webkit-background-size: cover;
				background-size: cover;
				z-index:0;
			}


            .bgSomnii {
                background-image: url('../images/bg_default_WebRad_Somnii.jpg');
            }
            .bg80s {
                background-image: url('../images/bg_default_WebRad_80s.jpg');
            }
            .bgOceano {
                background-image: url('../images/bg_default_WebRad_Oceano.jpg');
            }
             .bgCaparica {
                background-image: url('../images/RFM-Sol-da-Caparica-bg.jpg');
            }


			/* main logo color*/
			.rfmLogo svg {
			  fill:#000000;
			}


			.fixedBottomBannerPlayer {
				position: fixed;
				background: rgba(0, 0, 0, 0.7);
				display: none;
				right: 30px;
				bottom: 90px;
				padding: 20px;
				z-index:9;
			}
			.fixedCenteredBannerPlayer {
				position: fixed;
				background: rgba(0, 0, 0, 0.7);
				display: none;
				right: 30px;
				bottom: 90px;
				padding: 20px;
				z-index:9;
			}


			/* BreadCrums */
			.breadCrumsTxtLnk {
				color:#ff9d9d !important;
			}	
			
			.breadCrumsBox {
				font-size:1.6em;
				line-height:2.2em;
				color:white;
				font-weight:400;
				text-transform:uppercase;		
			}
			.breadCrumsLine div {
				display: inline-block;
				vertical-align: bottom;
				float: none;
			}
			.breadCrumsLine {
				display: table-cell;
				padding:5px 0 8px 0;
				line-height:1.4em	
			}
			.breadCrumsPic {
				height:26px;
			}
			.breadCrumsPic a img {
				height:24px;
			}			
			.breadCrumsTxt {
				font-size:26px;
				line-height:26px;
				padding-left:2px;
			}

			.breadCrumsTxt a {
				color:#ff9d9d !important;
			}

			.breadCrumsTxtLnk {
				color:#ff9d9d;
			}			
			
			/* Player Share Icons */
			.sharePlayer {
				display: table-cell;
				padding:8px 0 8px 0;
				line-height:1.2em		
			}
			.sharePlayerIcon {
				display: inline-block;
				position: relative;
				vertical-align: middle;
			}
			
			.shareIco {
				width: 40px;
                height: 40px;
			}







			/* player */
			.albumCover {
				width:100%;
				height:auto;
			}
			.albumCover {width:80%; margin:5% 10% 5% 10%;}			
		
			.album_container {
				position:relative;
				display:inline-block;
				text-align:center;	
			}
			
			.centerPlay {
				position:absolute;
				bottom:50%;
				right:50%;
				width:40%;
				height:auto;
				margin: 0 -28% 0 0;
			}
            .centerPlayFl {
				position: absolute;
				top:45%;
				left: 0;
				right: 0;
				margin: auto
            }

			.playerPlayIco { /* svg into : object, img or inline */
			  display: block;
			  position: absolute;
			  top: 0;
			  left: 0;
			  width: 60%;  /* only required for <img /> */
              cursor:pointer;
			}
		
			.plyrTime {
				color:#ef4343;
				font-size:140%;
			}
			.plyrAuthor {
				color:white;
				font-size:180%;
				font-weight:500;
				line-height:100%;
				text-transform:uppercase;
			}
			.plyrSong {
				color:#6d6d6d;
				font-size:140%;
				font-weight:400;
				text-transform:uppercase;
			}
			.plyrPlay {
				height:60px;
				line-height:60px;
				margin-bottom:20px;
			}
			.plyrVote {
				max-width:25px;
				height:auto;
				vertical-align:middle;
				margin:0 2px 4px 2px;
			}
			.plyrPlay img {
				height:100%;
				width:auto;
			}
			.plyrGoback {
				color:#ff5252;
				margin-top:1em;
			}
            /* Share Player */
            .sharePlayerIcos {
                width: 40px;
                height: auto;
                margin: 1.2em 0.25em 0.75em 0.25em;
            }
			/* previous and next Programs */
			.dayProgramsAnimPic {
				border:2px solid #ff5252;
			}
			.dayProgramsAnimPicGrey {
				border:2px solid grey;
			}			
			.dayProgramsAnimName {
				font-size:140%;
				text-transform:uppercase;
				font-weight:500;
				line-height:120%;
			}
			.dayProgramsDate {
				text-transform:uppercase;
				color:grey;
			}
			
			.dayProgramsNextArrow {
				width: 30%;
				height: auto;
				margin-top:12%;
			}


			/* footer Carousel */
			.fixedBottomCarousel {
				position: fixed;
				bottom: 20px;
				background: rgba(0, 0, 0, 0.7);
				}
			
			.carousel .item {
			 	height:auto;
				width:100%;
			}

                       /* IK */

                                               .carousel-control {
    position: absolute;
    top: -30px;
    bottom:0px;
    left: 0px;
    right:0px;
    width: 10%;
    font-size: 200px !important;
    color: #fff;
    text-shadow: 0px 1px 2px rgba(0,0,0,0.6);
     /*background-color: rgba(0, 0, 0, 0.5);*/
    filter: alpha(opacity=50);
    opacity:1;
}
@media screen and (min-width:768px) {
    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
        width: 60px;
        height: 60px;
        margin-top: -10px;
        font-size: 28px;
        color: white;
    }

}

/* IK END */

			.carousel-showsixmoveone
			{
			  .carousel-control
			  { 
				width: 4%;
				background-image:none;
			
				&.left 
				{
				  margin-left:15px;
				}
			
				&.right 
				{
				  margin-right:15px;
				}
			  }
			
			  .cloneditem-1, 
			  .cloneditem-2, 
			  .cloneditem-3,
			  .cloneditem-4, 
			  .cloneditem-5
			  {
				display: none;
			  }
			
			  .carousel-inner
			  {
				@media all and (min-width: 768px)
				{
				  @media (transform-3d), (-webkit-transform-3d)
				  {
					> .item.active.right,
					> .item.next
					{ 
					  transform: translate3d(33.333%, 0, 0);  
					  left: 0;
					}
			
					> .item.active.left,
					> .item.prev
					{ 
					  transform: translate3d(-33.333%, 0, 0);
					  left: 0;
					}
			
					> .item.left,
					> .item.prev.right,
					> .item.active
					{
					  transform: translate3d(0, 0, 0);
					  left: 0;
					}    
				  } 
			
				  > .active.left,
				  > .prev
				  {
					left: -33.333%;
				  }
			
				  > .active.right,
				  > .next
				  {
					left:  33.333%;
				  }
			
				  > .left,
				  > .prev.right,
				  > .active
				  {
					left: 0;
				  }
			
				  .cloneditem-1,
				  .cloneditem-2
				  {
					display: block;
				  }
				}
			
				@media all and (min-width: 992px)
				{    
				  @media (transform-3d), (-webkit-transform-3d)
				  {
					> .item.active.right,
					> .item.next
					{ 
					  transform: translate3d(16.666%, 0, 0);  
					  left: 0;
					}    
			
					> .item.active.left,
					> .item.prev
					{ 
					  transform: translate3d(-16.666%, 0, 0);
					  left: 0;
					}
			
					> .item.left,
					> .item.prev.right,
					> .item.active
					{
					  transform: translate3d(0, 0, 0);
					  left: 0;
					}
				  }
			
				  > .active.left,
				  > .prev
				  {
					left: -16.666%;
				  }
			
				  > .active.right,
				  > .next
				  {
					left:  16.666%;
				  }
			
				  > .left,
				  > .prev.right,
				  > .active
				  {
					left: 0;
				  }
			
				  .cloneditem-3,
				  .cloneditem-4, 
				  .cloneditem-5
				  {
					display: block;
				  }
				}    
			  }
			}
			


/* Player WebRadios*/


.rowVA {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    text-align: right;
}

    .rowVA > [class*='col-'] {
        display: flex;
        flex-direction: column;
        align-self: center;
    }

        .rowVA > [class*='col-'] img {
            align-self: center;
        }

.lgPlyrRfm {
    width: 80%;
}
.lgPlyr80s {
    width: 65%;
}	
.lgPlyrSomnii {
    width: 65%;
}

.lgPlyrOceano {
    width: 65%;
}




/* Modal Pages */
.modal-backdrop {
    /*z-index: -1; */
}

.modal {
    overflow: inherit;
    overflow-y: inherit;
    text-align: center;
    padding: 0;
}

    .modal:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px;
    }

.modal-dialog {
    max-width: 90%;
    padding: 0;
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.modal-content {
    border: 2px solid #ff4747;
    border-radius: 0;
    webkit-box-shadow: none;
    box-shadow: none;
    padding: 30px;
    opacity: 0.90;
}

.modal-header {
    border: 0;
    padding 0;
    position: relative;
}

    .modal-header .close {
        margin: 0;
        padding: 0.2em;
        position: absolute;
        top: -65px;
        right: -20px;
        background-color: #ffffff;
        color: #ff4747;
        font-size: 2em;
        line-height: 0.75em;
        font-weight: 100;
        opacity: 1;
        z-index: 10;
        border: 2px solid #ff4747;
    }

.modal-content p {
    padding: 0 20px;
}

.modal-body {
    padding: 0 0 10px 0;
    overflow: auto;
}