@font-face {
    font-family: 'nimbus_roman_no9_lbold';
    src: url('nimbusromno9l-med-webfont.woff2') format('woff2'),
         url('nimbusromno9l-med-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'nimbus_roman_no9_lbold_italic';
    src: url('nimbusromno9l-medita-webfont.woff2') format('woff2'),
         url('nimbusromno9l-medita-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'nimbus_roman_no9_lregular';
    src: url('nimbusromno9l-reg-webfont.woff2') format('woff2'),
         url('nimbusromno9l-reg-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'nimbus_roman_no9_lRgIt';
    src: url('nimbusromno9l-regita-webfont.woff2') format('woff2'),
         url('nimbusromno9l-regita-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}



/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */




body {
  /*padding-bottom: 40px;*/
  color: #ffffff;
  /*background-color:#1b2b31;*/
  background-color:#000;
  
  font-family: 'nimbus_roman_no9_lregular';
}





.no-padding {
  padding-left: 0;
  padding-right: 0;
}

.font18{
	font-size:18px;
	}
.bold{
	font-weight:bold;
	}

.font28{
	font-size:28px;
	}

.ulkids {
		margin:10px;
		list-style:none;
		text-align:justify;	
	}
.ulkids li{
	margin:10px;
	}
.ulkids li b{
	color:#f39200;
	}	

.seleziona_cat{
		
		margin-top:30px;
		
		font-weight: bold;
		font-size:18px;
}

.bottone_academy{
	
    text-align: center;
    border: 1px solid;	
	
	}

.carousel-inner>.item>a>img, .carousel-inner>.item>img {
  display: block;
  max-width: 100%;
  width:100%;
  height: auto;
}
.carousel {
  position: relative;
  margin-top: 61px;
}

.carousel-indicators {
    display:none;
}

.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}


textarea, input{
	
	color:#000000;
	
	}


	

a, a:link, a:visited, a:active {
  color: #f39200;
  text-decoration: none;
}

a:hover {
  color: #ffffff;
  text-decoration: none;
}


.logo-home{
	text-align:center;
	font-family:nimbus_roman_no9_lregular; 
	color:#ffffff; 
	/*font-weight:bold;*/
	font-size:36px;
	margin-top:10px;
	
	}

.logo2-home{
	text-align:center;
	margin-top:15px;
	
	}
	
/* unvisited link */
.logo-home a:link {
  color:#ffffff;
}

/* visited link */
.logo-home a:visited {
  color:#ffffff;
}

/* mouse over link */
.logo-home a:hover {
  color:#ffffff;
}

/* selected link */
.logo-home a:active {
  color:#ffffff;
}

.payoff{
	text-align:center;
	/*font-family:'nimbus_roman_no9_lbold_italic';*/
	font-size: 18px;
	color:#765d3e;
}

.well{
	/*background-color:#233a42;*/
	background-color:#000;
	border:#1b2b31;
	}

.navbar-default {
	/*background-color: rgba(21,34,38,0.8);*/
	background-color:#000000;
	border-color: #152226;
}

.btn-default {
		color: #fff!important;
		background-color:#f39200;	
		border-color:#233a42;
}

.btn-default:hover {
		color: #f39200!important;
		background-color:#ffffff;	
		border-color:#233a42;
}



.jumbotron {
margin-bottom:0px;
background-color:transparent;
margin-top:10px;
}

.masthead img{
width:100%;
 z-index:99999999;
 }


/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */


.navbar-toggle{
	    right: 0;
    position: absolute;
    top: 0px;
	}

ul.nav.navbar-nav li{
margin:10px;	
	}


/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {
  padding-right: 0;
  padding-left: 0;
}
.navbar-wrapper .navbar {
  padding-right: 15px;
  padding-left: 15px;
}
.navbar-wrapper .navbar .container {
  width: auto;
}


.navbar-brand {

height: 60px;
padding: 10px 15px;
}
.navbar-default .navbar-nav>li>a{
	color: #ffffff;
	/*font-size:1.5em;	
	 font: 400 25px/1.3 'Oleo Script', Helvetica, sans-serif;*/
	 font-size: 16px;
}
	
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
color: #f39200;
background-color: transparent;

}	

.navbar-default .navbar-nav>li>a:hover {
color: #f39200;

}

.dropdown-menu {
	background-color: rgba(21,34,38,0.5);
	border-color: #152226;
}
.dropdown-menu>li>a {
	color:#ffffff;
}






/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 20px;
  text-align: center;
}
.marketing h2 {
  font-weight: normal;
   text-align:center;
}
.academy{
	color:#2ca4dd;
	}
a.academy_link{
	color:#2ca4dd;
	}
a.academy_link:hover{
	color:#f39200;
	}
	
	
	a.box_academy{
	color:#ffffff;
	}
a.box_academy:hover{
	color:#2ca4dd;
	}	
		
.bianco{
	color:#ffffff;
	}
a.garage_link{
	color:#5f6b6f;
	}
a.garage_link:hover{
	color:#f39200;
	}	
	
.rec{
	color:#f30000;
	}
.events{
	color:#f39200;
		}		

.marketing .col-lg-4 p {
  margin-right: 10px;
  margin-left: 10px;
}

margintop50{margin-top:50px;}

.margintop70{
	
	margin-top:70px;
	
	}
	

	
.margintop61{
	
	margin-top:61px;
	
	}	
	
	.margintop35{
	
	margin-top:35px;
	
	}
	
	.mask_strumento{
		background-color: rgba(0, 0, 0, 0.6);
		padding: 15px;
		min-height:150px;
	}
	
	.titolo_strumento{
			text-align:center;
			font-size:22px;
			font-weight:bold;
		}
	
	.box_strumento{
		
		/*background-color:#1B28B3;*/
		
    	margin:5px;
		/*border: 1px solid;
		border-color:#2790cf;	
		border-radius:5px;
		background-image: linear-gradient(to bottom, rgba(30, 87, 153, 0.2) 0%, rgba(125, 185, 232, 0) 100%);*/
		min-height:150px;
		}
		
		
.box_corso{
		
		/*background-color:#1B28B3;*/
		padding: 10px;
    	margin:5px;
		border: 1px solid;
		border-color:#2790cf;	
		border-radius:5px;
		background-image: linear-gradient(to bottom, rgba(30, 87, 153, 0.2) 0%, rgba(125, 185, 232, 0) 100%);
		min-height:200px;
		}
		
		.box_garage{
		
		/*background-color:#1B28B3;*/
		padding: 5px;
    	margin:5px;
		/*border: 1px solid;
		border-color:#ffffff;	*/
		border-radius:5px;
		box-shadow: 5px 5px 5px #888888;
		
	}
	
	.rotate_right{-ms-transform: rotate(7deg); /* IE 9 */
    	-webkit-transform: rotate(7deg); /* Safari */
    	transform: rotate(7deg);}
		
			.rotate_left{-ms-transform: rotate(-8deg); /* IE 9 */
    -webkit-transform: rotate(-8deg); /* Safari */
    transform: rotate(-8deg);}

/* Featurettes
------------------------- */

#img-academy:hover{
	
}


.featurette-divider {
  margin: 40px 0; /* Space out the Bootstrap <hr> more */
  color:#f8bd30;
  border:1px solid;
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}

.text-muted {
color: #f39200;
}

.thumbnail{
	padding:1px;
	}

/*****************************Painting css****/

.wrapper {
  display: inline-block;
  position: relative;
 
}
.text {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 20px;
  left: 0;
  transition: opacity .5s;
  background: rgba(0, 0, 0, .5);
  color: white;
  margin-top: 2px;
  margin-bottom:3px;
  margin-left:17px;
  margin-right:17px;
  padding: 5px;
  cursor:pointer;
  
  
}



.hover {
  display: block;
}

.wrapper:hover .text {
  opacity: 1;
}
/************************************/

.collapsing {
   
    margin-top: 9px;
}
.navbar-collapse.in {
   
    margin-top: 9px;
}


/* RESPONSIVE CSS
-------------------------------------------------- */





@media (max-width: 768px) {


.mostra_su_cell{display:block!important;}
.marketing h2 {
  font-size:12px;
}


}

@media (max-width: 767px){
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
  color: #ffffff;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
  color: #f39200;
}
.logo2-home {
    margin-bottom: 10px;
}

}


@media (min-width: 399px){
.foto-home{	
	height: 62vh; 
	margin: 0 auto; 
	width:auto; 
}

.margintop110{
	margin-top:110px;
	}
	

	
}

@media (min-width: 299px){
.foto-home{	
	height: 62vh; 
	margin: 0 auto; 
	width:auto; 
}

.margintop110{
	margin-top:125px;
	}


}

@media (max-width: 500px){
.logo-home{
	font-size:20px;
}
.logo2-home {
    margin-bottom: 10px;
}

.payoff{
	text-align:center;
	/*font-family:'nimbus_roman_no9_lbold_italic';*/
	font-size: 14px;
}
}




@media (min-width: 768px) {
	
.carousel-inner>.item>a>img, .carousel-inner>.item>img {
  
 	height: 71vh; 
	margin: 0 auto; 
	width:auto; 
  
}	

.foto-home{
	height: 62vh;
	margin: 0 auto;
	width:auto;
}
	
	
  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 20px;
  }
  .navbar-wrapper .container {
    padding-right: 15px;
    padding-left: 15px;
  }
  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left: 0;
  }

  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }



  .featurette-heading {
    font-size: 50px;
  }
  


  .navbar .navbar-nav {
        display: inline-block;
        float: none;
        vertical-align: top;
    }

    .navbar .navbar-collapse {
        text-align: center;
    }
	
.margintop110{
	margin-top:175px;
	}
	
.payoff{
	margin-bottom:-10px;
	

}
  
}

@media (min-width: 992px) {
  .featurette-heading {
    margin-top: 110px;
  }
  
}




.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
  
  background-color: #f39200;
  border-color: #f39200;
}

.pagination>li>a, .pagination>li>span {

  color: #f39200;
 }
 
 .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
  color: #f39200;
  background-color: #eee;
  border-color: #ddd;
}




@media (max-width: 991px) {
.sala_garage{
	width:120px;	
	}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
  /*height: 300px;*/
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img {
  display: block;
 max-width:none !important;
  /*width: 1000px;
  height: 300px;*/
  
}	
	

}

@media (max-width: 662px) {
.sala_garage{
	width:80px;	
	}
}

@media (max-width: 502px) {
.sala_garage{
	width:120px;	
	}
}



@media (max-width: 419px) {
.sala_garage{
	width:91px;	
	}

.list-group-item {
    background-color: transparent; 
 }

.elenco_allegati{
	margin-top:20px;
}
	

.list-group-item {
	border: none;
}