@charset "UTF-8";
/* CSS Document */

body, h2, h3, h4, h5, h6, p, ul, blockquote {color: rgba(5,87,111,1);
font-family: 'Cantarell', sans-serif;
}
h1, h2 {font-family: 'Oswald', sans-serif;;color: rgba(5,87,111,1);
font-size:48px; 
text-transform: uppercase;}

ul {font-size: 15px;}
.indent {text-indent: 17px;}
::selection {
  background: orange;; /* WebKit/Blink Browsers */
}

::-moz-selection {
  background:rgba(5,87,111,1);; /* Gecko Browsers */
}
.yellow {color:orange;
text-indent: 10px;
border-left: 13px solid rgba(5,87,111,1)}
.center {
margin-left:40%;}
.glitterbeat {padding-top: -10px;}

.divisione {width: 90%;
border-bottom: 1px solid darkcyan;}

.title-left-timeline {color:white; 
font-family:'Six Caps', sans-serif;
font-size:33px;
    margin-left: 24px;
    padding-left: 44px;}
	
	.logo-front{width: 70%;
	margin-bottom: 10%;}

a{
-webkit-transition: color .3s ease-in, background .3s ease-in;
-moz-transition: color .3s ease-in, background .3s ease-in;
-o-transition: color .3s ease-in, background .3s ease-in;
-ms-transition: color .3s ease-in, background .3s ease-in;
text-decoration:none;
color: darkcyan;}

a:hover {text-decoration: none;}
.logo {-webkit-transition: color .3s ease-in, background .3s ease-in;
-moz-transition: color .3s ease-in, background .3s ease-in;
-o-transition: color .3s ease-in, background .3s ease-in;
-ms-transition: color .3s ease-in, background .3s ease-in;}

.about p {width: 75%;
}

.contact p {border-left: 1px solid rgba(5,87,111,1);
padding-left: 15px; }

.logo {width: 100px;}

.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px;
    text-transform: uppercase;
    
    border-right: solid white 1px;
}

.navbar-nav>li>a:last-child {
    color: orange; 
}

.navbar {

background-color: rgba(5,87,111,1);;
border: 1px white solid;
border-radius: 0px;
border-left: none;
position:relative;
z-index:5;
letter-spacing: 2px;
margin-bottom:0px;
}

navigation-top {height: 30px;
min-height:30px;
height:42px; }
.navigation-top {top:22px;
min-height:30px;
height:42px;}

.navbar-nav>li {background-color:rgba(5,87,111,1);;}

.navbar-inverse .navbar-nav>.active>a {background-color: rgba(5,87,111,1);; 
-webkit-transition: color .3s ease-in;
-moz-transition: color .3s ease-in;
-o-transition: color .3s ease-in;
-ms-transition: color .3s ease-in;


-webkit-transition:0.1s ease-in;
	-moz-transition:0.1s ease-in;
	-ms-transition:0.1s ease-in;}
	
	.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {background-color: rgba(5,87,111,1);}
.navbar-inverse .navbar-nav>.active>a:hover {background-color:orange;-webkit-transition: color .3s ease-in;
-moz-transition: color .3s ease-in;
-o-transition: color .3s ease-in;
-ms-transition: color .3s ease-in;


-webkit-transition:0.1s ease-in;
	-moz-transition:0.1s ease-in;
	-ms-transition:0.1s ease-in;}
	
	.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color:rgba(5,87,111,1);}
	
	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: white;
	   
 
    
	
}

footer .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
   
    padding-left: 62px;
}

.navbar-inverse .navbar-toggle {
    border-color: white;
	margin:3px 15px 0 0;
}



.logo {position: absolute;
top:3px;
       right: 28px;
    width: 189px;
z-index: 6;}

.band-logo {
    position: absolute;
    top: 40px;
        right: 58px;
    width: 121px;
    z-index: 6;
}
#mc_embed_signup{background:#fff; clear:left; color: rgba(5,87,111,1);
border-top: 1px solid rgba(5,87,111,1);
    margin-top: 49px;
    margin-bottom: 40px;
}
#mc_embed_signup label {
    display: block;
    font-size: 16px;
    padding-bottom: 10px;
    font-weight: bold;
	color: rgba(5,87,111,1);
font-family: 'Cantarell', sans-serif;
}
#mc_embed_signup input.button {background-color: rgba(5,87,111,1); color: white;}
form {margin-bottom:20px;}
#mc_embed_signup input.email {
       margin-bottom: 10px;
    border:1px solid rgba(5,87,111,1);
    color: rgba(5,87,111,1);
	border-top-right-radius: 7px;
}
.ancora {margin-bottom: 20px;}
.border-right {border-right: 1px solid rgba(5,87,111,1); }
.news h4 {background-color: rgba(5,87,111,1);
padding:2px;
color:white;
    border-left: 8px orange solid;
    padding-left: 10px;}
	.merchandise-description h4 {background-color: rgba(5,87,111,1);
padding:2px;
color:white;
    border-left: 8px orange solid;
    padding-left: 10px;}

.news h5 {border-top: dotted 1px rgba(5,87,111,1);
border-bottom: dotted 1px rgba(5,87,111,1);
padding: 2px;
font-size: 19px;
text-align:center;
margin-bottom: 24px;
font-family: 'Cantarell', sans-serif;}

.news ul li {color: rgba(5,87,111,1);}
.home {border-left: 1px solid rgba(5,87,111,1);
margin-left:-1px;}

.artist-description h3 {margin-top: 5px;}

.artist-name span {width: 100px;
    padding: 5px 12px 2px 10px;
    color: white;
   
  
    line-height: 40px;
	background-color:rgba(5,87,111,1);
	border-left: 55px orange solid;
    margin-left: -50px;
    
}

.about span {width: 100px;
   padding: 0px 14px 2px 10px;
    color: white;
   
  
    line-height: 50px;
	background-color:rgba(5,87,111,1);
	border-left: 55px orange solid;
    margin-left: -50px;
    
}
em{    color: rgba(5,87,111,1);
    font-family: 'Cantarell', sans-serif;
	font-size:15px;}
	
	h4 {font-size: 13px;
	color: rgba(5,87,111,1);}

.artist-name h2 {
    font-size: 36px;
    margin-top: -12px;
	
    
    
    color: rgba(5,87,111,1);
}

h5 {color:orange;}
.the-roots {color: rgba(5,87,111,1);
font-size: 12px;
}


footer .navbar-nav>li:hover {
   background-color:rgba(255, 153, 0,0.9); }

.artist-description ul {width: 70%;
margin-left:auto;
margin-right:auto;
text-align:justify;
font-size:13px;
color: rgba(5,87,111,1);}

.merchandise-description ul {width: 90%;margin-left:auto;
margin-right:auto;
text-align:justify;
font-size:13px;
color: rgba(5,87,111,1);
}


.artist-right blockquote {
border-left:0 solid white;
text-align:justify;}

.logo-amarrass {min-width:  200px;
float:left;

}

.concert-odense h1 {color: orange;
    font-family: 'Cantarell', sans-serif;
	font-size: 50px; 
	text-transform: uppercase;}
	.concert-odense h2{color: rgba(5,87,111,1);
    font-family: 'Cantarell', sans-serif;
	font-size: 30px; 
	text-transform: uppercase;}
.amarrass-text {float:left;
padding-left: 5px;
margin-left: 10px;
border-top: dotted 1px #05576F;
margin-top:-20px;
margin-bottom: 20px;
}

.amarrass-text h1{font-family: 'Cantarell', sans-serif;
letter-spacing:normal;}

.amarrass h1 {
font-size:15px;
line-height:19px;
text-transform: uppercase;
border-bottom: dotted 1px #05576F;
padding-bottom:4px;
padding-top:0;}


.artist span {
    background-color: rgba(5,87,111,1);
    color: #EFF5F5;
	border-top-right-radius: 10px;
}

.artist-description img {border-top-right-radius: 10px;}
.artist a {padding-bottom: 2px;
border-bottom: 1px dashed rgba(5,87,111,1);
text-decoration: none;

width: 90%;
color: rgba(5,87,111,1);
line-height:20px;}

p, h3 {font-size: 15px;
line-height: 25px;
width: 85%;
text-align:justify;
margin-left:auto;
margin-right:auto;}

.grid figcaption h3 {
   
    font-weight: bold;
}

.artist-description h3 {border-bottom: solid 1px rgba(5,87,111,1);
border-top: solid 1px rgba(5,87,111,1); 
width: 85%;
margin-left:auto;
margin-right:auto;}

.cover {max-width: 150px;
float: left;
border: 1px solid white;
margin-right: 10px;}

.artist a:hover {background-color: rgba(5,87,111,0.3);



color: rgba(5,87,111,1);
}
.streaming {padding-top: 26px;}
.streaming a  {border-bottom: 0px solid white;
margin-bottom: 30px;
line-height: 35px;}
.streaming a:hover {border-bottom: 0px solid white;
padding:0;
margin-bottom: 30px;
border-top: 0px solid white;}

.artist blockquote {font-size: 13px;}

.artist-name{padding-left: 20px;}
.portfolio-item a{
padding-bottom: 4px;
  }

.navbar-nav {margin-left: 17px;
}
.navbar-nav>li>.dropdown-menu {
    
    background-color: rgba(5,87,111,1);
    border: 1px solid white;
	color: white;
	padding: 5px;
	width: 246px;
}




.artist-description h3 {padding-bottom: 3px;
border-bottom: 1px dotted #CCFFFF;
}

.artist-description p {margin-top: 40px;
line-height: 28px;
margin-bottom: 30px;
}

h6 {border-bottom: 1px white solid; 
width: 100%;}

blockquote {
  
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: white;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}
.streaming h4 {font-size: 12px;
border-bottom: solid darkcyan 1px;}

.artisti h2 {width: 363px;
font-size: 15px;
background-color:rgba(5,87,111,1);
color: white;
padding: 2px;
font-family: 'Cantarell', sans-serif;
    border-left: 8px orange solid;
}
.artist-description h4 {width: 90%;
margin-left: auto;
margin-right:auto;}
.dropdown-menu>li>a {
    
    color: white;
  
}

.artist-description em {
  text-indent: 20px;

}

.dropdown-menu>li>a:hover {
    background-color: orange;
    color: white;
  
}

.videos iframe {margin-left:auto;
margin-right: auto;}

.videos p {line-height:13px;
font-size:11px;
width: 75%;
text-align:justify;
margin-left:auto;
margin-right: auto;
border-left: 1px solid rgba(5,87,111,1);;
padding-left:10px;}

.navbar-inverse .navbar-nav>li>a {
    color: white;
}

.mames{margin-left: auto;
margin-right: auto;}

.dots {
background-image: url('../dots.jpg');
background-repeat: no-repeat;
padding-left: 12px;  /* width of the image plus a little extra padding */
display: block;  /* may not need this, but I've found I do */
line-height: 6px;
padding-bottom: 10px;
}

.portfolio-item.videos {height: 450px;}
.responsive-video {
position: relative;
padding-bottom: 56.25%;
padding-top: 60px; overflow: hidden;
}

.orange {color: orange;
}
.responsive-video iframe,
.responsive-video object,
.responsive-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.videos h3 {text-align: left;
line-height:15px;}
.artist-right {border-left: 1px solid rgba(5,87,111,1);;
min-height: 1437;
margin-left:-1px;}

.artist-description {border-right: 1px solid rgba(5,87,111,1);
padding: 0 45px;}

.artist iframe {width: 100%;
}



.navbar-nav>li:hover {
    background-color: orange;
}

.categoria {color:#CFF;}
.grid span {font-size: 15px;
color: #FFF;
width: 85%;
    text-align: center;

	    }
		
		.grid .figcaption span {text-align: center;}
		
		span {text-align:center;}
.grid h4 {font-size: 15px;
border-top: white dotted 1px;
padding-top: 2px;
width: 85%;
    text-align: justify;
    margin-left: auto;
    margin-right: auto;
	color:white;}
.figure a {background-color:orange;}


.grid figcaption a {
    
    background-color: orange;
    color: #fff;
}
.event-odense h1 {color: orange;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
text-transform:none;}
.event-odense a:hover {font-weight: bold;
border-top: solid 1px darkcyan;
background-color:#CCFDF2;
border-bottom: solid 1px darkcyan;
padding: 2px;}
.event-odense a{font-weight: bold;
border-top: solid 1px orange;
border-bottom: solid 1px orange;
padding: 2px;}
.event-odense h2 {    background-color: rgba(5,87,111,1);
    padding: 2px;
    color: white;
    border-left: 8px orange solid;
    padding-left: 10px;}
.event-info {font-size: 36px;
color: orange}
.event-info h2 {color: white;}
footer {background-color:rgba(5,87,111,0.8);
/*height: 30px;*/
width:110%;


position:fixed;
bottom:-18px;
margin:0;
    margin-left: -55px;
    margin-right: -22px;
}

footer .navbar {    font-size: 13px;
    font-weight: normal;}

footer .navbar-inverse .navbar-toggle {
    border-color: white;
    margin-top: -10px;
	background-color:rgba(5,87,111,0.8);
	right: 32px;}

footer p  {color: white;
font-size: 12px;
visibility:hidden;

text-align: right:}

.band-logo {z-index:4;}

.second-to-the-left span {color: orange;}
.second-to-the-left {position: absolute;
top:2px;
left:12px;
width: 95%;
color: rgba(5,87,111,1);
font-size:45px;
letter-spacing:2.5px;
font-family: 'Six Caps', sans-serif;
text-transform: uppercase; 
padding-bottom: 10px;}


footer .navbar-inverse .navbar-nav>.active>a {
    
	font-size:12px;
	font-weight:100;}
	
	footer .navbar-nav>li {
    background-color: rgba(5,87,111,0);
	font-size:12px;
	
	}
	.more-padding {padding-left:30px;}
	
	footer .navbar-nav>li>a {padding-top:2px;}
	
	footer .navbar {background-color: rgba(5,87,111,0.5);
	}
	
	footer .navbar-brand {height:30px;
	padding: 3px 15px;
	font-size:16px;
	font-weight:100;
	color: white;}
	
	.videos h1 {margin-left: 20px;}
	.amarrass {margin-left:auto;
	margin-right:auto;
	width: 100%;}
	
	.news-right {margin-top: 95px;}
	.about p,  {width: 75%;}
	.more-margin-left {margin-left:-100px;}
	

.navbarCollapse2 {button: 550px;}
footer .navabar {margin-bottom:0px;}


.left-align {text-align: left;}
.right-align {text-align: right;}
.testimonials blockquote {width: 75%;
margin-left:auto;
margin-right:auto;
border-bottom: dotted 1px rgba(5,87,111,1);}
.centrami h3 {text-align:center;

}

@media screen and ( max-width:1140px) {	
.amarrass h1 {
font-size:11px;
line-height: 11px;
}
.logo-amarrass {min-width:150px;}
.amarrass {margin-top: -18px;
margin: 20px 0;}
}


@media screen and ( max-width:875px) {	

.logo-amarrass {min-width:130px;
}
.amarrass-text h1 {font-size: 9px;}
.logo {
   
    right: 21px;
    width: 176px;
    
}
}




@media screen and (max-width: 836px) {
.logo {
   
       right: 12px;
    width: 140px;
    
}

}



@media screen and (max-width: 767px) {
.logo {
   
    left: 21px;
	width: 105px;
    }
	.second-to-the-left {text-align:right;
	
	
font-size: 39px;
text-transform: uppercase;}


	.news {top: 57px;}
	footer .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: white;
	border-bottom: 5px white solid;
	    /*position: fixed;*/
   padding-bottom: 10px;
	border-bottom:0px solid white;
    
}

.navbar-nav {
width:100%;}
.band-logo {top: 84px;
width: 100px;}

.artist-description, .about {padding-top: 50px;}

.sotto {top: 1px;}
.bottom {position: relative;
bottom: 50px;}

.nav<li {border-bottom: 1px solid white;}
.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 12px;
    text-transform: uppercase;
    border-right: solid white 1px;
    
    text-align: center;
}
.navbar-nav>li>.dropdown-menu>ul {
    overflow:scroll;
}

.navbar-nav .open .dropdown-menu>li>a {
    line-height: 13px;
}}
@media screen and (max-width: 600px) {
.artist-description p {
	margin-top: 10px;
	line-height: 28px;
	margin-bottom: 10px;
	font-weight: bold;
}
.about p {width: 95%;
}

.logo {
    
    right: 19px;
        width: 129px;
    z-index: 6;
}

.second-to-the-left {
	width: 97%;
	text-align: right;
	
	text-transform: uppercase;
}
}

@media screen and (max-width: 500px) {
	.logo {
    position: absolute;
    top: 3px;
    left: 20px;
    width: 129px;
    z-index: 6;
}

.band-logo {
   
    width: 60px;
	right: 20px;
   
}
.artist-description {padding: 0 5px;}
footer {margin-right:-16px;
width:113%}

.be {font-size:30px;}



}
@media screen and (max-width: 403px) {
	.second-to-the-left {width: 97%;
	text-align:right;

text-transform: uppercase;}
.artist-name span {
    
    font-size: 27px;}
	.second-to-the-left {letter-spacing:normal;}
}

}
@media screen and (max-width: 317px) {
	.second-to-the-left {width: 97%;
	text-align:right;

text-transform: uppercase;}
.artist-name span {
    
    font-size: 16px;}
	.second-to-the-left {font-size:30px;}
}
	
@media screen and (min-width: 1424px) {
	.band-logo {right:90px;
	width: 150px;}
	.artist-pic-main {width:104%;}}	


}