/********** Override by Carmine Cappetti **********/

@font-face {
    font-family: Feeding;
    src: url(../fonts/feeding-a-moment.otf);
}

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.428571429;
  color: #333333;
  background-color: #ffffff;
}

.container{
	max-width: 1000px !important;
}

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

.navbar-default {
	background:rgba(255,255,255,0.9);
	border:0;
	border-radius:0;
	min-height:90px !important;
	 /* border-bottom:1px solid #e4e4e4;*/
}

.navbar-nav > li > a {
		padding-top: 35px !important;
		padding-bottom: 35px !important;
	}


@media (max-width:780px){
	.nav>li>a {
		padding: 10px 13px;
	}
}
	
@media (max-width:767px){
	.navbar-default {
		background:#fff;
	}
	
	.navbar-nav {
		margin: 0 -15px;
	}

	.navbar-nav > li > a {
		padding-top: 20px !important;
		padding-bottom: 20px !important;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
		padding-top: 20px !important;
		padding-bottom: 20px !important;
		padding-right: 30px !important;
	}
}


	.container > .navbar-header {
		height:90px;
	}


.navbar-default .navbar-nav>li>a {
	color:#222;
	cursor:pointer;
}
		
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
 	background-image: -webkit-linear-gradient(top,#dbdbdb 0,#e2e2e2 100%);
	background-image: -o-linear-gradient(top,#dbdbdb 0,#e2e2e2 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#dbdbdb),to(#e2e2e2));
	background-image: linear-gradient(to bottom,#dbdbdb 0,#e2e2e2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdbdbdb', endColorstr='#ffe2e2e2', GradientType=0);
	background-repeat: repeat-x;
	-webkit-box-shadow: inset 0 3px 9px rgba(0,0,0,.075);
	box-shadow: inset 0 3px 9px rgba(0,0,0,.075);
}
		
.navbar-default .dropdown-menu{
	background-color:#e7e7e7;
	/*border-top:0;*/
}
	.dropdown-menu{
		/*left:-1px !important;
		padding:0 !important;*/
	}
	
	.dropdown-menu > li > a{
		padding:15px 20px;
		color:#222;
	}
	.dropdown-menu > li > a:hover{
		background-image: -webkit-linear-gradient(top,#dbdbdb 0,#e2e2e2 100%);
	background-image: -o-linear-gradient(top,#dbdbdb 0,#e2e2e2 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#dbdbdb),to(#e2e2e2));
	background-image: linear-gradient(to bottom,#dbdbdb 0,#e2e2e2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdbdbdb', endColorstr='#ffe2e2e2', GradientType=0);
	background-repeat: repeat-x;
	-webkit-box-shadow: inset 0 3px 9px rgba(0,0,0,.075);
	box-shadow: inset 0 3px 9px rgba(0,0,0,.075);
		color:#222;
	}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
	color: #222;
	background-color: #e7e7e7;
}

.dropdown-menu{
	min-width:280px;
}

.dropdown-header{
	padding: 15px 20px;
	font-size: 14px;
	color: #222;
	background: #ccc;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
background-color: #357EBD !important;
}
		
.navbar-default .navbar-toggle {
	border-color: #357EBD;
}
		
.navbar-default .navbar-toggle .icon-bar {
	background-color: #357EBD;
}
		
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  	background-color: #fff;
}

.navbar-toggle{
	margin-top:28px;
}

@media (max-width: 768px) {
	.navbar-brand img{
		max-width:200px !important;
		height:auto !important;
		margin-top:10px;
	}
}

.thumbnail > img, .thumbnail a > img{
	border:1px solid #e4e4e4;
}

a:hover{
	text-decoration:none;
}

.over{
	background:none;
	z-index:100;
}

	.over h1, .over p{
		color:#fff;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.9);
		font-family: Lato, sans-serif;
		font-weight:lighter;
	}
	
	.over h1{
		font-weight:lighter;
	}
					
		p a.btn{
			text-shadow:none;
		}
		
		p span.label{
			text-shadow:none;
		}

.home-widget {
	margin: 0 0 30px;
	text-align: center;
}
		
.home-widget img {
	margin-top: 0;
	width: 180px !important;
}

.home-widget h3{
	color:#fff;
	font-family: Lato, sans-serif;
	font-weight: normal;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.9);
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
}
#footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index:1000;
  /* Set the fixed height of the footer here */
  height: auto;
  min-height:60px;
	background-color: rgba(255,255,255,0.9);
  padding-top:15px;
  font-size:12px;
  /*border-top:1px solid #e4e4e4;*/
}
#footer p{
	color:#222;
}

@media (max-width: 768px) {
	#preFooter{
		height:93px !important;
	}
}


/********** MOSAIC **********/

.mosaicflow__column {
	float:left;
	}

.mosaicflow__item {
	position:relative;
	}
	.mosaicflow__item img {
		display:block;
		width:100%;
		max-width:450px;
		height:auto;
		}
	.mosaicflow__item p {
		position:absolute;
		bottom:0;
		left:0;
		width:100%;
		margin:0;
		padding:5px;
		background:hsla(0,0%,0%,.5);
		color:#fff;
		font-size:14px;
		text-shadow:1px 1px 1px hsla(0,0%,0%,.75);
		opacity:0;
		-webkit-transition: all 0.4s cubic-bezier(0.23,1,0.32,1);
		   -moz-transition: all 0.4s cubic-bezier(0.23,1,0.32,1);
		     -o-transition: all 0.4s cubic-bezier(0.23,1,0.32,1);
		        transition: all 0.4s cubic-bezier(0.23,1,0.32,1);
		}
	.mosaicflow__item:hover p {
		opacity:1;
		}

/***** share buttons *****/

.ss-share-link {
   padding: .5em .75em .5em 35px;
   margin:5px;
   margin-left:0;
  }

[class*="ico-"] {
  display: inline-block;
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: 10px center; }

.ico-facebook {
  background-image: url("http://www.facebook.com/favicon.ico"); }

.ico-twitter {
  background-image: url("http://twitter.com/favicons/favicon.ico"); }

.ico-google {
  background-image: url("https://ssl.gstatic.com/s2/oz/images/faviconr2.ico"); }


/* Supersized */
#progress-back{
	bottom:40px;
}

#controls-wrapper{
	background:#FFF;
	color:#222;
}

#caption{
	position:absolute;
	top:40%;
	left:0;
	right:0;
	height:auto;
}


#slidecaptionBig{
	color: #fff;
	text-shadow: 3px 3px 3px #000;
	font-size:90px;
	line-height:110px;
	font-weight:lighter;
	position:relative;
	text-align:center;
	font-family: Feeding, sans-serif;
	font-weight:normal;
}

#slidedescription{
	color: #fff;
	text-shadow: 3px 3px 3px #000;
	font-size:52px;
	line-height:52px;
	font-weight:lighter;
	position:relative;
	text-align:center;
	font-family: Feeding, sans-serif;
	font-weight:normal;
}

@media (max-width:780px){
	#slidecaptionBig{
		font-size:45px;
		line-height:40px;
		margin-bottom:10px;
	}
	
	#slidedescription{
		font-size:28px;
		line-height:28px;
	}
	
	#preFooter{
		height:93px !important;
	}
}

/****** grid system *******/

	.grid {
		position:absolute; top:85px; bottom:60px; height: calc(100% - 140px);
		left:0; right:0;
	}

	.grid-sizer,
	.grid-item { width: 25%; float: left; opacity:1; height:100%; background-repeat:no-repeat; background-position:center;}

	.grid-item--width50 { width: 50%; float: left; opacity:1; height:100%;}
	.grid-item--width100 { width: 100%; display:block; clear:both; opacity:1; height:100%;}
	
	.grid-item--height25 {height:25%;}
	.grid-item--height50 {height:50%;}
	.grid-item--height33 {height:33.33%;}
	
	.grid-item:hover, .grid-item--width50:hover {opacity:1;}
	
	.innerItem{
		 position:relative;
		 height:100%;
		 overflow:hidden;
		 background-repeat:no-repeat; background-position:center;
		 background-size:cover;
		 background-color: #fafafa;
	}
	
	.innerItem h1{
		position: absolute;
		left:30px;
		bottom: 130px;
		z-index:1000;
		line-height:50px;
		font-size:45px;
		color:#1F4AA0;
	}
	
	.innerItem p{
		position: absolute;
		left:30px;
		bottom: 40px;
		z-index:1000;
		font-size:16px ;
		line-height:24px;
	}
	
	.innerItem h1.free{
		position:relative;
		z-index:1000;
		margin:0;
		margin-bottom:20px;
		padding:0;
		left:auto;
		bottom:auto;
	}
	
	.innerItem h1.nomeProdotto{
		position: absolute;
		left:10px;
		bottom: 10px !important;
		z-index:1000;
		line-height:20px;
		font-size:14px;
	}
	
	.innerItem .free{
		position:relative;
		z-index:1000;
		margin:0;
		margin-bottom:20px;
		padding:0;
		left:auto;
		bottom:auto;
	}
	
	.innerItem h1.noSubtitle {
		bottom:20px;
		font-family: 'Gotham-Bold', sans-serif;
		text-transform:uppercase;
	}
	
	.innerItem h1 a{
		text-decoration:none;
		padding:0;
		display:block;
		color:#FFF;
	}
	
	.innerItem h1 a:hover{
	}
	
	.innerItem > img {
		visibility:hidden;
	}
	
	
	.grid-item-right .innerItem{
		padding:15px;
		overflow-y:scroll !important;
		overflow-x: hidden;
	}
	
		
	.grid-item-right .descrizioneServizio{
		padding-bottom:70px !important;
		font-size:16px;
	}
	
	@media only screen and ( max-width: 768px )
	{
		.grid {
			bottom:0px; height: calc(100% - 85px);
			
		}
		
		.grid-sizer,
		.grid-item { width: 100%; float: left; opacity:1; height:100%;}
		
		.grid-item--width50 { width: 100%; float: left; opacity:1; height:50%;}
		.grid-item--height50, .grid-item--height33 {height:50%;}
		
		.innerItem img {
			height:100%;
		}
		
		.grid-item:last-child{
			/*margin-bottom:60px;*/
		}
		
		.grid-item:last-child .innerItem{
			/*margin-bottom:60px;*/
		}
		
		.grid-item-right{
			height:auto !important;
		}
		
		.grid-item-right .innerItem{
			padding:0px;
		}
	}

	
	
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
	background: transparent url("../img/forward2.png") no-repeat center !important;
	right:25px !important;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
	background: transparent url("../img/back2.png") no-repeat center !important;
	left:25px !important;
}

.swiper-button-next, .swiper-button-prev{
	width:40px !important;
}