@import url(http://fonts.googleapis.com/css?family=Lato:300,400);
@import url(http://fonts.googleapis.com/css?family=Bitter:400);

/*
	ROSSO OLD #c5253d;
	ROSSO NEW #e8092e;
*/

html {
  // background-color:#000000;
  color:#444;
  font-family: 'Lato', sans-serif;
}

body {
    //-webkit-background-size: cover;
    //-moz-background-size: cover;
    //-o-background-size: cover;
    color:#fff;
    //background-color: black;
    //font-family: 'Open Sans',Arial,Helvetica,Sans-Serif;
    font-family: 'Lato', sans-serif;

    //background-size: cover;
    // background: url('http://www.rejoiceu2tribute.it/new/images/bono_maglia_rejoice_bg_1300.jpg') no-repeat center center fixed;

}

h2 {
    color:#fff;
    text-shadow: 1px 1px black;

}

h3 {
    color:#fff;
    text-shadow: 1px 1px black;
    text-align: center;
}

h4 {
    font-size:16px;
	//font-weight:bold;
}

a p{
	font-size:12px;
}

/*
@media only screen and (max-width: 600px) {
    body {
    background: url('http://www.rejoiceu2tribute.it/new/images/bono_maglia_rejoice_bg_portrait_512.jpg')  no-repeat;
    background-attachment: initial;
   }

}

@media only screen and (min-width: 600px) {
  body {
    background: url('http://www.rejoiceu2tribute.it/new/images/bono_maglia_rejoice_bg_portrait_576.jpg')  no-repeat;
    background-attachment: initial;
   }
}

@media only screen and (min-width: 768px) {
  body {
    background: url('http://www.rejoiceu2tribute.it/new/images/bono_maglia_rejoice_bg_portrait_768.jpg')  no-repeat center center fixed;
  }
} 

@media only screen and (min-width: 992px) {
  body {
    background: url('http://www.rejoiceu2tribute.it/new/images/bono_maglia_rejoice_bg_1300.jpg')  no-repeat center center fixed;
  }
} 

@media only screen and (min-width: 1200px) {
  body {
  background: url('http://www.rejoiceu2tribute.it/new/images/bono_maglia_rejoice_bg_1920.jpg')  no-repeat center center fixed;
  }

}
*/
.color_princ{
	color:#e8092e;
}			
.background_princ{
	background-color:#e8092e;
}

@media (min-width:768px) {
    h1 {
        font-size:68px;
    }
}

a {
    color:#e8092e;
}

a:hover {
    color:#0098D1;
}

.btn,.well,.panel {
    border-radius:0;
}

.btn-danger {
    background-color:#e8092e;
}

.text-danger, a.text-danger {
    color:#e8092e;
}

.btn-huge {
    padding:17px 22px;
    font-size:22px;
}

.lato {
    font-family: 'Lato', sans-serif;
}

.bitter {
    font-family: 'Bitter', serif;
}

.icon-bar {
	background-color:#fff;
}

.navbar-trans {

  // background: linear-gradient(to bottom, #2b2b2b 0%, #7C8A8E 100%);

/*	 background-color:#7C8A8E;*/
    color:#0bb9f5;
    border-width:0;

    background:rgba(0,0,0,0.3);

}

.navbar-trans .navbar-brand, .navbar-trans >.container-fluid .navbar-brand {
    padding: 14px;
    color:#ddd;
}

.navbar-trans li>a:focus,.navbar-trans li.active {
	background-color:#e8092e;
	color:#ddd;
}

.navbar-trans li>a:hover {
	background-color:#e8092e;
	color:#fff;
	opacity:0.5;
}

.navbar-trans a{
    color:#ddd;
    letter-spacing:1px;
}

.navbar-trans .form-control:focus {
	border-color: #eee;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(100,100,100,0.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(100,100,100,0.6);
}


.navbar {
  min-height: 80px;
}

.navbar-brand {
  padding: 0 15px;
  height: 80px;
  line-height: 80px;
}

.navbar-toggle {
  /* (80px - button height 34px) / 2 = 23px */
  margin-top: 23px;
  padding: 9px 10px !important;
}

@media (min-width: 768px) {
  .navbar-nav > li > a {
    /* (80px - line-height of 27px) / 2 = 26.5px */
    padding-top: 26.5px;
    padding-bottom: 26.5px;
    line-height: 27px;
  }
}

@media only screen and (max-width: 768px) {
    .navbar-trans .navbar-toggle {
        border-color: white;
        background-color: #e8092e;
     } 
     .navbar-trans a {
        color:#fff;
      }

     .navbar-trans li {
        color:#fff;
        background-color: black;
        opacity:0.9;
      }

      .navbar-trans li>a:hover {
        background-color: #e8092e;
        opacity:0.5;
      }
}


.scroll-down {
  position: absolute;
  left: 50%;
  bottom: 40px;
  border: 2px solid #fff;
  border-radius: 50%;
  height: 50px;
  width: 50px;
  margin-left: -15px;
  display: block;
  padding: 7px;
  text-align: center;
  z-index:-1
}

.scroll-up {
  position: fixed;
  display: none;
  z-index: 999;
  bottom: 2em;
  right: 2em;
}

.scroll-up a {
  background-color: rgba(135, 135, 135, 0.5);
  display: block;
  width: 35px;
  height: 35px;
  text-align: center;
  color: #fff;
  font-size: 15px;
  line-height: 30px;
}

section {
	padding-top:70px;  
    padding-bottom:50px;
    min-height:100%;
    min-height:calc(100% - 0);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

@media (min-width:768px) {
    .v-center {
        height: 50%;
        overflow: visible;
        margin: auto;
        position: absolute;
        top: 0; left: 0; bottom: 0; right: 0;
    }
}
  
#section1 {
	/*background-color: rgba(0,0,0,1); */
	color:#fff;
  font-family: 'Lato', sans-serif;
  /* background: linear-gradient(to bottom, #7C8A8E 0%, #DDDDDD 100%); */
}
  
  
#section2 {
  //background: linear-gradient(to bottom, #DDDDDD 0%, #7C8A8E 100%);
}

#section3 {
  //background: linear-gradient(to bottom, #7C8A8E 0%, #DDDDDD 100%);
}

#sectionMedia {
  //background: linear-gradient(to bottom, #DDDDDD 0%, #7C8A8E 100%);
}

#section4 {
  //background: linear-gradient(to bottom, #7C8A8E 0%, #DDDDDD 100%);
}

#section5 {
  //background: linear-gradient(to bottom, #DDDDDD 0%, #7C8A8E 100%);
}

#section6 {
  // background: linear-gradient(to bottom, #7C8A8E 0%, #DDDDDD 100%);
}

#section7 {
  //background: linear-gradient(to bottom, #DDDDDD 0%, #7C8A8E 100%);


}

#section8 {
  //background: linear-gradient(to bottom, #7C8A8E 0%, #DDDDDD 100%);
}

#section9 {
  //background: linear-gradient(to bottom, #DDDDDD 0%, #7C8A8E 100%);
  min-height:130px;
  padding-top:40px;
  padding-bottom:40px;

}

.bioContainer {
  // background-image: url("../images/background/quaderno.jpg");
  /* Full height */
    height: 100%; 

    /* Center and scale the image nicely */
    //background-position: center;
    //background-repeat: no-repeat;
    //background-size: cover;
}

#section10 {
  background-color: #eee;
  min-height:130px;
  padding-top:40px;
  padding-bottom:40px;
}

#section11 {
	background-color: #e8092e;
	/*color: #f6f6f6;*/
  color:#000;
	min-height:130px;
	padding-top:40px;
	padding-bottom:40px;
}

.navbar-inverse {
//     background-color: #222;
//     border-color: #080808;
 padding-top:10px;
 padding-bottom:10px;
 min-height: 60px;
}

footer {

  // background: linear-gradient(to bottom, #7C8A8E 0%, #2b2b2b 100%);
  //background:rgba(0,0,0,0.3);
  //color:#ddd;
  // padding-top:20px;
  //padding-bottom:20px;
  min-height: 60px;

  position: fixed;
  bottom:0;
  width: 100%;
  /* Set the fixed height of the footer here */
  //background-color:rgba(0,0,0,0.8);
  text-align: center;
  color: #fff;



}

footer .nav>li>a {
    padding: 3px;
    color: #e8092e;
}

footer .nav>li>a:hover {
    background-color:transparent;
	color:#fff;
}




.calendar {
    background-color: lightblue;
    background-image: url("images/calendar42.png");
}

.carousel img {
     width: 100%;
     height: auto;
}

.carousel img {
     margin: auto;
}


/**THE SAME CSS IS USED IN ALL 3 DEMOS**/    
/**gallery margins**/  
ul.gallery{    
margin-left: 3vw;     
margin-right:3vw;  
}    

.zoom {      
-webkit-transition: all 0.35s ease-in-out;    
-moz-transition: all 0.35s ease-in-out;    
transition: all 0.35s ease-in-out;     
cursor: -webkit-zoom-in;      
cursor: -moz-zoom-in;      
cursor: zoom-in;  
}     

.zoom:hover,  
.zoom:active,   
.zoom:focus {
/**adjust scale to desired size, 
add browser prefixes**/
-ms-transform: scale(2.5);    
-moz-transform: scale(2.5);  
-webkit-transform: scale(2.5);  
-o-transform: scale(2.5);  
transform: scale(2.5);    
position:relative;      
z-index:100;  
}

/**To keep upscaled images visible on mobile, 
increase left & right margins a bit**/  
@media only screen and (max-width: 768px) {   
ul.gallery {      
margin-left: 15vw;       
margin-right: 15vw;
}

/**TIP: Easy escape for touch screens,
give gallery's parent container a cursor: pointer.**/
.DivName {cursor: pointer}
}



#carousel-custom {
    margin: 20px auto;
    width: 100%;
}
#carousel-custom .carousel-indicators {
    margin: 10px 0 0;
    overflow: auto;
    position: static;
    text-align: left;
    white-space: nowrap;
    width: 100%;
}
#carousel-custom .carousel-indicators li {
    background-color: transparent;
    -webkit-border-radius: 0;
    border-radius: 0;
    display: inline-block;
    height: auto;
    margin: 0 !important;
    width: 200px;
}
#carousel-custom .carousel-indicators li img {
    display: block;
    opacity: 0.5;
}
#carousel-custom .carousel-indicators li.active img {
    opacity: 1;
}
#carousel-custom .carousel-indicators li:hover img {
    opacity: 0.75;
}
#carousel-custom .carousel-outer {
    position: relative;
}

.rotatedx {
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotatesx {
    -webkit-transform: rotate(-30deg);
    -moz-transform: rotate(-30deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}


.carousel-inner {
    border-top: 1px;
    border-left: 1px;
    border-right: 1px;
    border-bottom: 1px;
    border-color: #fff;
    border-style: solid;
}

.bordered {
    border-top: 1px;
    border-left: 1px;
    border-right: 1px;
    border-bottom: 1px;
    border-color: #fff;
    border-style: solid;
}

.row {
    margin-right: inherit;
    margin-left: inherit;
}

.person {
    border: 10px solid transparent;
    margin-bottom: 25px;
    opacity: 0.9;
}
.person:hover {
    border-color: #f1f1f1;
}

img.frame {
  border-image: url('../images/band/frame.png') 93 92 87 92 stretch stretch; 
  border-color: #f4be52;
  border-style: inset;
  border-width: 45px;
  display: block;
  width: 40%;
  height: auto;
  background-color: #ffe;
  margin: 0 auto;
}

@media all and (max-width: 320px) {
  img.frame { 
    border-width: 0px;
    width: 100%; }
}

/* Bottom right text */
.bottom-right {
    position: absolute;
    bottom: 8px;
    right: 16px;
}

.carousel-caption h5 {
  font: 150 25px/1.3 'Arizonia', Helvetica, sans-serif;
  color: #e8092e;
  text-shadow: 4px 4px 0px rgba(0,0,0,0.1); 
  right: 20%;
  text-align: center;
}

/**
.widget.single-news {
    margin-bottom: 20px;
    position: relative;
}

.widget.single-news .image img {
    display: block;
    width: 100%;
}

.widget.single-news .image .gradient {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0d…IxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjbGVzc2hhdC1nZW5lcmF0ZWQpIiAvPjwvc3ZnPg==);
    background-image: -webkit-linear-gradient(bottom, #000000 0%, rgba(0, 0, 0, 0.05) 100%);
    background-image: -moz-linear-gradient(bottom, #000000 0%, rgba(0, 0, 0, 0.05) 100%);
    background-image: -o-linear-gradient(bottom, #000000 0%, rgba(0, 0, 0, 0.05) 100%);
    background-image: linear-gradient(to top, #000000 0%, rgba(0, 0, 0, 0.05) 100%);
}
**/

.polaroid {
  background-color: white;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin-bottom: 25px;
}

.cpolariod {
  text-align: center;
  padding: 10px 20px;
}

.red-line {
  width: 100vw;
  height: 2px;
  background-color: red; 
 }


/**
 * Profile image component
 */
.profile-header-container{
    margin: 0 auto;
    text-align: center;
}

.profile-header-img {
    padding: 24px;
}

.profile-header-img > img.img-circle {
    width: 200px;
    height: 200px;
    border: 2px solid #a67c00;
}

.profile-header {
    margin-top: 73px;
}

/**
 * Ranking component
 */
.rank-label-container {
    margin-top: -19px;
    /* z-index: 1000; */
    text-align: center;
}

.label.label-default.rank-label {
    background-color: rgb(166, 124, 0);
    padding: 5px 10px 5px 10px;
    border-radius: 27px;
}


.panel > .list-group
{
    margin-bottom: 0;
}
.panel > .list-group .list-group-item
{
    border-width: 1px 0;
	height:55px;
}
.panel > .list-group .list-group-item:first-child
{
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}
.panel > .list-group .list-group-item:last-child
{
    border-bottom: 0;
}
.panel-heading + .list-group .list-group-item:first-child
{
    border-top-width: 0;
	height:55px;
}
.panel-default .list-group-item.active
{
    color: #000;
    background-color: #DDD;
    border-color: #DDD;
}
.panel-primary .list-group-item.active
{
    color: #FFF;
    background-color: #428BCA;
    border-color: #428BCA;
}
.panel-success .list-group-item.active
{
    color: #3C763D;
    background-color: #DFF0D8;
    border-color: #D6E9C6;
}
.panel-info .list-group-item.active
{
    color: #31708F;
    background-color: #D9EDF7;
    border-color: #BCE8F1;
}
.panel-warning .list-group-item.active
{
    color: #8A6D3B;
    background-color: #FCF8E3;
    border-color: #FAEBCC;
}
.panel-danger .list-group-item.active
{
    color: #A94442;
    background-color: #F2DEDE;
    border-color: #EBCCD1;
}
.panel a.list-group-item.active:hover, a.list-group-item.active:focus
{
    color: #000;
    background-color: #DDD;
    border-color: #DDD;
}

.my-tooltip {
      max-width: 300px !important;
      width: 300px;
}

.info{
	background-color:silver;
	color:red;
}