@charset "UTF-8";
/* CSS Document

COLOR PALETTE

red #e23
dark grey #333
blue #05a
med. grey #777
light grey #eee

*/

/* GENERIC ***************************************************************************/

body {
	background-color:#fff;
	font-family: 'Titillium Web', sans-serif;
	color:#333;
	font-size:1em;
}

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

a:hover, a:active {
	text-decoration:underline;
	
}

h1 {
	font-size:6em;	
}

h2 {
	font-size:4.5em;	
	font-weight:700;
	color:#e23;
	margin-bottom:30px;
}

h3 {
	font-size:2.5em;
	margin-bottom:30px;
}

h4 {
	font-size:2em;
	color:#05a;
	margin-bottom:15px;
}

.carousel h4 {
	color:#fff;
}

p {
	font-size:1.6em;
	margin-bottom:30px;
}

.btn {
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-width:2px;
	font-weight:700;
	text-shadow:none;
	box-shadow:none;
}

.btn-default {
	background:none;
	border-color:#e23;
}

.btn-default:hover {
	background-color:#e23;
	border-color:#e23;
}

a.btn-default, a.btn-default:link, a.btn-default:visited {
	color:#e23;
}

a.btn-default:hover, a.btn-default:active {
	color:#fff;
}

.breadcrumb {
	padding:15px 0px;
	margin:0px;
	background-color:#e23;
	color:#fff;
	font-size:1.2em;
}

.breadcrumb a:link, .breadcrumb a:visited {
	color:#fff;
}

.breadcrumb a:hover, .breadcrumb a:active {
	color:#fff;
}

.breadcrumb ol {
	list-style-type:none;
	padding:0px;
	margin:0px;
}

.breadcrumb li {
	float:left;
	margin-right:5px;
}

.breadcrumb li:after {
	content:' >';
}

.breadcrumb li:last-child:after {
	content:'';
}

.section {
	padding:60px 0px;
}

.page {
	padding:0px 0px 60px 0px;
	margin-top: -4px;
}

.page ul {
	font-size:1.6em;
	margin-bottom:30px;
}

/* HEADER ***************************************************************************/

#header {
	background-image:url('../images/header-bg.png');
	background-position:center;
	background-repeat:no-repeat;
}

#header .brand {
	margin-top:80px;
	margin-bottom:60px;
	
}

#header .brand p {
	text-align:center;
	color:#777;
	font-size:2.5em;
}

.navbar-default {
	background:none;
	
	color:#fff;
	text-shadow:none;
	box-shadow:none;
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-width:0px;
	text-align:center;
	padding-bottom:0px;
}

.navbar-default ul {
	background-color:#333;
	float:none;
	display:inline-block;
	margin-bottom:0px;
}

.navbar-collapse {
	
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:link, .navbar-default .navbar-nav > .active > a:visited, .navbar-default .navbar-nav > .active > a:active, .navbar-default .navbar-nav > .active > a:hover {
	background:none;
	text-shadow:none;
	box-shadow:none;
	font-weight:300;
	border:none;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:link, .navbar-default .navbar-nav > .active > a:visited, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	background:none;
    background-color:#05a;
    color: #fff;
	text-shadow:none;
	box-shadow:none;
	font-weight:300;
	border:none;
}

.navbar-default .navbar-nav > li > a {
    color: #fff;
	text-shadow:none;
	box-shadow:none;
	font-weight:300;
	padding:20px 30px;
	font-size:1.5em;	
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:active{
	background:none;
    background-color:#05a;
    color: #fff;
	text-shadow:none;
	box-shadow:none;
	font-weight:300;
	
}

.carousel {
	margin-top:-4px;
}

.carousel img {
	width:100%;
	
}

.cookielawdiv {
	font-size:1.5em;
}



/* SERVICES ***************************************************************************/

.services {
	text-align:center;
}

.services h2 {
	color:#333;
}

.services h3 {
	
	color:#05a;	
}

.services .btn-default {
	margin-bottom:30px;
}

.services .mask-circle {
	width:220px;
	height:220px;
	
	border-radius:110px;
	-moz-border-radius:110px; /* vendor specific */
	-webkit-border-radius:110px; /* vendor specific */
	overflow:hidden;
}


/* DESIGN ***************************************************************************/

.design {
	background-image:url('../images/impianto-bg.jpg');
	background-repeat:no-repeat;
	color:#fff;
	text-align:center;
	background-size: 100%;
}

.design p {
	text-align:justify;
}

.design h2, .design h3 {
	color:#fff;
}

/* BRANDS ***************************************************************************/


.brands {
	background-color:#eee;
	text-align:center;	
}

.mainbrand {
	background-color:#fff;
	text-align:center;	
}

.mainbrand h2 {
	color:#333;
}

/* FOOTER ***************************************************************************/

.footer {
	background-color:#333;
	text-align:center;
	color:#ccc;
	font-size:1em;
	padding:60px 0px;
}

.footer .credits {
	font-size:1em;
}

.footer a:link, .footer a:visited {
	color:#ccc;
}

.footer a:hover, .footer a:active {
	color:#eee;
}

@media (max-width: 992px) {

	.navbar-default .navbar-nav > li > a {
		padding:20px 15px;
	}

}

@media (max-width: 768px) {
	
	#header .brand {
		margin-top:40px;
		margin-bottom:30px;
		
	}

	.navbar-default .navbar-nav > li > a {
		padding:10px 15px;
	}
	
	h1 {
		font-size:4em;	
	}
	
	h2 {
		font-size:3em;	
		font-weight:700;
		color:#e23;
		margin-bottom:30px;
	}
	
	h3 {
		font-size:2em;
		margin-bottom:30px;
	}
	
	h4 {
		font-size:1.5em;
		color:#05a;
		margin-bottom:15px;
	}

}