/* Hide offcanvas hamburger icon on desktop only (keep on mobile/tablet) */
@media (min-width: 992px) {
	.offcanvas-toggler-secondary {
		display: none !important;
	}
}

/* On mobile: position hamburger inside white header band, aligned with logo */
@media (max-width: 991px) {
	.offcanvas-toggler-secondary {
		position: absolute;
		right: 15px;
		top: 30px;
		z-index: 100;
	}
	#sp-header .row {
		position: relative;
	}
}

#sp-header, #sp-header .logo, div#sp-menu{
	height: 114px;
}

div#sp-menu {
    line-height: 114px;
}



@media (min-width: 1400px){
	.container, .sppb-row-container {
	    width: 1390px;
	}
}

.sp-megamenu-parent >li >a, .sp-megamenu-parent >li >span{
	font-size: 16px;
	text-transform: uppercase;
}

.sp-megamenu-parent >li >a, .sp-megamenu-parent >li >span{
	padding: 0 20px;
}

@media (max-width: 992px){
	#mission{
		background: transparent!important;			
	}
}

#mission{
	z-index: -1!important;
}


.item-cliente{
  opacity:0.4;
  transition:.4s ease all;
  margin:0;
  transform:scale(.8);
}

@media(max-width:1000px){
  .item-cliente{margin:0; transform:scale(.9)}
}

.active .item-cliente{
  opacity:1;
  transform:scale(.8);
} 

.owl-item.active.center .item-cliente{
  opacity:1;
  transform:scale(1);
}

.owl-item-cliente {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
}

.inner{
	position:absolute; 
	bottom:30px; 
	left:0; 
	right:0; 
	text-align:center;
}

.inner a{
	color:#fff; 
	text-decoration:none; 
	border-bottom:2px solid rgba(255,255,255,0.5); 
	transition:.3s ease border-color
}

.inner a:hover{
	border-color:#fff;
}
.black .inner a{
	color:#000; 
	border-color:rgba(0,0,0,0.4)
}

.black .inner a:hover{
	border-color:#000;}

.owl-carousel:after{
	content:""; 
	display:block; 
	position:absolute; 
	width:8%; 
	top:0; 
	bottom:0; 
	left:50%; 
	margin-left:-4%; 
	pointer-events: none; 

}

.owl-controls{
	position:absolute; 
	margin-top:300px;
}

.carosello-servizi .owl-nav {
    position: absolute;
    right: 0;
    top: 50%;
    width: 100%;
    z-index: 10;
    margin: 0;
    height: 10px;
    margin: -30px 0 0 0;
}

.owl-carousel.carosello-servizi .owl-item img{
    width: inherit;
    margin: 0 auto;
}

.txt-servizi h3{
    text-align: center;
    font-weight: 600;
    font-size: 30px;
}

.txt-servizi h3 a{
    color:#333;
}

@media(min-width: 1000px) and (max-width: 1300px){
    .txt-servizi h3{
        font-size: 24px;
    }
}

@media(min-width: 1000px){
    .carosello-servizi .owl-next, .carosello-servizi .owl-prev{
        font-size: 40px;
        line-height: 48px;
    }

    .carosello-servizi .owl-next {
        position: absolute;
        width: 50px;
        height: 50px;
        right: 28.2%;
        background: #fff;
        border-radius: 30px;
        padding-right: 10px;
        margin-top: -22px;
        text-align: right;
    }

    .carosello-servizi .owl-prev {
        position: absolute;
        width: 50px;
        height: 50px;
        left: 28.5%;
        background: #fff;
        border-radius: 30px;
        padding-left: 10px;
        margin-top: -22px;
    }
}

@media(max-width: 999px){
    .carosello-servizi .owl-next {
        position: absolute;
        width: 30px;
        height: 30px;
        right: 0;
        background: #fff;
        padding-right: 10px;
        text-align: right;
    }

    .carosello-servizi .owl-prev {
        position: absolute;
        width: 30px;
        height: 30px;
        left: 0;
        background: #fff;
        padding-left: 10px;
    }

    .carosello-servizi .owl-next, .carosello-servizi .owl-prev{
        font-size: 30px;
        line-height: 28px;
    }

    .txt-servizi h3 {
        font-size: 18px;
    }
}

/*.carosello-servizi .owl-next:after {
    position: absolute;
    content: "";
    border-color: #fff;
    border-style: solid;
    border-width: 2px 2px 0 0;
    box-shadow: inset -4px 4px 3px -3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: inset -4px 4px 3px -3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: inset -4px 4px 3px -3px rgba(0, 0, 0, 0.5);
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    width: 40px;
    height: 40px;
    -webkit-transform: translate(-50%,-50%) rotate(45deg);
    -moz-transform: translate(-50%,-50%) rotate(45deg);
    -o-transform: translate(-50%,-50%) rotate(45deg);
    -ms-transform: translate(-50%,-50%) rotate(45deg);
    transform: translate(-50%,-50%) rotate(45deg);
    right: 29%;
}

.carosello-servizi .owl-prev:after {
    position: absolute;
    content: "";
    border-color: #fff;
    border-style: solid;
    border-width: 0 0 2px 2px;
    box-shadow: inset 4px -4px 3px -2px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: inset 4px -4px 3px -2px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: inset 4px -4px 3px -2px rgba(0, 0, 0, 0.5);
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    width: 40px;
    height: 40px;
    -webkit-transform: translate(-50%,-50%) rotate(45deg);
    -moz-transform: translate(-50%,-50%) rotate(45deg);
    -o-transform: translate(-50%,-50%) rotate(45deg);
    -ms-transform: translate(-50%,-50%) rotate(45deg);
    transform: translate(-50%,-50%) rotate(45deg);
    left: 29%;
}*/

.form-contatti{
    max-width: 700px;
    margin: 0 auto;
    color:#fff!important;
}

.form-contatti input, .form-contatti textarea{
    background: rgba(255, 255, 255, 0.44)!important;
    color:#fff!important;
}

.form-contatti input::placeholder, .form-contatti textarea::placeholder{
    color:#fff!important;
}

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

.sppb-btn-info{
    background: #4086d3!important;
    border-color: #4086d3!important;
    border-radius: 20px;
    padding: 8px 20px;
    cursor: pointer;
}

.btn-aree{
    padding: 8px 50px;   
}

.form-contatti .sppb-btn-success{
    padding: 12px 50px; 
    border-radius: 20px;
    background: #464646; 
    border: #464646; 
}

/* Flip bg-sicurezza sections (gradient left-to-right) */
#section-id-1523001549714,
#section-id-1524036241491 {
	transform: scaleX(-1);
}
#section-id-1523001549714 > *,
#section-id-1524036241491 > * {
	transform: scaleX(-1);
}

#sp-footer{
    background: #464646;
}

.storia{
    position: relative!important;
    z-index: -1!important;
}

@media(max-width: 992px){
    .cosa-facciamo{
        background: #4795ef!important;
    }

    .cosa-facciamo .sppb-text-right{
        text-align: left;
    }
}

.form-contatti .sppb-text-success{
    color: #fff;
}