@import url('https://fonts.googleapis.com/css?family=Lato:400,700');

/* Show it is fixed to the top */
html,body {  
	 font-family: 'Lato', sans-serif;
	 font-weight:400; 
	 color:#595959;  
	 overflow-x:hidden;
	 width:100%;
	margin:0;
	padding:0;
	position:relative;
	text-align:justify
}
h1 {font-size:.5rem}
h2,h3,h4,.h2,.h3 {
	position:relative;
	color:#3a3a3b;
	font-weight:normal
	}
.font-regular {font-weight:400; }
.font-bold,strong,.h5 {font-weight:700; color:#000}
.blue {color:#294992}
.bd-blue,.border.bd-blue {border:1px solid #294992 !important}
.h5 {position:relative}
h2:before,.h5:before,.h2:before,.h3:before {
	content:"";
	width:80px;
	height:4px;
	background-color:#3a3a3b;
	position:absolute;
	left:0px;
	bottom:-20px;
}
.h5:before {
	height:1px;
	bottom:-10px
}
.title {
	position:relative;
	font-size:25px
}
.title:before {
	content:"";
	width:80px;
	height:4px;
	background-color:#FFF;
	position:absolute;
	left:50%;
	transform: translateX(-50%);
	bottom:-20px;
}


p {	font-size:15px}	
.navbar {
	position:absolute;
	z-index:2000;
	width:100%;
	top:0px
}
#menu .nav-link {	color:#FFF;}
#menutop .nav-link,#white #menu .nav-link {	color:#3a3a3b;}
#menu .nav-link .fas {	font-size:18px}
.dropdown {	position:static}
.dropdown-menu {
	border:0px;
	background-color:#f8f9fa;
	border-radius:0px;
	margin:0px;
}
#item-2.active .nav-link::before,#item-7.active .nav-link::before,#item-8.active .nav-link::before {display:none}
.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(10, 97, 188, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-light #menutop-hp .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.dropdown-toggle::after {	
    border-top:0px;
    border-left:0px;
    border-right:0px;
    padding: 2px;
    border: solid black;
 	border-width: 0 2px 2px 0;
 	 transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
#menutop-hp .dropdown-toggle::after {	border: solid white;border-width: 0 2px 2px 0;}
#white #menutop-hp .dropdown-toggle::after {	border: solid black;border-width: 0 2px 2px 0;}
#menutop-hp .navbar-light .navbar-toggler {color:#fff; }	
.navbar-light .navbar-toggler {
	color:rgba(10, 97, 188, 1);
	border:0;	
	}
.dropdown-item {
	font-size:16px;
	position:relative;
	line-height:1.4
}
.link-right strong {font-size:105%}
.link-right .dropdown-item:hover,.link-right .dropdown-item.active {color:#0a61bc}
.dropdown-item small,.link-right .dropdown-item {color:#797979}
.dropdown-item .fas,.dropdown-item .far {
	position:absolute;
	left:.4rem;	
	top:1.5rem;
	font-size:32px;
	color:#3a3a3b
}
.link-right .dropdown-item:hover, .link-right .dropdown-item.active {
	background-color:transparent
}
.link-left .dropdown-item {	padding:.8rem 3.2rem;}
#itemnum_11 .fas,#itemnum_20 .fas,#itemnum_21 .fas  {font-size:28px;}
.link-left .dropdown-item:hover {		
	background-color:rgba(10,97,188,.1);	
	border-radius:5px
	}
.link-left .dropdown-item.active {background-color:transparent;	}
.dropdown-item.active strong,.dropdown-item.active .fas,.dropdown-item.active .far {color:#0a61bc}
.main {	
	padding-bottom:100px;
	position:relative
	}
#homesvg {
	position:relative;
	margin-bottom:100px
}
object {
	width: 100%;
	height: auto;
	padding:0px;
	margin:0px;
	display: block;
	
	padding-top:53.85% /* (100*1333/2000) */	
} 
svg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	
}
.antifurto object {
	padding-top:30%
}


#pagina {
	padding-top: 15.2rem;
	box-sizing: border-box;
	color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	position: relative;
	width: 100%;
	z-index: 0;
	margin-bottom: 3rem;
	min-height:80vh;	
}
#foto-head {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	overflow: hidden;
	width: 100%;
	z-index: -1;
}
picture {
    display: block;
    height: 100%;
    width: 100%;
    position: relative;
}
picture img {
	display:block;
	height: 100%;
    object-fit: cover;
    width: 100%;
}
#pagina h2:before {display:none}
.pagetitles {
	display: flex;
	flex-direction: column-reverse;
}
.pagetitles h2,.pagetitles h3 {
    transform: translateY(0);
}
.pagetitles h2 {
    margin:0 0 .5rem -.2rem;
    color:#FFF;
	font-weight:700;
	font-size:4rem;
	line-height:1
}
.pagetitles h3 {
    color:#FFF;
    text-transform:uppercase;
    font-size:1rem;
    font-weight:700;
    margin:0px;
}
.assistenza {
    margin: 45px 0;
    background-image: url(/assets/images/assistenza.jpg);
    background-size: cover;
    background-color: transparent !important;
    background-attachment: fixed;
    background-position: 50% 0 !important;
    background-repeat: no-repeat;
    position: relative;
}
.assistenza .bg-opacity {
    background: rgba(41,73,146,.7);
    filter: alpha(opacity=70);
    padding: 80px 0px;
}
.assistenza .fas {
	font-size:50px;
	margin-top:-20px;
}
.assistenza .box {
	position:relative;
	  background-image: linear-gradient(to bottom, #333 10%, rgba(255, 255, 255, 0) 0%);
  background-position: top;
  background-size: 10px 1px;
  background-repeat: repeat-x;
	padding:20px 
}
.assistenza .box:before {
	content:"";
	height:1px;
	width:80px;
	background-color:#FFF;
	position:absolute;
	top:-30px;
	left:-15px
}
.assistenza .box:after {
	content:"";
	height:1px;
	width:80px;
	background-color:#FFF;
	position:absolute;
	top:-30px;
	right:-15px
}
.referenze {
	position:relative;
	padding-top:100px
	}
.referenze .bottom {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.referenze .bottom::after {
    content: "";
    position: absolute;
    bottom: -50px;
    left: -50px;
    width: 200%;
    height: calc(50% + 50px);
    background-color: #f0f0f0;
}
.referenze .caption,.refer span {position:relative}
.refer span {
	margin-top:20px;
	padding-top:20px
	}
.referenze .caption::after,.refer span::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 3px;
    background: #000;
}
.referenze #referenze {
	z-index:2;
	position:relative;
	background-color:#FFF
}
.refer .shadow {
	box-shadow: 5px 5px 10px 2px rgba(0,0,0,.15) !important;
		-webkit-box-shadow: 5px 5px 10px 2px rgba(0,0,0,.15);
		-moz-box-shadow: 5px 5px 10px 2px rgba(0,0,0,.15);
}
.refer .categoria:before {
	content: "";
	position: absolute;
	top: -50px;
	left: 0;
	width: 100%;
	height: 50px;
	z-index: 0;	
	background-color: #294992;
}
.refer .categoria {background-color: #294992;}
.footer {
	margin-top:80px;
	 padding:70px 0px 30px 0;
	 position:relative;
	 background-color: #242424;
     background-repeat: repeat-y;     
   	 background-position: 0% 0%;
   	 background: repeating-linear-gradient(-45deg,#242424,#242424 2px,#1b1b1b 2px,#1b1b1b 4px);
   	 font-size:14px;
   	 color:#b5b4b4             
}
.footer .copy {
	font-size:20px;
	color:#b5b4b4   
}
.form-control::placeholder {
	color:rgba(108, 117, 125,.5)
}
.form-control {
	margin-bottom:.6rem;
	border-radius:0
}
.bg-grey {background-color:#f3f3f3}
.indirizzo .fas {
	font-size:40px;
	color:rgba(108, 117, 125,.3)
}
.background {
    max-width: 1376px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    z-index: -1;
}
.background::after {
    width: 30.13333%;
    float: left;
    margin-left: 2.4%;
}
.background::after, .background::before {
    content: "";
    background-color: #294992;
    display: block;
    height: 100%;
}
.background::after {
    clear: both;
    content: "";
    display: block;
}
.background::before {
    left: 0;
    transform: translateX(-96.6%);
    position: absolute;
    width: 101vw;
}
.qualita .titolo {
	width: 95.2%;
	color: #fff;
	margin-bottom: 2.8rem;
	padding-top: 2.8rem;
}
#back-to-top {
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 9999;
    width: 44px;
    height: 44px;
    text-align: center;
    line-height: 40px;
    background: #294992;
    color: #FFF;
    cursor: pointer;
    border: 0;
    border-radius: 2px;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 0;
    font-size:20px;
}
#back-to-top.show {    opacity: 1;}
.servizi {
	background-color:#FFF;
	width:100%;
	border-radius:.8rem;
	box-shadow:0 1.6rem 3.2rem 0 rgba(0,0,0,.1);
	padding:2.3rem 3.1rem;
	margin-bottom:-6rem
}
.padding {padding-top:5rem}
.servizi ul {
	align-items: flex-start;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.servizi ul li {
	display: flex;
	flex-grow: 1;
	flex-basis: 0;
	line-height:1.2;	
	text-align: center;
}
.servizi .list-inline-item:not(:last-child) {margin-right: 1rem;}
.servizi a {
	color:#343a40;
	width:100%
}
.servizi a:hover {text-decoration:none}
.servizi a .icons:after,.servizi a .icons:before {
	color:#FFF;
	font-size:2rem;	
}
.servizi .icons {
	margin:0px auto;
	background: #294992;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    text-align: center;
    line-height: 60px;
    vertical-align: middle;
}
#concept #v-pills-tab a {
	background-color:transparent;
	color:#595959;
	padding-left:0
}
#concept #v-pills-tab a:hover,#concept #v-pills-tab a.active {
	color:#1e1e1e;
	font-weight:700
	}
.certificati a {color:#294992}
.certificati small{
	color:#595959;
	}
.certificati li {
	position:relative;
	margin:0 20px;
	margin-bottom:5px;
	border-bottom:1px solid #ccc;
	color:#294992
	}



/**********************************************/
@media (max-width:1024px) {
	#pagina h2 {font-size:5rem}
	.servizi {
		padding: .8rem 2.5rem 3rem;
	}
 	.servizi ul {
	    width: 95.2%;
	    float: left;
	    margin-left: 2.4%;
	    flex-wrap: wrap;
	}
 	.servizi ul li {
		flex-basis: auto;
		margin-top: 2rem;
		margin-right: 1rem;
		width: calc(50% - 1rem);
		text-align:left
	}
	.servizi a .icons::after, .servizi a .icons::before {font-size:1.5rem}
	.servizi .icons {
		margin:0;
		float:left;
		width:50px;
		height:50px;
		line-height:50px;
		margin-top:-10px;
		margin-right:1rem
	}
}


@media (min-width:992px) {
 	.dropdown-menu {
		top:0px;
		z-index:-1;
		padding-top:90px
	}
}

 @media (max-width:992px) {
 	#menutop-hp .nav-link {	color:#3a3a3b;}
 	#menutop-hp .dropdown-toggle::after {border:solid black;border-width:0 2px 2px 0}
 	.nav-link .d-none {
 		display:inline-block !important;
 		margin-left:5px
 	}
 	.navbar-nav {position:relative}
	#item-2,#item-7,#item-8 {
		position:absolute;
		top:0;
	}
	#item-7 {left:40px}
	#item-8 {left:80px}
	#item-3 {margin-top:50px}
 	.dropdown-toggle::after {	
	 	 transform: rotate(-45deg);
	  -webkit-transform: rotate(-45deg);
	}
 	#back {
 		display:block !important;
 		padding:0px 10px 20px 10px;
 		border-bottom:1px solid #dee2e6;
 		color:#1e1e1e;
 		cursor:pointer;
 		width:100%
 	}
 	#menu {		
 		background-color:#f8f9fa; 	
 		padding:90px 30px 10px
	}
 	.navbar-collapse{
        height: 100%;
	    position:fixed;
	    z-index:-1;
        top: 0px;
        left: -100%;
        width: 100%;
        transition: all 0.4s ease;
        display: block;
        opacity: 0.8;
    }
    .navbar-nav .dropdown-menu {
    	padding:90px 30px 10px;
        height: 100%;
	    position:fixed;
	    z-index:2;
        top: 0px;
        left: -100%;
        width: 100%;
        transition: all 0.4s ease;
        opacity: 0;
    }
    .navbar-collapse.collapsing {
        height: auto !important;
        left: -100%;
        margin-left: 1px;
        transition: all 0.2s ease;
        opacity: 0.9;
    }
    .navbar-collapse.show,.navbar-nav .dropdown-menu.show {
        margin-left: 100%;
        transition: all 0.2s ease;
        opacity: 1;
    }
  	#menu .link-right {  		padding-top:20px  	}
 }


 @media (max-width:768px) {
	#menu .border-left {border-left:0px  !important}
  	#menu .link-right {
  		border-top:1px solid #dee2e6 !important;
  		margin-top:20px;
  		padding-top:20px
  	}
 	#menu .link-right .dropdown-item,#menu .link-right strong.pl-4 {
 		padding-left:0px !important
 	}	
	.background:before {
    	transform: none;
    	height: 30%;
    	left:-150px;
     	width: 300vw;
	}
	.background:after {display:none}
	.servizi ul li { 
	    margin-top: 2.5rem;
	    margin-right: 0;
	    width: 100%;
	    text-align:left
	}
	.servizi ul {
    	width: 93.75%;
    	float: left;
    	margin-left: 0;
    	padding: 0;
	}

 }
 @media (max-width:600px) {
 	 #pagina h2,#pagina h3 {font-size:1.5rem}
	.lead {font-size:1rem}
 }