@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Lato:400,100,300,700,900);

html,body { height:100%; }
body {
	font-family:"Lato", sans-serif;	
	color:#231f20;
}
header {
	min-height:150px;	
}
header img {
	margin-top:25px;	
}
header .header-language {
	margin-bottom:0px;
	margin-top:103px;	
}
header .header-language a {
	color:#231f20;	
	font-weight:700;
	font-size:1.1em;
    text-transform:uppercase;
}
header .input-group {
	margin-top:88px;	
}
.navbar-default {
    background-color:#231f20;
    border:0px;
	border-radius:0px;
}
.navbar-default .navbar-nav > li > a {
	color:#ffffff !important;
	text-transform:uppercase;	
}
.navbar-default .navbar-nav > li > a:hover {
	color:#ffffff;
	background-color:#0399ac;
}
.navbar-default .navbar-nav > li > a.has-submenu {
    padding-right:30px;
}
.navbar-default .navbar-nav > li > a.has-submenu::before {
    position:absolute;
    top:20px;
    right:10px;
    display:inline-block;
    border-right:5px solid transparent;
    border-top:5px solid #fff;
    border-left:5px solid transparent;
    border-bottom-color:rgba(0, 0, 0, 0.2);
    content:"";
}       
.dropdown-menu {
	background-color:#0399ac;
	border:none;
	box-shadow:none;
	border-radius:0px;
}
.dropdown-menu li a {
	color:#ffffff !important;
	text-transform:uppercase;
}
.dropdown-menu li a:hover {
	color:#ffffff;
	background-color:#231f20;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color:#ffffff;
  background-color:#8a171a;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color:#8a171a;
  border:none;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background:none;
	color:#8A171A;
}
.navbar-default .navbar-toggle {
    border:none;
	color:#ffffff;
	background:none;
	font-size:1.2em;
	border-radius:0px;
}
.navbar-collapse {
	padding:0px;
}
.jumbotron {
	background-color:transparent;
	padding:0px 0px 30px 0px !important;	
	border-radius:0px !important;
	margin-top:10px;
	border-bottom:1px solid #231f20;
}
.jumbotron h1 {
	text-transform:uppercase;
	color:#6f6a6b;	
	font-weight:900;
	font-size:7em;
	line-height:0.6em;
	margin:15px 0px 45px 0px;
}
.jumbotron h1 span:first-child {
	font-size:0.4em;
}
.jumbotron h1 span:last-child {
	font-size:0.7em;
}
.jumbotron p {
	font-weight:400;
	color:#6f6a6b;	
}

.wrapper {
	min-height:100%;
    height:auto !important;
    height:100%;
    margin:0 auto -210px;	
}
.pusher, footer {
    min-height:180px;
}
footer {
	background-color:#231f20;
	padding:15px 0px;
	margin-top:30px;	
}
footer p {
	color:#ffffff;	
}
footer .text-right {
	margin-top:80px;
	color:#ffffff;	
}
footer ul {
	list-style:none;
	margin:0px; padding:0px;	
	position:absolute;
	right:0px;
	top:15px;
}
footer ul li {
	float:left;
}
footer ul li a {
	color:#ffffff;
	font-weight:800;
	margin-right:15px;
}
footer ul li a:hover {
	color:#ffffff;
	text-decoration:underline;
}

.container-new {
	padding-bottom:30px;
	padding-top:15px;
}
.container-prodotti > div {
	margin-bottom:30px;
}
.container-prodotti img {
    max-height:150px;
}

.container-iframe {
	width:100%;
	min-height:300px;
}
.container-iframe iframe {
	width:100%;
	min-height:400px;
}

/* common text styles */
.link {
	color:#8a171a;
	text-decoration:none;
	font-weight:700;	
}

.link.active{
	text-decoration: underline;
	font-weight: bold;
}

.link:hover {
	color:#8a171a;
	text-decoration:underline;
}

.title-1 {
	font-weight:900;	
}
.title-2 {
	font-weight:900;
	color:#8a171a;
	text-transform:uppercase;
	line-height:1em;
}
.title-2 span {
	font-size:1.3em;	
}
h3 {
	color:#01a1ba;
	text-transform:uppercase;
	margin-top:10px;
	font-size:1.3em;
}
h4 {
	color:#3c3c3c;
	font-weight:700;	
}
h5 {
	color:#e1e1e1;
}
/* //common text styles */
/* common form styles */
.form-control {
	border-radius:0px;
	box-shadow:none;
	border-color:#9c9c9c;	
}
.form-control:focus {
  border-color:#9C9C9C;
  box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(55, 55, 55, 0.3);
}
.input-group-addon {
	background-color:#8a171a;
	border-radius:0px;
	height:34px;
	color:#ffffff;
	padding:0px;
	border:1px solid #9C9C9C;
	
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;	
}
.input-group-addon > input {
	display:inline-block;
	height:32px;
	padding:8px 15px;
	color:#ffffff;
    background:none; border:none;	
}
.input-group-addon:hover {
	background-color:#231f20;	
}

.btn-default {
	background-color:#8a171a;
	color:#ffffff;
	text-transform:uppercase;
	border:none;
	border-radius:0px;
	padding:10px 15px;
	font-weight:600;	
	
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.btn-default:hover {
	background-color:#231f20;
	color:#ffffff;
}
textarea {
	min-height:250px;
}
/* //common form styles */
/* other common styles */
.container-content {
	padding-bottom:30px;
}
.has-border-right {
	border-right:1px solid #dfdfdf;
}
.breadcrumb {
	margin-bottom:0px;
	padding:0px;
	background:none;
	font-size:0.8em;
	font-weight:700;
}
.breadcrumb a {
	color:#01a1ba !important;
}



/* GALLERY PORTFOLIO */
.project-thumb {
    position:relative;
    max-height:162px;
    overflow:hidden;
}
.project-thumb img {
    margin:0 auto;
}
.project-hover {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
    opacity: 0;
    border: 6px solid rgba(180,180,180,00.80);
    background-color: rgba(255,255,255,0.80);
}
.project-thumb:hover .project-hover,
.project-thumb:hover .project-hover .project-description,
.project-thumb:hover .project-hover .action-btn {
    opacity: 1;
}
.project-thumb:hover .project-hover .project-description {
    bottom: 45%;
    margin-bottom: -90px;
}

.project-thumb:hover .project-hover .action-btn {
    top:50%;
    margin-top:-38%;
}

.project-hover .project-description {
    position: absolute;
    bottom: 0;
    width: 100%;
    -webkit-transition: all .3s .2s;
            transition: all .3s .2s; 
    -webkit-transform: translateY(-55%);
        -ms-transform: translateY(-55%);
            transform: translateY(-55%);
    opacity: 0;
}

.project-hover .action-btn {
    position: absolute;
    top: 0;
    width: 100%;
    -webkit-transition: all .3s .2s;
            transition: all .3s .2s;
    -webkit-transform: translateY(45%);
        -ms-transform: translateY(45%);
            transform: translateY(45%);
    text-align: center;
    opacity: 0;
    font-size: 35px;
    height: 100%;
}

.project-description,
.project-description a h4,
.project-hover .action-btn a {
    text-align: center;
    color: #fff;
}
.project-hover .action-btn span {
    color:#606060;
}

.project-description h4 {
    margin-bottom: 5px;
    letter-spacing: 4px; 
    text-transform: uppercase;
    font-size: 14px;
}

.project-description p {
    margin-bottom: 0;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #fff; 
    font-size: 12px;
    font-weight: normal;
}

.project-description a,
.project-title a {
    color: #fff;
}
.project-description a h4:hover {
    color:#242424;
}












/* //other common styles */
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	.jumbotron h1 {
		font-size:6em;
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	header img {
		margin-top:50px;	
	}
	.jumbotron h1 {
		font-size:5em;
	}
	.navbar-default .navbar-nav li a {
		font-size:0.8em;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
	header .header-language {
		margin-top: 130px;
		text-align:right;
	}
	header .input-group {
		margin-top:15px;
		margin-bottom:15px;	
	}
	.jumbotron h1 {
		font-size:6em;
		line-height:0.7em;
	}
	.jumbotron img {
		margin:0px auto;	
	}
	footer .text-right {
		margin-top:0px;
	}
	footer ul {
		position:static;
	}
	.navbar-default .navbar-nav > li > a {
		padding:10px 15px;	
	}        
	.navbar-collapse {
		margin:0px;
	}
	.navbar-nav {
		margin:0px;
	}
	.navbar-default .navbar-nav li a.has-submenu {
		background-color:#8A171A;	
	}
	.navbar-default .navbar-nav li a.has-submenu:hover {
		background-color:#8A171A !important;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
		background-color:#8A171A !important;
	}
	.container-iframe iframe {
		pointer-events:none;
	}
    .project-thumb {
        max-height:210px;
    }

}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	header .header-language {
		margin-top:30px;
	}
	footer ul {
		width:100%;
		height:30px;
	}
	footer .text-right {
		text-align:left;
	}
	.jumbotron h1 {
		font-size: 4em;
		line-height: 0.7em;
	}
    
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
	
}

.box-prodotto {
	min-height: 350px;
}

/* Menu Accordion Categorie prodotti */
.panel-heading .accordion-toggle:after {
	/* symbol for "opening" panels */
	font-family: 'Glyphicons Halflings'; /* essential for enabling glyphicon */
	content: "\e114"; /* adjust as needed, taken from bootstrap.css */
	float: right; /* adjust as needed */
	color: grey; /* adjust as needed */
}

.panel-heading .accordion-toggle.collapsed:after {
	/* symbol for "collapsed" panels */
	content: "\e080"; /* adjust as needed, taken from bootstrap.css */
}

.panel-accordion > .panel-default > .panel-heading {
	background-color: #231f20;
	color: #fff;
}

.panel-accordion > .panel-default > .panel-heading.primary {
	background-color: #8a171a !important;
	color: #fff;
}