body 
{
	font-family: "Roboto";
	background-color: white;
	color: #0A0A0A;
	font-size: 15px;
	overflow-x: hidden !important; 

}

.sectionHomeContent h6, .sectionHomeContent h1, .sectionHomeContent h5, .sectionHomeContent .shopbtn
{
	color: white !important;
	margin-top: 50px;
	line-height: 2em;
}

.animate-opacity {
    transition: opacity 3s;
    opacity: 1 !important;
}

#logonav
{
	opacity: 0;
}


#carousel 
{
	margin-top: 40px;
	display: flex;
	flex-wrap: nowrap;
	overflow-x: scroll !important;	
 
}
.carousel-element
{
	min-width: 250px;
	max-width: 250px;
    height: 500px;    
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-right: 10px solid white;
	flex: 0 0 auto;
	    margin-right: 10px;
}

#pimg2, #pimg3
	{
		margin-top: 20px !important;
	}

@media (max-width: 767.98px) { 
	
	#carousel 
{
	margin-top: 40px;
	margin-bottom: 40px;
	}
	
	.carousel-element
{
	min-width: 150px;
	max-width: 150px;
    height: 240px;    
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-right: 10px solid transparent;
	flex: 0 0 auto;
}
	
	section p {
	    line-height: 27px !important;
	}	
	
	.sectionHomeContent h6, .sectionHomeContent h5, .sectionHomeContent .shopbtn
{
	margin-top: 20px;
	line-height: 1.2em;
	
}
	.sectionHomeContent h6
{
	font-size:0.9em;
}

	
	
}
 

 
html, container-fluid, container
{
	overflow-x: hidden !important;
}

 
 

::-webkit-scrollbar {
    width: 0px !important;
}
#sectionStoria img
{
	max-width: 100% !important;
}

#colorBar
{
	background-color: white !important; 
	height: 70px !important;
	display: none;
}

.invertednavlink
{
	color: #0A0A0A !important;
}

.anim
{
	opacity: 0;
}

section p {
    text-align: justify !important;
    font-size: 17px;
    line-height: 34px;
}

section h3
{
	font-size: 2.5em;
	font-weight: normal;
}

.linktramonti  
{
	color: crimson !important; 
	text-decoration: none;
}

.parallaxcontainer, .carouselcontainer
{
	padding: 0px !important;
	margin: 0px !important;
}

.carouselcontainer
{
	margin-bottom: 100px !important;
}

.parallax1, .parallax1fixed, .parallax2, .parallax2fixed {	
	background-position: center 0px;
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 400px;
	max-height: 400px;
	z-index: 20 !important;
}

.parallax1, .parallax1fixed {	
    background-image: url('/images/filosofia/eventcolor_filosofia_1.jpg');
}



.parallax1fixed, .parallax2fixed {	    
	background-position: center center !important;	
}

#sectionHome, #sectionStaff3, #sectionStoria, #sectionVini, #sectionFoto, #sectionContatti
{
	margin-bottom: 100px;	
}

section
{
	margin-top: 30px;
}

.bianco
{
	color: white !important;
}

table, th, td
{
	color: #9c9c9c !important;
}

.odd
{
	color: #9c9c9c !important;
	background-color: #2D2D2D;
}

h4
{
	color: white !important;
	margin-bottom: 20px;		
	margin-top: 20px;		
}

@media only screen and (max-width: 900px) {
	 .navbar-collapse {
		background-color:  #C8C8C8 !important;
		 padding: 10px !important;
	}
	
	.nomobile
	{
		display: none !important;
	}

	th
	{
	     max-width: 70px;
	}
	td
	{
		padding-top: 30px !important;
		text-align: justify;
	}
	
	.imgvino
	{
		max-height: 240px !important;		
		min-width: 90px;
		max-width: 90px;
		float: left;    
	    margin-right: 15px;
	}
	
	.descrizionevino
	{	
        margin-left: 105px;
	}
	
	#videodiv
	{
		background-image: url("../../images/bgmobile.jpg?t=1");
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		display: block !important;
		position: absolute;
		bottom: 0px;
		top: 0px;
		right: 0px;
		left: 0px;
		opacity: 1;
		z-index: -1;
	}
	#videobg
		{		
			display: none;
			min-height: 100vh;
			min-width: 100vw;
			z-index: -1;
		}
}

@media screen and (min-width: 900px)
{
	
		.nodesktop
		{
			display: none !important;
		}

		#videodiv
		{
			display: block !important;
			position: absolute;
	        overflow: hidden;
			top: 0px;
			right: 0px;
			left: 0px;
			opacity: 0.8;
			z-index: -1;
			max-height: 100vh;
		}
	    
	    #videobg
		{		
			min-height: 100vh;
			min-width: 100vw;
			z-index: -1;
		}
}

        #videoModal
		{
			display: none;
			right: 0px;
			top: 0px;
			bottom: 0px;
			left: 0px;
			position: fixed;		
			z-index: 1000;
			background: transparent;
		}
		#videoPlayer
		{
			position: relative;		
			margin-top: -40px !important; 
			margin-left: 0px !important;
		}

.navbar {
       background-color:  transparent;
      }


.linkShop {
    background: crimson !important;
    min-width: 80px;
    text-align: center;
    font-weight: 700;
	color: white !important;
}

.shopbtn
	{
		color: white !important; 
		background-color: crimson;
	}

.sectionHomeContent
{
	display: none;
	position: absolute;
	left:0px;
	right:0px;	
}