/******************************************************/

body{
margin: 0;
padding: 0;
font-size: 14px;
font-family: 'Open Sans', Verdana, 'Trebuchet MS', Arial, Tahoma, 'Times New Roman', Sans-serif;
/*background: url(../images/bg.png) center -140px fixed no-repeat;
background-size: cover;*/
}

*:focus, *:active {outline:none;}

*::-moz-focus-inner {border:0;}

.clear{
clear: both;
}

.text-center{
text-align: center;
}

.pull-right{
float: right;
}

.tab{
width: 100%;
border-spacing: 0;
border-collapse: collapse;
}

.tab td{
padding: 5px;
}

img{
border: 0;
}

a, a:visited{
color: #000;
text-decoration: none;
}

a:hover{
color: #06a0dd;
text-decoration: none;
}

/*****/

.notif{
color: #000;
background: #efefef;
padding: 10px 0;
text-align: center;
font-weight: 600;
}

.ok{
color: #3c763d;
background: #DFF0D8;
}

.error{
color: #a94442;
background: #F2DEDE;
}

/******************************************************/

#cookieChoiceInfo{
font-size: 13px;
}

#cookieChoiceDismiss{
display: inline-block;
padding: 5px;
background: #06a0dd;
color: #fff;
}

/******************************************************/

.container{
width: 100%;
}

/******************************************************/

.header{
max-width: 1100px;
margin: 0 auto;
}

.header h3{
float: left;
margin: 0 10px;
padding: 0;
line-height: 50px;
color: #9f9f9f;
text-transform: uppercase;
}

/*****/

.social-bar{
width: 100%;
margin: 0 auto;
border-bottom: 1px solid #efefef;
background: #fff;
}

.social-link{
display: inline-block;
width: 50px;
line-height: 50px;
text-align: center;
border-right: 1px solid #efefef;
}

.social-link:first-child{
border-left: 1px solid #efefef;
}

.social-link:hover{
background: #ddd;
}

.social-link.fb{
background: #3A5795;
color: #fff;
}

.social-link.fb:hover{
background: #7F99CE;
}

.social-link.tw{
background: #55ACEE;
color: #fff;
}

.social-link.tw:hover{
background: #9CCFF5;
}

.social-link.yt{
background: #CC181E;
color: #fff;
}

.social-link.yt:hover{
background: #EE6366;
}

.social-link.en{
background: #06a0dd;
color: #fff;
}

.social-link.en:hover{
background: #71A5F3;
}

.social-link.ta{
display: inline-block;
width: 50px;
padding: 10px 0 8px;
margin: -1 0 0;
line-height: 0;
text-align: center;
border-right: 1px solid #efefef;
}

.social-link.ta img{
vertical-align: middle;
}

/*****/

.logo{
width: 200px;
margin: 30px auto 20px;
}

.logo img{
max-width: 100%;
}

/*****/

.menu-icon{
display: none;
width: 100px;
line-height: 50px;
margin: 0 auto;
text-align: center;
cursor: pointer;
font-weight: 600;
}

.menu-icon:hover, .menu-icon.active{
color: #fff;
background: #06a0dd;
}

.menu-icon i{
margin-right: 7px;
}

/*****/

.menu{
padding: 0;
margin: 0 0 20px 0;
text-align: center;
}

.menu li{
display: inline-block;
list-style: none;
}

.menu li a, .menu li a:visited{
display: inline-block;
margin: 8px;
padding: 2px 2px 7px 2px;
color: #666;
}

.menu li a:hover, .menu li.active a{
color: #06a0dd;
text-decoration: none;
}

/*****/

.hvr-underline-from-center {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
overflow: hidden;
}
.hvr-underline-from-center:before {
content: "";
position: absolute;
z-index: -1;
left: 50%;
right: 50%;
bottom: 0;
background: #06a0dd;
height: 2px;
-webkit-transition-property: left, right;
transition-property: left, right;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
left: 0;
right: 0;
}

/******************************************************/

.slider{
width: 100%;
min-height: 10px;
}

.slider img{
width: 100%;
vertical-align: bottom;
}

#owl-slide .item{
display: block;
position: relative;
}

#owl-slide .item img{
display: block;
width: 100%;
height: auto;
}

#owl-slide .item span{
display: none;
position: absolute;
top: 25%;
left: 50%;
width: 90%;
margin-left: -45%;
font-size: 100px;
font-weight: 700;
color: #fff;
text-align: center;
text-shadow: 0 0 40px #000;
}

/******************************************************/

.content{
max-width: 1100px;
margin: 0 auto;
}

.content h1.page-title{
color: #06a0dd;
text-align: center;
font-weight: 600;
}

/*****/

.breadcrumb{
width: auto;
background: #F5F5F5;
padding: 7px 10px;
margin: 10px 0;
}

.breadcrumb li{
display: inline;
list-style: none;
font-size: 13px;
}

.breadcrumb li.active{
color: #777;
}

.breadcrumb li:first-child:before{
content:none;
}

.breadcrumb li:before{
content: "/";
color: #bbb;
padding: 0 10px;
}

/*****/

.pagination{
width: auto;
text-align: center;
}

.pagination li{
list-style: none;
display: inline;
}

.pagination li a, .pagination li a:visited{
display: inline-block;
padding: 7px 10px;
border: 1px solid #ccc;
margin: 0 2px;
text-decoration: none;
}

.pagination li a:hover, .pagination li a:focus, .pagination li a:active, .pagination li.active a{
background: #06a0dd;
color: #fff;
}

/*****/

.wrapper-novita-left{
float: left;
width: 49%;
margin: 0 auto 20px;
text-align: center;
}

.wrapper-novita-right{
float: right;
width: 49%;
margin: 0 auto 20px;
text-align: center;
}

.novita-cont{
max-width: 500px;
margin: 0 auto;
}

/*****/

.box-servizi-cont{
width: 1050px;
margin: 0 auto;
}

.box-servizi{
float: left;
width: 308px;
height: 280px;
margin: 10px;
border: 1px solid #efefef;
padding: 10px;
}

.box-servizi h3{
color: #06a0dd;
text-align: center;
}

.box-servizi p{
margin: 5px 0 0;
}

.img-servizi{
width: 150px;
height: 150px;
margin: 0 auto;
}

/*****/

.box-azienda-left{
width: 90%;
margin: 0 auto 30px;
}

.box-azienda-left img{
float: left;
width: 20%;
margin: 3% 10px;
}

.box-azienda-left h3{
float: left;
color: #06a0dd;
width: 76%;
margin: 15px 0 5px;
}

.box-azienda-left ul{
float: left;
width: 70%;
text-align: justify;
}

.box-azienda-right{
width: 90%;
margin: 0 auto;
}

.box-azienda-right img{
float: right;
width: 20%;
margin: 3% 10px;
}

.box-azienda-right h3{
float: left;
color: #06a0dd;
width: 74%;
margin: 15px 10px 5px;
}

.box-azienda-right p{
float: left;
width: 74%;
margin: 14px 10px 14px;
text-align: justify;
}

/*****/

.box-team{
width: 50%;
margin: 0 auto 30px;
}

.box-team img{
float: left;
width: 120px;
margin: 0 10px;
}

.box-team h3{
float: left;
width: 50%;
color: #06a0dd;
margin: 15px 0 0;
}

.box-team p{
float: left;
text-align: justify;
}

.box-team a.fbt i{
color: #3A5795;
}

.box-team a.fbt:hover i{
color: #7F99CE;
}

/*****/

.box-partner{
text-align: center;
margin: 20px;
}

.box-partner img{
max-width: 100%;
}

/*****/

.box-tutuzzi{
margin: 20px;
}

/*****/

.box-lavori-cont{
width: 1050px;
margin: 0 auto;
}

.box-lavori{
width: 29%;
margin: 10px;
border: 1px solid #efefef;
padding: 10px;
}

.box-lavori h3{
color: #06a0dd;
text-align: center;
}

.box-lavori p{
text-align: center;
margin: 5px 0 0;
}

.img-lavori img{
max-width: 100%;
height: auto;
}

/*****/

.contact-title{
font-weight: 600;
margin: 20px 10px;
}

.box-contact-left{
float: left;
width: 23%;
padding: 10px;
margin: 0 0 10px 10px;
border: 1px solid #efefef;
}

.box-contact-left img{
display: block;
width: 150px;
margin: 0 auto;
}

.box-contact-left h4, .box-contact-left h2, .box-contact-right h2{
color: #06a0dd;
margin: 5px 0 10px;
}

.box-contact-right{
float: right;
width: 70%;
padding: 10px;
margin: 0 10px 10px 0;
border: 1px solid #efefef;
}

/*****/

.item-group{
margin: 15px 0;
}

.item-group .label{
float: left;
width: 25%;
}

.item-group label{
cursor: pointer;
}

.item-group .input-item{
float: left;
width: 73%;
}

.item-group .input-item input[type=text], .item-group .input-item textarea, .item-group .input-item select{
width: 95%;
padding: 2px 3px;
border: 1px solid #aaa;
}

.item-group .input-item input[type=text]:focus, .item-group .input-item textarea:focus, .item-group .input-item select:focus{
border-color: #06a0dd;
}

.contact-form button{
display: block;
padding: 6px 15px;
color: #fff;
background: #06a0dd;
border: none;
}

.contact-form button:hover{
background: #71A5F3;
}

/*****/

.box-parlano{
width: 85%;
margin: 0 auto 30px;
}

.box-parlano img{
float: left;
width: 20%;
margin: 3% 10px;
}

.box-parlano p{
float: left;
width: 70%;
text-align: justify;
}

/*****/

.privacy-policy{
padding: 0 10px;
}

.privacy-policy h1, .privacy-policy h2{
color: #06a0dd;
}

/*****/

/* padding-bottom and top for image */
.mfp-no-margins img.mfp-img {
	padding: 0;
}
/* position of shadow behind the image */
.mfp-no-margins .mfp-figure:after {
	top: 0;
	bottom: 0;
}
/* padding for main container */
.mfp-no-margins .mfp-container {
	padding: 0;
}

/*****/

.page-padding{
	padding: 5px 15px;
}


/*

for zoom animation
uncomment this part if you haven't added this code anywhere else

*/


.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
	opacity: 0;
	-webkit-backface-visibility: hidden;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
		opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
		opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
	opacity: 0;
}


/******************************************************/

.footer{
max-width: 1100px;
border-top: 1px solid #efefef;
padding: 20px 0;
margin: 0 auto;
font-size: 12px;
text-align: center;
background: #efefef;
}

.footer p.muted{
color: #999;
}

/******************************************************/

#scroll-top{
display: none;
position: fixed;
bottom: 30px;
right: 30px;
width: 50px;
line-height: 50px;
text-align: center;
color: #fff;
background: #06a0dd;
cursor: pointer;
}

#scroll-top:hover{
background: #71A5F3;
}