body {
	color: #666;
	font-family: Open Sans, sans-serif
}
/* STICKY HEADER */
header {
	text-align: center;
	font-size: 72px;
	line-height: 108px;
	height: 108px;
	background: #335C7D;
	color: #fff;
	font-family: 'PT Sans', sans-serif;// set animation
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
header.sticky {
	position: fixed;
	font-size: 24px;
	line-height: 48px;
	height: 48px;
	width: 100%;
	background: #efc47D;
	text-align: left;
	padding-left: 20px;
}
.well {
	min-height: 20px;
	padding: 19px;
	margin-bottom: 20px;
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	-webkit-box-shadow: none !important;
	box-shadow:none !important;
}
.affix {
	position: fixed;
}
.top-bar {
	background-color: rgb(221,230,235);
	color: rgb(15,117,188)
}
.topbar {
	margin-top: .65em;
	-moz-animation-name: dropHeader;
	-moz-animation-iteration-count: 1;
	-moz-animation-timing-function: ease-out;
	-moz-animation-duration: 0.6s;
	-webkit-animation-name: dropHeader;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease-out;
	-webkit-animation-duration: 0.6s;
	animation-name: dropHeader;
	animation-iteration-count: 1;
	animation-timing-function: ease-out;
	animation-duration: 0.6s;
}
.navbar, .navbar-header, .navbar-nav {

	height: 87px;
	-moz-animation-name: dropHeader;
	-moz-animation-iteration-count: 1;
	-moz-animation-timing-function: ease-out;
	-moz-animation-duration: 0.6s;
	-webkit-animation-name: dropHeader;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease-out;
	-webkit-animation-duration: 0.6s;
	animation-name: dropHeader;
	animation-iteration-count: 1;
	animation-timing-function: ease-out;
	animation-duration: 0.6s
}
.navbar-default {
	background-color: #fff;
	border-color: #e7e7e7;
}
.navbar-sticky {
	font-size: 24px;
	line-height: 48px;
	height: 48px;
	text-align: left;
	padding-left: 20px;
	transition: all 0.4s ease;
}
.navbar-brand > img {
	height: 100%;
	padding: 15px; /* firefox bug fix */
	width: auto;
}

@-moz-keyframes dropHeader {
	0% {
		-moz-transform: translateY(-80px);
	}
	100% {
		-moz-transform: translateY(0);
	}
}
@-webkit-keyframes dropHeader {
	0% {
		-webkit-transform: translateY(-80px);
	}
	100% {
		-webkit-transform: translateY(0);
	}
}
@keyframes dropHeader {
	0% {
		transform: translateY(-80px);
	}
	100% {
		transform: translateY(0);
	}
}
/*
.navbar-header img {
	margin-top: -.5em
	}*/
	.navbar-nav > li > a {
		color: rgb(15, 117, 188) !important;
		line-height: 94px;
		font-weight: 400;
		font-family: Open Sans /*Roboto*/, sans-serif;
		letter-spacing: 0;
		font-size: 1.25em
	}
	.navbar-nav > li:hover > a {
		background: rgb(15, 117, 188) !important;
		color: white !important;
		transition: background-color linear .7s;
	}
	.carousel {
	/*
	border-top: 1px solid rgb(15,117,188);
	border-bottom: 1px solid rgb(15,117,188)
	*/
}
h2 {
	font-size: 1.5em;
	font-weight: 400;
	font-family: Roboto, sans-serif;
	color: rgb(15,117,188)
}
.grey {
	background: rgb(221, 230, 235)
}
.grey p {
	font-size: 1.125em
}
.well {
	background: none;
	border: none;
	text-align: left
}
.well h1 {
	color: rgb(15, 117, 188);
	text-align: left
}
h1.text-center {
	color: rgb(15, 117, 188)
}
.service {
	width: 100%;
	height: 180px;
	border-radius: 2px;
	/*border: 1px solid #0F75BC !important*/
}
.animate {
	padding-top: 1em;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.animate:hover {
	background-color: #fafafa;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	box-shadow: 0 1px 6px #ddd
}
.animate:hover img {
	-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
	filter: grayscale(100%)
}
.icone {
	text-align: center
}
.icone h2 {
	font-size: 1em
}
.icone img:hover {
	-webkit-transform: scale(1.25);
	-moz-transform: scale(1.25);
	-o-transform: scale(1.25);
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.icons {
	width: 60px;
	margin: 0 auto
}
.clienti img {
	width: 70%;
	text-align: center;
	margin: 0 auto
}
footer {
	background: rgb(54, 73, 92);
	color: white
}
.carousel-caption {
	position: absolute;
	/*left: 15% !important;*/
	top: 13%;
	font-size: 2em;
	text-align: left !important
}
.carousel .item img {
	min-width: 110% !important;
}
/* ANIMATION */
.toggleHeading {
	animation-delay: 0.5s;
	-webkit-animation-delay: 0.5s;
	-moz-animation-delay: 0.5s;
	-o-animation-delay: 0.5s;
	-moz-transition: none !important;
	text-transform: uppercase;
	letter-spacing: -1px;
	color: white;
	font-size: 130%;
	text-shadow: 0 1px 1px black;
	box-sizing: border-box;
	padding: .5em;
	border-radius: 3px;
	width: 50% !important
}
.navbar-default{
	border-color: transparent !important;
}
.toggleCaption {
	animation-delay: 1.5s;
	-webkit-animation-delay: 1.5s;
	-moz-animation-delay: 1.5s;
	-o-animation-delay: 1.5s;
	-moz-transition: none !important;
	width: 50% !important
}
.blue {
	background: rgba(15,117,188,.7) !important;
}
.green {
	background-color: rgba(29,130,22,.8)
}
.darkblue {
	background-color: rgba(22,52,99,.8)
}
.brown {
	background-color: rgba(136,73,32,.8)
}
.contatti {
	min-height: 30em;
	background: #eee url(../images/servizi-di-pulizia.jpg) bottom center no-repeat;
	background-attachment: fixed;
	background-position: cover;
	color: white !important
}
.contatti h1 {
	color: white
}
.shadow {
	margin-top: 5em !important;
	text-shadow: 0 1px 0 #333 !important
}
.padding {
	box-sizing: border-box;
	margin: 1em
}
footer ul {
	margin-left: -3em;
	list-style: none
}
footer ul li a {
	color: white
}
footer ul li a:hover {
	text-decoration:underline;
	color:white	
}
footer h4 {
	font-weight: 600
}
.logo_cert_footer{
	width: 130px;
	height: 130px;
}
/* BUTTONS */
.btn {
	background-color: hsl(205, 86%, 30%) !important;
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1191ed", endColorstr="#0a578e");
	background-image: -khtml-gradient(linear, left top, left bottom, from(#1191ed), to(#0a578e));
	background-image: -moz-linear-gradient(top, #1191ed, #0a578e);
	background-image: -ms-linear-gradient(top, #1191ed, #0a578e);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1191ed), color-stop(100%, #0a578e));
	background-image: -webkit-linear-gradient(top, #1191ed, #0a578e);
	background-image: -o-linear-gradient(top, #1191ed, #0a578e);
	background-image: linear-gradient(#1191ed, #0a578e);
	border-color: #0a578e #0a578e hsl(205, 86%, 25%);
	color: #fff !important;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33);
	-webkit-font-smoothing: antialiased;
	box-sizing: border-box;
	padding: .8125em
}
/*
b, strong {
	color: rgb(15,117,188)
}
*/
/*
.social .fa{
	margin-left:1em
}
.social .fa:hover{
	cursor:pointer;
	-webkit-transform: scale(3);
	-moz-transform: scale(3);
	-o-transform: scale(3);
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
*/
/* Reset */
@import url(//codepen.io/chrisdothtml/pen/ojLzJK.css);
.social-buttons {
	height: 30px;
	margin: 1.5em auto;
	font-size: 0;
	text-align: center;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
}

.social-button {
	display: inline-block;
	background-color: #fff;
	width: 30px;
	height: 30px;
	line-height: 30px;
	margin: 5px;
	text-align: center;
	position: relative;
	overflow: hidden;
	opacity: .99;
	border-radius: 50%;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05);
	-webkit-transition: all 0.35s cubic-bezier(0.31, -0.105, 0.43, 1.59);
	transition: all 0.35s cubic-bezier(0.31, -0.105, 0.43, 1.59);
}
.social-button:before {
	content: '';
	background-color: #000;
	width: 120%;
	height: 120%;
	position: absolute;
	top: 90%;
	left: -110%;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all 0.35s cubic-bezier(0.31, -0.105, 0.43, 1.59);
	transition: all 0.35s cubic-bezier(0.31, -0.105, 0.43, 1.59);
}
.social-button .fa {
	font-size: 24px;
	vertical-align: middle;
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
	-webkit-transition: all 0.35s cubic-bezier(0.31, -0.105, 0.43, 1.59);
	transition: all 0.35s cubic-bezier(0.31, -0.105, 0.43, 1.59);
}
.social-button.facebook:before {
	background-color: #3B5998;
}
.social-button.facebook .fa {
	color: #3B5998;
}
.social-button.twitter:before {
	background-color: #3CF;
}
.social-button.twitter .fa {
	color: #3CF;
}
.social-button.google:before {
	background-color: #DC4A38;
}
.social-button.google .fa {
	color: #DC4A38;
}
.social-button.dribbble:before {
	background-color: #F26798;
}
.social-button.dribbble .fa {
	color: #F26798;
}
.social-button.skype:before {
	background-color: #00AFF0;
}
.social-button.skype .fa {
	color: #00AFF0;
}
.social-button:focus:before, .social-button:hover:before {
	top: -10%;
	left: -10%;
}
.social-button:focus .fa, .social-button:hover .fa {
	color: #fff;
	-webkit-transform: scale(1);
	transform: scale(1);
}
/* MEDIA QUERIES */

.logo_fiore{
	width: 143px;
}

@media (min-width: 500px) {
	.logo_fiore{
		float: right;
	}
}
@media (max-width: 499px) {
	.logo_fiore{
		text-align: center;
	}
}

@media(min-width:767px) {
	.navbar {
		padding: 0;
		-webkit-transition: background 1s ease-in-out,padding 1s ease-in-out;
		-moz-transition: background 1s ease-in-out,padding 1s ease-in-out;
		transition: background 1s ease-in-out,padding 1s ease-in-out;
	}

	.top-nav-collapse {
		margin-top: -2.5em;
		padding:-1em;
		height:126px;
		-moz-box-shadow:0 1px 17px #555;
		-webkit-box-shadow:0 1px 17px #555;
		-ms-box-shadow:0 1px 17px #555;
		-o-box-shadow:0 1px 17px #555;
		-khtml-box-shadow:0 1px 17px #555;
		box-shadow:0 1px 17px #555
	}
	.top-nav-collapse .container .navbar-nav > li > a{
		padding:-1em;
		line-height:2.4
	}
	.top-nav-collapse .container .navbar-header img{
		height:72px;
		/*margin-top:-.4em*/
	}
}

@media(max-width:320px){
	.col-xs-6 .animate{
		width:100% !important
	}
	.navbar, .navbar-header, .navbar-nav
	.navbar-header{
		height:75px
	}
	.full-container{
		height:171px !important;
		border-bottom:1px solid #bbb
	}
}

@media (min-width:320px) and (max-width:360px){
	.col-xs-6 .animate{
		width:100% !important
	}
	.navbar, .navbar-header, .navbar-nav {
		height: 76px !important;
	}
	.navbar-header img {
		margin-top: -.5em;
		height:65px !important
	}
	.full-container{
		height:166px !important;
		border-bottom:1px solid #bbb;
		margin-top:-2em
	}
	#wowslider-container1 .ws-title{
		padding:0 !important	
	}
	img.service{
		height:auto
	}
	.full-container{
		display:none
	}
}
@media (min-width:320px) and (max-width:320px){
	img.service{
		height:auto
	}
	.animate{
		padding-top:2em;
		padding-bottom:1em
	}
}
@media (min-width:360px) and (max-width:360px){
	img.service{
		height:auto
	}
	.animate{
		padding-top:2em;
		padding-bottom:1em
	}
}
@media (min-width:320px) and (max-width:375px){
	.icone{
		display:none
	}
	ul.products{
		margin-left:-3.5em
	}
	ul.products li {
		display: block;
		float: none;
		width: auto;
		margin: 10px
	}
	.panel-body{
		padding:0
	}
	#map-canvas{
		display:none
	}
	.section-mobile{
		margin-top:4em
	}
	.navbar-nav > li > a {
		background-color:#0F75BC !important;
		color: white !important;
		line-height: 30px;
		font-weight: 400;
		font-family: Open Sans /*Roboto*/, sans-serif;
		letter-spacing: 0;
		font-size: 1.25em;
		border-bottom:1px solid #2E37A5
	}
}
@media (min-width:360px) and (max-width:375px){
	.navbar, .navbar-header, .navbar-nav {
		height: 76px !important;
	}
	.navbar-header img {
		margin-top: -1.5em;
		height:66px !important
	}
	.navbar-nav > li > a {
		background-color:#0F75BC !important;
		color: white !important;
		line-height: 30px;
		font-weight: 400;
		font-family: Open Sans /*Roboto*/, sans-serif;
		letter-spacing: 0;
		font-size: 1.25em;
		border-bottom:1px solid #2E37A5
	}
	#wowslider-container1{
		margin-top:19em !important
	}
}
@media (min-width:375px) and (max-width:375px){
	img.service{
		height:auto
	}
	.animate{
		padding-top:2em;
		padding-bottom:1em
	}
}
@media (min-width:375px) and (max-width:414px){
	.navbar, .navbar-header, .navbar-nav {
		height: 76px !important;
	}
	.big{
		padding-top: 230px !important;
	}
	.big-servizi{
		padding-top: 185px !important;
	}
	.big-parco-macchine
	{
		padding-top: 200px !important;
	}
	.navbar-header img {
		/*margin-top: -.5em;*/
		margin-top: 0.0em;
		height:66px !important
	}
	.navbar-nav > li > a {
		background-color:#0F75BC !important;
		color: white !important;
		line-height: 30px;
		font-weight: 400;
		font-family: Open Sans /*Roboto*/, sans-serif;
		letter-spacing: 0;
		font-size: 1.25em;
		border-bottom:1px solid #2E37A5
	}
	.full-container{
		height:192px !important
	}
	#wowslider-container1{
		margin-top:19em !important
	}
	.icons{
		display:none
	}
	img.service{
		height:auto
	}
}

@media (min-width:414px) and (max-width:480px){
	.navbar, .navbar-header, .navbar-nav {
		height: 76px !important;
	}
	.navbar-header img {
		/*margin-top: -.5em;*/
		margin-top: -1.5em;
		max-height:66px !important
	}
	.navbar-nav > li > a {
		background-color:#0F75BC !important;
		color: white !important;
		line-height: 30px;
		font-weight: 400;
		font-family: Open Sans /*Roboto*/, sans-serif;
		letter-spacing: 0;
		font-size: 1.25em;
		border-bottom:1px solid #2E37A5
	}
	#wowslider-container1{
		margin-top:19em !important
	}
	.icons{
		display:none
	}
	img.service{
		height:auto
	}
}

#wowslider-container1 .ws-title{
	padding:0 !important
}
@media (min-width:480px) and (max-width:768px){
	.navbar, .navbar-header, .navbar-nav {
		height: 76px !important;
	}
	.navbar-header img {
		/*margin-top: -.5em;*/
		margin-top: -1.5em;
		max-height:66px !important
	}
	.navbar-nav > li > a:hover {
		background-color:#0F75BC !important;
		color: white !important;
		line-height: 30px;
		font-weight: 400;
		font-family: Open Sans /*Roboto*/, sans-serif;
		letter-spacing: 0;
		font-size: 1.25em;
		border-bottom:1px solid #2E37A5
	}
	#wowslider-container1{
		margin-top:19em !important
	}
	.icons{
		display:none
	}
	img.service{
		height:auto
	}	
}

@media (min-width:768px) and (max-width:768px) and (-webkit-min-device-pixel-ratio: 1){
	.navbar, .navbar-header, .navbar-nav {
		height: 84px !important;
		margin-top: 0em !important;
	}
	.top-nav-collapse .container .navbar-header img {
		height: 72px;
		margin-top: 1em;
	}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
		border-color: #e7e7e7;
		height: 263px !important;
		margin-top: .35em !important;
	}
	.icons{
		display:block !important
	}
}

@media (min-width:768px) and (max-width:800px){
	/*
	.navbar-header img {
    	margin-top: -.5em;
    	height:102px !important
	}
	*/
	.navbar{
		height:100px
	}
	.topbar{
		display:none
	}
	.navbar-header img {
		margin-top: -.5em;
		max-height:66px !important
	}
	.navbar-nav > li > a{
		line-height:51px !important
	}
	img.service{
		height:110px !important
	}
}
@media (min-width:980px) and (max-width:992px){
	/*
	.navbar-header img {
	    margin-top: -.5em;
	    height: 100px
	}
	*/
	.navbar-nav > li > a{
		line-height:84px !important
	}
	.social-button{
		margin:13px
	}
	img.service{
		height:110px !important
	}
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	/* border-color: #e7e7e7; */
	/* height: 115px !important; */
	height: 263px;
	margin-top: -0.58em;
	border-color:transparent !important;
}

@media (min-width:980px){
	.navbar-header img {
		/*margin-top: -.5em;*/
		margin-top: -1.5em;
		max-height:121px !important
	}	
}
@media (min-width:801px) and (max-width:979px){
	.navbar-header img.img-responsive {
		width:26%;
		/*margin-top: -.5em;*/
		margin-top: -1.5em;
	}
	.navbar-nav{
		margin-top:-13em
	}
	.top-nav-collapse > .top-bar{
		display:none
	}
	.top-nav-collapse .navbar-header img.img-responsive{
		/*margin-top:1.45em;*/
		margin-top: 0.45em;
		height:auto
	}
	.top-nav-collapse .navbar-nav{
		margin-top:-9em
	}
	.service {
		width: 100%;
		height: 122px;
		border-radius: 2px;
		/*border: 1px solid #0F75BC !important*/
	}
}
@media (min-width:980px) and (max-width:992px){
	.navbar-header img {
		/*margin-top: -.5em;*/
		margin-top: -1.5em;
		max-height: 103px !important
	}
	.navbar-right {
		float: right !important;
		margin-right: -15px;
		margin-top: -.35em
	}
	.top-nav-collapse{
		height:102px;
		padding-top:2.5em
	}
	.top-nav-collapse > .top-bar{
		display:none
	}
	.top-nav-collapse .container .navbar-header img {
		height: 64px;
		margin-top: -.75em
	}
	.top-nav-collapse .container .navbar-nav > li > a {
		line-height: 37px !important
	}
}
@media (min-width:993px) and (max-width:1200px){
	.navbar-header img {
		/*margin-top: -.5em;*/
		margin-top: -1.5em;
		max-height: 105px !important
	}
	.navbar-nav > li > a {
		color: rgb(15, 117, 188) !important;
		line-height: 77px;
		font-weight: 400;
		font-family: Open Sans, sans-serif;
		letter-spacing: 0;
		font-size: 1.25em
	}
	.top-nav-collapse > .top-bar{
		display:none
	}
	.top-nav-collapse .container .navbar-header img {
		height: 64px;
		margin-top: -.75em
	}
	.top-nav-collapse .container .navbar-nav > li > a {
		line-height: 37px !important
	}
	.top-nav-collapse .container .navbar-header img {
		height: 70px;
		/*margin-top: 1.75em*/
		margin-top: 0.75em;
	}
	.top-nav-collapse .navbar-right{
		margin-top:3em
	}
}
@media (min-width:481px) and (max-width:767px){
	.navbar-default .navbar-collapse{
		box-shadow:0 12px 4px #555
	}
	.navbar-nav > li > a {
		background-color: #0F75BC !important;
		color: white !important;
		line-height: 30px;
		font-weight: 400;
		font-family: Open Sans , sans-serif;
		letter-spacing: 0;
		font-size: 1.25em;
		border-bottom: 1px solid #2E37A5;
		box-shadow:0 8px 24px #444
	}
}
@media (max-width: 375)
{
	.kb_caption {
		left: 43px;
	}
}
@media (min-width: 376px) and (max-width: 766)
{
	.kb_caption {
		left: 43px;
	}
}