/******************************************************************/
/******************************************************************/
/******************************************************************/

/* Montserrat WEB FONT https://github.com/JulietaUla/Montserrat/  */

/******************************************************************/
/******************************************************************/
/******************************************************************/
/******************************************************************/

@font-face {
   font-family: 'Montserrat';
      src: url('font/Montserrat-ExtraLight.eot'),
           url('font/Montserrat-ExtraLight.woff') format('woff'),
           url('font/Montserrat-ExtraLight.woff2') format('woff2'),
           url('font/Montserrat-ExtraLight.ttf') format('ttf');
   font-weight: 200;
}

@font-face {
   font-family: 'Montserrat';
      src: url('font/Montserrat-Light.eot'),
           url('font/Montserrat-Light.woff') format('woff'),
           url('font/Montserrat-Light.woff2') format('woff2'),
           url('font/Montserrat-Light.ttf') format('ttf');
   font-weight: 300;
}

@font-face {
   font-family: 'Montserrat';
      src: url('font/Montserrat-Regular.eot'),
           url('font/Montserrat-Regular.woff') format('woff'),
           url('font/Montserrat-Regular.woff2') format('woff2'),
           url('font/Montserrat-Regular.ttf') format('ttf');
   font-weight: 400;
}

@font-face {
   font-family: 'Montserrat';
      src: url('font/Montserrat-SemiBold.eot'),
           url('font/Montserrat-SemiBold.woff') format('woff'),
           url('font/Montserrat-SemiBold.woff2') format('woff2'),
           url('font/Montserrat-SemiBold.ttf') format('ttf');
   font-weight: 500;
}
@font-face {
   font-family: 'Montserrat';
      src: url('font/Montserrat-Bold.eot'),
           url('font/Montserrat-Bold.woff') format('woff'),
           url('font/Montserrat-Bold.woff2') format('woff2'),
           url('font/Montserrat-Bold.ttf') format('ttf');
   font-weight: 600;
}

html
{
	height:100%;
}

body.enjoymus
{
	font-family: 'Montserrat', sans-serif;
	font-size:15px;
	font-weight:400;
	color:#000;
}

.logo-first
{
	font-weight:600;
}
.logo-second
{
	font-weight:200;
}

.lead
{
	font-weight:200;
}

.navbar-nav.navbar-enjoy > li > a
{
	padding:15px 30px;
	color:#FFF;
}

.navbar-default .navbar-brand
{
	color:#FFF;
}

.navbar.navbar-default
{
	background-color: rgba(76,85,89,.5) !important;
	border:0;
	color: #FFF; 
}

.page .navbar-nav.navbar-enjoy > li > a,
.page .navbar-default .navbar-brand,
.page .navbar.navbar-default
{
	color:#000;
}

.page .navbar.navbar-default
{
	background-color: rgba(220,220,220,.9) !important;
}

.hp-present
{
	background-image:url("/modules/site/gfx/img/cover_image.png");
	background-size:cover;
	height:900px;
	display:table;
	width:100%;
}
.hp-present .header-body
{
	display:table-cell;
	vertical-align:middle;
}

.hp-present .title
{
	margin-top:30px;
	font-size: 50px;
	text-align: center;
	line-height: 60px;
	color: #FFFFFF;
	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}
.hp-present .tagline
{
	font-size: 24px;
	font-weight: 300;
	text-align: center;
	line-height: 33px;
	color: #FFFFFF;
	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

section
{
	padding:60px 0;
	background:#FFF;
}
section .title
{
	font-size: 26px;
	font-weight: 600;
	text-align: center;
	line-height: 30px;
	text-transform:uppercase;
}

section .separate,
footer .separate
{
	width: 41.67%;
	background-color: #000;
	height: 2px;
	margin: 20px auto;
	opacity:0.4;
}


section.bg-cover
{
	background-size:cover;
}
section.bg-cover-dark
{
	color:#FFF;
}

section.pubblico
{
	height:630px;
	background-image:url("/modules/site/gfx/img/cover_pubblico.png");
}
section.pubblico-small
{
	background-image:url("/modules/site/gfx/img/cover_pubblico_small.png");
}

section.mostra
{
	background-image:url("/modules/site/gfx/img/cover_mostra.png");
}
section.mostra-small
{
	background-image:url("/modules/site/gfx/img/cover_mostra_small.png");
}

section.progetto
{
	height:565px;
	background-image:url("/modules/site/gfx/img/cover_progetto.png");
}
.big-feature-body
{
	padding:30px 0;
}
section.pubblico .big-feature-body 
{
	height:630px;
}

.pubblico img
{
	position: relative;
	top: -80px;
}

.middle-parent
{
	display:table;
	width:100%;
	height:100%;
}

.middle-child
{
	display:table-cell;
	vertical-align:middle;	
}


.big-feature-body .title
{
	font-size: 51px;
	font-weight: 200;
	line-height: 60px;
	text-align:left;
}
.big-feature-body .tagline
{
	font-size: 22px;
	line-height: 60px;
}
.big-feature-body .body-text
{
	font-size: 18px;
	font-weight: 300;
	line-height: 28px;
}

.feature
{
	margin-bottom:30px;
}

.feature img
{
	padding:42px 0;
}
.feature .title
{
	font-size: 18px;
	text-align: center;
	line-height: 21px;
	color: #000000;
	padding:0 26px 21px 26px;
	text-transform:none;
	font-weight:400;
}


.feature .body-text
{
	font-size: 15px;
	font-weight: 200;
	text-align: center;
	line-height: 19px;
}


.feature-small .feature-small-img 
{
	height:270px;
}

.mostra-small .feature-small .feature-small-img 
{
	height:230px;
}


.feature-small .title
{
	font-size: 18px;
	text-align: center;
	line-height: 21px;
	font-weight:400;
	text-transform:none;
}

.modello
{
	margin-top:60px;
}

.modello .title
{
	font-size: 55px;
	font-weight: 200;
	text-align: center;
	line-height: 60px;
}

.modello .body-text
{
	font-size: 24px;
	font-weight: 300;
	text-align: center;
	line-height: 28px;
}

.modello .body-text p:first-child
{
	margin-bottom:100px;
}

.modello .modello-icon
{
	margin:70px 0;
}
.modello .btn-ghost
{
	margin:44px 0 25px 0;
}

.btn-ghost
{
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	color:#FFF;
	border-color:#FFF;
	border-radius:4px;
	padding:18px 80px;	
}

.btn-ghost:hover
{
	color:#FFF;
	text-shadow:0  0 5px #FFF;
}
.btn-ghost-dark
{
	color:#000;
	border-color:#000;
}
.btn-ghost-dark:hover
{
	color:#444;
}

.progetto .title
{
	font-size: 40px;
	font-weight: 300;
	text-align: center;
	line-height: 50px;
	color: #FFFFFF;
	text-shadow: 0 2px 4px rgba(0,0,0,0.5);
}

.progetto .logo-exp
{
	margin:75px 0;
	font-size: 30px;
}

.progetto .logo-exp p
{
	font-weight:200;
		
}


.list-inline-justify
{
    list-style-type: none;
    text-align: justify;
}

.list-inline-justify li
{
	display:inline-block;
}

.list-inline-justify .stretch 
{
    display: inline-block;
    width: 100%;
    
    /* if you need IE6/7 support */
    *display: inline;
    zoom: 1
}

.list-contact
{
	padding:
}

.list-contact .reference
{
	font-size: 14px;
	font-weight: 600;
	padding-left:15px;
}
.list-contact span
{
	vertical-align:middle;
}
.list-contact .fa 
{
	color:#B2B2B2;
}

footer
{
	padding:40px 0;
}

.logo-footer
{
	margin:80px auto;
}

footer .separate
{
	margin:30px auto;
}

.copy
{
	margin-top:120px;
	font-size: 12px;
	font-weight: 300;
	text-align: center;
}
.collaborators
{
	margin-top:100px;
}
.profile
{
	text-align:center;
	height:80px;
	margin-bottom:70px;
}

.profile .list-inline
{
	color:#B2B2B2;
}
.profile .title
{
font-size: 22px;
font-weight: bold;
margin-top:30px;
}
.profile .body-text
{
	font-size: 15px;
	font-weight: 300;
	margin:7px 0 10px 0;
}

.profile-mini
{
	margin-bottom:30px;
	text-align: center;
}
.profile-mini .title
{
	font-size: 22px;
	font-weight: bold;
	margin-bottom:18px;
}

.profile-mini .body-text
{
	font-size: 18px;
	font-weight: 300;
}

.navbar-default .navbar-toggle:focus, 
.navbar-default .navbar-toggle:hover
{
	background-color:transparent;
}

.navbar-default .navbar-toggle
{
	border-color:transparent;
}
.navbar-default .navbar-toggle .icon-bar
{
	background-color:#FFF;
}

.navbar-toggle
{
	margin-right:0;
}

/*********** MOBILE SMALL DEVICE UNTIL 768PX ***********/

@media (max-width: 768px) 
{
	body.enjoymus
	{
		height:100%;
	}

	.navbar-default .navbar-brand
	{
		/*display:none;*/
	}

	.navbar-fixed-top
	{
		position: relative;
		top: auto;
		margin-bottom:0;
	}

	.navbar.navbar-default,
	.navbar-nav.navbar-enjoy > li > a,
	.navbar-default .navbar-brand
	{
		color:#000 !important;
	}
	.navbar-default .navbar-toggle .icon-bar
	{
		background-color:#000 !important;
	}

	.hp-present
	{
		height:100%;
		display:relative;	
	}
	
	.hp-present .header-body .logo 
	{
		width:13rem;
		padding-top:5rem;
	}
	
	.hp-present .header-body
	{
		display:block;
	}

	.hp-present .title
	{
		font-size:2.8rem;
		line-height:4rem;
		margin-bottom:2.1rem;
	}

	.hp-present .tagline
	{
		font-size:1.5rem;
		line-height:2rem;
		padding:0 1rem;
	}

	.arrow-wrap
	{
		position: absolute;
		width: 100%;
		bottom: 1rem;
	}
	section.pubblico .big-feature-body,
	section.pubblico
	{
		height:auto;
	}	
	.big-feature-body
	{
		padding:0;
	}

	.big-feature-body .title	
	{
		font-size:2.8rem;
		line-height:3rem;
		margin-bottom:1.6rem;
	}
	.big-feature-body .tagline
	{
		font-size:1.6rem;
		line-height:2.1rem;
		margin-bottom:4.6rem;
	}

	.big-feature-body .body-text
	{
		font-size:1.5rem;
		line-height:2.4rem;
	}

	section .title
	{
		font-size:2rem;
		line-height:2.4rem;
	}

	.modello .title
	{
		font-size:3rem;
		line-height:3.5rem;
	}	
	
	.modello .body-text
	{
		font-size:1.6rem;
		line-height:2rem;
	}
	.btn-ghost
	{
		padding:1.5rem 7rem;
		font-size:1.9rem;
	}

	.progetto .title
	{
		font-size:3rem;
		line-height:3.5rem;
		padding:0 2.5rem;
		margin-bottom:14.9rem;	
	}

	section.progetto
	{
		height:auto;
	}

	.progetto .logo-exp
	{
		font-size:2.4rem;
	}
	.progetto .logo-exp p
	{
		letter-spacing: 0.2rem;
		font-size:2rem;
	}
	.list-inline-justify.list-contact
	{
		margin:0;
		padding:0;
	}
	.list-inline-justify.list-contact li
	{
		width:100%;
		margin-bottom:3rem;
	}
	.list-inline-justify.list-contact li div span
	{
		display:block;
		width:100%;
		text-align:center;
	}

}

.owl-carousel .owl-item img
{
	width:auto !important;
}