/*  *************************************************************************************** FONTS ***************************************************************************************** */

@font-face  {
    font-family: Vodafone-Light;
    src: url('/styles/fonts/VodafoneRg_0.eot');
    src: url('/styles/fonts/VodafoneRg_0.eot?#iefix') format('embedded-opentype'),
         url('/styles/fonts/VodafoneRg_0.ttf') format('truetype');
    }
@font-face {
    font-family: Vodafone-Regular;
    src: url('/styles/fonts/VodafoneRgBd_0.eot');
    src: url('/styles/fonts/VodafoneRgBd_0.eot?#iefix') format('embedded-opentype'),
         url('/styles/fonts/VodafoneRgBd_0.ttf') format('truetype');
    }
    
@font-face {
    font-family: Vodafone-XtraBold;
    src: url('/styles/fonts/VodafoneExBd_0.ttf');
    src: url('/styles/fonts/VodafoneExBd_0.eot?#iefix') format('embedded-opentype'),
         url('/styles/fonts/VodafoneExBd_0.ttf') format('truetype');
    }

.font-vlight { font-family: 'Vodafone-Light', sans-serif; font-weight: normal; }
.font-vregular { font-family: 'Vodafone-Regular', sans-serif; font-weight: normal; }
.font-vbold { font-family: 'Vodafone-XtraBold', sans-serif; font-weight: normal; }

/*  *************************************************************************************** END FONTS ************************************************************************************* */

/*  *************************************************************************************** GENERIC *************************************************************************************** */
html { font-family: 'Vodafone-Regular' !important; }

body {
  padding-top: 0px;
  font-family: 'Vodafone-Regular' !important;
  font-weight: normal;
  overflow-x: hidden;
  overflow-y: scroll;
  font-size: 100%; 
  background-color: #121212;
  color: #747474;
  background-image: url('/images/bg_effects.png');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: 0 80%; 
}

body.player {
  padding-top: 0px;
  font-family: 'Vodafone-Regular' !important;
  font-weight: normal;
  overflow-x: hidden;
  overflow-y: hidden;
  font-size: 100%; 
  background-color: #121212;
  color: #747474;
  background-position: 0px -45%; 
}


#footer {
  /* Set the fixed height of the footer here */
  /*  height: 80px; */
  z-index: 1;
  padding-left: 10px;
  background-color: #000000;
  bottom:0px;
  overflow:inherit;
  margin-top: 30px;
}


a { color: #e60000; outline : none; }
a:hover { color: #ffffff; }
a:active, a:focus { outline : none; }
a img { outline : none;}

.clear { clear: both; display: block; margin: 0px; padding:0px; height: 0px; line-height: 0px; font-size: 1px; }
.clearfix:after { content: "."; display: block; height: 0.1px; clear: both; font-size: 0; visibility: hidden; }
.clearfix { display: block; } 
.clearsides {clear: both; display: block;}


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: 'Lato', sans-serif;
}

ul { list-style: none; padding: 0px; margin: 0px;  }

.pointer { cursor:pointer; }

.nogutter { margin:0; padding: 0;}

/* DISPLAY */
.block {display: block; }
.inline {display: inline-block; }
.none {display: none; }
.intable {display: inline-table; }
.disp-table {display: table; }
.disp-table-cell {display: table-cell; }
.margin-center { margin-right: auto; margin-left: auto; }


/* POSITIONS */
.position-rel { position: relative; }
.position-abs { position: absolute; }
.fixed { position:fixed; }
.vert-mid { vertical-align: middle }
.bottom { bottom:0px; }

/* TEXT */
.uppercase { text-transform: uppercase; }
.lowercase { text-transform: lowercase; }
.capitalize { text-transform: capitalize; }
.italic { font-style: italic; }
.bold { font-weight: bold; }

.size10{ font-size: 10px; }
.size11{ font-size: 11px; }
.size12{ font-size: 12px; }
.size13{ font-size: 13px; }
.size14{ font-size: 14px; }
.size16{ font-size: 16px; }
.size18{ font-size: 18px; }
.size20{ font-size: 20px; }
.size22{ font-size: 22px; }
.size24{ font-size: 24px; }
.size26{ font-size: 26px; }
.size28{ font-size: 28px; }
.size30{ font-size: 30px; }
.size32{ font-size: 32px; }
.size34{ font-size: 34px; }
.size36{ font-size: 36px; }
.size40{ font-size: 40px; }
.size44{ font-size: 44px; }
.size48{ font-size: 48px; }
.size50{ font-size: 50px; }
.size54{ font-size: 54px; }
.size60{ font-size: 60px; }
.size72{ font-size: 72px; }
.size90{ font-size: 90px; }

.font-weight-100 { font-weight: 100; }
.font-weight-200 { font-weight: 200; }
.font-weight-300 { font-weight: 300; }
.font-weight-400 { font-weight: 400; }
.font-weight-500 { font-weight: 500; }
.font-weight-700 { font-weight: 700; }
.font-weight-900 { font-weight: 900; }

.line-height-5 { line-height: 5px; }
.line-height-10 { line-height: 10px; }
.line-height-15 { line-height: 15px; }
.line-height-20 { line-height: 20px; }
.line-height-25 { line-height: 25px; }
.line-height-30 { line-height: 30px; }
.line-height-35 { line-height: 35px; }
.line-height-40 { line-height: 40px; }
.line-height-45 { line-height: 45px; }
.line-height-50 { line-height: 50px; }

/* MARGINS */
.nomargin { margin: 0px; }

.margin-0 { margin: 0px; }
.margin-top-0 { margin-top: 0px; }
.margin-bottom-0 { margin-bottom: 0px; }
.margin-top-bottom-0 { margin: 0px 0px 0px 0px; }
.margin-left-0 { margin: 0px 0px 0px 0px; }
.margin-right-0 { margin: 0px 0px 0px 0px; }
.margin-left-right-0 { margin: 0px 0px 0px 0px; }
.margin-0-centered { margin: 0px auto; }

.margin-5 { margin: 5px; }
.margin-top-5 { margin-top: 5px; }
.margin-bottom-5 { margin-bottom: 5px; }
.margin-top-bottom-5 { margin-top: 5px; margin-bottom: 5px; }
.margin-left-5 { margin-left: 5px; }
.margin-right-5 { margin-right: 5px; }
.margin-left-right-5 { margin-left: 5px; margin-right: 5px; }
.margin-5-centered { margin: 5px auto; }

.margin-10 { margin: 10px; }
.margin-top-10 { margin-top: 10px; }
.margin-bottom-10 { margin-bottom: 10px; }
.margin-top-bottom-10 { margin-top: 10px; margin-bottom: 10px; }
.margin-left-10 { margin-left: 10px; }
.margin-right-10 { margin-right: 10px; }
.margin-left-right-10 { margin-left: 10px; margin-right: 10px; }
.margin-10-centered { margin: 10px auto; }

.margin-15 { margin: 15px; }
.margin-top-15 { margin-top: 15px; }
.margin-bottom-15 { margin-bottom: 15px; }
.margin-top-bottom-15 { margin-top: 15px; margin-bottom: 15px; }
.margin-left-15 { margin-left: 15px; }
.margin-right-15 { margin-right: 15px; }
.margin-left-right-15 { margin-left: 15px; margin-right: 15px; }
.margin-15-centered { margin: 15px auto; }

.margin-20 { margin: 20px; }
.margin-top-20 { margin-top: 20px; }
.margin-bottom-20 { margin-bottom: 20px; }
.margin-top-bottom-20 { margin-top: 20px; margin-bottom: 20px; }
.margin-left-20 { margin-left: 20px; }
.margin-right-20 { margin-right: 20px; }
.margin-left-right-20 { margin-left: 20px; margin-right: 20px; }
.margin-20-centered { margin: 20px auto; }

.margin-30 { margin: 30px; }
.margin-top-30 { margin-top: 30px; }
.margin-bottom-30 { margin-bottom: 30px; }
.margin-top-bottom-30 { margin-top: 30px; margin-bottom: 30px; }
.margin-left-30 { margin-left: 30px; }
.margin-right-30 { margin-right: 30px; }
.margin-left-right-30 { margin-left: 30px; margin-right: 30px; }
.margin-30-centered { margin: 30px auto; }

.margin-40 { margin: 40px; }
.margin-top-40 { margin-top: 40px; }
.margin-bottom-40 { margin-bottom: 40px; }
.margin-top-bottom-40 { margin-top: 40px; margin-bottom: 40px; }
.margin-left-40 { margin-left: 40px; }
.margin-right-40 { margin-right: 40px; }
.margin-left-right-40 { margin-left: 40px; margin-right: 40px; }
.margin-40-centered { margin: 40px auto; }

.margin-50 { margin: 50px; }
.margin-top-50 { margin-top: 50px; }
.margin-bottom-50 { margin-bottom: 50px; }
.margin-top-bottom-50 { margin-top: 50px; margin-bottom: 50px; }
.margin-left-50 { margin-left: 50px; }
.margin-right-50 { margin-right: 50px; }
.margin-left-right-50 { margin-left: 50px; margin-right: 50px; }
.margin-50-centered { margin: 50px auto; }

.margin-70 { margin: 70px; }
.margin-top-70 { margin-top: 70px; }
.margin-bottom-70 { margin-bottom: 70px; }
.margin-top-bottom-70 { margin-top: 70px; margin-bottom: 70px; }
.margin-left-70 { margin-left: 70px; }
.margin-right-70 { margin-right: 70px; }
.margin-left-right-70 { margin-left: 70px; margin-right: 70px; }
.margin-70-centered { margin: 70px auto; }
/* END MARGINS */

/* PADDING */
.nopadding { padding: 0px; }

.padding-0 { padding: 0px; }
.padding-top-0 { padding-top: 0px; }
.padding-bottom-0 { padding-bottom: 0px; }
.padding-top-bottom-0 { padding-top: 0px; padding-bottom: 0px; }
.padding-left-0 { padding-left: 0px; }
.padding-right-0 { padding-right: 0px; }
.padding-left-right-0 { padding-left: 0px; padding-right: 0px; }
.padding-0-centered { padding: 0px auto; }

.padding-5 { padding: 5px; }
.padding-top-5 { padding-top: 5px; }
.padding-bottom-5 { padding-bottom: 5px; }
.padding-top-bottom-5 { padding-top: 5px; padding-bottom: 5px; }
.padding-left-5 { padding-left: 5px; }
.padding-right-5 { padding-right: 5px; }
.padding-left-right-5 { padding-left: 5px; padding-right: 5px; }
.padding-5-centered { padding: 5px auto; }

.padding-10 { padding: 10px; }
.padding-top-10 { padding-top: 10px; }
.padding-bottom-10 { padding-bottom: 10px; }
.padding-top-bottom-10 { padding-top: 10px; padding-bottom: 10px; }
.padding-left-10 { padding-left: 10px; }
.padding-right-10 { padding-right: 10px; }
.padding-left-right-10 { padding-left: 10px; padding-right: 10px; }
.padding-10-centered { padding: 10px auto; }

.padding-15 { padding: 15px; }
.padding-top-15 { padding-top: 15px; }
.padding-bottom-15 { padding-bottom: 15px; }
.padding-top-bottom-15 { padding-top: 15px; padding-bottom: 15px; }
.padding-left-15 { padding-left: 15px; }
.padding-right-15 { padding-right: 15px; }
.padding-left-right-15 { padding-left: 15px; padding-right: 15px; }
.padding-15-centered { padding: 15px auto; }

.padding-20 { padding: 20px; }
.padding-top-20 { padding-top: 20px; }
.padding-bottom-20 { padding-bottom: 20px; }
.padding-top-bottom-20 { padding-top: 20px; padding-bottom: 20px; }
.padding-left-20 { padding-left: 20px; }
.padding-right-20 { padding-right: 20px; }
.padding-left-right-20 { padding-left: 20px; padding-right: 20px; }
.padding-20-centered { padding: 20px auto; }

.padding-25 { padding: 25px; }
.padding-top-25 { padding-top: 25px; }
.padding-bottom-25 { padding-bottom: 25px; }
.padding-top-bottom-25 { padding-top: 25px; padding-bottom: 25px; }
.padding-left-25 { padding-left: 25px; }
.padding-right-25 { padding-right: 25px; }
.padding-left-right-25 { padding-left: 25px; padding-right: 25px; }
.padding-25-centered { padding: 25px auto; }

.padding-30 { padding: 30px; }
.padding-top-30 { padding-top: 30px; }
.padding-bottom-30 { padding-bottom: 30px; }
.padding-top-bottom-30 { padding-top: 30px; padding-bottom: 30px; }
.padding-left-30 { padding-left: 30px; }
.padding-right-30 { padding-right: 30px; }
.padding-left-right-30 { padding-left: 30px; padding-right: 30px; }
.padding-30-centered { padding: 30px auto; }

.padding-35 { padding: 35px; }
.padding-top-35 { padding-top: 35px; }
.padding-bottom-35 { padding-bottom: 35px; }
.padding-top-bottom-35 { padding-top: 35px; padding-bottom: 35px; }
.padding-left-35 { padding-left: 35px; }
.padding-right-35 { padding-right: 35px; }
.padding-left-right-35 { padding-left: 35px; padding-right: 35px; }
.padding-35-centered { padding: 35px auto; }

.padding-40 { padding: 40px; }
.padding-top-40 { padding-top: 40px; }
.padding-bottom-40 { padding-bottom: 40px; }
.padding-top-bottom-40 { padding-top: 40px; padding-bottom: 40px; }
.padding-left-40 { padding-left: 40px; }
.padding-right-40 { padding-right: 40px; }
.padding-left-right-40 { padding-left: 40px; padding-right: 40px; }
.padding-40-centered { padding: 40px auto; }

.padding-50 { padding: 50px; }
.padding-top-50 { padding-top: 50px; }
.padding-bottom-50 { padding-bottom: 50px; }
.padding-top-bottom-50 { padding-top: 50px; padding-bottom: 50px; }
.padding-left-50 { padding-left: 50px; }
.padding-right-50 { padding-right: 50px; }
.padding-left-right-50 { padding-left: 50px; padding-right: 50px; }
.padding-50-centered { padding: 50px auto; }

.padding-left-60 { padding-left: 60px; }

.padding-top-80 { padding-top: 120px; }
/* END PADDING */

/* Borders */
.border-0 { border: 0px;}
.border-radius-0 { border-radius: 0px; }
.border-1-white { border: 1px solid #ffffff; }
.border-1-black { border: 1px solid #000000; }
.border-5-top-red { border-top: 5px solid #e60000; }
.border-5-top-white { border-top: 5px solid #ffffff; }
/* */
.min-h-50 { min-height:50px; }
.min-w-50 { min-width:50px; }

/*  *************************************************************************************** END GENERIC *************************************************************************************** */

/*  *************************************************************************************** SITE COLORS *************************************************************************************** */

/* BACKGROUND COLORS */
.bg-color-000000 { background-color: #000000; } /* Black */
.bg-color-ffffff { background-color: #ffffff; } /* White */
.bg-color-e60000 { background-color: #e60000; } /* Red */
.bg-color-505050 { background-color: #505050; } /* Dark Grey */
.bg-color-121212 { background-color: #121212; } /* Dark Grey */
.bg-color-1c1c1c { background-color: #1c1c1c; } /* Dark Grey */
.bg-color-111111 { background-color: #111111; } /* Darker Grey */


/* TEXT */
/* White */
.text-color-ffffff { color: #ffffff; }
a.text-color-ffffff { color: #ffffff; text-decoration: none;}
a.text-color-ffffff:hover, a.text-color-ffffff:visited, a.text-color-ffffff:active { color: #ffffff; text-decoration: none;}

/* Black */
.text-color-000000 { color: #000000; }
a.text-color-000000 { color: #000000; text-decoration: none;}

/* Medium Grey */
.text-color-747474 { color: #747474; }
a.text-color-747474 { color: #747474; text-decoration: none;}

/* Darker Grey */
.text-color-505050 { color: #505050; }
a.text-color-505050 { color: #505050; text-decoration: none;}

/* Light Grey */
.text-color-cccccc { color: #cccccc; }
a.text-color-cccccc { color: #cccccc; text-decoration: none;}

/* Red */
.text-color-e60000 { color: #e60000; }
a.text-color-e60000 { color: #e60000; text-decoration: none;}


.fb-login-table { margin: 0px 0px 20px 50px; }
.fb-login-table td:first-child { width: 40px; }
a.fb-logs, a.fb-logs:hover, a.fb-logs:visited, a.fb-logs:active { color: #747474; padding: 0px !important; text-decoration: none; background: #000; }	

#fb_user_image { width: 40px; }
.icon-fb-login { color: rgb(59, 89, 152); background: rgb(255, 255, 255) none repeat scroll 0% 0%; line-height: 11px; height: 12px; margin-right: 5px; }


/*  *************************************************************************************** END SITE COLORS *************************************************************************************** */

/* *************************************************** MENU COLLAPSE ***************************************************  */

.navbar { margin-bottom: 0px; border: none; background: #000000; }
.navbar > .container .navbar-brand { margin-left: 0px; height: auto;}

.navbar-header  { padding-right:5px; height: auto; }
.navbar .nav > li { color: #505050; font-weight: 400; font-size: 16px; padding:0px; }
.navbar .nav > li > a { color: #ffffff; font-weight: 400; font-size: 16px; cursor: pointer; text-transform:uppercase; display:block; padding:10px; }

.navbar .nav > li > a:hover, .navbar .nav > li > a:focus { background: #fff; color:#000; display:block; padding:10px; }

.navbar-brand { color: #ffffff; font-size:20px; margin-left:15px; }
.navbar-default .navbar-brand  { color: #ffffff; font-size:20px; }
.navbar-default .navbar-brand:hover  { color: #ffffff; font-size:20px; padding-left:15px; }

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #e60000; }
.navbar-default .navbar-toggle .icon-bar { background-color: #ffffff; }
.navbar-default .navbar-toggle { border-color: #1c1c1c; }
.navbar-toggle { position: relative; float: right; padding: 9px 10px; margin-top: 8px; margin-right: 15px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 5px solid transparent; border-radius: 0px; }


.menu-pequeno li {  text-align:center; }
.menu-pequeno li a {  text-align:center; color: #ffffff;  }

/* *************************************************** PUSHY MENU ***************************************************  */

.pushy{
    width: 300px; /* Changed the width to 400px */
    min-height: 650px;
}

.pushy-left{
    transform: translate3d(-300px,0,0); /* Updated the values */
    /* Don't forget the vendor prefixes */
}

.container-push, .push-push{
    transform: translate3d(300px,0,0); /* Updated the values */
    /* Don't forget the vendor prefixes */
}
/* **** */
#nav-icon3 {
  width: 60px;
  height: 55px;
  position: relative;
  margin: 0px;
  background: #e60000;
  border: 5px solid #111111;
  padding: 5px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon3 span {
  margin-left:7px;
  display: block;
  position: absolute;
  height: 5px;
  width: 70%;
  background: #ffffff;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}


/* Icon 3 */

#nav-icon3 span:nth-child(1) {
  top: 10px;
}

#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
  top: 20px;
}

#nav-icon3 span:nth-child(4) {
  top: 30px;
}

#nav-icon3.open span:nth-child(1) {
  top: 20px;
  width: 0%;
  left: 0%;
}

#nav-icon3.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon3.open span:nth-child(4) {
  top: 20px;
  width: 0%;
  left: 50%;
}
/* *************************************************** END MENU ***************************************************  */

/* *************************************************** HOVER BONITO ***************************************************  */
.effects { }
.effects .coveralbum {
  position: relative;
  margin-bottom: 5px;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
  max-width: 100%;
  height: auto;
}

.overlay {
  display: block;
  position: absolute;
  z-index: 20;
  background: rgba(230, 0, 0, 0.8);
  overflow: hidden;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

a.expand {
  display: block;
  position: absolute;
  z-index: 100;
  width: 60px;
  height: 60px;
  border: solid 0px #fff;
  text-align: center;
  color: #fff;
  line-height: 50px;
  font-weight: 700;
  font-size: 30px;
/*  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px; */
  text-decoration:none;
}

.video-overlay {
  display: block;
  position: absolute;
  z-index: 20;
  background: rgba(230, 0, 0, 0.8);
  overflow: hidden;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}


/* ***** */
#effect-6 .overlay {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
}

#effect-6 .overlay a.expand {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
#effect-6 .coveralbum.hover .overlay {
  opacity: 1;
}

#effect-6 .coveralbum.hover > div {
  background: rgba(0,0,0,0.4);
}

#effect-6 .coveralbum.hover .overlay a.expand {
  width: 60px;
  height: 60px;
  border:0px solid #ffffff;
/*  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;*/
}

/* ********* Video Overlay ********** */
#effect-6 .video-overlay {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin:5px;
  opacity: 0;
}

#effect-6 .video-overlay a.expand {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin:autopx;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  
}
#effect-6 .videocover.hover .video-overlay {
  opacity: 1;
}
#effect-6 .videocover.hover .video-overlay a.expand {
  width: 100%;
  height: 100%;

}

.rewindhover { background-color:#1c1c1c; color:#ffffff; }

.albumcontent:hover .img-cover-album {
    opacity: 0.7;
	
}



/* *************************************************** HOVER BONITO ***************************************************  */

/* *************************************************** GRELHA HOMEPAGE ***************************************************  */
.mfp-container, 
	.media-box, 
	.media-boxes-load-more-button, 
	.media-boxes-filter,
	.media-boxes-drop-down-menu > li > a, .media-boxes-drop-down-header > a { font-family: 'Vodafone-Light' !important; }

.filters-container {
      margin-bottom: 15px;
      text-align: center;
    }

        .media-boxes-filter {
          display: inline-block !important;
          margin: 0 auto;
          text-transform: uppercase;
        }

        .media-boxes-filter > li a {
          background-color: transparent !important;
          border: 0px solid transparent;
          font-size: 16px !important;
          margin: 0;
        }
    
        .media-boxes-filter > li a:hover {
          cursor: pointer;
          border: 0px solid #ffffff;
          background-color: #000000 !important;
          color: #fff;
        }

        .media-boxes-filter > li a.selected {
          border: 0px solid #ffffff;
          background-color: #000000 !important;
          color: #fff;
        }

        #grid .media-box-date, #grid-mexe .media-box-date {
			
        }
		
		#grid .media-box-title, #grid-mexe .media-box-title {
			font-size: 22px;
			color: #ffffff;
			font-weight: 700;
			text-transform: uppercase;
		    padding-top: 50%;
		}

		#grid .media-box-sub-title, #grid-mexe .media-box-sub-title{
			font-size: 16px;
			color: #ffffff;
			margin-bottom: 20px;
			font-weight: 400;
			text-transform: uppercase;
		}

        #grid .media-box-link a, #grid-mexe .media-box-link a{
          cursor: pointer;
          color: #676767;
          font-size: 14px;
          font-weight: 400;
          text-decoration: none;
          margin: 0 0px 0px 0;
          padding: 11px 14px;
          background-color: white;
          -webkit-border-radius: 1px;
          -moz-border-radius: 1px;
          border-radius: 1px;
	      text-transform: uppercase;
        }

        #grid .thumbnail-overlay, #grid-mexe .thumbnail-overlay{
			background: rgba(230, 0, 0, 0.65);
			color: #ffffff;
			padding: 0px;
		}
		
		.media-boxes-load-more-button, .media-boxes-no-more-entries { display:none; visibility:hidden; }
/* *************************************************** FIM GRELHA HOMEPAGE ***************************************************  */

/* *************************************************** COLUMN SAME SIZE ***************************************************  */
/* clear first in row in ie 8 or lower */
.multi-columns-row .first-in-row {
	clear: left;
}

/* clear the first in row for any block that has the class "multi-columns-row" */
.multi-columns-row .col-xs-6:nth-child(2n + 3) { clear: left; }
.multi-columns-row .col-xs-4:nth-child(3n + 4) { clear: left; }
.multi-columns-row .col-xs-3:nth-child(4n + 5) { clear: left; }
.multi-columns-row .col-xs-2:nth-child(6n + 7) { clear: left; }
.multi-columns-row .col-xs-1:nth-child(12n + 13) { clear: left; }

@media (min-width: 768px) {
	/* reset previous grid */
	.multi-columns-row .col-xs-6:nth-child(2n + 3) { clear: none; }
	.multi-columns-row .col-xs-4:nth-child(3n + 4) { clear: none; }
	.multi-columns-row .col-xs-3:nth-child(4n + 5) { clear: none; }
	.multi-columns-row .col-xs-2:nth-child(6n + 7) { clear: none; }
	.multi-columns-row .col-xs-1:nth-child(12n + 13) { clear: none; }

	/* clear first in row for small columns */
	.multi-columns-row .col-sm-6:nth-child(2n + 3) { clear: left; }
	.multi-columns-row .col-sm-4:nth-child(3n + 4) { clear: left; }
	.multi-columns-row .col-sm-3:nth-child(4n + 5) { clear: left; }
	.multi-columns-row .col-sm-2:nth-child(6n + 7) { clear: left; }
	.multi-columns-row .col-sm-1:nth-child(12n + 13) { clear: left; }
}
@media (min-width: 992px) {
	/* reset previous grid */
	.multi-columns-row .col-sm-6:nth-child(2n + 3) { clear: none; }
	.multi-columns-row .col-sm-4:nth-child(3n + 4) { clear: none; }
	.multi-columns-row .col-sm-3:nth-child(4n + 5) { clear: none; }
	.multi-columns-row .col-sm-2:nth-child(6n + 7) { clear: none; }
	.multi-columns-row .col-sm-1:nth-child(12n + 13) { clear: none; }

	/* clear first in row for medium columns */
	.multi-columns-row .col-md-6:nth-child(2n + 3) { clear: left; }
	.multi-columns-row .col-md-4:nth-child(3n + 4) { clear: left; }
	.multi-columns-row .col-md-3:nth-child(4n + 5) { clear: left; }
	.multi-columns-row .col-md-2:nth-child(6n + 7) { clear: left; }
	.multi-columns-row .col-md-1:nth-child(12n + 13) { clear: left; }
}
@media (min-width: 1200px) {
	/* reset previous grid */
	.multi-columns-row .col-md-6:nth-child(2n + 3) { clear: none; }
	.multi-columns-row .col-md-4:nth-child(3n + 4) { clear: none; }
	.multi-columns-row .col-md-3:nth-child(4n + 5) { clear: none; }
	.multi-columns-row .col-md-2:nth-child(6n + 7) { clear: none; }
	.multi-columns-row .col-md-1:nth-child(12n + 13) { clear: none; }

	/* clear first in row for large columns */
	.multi-columns-row .col-lg-6:nth-child(2n + 3) { clear: left; }
	.multi-columns-row .col-lg-4:nth-child(3n + 4) { clear: left; }
	.multi-columns-row .col-lg-3:nth-child(4n + 5) { clear: left; }
	.multi-columns-row .col-lg-2:nth-child(6n + 7) { clear: left; }
	.multi-columns-row .col-lg-1:nth-child(12n + 13) { clear: left; }
}

/* *************************************************** END COLUMN SAME SIZE ***************************************************  */


.row-fluid { width:calc(100% - 355px); padding:0px; float:left;  overflow: hidden;  }
.player-column { width: 340px; float:right; padding:0px; position:fixed; right:0; height:100%; z-index:999999; }
.player-column-content { height:auto; overflow:hidden; height:100%; }

.player-popup-column { width: 350px; padding:0px; height:auto; }
.player-popup-column-content { width: 340px; height:auto; overflow:hidden; margin: 20px auto 0 auto; }


.ellipsis-10 { white-space: nowrap; width: 83.33333333%; overflow: hidden; text-overflow: ellipsis; }

.height100 { height: 100% }
.height85 { height: 85px; }
.height60 { height: 60px; }

.opacity1 { opacity: 1; }
.opacity04 { opacity: 0.4; }

.playlist-list li { font-size: 1px; margin-bottom:10px; }
.word-space-40 { word-spacing:40px; }

.inner-menu { color: #747474; text-decoration:none; }
.menu-insider .inner-menu { padding:5px 15px; }
.inner-menu:hover { color: #ffffff; text-decoration:none; border-bottom: 1px solid #e60000; }
.inner-menu.active { color: #ffffff; text-decoration:none; border-bottom: 1px solid #e60000; }


/*.playlist-icons { color: #000000; text-decoration:none; background-color: #505050; }*/
.playlist-icons { color: #ffffff; text-decoration:none; background: rgba(0,0,0,0.5); cursor:pointer; }
.playlist-icons:hover { color: #e60000; text-decoration:none; background: rgba(0,0,0,0.5); }
.playlist-icons.active { color: #e60000; text-decoration:none; background: rgba(0,0,0,0.5); }


.underline-red { border-bottom: 1px solid #e60000; }

.playlist-icons.new-entry { background-color: #e60000; color: #fff; }

.over-hidden { overflow: hidden; }

.conteudo {padding-top:120px; }
.w100 { width:100%; }
.w90 { width:90%; }
.w80 { width:80%; }
.w70 { width:70%; }
.w60 { width:60%; }
.w50 { width:50%; }
.w40 { width:40%; }
.w30 { width:30%; }
.w20 { width:20%; }
.w10 { width:10%; }

.w35 { width:35%; }
.w65 { width:65%; }
/*
.playlistvideo ul li {
    display:inline-block;
        *display:inline; 
        *zoom:1; 
        background:blue;
        color:white;
        margin-right:10px;
        float:none;
    }
*/
.press a { display:block; }
.press a:hover { color:#ffffff; }
.press a:hover .dload { visibility:visible; }
.dload { visibility:hidden; color:#e60000; }

.institucional a {
  display: block;
  color: #ffffff;
  padding-left: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-decoration: none;
}
.institucional a:hover { background:none; }

.textopod {   position: relative;
    top: 0%;
    -webkit-transform: translateY(-0%);
    -ms-transform: translateY(-0%);
    transform: translateY(-0%); }

ul.socialstuff li {color: #ffffff; text-align:center; }
ul.socialstuff li a { display:block; padding:10px; text-align:center; }

ul.socialstuff li.social-fb:hover, li.social-fb:hover a { background-color: #3b5998; color: #ffffff; }
ul.socialstuff li.social-tw:hover, li.social-tw:hover a { background-color: #00aced; color: #ffffff; }
ul.socialstuff li.social-ig:hover, li.social-ig:hover a { background-color: #517fa4; color: #ffffff; }
ul.socialstuff li.social-yt:hover, li.social-yt:hover a { background-color: #bb0000; color: #ffffff; }
ul.socialstuff li.social-em:hover, li.social-em:hover a { background-color: #FF0000; color: #ffffff; }

#atrsb a.at-svc-facebook { background-color:#111111 !important; }
#atrsb a.at-svc-twitter { background-color:#1c1c1c !important; }
#atrsb a.at-svc-compact { background-color:#2f2f2f !important; }

.hover-footer { opacity: 0.5; filter: alpha(opacity=50); }
.hover-footer:hover {  opacity: 1; filter: alpha(opacity=100); }

/* *************************************************** MEDIA QUERIES ***************************************************  */

    /*==========  Non-Mobile First Method  ==========*/

    /* Large Devices, Wide Screens */
    @media (min-width: 1200px)  {
/*        #footer { width:calc(100% - 350px); } */
        #conteudo { min-height:865px; }
        .topo-bigsite { padding-top:20px; padding-bottom:20px; padding-left:50px; position: fixed; top:0; z-index:10000; width:100%; background-color:#121212; display: block; }
        .conteudo { padding-top:120px; padding-left:35px; padding-right:10px; }
        .player-ontop { display:none; visibility:hidden; }
        /*.nome-podcast { padding-top: 5px; }*/
        .vidheight { min-height:560px;  }
        #logo-vdf { margin-top: 4px;max-height: 45px;}
        #logo-freq {margin-top: 4px;max-height: 45px;}
        .top15-big { padding:15px 0px 0px 0px; }
         
    }

    /* Medium Devices, Desktops */
    @media (min-width: 992px) and (max-width: 1199px) {
/*        #footer { width:calc(100% - 350px); padding:0px; float:left;  overflow: hidden; } */
        #conteudo { min-height:865px; }
        .topo-bigsite { padding-top:20px; padding-left:30px; position: fixed; top:0; z-index:10000;  background-color:#121212; display: block; }
        .conteudo { padding-top:120px; padding-left:10px; padding-right:10px; }
        .player-ontop { display:none; visibility:hidden; }
        .nome-podcast { padding-top:5px; }
        .topo-bigsite { padding-left:41px; }
        #logo-vdf { margin-top: 8px;}
        #cover_image { max-width: 100%;}
        .top15-big { padding:15px 0px 0px 0px; }
    }
    
    /* Medium Devices, Desktops */
    @media (min-width : 769px) and (max-width : 992px)    {
/*        #footer { width:calc(100% - 250px); padding:0px; float:left;  overflow: hidden; } */
        .row-fluid { width:calc(100% - 250px); padding:0px; float:left;  overflow: hidden; }
        .player-column { width: 250px; float:right; padding:0px; position:fixed; right:0; height:100%; z-index:999999; }
        #radioShowName { line-height:20px; }

        .menu-colapse { display:none; visibility:hidden; }
        .topo-bigsite { padding-top:20px; padding-left:30px; position: fixed; top:0; z-index:10000;  background-color:#121212; display: block; }
        .conteudo { padding-top:120px; padding-left:35px; padding-right:35px; }
        .player-ontop { display:none; visibility:hidden; }
        .nome-podcast { padding-top:5px; }
        #lastPlayedSongs { display:none; visibility:hidden; }
        .topo-bigsite { padding-left:50px; }
        #logo-vdf { margin-top: 8px;}
        #cover_image { max-width: 100%;}
    }

    /* Small Devices, Tablets */
    @media (max-width : 768px) {
        .row-fluid { width:100%; }
        .player-column { display:none; visibility:hidden; }
        .topo-bigsite { padding-top:10px; padding-left:0px; padding-bottom: 10px; position: fixed; left:0; top:0; z-index:10000; width:auto; background-color:#121212; display: block; }
        .conteudo { padding-top:10px; padding-left:10px; padding-right:10px; }
        .player-ontop { margin-top:70px; padding-left:40px; padding-right:40px;}
        .play-ontop i { font-size:5em;}
        #logo-vdf { margin-top: 8px;}
        #logo-freq {margin-top: 8px;max-height: 45px;}
        .nome-podcast { padding-top:5px; }
        .now-playing-cover-images { display:none; visibility:hidden; }
        .playbuttons-mobile { text-align:center; width:100%; top:35%; display:table; }
        .topo-bigsite { padding-left:25px; }
        #cover_image { max-width: 100px;}
    }

    /* Extra Small Devices, Phones */ 
    @media (max-width : 480px) {
        .row-fluid { width:100%; }
        .player-column { display:none; visibility:hidden; }
        .topo-bigsite { padding-top:10px; padding-left:00px; position: fixed; left:0; top:0; z-index:10000; width:100%; background-color:#121212; display: block; }
        .conteudo { padding-top:10px; padding-left:10px; padding-right:10px; }
        /*.player-ontop { padding-top:100px; }*/
        #logo-freq {display: none;}
        #logo-vdf { margin-top: 8px;}
        .player-ontop { margin-top:75px;}
        .play-ontop i { font-size:5em;}
        .nome-podcast { padding-top:5px; }
        .now-playing-cover-images { display:none; visibility:hidden; }
        .playbuttons-mobile { text-align:center; width:100%; top:20%; display:table; }
        .topo-bigsite { padding-left:41px; }
        #cover_image { max-width: 100px;}
    }
    @media (min-width : 320px) and (max-width : 480px)    {
        .toplogo-pic { width:60%; }
        .topfreq-pic { width:60%; }
        #logo-freq {display: none;}
        #logo-vdf { margin-top: 8px;}
        .topo-bigsite { padding-top:10px; padding-left:00px; position: fixed; left:0; top:0; z-index:10000; width:100%; background-color:#121212; display: block; }
        .playbuttons-mobile { text-align:center; width:100%; top:20%; display:table; }
        .topo-bigsite { padding-left:25px; }
        #cover_image { max-width: 100px;}
    }
    /* Custom, iPhone Retina */ 
    @media (max-width : 320px) {
        .row-fluid { width:100%; }
        .player-column { display:none; visibility:hidden; }
        .topo-bigsite { padding-top:10px; padding-left:00px; position: fixed; left:0; top:0; z-index:10000; width:100%; background-color:#121212; display: block; }
        .conteudo { padding-top:10px; padding-left:10px; padding-right:10px; }
        #logo-freq {display: none;}
        #logo-vdf { margin-top: 8px;}
        .play-ontop i { font-size:4em;}
        .nome-podcast { padding-top:10px; }
        .now-playing-cover-images { display:none; visibility:hidden; }
        .toplogo-pic { width:70%; }
        .topfreq-pic { width:70%; }
        .playbuttons-mobile { text-align:center; width:100%; top:20%; display:table; }
        .topo-bigsite { padding-left:25px; }
        #cover_image { max-width: 100%;}
        
    }

    @media screen and ( max-height: 768px ){

        #lastPlayedSongs { 
	        display: none;
        }


    }

    #player-small-container > .now-playing { max-width: 340px; }
	.now-playing > #player-main-container > #player-bar { padding: 10px !important; }
    .progressBar {width: calc(100% - 116px);}

.ui-slider {
    cursor: pointer;
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 0px;
    height: 8px;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none;
    display: none;
}
.ui-slider-handle {
    top: 0 !important;
    margin-left: 0 !important;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-radius: 0px !important;
}

.ui-slider-range-min {
    background: #e60000 !important;
}

.ui-widget-content  {
    background: #111 !important; 
    border: 0px !important;     
}


.ms-staff-carousel .ms-staff-info {
  margin: 10px auto 0 !important;
}

#cover_image { width: 100%; }

.expandPopup {position: absolute; top: 0px; left: 0px; color: #9B9B9B; cursor: pointer; }
.expandPopup:hover {position: absolute; top: 0px; left: 0px; color: #ffffff; cursor: pointer; }


#song_name, #artist_name { 
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.vote-icon-like {
    background: url(/images/icon_like.png);
    background-size: 20px 20px;
    background-repeat: no-repeat;
}

.vote-icon-like:hover, .vote-icon-like.active {
    background: url(/images/icon_like_over.png);
    background-size: 20px 20px;
    background-repeat: no-repeat;
}
.vote-icon-like-x2 {
    background: url(/images/icon_like.png);
    background-size: 30px 30px;
    background-repeat: no-repeat;
}

.vote-icon-like-x2:hover, .vote-icon-like-x2.active {
    background: url(/images/icon_like_over.png);
    background-size: 30px 30px;
    background-repeat: no-repeat;
}


.vote-icon-play {
    background: url(/images/icon_play2.png);
    background-size: 36px 36px;
    background-repeat: no-repeat;
}

.vote-icon-play:hover, .vote-icon-play.active {
    background: url(/images/icon_play2_over.png);
    background-size: 36px 36px;
    background-repeat: no-repeat;
}

.vote-icon-pause {
    background: url(/images/icon_pause.png);
    background-size: 36px 36px;
    background-repeat: no-repeat;
}

.vote-icon-pause:hover, .vote-icon-pause.active {
    background: url(/images/icon_pause_over.png);
    background-size: 36px 36px;
    background-repeat: no-repeat;
}

.vote-icon-dislike {
    background: url(/images/icon_dislike.png);
    background-size: 20px 20px;
    background-repeat: no-repeat;
}

.vote-icon-dislike:hover, .vote-icon-dislike.active {
    background: url(/images/icon_dislike_over.png);
    background-size: 20px 20px;
    background-repeat: no-repeat;
}

.vote-icon-dislike-x2 {
    background: url(/images/icon_dislike.png);
    background-size: 30px 30px;
    background-repeat: no-repeat;
}

.vote-icon-dislike-x2:hover, .vote-icon-dislike-x2.active {
    background: url(/images/icon_dislike_over.png);
    background-size: 30px 30px;
    background-repeat: no-repeat;
}


.sm2_link { 
    cursor: pointer;
}




/* */

    /* Large Devices, Wide Screens */
    @media (min-width: 1200px)  {
      /* 
      .conteudo-iframe { width: 100%; padding: 120px 10px 0px 35px; }
      .conteudo-iframe > iframe { width: 100%; height:680px; }
      .conteudo { padding-top: 0px; }
       */
      .conteudo-iframe { padding-top:120px; padding-left:35px; padding-right:12px; }
      .conteudo-iframe > iframe { width: 100%; height:680px !important; }
      .homepage { padding-top:0px; }
    }

    /* Medium Devices, Desktops */
    @media (min-width: 992px) and (max-width: 1199px) {
       .conteudo-iframe { padding-top:120px; padding-left:10px; padding-right:12px; }
       .conteudo-iframe > iframe { width: 100%; height:580px !important; }
       .homepage { padding-top:0px; }
    }
    
    /* Medium Devices, Desktops */
    @media (min-width : 768px) and (max-width : 992px) {
       .conteudo-iframe { padding-top:120px; padding-left:35px; padding-right:35px; }
       .conteudo-iframe > iframe { width: 100%; height:380px !important; }
       .homepage { padding-top:0px; }
    }

    /* Small Devices, Tablets */
    @media (max-width : 768px) {
       .conteudo-iframe { padding-top:120px; padding-left:10px; padding-right:12px; }
       .conteudo-iframe > iframe { width: 100%; height:380px !important; }
       .homepage { padding-top:0px; }
       .player-ontop { margin-top: 20px; }
    }

    /* Extra Small Devices, Phones */ 
    @media (max-width : 480px) {
        .conteudo-iframe { padding-top:120px; padding-left:10px; padding-right:12px; }
        .conteudo-iframe > iframe { width: 100%; height:280px !important; }
        .homepage { padding-top:0px; }
        .player-ontop { margin-top: 20px; }
    }

    /* Custom, iPhone Retina */ 
    @media (max-width : 320px) {
        .conteudo-iframe { padding-top:120px; padding-left:10px; padding-right:12px; }
        .conteudo-iframe > iframe { width: 100%; height:145px !important; }
        .homepage { padding-top:0px; }
        .player-ontop { margin-top: 20px; }
    }

    @media (max-height : 768px) {
        .conteudo-iframe > iframe { width: 100%; height:525px !important; }
    }



.master-destaque {
    position:relative;   
}

.master-destaque-link {
    display: block;
}

.master-destaque-link:hover > .master-destaque-overlay {
    z-index: 3;
}

.master-destaque-overlay {
    position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 1; background: rgba(230, 0, 0, 0.45);color: #ffffff;padding: 0px;
}
.master-destaque-title {
    width: 100%;position: absolute; bottom: 20px;font-size: 22px;color: #ffffff;font-weight: 700;text-transform: uppercase; text-align: center;
}