/*!
 * Start Bootstrap - Agency Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

body {
    overflow-x: hidden;
    font-family: 'Roboto Condensed', sans-serif;
    color:#333;
}
.row{
  margin:0px;
}
.text-muted {
    color: #777;
}

.text-primary {
    color: #fed136;
}

p {
    font-size: 14px;
    line-height: 1.75;
}

p.large {
    font-size: 16px;
}

a,
a:hover,
a:focus,
a:active,
a.active {
    outline: 0;
}

a {
    color: #455a64;
    margin:0px;
    padding:0px;
}

a:hover,
a:focus,
a:active,
a.active {
    color: #333;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
}
.bg-light-gray {
    background-color: #f7f7f7;
}

.bg-darkest-gray {
    background-color: #222;
}
.cont-big{
 margin:75px 0; 
}
.cont-big-cover{
 padding:75px 0;
 background-image: url('/img/cameraman.png'); 
 background-repeat: no-repeat; 
 background-position: 25% bottom;
}
@media(max-width:991px){
  .cont-big-cover{
   padding:75px 0;
   background-image: none; 
   background-repeat: no-repeat; 
   background-position: none;
  }
}
@media(max-width:767px){
.cont-big{
 margin:10px 0; 
} 
}
.cont-big2{
 margin:75px 0; 
}
.bggrey{
    padding: 75px 0;
    background: #f7fafb;
}
.btn-primary {
    border-color: #fed136;
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
    color: #fff;
    background-color: #fed136;
}
.image{
 width:100%;
}


/* NUOVO */
 .livestream{
  height:650px;
 }
@media (max-width:767px){
 .livestream{
  height:440px;
 }
}
@media (min-width:768px) and (max-width:991px){
 .livestream{
  height:500px;
 }
}
@media (max-width:767px){
  .container{
   margin:0px;
   padding:0px;
  }
}
.navbar-brand {
    float: left;
    height: auto;
    padding: 0;
}

.wide-container-fluid {
    position: relative;
    padding: 0 100px;
}
@media (max-width: 1200px){
 .wide-container-fluid {
     position: relative;
     padding: 0px;
 }
 .nav>li>a {
     position: relative;
     display: block;
 }
}

.navbar-default .navbar-brand {
    color: #666;
}
.navbar {
    position: relative;
    min-height: 20px;
    margin-bottom: 0px;
    border: none;
    border-radius:0px;
}
.navbar-default .navbar-nav>li>a {
    color: #fff;
    font-family: 'Oswald', sans-serif;
    text-transform:uppercase;
    font-size:14px;
    transition: all 0.4s;
}
.navbar-default .navbar-nav>li>a:hover {
    color: #287bbb;
     background-color: #fff;
 }
.navbar-default {
    background-color: #3c4854;
    border: none;
}
@media (max-width: 767px){
 .navbar-default {
     border-color: none;;
     background-color: #fff;
     padding: 0px 10px;
 }
 .navbar-header{
  padding:10px;
 }
 .navbar-header img{
  max-width:100%;
 }
 .navbar-default .navbar-nav>li>a {
     color: #666;
     font-family: 'Montserrat', sans-serif;
     text-transform:uppercase;
     font-size:14px;
     padding-left:20px
     transition: all 0.4s;
 }
}


.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #fff;
    background:#225ea5;
    transition: all 0.4s;
}
.navbar-default .navbar-nav>.live>a, .navbar-default .navbar-nav>.live>a:focus, .navbar-default .navbar-nav>.live>a:hover {
    color: #fff;
    background:#cf202e;
    transition: all 0.4s;
}
@media (max-width: 767px){
 .navbar-brand {
     width: 70%;
 }
}
.mrg10{
 margin-bottom:10px;
}
.mrg20{
 margin-bottom:20px;
}
.pd{
 padding:3px;
}
.contact-stripe {
    background: #444;
    padding: 5px 0;
}
.contact-stripe .infoContact {
    line-height: 12px;
    color: #fff;
    margin-right: 30px;
}
.contact-stripe .infoContact a {
    color: #fff;
}
.header-middle {
    padding: 15px 0;
}
.header-middle .brand-nav img {
    max-width: 100%;
}
.header-middle .brand-nav {
    padding: 20px 0 0;
}
@media (max-width: 991px){
 .header-middle .brand-nav {
     padding: 10px 0;
 }
 .header-middle {
    padding: 15px 0 0 0;
 }
}

/* PROVA*/
#content-block *:last-child:not(.empty-space) {
    margin-bottom: 0;
}
.left-right-entry {
    position: relative;
    overflow: hidden;
}
.left-right-entry.style-1 .right {
    width: calc(50% - 15px);
    top: 0;
    bottom: 0;
}
.left-right-entry.new-view .right {
    position: absolute;
    width: 50%;
    left: 0;
    right: auto;
}
.left-right-entry .right {
    position: absolute;
    width: 50%;
    right: 0;
    top: -12px;
    bottom: -12px;
    z-index: 1;
}
.left-right-entry .right .entryr {
    background-size: cover;
    background-position: center top;
}
.left-right-entry .right .entryr {
    background-size: cover;
    background-position: center top;
}
.left-right-entry.new-view .left {
    float: right;
}
.left-right-entry .left {
    width: 50%;
    float: left;
}
.full-size {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.left-right-entry .cell-view {
    height: 410px;
    padding: 30px 0;
}
.left-right-entry .cell-view.big {
    height: 510px;
    padding: 30px 0;
}
.cell-view {
    display: table-cell;
    vertical-align: middle;
    width: 10000px;
}
.simple-article.border-left {
    padding-left: 30px;
    border-left: 3px #222 solid;
}
.simple-article.grey {
    color: #455a64;
}
.simple-article {
    font-size: 14px;
    line-height: 24px;
    color: #222;
}
.empty-space.col-xs-b15 {
    height: 15px;
    margin-bottom: 0;
}
@media (max-width: 991px){
   .left-right-entry .left, .left-right-entry.new-view .left {
      float: none;
      width: auto;
   }
   .left-right-entry .cell-view {
      height: auto;
   }
   .left-right-entry .cell-view.big {
    height: auto;
   }
   .left-right-entry .right, .left-right-entry.new-view .right {
      position: relative;
      left: auto;
      right: auto;
      top: auto;
      bottom: auto;
      height: 410px;
      width: 100%!important;
      overflow:hidden
   }
}


.section-title {
    color: #455a64;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 0.5px;
    line-height: 1.68;
    margin: -7px 0 45px;
    padding: 0;
    position: relative;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
}
.section-title.mrg10 {
    margin: -7px 0 20px;
}
.section-title:before {
    background: #cfd8dc;
    width: 100%;
}
.section-title:before, .section-title:after {
    content: '';
    height: 1px;
    bottom: 0;
    left: 0;
    position: absolute;
}
.section-title:after {
    background: #225ea5;
    width: 15%;
}
.content-videonews {
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
    height: 170px;
}
.title-videonews{
 margin-bottom:5px;
 font-weight:700;

}
.info-video-news{
 font-weight:400;
 font-size:12px;
}
.info-video-news span {
    background-color: #fb383c;
    font-weight: bold;
    padding: 3px 7px;
    color: #fff;
}
.cont-videonews-info{
 background:#fff;
 padding:15px;
 margin-bottom:20px
}
.shadow{
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.da-photo-hover {
    position: absolute;
    top: 0;
    bottom: 100%;
    left: 0;
    right: 0;
    z-index: 0;
    background: rgba(0, 0, 0, .3);
    -webkit-transition: bottom .4s;
    -o-transition: bottom .4s;
    transition: bottom .4s;
}
.content-videonews:hover > .da-photo-hover {
    bottom: 0;
}
.da-photo-hover .fa{
 font-size:50px;
 position:absolute;
 top:50%;
 left:50%;
 margin:-25px 0 0 -25px;
 color:#fff;
 transition: bottom .4s;
 opacity:0;
}
.content-videonews:hover > .da-photo-hover .fa{
 z-index: 4;
 opacity:1;
}
.da-photo-hover-title {
 margin-top:3px;
}

.da-photo-hover-title .title-program{
    font-size: 13px;
    transition: bottom .4s;
    opacity: 1;
    width: 100%;
    text-transform:uppercase;
    padding: 10px 10px;

}
.da-photo-hover-title .title-program a{
 font-weight:400;
}

.spacer{
 margin:50px 0px;
}
.ondemand{
 margin:75px 0 0 0;
}
.img-on-demand img{
 max-width:100%;
}
ul.tg li{
  list-style-type:none;
  margin-bottom:20px;
}
ul.tg li a{
  font-weight:700;
  font-size:17px;
  color:#225ea5;
}
ul.gdb{
margin:0px;
}
ul.gdb li{
  margin-bottom:5px;

}
ul.gdb li span {
    xcolor: #fb383c;
    font-weight: bold;
}
ul.gdb li a{
  font-weight:400;
  font-size:14px;
}
ul.palinsesto li { list-style-type:none; padding:5px;}
ul.palinsesto li:nth-child(odd) { background-color:#f7fafb; }
ul.palinsesto li span { padding-right:20px; font-weight:700;}
@media (max-width:767px){
 ul {
  padding:0px;
 }
}

.da-positioned-block {
    background: url('../../img/wave.png') no-repeat center center;
    -webkit-background-size: cover;
    background-size: cover;
    width: 300px;
    height: 300px;
    position: absolute;
    top: -10%;
    left: 50%;
    margin-left: -145px;
    z-index: 0;
    opacity: 0.1;
}
.relative{
 position:relative
}
.blue{
 color:#225ea5;
}
.white{
 color:#fff;
}
.detail-palinsesto .table-striped .row2{
 text-align:right;
}
.nav-palinsesto{
    margin-bottom: 30px;
    background-color: #fff;
    padding: 15px;
    border-left:2px solid #e7e7e7;

}
.nav-palinsesto ul{
 margin:0px;  padding:0px;
}
.nav-palinsesto ul li{
 list-style-type:none;
 padding:5px;
 border-bottom:1px solid #e7e7e7;
  padding-left:30px;
}
.nav-palinsesto ul li a{
 color: #666;
}
.nav-palinsesto ul li.selected a{
 color: #000;
 font-weight:bold;
 font-size:25px;
 padding-left:10px;
}
.nav-palinsesto ul li.selected{
 padding-left:0px;
 font-size:18px;
}
.navbar-nav>li.active-program {
    padding:15px;
    line-height: 20px;
    font-size: 22px;
}
.nav-palinsesto ul li:last-child { border-bottom:0px; }
.ondemand-nav {
    color: #455a64;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.5px;
    line-height: 1.68;
    margin-bottom:30px;
    padding: 0;
    position: relative;
    text-transform: uppercase;
    clear:both;
}
.ondemand-nav:before, .ondemand-nav:after {
    content: '';
    height: 1px;
    bottom: 0;
    left: 0;
    position: absolute;
}
.ondemand-nav:before {
    background: #cfd8dc;
    width: 100%;
}
.ondemand-nav:after {
    background: #225ea5;
    width: 15%;
}
.adv {
    background-image: url('https://www.giornaledibrescia.it/img/pattern-oblique-lines.png');
    background-repeat: repeat;
    padding: 8px;
    text-align: center;
}
.adv .wrapper-adv {
    background: white;
    width: 300px;
    margin: 0 auto;
    text-align: center;
}
.adv-text {
    padding: 10px 0;
    margin: 0;
}
.adv-text a {
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
    color: #666666;
}
.widget-meteo{
 color:#fff;
 border-left:1px solid #ccc;
}

.widget-meteo .oggi .testo {
    padding: 5px 0 0px 0px;
}
.widget-meteo .oggi .icona {
    margin-top: 7px;
    color: #ffdb10;
    font-size: 28px;
    text-align: right;
}
.widget-meteo .oggi .temp {
    font-size: 18px;
    font-weight: 600;
    padding: 14px 0px 0 0;
    text-align: right;
}

.grey-brd{
 background:#f7fafb;
 padding:15px;
 border:4px solid #fff;; 
}
.left, .right{
 margin:0px;
}
.puzzle{
 padding:0px;
}
/* NUOVO */
.contact{
 padding-top:15px;
 color:#999999;
}
.contact a{
 color:#fff;
}
.border{
 border-top:1px solid #999;
 margin-top:20px;
}
.title-macro{
  font-family: 'Montserrat', sans-serif;
  font-size:20px;
  font-weight:bold;
    padding-top:22%;

}
@media (max-width:767px){
 .title-macro{
  padding-top:2%;
  font-family: 'Montserrat', sans-serif;
  font-size:20px;
  }
  .section-title.mrg0{
   font-size:20px;
  }
}
@media (max-width:991px){
  .programmi{
   margin-top:50px;
  }
}
.cont-prog{
 padding:10px;
 margin-bottom:10px;
 overflow:hidden;
 }
.cont-prog .puzzle{
 background:#f7fafb;
 padding:40px;
}
.cont-prog img{
 padding:2px;
 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
 margin-bottom:20px;
 }
.tit-prog{
  font-size:20px;
  margin-bottom:10px;
  color: #455a64;
  font-weight:bold;
}

.btn-default.fine {
    background: none;
    color: #666;
    border: none;
    font-weight: 700;
}
.form-horizontal .form-group {
    margin-right: -15px;
    margin-left: 0px;
    border-bottom: 1px solid #e7e7e7;
    padding: 0 0 10px;
}
.form-horizontal .form-group.none {
  border-bottom: 0px;
}
.form-group {
    margin-bottom: 10px;
}
.player{
 margin-bottom:20px;
}
.mrg0{
 margin:0;
}
@media (min-width: 768px){
.form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
    font-weight: 400;
    text-transform: uppercase;
}
}
.condividi {
    text-transform: uppercase;
    margin-bottom: 10px;
}
@media (min-width: 768px){
.btn-social {
    width: 40px;}
    .btn-toolbar{
    margin-left:10px;

}
}
.btn-social {
    color: #fff;
    background-color: #657b8f;
    border-color: #657b8f;
    padding: 0px 0px;
    font-size: 20px;
    line-height: 33px;
    border-radius: 3px;
    width: 35px;
    font-family: "jaf-bernina-sans", Helvetica, Arial, sans-serif;
    -webkit-transition: background-color 0.2s ease-out;
    -o-transition: background-color 0.2s ease-out;
    transition: background-color 0.2s ease-out;
}
.btn-facebook {
    color: #fff;
    background-color: #4464a2;
    border-color: #4464a2;
}
.btn-twitter {
    color: #fff;
    background-color: #55acee;
    border-color: #55acee;
}
.btn-mail {
    color: #fff;
    background-color: #4591b8;
    border-color: #4591b8;
}
.btn-whatsapp {
    color: #fff;
    background-color: #45c455;
    border-color: #45c455;
}
.player-info{
 padding-bottom:20px;
 border-bottom:1px solid #e7e7e7;
 margin-bottom:30px;
}
.ora{
 margin-bottom:20px;
}
footer {
  background: #222222;
  padding:0px;
}

.row-border {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

@media (max-width: 767px) {
  .footer-bar {
    padding: 0 15px;
  }
}
.footer-bar ul {
  line-height: 2;
}
.footer-bar ul li {
  padding: 0;
}
.footer-bar ul li a {
  font-family: "jaf-bernina-sans", Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 1.5;
  font-weight: 400;
  color: #999999;
  padding: 0 10px;
}
.footer-bar ul li a:hover {
  color: #737373;
}
.footer-bar .logo-gdb {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  text-align: center;
 }
.footer-bar .footer-heading {
  padding: 20px 0;
}
.footer-bar .footer-heading .fa {
  font-size: 18px;
  color: #999999;
}
.footer-bar .footer-menu {
  padding: 20px 0;
  margin: 0;
}
.footer-bar .footer-menu li a {
  border-right: 1px solid #999999;
}
.footer-bar .footer-copy {
  padding: 20px 0;
}
.footer-bar .footer-copy .gdb-copy {
  font-family: "jaf-bernina-sans", Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 1.5;
  font-weight: 400;
  color: #999999;
}
.footer-bar .footer-copy .copy-content {
  font-family: "jaf-bernina-sans", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 400;
  color: #999999;
}
@media (max-width: 480px) {
  .footer-bar .menu-social {
    float: none !important;
    display: inline-block;
    padding-top: 20px;
  }
}
.add .form-group {
  margin-bottom: 15px;
}
.add label{
  font-weight:normal;
  font-size:17px;
}
.add .radio label, .add .checkbox label {
    padding-left: 0px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
}
.add .checkbox{
    padding-left: 20px;
}
.error-message{
  color:#cc0000;
}
.height{
  min-height:400px;
}
.btn-default {
    background: #f8cf3a;
    color: #fff;
    border: none;
}
.btn-default.fine {
    background: none;
    color: #666;
    border: none;
    font-weight:700;
}
.line{
 margin-top:5px;
}
.form-box{
 margin-bottom:20px;
}
.field-input .input{
  margin-bottom:20px;
}
.footer-bottom {
  background: #000;
}
.footer-bottom .footer-bottom-list {
  padding: 20px 0;
  margin: 0;
}
.footer-bottom .footer-bottom-list li a .fa {
  font-size: 12px;
  padding-left: 5px;
}
.container-fluid{
  padding:0px;
  margin:0px;
}
.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  visibility: hidden;
}

.clearfix {
  display: block;
}

html[xmlns] .clearfix {
  display: block;
}

* html .clearfix {
  height: 1%;
}
.box-puntate {
    padding: 10px;
    border: 1px solid #f7f7f7;
    height: 79px;
    font-size: 13px;
    overflow: hidden;
}
.puntate{
 margin-top:20px;
}
.thumbnail-shortcode-5 {
    xmax-width: 370px;
    margin: 0 auto;
    overflow: hidden;
    position:realative;
}
.thumbnail-shortcode-5 .content {
    padding-bottom: 130%;
    position: relative;
}
.thumbnail-shortcode-5 .layer-1 {
    border-style: inset;
    border-width: 10px;
    left: 0;
    bottom: 0;
    right: 0;
    top: 22%;
    border-color:#006699;
}
.thumbnail-shortcode-5 *[class*="layer"] {
    background-size: cover;
    background-position: center center;
    position: absolute;
}
.border-image {
    border-style: inset;
    border-width: 0px;
    xborder-image-repeat: stretch;
    xborder-image-slice: 30;
}
.thumbnail-shortcode-5 .layer-2 {
    position: absolute;
    left: 7px;
    right: 7px;
    bottom: 0px;
    top: 0;
}
.thumbnail-shortcode-5 .layer-2 img {
    position: absolute;
    left: 50%;
    bottom: 0;
    max-width: 100%;
    max-height: 100%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}
.thumbnail-shortcode-5 .description .title{
 font-size:15px;
 color:#455a64;
 font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
 margin-top:5px;
 margin-bottom:10px;
 font-weight:700;
}
.no-padding{
 padding:0px;
}
