@import "../css/reset.css";


html {width: 100%;}

a[href^="tel:"] {color: inherit;text-decoration:none;}
* {-webkit-text-size-adjust: none;}

body {
	font-family: 'Roboto Condensed', sans-serif;
	color:#333333;
	position:relative;
	background: #FFF;
	font-size:14px;
	line-height:24px;
	
}
h1, h2, h2, h4, h5, h6 {
	font-weight: normal;
	font-family: 'Roboto Condensed', sans-serif;
	line-height:20px;
	
}

/*p {margin-bottom: 19px;}*/

/*links*/

a {
	text-decoration: none;
	color: #333333;
	outline: none;	
}



a.btn {
	
	display: inline-block;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:14px;
	line-height:1em;
	padding: 11px 30px 12px 30px;
	color: #fff;
	text-transform:uppercase;	
	background-color:#057ba3;
	
}

.clear {clear: both;}
.wrap {overflow:hidden;}




/*header*/

header {
	display: block;
	padding: 15px 0 15px 0;
	z-index: 999;
}

.logo{
	float:left;
}

.header-menu{
	float:right;
}



/*******content********/
#content {}

.slide-bg{
	padding:25px 0;
	background-color:#057ba3;
}

.slide-bg.inner{
	padding:0;
}

.slide-wrapper{
	position:relative;
}

.link-slider{
	position:absolute;	
	right: 0;
	z-index: 999;
	top:0;
	
}


#slider{
	height:550px;
	position:relative;	
}

#slider2{
	height:350px;
	position:relative;	
}

.main-caption{
	position:absolute;
	z-index:9999;
	bottom:0;
	width:100%;
	background:rgba(255,255,255,0.8); 
	text-align:center;
	color:#333333;
	padding:25px 0;
	font-size:17px;
	z-index:30;
}

.main-caption h1{
	font-size:20px;
	text-transform:uppercase;
	color:#000000;
	margin-bottom:15px;
	
}


.container{
	margin-top:40px;
}

.services-thumbnail{
	padding-right:40px;
	margin:0;
}

.services-thumbnail li{
	float:left;
	width:50%;	
	padding:0px 0px 0 0;
	box-sizing:border-box;
	margin-bottom:20px;
}

.services-thumbnail .wrap{
	margin-right:20px;
}

.new {
	color:#fff;
	background-color:#057BA3;
	border-radius:5%;
	padding:5px;
}

figure { 
    position: relative;   
    margin: 0 auto;
    padding: 0px 0 0 0;
    font-size: 15px;
	height:170px;
	overflow:hidden;
	
}

figure img {
    vertical-align: bottom;
}

figure figcaption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(147,149,152,0.9);
    text-align: left;
    color: #fff; 
    padding: 5px;
	box-sizing:border-box;
	text-align:center;
	font-size:14px;
	text-transform:uppercase;
}


.more-service{
	background-color:#939598;
	text-align:center;
	height:170px;
	padding:20px 0;
	box-sizing:border-box;
}

.more-service h1:hover{
	background-color:#057BA3;
	
}

.more-service h1{
	margin-top:10px;
}

.more-service a{
	text-transform:uppercase;
	color:#FFF;
}




.home-content{
	font-size:14px;
	padding-top:40px;
	line-height:25px;
	color:#333333;
	
}

.home-content h1{
	margin-bottom:30px;
	color:#057ba3;
	font-size:18px;
}

.home-content a.btn{
	margin-top:30px;
}

.main-content{
	padding-right:100px;
	box-sizing:border-box;
}

.main-content h1{
	text-transform:uppercase;
	font-size:25px;
	color:#057ba3;
	margin-bottom:19px;
	
}

.sidebar-image{
	margin-top:19px;
	border-bottom:4px  #057ba3 solid;
}

ul.multi-services{
	margin-top:19px;	
}

 ul.multi-services li{
	display:block;
	font-size:14px;
	text-transform:uppercase;
	padding-bottom:5px;
	background-image:url(../images/marker.png);
	background-position:top 10px left;
	background-repeat:no-repeat;
	padding-left:20px;
}


.multi-services a.btn{
	margin-top:19px;
	background-color:#666666;
}


.sidebar .services-thumbnail li{
	width:100%;
	
}

.sidebar .services-thumbnail{
	padding-right:0;
}


.gallery ul{
	padding:0;
	margin:0;
}

.gallery ul li{
	width:50%;
	height:90px;
	overflow:hidden;
	float:left;		
	padding:5px;
	box-sizing:border-box;
	margin-bottom:20px;
	position:relative;
}


.contact .column{
	width:100%;
	margin-bottom:35px;
	
}

.contact .column img{
	float:left;
	margin-right:20px;
	
}

.contact .column p{
	overflow:hidden;
}

.contact .column span{
	display:block;
	margin-top:10px;
	font-weight:bold;
	color: #333;
}


.form-row{
	margin-bottom:15px;
	width:50%;
	float:left;
	padding-left:40px;
	box-sizing:border-box;
	
}

#contact label{
	float:none;
	display:block;
	
}
#contact input , #contact textarea{	
	width:100%;
}

.form-row input , textarea  {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #cccccc;
  padding: 5px;
  height: 30px; 
  outline: none;
  padding-left:10px;
  font-family: 'Roboto Condensed', sans-serif;
  font-size:14px;
 
}

.submit-button {
 
  height: 40px; 
  cursor: pointer;
  background-color:#057ba3;
  outline: none;
  border:none;
  color:#FFF;
  font-family: 'Roboto Condensed', sans-serif;
  text-transform: uppercase;
  padding:0 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

 textarea {
	 height:90px;
	 
 }


.msg-contatti {
	color:green;
	font-size: 18px;
	padding-left:50px;
}
.msg-contatti span {
	
	
	color:red;
	
}




/*****************/
.map {padding-top:0}
.map iframe {
  width: 100%;
  height: 350px;
  border: none;
}


/****Form****/



/************Footer***********/

footer {
	font-size: 12px;
	color: #FFF;
	text-transform:uppercase;
	padding:21px 0 18px 0;
	background-color:#727272;
	text-align:center;
	margin-top:40px;
}

/************disinfestazioni***********/


.disinfestazioni-cont

{
	
}

.disinfestazioni-art 

{
	
}


.disinfestazioni-art img

{
	width:50%;
	float:left;
	margin-right: 20px;
	
}
.main-content .disinfestazioni-cont h1{
	font-size: 16px;
}

.iis-caption {
	bottom: 22% !important;
}