@charset "utf-8";
/* CSS Document */
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    z-index: 2;
    color: #c6dc74;
    background-color: #333333;
    border-color: #333333;
}
@media (min-width: 1200px)
{
.container {
    width: 1066px;
}}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
    font-size: medium;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 5px;
}
.row {
    margin-right: -5px;
    margin-left: -5px;
}

a, a:hover, a:focus, a:active, a.active {
    color: #333333;
}


p {
    font-size: 16px;
}
.nav-tabs>li>a{ padding-left:30px; background-image:url(../images/base/calendar.png); background-position:center left; background-repeat:no-repeat;}
.nav-tabs>li>a {
    margin-right: 0px;
    line-height: 1.42857143;
    border: 1px solid #c6dc74;
    border-radius: 0;
    background-color: rgb(234, 242, 205);
    color: #333333;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #555;
    cursor: default;
    background-color: #c6dc74;
    border: 1px solid #c6dc74;
    border-bottom-color: #c6dc74;

}

.tab-content .flexslider .slides {
    zoom: 1;
    margin-top: 10px;
	
}
.nav-tabs {
    border:0px;
}
.nav-tabs>li {
    float: left;
    margin-bottom: 4px;
}
.well {
	clear: both;
    min-height: 20px;
    padding: 5px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.head {padding-top:100px;}
section {
    padding: 5px 0;
	clear:both;
}


.flexslider {
    margin: 0;
    background: transparent;
    border: 0;
    position: relative;
    zoom: 1;
    -webkit-border-radius: inherit;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
    -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
}

.slides > li{
    position: relative;
}


.thumbnail {
	font-family: 'Roboto Condensed', sans-serif;
    display: block;
    padding: 4px;
    padding-left: 40px;
    margin-bottom: 20px;
    line-height: 1.5;
    font-size: 16px;
    background-color: #efefef;
    border: 1px solid #c6dc74;
    border-radius: 0px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
    /*background-image:url(../images/base/video.png); background-position:center left; background-repeat:no-repeat;*/
	
}
.flex-direction-nav a:before {
    font-family: "flexslider-icon";
    font-size: 40px;
    display: inline-block;
    content: '\f001';
    color: #c6dc75;
    text-shadow: 2px 1px 3px rgba(0, 0, 0, 0.8);
}
	.flex-direction-nav a {
				text-decoration: none;
				display: block;
				width: 40px;
				height: 50px;
				margin: -20px 0 0;
				position: absolute;
				top: 50%;
				z-index: 10;
				overflow: hidden;
				opacity: 0;
				cursor: pointer;
				color: #c6dc75;
				text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
				-webkit-transition: all 0.3s ease-in-out;
				-moz-transition: all 0.3s ease-in-out;
				-ms-transition: all 0.3s ease-in-out;
				-o-transition: all 0.3s ease-in-out;
				transition: all 0.3s ease-in-out;
     }
	 
	 
	 
	 
	 
	 
	 .flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -15px;
    text-align: center;
}

	 #banner-slide .flexslider .slides li {
					position:relative;
				}

	  #banner-slide ul li .flex-caption {
			max-width: 100%;
		}

	#banner-slide .flex-caption {
		position: absolute;
		text-align: left;
		font-size: 11px;
		background: rgba(255, 255, 255, 0.20);
		z-index: 100;
		padding: 20px 10px 35px 30px;
		width: 100%;
		bottom: 30%;
		color: #000;
	}



	#banner-slide .flex-caption h1, #banner-slide .flex-caption h2, #banner-slide .flex-caption h3, #banner-slide .flex-caption h4, #banner-slide .flex-caption h5, #banner-slide .flex-caption h6, #banner-slide .flex-caption p, #banner-slide .flex-caption {
		color: #fff!important;
	}

	#banner-slide .flex-caption {
		margin: 0px;
		background: rgba(0, 0, 0, 0.60);
		color: #fff;
		font-family:"Roboto", sans-serif;
		font-weight:900;
		font-size:18px;
	}
	#banner-slide .flex-caption span {
		color: #c6dc75;
		font-family:"Roboto", sans-serif;
		font-weight:300;
	}

	
	#banner-slide .flex-control-paging li a.flex-active {
    background: #c6dc74;
    background: rgba(198, 220, 116, 0.5);
    cursor: default;
    }
	#banner-slide .flex-control-paging li a {
    width: 29px;
    height: 29px;
    display: block;
    background: #fff;
    background: rgba(255, 255, 255, 0.5);
    cursor: pointer;
    text-indent: -9999px;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 0px; 
    -moz-border-radius: 0px;
    border-radius: 0px; 
    }
   #banner-slide .flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 30px;
    text-align: center;
    }

    .in-evidenza { 
	  background-color:#c6dc74; 
	  background-image:url(../images/base/white-space.png);
	  background-repeat:repeat-x;
	  background-position:top left;
	  text-align: center;
    }
     .in-evidenza .item-artista, .item-artista { 
	padding: 5px;
    background: #c6dc74;
    border-radius: 50%;
	max-width:190px;
	}
	
 .in-evidenza .item-caption h3 { 	
  color: white;
    margin: 4px;
	font-size:20px;
	text-shadow: -1px -1px 5px rgba(150, 150, 150, 1);

 }
 
 .rm-link{ color:#F60; font-weight:bold;}
  .sfcommunity { background-color:#333333 !important;}
  .sfcommunity p { color:#FFF;} 
  .sfcommunity h3 { color:#FFF; text-shadow: -1px -1px 5px rgba(150, 150, 150, 1);
}
 
  
h1, h2, h3, h4, h5, h6 {
    font-family: "Roboto", sans-serif;
    text-transform: none;
    font-weight: 900;
	font-size:20px;
}
.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 0px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0);
    box-shadow: 0 1px 1px rgba(0,0,0,0);
}
.panel p {font-size:14px }

.panel-footer {

    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

ul.traduzione {
    margin-top: 0;
    margin-bottom: 0px;
}

.album .list-group-item {
    position: relative;
    display: block;
    padding: 5px 5px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
    font-size: smaller;
	font-family: 'Roboto Condensed';
}
    .tool-song p {font-size: 14px;
                font-family: 'Roboto Condensed';
                font-weight: bolder;
				margin:0px; padding:0px;}
				
.panel h3 {font-size:20px }

.album .panel h2, #album .panel h3 {font-size:18px }

.album .copertina{
    border: #c6dc74 solid 2px;
    padding: 2px;
    margin: 2px;
}

.album h2 {
    margin: 0;
    font-size: 1.5em;
}
.btn-primary {
    color: #333333;
    background-color: #c6dc74;
    border-color: #333333;
    font-weight: 700;
}

section h2 {
    margin: 0;
    font-size: 2em;
}

.box {
	background-color: transparent;
    border: 0px solid #ffffff;
    border-radius: 0px; 
     -webkit-box-shadow: none
     box-shadow: none;
	
	}

.box h2 {
    background: url(../images/base/sftitolo.png) center left repeat-x;
    margin-bottom: 5px;
    padding-left: 30px;
}
 .box h2 span {background: white; padding: 0px 10px;}

.tab-content>.tab-pane {
    display: inline-block;
  position: absolute;
  left:-10000px;
  width:100%; 
}
.tab-content>.active {
    display: block;
	 position: relative;
  left:0px;
} 


.navbar-nav>li>.dropdown-menu {
  margin-top: 20px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.navbar-default .navbar-nav>li>a {
    /* padding-left: 10px; */
    font-weight: bold;
    /* border-right: solid 3px #ceda6a; */
    background: #fbfbfb;
    margin-top: 5px;
}

.mega-dropdown {
  position: static !important;
}

.mega-dropdown-menu {
  padding: 20px 0px;
  box-shadow: none;
  -webkit-box-shadow: none;
}

.mega-dropdown-menu:before {
  content: "";
  border-bottom: 15px solid #fff;
  border-right: 17px solid transparent;
  border-left: 17px solid transparent;
  position: absolute;
  top: -15px;
  left: 285px;
  z-index: 10;
}

.mega-dropdown-menu:after {
  content: "";
  border-bottom: 17px solid #ccc;
  border-right: 19px solid transparent;
  border-left: 19px solid transparent;
  position: absolute;
  top: -17px;
  left: 283px;
  z-index: 8;
}

.mega-dropdown-menu > li > ul {
  padding: 0;
  margin: 0;
}

.mega-dropdown-menu > li > ul > li {
  list-style: none;
}

.mega-dropdown-menu > li > ul > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #999;
  white-space: normal;
}

.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus {
  text-decoration: none;
  color: #444;
  background-color: #f5f5f5;
}

.mega-dropdown-menu .dropdown-header {
  color: #333333;
  font-size: 18px;
  font-weight: bold;
}

.mega-dropdown-menu form {
  margin: 3px 20px;
}

.mega-dropdown-menu .form-group {
  margin-bottom: 3px;
}







.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: rgba(51, 51, 51, 0.90);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgb(198, 220, 116);
    border-radius:0px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
	color:#fff;
}

.mega-dropdown-menu {
    padding: 20px 5px;
    box-shadow: none;
	width:100%;
	min-height:150px;
}
.mega-dropdown-menu:before {
   display:none;
}
.mega-dropdown-menu:after {
   display:none;
}

.navbar-custom {
    background: #efefef;
    text-transform: uppercase;
    font-weight: 700;
    border: none;
    color: #333333;
    border-bottom: #c6dc74 solid 3px;
}
.navbar-custom .navbar-nav li a {
    color: #333333;
}
.navbar-custom .navbar-nav li a:hover {
    color: #c6dc74;
}

.navbar-custom .navbar-brand {
    color: #333333 !important;
}
section.elenco{
    padding-top:35px;
    background: #f3f3f3;
    color: #333333;
}

section.elenco h2 span {background: #f3f3f3;}


.sponsor{ background: #efefef;
    border-bottom: 2px solid;
    border-color: #c6dc74;}
	
	
footer .footer-above {
    padding-top: 50px;
    background-color: #000000;
}

footer .footer-below {
    padding: 25px 0;
    background-color: #272727;
}
.navbar-brand {
    float: left;
    height: auto;
    padding: 0px;
    font-size: 18px;
    line-height: 20px;
}


.box-news {
background: #fff;
    padding: 5px;
    min-height: 400px;
	margin-bottom:10px;
}




.btn {background: #c6dc75;}

.row.display-flex {
  
    display: -webkit-flex; 
    -webkit-flex-wrap: wrap;
    display: flex;
    flex-wrap: wrap;
}

.row.display-flex > [class*='col-'] {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
  flex-direction: column;
  display: -webkit-flex; 
  -webkit-flex-direction:column;
  -webkit-box-orient: vertical;

} 
.display-flex:before, .display-flex:after  {
  display:inline !important;
}

@media (max-width: 768px) {
	.navbar-header {
    float: none;
    padding-top: 9px;
}
	
	.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
    margin-top: 4px;
}
nav .form-control {
    text-align: left;
    display: block;
    width: 100%;
    height: 40px;
    padding: 6px 12px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #d8d8d8;
    background-color: #fff;
    background-image: none;
    border: 1px solid #c6dc74;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}	
nav	.input-group-addon {
    padding:0px;
   
}

nav .btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 9px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
	
	.list-group {
    padding-left: 0;
    margin-bottom: 0px;
}
#banner-slide .flex-caption {
    position: relative;
    text-align: left;
    background: rgba(0, 0, 0, 0.8);
	padding:1px;
	min-height: 180px;
}
#banner-slide .flex-caption h3{ font-size:20px;}

#banner-slide .flex-control-nav { display:none;}

.box h2 {
    background: none;
    margin-bottom: 10px;
    padding-left: 0px;
	font-size:1.3em;
	width:100%;
	background:#c6dc74
}
 .row.display-flex {
  
    display:block;
}

.row.display-flex > [class*='col-'] {
	display: block;

  
} 

}



/*.row-flex, .row-flex > div[class*='col-'] {  
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex:1 1 auto;
}

.row-flex-wrap {
	-webkit-flex-flow: row wrap;
    align-content: flex-start;
    flex:0;
}

.row-flex > div[class*='col-'], .container-flex > div[class*='col-'] {
	 margin:-.2px; 
}

.container-flex > div[class*='col-'] div,.row-flex > div[class*='col-'] div {
	width:100%;
}


.flex-col {
    display: flex;
    display: -webkit-flex;
    flex: 1 100%;
	flex-flow: column nowrap;
}

.flex-grow {
	display: flex;
    -webkit-flex: 2;
    flex: 2;
}
 */
.panel {
    height: 100%;
}
ul.tags li {background:#b8d84c; padding:5px; margin:5px}
ul.tags li.share {background:none; padding:5px; margin:5px;border-right:1px solid #666;}

.panel-default {
    border-color: #b8d84c;
}
.panel-body {
    padding: 10px;
}


.btn-outline:hover, .btn-outline:focus, .btn-outline:active, .btn-outline.active {
    color: #b8d84c;
    background: white;
    border: solid 2px white;
}



.search-box {
  -webkit-transition: width 0.6s, border-radius 0.6s, background 0.6s, box-shadow 0.6s;
  transition: width 0.6s, border-radius 0.6s, background 0.6s, box-shadow 0.6s;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  border: none;
  cursor: pointer;
  background: #ebebeb;
}
.search-box + label .search-icon {
  color: black;
}
.search-box:hover {
  color: white;
  background: #c8c8c8;
  box-shadow: 0 0 0 5px #3d4752;
}
.search-box:hover + label .search-icon {
  color: white;
}
.search-box:focus {
  -webkit-transition: width 0.6s cubic-bezier(0, 1.22, 0.66, 1.39), border-radius 0.6s, background 0.6s;
  transition: width 0.6s cubic-bezier(0, 1.22, 0.66, 1.39), border-radius 0.6s, background 0.6s;
  border: none;
  outline: none;
  box-shadow: none;
  padding-left: 15px;
  cursor: text;
  width: 300px;
  border-radius: auto;
  background: #ebebeb;
  color: black;
}
.search-box:focus + label .search-icon {
  color: black;
}
.search-box:not(:focus) {
  text-indent: -5000px;
}

#search-submit {
  position: relative;
  left: -5000px;
}

.search-icon {
  position: relative;
  left: -30px;
  color: white;
  cursor: pointer;
}
.icons{
    display: block;
    float: right;
    margin: 0 20px !important;
}
.icons li{
    display: inline-block !important;
    
}


.search-form-wrapper {
    display: none;
    position: relative;
    left: 0;
    right: 0;
    margin-top: 20px;
    padding: 30px 15px;
    z-index: 100;
    background: right center no-repeat #c6dc74;
}
.search-form-wrapper.open {
    display: block;
}

.input-group-addon {
    padding: 0px 12px;
    font-size: 30px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #c6dc74;
    border: 1px solid #c6dc74;
    border-radius: 4px;
}
.form-control {
    text-align: left;
    display: block;
    width: 100%;
    height: 45px;
    padding: 6px 12px;
    font-size: 18px;
    line-height: 1.42857143;
    color: #d8d8d8;
    background-color: #fff;
    background-image: none;
    border: 1px solid #c6dc74;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.btn-success {
    color: #000;
    background-color: #c6dc74;
    border-color: #98ac4d;
    font-weight: 700;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  color:#fff;
  background-color: #9fb15e;
  border-color: #b6d74b;
}
.navbar-custom .navbar-toggle:hover, .navbar-custom .navbar-toggle:focus {
    background-color: #c6dc74;
    color: white;
    border-color: #91a24c;
}


/************** Testo canzone pagina artista canzone ***************************************************/



.lyrics .panel-default {
    border-color: transparent;
}

@media (min-width: 992px){
 .change-to8 {
    width: 66.66666667% !important;

 }
 .change-to4 {
    width: 33.33333333% !important;

 }
 .change-to12 {
    width: 100% !important;

 }
 
 .hidd{
  display:none;
 }
 .visible{display:block;
 }
 
 
}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.videofix {
    position: fixed;
	width:33.33333333%
	
}
 <style>
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

#video .panel-default>.panel-heading {
    color: #333;
    background-color: #b9d44d;
    border-color: #ddd;
}
#video .panel-default>.panel-body {
    padding:0px;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}



/* The sticky */
.sidebar {
  position: -webkit-sticky;
  position: sticky;
  top: 50px;
  z-index:10;
}
.flag-o, .flag-act{
    background: #b9d44d;
	padding:10px;
}
.nav-pills>li {
    float: left;
    background: whitesmoke;
    margin-top: 20px;
}	
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color: #333;
    background-color: #b9d44d;
}	
	
#testo-originale .panel-heading, #traduzione .panel-heading{background:#fbf8f8 !important;}
#testo-originale .panel-heading h1, #traduzione .panel-heading h1 { font-size: 36px;}
#testo-originale .panel-heading h3, #traduzione .panel-heading h3 {
    font-size: 20px;
    color: #b9d44d;
    font-weight: 300;
    font-style: italic;
    margin: 0px;
	margin-right: 110px;
}
#testo-originale .panel-body ,#traduzione .panel-body{background:#fff ; font-size:18px;}	

#testo-originale .panel-footer, #traduzione .panel-footer{ background: #fbf8f8 !important;}		

#testo-originale .panel-heading,#testo-originale .panel-body, #testo-originale .panel-footer {
border-right: 1px solid #b8d84c;}

.verde { font-weight:300; color:#690;}



.nav-artista .btn-default {
    color: #333;
    background-color: #eee;
    border-color: rgb(255, 255, 255);
    /* margin: 10px; */
    font-size: larger;
    font-weight: bold;
}

.nav-artista{ padding-top:0px;}

.nav-artista .btn-default:hover {
    color: #333;
    background-color: #b9d44d;;
    border-color: rgb(255, 255, 255);
    /* margin: 10px; */
    font-size: larger;
    font-weight: bold;
}
.nav-artista .btn-group{padding-top:20px;}
/******************************/

footer h3 {
    margin-bottom: 30px;
    color: #b8d84c;
    font-weight: 300;
}

footer a, footer a:hover, footer a:focus, footer a:active, footer a.active {
    color: #fff;
}

footer ul { list-style-image: url('../images/base/disk_icon.png');}

.btn-social {
    display: inline-block;
    height: 70px;
    width: 70px;
    border: 2px solid #b8d84c;
    border-radius: 100%;
    text-align: center;
    font-size: 30px;
    line-height: 70px;
}

@media (max-width: 767px){ 
 #video.pull-right {float:none !important;}
 section {padding-top:60px !important;}
 
 ul.nav-stacked {width: 120px !important;}
 .xsrow{margin-right: -5px;
    margin-left: -5px;
	padding-right: 0px !important;
    padding-left: 0px !important;}
	
 .menuxs{width: 76px;}
 .ricercaxs{width: 100%;
    padding-right: 78px;
    margin-left: 75px;
    float: none;}
}

@media (min-width: 1200px)
{.navcont{
    width: 1200px;
}
}
section.elenco .sideright h2 span {
    background: #f0f0f0;
}


.bloccoSondaggio .messaggio {
    font-size: small;
    padding: 10px;
    font-weight: 600;
    color: #ceda6a;
}
.bloccoSondaggio .titoloSondaggio {
font-weight: 900;
}
.bloccoSondaggio .progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #000;
    text-align: center;
    background-color: #c3d632;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}

.ricercamd12{ width:100%;}
#elencoRicercaTitoli .list-group-item, #elencoRicercaArtisti .list-group-item
{ font-weight: 500;
    font-size: inherit; clear:both;}
	
#elencoRicercaTitoli .list-group-item .verde {
    font-weight: 600;
    color: #690;
    font-size: 13px;
}
.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: #000;
    cursor: default;
    background-color: #ceda6a;
    border-color: #ceda6a;
}

.top-list_mus {
    counter-reset: tlmus;
}
ol, ul {
    list-style: none;
}
.top-list_mus li { position:relative; padding-left:30px;}
.top-list_mus a {
    padding: 10px;
    position: relative;
    text-decoration: none;
    border-radius: 4px;
}
.top-list_mus .num {
	position: absolute;
	top: 0px;
	left: -30px;
	font: 46px/64px Lato,Arial,sans-serif;
	color: #CCC;
}
.top-list_mus span {
    margin-top: 3px;
    color: #999;
    font-size: 13px;
}
.top-list_mus strong {
    color: #96a758;;
    font-size: 15px;
    height: 18px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}



.mega-dropdown-menu .panel-body {
    padding: 10px;
    text-transform: initial;
    font-size: 14px;
    font-weight: normal;
    line-height: 14px;
}

.mega-dropdown-menu .panel h3 {
    font-size: 16px;
}

.mega-dropdown-menu .titlemenu li {cursor:pointer; padding:5px; border-radius:4px;}
.mega-dropdown-menu .titlemenu li:hover { background:#c6dc74;}

.navbar-form {
    padding: 0px 5px; }
.desk { display:none !important;}
.mobile {display:block;}

.navbar-toggle {
  padding: 5px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;

}
.navbar-custom.affix .lingua{
  display:none;
}
.album p {
    font-size: 14px;
    margin-bottom: 0px;
    padding-top: 0px ;
}
@media (min-width: 768px) {
	
.album p {
    font-size: 14px;
    margin-bottom: 0px;
    padding-top: 30px ;
}	
	
	.navbar-toggle {
    padding: 15px 10px;
    margin-top: 8px;
    margin-right: 15px;
   
}
.navbar-custom.affix .navbar-brand img{
width:90%; padding-left:10px;   
}	
	

.desk { display:block !important; max-width:200px; padding-top:5px;}
.mobile {display:none !important;}
	
.navbar-custom.affix {
    padding: 2px;
}
.navbar-nav {
    /* margin: 7.5px -15px;*/
}
nav #lang,#lang2 {
    float:left!important;
    padding-left: 140px;
}


.search-form {padding-top: 10px;}
.affix .search-form {padding-top: 0px; }
 .inviatesto {padding-top: 12px;}
 .affix .inviatesto {padding-top: 0px;}
 
 .affix .navbar-toggle {
 
    margin-top: 0px;
 }

}
.navbar-header {
  float: none;
}
.navbar-toggle {
  display: block;
}
.navbar-collapse.collapse {
  display: none!important;
}
.navbar-nav {
  float: none!important;
}
.navbar-nav>li {
  float: none;
}
.navbar-collapse.collapse.in{
  display:block !important;
}

.navbar-toggle {

    text-transform: uppercase;
    font-size: 10px;
    border-color: #f0f0f0;
}
.navbar-custom .navbar-toggle:hover, .navbar-custom .navbar-toggle:focus {
    background-color: #f0f0f0 !important;
    color: white;
    border-color: #f0f0f0 !important;
}
.navbar-default .navbar-toggle:hover .icon-bar {
    background-color: #797979;
}
.tooltip { width:100%; min-width:300px;}
.tooltip-inner {
    max-width: 400px;
    padding: 5px 8px;
    color: #000 !important;
    font-size:15px;
    text-align: center;
    background-color: #b9d44d !important;
    border-radius: 4px;
}
 .hidd{
  display:none;
 }
 .visible{
 display:block;
 }
 
 
.search-list-group-item {
    position: relative;
    display: block;
    padding: 10px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 3px solid #fff;
    font-size: medium;
	background:#f9f9f9;
	clear: none !important;
}

.scroll-top{display:none;}

.cont-table{display:table; height:100%; width:100%; min-height:60px;}
.cont-cell-table{ display:table-cell; vertical-align:middle; height:100%;float:none; }

.info-artista{ font-weight:bold}
.info-artista span{ font-weight:bold; color:#c6dc74;}
.list-group {
    padding-left: 0;
    margin-bottom: 0px;
}
.spacing{margin-top:15px; margin-bottom:15px;}
.row {
    margin-right: 0px;
    margin-left: 0px;
}

.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 10px;
    margin-bottom: 10px;
}
.album .lit{
    padding-top: 0px !important;
}
ol, ul {
    margin-top: 0;
    margin-bottom: 0px;
}