.carousel-inner .active.left { left: -33%; }
.carousel-inner .next        { left:  33%; }
.carousel-inner .prev        { left: -33%; }
.carousel-control.left,.carousel-control.right {background-image:none;}
.item:not(.prev) {visibility: visible;}
.item.right:not(.prev) {visibility: hidden;}
.rightest{ visibility: visible;}




/* http://www.menucool.com/jquery-slider */

#thumbnail-slider {
    margin:0 auto; /*center-aligned*/
    width:100%;
    max-width:900px;
    padding:0;
    box-sizing:border-box;
    position:relative;
    -webkit-user-select: none;
    user-select:none;
}

#thumbnail-slider div.inner {    
    /*the followings should not be changed */
    position:relative;
    overflow:hidden;
    padding:0;
    margin:0;
}
 
#thumbnail-slider div.inner ul {    
    /*the followings should not be changed */
    white-space:nowrap;
    position:relative;
    left:0; top:0;
    list-style:none;
    font-size:0;
    padding:0;
    margin:0;
    float:left!important;
    width:auto!important;
    height:auto!important;
}

#thumbnail-slider ul li {
    display:inline-block;
    margin-top:20px;
    margin-bottom:90px;
    margin-left:-30px; margin-right:-30px; /* Spacing between thumbs*/
    -webkit-transform:scale(0.9);
    transform:scale(0.9); /*Note: The scale down will increase the spacing between slides. You can set negative margins as did above to roll back the spacing. */
    -webkit-transition:-webkit-transform 0.5s;
    transition:transform 0.5s;
    box-sizing:content-box;
    text-align:center;
    vertical-align:middle;
    padding:0;
    position:relative;
    list-style:none;
    backface-visibility:hidden;
    
    /*-webkit-filter: grayscale(100%);
	filter: grayscale(100%);*/
    
}

#thumbnail-slider ul li.active {
    -webkit-transform:scale(1.15); 
    transform:scale(1.15); /*Note: if scale is greater than 1, the margin-top and margin-bottom in the selector "#thumbnail-slider li" must be set with a sufficient value so the enlarged image will be shown within the margins.*/
    background-color:transparent;
    
	/*-webkit-filter: initial;
	filter: initial;*/
}

#thumbnail-slider .thumb {
    width:100%;
    height: 100%;
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center center;
    display:block;
    position:absolute;
    font-size:0;
    cursor:inherit;
    -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent), to(rgba(255,255,255,0.4)));
    transition:all linear 0.4s;
}


/*-- Start 3D --*/
    #thumbnail-slider .thumb {
        -webkit-transform: perspective(500px) translateX(1px) translateZ(-30px) rotateY(30deg);
        transform: perspective(500px) translateX(1px) translateZ(-30px) rotateY(30deg);
    }

    #thumbnail-slider .active .thumb {
        -webkit-transform: translateX(0px) translateZ(0px) rotateY(0deg); 
        transform: translateX(0px) translateZ(0px) rotateY(0deg); 
    }

    #thumbnail-slider li.active ~ li .thumb {
        -webkit-transform: perspective(500px) translateX(-1px) translateZ(-30px) rotateY(-30deg); 
        transform: perspective(500px) translateX(-1px) translateZ(-30px) rotateY(-30deg); 
    }
/*-- End 3D --*/

/* --------- navigation controls ------- */   
/* The nav id should be: slider id + ("-prev", "-next", and "-pause-play") */

#thumbnail-slider-pause-play {display:none;} /*.pause*/
#thumbnail-slider-prev, #thumbnail-slider-next {display:none;}


.container2 {
  position: relative;
  height: 50rem;

}

.jumbotron2 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);

}


.container3 {
  position: relative;
  height: 10rem;

}

.jumbotron3 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);

}





*
{
   margin:0px;
   padding:0px;
}



#mood
{
z-index:10;
left:0px;

background-image: url('../images/mood-home.jpg');
background-position:  top 50%;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

#sfondo
{
z-index:10;
left:0px;

background-image: url('../images/sfondo-gioco.jpg');
background-position:  top left 50%;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

#sfondo-el
{
z-index:10;
left:0px;

background-image: url('../images/sfondo.png');
background-position:  top left 50%;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}



#sfondo-opaco
{
z-index:10;
left:0px;

background-color:rgba(255, 255, 255, 0.7);
background-position:  top 50%;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}


h1 {
font-family: 'Raleway', sans-serif;
font-weight: 600;
color: #3e6483;
text-align: left;
font-size: 43vw;
line-height: 30px;
margin-bottom: 0px;
margin-top: 0px;
       }

.corpo {
font-family: 'Raleway', sans-serif;
font-weight: 400;
color: #000000;
text-align: left;
font-size: 2rem;
line-height: 2.1rem;
margin-bottom: 0px;
margin-top: 0px;

       }    
	   
   
	   .corpo1 {
font-family: 'Raleway', sans-serif;
font-weight: 400;
color: #000000;
text-align: left;
font-size: 2.2rem;
line-height: 2.4rem;
margin-bottom: 0px;
margin-top: 0px;


       } 
	   
.corpo2 {
font-family: 'Raleway', sans-serif;
font-weight: 400;
color: #000000;
text-align: left;
font-size: 2rem;
line-height: 2.4rem;
margin-bottom: 0px;
margin-top: 0px;
width: 90%;


       } 
	   
	   .corpo3 {
font-family: 'Raleway', sans-serif;
font-weight: 400;
color: #000000;
text-align: left;
font-size: 2.4rem;
line-height: 2.5rem;
margin-bottom: 0px;
margin-top: 0px;


       }  


.corpo5 {
font-family: 'Raleway', sans-serif;
font-weight: 400;
color: #06a2e3;
text-align: center;
font-size: 2.7rem;
line-height: 5rem;
margin-bottom: 0px;
margin-top: 0px;
}

.corpo6 {
font-family: 'Raleway', sans-serif;
font-weight: 400;
color: #dbe289;
text-align: center;
font-size: 2.7rem;
line-height: 5rem;
margin-bottom: 0px;
margin-top: 0px;
}

#sfondo-karic1
{
background-image: url('../images/karic1.png');
background-position:  top right 50%;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

#sfondo-karic2
{
background-image: url('../images/karic2.jpg');
background-position:  top left 50%;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

#sfondo-karic3
{
background-image: url('../images/karic3.jpg');
background-position:  top right 50%;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
	
	
	


	    
	   
	   	   .corpo-mood {
font-family: 'Raleway', sans-serif;
font-weight: 600;
color: #3e6483;
text-align: center;
font-size: 3vw;
line-height: 1em;
margin-bottom: 0px;
margin-top: 0px;

       } 
	   
	   	   	   .corpo-mood2 {
font-family: 'Raleway', sans-serif;
font-weight: 600;
color: #3e6483;
text-align: center;
font-size: 2.5vw;
line-height: 1em;
margin-bottom: 0px;
margin-top: 0px;

       } 
	   
	   	   .corpo-titolo {
font-family: 'Nunito', sans-serif;
font-weight: 100;
color: #ffffff;
text-align: center;
font-size: 45px;
line-height: 40px;
margin-bottom: 0px;
margin-top: 0px;
margin-left: 20px;
margin-right: 20px;
       }    

select.con3 {

text-align: left;
height:3rem;
width:70%;
background-color: #ffffff;
border:1px solid #ff9d3a; 
font-family: 'Raleway', sans-serif;
font-weight: 400;
color: #3c3c3c;
font-size: 2.2rem;

}


input.con {

text-align: left;
height:3rem;
width:70%;
background-color: #ffffff;
border:1px solid #ff9d3a; 
font-family: 'Raleway', sans-serif;
font-weight: 400;
color: #3c3c3c;
font-size: 2.2rem;

}




textarea.con1 {

text-align: left;
height:12.2rem;
width:70%;
background-color: #ffffff;
border:1px solid #ff9d3a; 
font-family: 'Raleway', sans-serif;
font-weight: 400;
color: #000000;
font-size: 2.2rem;


}


	input.con5 {

text-align: left;
height:3rem;
width:100%;
background-color: #ffffff;
border:1px solid #ffffff; 
font-family: 'Raleway', sans-serif;
font-weight: 400;
color: #000000;
font-size: 2.2rem;
margin-top: 1rem;

}


textarea.con6 {

text-align: left;
height:11.7rem;
width:100%;
background-color: #ffffff;
border:1px solid #ffffff; 
font-family: 'Raleway', sans-serif;
font-weight: 400;
color: #000000;
font-size: 2.2rem;
margin-top: 1rem;

}



 A:LINK {
 color: #000000;
 text-decoration: none;
}

A:VISITED {
 color: #000000;
 text-decoration: none;
}

A:HOVER {
 color: #000000;
 text-decoration : none;
}

A:ACTIVE {
 color: #000000;
 text-decoration: none;
}


 A.men:LINK {
 color: #818181;
 text-decoration: none;
}

A.men:VISITED {
 color: #818181;
 text-decoration: none;
}

A.men:HOVER {
 color: #000000;
 text-decoration : none;
}

A.men:ACTIVE {
 color: #818181;
 text-decoration: none;
}

.td_nero90 {
background: url('../images/sfondo_nero90.png');
}

.td_bianco85 {
background: url('../images/sfondo_bianco85.png');
}


.td_dx {
background-color: #000000;
}

img {border:0px none;}

td img {display: block;}