:root {
	--color1: #103057; /* blu */
	--color2: #a54d17; /*ruggine*/
	--color3: #CAC6C6; /*grigio*/
	--color1rgb: 16, 48, 87;
	--color2rgb: 164, 77, 23;

	--fontcolor: #4E4D4D;
	--font1:'Maven Pro', sans-serif;
	--font2:'Roboto', sans-serif;
	--heightHeader: 148px;
}
html, body {
	/* height: 100%; */
	margin: 0;
}
html {
	text-rendering: optimizeLegibility;
	scroll-behavior: smooth;
}
/* remove highlight background when click a button, link, ecc.*/
* {
	-webkit-tap-highlight-color: transparent;
}
body {
	font-size: 17px;
	font-family: var(--font2);
	color: var(--fontcolor);
	font-weight: 300;
	line-height: 1.3;
	padding-top: var(--heightHeader);
}
b, strong {
	font-weight: 700;
}
h1, h2, h3, h4, h5, h6 {
	font-family: var(--font1);
	line-height: 1.2;
	/* margin: 0; */
	font-weight: 700;
	color:var(--color2);
}
a:focus { text-decoration: none !important; }
a{
	text-decoration: none;
}
.maven_pro{
	font-family: var(--font1);
}
.roboto{
	font-family: var(--font2);
}
.outline{
	color: transparent!important;
	letter-spacing: 3px;
	-webkit-text-stroke-width: 1px;
}
@media (min-width:992px){
	.vertical-align{
		display: flex;
		align-items: center;
	}
}
.d-flex {
    display: flex;
    justify-content: space-between;
}
.justify-content-between {
    -ms-flex-pack: justify!important;
    justify-content: space-between!important;
}
.justify-content-end{
	justify-content: end;
}
hr {
  border-top: 1px solid var(--color1);
  margin: 0;
}
.big-button {
    white-space: break-spaces;
    padding: 34px 50px;
    font-size: 19px!important;
    font-weight: 700!important;
	 letter-spacing: 1px;
	 margin-top: 56px;
	 font-family: var(--font1);
}
.medium-button {
    white-space: break-spaces;
    padding: 14px 30px;
    font-size: 19px!important;
    font-weight: 700!important;
	 /* letter-spacing: 1px; */
	 margin-top: 56px;
	 font-family: var(--font1);
}
.medium-button i {
    font-size: 25px!important;
    vertical-align: middle;
}
.small-button {
    white-space: break-spaces;
    padding: 10px 12px;
    line-height: 1;
    font-size: 14px!important;
    font-weight: 500!important;
    letter-spacing: 1.2px;
}
@media (max-width:600px){
	.big-button {
	    font-size: 20px!important;
	    padding: 16px 30px;
	}
}
.z-index-2{
	z-index: 2;
}
.sub-title{
	font-weight: 500;
	letter-spacing: 1.5px;
}
.square{
	display: inline-block;
	width:12px;
	height: 12px;
	background: var(--color2);
	margin-right: 3px;
}
.square2 {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: var(--color2);
    margin-right: 3px;
    margin: -2px 6px -2px 0;
}
.margin-0{
	margin:0;
}
.w-100-percent{
	width: 100%;
}
/* W3CSS
========================================================*/
.w3-button:hover {
    background-color: transparent!important;
}
.w3-xlarge {
    font-size: 28px!important;
}
.w3-padding-8{padding-top:8px!important;padding-bottom:8px!important}
.w3-blue{color:#fff!important;background-color:var(--color1)!important}
.w3-hover-blue:hover{color:var(--color3)!important;background-color:var(--color1)!important}
.w3-brown,.w3-hover-brown:hover{color:#fff!important;background-color:var(--color2)!important}
.w3-brown:hover{color:var(--color1)!important;background-color:var(--color3)!important}
.w3-border-brown,.w3-hover-border-brown:hover{border-color:var(--color2)!important}
.w3-text-brown,.w3-hover-text-brown:hover{color:var(--color2)!important}
.w3-text-blue,.w3-hover-text-blue:hover{color:var(--color1)!important}
.w3-grey,.w3-hover-grey:hover,.w3-gray,.w3-hover-gray:hover{color:var(--color1)!important;background-color:var(--color3)!important}
.w3-grey:hover{color:#FFF!important;background-color:var(--color1)!important}
.w3-dropdown-hover:hover > .w3-button:first-child, .w3-dropdown-click:hover > .w3-button:first-child {
    background-color: inherit;
    color: var(--fontcolor);
}
.w3-dropdown-content {
	 background-color: transparent;
}
@media screen and (min-width: 1064px) {
	.w3-dropdown-content {
		 color: #FFF!important;
	}
	.w3-dropdown-content {
	    top: 15px;
	    margin-left: -10px;
	    z-index: 2;
	    padding-top: 50px;
	}
	.w3-dropdown-content a{
	    background-color: rgba(var(--color2rgb), 1);
	}
	.topnav .w3-dropdown-content a:hover {
	    background-color: rgba(var(--color2rgb), 1)!important;
		 color: var(--color1)!important;
		 /* opacity:.7; */
	}
}
@media screen and (min-width: 1300px) {
	.w3-dropdown-content {
	    top: 35px;
	    margin-left: -5px;
	    z-index: 2;
	    padding-top: 50px;
	}
}
@media screen and (min-width: 1478px) {
	.w3-dropdown-content {
	    top: 15px;
	    margin-left: -5px;
	    z-index: 2;
	    padding-top: 50px;
	}
}
.w3-dropdown-hover:hover > .w3-button:first-child, .w3-dropdown-click:hover > .w3-button:first-child {
	background-color: transparent;
	color: var(--fontcolor);
}
@media screen and (max-width: 1063px) {
  .w3-bar .w3-bar-item {
		padding: 8px 0px;
  }
  .w3-bar-block.w3-center .w3-bar-item {
	text-align: left;
	margin-left: 30px;
  }
}
.w3-xxxlarge{font-size:42px!important}
.slidevideo .w3-jumbo {
    font-size: 4vw!important;
    font-weight: 600;
}
@media (min-width: 1500px){
	.slidevideo .w3-jumbo {
	    font-size: 60px!important;
	}
}
.w3-row-padding-large, .w3-row-padding-large>.w3-half, .w3-row-padding-large>.w3-third, .w3-row-padding-large>.w3-twothird, .w3-row-padding-large>.w3-threequarter, .w3-row-padding-large>.w3-quarter, .w3-row-padding-large>.w3-col, .w3-row-padding-large .w3-cell {
    padding: 0 16px;
}
.w3-stretch-large {
    margin-left: -32px;
    margin-right: -32px;
}
@media (max-width: 600px){
	.w3-stretch-large {
	    margin-left: 0;
	    margin-right: 0;
	}
	.w3-row-padding-large, .w3-row-padding-large>.w3-half, .w3-row-padding-large>.w3-third, .w3-row-padding-large>.w3-twothird, .w3-row-padding-large>.w3-threequarter, .w3-row-padding-large>.w3-quarter, .w3-row-padding-large>.w3-col, .w3-row-padding-large .w3-cell {
	    padding: 0;
	}
}
/* PRELOAD
 ========================================================*/
 .preloader {
   overflow: hidden;
   height: 100%;
   left: 0;
   position: fixed;
   top: 0;
   width: 100%;
   z-index: 100000;
   background-color:#FFF;
 }
 .sk-folding-cube {
	 width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
	 margin-top: -20px;
    margin-left: -20px;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
   -webkit-transform: rotateZ(45deg);
           transform: rotateZ(45deg);
 }

 .sk-folding-cube .sk-cube {
   float: left;
   width: 50%;
   height: 50%;
   position: relative;
   -webkit-transform: scale(1.1);
       -ms-transform: scale(1.1);
           transform: scale(1.1);
 }
 .sk-folding-cube .sk-cube:before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: var(--color1);
   -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
           animation: sk-foldCubeAngle 2.4s infinite linear both;
   -webkit-transform-origin: 100% 100%;
       -ms-transform-origin: 100% 100%;
           transform-origin: 100% 100%;
 }
 .sk-folding-cube .sk-cube2 {
   -webkit-transform: scale(1.1) rotateZ(90deg);
           transform: scale(1.1) rotateZ(90deg);
 }
 .sk-folding-cube .sk-cube3 {
   -webkit-transform: scale(1.1) rotateZ(180deg);
           transform: scale(1.1) rotateZ(180deg);
 }
 .sk-folding-cube .sk-cube4 {
   -webkit-transform: scale(1.1) rotateZ(270deg);
           transform: scale(1.1) rotateZ(270deg);
 }
 .sk-folding-cube .sk-cube2:before {
   -webkit-animation-delay: 0.3s;
           animation-delay: 0.3s;
 }
 .sk-folding-cube .sk-cube3:before {
   -webkit-animation-delay: 0.6s;
           animation-delay: 0.6s;
 }
 .sk-folding-cube .sk-cube4:before {
   -webkit-animation-delay: 0.9s;
           animation-delay: 0.9s;
 }
 @-webkit-keyframes sk-foldCubeAngle {
   0%, 10% {
     -webkit-transform: perspective(140px) rotateX(-180deg);
             transform: perspective(140px) rotateX(-180deg);
     opacity: 0;
   } 25%, 75% {
     -webkit-transform: perspective(140px) rotateX(0deg);
             transform: perspective(140px) rotateX(0deg);
     opacity: 1;
   } 90%, 100% {
     -webkit-transform: perspective(140px) rotateY(180deg);
             transform: perspective(140px) rotateY(180deg);
     opacity: 0;
   }
 }

 @keyframes sk-foldCubeAngle {
   0%, 10% {
     -webkit-transform: perspective(140px) rotateX(-180deg);
             transform: perspective(140px) rotateX(-180deg);
     opacity: 0;
   } 25%, 75% {
     -webkit-transform: perspective(140px) rotateX(0deg);
             transform: perspective(140px) rotateX(0deg);
     opacity: 1;
   } 90%, 100% {
     -webkit-transform: perspective(140px) rotateY(180deg);
             transform: perspective(140px) rotateY(180deg);
     opacity: 0;
   }
 }
/* Navbar
 ========================================================*/
.social-icons {
	list-style: none;
	font-family: var(--font2);
	color: #FFF;
	font-weight: 400;
	z-index: 3;
	margin-left: 523px;
}
@media (max-width:1063px) {
	.social-icons li{
		display: none;
	}
}
.social-icons i{
	margin-right:5px;
}
.pre-header {
	background-color: var(--color2);
	width: 100%;
	z-index: 3;
}
header {
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 3;
	font-family: var(--font1);
}
.logo-box {
    background: url(../images/head.svg) no-repeat left top;
    background-size: contain;
    height: 100%;
    width: 583px;
	 z-index: 4;
}
.logo{
    max-width: 300px;
	 min-width: 164px;
	 margin-left: 40px;
	 margin-top: 40px;
}
@media (max-width:600px) {
	.logo-box {
    background: url(../images/head.svg) no-repeat right top;
    background-size: cover;
	 width: 100%;
	 min-width: 360px;
}
	.logo{
		margin-left: 16px;
		margin-right: 180px;
	}
}
 .topnav {
   background-color: transparent;
	z-index: 4;
	margin-top: 30px;
 }
@media (max-width:1500px) and (min-width:1064px){
	 .topnav {
		 left:57%;
		 margin-right: 85px;
	 }
 }
 @media (max-width:1299px) and (min-width:1064px) {
	 header .big-button {
		 display: none;
	 }
	 .topnav {
		 right: -260px;
		 margin-right: 0;
	    left: auto;
	 }
 }

 .topnav a {
   float: left;
   display: block;
   color: var(--color1);
   text-align: center;
   padding: 14px 16px;
   text-decoration: none;
   font-size: 19px;
	text-transform: uppercase;
	font-weight: 700;
 }

 .topnav a .fa{
	 color: var(--color2);
 }

 .topnav a:hover, .topnav a.active {
	color: var(--color2)!important;
 }
 .topnav .icon {
   display: none;
 }

 header>div{
 	height: var(--heightHeader);
 }

 @media screen and (max-width: 1063px) {
   .topnav a:not(:last-child) {display: none;}
   .topnav a.icon {
     display: block;
     position: absolute;
     top: 224px;
     right: 16px;
   }
	.topnav.responsive .icon{
		top: -82px;
		right: 16px;
	}
	header .big-button {
		display: none;
	}
	header div.w3-display-left {
		position: relative;
		top:0;
		transform: none;
	}
	.topnav {
		margin-left: 0;
		margin-top: calc(-1 * var(--heightHeader));
		background-color: rgba(var(--color1rgb), 0.8);
		width: 100%;
		top: -10px;
		transform: translate(-50%,0);
	}

	.topnav.responsive {position: relative;padding:0 20px}
   .topnav.responsive a {
     float: none;
     display: block;
     text-align: left;
	  color: #FFF;
   }
	.topnav.responsive a.active {
		color: var(--color1);
	}
	.topnav.responsive .w3-dropdown-hover {float: none;}
	.topnav.responsive .w3-dropdown-content {position: relative!important;}
	.topnav.responsive .dropdown .dropbtn {
	  display: block;
	  width: 100%;
	  text-align: left;
	}
	.topnav.responsive .w3-nav{
		margin-top: calc(var(--heightHeader) + 10px);
	}
 }

@media screen and (min-width: 1064px) {
	.w3-dropdown-hover .w3-dropdown-content a {
	    color: #FFF!important;
	    font-weight: 400!important;
	    padding: 6px 16px!important;
	}
	.w3-dropdown-hover .w3-dropdown-content a:not(:last-child){
	  border-bottom: 1px solid #FFF;
	}
}
/* Stuck menu
 ========================================================*/
.w3-animate-top {
  position:absolute;
  animation: 0;
}
@media (min-width: 1064px) {
	.sticky {
     position: fixed!important;
     top: 0!important;
     width: 100%;
     opacity: 1;
     filter: alpha(opacity = 1);
     /* opacity: .97;
     filter: alpha(opacity = 97); */
     box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);
     -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);
     background: rgb(255 255 255 / 100%);
     z-index: 4;
 }
	 .w3-animate-top {
		  position: relative;
		  animation: animatetop 0.4s;
	 }
}

 /* SLIDE VIDEO
 ========================================================*/
 .slidevideo{
 	width: 100vw;
 	height: calc(100vh - var(--heightHeader));
 	position: relative;
	min-height: 700px;
	overflow: hidden;
	z-index: 1;
 }
 @media (max-width:600px){
	 .slidevideo{
	  min-height: 400px;
	 }
 }
 .slidevideo img {
     position: absolute;
     z-index: 1;
     height: 35vw;
     max-width: 500px;
	  min-height: 200px;
     bottom: 35px;
     left: auto;
     right: -15%;
	  object-fit: contain;
	  object-position: bottom;
 }
 #myVideo {
 	position: absolute;
 	right: 0;
 	top: 0;
 	height: 100%;
 	width: 100%;
 	object-fit: cover;
 	min-width: 100%;
 	min-height: 100%;
 }
 .slidevideo .slide_slogan {
    position: absolute;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
    padding: 48px;
    right: 0;
    width: 50%;
    line-height: 1;
}
 .slidevideo .w3-button{
 	font-weight: 600;
 }
 @media (max-width: 600px){
	.slidevideo .slide_slogan {
		width: 100%;
	}
 	.slidevideo .w3-button{
 		bottom:50px;
 	}
	.slidevideo .slide_slogan span {
		 font-size: 36px!important;
	 }
 }
 /* CHI SIAMO
 ========================================================*/
 .chi-siamo {
  background-image: url(../images/sfondoPattern.svg);
  margin-top: -120px;
  z-index: 1;
  position: relative;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: auto 100%;
}
.chi-siamo.page {
	background: none;
}
 .container-chi-siamo {
	 padding-top:180px;
	 padding-bottom: 180px;
 }
 .chi-siamo.page .container-chi-siamo {
    padding-top: 180px;
    padding-bottom: 100px;
}
 .chi-siamo img {
	 max-width: 100%;
	 height: 516px;
	 object-fit: cover;
 }
 .quad-foto {
     background: url(../images/quad_foto.svg);
     background-repeat: no-repeat;
     width: 200px;
     height: 200px;
     position: absolute;
     top: 40px;
     left: -70px;
     color: #fff;
     font-family: var(--font1);
     font-weight: 700;
     padding: 50px 30px 30px;
 	 text-align: left;
 }
 .chi-siamo.page .quad-foto {
	 bottom: 40px;
	 top: auto;
}
@media (max-width:992px){
	.chi-siamo {
		background-image: url(../images/sfondoPattern_mobile.gif);
		background-size: cover;
		margin-top: 0;
		padding-bottom: 50px;
	}
	 .container-chi-siamo {
		 padding-top:80px;
		 padding-bottom: 0;
	 }
	 .chi-siamo.page .container-chi-siamo {
	    padding-bottom: 0;
	    padding-top: 50px;
	}
	.chi-siamo img {
		height: auto;
	}
	.chi-siamo .w3-show-inline-block {
		margin: 0 ;
	}
	.quad-foto {
	    position: relative;
		 margin: 0 auto;
		 margin-bottom: 70px;
		 left: 0;
		 top:50px!important;
	}
}
/* Box Prodotti in HP
========================================================*/
.img-box {
   position: relative;
   width: 100%;
   padding-top: 70%; /* 1:1 Aspect Ratio */
	background-position: center;
	background-size: cover;
	margin-top: 16px;
	margin-bottom: 16px;
}
.img-box img{
	height: 70px;
	margin-right:15px
}
.img-box .w3-display-bottommiddlex {
    background-image: url(../images/sfondoCat.svg);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: cover;
    font-size: 22px;
    color: #FFF!important;
    padding: 10px 20px;
	 font-family: var(--font1);
}
.mystyle {
	color:#FFF!important;
	background-color:var(--color1)!important;
}
/* CHI SIAMO - PUNTI DI FORZA
========================================================*/
.punti_di_forza {
 background-image: url(../images/ChiSiamo_img3.jpg);
 background-blend-mode: darken;
 z-index: 1;
 position: relative;
 background-position: center top;
 background-repeat: no-repeat;
 background-size: cover;
}
.angolo_sup_sx{
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	margin-left: -1080px;
}
.angolo_inf_sx {
    position: absolute;
    -webkit-transform: scale(-1);
    transform: scale(-1);
	 bottom:0;
    left: 50%;
    transform: translateX(-50%) scale(-1);
    margin-left: 1080px;
}
.angolo_inf_dx {
    position: absolute;
    -webkit-transform: scale(-1);
    transform: scale(-1);
	 bottom:0;
    left: 50%;
    transform: translateX(-50%) scale(-1);
    margin-left: 1720px;
}
@media (max-width:992px){
	.angolo_sup_sx, .angolo_inf_sx, .angolo_inf_dx{
		display: none;
	}
}
/* Prodotti
========================================================*/
.foto_quad {
   position: relative;
   width: 100%;
   padding-top: 100%; /* 1:1 Aspect Ratio */
	background-position: center;
	background-size: cover;
	margin-bottom: 32px;
}
.foto_rett {
   position: relative;
   width: 100%;
   padding-top: calc(50% - 16px); /* 1:1 Aspect Ratio */
	background-position: center;
	background-size: cover;
	margin-bottom: 32px;

}
@media (max-width:600px){
	.foto_rett {
	   padding-top: 100%;
	}
}
.gallery .overlay {
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    height: 100%;
    width: 100%;
}
.gallery img{
    position: absolute;
    top: 50%;
    left: 50%;
	 transform:translate(-50%,-50%);
    height: 80px;
    width: auto;
}
.overlay {
  background-color: rgba(0,0,0,0.8);
  z-index: 2;
  transition: .5s ease;
  opacity: 0;
}
.gallery a:hover .overlay{
	opacity: 1;
}
.sl-wrapper .sl-image .sl-caption {
	 background: rgba(0, 0, 0, 1) url(../images/descGalleria.svg) no-repeat right top;
	 background-size: cover;
	 padding-right: 50px;
}
/* Go to Top
 ========================================================*/
 #scroll-top {
    display:none;
    /* opacity: 0; */
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: rgba(var(--color2rgb), 0.4);
    color: #fff;
    font-size: 18px;
    cursor: pointer;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    text-align: center;
    z-index: 111;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
 #scroll-top .icon-icons8_arrow_up{
	 color: #FFF;
    font-size: 40px;
 }
#scroll-top:hover {
    background-color: rgba(var(--color2rgb), 0.8);
}
/* Footer
 ========================================================*/
.logo-footer{
	max-width: 260px;
}
/* Parallax
========================================================*/
.height-50{
 height: 50%;
}
.height-100{
 height: 100%;
}
.parallax {
 background-size: cover!important;
 height: 300px;
 background-blend-mode: darken;
 font-family: var(--font1);
}
.px01{
  background: rgba(0, 0, 0, 0) url(../images/px01.jpg) no-repeat center center;
   height: 470px;
}
.px02 {
    background-image: url(../images/px02.svg);
    margin-top: 50px;
    z-index: 1;
    position: relative;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: auto 100%!important;
    height: 350px;
}
.px02 > div {
	margin-top:48px;
}
.px03{
  background: rgba(0, 0, 0, 0) url(../images/px03.jpg) no-repeat center center;
}
.px04{
  background: rgba(0, 0, 0, 0.3) url(../images/px04.jpg) no-repeat center center;
}
.px05{
  background: rgba(0, 0, 0, 0) url(../images/px05.jpg) no-repeat center center;
}
.parallax .slogan > div{
    position: absolute;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 50%;
}
.parallax .slogan{
	font-size:3vw;
}
@media (max-width:600px){
	.parallax .slogan{
		font-size:22px;
	}
	.parallax .slogan > div{
		width: 100%;
	}
	.parallax .w3-jumbo{
		font-size: 40px!important;
	}
}
@media (min-width:1200px){
	.parallax .slogan{
		font-size:36px;
	}
}
@media (max-width:992px){
	.parallax .w3-display-middle {
		  position: relative;
		  top:0;
		  left:0;
		  transform:none;
		  text-align: center;
		  padding:30px 0;
	}
	.px01, .px02{
		height: 300px;
	}
	.px02 {
		background-position: left -2100px top;
	}
	.px02 > div {
		margin-top:0;
	}
}
/*CONTATTI
========================================================*/
  .gmap iframe{
	  display: block;
  }
div[data-service]::before {
    padding-top: 0;
}
.gmap iframe {
	filter:grayscale(100%)!important;
}
.contatti iframe{
	display: block;
}
div[data-autoscale] {
    height: 450px!important;
    width: 100%;
}
div[data-service] {
    background-color: #dfdfdf!important;
}
div[data-service] .c-n-t {
    color: #1c1c1c!important;
}
div[data-service] .c-n-c .c-l-b::before {
    top: 17px!important;
}
@media (max-width: 489px) {
	div[data-service] .c-n-c .c-la-b {
		margin-left: 0!important;
		margin-top: 16px!important;
  }
}
/* Contacts
========================================================*/
/* CHECKBOX STYLE */
input[type=checkbox] {
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    display: inline-block;
    background: #FFFFFF;
    border: 2px solid var(--color2);
    margin-right: 5px;
}
input[type=checkbox]:after {
    content: "";
    display: inline-block;
    position: relative;
    top: -6px;
    left: 4px;
    width: 6px;
    height: 10px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
}
input[type=checkbox]:checked   {
    background: var(--color2);
    outline: none;
    border: 2px solid var(--color2);
}
input[type=checkbox]:focus,input[type=checkbox]:active {
	outline: none;
}
input[type=checkbox]:hover {
   border: 2px solid var(--color2);
}
/* Google maps
========================================================*/
.gmap iframe{
	display: block;
	filter:grayscale(100%)!important;
}
div[data-service]{
    display: block!important;
}
div[data-service]::before {
    padding-top: 0!important;
}
div[data-autoscale] {
    height: 490px!important;
    width: 100%;
}
div[data-service] {
    background-color: var(--color2)!important;
}
div[data-service] * {
	 font-size: 17px!important;
}
div[data-service] .c-n-t a {
    color: #0d74d5!important;
}
div[data-service] .c-n-c .c-l-b, div[data-service] .c-n-c .c-la-b {
    font-size: .85em!important;
}
div[data-service] .c-n-c .c-l-b::before {
    top: 16px!important;
}
/* Form
========================================================*/
.form {
	background: rgba(0, 0, 0, 0) url(../images/sfondo_grigio_grande_contatti.svg) no-repeat center center;
	background-size: cover;
	padding-top:150px;
	padding-bottom: 48px;
	position: relative;
}
.form .angolo_sup_sx {
    margin-left: -1717px;
}
.form .slogan{
	font-size:3vw;
}
@media (max-width:600px){
	.form .slogan{
		font-size:22px;
	}
}
@media (max-width:992px){
	.form {
		padding-top:48px;
	}
}
@media (min-width:1200px){
	.form .slogan{
		font-size:36px;
	}
}

/*==================  404  ======================*/
@media (max-width: 1060px) {
  .not-found i{
		font-size: 180px!important;
  }
}
.not-found i{
font-size: 15vw;
 color: var(--color2);
}
.not-found h2{
  font-size: 100px;;
}
.not-found h3{
  font-size: 28px;;
}