@import url(https://fonts.googleapis.com/css?family=Lato);

/* general styles */
body {
	color:#333;
	background:#FFF;	
	font-family: 'Lato', sans-serif;
}

#go-top {
	cursor:pointer;
}
.ll-30 {
}
.ll-30:before {
	content:url(../img/logo/logo-letter-30.png);
	margin-right:10px;
}
.ll-30:after {
	z-index: 2;
	content: " ";
	display: block;
	padding-top: 7px;
	border-bottom: 2px solid #FF6633;
	width: 100%;
	margin: 0;
}
.btn-primary{
	background-color:#FF6633;
	border-color:#dd4918;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:active:focus, .btn-primary:active:hover, btn-primary:focus, btn-primary:visited {
	background-color:#dd4918;
	border-color:#c13409;
}
h5 {
	color:#999;
	font-variant:small-caps;
	font-size:16px;
}


/* pre_header.php */
.pre {
	min-height:20px;
}
.pre-left {
	float:left;
	padding:10px;
	border-right:1px solid #ddd;
	border-left:1px solid #ddd;
}
.pre-right {
	float:right;
	padding:10px;
	border-right:1px solid #ddd;
	border-left:1px solid #ddd;
}
.lang {
	padding-top:4px;
}
.btn-language, .btn-language.open {
	background-color:transparent;
	border:none;
	box-shadow:none !important;
	padding:0px;
}
.menu-language {
	min-width:130px;
}



/* header_nav.php */
.navbar {
	border-radius:0px;
	border-left:none;
	border-right:none;
}

.navbar-brand {
	height:auto;
	padding:5px;
	padding-left:15px;
}
.navbar-brand>img {
	max-height:75px;
}
#main-navbar-nav {
	margin-top:30px;
}
.navbar-nav>li>a {
	padding-bottom:7px;
	margin-left:5px;
	margin-bottom:8px;
	text-transform:uppercase;
	
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:active, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
	border-bottom: 2px solid #FF6633;
	background-color:transparent;
	
}
.navbar-fixed-top {
	margin-top:37px;
}
#nav.affix {
	position: fixed;
	top: 0px;
	width: 100%;
	z-index:10;
}
#sidebar.affix-top {
	position: static;
}
#sidebar.affix {
	position: fixed;
	top: 80px;
}
.big-menu {
	min-width:450px;
	padding-bottom:15px;
}
.big-menu a, .big-menu a:hover, .big-menu a:active, .big-menu a:focus {
	color:#000;
	text-decoration:none;
}
.big-menu-column > li {
	padding:5px 0px;
}
.big-menu-sub {
	min-width:450px;
	padding-bottom:10px;
	list-style-type:none;
	margin-left:0px;
	padding-left:0px;
	line-height:26px;
}





/* index.php */
.caption h3 {
	margin-top:3px;
}
.desaturate {
  filter: gray; /* IE6-9 */
  filter: grayscale(0.5); /* Firefox 35+ */
  -webkit-filter: grayscale(0.5); /* Google Chrome, Safari 6+ & Opera 15+ */
}

/* Disable grayscale on hover */
.desaturate:hover {
  filter: none;
  -webkit-filter: grayscale(0);
}
.img-block {
	display:block;
	position:relative;
	width:100%;
	overflow:hidden;
	margin-bottom:30px;
	border:1px solid #999;
	
	max-width:300px;
	
	-webkit-box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.6);
	-moz-box-shadow:    1px 1px 3px 0px rgba(50, 50, 50, 0.6);
	box-shadow:         1px 1px 3px 0px rgba(50, 50, 50, 0.6);
}
.img-caption {
	background-color: rgba(0, 0, 0, 0.7);
	position:absolute;
	bottom:-100px;				
	left:0px;
	width:100%;
	max-width:300px; 			/* the pixel-width of the img */
	max-height:0px;				/* hide the content */
	padding:10px;
	
	transition-property: all;
	transition-duration: .5s;
	transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}
.loaded-caption {
	background-color: rgba(0, 0, 0, 0.7);
	position:absolute;
	bottom:0px;				/* hide caption on load */
	left:0px;
	width:100%;
	max-width:300px; 			/* the pixel-width of the img */
	max-height:220px;
	padding:10px;
	
	transition-property: all;
	transition-duration: .5s;
	transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}

.img-caption a {
	text-decoration:none;
	color:#FFF;
}
.img-caption h3 {
	color:#fafafa;
	margin:0px;
}

/* footer.php */
footer {
	background-image:url(../img/footer-bg.jpg);
	background-color:#0C0C0C;
	color:#fafafa;
}
footer a, footer a:active, footer a:hover, footer a:focus, footer a:visited {
	color:#FF6633;
	font-weight:400;
}
.footer-row:before {
	z-index: 2;
	content: " ";
	display: block;
	padding-top: 7px;
	border-bottom: 2px solid #FF6633;
	width: 90%;
	margin: 0 auto;
}
.footer-row {
	margin-top:30px;
	margin-bottom:6px;
}
.footer-row h6 {
	font-size:16px;
	text-transform:uppercase;
	letter-spacing:3px;
	color:#999;
	margin-top:30px;
}
.logo-siti {
	width:20px;
	height:20px;
	background-image:url(../img/logo-siti-srl.jpg);
	background-size:cover;
	display:inline-block;
	vertical-align:bottom;
	margin-right:5px;
	margin-top:10px;
}
.stp {
	position:fixed;
	bottom:40px;
	right:40px;	
	visibility:hidden;
}
.stp.visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.stp.fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}




/* products.php */
.subtitle {
	color:#fff;
	letter-spacing:6px;
	text-shadow: -1px 0 #666, 0 1px #666, 1px 0 #666, 0 -1px #666;
}
.bg-gray {
	background-color:#F8F8F8;
	border-top:1px solid #E7E7E7;
	border-bottom:1px solid #E7E7E7;
	padding:90px 0px;
}
.bg-white {
	padding:90px 0px;
}
ul.list-unstyled > li > span {
	font-weight:bold;
	padding-left:10px;
	padding-right:5px;
}
.product-intro {
	font-size:large;
	color:#666;
}



/* services.php */
.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 2;
}




/* contacts.php */
#maps {
	min-height:350px;
	width:100%;
}






/* MEDIA QUERIES */
/* Large desktops and laptops */
@media (min-width: 1200px) {

}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {

}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {

}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
	.flag {
		margin-top:5px;
	}
	.navbar-brand>img {
		max-width:60px;
	}
}

/* Portrait phones and smaller */
@media (max-width: 480px) {
	#main-navbar-nav {
		margin-top:0px;
	}
	.navbar-brand>img {
		max-width:60px;
	}
	.h1, h1, .hero h1 {
		font-size:30px;
		margin-top:10px;
	}
	.img-thumbnail {
		margin-bottom:10px;
	}	
	hr {
		margin-top:10px;
		margin-bottom:10px;
	}
	
}












/* ========================================================================
	 Flags
	 ======================================================================== */
.flag {
	width: 16px;
	height: 11px;
	background:url(../img/flags.png) no-repeat;
	margin-right:10px;
	float:left;
}
.flag-gb {
	margin-left:0px;
}

.flag.flag-de {background-position: -16px 0}
.flag.flag-es {background-position: -32px 0}
.flag.flag-fr {background-position: 0 -11px}
.flag.flag-en {background-position: -16px -11px}
.flag.flag-it {background-position: -32px -11px}



/* ========================================================================
	 Padding class
	 ======================================================================== */
.nopadding{padding:0!important}.padding-top-0{padding-top:0!important}.padding-top-10{padding-top:10px!important}.padding-top-20{padding-top:20px!important}.padding-top-30{padding-top:30px!important}.padding-top-40{padding-top:40px!important}.padding-top-50{padding-top:50px!important}.padding-top-60{padding-top:60px!important}.padding-right-0{padding-right:0!important}.padding-right-10{padding-right:10px!important}.padding-right-20{padding-right:20px!important}.padding-right-30{padding-right:30px!important}.padding-right-40{padding-right:40px!important}.padding-right-50{padding-right:50px!important}.padding-right-60{padding-right:60px!important}.padding-bottom-0{padding-bottom:0!important}.padding-bottom-10{padding-bottom:10px!important}.padding-bottom-20{padding-bottom:20px!important}.padding-bottom-30{padding-bottom:30px!important}.padding-bottom-40{padding-bottom:40px!important}.padding-bottom-50{padding-bottom:50px!important}.padding-bottom-60{padding-bottom:60px!important}.padding-left-0{padding-left:0!important}.padding-left-10{padding-left:10px!important}.padding-left-20{padding-left:20px!important}.padding-left-30{padding-left:30px!important}.padding-left-40{padding-left:40px!important}.padding-left-50{padding-left:50px!important}.padding-left-60{padding-left:60px!important}.margin-top-0{margin-top:0!important}.margin-top-10{margin-top:10px!important}.margin-top-20{margin-top:20px!important}.margin-top-30{margin-top:30px!important}.margin-top-40{margin-top:40px!important}.margin-top-50{margin-top:50px!important}.margin-top-60{margin-top:60px!important}.margin-right-0{margin-right:0!important}.margin-right-10{margin-right:10px!important}.margin-right-20{margin-right:20px!important}.margin-right-30{margin-right:30px!important}.margin-right-40{margin-right:40px!important}.margin-right-50{margin-right:50px!important}.margin-right-60{margin-right:60px!important}.margin-bottom-0{margin-bottom:0!important}.margin-bottom-10{margin-bottom:10px!important}.margin-bottom-20{margin-bottom:20px!important}.margin-bottom-30{margin-bottom:30px!important}.margin-bottom-40{margin-bottom:40px!important}.margin-bottom-50{margin-bottom:50px!important}.margin-bottom-60{margin-bottom:60px!important}.margin-left-0{margin-left:0!important}.margin-left-10{margin-left:10px!important}.margin-left-20{margin-left:20px!important}.margin-left-30{margin-left:30px!important}.margin-left-40{margin-left:40px!important}.margin-left-50{margin-left:50px!important}.margin-left-60{margin-left:60px!important}



/* =======================================================================
	 Cookie Cuttr class
	 ======================================================================= */
.cc-cookies { position:fixed; width: 100%; left: 0; bottom: 0; padding: 30px 10%; background: #FF6633; background: rgba(255,102,51,0.90); color: #fff; font-size: 13px; font-weight: 700;  z-index: 99999; text-align: center; color: #fff; line-height:24px; font-size:16px }
.cc-cookies a, .cc-cookies a:hover { color: #fff; text-decoration: underline; }
.cc-cookies a:hover { text-decoration: none; }
.cc-overlay { height: 100%; padding-top: 25%; }
.cc-cookies-error { float: left; width: 100%; text-align: center; margin: 1em 0 2em 0; background: #fff; padding: 2em 5%; border: 1px solid #ccc; font-size: 18px; color: #333; }
.cc-cookies a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { display: inline-block; color: #fff; text-decoration: none; background: #000; padding: 0.5em 0.75em; border-radius: 3px; box-shadow: 0 0 2px rgba(0,0,0,0.25); text-shadow: 0 -1px 0 rgba(0,0,0,0.35); -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
.cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline { background: #af3b3b; margin-left: 0.5em; }
.cc-cookies a.cc-cookie-reset { background: #f15b00; }
.cc-cookies a:hover.cc-cookie-accept, .cc-cookies-error a:hover.cc-cookie-accept, .cc-cookies a:hover.cc-cookie-decline, .cc-cookies-error a:hover.cc-cookie-decline, .cc-cookies a:hover.cc-cookie-reset  { background: #000; -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
.cc-cookies-error a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-decline { display: block; margin-top: 1em; }
.cc-cookies.cc-discreet { width: auto; padding: 0.5em 1em; left: auto; top: auto; }
.cc-cookies.cc-discreet a.cc-cookie-reset { background: none; text-shadow: none; padding: 0; text-decoration: underline; }
.cc-cookies.cc-discreet a:hover.cc-cookie-reset { text-decoration: none; }

@media screen and (max-width: 768px) {
.cc-cookies a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { display: block; margin: 1em 0; }
}

@media screen and (max-width: 480px) {
.cc-cookies { position: relative; float: left; }
}