/*! Modern SERVAS */

html, body {height: 100%;}
body {padding-top: 0px; font-family:"Open Sans",Helvetica, Arial, sans-serif;}

a { color: #DC4C20; text-decoration: none;}
a:focus, a:hover { color: #f05323; text-decoration: underline;}
.h5, h5 { font-size: 15px; font-weight:600;}
.h6, h6 { font-size: 14px; font-weight:600;}
section { padding: 50px 0;}
#head { padding-top: 120px;}
.topspace { margin-top: 40px;}

img { max-width: 100%;}
.img-portfolio { margin-bottom: 30px;}
.img-hover:hover { opacity: 0.8;}
/* CAROUSEL */
header.carousel {
    height: 50%;
}
header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}
header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}
.carousel-indicators {
    position: absolute;
    left: inherit;
    z-index: 15;
    width: 60%;
    padding-left: inherit;
    margin-left: inherit;
    text-align: right;
    list-style: none;
    right: 3%;
}

/* BTN */
.btn-default:hover { color: #F05323;}
.btn-lg {
    padding: 15px 60px;
    font-size: 14px;
    line-height: 1.33;
    font-weight: bold;
}
.btn-primary {
    color: #fff;
    background-color: #f05323;
	border-color: #c5451d;
}
.btn-primary:hover, 
.btn-primary:focus, 
.btn-primary:active, 
.btn-primary:active:focus {
	color: #ffffff;
	background-color: #52853C;
	border-color: #444;
}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info:active:focus {
    color: #fff;
    background-color: #f05323;
    border-color: #c5451d;
}



/* Top bar */
#top-log {background-color:rgba(0, 0, 0, 0.2); font-size:14px;}
#top-log a { color: #fff;}
#top-log a:focus,
#top-log a:hover { color: #f05323;}
#top-log .form-control {opacity: 0.4; background-color: #000; color: #fff;}
#top-log .input-group-btn {opacity: 0.8;}
#top-log .nav > li > a:focus, 
#top-log .nav > li > a:hover {background-color: #fff;}
#top-log .dropdown-menu > li > a { color:#333;}
#top-log .dropdown-menu > li > a:focus, 
#top-log .dropdown-menu > li > a:hover { color: #222; background-color: #dedede;}

/* Hidden Top */
.top-bar a { color: #777;}
.top-bar a:focus, 
.top-bar a:hover { color: #f05323;}
.top-bar .input-group {margin: 3px -5px -12px 0;}
.top-bar .dropdown-menu {z-index: 9999; margin-top: 0px; right: 0; left:auto; border-radius: 0px 0 4px 4px;}
.top-bar .dropdown ul.dropdown-menu > li > a { padding: 10px 26px;}
.top-bar .dropdown-menu > li > a:focus, 
.top-bar .dropdown-menu > li > a:hover { background-color: #dedede;}
.top-bar .input-group-btn {width: inherit;}

/* Header */
.slide1 { 
	height:400px; 
	background: url(../img/bg-1.jpg) center center no-repeat scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.slide2 {  
	background: url(../img/bg-250.jpg) no-repeat right center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.caption { 
	color: #fff;
	font-size:38px;
	font-weight:700;
	text-align:center;
	padding: 54px 20px;
	font-family: "Open Sans Condensed", "Open Sans", Helvetica, Arial, sans-serif;
    text-shadow: 0 0 5px #354775;
	
    }
.logo { padding: 80px 0;} 
.logo-art { padding: 20px 0;} 

/* Navbar */
.affix { top: 0; width: 100%;}
.affix + .container { padding-top: 80px;}
.navbar {
  border-width: 1px 0;
  -webkit-border-radius: 0;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0;
  -moz-background-clip: padding;
  border-radius: 0;
  background-clip: padding-box;
  width: 100%;
  margin-bottom: 0px;
  z-index: 9990;
}
.navbar-default .navbar-brand { color: #fff;}
.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover { color: #333;}
.navbar-default .navbar-nav > .dropdown > a .caret { border-top-color: #fff; border-bottom-color: #fff;}
.navbar-collapse {
  -webkit-border-radius: 0;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0;
  -moz-background-clip: padding;
  border-radius: 0;
  background-clip: padding-box;
  font-family: "Open sans", Helvetica, Arial, sans-serif;
  font-weight: 400;
}
.navbar-collapse .navbar-nav {
  float: none;
  margin: 0 auto;
  text-align: center;
}
.navbar-collapse .navbar-nav > li {
  float: none;
  display: inline-block;
}
.navbar-collapse .navbar-nav > li > a { padding: 20px 26px;}

.dropdown:hover .dropdown-menu { display: block;}/* Show the dropdown menu on hover */
.dropdown ul.dropdown-menu {
  top: 100%;
  text-align: left;
}
.dropdown ul.dropdown-menu > li > a { padding: 5px 30px;}
.navbar-default {
  background-color: #F05323;
  border-color: #cccccc;
}
.dropdown-menu > .active > a, 
.dropdown-menu > .active > a:focus, 
.dropdown-menu > .active > a:hover { background-color: #ff9170;}
.navbar-default .navbar-nav > li > a { color: #ffffff;}
.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a:focus {
  color: #222222;
  background-color: #F06337;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #222222;
  background-color: #F06337;
}
.navbar-default .dropdown ul.dropdown-menu > li > a { color: #454545;}
.navbar-default .dropdown ul.dropdown-menu > li > a:hover {
  background-color: #ff9170;
  color: #222222;
}
.navbar-default .navbar-toggle { border-color: #666666;}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus { background-color: #ffffff;}
.navbar-default .navbar-toggle .icon-bar { background-color: #333333;}
.navbar-default .navbar-collapse,.navbar-default .navbar-form { border-color: #cccccc;}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  background-color: #F06337;
  color: #222222;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {line-height: 28px;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, 
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
    color: #222;
    background-color: #F06337;
}

/* Home Page */
#home-1 { margin-top: 60px;}
#login h4 { font-weight:700;}
.panel-default { border-color: #52853C;}
.panel-green {background-color: #52853C;}
.panel-default > .panel-heading {
    color: #fff;
    background-color: #52853C;
    border-color: #52853C;
}
#login .panel-body { border-top: 1px solid #fff; padding: 2px 15px;}
#login .list-group-item {
    padding: 15px 15px;
    margin-bottom: -1px;
    border: 1px solid #477534;
}
#login .panel-heading + .list-group .list-group-item:first-child { border-top-width: 0;}
#login li {background-color: #52853C}
#login a { color: #fff;}
#login a:focus, #login a:hover { color: #FF9474; text-decoration:none;}
.img-login { margin-top:-30px; width:80px;}

.slogan-1 img {margin: 10px auto 40px;}

#slogan {color: #fff;}
.green {background-color: #52853C; color:#FFF;}
.lead { font-size: 26px;}
.sfondo {
    height: 300px;
    background: url(../img/bici.jpg) center center no-repeat scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.btn-action {
	color: #FFF;
	font-weight: 400;
    background: transparent !important;
    font-size: 16px;
    text-shadow: 1px 1px 0px rgb(51, 51, 51);
	border: 1px solid #fff;	
}
.btn-action:hover, .btn-action:focus, .btn-action:active, .btn-action.active {
    color: #f05323;
    border-color: #365927;
}
#slogan .btn-action:hover, #slogan .btn-action:focus{color: #FF9474;}

/* Home Page NEWS */
.panel-default > .arancio {
    background-color: #F05323;
    padding: 20px 0;
}
.panel-default > .verde {
    background-color: #52853C;
    padding: 20px 0;
}
.panel-title {
    color: #FFF;
    font-size: 18px;
    font-weight: 700;
}
.panel-body > .lista { border-bottom: 1px solid #ddd;}
.btn-news {
    color: #666;
    background-color: #fff;
    border: #888 1px solid;
    padding: 4px 35px;
    text-shadow: none;
}

/* ART Page Styles */
.breadcrumb { margin-top:10px; background-color: transparent;}
#art { margin-top:10px;}
.title-art { color: #52853C; margin-bottom:50px;}
.bg-grey {background-color: #e3e3e3; color:#222;}
.bg-glight {background-color: #D4E6CD; color:#222;}

.i-container {
    width: 100%; 
    height: 0; 
    padding-bottom: 56.25%; /* 16:9 */
    position: relative;
	margin:30px auto;
}
iframe { 
    width: 100%; 
    height: 100%; 
    position: absolute; 
    left: 0; 
    top: 0;	
}

/* Footer Styles */
#footer {
    background: #232323;
    color: #999;
    padding: 30px 0 0 0;
    font-size: 12px;
	line-height: 1.6;
}
#footer .widget {margin: 0 0 20px;}
#footer h3.widget-title {
    font-size: 15px;
    text-transform: uppercase;
    color: #ccc;
    margin: 0 0 15px;
}
.follow-me-icons { font-size: 30px;}
#footer a { color: #bbb;}
#footer a:hover { color: #fff;}
	follow-me-icons i {
    float: left;
    margin: 0 10px 10px 0;
}
#underfooter {
    background: #191919;
    padding: 15px 0;
    color: #777;
    font-size: 12px;
}
#underfooter p { margin: 0;}
#underfooter a { color: #aaa;}
#underfooter a:hover { color: #fff;}



/* Titoli con linee + Thumbnail */
.section-title,.entry-title {
  display: block;
  width: 100%;
  overflow: hidden;
  margin: 0px 0 25px;
  text-align: center;
  font-weight: 300;
  text-transform: uppercase;
  font-size: 36px;
  font-size: 2.25rem;
  letter-spacing: 1px;
}
.section .section-title {
  display: block;
  width: 100%;
  overflow: hidden;
  margin: 0px 0 40px;
  text-align: center;
  font-weight: 300;
  text-transform: uppercase;
  font-size: 30px;
  letter-spacing: 1px;
}
.section-title span, .entry-title span {
    display: inline-block;
    position: relative;
}
.section-title span:before,
.entry-title span:before,
.section-title span:after,
.entry-title span:after {
  content: "";
  position: absolute;
  height: 4px;
  top: .53em;
  width: 400%;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
}
.section-title span:before,
.entry-title span:before {
  right: 100%;
  margin-right: 45px;
}
.section-title span:after,
.entry-title span:after {
  left: 100%;
  margin-left: 45px;
}
/* Section - Recent works */
.thumbnails { padding: 0;}
.thumbnails li { margin-bottom: 30px;}
.thumbnails .details {
  display: block;
  text-align: center;
  font-size: 14px;
  font-size: 0.875em;
}
.thumbnail {
  display: block;
  -webkit-border-radius: 0;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0;
  -moz-background-clip: padding;
  border-radius: 0;
  background-clip: padding-box;
  border: 0 none;
  margin-bottom: 10px;
  padding: 0;
  text-align: center;
  text-decoration: none;
  color: #333;
}
.thumbnail .img {
  display: block;
  width: 100%;
  overflow: hidden;
  height: 308px;
  margin: 0 0 20px;
  position: relative;
}
.thumbnail .title {
  text-transform: uppercase;
  margin: 0 2em;
  display: block;
  text-indent: 0;
}
.thumbnail .cover {
  position: absolute;
  display: block;
  opacity: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 550ms;
  -moz-transition-duration: 550ms;
  -o-transition-duration: 550ms;
  transition-duration: 550ms;
}
.thumbnail .cover .more {
  position: absolute;
  bottom: 25px;
  right: 0;
  height: 40px;
  line-height: 40px;
  padding: 0 30px;
  -webkit-border-radius: 1px 0 0 1px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 1px 0 0 1px;
  -moz-background-clip: padding;
  border-radius: 1px 0 0 1px;
  background-clip: padding-box;
  font-size: 14px;
  font-size: 0.9375em;
  text-transform: uppercase;
  text-shadow: 0 1px 0px #333;
  background: #52853C;
  color: white;
}
.thumbnail img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.thumbnail:hover {
  color: #333;
  text-decoration: none;
}
.thumbnail:hover img { -webkit-filter: saturate(0%);}
.thumbnail:hover .cover { opacity: 1;}

/* Responsive Styles */
@media (min-width: 992px) {
	header.carousel {min-height: 250px;}
}
@media (min-width: 992px) and (max-width: 1200px) {
	.thumbnail .cover {height: 263px;}
	.thumbnail .img {height: 263px;}
	.slide { height:380px;}
	.lead { font-size: 24px;}	
}

@media (min-width: 768px) and (max-width: 992px) {
	.thumbnail .cover {height: 202px;}
	.thumbnail .img {height: 202px;}
	.slide { height:360px;}
	.logo { padding: 80px 20px 60px 10px;}
	.caption {padding: 54px 0px;}
	.lead { font-size: 20px;}
}

@media(max-width:991px) {
    .customer-img, .img-related { margin-bottom: 30px;}
	header.carousel {min-height: 210px;}
}

@media(max-width:767px) {
    .lead { font-size: 19px;}
	.img-portfolio { margin-bottom: 15px;}
	.navbar-collapse .navbar-nav > li {display: block;}
	.navbar-nav .open .dropdown-menu {background-color: white;}
	.affix {position: relative;}
	.dropdown:hover .dropdown-menu { width: 100%;}
}


/* 404 Page Styles */
.error-404 { font-size: 80px;}