@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700);

/*
    Light: 300
    Regular: 400
    Medium: 500
    Bold: 700
*/

html { }

body {
  padding: 0px;
  margin: 0px auto;
  /* font-size: 100%; */
  font-family: 'Roboto', sans-serif;
  color: #000;
  overflow-x: hidden;
  background: #f2f2f2;
  width: 100%;
  min-width: 320px;
  /* max-width: 1366px; */
  height: 100%;
}

/* Boostrap 4 Hack */
.row { margin-left:0px !important; margin-right:0px !important;}

/*CLEARS */
.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;}

/* 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; }

/* WIDTH */
.w48 { width:48%; vertical-align:top; }


/* Links */
a, a:active, a:hover, a:visited {text-decoration: none;}
a, a:link, a:visited {color: #000;}
a:active, a:hover {color: #000;}


.uppercase { text-transform: uppercase; }
.lowercase { text-transform: lowercase; }
.capitalize { text-transform: capitalize; }

.flight { font-weight: 300; }
.fregular { font-weight: 400; }
.fmedium { font-weight: 500; }
.fbold { font-weight: 700; }

/* HEADERS */
h1, h2, h3, h4, h5, h6 { margin:10px 0px; }
h1 { font-size: 36px; line-height: 120%; font-weight: 700; }
h2 { font-size: 24px; line-height: 130%; font-weight: 500; }
h3 { font-size: 18px; line-height: 110%; font-weight: 400; }

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

/* POSITIONS */
.position-rel { position: relative; }
.position-abs { position: absolute; }



/* ICONS */
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 30px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}
/* ICONS*/


/* *********************************************************************************************************************************** */
/* Smooth Vanessa */
#topo-nowplaying {
    max-height: auto;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -MS-animation-duration: 0.5s;
  -webkit-transition: max-height 0.8s;
}

.nowplaying-title { font-weight:300; font-size:26px; }
.nowplaying-artist { font-weight:500; font-size:20px; }
.nowplaying-music { font-weight:400; font-size:50px; }

.zona { background-color:#ac162c; font-weight:700; font-size:20px; color:#fff; padding:5px 15px 5px 25px; text-transform:uppercase; }
.titulos-zona { background-color:#ac162c; font-weight:700; font-size:20px; color:#fff; padding:10px 10px 10px 20px; text-transform:uppercase; }
.titulos { font-weight:700; font-size:20px; text-transform:uppercase; vertical-align:top; color:#000; line-height: 25px; }
.titulos-pequenos { font-weight:700; font-size:16px; text-transform:uppercase; vertical-align:top; color:#000; }
.texto { font-weight:400; font-size:14px; color:#000; line-height: normal;}

.freq-cid { display: block; text-align:right; font-weight:700; font-size:16px; text-transform:uppercase; padding-top:10px; }
.freq-num { display: block; text-align:left; font-weight:700; font-size:16px; text-transform:uppercase; padding-top:10px; }

.content { background-color:#f2f2f2; padding:33px; }
.caixa { background-color:#fff; margin-bottom:20px; }
.agenda-in-box { background-color:#f2f2f2; padding:20px; margin-bottom:10px; }
.caixa-preta { background-color:#000; padding: 0px 30px 20px 30px; height:160px; margin-bottom:10px; }

.box { padding: 0px 30px 20px 25px; }
.box .texto { padding: 5px 0px; }
.box-freq { padding: 20px 20px; margin:0 auto; text-align:center; display:table; }
.box-media { padding: 10px 20px; /* display:table; */ }

.onde-ouvir-titles { }

#footer a, #footer a:link, #footer a:visited, #footer a:active, #footer a:hover {color: #fff;}
.footer-menu li { color: #fff; font-weight: 400; font-size: 14px; cursor: pointer; padding: 0px; text-transform: uppercase; display: inline; margin:0 auto; text-align:center; }
.footer-menu li a { color:#fff; font-size:14px; }
.footer-menu > li { color: #fff; padding:3px; padding:5px; }
.footer-menu li.bola-menu { padding:3px 15px 0px 15px; }
.footer-brand { padding:20px; }
.footer-but { background-color:#ac162c; font-weight:700; font-size:12px; color:#ffffff; padding:10px; margin:10px; text-transform:uppercase; }
.copyright a:link { font-weight:400; font-size:12px; color:#7f7c7c;}
.end-notes { padding: 30px 0px; }

.social-line { display:table; }
.social-icon { display:table-cell; width:34px; padding:2px; }
.social-icon:hover { -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */    filter: grayscale(100%); }

.fundo-nowplaying {
  background-size: cover;
  background-position:center center;
  display: block;
  filter: blur(50px) opacity(100%);
  -webkit-filter: blur(50px) opacity(100%);
  height: 100%;
  max-width:100%;
  left: 0;
  top: 0;
  position:absolute;
  right: 0;
  z-index: 0;
  -webkit-backface-visibility: hidden;
  padding:0px;
}

/*
.nowplaying-stuff { height: 400px; color: #fff; overflow: hidden; position:relative; z-index:2;}
.nowplaying-capa { float: left; padding: 25px 10px 10px 10px; }
.nowplaying-play { padding: 55px 10px 10px 0px; }
.nowplaying-infocontainer { float: left; padding:50px 0px 0px 50px; }
.nowplaying-musica { font-weight: 400; color: #fff; font-size: 30px; text-shadow: 0px 0px 2px #3a3a3a; }
.nowplaying-artista { font-weight: 300; color: #fff; font-size: 25px; text-shadow: 0px 0px 2px #3a3a3a; }
.nowplaying-dot { display:none; visibility:hidden; padding:0px 0px 0px 5px; top:0; vertical-align:middle; }

.passou-site { position:absolute; width:400px; vertical-align:top; right:0; z-index:3; min-height: 400px; padding:0px; background : rgba(0,0,0,0.5); }
.passou-hour { font-weight:400px; font-size:14px; color:#999999;  }
.passou-artistname {  font-weight:500px; font-size:19px; }
.passou-songname {  font-weight:400px; font-size:16px; }

.nowplaying-small { background-color:#000000; }
.nowplaying-small .nowplaying-stuff { height: auto;}
.nowplaying-small .nowplaying-capa { display:none; visibility:hidden; }
.nowplaying-small .social-line { display:none; visibility:hidden; }
.nowplaying-small .nowplaying-play { display:none; visibility:hidden; }

.nowplaying-small .nowplaying-musica, .nowplaying-artista { display:table-cell; padding-left:10px; font-size: 20px; }
.nowplaying-small .nowplaying-dot { display:table-cell; visibility:visible; padding:0px 0px 0px 5px; top:0; vertical-align:middle; }

.nowplaying-small .passou-site { display:none; visibility:hidden; }
.nowplaying-small .nowplaying-infocontainer { padding:12px 0px 0px 15px; }
*/
.nowplaying-small { background-color:#000000; }
.nowplaying-musica { font-weight: 400; color: #fff; text-shadow: 0px 0px 2px #3a3a3a; display:inline-block; padding-left:10px; font-size: 16px;vertical-align: sub;}
.nowplaying-musica:after{
    content:"\2022";
    color:#fff;
    padding: 5px;
    font-size: 24px;
    padding: 0 5px;
    vertical-align: sub;
}


.nowplaying-artista { font-weight: 300; color: #fff; text-shadow: 0px 0px 2px #3a3a3a; display:inline-block; padding-left:0px; font-size: 16px;vertical-align: sub; }
.nowplaying-play { display:inline-block; visibility:visible; padding:0px 0px 0px 5px; top:0; vertical-align: bottom;}
.nowplaying-play > .material-icons { text-shadow: 0px 0px 2px rgb(0, 0, 0); vertical-align: -2px; font-size: 30px; }
.nowplaying-dot { display:none; visibility:visible; padding:0px 0px 0px 5px; top:0; vertical-align:middle; }



.item-list:nth-child(odd) { padding-right: 10px; }
.item-list:nth-child(even) { padding-left: 10px; }
.item-feature-list:nth-child(odd) { padding-left: 0px; width:48%; vertical-align:top; margin-left:1%; margin-right:0px;  }
.item-feature-list:nth-child(even) { padding-right: 0px; width:48%; vertical-align:top; margin-left:1%; }

.news-date { font-weight:300; font-size:16px; color:#ac162c; }
.news-box { min-height:180px; }
.news-box.featured { min-height: auto !important; }
.agenda-box { min-height:160px; }
.destaques-box { min-height:160px; padding-top:20px; }
.alerta { color:#ac162c; font-weight:700; }

.agenda-index-month { padding:30px 0px 5px 0px; font-weight:700; font-size:36px; text-transform:uppercase; vertical-align:top; color:#000; }
.agenda-item { padding:10px 0px; }
.agendaday { font-size: 36px; font-weight:700; text-align: left; vertical-align:center; }
.agendatitle  { font-weight:400; font-size:16px; color:#000; padding:5px 0px; color:#fff; }
.agendatext  { font-weight:400; font-size:16px; color:#000; padding:5px 0px; }
.agenda-side-date { width:70px; display:table-cell; }
.agenda-side-text { width:auto; display:table-cell; }

.pub-name { font-weight: 500; font-size: 18px; display: block; padding-top:20px; }
.pub-category { font-weight: 400; font-size: 16px; display: block; }
.pub-address { font-weight: 600; font-size: 16px; display: block; }
.pub-contact { font-weight: 400; font-size: 16px; display: block; }
.pub-contact a { color: #7f7c7c; }

.galleryItem a {
    display:block;
    position:relative;
    padding-bottom:60%;
    overflow:hidden;
}
.galleryItem a img {
    position:absolute;
    width: 100%;
    height:auto;
    display:block;
}


.picItem a {
    display:block;
    position:relative;
    padding-bottom:60%;
    overflow:hidden;
}
.picItem a img {
    position:absolute;
    width: 100%;
    height:auto;
    display:block;
}

/* NEWS SUB MENU*/
.submenu-bar ul.static-menu { padding: 0; margin: 0 0 20px 0; }
.submenu-bar ul.static-menu li { list-style: none; font-size: 18px; display: inline-block; margin-right: 10px }
.submenu-bar ul.static-menu > li > a { clear: both; color: #000; display: block; font-weight: 400; line-height: 1.42857; padding: 5px 15px 5px 15px; white-space: nowrap; }
.submenu-bar ul.static-menu > li > a.selected { background-color:#ac162c; padding: 5px 15px 5px 15px; color:#fff;  }
.submenu-bar ul.static-menu > li > a:hover { background-color:#ac162c; color:#fff; }

/* PASSOU */
#thehours { display: block; text-align: center; margin: 30px auto 15px;}
#thedays { display: block; text-align: center; margin-bottom: 0px;  }
#thedays a { color:#ffffff; background-color: #000000; text-decoration:none;}
#thedays a.active {color: #fff; background-color: #ac162c; }
.passou-on { display:block; text-transform:uppercase; font-size:50px; font-weight: bold; padding:10px; border:0px; }
.passou-horas { border:0px; background-color: #000000; color:#ffffff; display:block;  padding:10px; text-align:center; }
.passoulink-horas { cursor:pointer; margin: 1px; font-size: 12px; font-weight:700; text-align: center; text-transform: uppercase; }
.passou-horas-disabled { background-color: #f2f2f2; color:#ffffff; display:block; padding:10px;} 
.passou-horas-disabled a { color:#ffffff;}
.passou-horas-disabled a:hover, .passou-horas-disabled a:visited { background-color: #000000; color:#ffffff;}

a.select-hour.passou-horas:hover {color:#ac162c;}
a.select-hour.passou-horas {color: #ededed; }
a.select-hour.passou-horas.active-passou-horas,
a.select-hour.passou-horas.active-passou-horas:hover
a.select-hour.passou-horas.active-passou-horas:active { background-color: #ac162c; color: #ffffff; }
.passoulink-horas a { color: #000000; font-weight:700;}
.active { background-color: #ac162c; color: #ffffff; }

/* .passou-musica-dia { color: #546579; font-size:12px; font-weight: bold; text-transform: uppercase; display:block; } */
.passou-musica-hora { color: #999; font-size:14px; font-weight: 400; text-transform: uppercase; display:block; }
.passou-musica-artista { color: #fff; font-size:18px; font-weight: 700; text-transform: uppercase; display:block; }
.passou-musica-title { color: #fff; font-size:18px; font-weight: 400; text-transform: uppercase; display:block; }


#searchLastPLayedSongsResult {display: table;}
.gereral-item { display: inline; }

ul.passou-items li { padding: 0 15px; margin: 15px 0; }

.hora-passou-big { display:none; visibility:hidden; }
.passou-on { display:block; text-transform:uppercase; font-size:30px; font-weight: bold; padding:10px; border:0px; }
/* FIM PASSOU */

/*  BARRA SOCIAL */
.social { padding: 0; margin: 0 15px 50px 15px;}
.social-share { text-transform: uppercase; font-size:18px; font-weight: 400; text-align:right; padding-right:20px; }


/** NANO SCROLL PASSOU **/
/** initial setup **/
.nano {
  background: #000;
  position : relative;
  width    : 400px;
  height: 280px;
  overflow : hidden;
  z-index:1000;
}
.nano .nano-content {
  padding: 10px;
  position      : absolute;
  overflow      : scroll;
  overflow-x    : hidden;
  top           : 0;
  right         : 0;
  bottom        : 0;
  left          : 0;
}
.nano .nano-content:focus {
  outline: thin dotted;
}
.nano .nano-content::-webkit-scrollbar {
  visibility: visible;
}
.has-scrollbar .content::-webkit-scrollbar {
  visibility: visible;
}
.nano > .nano-pane {
  background : rgba(0,0,0,1);
  position   : absolute;
  width      : 10px;
  right      : 0;
  top        : 0;
  bottom     : 0;
  visibility : visible\1; /* Target only IE7 and IE8 with this hack */
  opacity    : 1; 
  -webkit-transition    : .2s;
  -moz-transition       : .2s;
  -o-transition         : .2s;
  transition            : .2s;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;  
  border-radius         : 5px;
  display:block;
}
.nano > .nano-pane > .nano-slider {
  background: #ac1f2d;
  /*background: rgba(172,31,45,1);*/
  position              : relative;
  margin                : 0 1px;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;  
  border-radius         : 3px;
}
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
  visibility : visible; /* Target only IE7 and IE8 with this hack */
  opacity    : 0.99;
}

/* *********************************************************************************************************************************** */

/* MENU */
.navbar { margin-bottom: 0px; border: none; background: none; border-radius: 0px; padding:0px 0px 0px 0px; min-height: 50px; }
.navbar > .cont .navbar-brand { margin-left: 0px; height: auto; text-align:center; float:none; }
.navbar-brand > img { text-align: center; margin: 0 auto; }
.navbar-header .icon-bar { background: none; text-align:center; }
.navbar .navbar-toggle { background: #ffffff; float:none; text-align: center; margin: 0 auto; }
.navbar .nav > li { color: #000; padding:3px; padding:0px; }
.navbar .nav > li:after{ content:"\2022"; color:#000; padding: 5px; font-size: 24px; padding: 0 20px; vertical-align: sub; }
.navbar .nav > li:last-child:after{ content:""; padding: 0; }
.navbar .nav > li > a { color: #000; font-weight: 400; font-size: 16px; cursor: pointer; padding:0px; text-transform:uppercase; display:inline; }
.navbar .navbar-nav > .active > a { background: #fff; }
.navbar .nav > li > a:hover, .navbar .nav > li > a:focus { color:#000; }
.navbar-inverse .navbar-toggle .icon-bar { background-color: #000000; }
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: #ffffff; }
.navbar .navbar-nav { float: none; vertical-align: top; margin: auto; }
.navbar .navbar-collapse { text-align: center; border: 0px !important; }
.nav li.bola-menu { padding:3px 15px 0px 15px; }

/**/

/* SECTIONS */
section { 
    display: table; 
    max-width: 1366px; 
    width: 100%;
    padding: 0px;
    margin: 0px auto; 
}

.center-header {
    max-width: 1366px; 
    width: 100%;
    padding: 0px;
    margin: 0px auto; 
}

section#footer {
    background-color:#000;
    color: #fff;
    max-width: 100%; 
}

section#topo {
    background-color:#fff;
    color: #000;
    max-width: 100%; 
    padding-top: 0px;
}

section#navigation {
    background-color:#fff;
    color: #000;
    max-width: 100%; 
}

section#nowplaying {
/*    background-color:#fff; */
    color: #fff;
    max-width: 100%; 
}    


.limite {
    max-width: 1366px; 
    margin: 0 auto;
    position:relative;

}

/* SECTION CONTENT */

/* POLL */
.poll-generic-container { width: 100%; }
.poll-generic-container .pollQuestion { font-weight: 500; font-size: 22px; position: relative; } 
.poll-generic-container ul.poll { width: 100%;  margin: 30px auto 30px auto; list-style: none; padding: 0px; color: #666666; }
.poll-generic-container ul.poll li { width: 100%; clear: both; margin: 0px 0px 10px 0px; /* background: #fff; */ color: #000;  border: 0px solid grey;}
.poll-generic-container ul.poll li div.answer { width: 100%; position: relative;  z-index: 1; float: left; cursor: pointer;}
.poll-generic-container ul.poll li img.bar { position: absolute; background: #acacac; /* background: #00adef; */ z-index: 5; bottom: 0px; left: 0px; padding: 0px; height: 6px; display: none;}
.poll-generic-container ul.poll li img.bar:hover { position: absolute; background: #acacac; z-index: 5; bottom: 0px; left: 0px; padding: 0px; height: 5px; display: none;}
.poll-generic-container ul.poll li img.barSelected { position: absolute; background: #acacac; z-index: 5; bottom: 0px; left: 0px; padding: 0px; height: 5px; display: none;}
.poll-generic-container ul.poll li div.option { position: relative; margin: 0px 0px 0px 0px;  z-index: 10; font-size: 20px;}
.poll-generic-container ul.poll span.text {float: left; margin: 0px 0px 0px 0px; padding: 6px 25px 12px 0px;}
.poll-generic-container ul.poll span.percentage { float: right; padding: 0px 5px; font-weight: 400; font-family: "Roboto",sans-serif !important;font-size: 12px !important; display: none;}
.poll-generic-container .radio { display: block; float: left; position: relative; z-index: 6; top: 8px; left: 14px; margin-right: 25px; }

/* END POLL */

/* BTN */
.btn { border-radius:0px!important; color:#fff!important; background-color:#ac162c; width:100%; cursor:pointer; padding:5px 10px 5px 30px; margin: 0px; font-size: 20px; font-weight:700; text-align: left; text-transform: uppercase; }
.btn:hover{ background-color:#ac162c !important; color:#fff !important; text-decoration: none; }

.btn.active
{
    background: none repeat scroll 0 0 #FFFFFF!important;
    border: 0px solid #D61A21;
    color: #fff;
    outline: none;
    font-weight:bold; 
}

.btn-blue {
    background-color: #fff;
    border-color: #ccc;
    color: #000!important;
    border: 0px;
    border-radius: 0px;
    text-transform: uppercase;
}


/* FORM */
.form-group { margin: 10px 0px; width:100%; }
.form-group label { font-size:14px; }
.form-group input, .form-group textarea, .form-group select {  border-radius:0px!important; font-size:16px; }
.form-horizontal .form-group { margin-right: 0px; margin-left: 0px; }

/* MISCELLANEOUS */
.mrec { width:300px!important; min-height:250px; background-color: #000000; margin-left:auto; margin-right:auto; background-image:url(/images/mrec-bg.jpg); margin-bottom: 20px; }
article img { max-width:100%; }
.img-responsive { /* other definitions */ width:100%; }

ul { list-style: none; padding: 0px; margin: 0px;  }
.nogutter { margin:0; padding: 0;}
.center { text-align:center; margin: 0px auto; }
.pointer { cursor:pointer; }

.right-col > div  {/* width: inherit; */ margin: 0 auto 20px auto !important; width: 300px; }


/* ELLIPSIS */
.ellipsis-16 {
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  max-width: 90%;
  height: 16px*1.6*1; /* Fallback for non-webkit */
  margin: 0 auto;
  font-size: 16px;
  line-height: 1.6;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ellipsis-14 {
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  max-width: 90%;
  height: 14px*1.4*1; /* Fallback for non-webkit */
  margin: 0 auto;
  font-size: 14px;
  line-height: 1.4;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ellipsis-12 {
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  max-width: 90%;
  height: 12px*1.2*1; /* Fallback for non-webkit */
  margin: 0 auto;
  font-size: 12px;
  line-height: 1.2;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* FIM ELLIPSIS */

/* PASSOU 7 DIAS */
        .recent-songs {
        width: 100%;
        padding: 0px;
        min-height: 380px;
    }
    
   .recent-songs .song {
            width: 30%;
            margin: 0px 29px 30px 0;
            display: inline-block;
            vertical-align: top;
            font-size: 16px;
            position: relative;
            overflow: hidden;
            max-height: 600px;
            background: #fff;
            box-shadow: 0px 2px 2px #eaeaea;
        }


          .recent-songs .song:nth-child(3n) {
                border: 0px solid blue;
                margin-right: 0px;
          }


          .homepage .recent-songs .song:first-child {
              width: 100% !important;
              border: 0px solid green;
          }
          
          
          .recent-songs .song.featured {
                width: 100% !important;
                border: 0px solid green;
          }

          .recent-songs .song.big {
                width: 100% !important;
                border: 0px solid green;
          }

          .recent-songs .song.odd {
                margin-right: 28px;
          }

          .recent-songs .song.even {
                margin-right: 0px;
          }

    
.day-played-songs {
  margin: 0 auto;
  width: 95%;
}
        .sm2-bar-ui { border-radius: 0; color: #000; min-width: inherit; display: initial;}
        .sm2-progress .sm2-progress-track, .sm2-progress .sm2-progress-ball, .sm2-progress .sm2-progress-bar {  height: 35px; border-radius: 0; }
        .sm2-progress .sm2-progress-ball { display: none;}
        .sm2-inline-button.play-pause { outline: none; }
        .sm2-progress-bd { padding: 0px; width:100% !important; }
        
        .playing .play-pause { background-image: none, url('/scripts/vendor/soundmanager/bar-ui/image/icomoon/entypo-25px-000000/SVG/pause.svg'); }
        .play-pause, .play-pause:hover, .paused .play-pause:hover { background-image: none, url('/scripts/vendor/soundmanager/bar-ui/image/icomoon/entypo-25px-000000/SVG/play.svg'); }


        .bd.sm2-main-controls { background-color: #fff;  /*  background-color: #000; */   color: #fff; }
        .sm2-progress-bar { background: rgb(0, 0, 0) !important; }
        .sm2-progress-track { background: #AA1C30 !important; }
        .sm2-bar-ui .sm2-inline-element { border: 0px; }
        .sm2-progress { width:100% !important; }

        .sm2-soundwave {
            background-color: transparent;
           /*background-image: url('/upload/waveforms/clips/000C1YD1-VBU1-VJTO-G8HG-3NJQ5U4SZRHH.png');*/
            background-repeat: no-repeat;
            background-position: 0% 0%;
            background-size: 100% 35px;
            background-attachment: scroll;
            height: 35px; 
            border-radius: 0px; 
            position: relative;
        }



.passou-webradios { margin: 0px 0px 20px 0px; display: table !important; width: 100% !important; table-layout: fixed; border-collapse: separate; }
.passou-webradios .btn-group { margin: 5px; border-right: 3px solid transparent; display: table-cell !important; }
.passou-webradios .btn-group:last-child { border-right: 0px solid transparent; }
.passou-webradios .btn-group a.btn { border: 0 none; text-align:center; padding: 10px 0px; background: #000000; }
.passou-webradios .btn-group.selected  a.btn {  background-color: #ac162c; color: #fff !important; }

.last-seven-days { margin: 0px 0px 20px 0px; display: table !important; width: 100% !important; table-layout: fixed; border-collapse: separate; }
.last-seven-days .btn-group { margin: 5px; border-right: 3px solid transparent; display: table-cell !important; }
.last-seven-days .btn-group:last-child { border-right: 0px solid transparent; }
.last-seven-days .btn-group a.btn { border: 0 none; text-align:center; padding: 10px 0px; background: #000000 !important; }
.last-seven-days .btn-group.selected  a.btn { background-color: #ac162c; color: #fff !important; }

.twenty-four-hours { text-align: center; margin: 10px 0 20px 0; color: #fff; }
.twenty-four-hours-btns > .btn-group { background: #000000; margin: 2.6px; padding: 6px 0px; color: #fff; }
.twenty-four-hours-btns > .btn-group:hover { background-color: #ac162c; }
.twenty-four-hours-btns > .btn-group.selected { background-color: #ac162c; }
.twenty-four-hours-btns > .btn-group.selected a { color: #fff !important; }
.twenty-four-hours-btns > .btn-group a { padding: 6px 10px; font-size: 13px; font-weight: 400; text-decoration: none; color: #fff !important; -webkit-appearance: inherit !important; }
.twenty-four-hours-select { display: none; }

.passou-songname { display: block; text-align: left; font-size: 14px; font-weight: 500; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width:300px; }
.passou-artistname { display: block; text-align: left; font-size: 14px; font-weight: 300; }
/* PASSOU 7 DIAS */

/* NEWS */

.recent-posts .post {
            width: 48%;
            margin: 0px 29px 30px 0;
            display: inline-block;
            vertical-align: top;
            font-size: 16px;
            position: relative;
            overflow: hidden;
            max-height: 600px;
            background: #fff;
            box-shadow: 0px 2px 2px #eaeaea;
        }

          .recent-posts .post:nth-child(2n+1) {
                border: 0px solid blue;
                margin-right: 0px;
          }


          .homepage .recent-posts .post:first-child {
              width: 100% !important;
              border: 0px solid green;
          }
          
          
          .recent-posts .post.featured {
                width: 100% !important;
                border: 0px solid green;
          }

          .recent-posts .post.big {
                width: 100% !important;
                border: 0px solid green;
          }

          .recent-posts .post.odd {
                margin-right: 28px;
          }

          .recent-posts .post.even {
                margin-right: 0px;
          }

          .tag-category {
            margin-bottom: 5px;
          }

          .post-image {
            position: relative;
            border-bottom: 1px solid #efefef;
          }
          
          .post-info {
              padding: 10px;
          }

          .post-info .cat-link {
              margin: 0 0 10px 0; font-size: 16px;line-height: 25px;text-transform: capitalize;
          }
          .post-info h3 {
              margin: 50px 0 10px;
              color: #232323;
              text-transform: uppercase;
              font-weight: 500;
          }
          .post-info .excerpt {
            margin-bottom: 20px;
          }
          

.youtube-box {

}

.youtube-box .youtube-embed-wrapper{
    position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;
}

.youtube-box .youtube-embed-wrapper iframe {
    position: absolute;top: 0;left: 0;width: 100%;height: 100%;
}


.facebook-box div {
    margin: 0 !important;
}
.facebook-box div iframe {
    max-width: 100%;
}




.gallery-box {
    margin: 20px auto 30px auto;
    position: relative;
}

.gallery-box .lightgallery li:not(:first-child) { display: none; }

.gallery-box .lightgallery li:first-child { position: relative; cursor: pointer; }

.gallery-box .lightgallery li:first-child:before, .gallery-box .lSPrev {
    position: absolute; 
    top: 48%;
    left: 10px;
    font-family: 'simple-line-icons';
    content: "\e605";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
    font-size: 50px;
    color: #fff;
    text-shadow: 0px 1px 2px #333;
}

.gallery-box .lightgallery li:first-child:after, .gallery-box .lSNext {
    position: absolute; 
    font-size: 50px;
    color: #fff;
    text-shadow: 0px 1px 2px #333;
    top: 48%;
    right: 10px;
    font-family: 'simple-line-icons';
    content: "\e606";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
}

.gallery-box .gallery-title, .gallery-box .gallery-description { display: none; }

.gallery-box .gallery-count {
    bottom: 5px;
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    padding: 0 5px;
    position: absolute;
    right: 0;
    text-align: right;
}

.gallery-box .gallery-count label { display: none; }

.gallery-box .gallery-count:before {
    font-family: 'simple-line-icons';
    content: "\e07f";
    font-size: 18px;
    padding-right: 5px;
    vertical-align: sub; 
}

.gallery-box .lslide .caption {
    position: absolute;
    bottom: 0px;
    padding: 1px 3px;
    background: rgba(0,0,0,0.5);
    color: #fff;
    width: inherit;

}

.lSAction > a { background-image: ; }
.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a { background-color: #d12028 !important; }
.lSPager li.active { background:none; }

/* END NEWS */

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

@media (max-width: 319px) {
    .content { padding:10px; margin:0 auto; }
    .left-col { display: block; min-width:300px; max-width: 100%; vertical-align:top; }
    .right-col { display: block; min-width:300px; width: 300px; vertical-align:top; margin:0 auto; }
    .right-col > div  { width: inherit; text-align:left; }
    .w48 { width:100%; vertical-align:top; }
    .gallery-box { max-width:300px; }
    
    .col1 { width: 100%; vertical-align:top; }
    .col2 { width: 100%; float:left; margin-right:20px; vertical-align:top; }
    .col3 { width: 100%; float:left; vertical-align:top; }
    .col-sideside { width: 100%; vertical-align:top; }
    .texto { font-size:16px; }
    .item-list:nth-child(odd) { padding-right: 0px; }
    .item-list:nth-child(even) { padding-left: 0px; }
    .item-feature-list:nth-child(odd) { padding-left: 0px; }
    .item-feature-list:nth-child(even) { padding-right: 0px; }

    .logo-site { visibility:hidden; display:none; }
    .nav li.bola-menu { display:none; }
    .box { padding: 0px 5px 20px 5px; }
    .sm2-bar-ui { font-size:12px; }
    .agenda-box { min-height:initial; }
    .nowplaying-inline { display:block; }

        .recent-songs {
        width: 100%;
        padding: 0 30px;
        min-height: 380px;
    }

    .recent-songs .song {
            width: 100%;
            margin: 0px 29px 30px 0 !important;
            display: inline-block;
            vertical-align: top;
            font-size: 16px;
            position: relative;
            overflow: hidden;
            max-height: 600px;
            background: #fff;
            box-shadow: 0px 2px 2px #eaeaea;
        }
    .company-logos { display:block; text-align:center; }
    .footer-buttons { display:block; text-align:center; margin: 20px 0px; }
    .copyright-info { display:block; text-align:center; }


    .passou-songname { display: block; text-align: left; font-size: 14px; font-weight: 600; text-overflow:inherit; overflow:auto; white-space: inherit; }
    .sm2-bar-ui { min-width: auto !important; }
    .sm2-bar-ui .sm2-inline-element { display: block!important; text-align:center; margin:0 auto; }
    .last-seven-days .btn-group-justified > .btn, .btn-group-justified > .btn-group {  float: left;  width: auto; }
    



}

@media (min-width: 320px) and (max-width: 519px) {
    .content { padding:10px; margin:0 auto; }
    .left-col { display: block; min-width:300px; max-width: 100%; vertical-align:top; }
    .right-col { display: block; min-width:300px; max-width: 100%; vertical-align:top; margin:0 auto; }
    .right-col > div  { width: inherit; text-align:left; }
    .w48 { width:100%; vertical-align:top; }
    .gallery-box { max-width:300px; }

    .col1 { width: 100%; vertical-align:top; }
    .col2 { width: 100%; float:left; margin-right:20px; vertical-align:top; }
    .col3 { width: 100%; float:left; vertical-align:top; }
    .col-sideside { width: 100%; vertical-align:top; }
    .texto { font-size:16px; }
    .item-list:nth-child(odd) { padding-right: 0px; }
    .item-list:nth-child(even) { padding-left: 0px; }
    .item-feature-list:nth-child(odd) { padding-left: 0px; }
    .item-feature-list:nth-child(even) { padding-right: 0px; }


    .navbar-brand { padding:0px; }
    .nowplaying-musica, .nowplaying-artista { display:block; font-size:16px; }
    .nowplaying-play { float:left; padding-top:10px; }
    .nowplaying-dot { display:none; }

    .logo-site { visibility:hidden; display:none; }
    .nav li.bola-menu { display:none; }
    .box { padding: 0px 10px 20px 10px; }
    .sm2-bar-ui { font-size:12px; }
    .agenda-box { min-height:initial; }
    .nowplaying-inline { display:block; text-align:center; }

    .recent-songs {
        width: 100%;
        padding: 0px 00px;
    }

    .recent-songs .song {
            width: 100%;
            margin: 0px 0px 30px 0 !important;
            display: inline-block;
            vertical-align: top;
            font-size: 16px;
            position: relative;
            overflow: hidden;
            max-height: 600px;
            background: #fff;
            box-shadow: 0px 2px 2px #eaeaea;
        }
    .company-logos { display:block; text-align:center; }
    .footer-buttons { display:block; text-align:center; margin: 20px 0px; }
    .copyright-info { display:block; text-align:center; }

    .passou-songname { display: block; text-align: left; font-size: 14px; font-weight: 600; text-overflow:inherit; overflow:auto; white-space: inherit; }
/*    .passou-songname { display: block; text-align: left; padding: 5px 10px 0px 10px; font-size: 16px; font-weight: 600; text-overflow:inherit; overflow:auto; white-space: inherit; } */
    .sm2-bar-ui { min-width: auto !important; }
    .sm2-bar-ui .sm2-inline-element { display: block!important; text-align:center; margin:0 auto; }
    .last-seven-days .btn-group-justified > .btn, .btn-group-justified > .btn-group {  float: left;  width: 30%;  }
    .last-seven-days .btn-group-justified > .btn, .btn-group-justified > .btn-group:nth-child(4n+0) {  clear:left; }
    .newsauthor { width:100%; padding-top:10px; }
    .newsauthor h3 { display:none;}
    .newsauthor div { float:left; }
    .newsauthor .newsauthorname { padding:10px; font-size:16px; }
    .newsauthor div img { max-width:80px; }

    .newscontent {display:block; width:100% !important; }
    

}

@media (min-width: 520px) and (max-width: 767px) {
    .content { padding:10px; margin:0 auto; }
    .left-col { display: block; min-width:300px; max-width: 100%; vertical-align:top; }
    .right-col { display: block; min-width:300px; max-width: 100%; vertical-align:top; margin:0 auto; text-align:center; }
    .right-col > div  { width: inherit; text-align:left; }
    .w48 { width:100%; vertical-align:top; }
    .gallery-box { max-width:400px; }
    

    .col1 { width: 100%; vertical-align:top; }
    .col2 { width: 100%; float:left; margin-right:20px; vertical-align:top; }
    .col3 { width: 100%; float:left; vertical-align:top; }
    .col-sideside { width: 100%; vertical-align:top; }
    .texto { font-size:16px; }
    .item-list:nth-child(odd) { padding-right: 0px; }
    .item-list:nth-child(even) { padding-left: 0px; }
    .item-feature-list:nth-child(odd) { padding-left: 0px; }
    .item-feature-list:nth-child(even) { padding-right: 0px; }

    .navbar-brand { padding:0px; }

    .logo-site { visibility:hidden; display:none; }
    .nav li.bola-menu { display:none; }
    .agenda-box { min-height:initial; }
    .nowplaying-inline { display:block; text-align:center; }

    .recent-songs {
        width: 100%;
        padding: 0 30px;
    }

    .recent-songs .song {
            width: 47%;
            margin: 0px 10px 30px 0 !important;
            display: inline-block;
            vertical-align: top;
            font-size: 16px;
            position: relative;
            overflow: hidden;
            max-height: 600px;
            background: #fff;
            box-shadow: 0px 2px 2px #eaeaea;
        }
    .company-logos { display:block; text-align:center; }
    .footer-buttons { display:block; text-align:center; margin: 20px 0px; }
    .copyright-info { display:block; text-align:center; }
    .passou-songname { display: block; text-align: left; font-size: 14px; font-weight: 600; text-overflow:inherit; overflow:auto; white-space: inherit; }

/*    .passou-songname { display: block; text-align: left; padding: 5px 10px 0px 10px; font-size: 16px; font-weight: 600; text-overflow:inherit; overflow:auto; white-space: inherit; } */

}

@media (min-width: 768px) and (max-width: 991px) {
    .left-col { display: table-cell; min-width:300px; max-width: 100%; padding-right:20px; vertical-align:top; }
    .right-col { display: table-cell; min-width:300px; width: 300px; vertical-align:top; }

    .col1 { width: 100%; vertical-align:top; clear: both; }
    .col1 .caixa { min-width: 300px; max-width:49%; float:left; }
    .col1 .caixa:nth-child(2n+1) { margin-right:10px; }
    .col2 { width: 50%; float:left; padding-right:10px;  vertical-align:top; }
    .col3 { width: 50%; float:left; padding-left:10px;  vertical-align:top; }
    .col-sideside { width: 100%; vertical-align:top; }
    .gallery-box { max-width:400px; }
    

    .navbar-brand { visibility:hidden; display:none; }
    .news-box-related { min-height:200px; }
    .destaques-box-related { min-height:220px; }
    .destaques-box-related  .texto { font-size:13px; }
    .news-box { margin-bottom:30px;  }
    .news-box .titulos { font-size:18px; }
    .item-feature-list:nth-child(odd) { padding-left: 0px; }
    .item-feature-list:nth-child(even) { padding-right: 0px;  }

    .item-list-small:nth-child(2n+1) div.caixa { margin-right:10px; }
    .item-list-small:nth-child(2n+2) div.caixa { margin-left: 10px; }
    .agenda-side-date { width:auto; display:block; }
    .agenda-side-text { width:auto; display:block; }
    .agenda-side-text .titulos { font-size:14px; }
    .nowplaying-inline { display:table-cell; }
    
    .recent-songs {
        width: 100%;
        padding: 0 30px;
    }

    .recent-songs .song {
            width: 42%;
            margin: 0px 20px 30px 0 !important;
            display: inline-block;
            vertical-align: top;
            font-size: 16px;
            position: relative;
            overflow: hidden;
            max-height: 600px;
            background: #fff;
            box-shadow: 0px 2px 2px #eaeaea;
        }
    .company-logos { float:right; width:300px; text-align:right; }
    .footer-buttons { float:left; margin-bottom: 10px; }
    .copyright-info { float:left; }
}


@media (min-width: 992px) and (max-width: 1199px) {
    .left-col { display: table-cell; min-width:300px; max-width: 100%; padding-right:20px; vertical-align:top; }
    .right-col { display: table-cell; min-width:300px; width: 300px; vertical-align:top; }

    .col1 { display: table-cell; min-width:300px; max-width: 100%;padding-right:20px; vertical-align:top; }
    .col2 { display: table-cell; min-width:300px; width: 300px; padding-right:20px; vertical-align:top; }
    .col3 { display: table-cell; min-width:300px; width: 300px; vertical-align:top; }
    .col-sideside1 { float:left; min-width:300px; max-width: 50%; padding-right:10px; vertical-align:top; }
    .col-sideside2 { float:left; min-width:300px; max-width: 50%; padding-left:10px; vertical-align:top; }
    .gallery-box { max-width:400px; }
    

    .navbar-brand { visibility:hidden; display:none; }
    .news-box-related { min-height:200px; }
    .destaques-box-related { min-height:220px; }
    /*.news-box { min-height:160px; } */
    .item-feature-list:nth-child(odd) { padding-left: 0px; float:right; }
    .item-feature-list:nth-child(even) { padding-right: 0px; }

    .item-list-small:nth-child(3n+1) div.caixa { margin-right:14px; }
    .item-list-small:nth-child(3n+2) div.caixa { margin-left: 7px; margin-right:7px; }
    .item-list-small:nth-child(3n+3) div.caixa { margin-left: 14px; }
    .agenda-side-date { width:auto; display:block; }
    .agenda-side-text { width:auto; display:block; }
    .agenda-side-date .titulos { font-size:16px; }
    .agenda-side-text .titulos { font-size:16px; }
    .nowplaying-inline { display:table-cell; }

    .recent-songs {
        width: 100%;
        padding: 0px;
    }

    .recent-songs .song {
            width: 47%;
            margin: 0px 10px 30px 0 !important;
            display: inline-block;
            vertical-align: top;
            font-size: 16px;
            position: relative;
            overflow: hidden;
            max-height: 600px;
            background: #fff;
            box-shadow: 0px 2px 2px #eaeaea;
        }
    .company-logos { float:right; width:300px; text-align:right; }
    .footer-buttons { float:left; }
    .copyright-info { float:left; }
}

@media (min-width: 1200px) {
    .left-col { display: table-cell; min-width:300px; max-width: 100%; padding-right:20px; vertical-align:top; }
    .right-col { display: table-cell; min-width:300px; width: 300px; vertical-align:top; }
    .col1 { display: table-cell; min-width:300px; max-width: 100%; padding-right:20px; vertical-align:top; }
    .col2 { display: table-cell; min-width:300px; width: 300px; padding-right:20px; vertical-align:top; }
    .col3 { display: table-cell; min-width:300px; width: 300px; vertical-align:top; }
    .col-sideside1 { float:left; min-width:300px; max-width: 50%; padding-right:10px; vertical-align:top; }
    .col-sideside2 { float:left; min-width:300px; max-width: 50%; padding-left:10px; vertical-align:top; }
    .gallery-box { max-width:600px; }
    
    .navbar-brand { visibility:hidden; display:none; }
    .news-box-related { min-height:180px; }
    .destaques-box-related { min-height:200px; }
    
    .item-list-small:nth-child(3n+1) div.caixa { margin-right:14px; }
    .item-list-small:nth-child(3n+2) div.caixa { margin-left: 7px; margin-right:7px; }
    .item-list-small:nth-child(3n+3) div.caixa { margin-left: 14px; }
    .nowplaying-inline { display:table-cell; }
    .company-logos { float:right; width:300px; text-align:right; }
    .footer-buttons { float:left; }
    .copyright-info { float:left; }
}



.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {
    color: #777;
    cursor: not-allowed;
    background-color: #000;
    border-color: #ddd;
}

.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
    z-index: 2;
    color: #fdfdfd;
    background-color: #ac162c;
    border-color: #ddd;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #ac162c;
    border-color: #337ab7;
}

.pagination > li > a, .pagination > li > span {
    background-color: #000;
    border: 0px solid #ddd;
    color: #fff;
    float: left;
    line-height: 1.42857;
    margin-left: -1px;
    padding: 6px 12px;
    position: relative;
    text-decoration: none;
}

h1.page-title {
    font-weight: 400;
    margin-bottom: 20px;
}

.menuSelected {
    color: #ac162c !important;
}

.cat-links {
    color: #fff !important;
    text-decoration: none !important;
}



/* SWIPER WEBRADIOS */

#swiper-webradios {
    background: #191919; 
    padding: 5px 0;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    overflow: hidden;
}

.swiper-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    max-width: 250px;
    cursor: pointer;
    float: left; margin-right: 3px;
    position: relative;
}

.swiper-slide img {
    width: 250px;
    height: auto;
    
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    
}
   
.swiper-slide:hover img {
    -moz-transform: scale(0.95);
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
}

.swiper-slide .clicktoplayMessage {
    font-family: 'Roboto',sans-serif;
    opacity: .5;
    position: absolute;
    bottom: 3px;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    font-size: 9px;
    color: #fff;
    border-radius: 3px;
    border: 0px solid #fff;
    margin-top: 6px;
    padding: 1px 5px;
    background: rgba(0,0,0,.8);
    min-width: 82px;
    z-index: 1;
    left: 50%;
    margin-left: -46px;
}


.swiper-container-last-played {
    width: calc(100% - 80px);
    margin: 0 auto;
    overflow: hidden;
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 0%;
    width: 45px;
    height: 100%;
    margin-top: 0px;
    z-index: 10;
    cursor: pointer;
    background-size: unset;
    background-position: unset;
    background-repeat: unset;
    color: #fff;
    padding-top: 11px;
    /*background: rgba(0,0,0,0.3);*/


}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: none;
    right: 0px;
    left: auto;
        background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
    background-image: -o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));
    background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    background-repeat: repeat-x;

}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: none;
    left: 0px;
    right: auto;
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
    background-image: -o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));
    background-image: linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    background-repeat: repeat-x;

    


}

.swiper-button-disabled {
    color: rgba(255,255,255,0.2) !important;
}


.swiper-button-next.swiper-button-disabled, 
.swiper-button-prev.swiper-button-disabled {
    display: none;
}

.swiper-wrapper { display:flex !important;}



.modal-header {
    display: initial !important;
}
.modal-dialog { max-width: 70% !important; }